:root{--canvas: #F3F0EE;--ink: #111111;--ink-muted: #6B6561;--rule: #E3DED9;--peach-100: #F7D7BE;--peach-200: #F4B58B;--coral-400: #F08A4B;--coral-600: #E56127;--red-700: #C73A1D;--charcoal-900: #1A1512;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--space-16: 128px;--space-24: 192px;--space-32: 256px;--serif: "Fraunces", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--max-w: 1280px;--gutter: 80px}@media(max-width:768px){:root{--gutter: 24px}nav.site ul li:nth-child(2),nav.site ul li:nth-child(3){display:none}nav.site ul{gap:0}nav.site{padding-top:16px;padding-bottom:12px}video{background:var(--canvas)}.case-study.case-study-dark video{background:var(--charcoal-900)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}html,body{overflow-x:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--canvas);color:var(--ink);font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.66;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.bg-gradient,.bg-grain{position:fixed;inset:0;pointer-events:none;z-index:-1}.bg-gradient{background:radial-gradient(circle at 80% 85%,var(--canvas) 0%,var(--canvas) 65%,var(--canvas) 100%);transition:background 1.4s ease}.bg-grain{opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.06  0 0 0 0 0.05  0 0 0 0 0.04  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:300px 300px}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}nav.site{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:28px;padding-bottom:16px;background:radial-gradient(ellipse 75% 140% at 5% 0%,rgba(240,138,75,.24),transparent 75%);pointer-events:none}nav.site .container{pointer-events:auto}nav.site .container{display:flex;justify-content:space-between;align-items:baseline;color:var(--ink);transition:color .28s ease}body.nav-on-dark nav.site .container{color:#f3f0ee}nav.site .name{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:-.01em;font-variation-settings:"SOFT" 30,"WONK" 0,"opsz" 144}nav.site .name .dot{color:var(--red-700)}nav.site ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-6);font-family:var(--serif);font-size:20px;letter-spacing:-.005em}nav.site a{color:inherit;text-decoration:none;position:relative}nav.site a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--red-700);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}nav.site a:hover:after{transform:scaleX(1)}nav.site .now-marker{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red-700);margin-left:5px;vertical-align:middle;transform:translateY(-1px)}section.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-24) 0 var(--space-16)}.hero .kicker{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:var(--space-8)}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(54px,9.24vw,141px);line-height:.94;letter-spacing:-.03em;margin:0 0 var(--space-8) 0;max-width:18ch;font-variation-settings:"SOFT" 40,"WONK" 0,"opsz" 144}.hero h1 .period{color:var(--red-700)}.hero .sub{font-size:clamp(18px,1.5vw,24px);line-height:1.5;color:var(--ink-muted);max-width:62ch;margin:0}.hero .sub .period{color:var(--red-700);font-weight:500}.hero .scroll-hint{margin-top:var(--space-12);font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink-muted);opacity:.7}section.case-study{padding:var(--space-32) 0}.case-study .meta{font-family:var(--mono);font-size:13px;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:var(--space-6)}.case-study .meta .num{color:var(--ink);font-weight:500;margin-right:var(--space-3)}.case-study h2.thesis{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.8vw,70px);line-height:1.02;letter-spacing:-.028em;margin:0 0 var(--space-8) 0;max-width:22ch;font-variation-settings:"SOFT" 50,"WONK" 0,"opsz" 144}.case-study .body{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);margin-top:var(--space-12)}.case-study .narrative{grid-column:1 / span 4;font-size:19px;line-height:1.7;color:var(--ink);max-width:46ch}.case-study .narrative p{margin:0 0 var(--space-3) 0}.case-study .narrative p:last-child{margin-bottom:0}.case-study .images{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;gap:var(--space-4);position:relative}.case-study .img-primary{grid-column:1 / span 7;aspect-ratio:3 / 2;border-radius:0;overflow:hidden;background:linear-gradient(135deg,var(--peach-200),var(--coral-400));display:flex;align-items:center;justify-content:center;color:#ffffff80;font-family:var(--mono);font-size:13px;letter-spacing:.08em}.case-study .img-secondary{grid-column:2 / span 6;aspect-ratio:16 / 10;margin-top:var(--space-8);border-radius:4px;overflow:hidden;background:linear-gradient(45deg,var(--coral-400),var(--coral-600));display:flex;align-items:center;justify-content:center;color:#ffffff80;font-family:var(--mono);font-size:13px;letter-spacing:.08em}.case-study .img-wide{grid-column:1 / -1;aspect-ratio:16 / 9;margin-top:var(--space-12);border-radius:4px;overflow:hidden;background:linear-gradient(225deg,var(--peach-200),var(--coral-600));display:flex;align-items:center;justify-content:center;color:#ffffff80;font-family:var(--mono);font-size:13px;letter-spacing:.08em}.case-study .img-wide img,.case-study img{display:block;width:100%;height:100%;object-fit:cover}section.video-interstitial{position:relative;width:100vw;margin-left:calc(50% - 50vw);aspect-ratio:16 / 9;overflow:hidden;background:#000;margin:var(--space-8) 0}section.video-interstitial video{width:100%;height:100%;object-fit:cover;display:block}section.video-interstitial:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.06  0 0 0 0 0.05  0 0 0 0 0.04  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:300px 300px;opacity:.22;mix-blend-mode:multiply;pointer-events:none}section.video-interstitial .caption{position:absolute;left:var(--gutter);bottom:var(--space-6);z-index:3;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#fff;mix-blend-mode:difference}section.pullquote{min-height:90vh;display:flex;align-items:center;justify-content:flex-start;padding:var(--space-24) 0}section.pullquote blockquote{font-family:var(--serif);font-weight:500;font-style:normal;font-size:clamp(36px,5vw,72px);line-height:1.12;letter-spacing:-.022em;color:var(--ink);margin:0;max-width:22ch;font-variation-settings:"SOFT" 50,"WONK" 0,"opsz" 144}section.pullquote blockquote .period{color:var(--red-700)}section.pullquote .attrib{display:block;margin-top:var(--space-6);font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-muted);font-style:normal;text-decoration:none}section.pullquote .attrib:hover{color:var(--red-700)}.case-study .closing{margin-top:var(--space-16);max-width:36ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;line-height:1.4;color:var(--ink);border-top:1px solid var(--rule);padding-top:var(--space-6);font-variation-settings:"SOFT" 40,"WONK" 0,"opsz" 144}.case-study .closing .period{color:var(--red-700)}@media(max-width:900px){section.case-study{padding:var(--space-16) 0}section.hero{padding:var(--space-16) 0 var(--space-12)}.case-study .body{grid-template-columns:1fr}.case-study .narrative{grid-column:1 / -1}.case-study .images{grid-column:1 / -1;grid-template-columns:1fr}.case-study .img-primary,.case-study .img-secondary{grid-column:1 / -1;margin-top:var(--space-4)}.case-study .img-wide{aspect-ratio:3 / 2;margin-top:var(--space-8)}}.case-study.amazon-layout .body{grid-template-columns:repeat(12,1fr);align-items:start}.case-study.amazon-layout .narrative{grid-column:1 / span 5}.case-study.amazon-layout .img-square{grid-column:7 / span 6;overflow:hidden;border-radius:4px;align-self:start}.case-study.amazon-layout .img-square img{width:100%;height:auto;display:block}.case-study.amazon-layout .video-wide{grid-column:1 / -1;margin-top:var(--space-12);overflow:hidden;border-radius:4px;background:var(--canvas)}.case-study.amazon-layout .video-wide video{width:100%;height:auto;display:block}@media(max-width:900px){.case-study.amazon-layout .narrative,.case-study.amazon-layout .img-square,.case-study.amazon-layout .video-wide{grid-column:1 / -1}.case-study.amazon-layout .img-square{margin-top:var(--space-6)}}.case-study.case-study-dark{background:var(--charcoal-900);color:#f3f0ee;margin-top:var(--space-16);width:100%;display:block}.case-study.case-study-dark .meta{color:#f3f0ee8c}.case-study.case-study-dark .meta .num,.case-study.case-study-dark h2.thesis{color:#f3f0ee}.case-study.case-study-dark .narrative{color:#f3f0eed9}.case-study.case-study-dark .closing{color:#f3f0ee;border-top-color:#f3f0ee2e}.case-study.case-study-dark .closing .period{color:var(--red-700)}.case-study.case-study-dark .img-primary,.case-study.case-study-dark .img-secondary{background:linear-gradient(135deg,#2a211d,#1a1512)}.case-study.vsports-layout .body{grid-template-columns:repeat(12,1fr);align-items:start}.case-study.vsports-layout .narrative{grid-column:1 / span 4}.case-study.vsports-layout .video-side{grid-column:6 / span 7;overflow:hidden;border-radius:4px;background:#000;align-self:start}.case-study.vsports-layout .video-side video{width:100%;height:auto;display:block}.case-study.vsports-layout .video-wide{grid-column:1 / -1;margin-top:var(--space-12);overflow:hidden;border-radius:4px;background:#000}.case-study.vsports-layout .video-wide video{width:100%;height:auto;display:block}.case-study.vsports-layout .video-wide video::-webkit-media-controls-panel{background-color:#00000080}@media(max-width:900px){.case-study.vsports-layout .narrative,.case-study.vsports-layout .video-side,.case-study.vsports-layout .video-wide{grid-column:1 / -1}.case-study.vsports-layout .video-side{margin-top:var(--space-6)}}.site-footer{background:radial-gradient(ellipse 80% 60% at 15% 110%,rgba(240,138,75,.28),transparent 70%),var(--charcoal-900);color:#f3f0ee;padding:var(--space-24) 0 var(--space-12);position:relative}.site-footer .footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-16)}.site-footer .footer-grid.footer-grid--2{grid-template-columns:1fr 1fr}.site-footer .footer-label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--coral-400);margin-bottom:var(--space-3)}.site-footer .footer-col p{font-family:var(--serif);font-size:19px;line-height:1.5;color:#f3f0ee;margin:0;max-width:34ch}.site-footer a{color:#f3f0ee;text-decoration:none;border-bottom:1px solid rgba(243,240,238,.2);transition:border-color .2s ease,color .2s ease}.site-footer a:hover{color:var(--coral-400);border-bottom-color:var(--coral-400)}.site-footer .footer-signoff{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#f3f0ee8c;border-top:1px solid var(--coral-400);padding-top:var(--space-6)}.site-footer .footer-signoff .period{color:var(--red-700)}@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:1fr;gap:var(--space-6)}}