@font-face{font-family:Editorial;src:url('assets/fonts/garamond.ttf');font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf');font-display:swap}:root{--ink:#282b27;--forest:#203c2e;--green:#3e6033;--cream:#f3f0e6;--yellow:#eceba7;--lavender:#d8d0df;--muted:#b4bbac;--line:#ffffff25;--serif:'Garamond Nova Pro',Editorial,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--cream);font:14px/1.6 Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.96;letter-spacing:-.035em}h1{font-size:clamp(66px,8.5vw,150px)}h2{font-size:clamp(48px,6.5vw,112px)}h3{font-size:36px}em{font-weight:400;color:var(--yellow)}img{display:block;width:100%;height:auto}header{position:absolute;top:0;left:0;z-index:10;width:100%;padding:30px 4%;display:flex;align-items:center;justify-content:space-between}.wordmark{width:230px;mix-blend-mode:normal}.wordmark img{width:100%;height:auto}nav{display:flex;gap:36px;align-items:center}nav a{position:relative;font-size:12px}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}nav a:last-child{border:1px solid var(--line);padding:10px 20px;border-radius:30px}.menu-toggle{display:none}.skip{position:fixed;top:-60px;left:20px;padding:10px;background:var(--yellow);color:var(--ink);z-index:100}.skip:focus{top:10px}.intro{min-height:100svh;background:radial-gradient(ellipse at 45% 70%,#3e603350,transparent 60%),var(--forest);padding:128px 4% 0;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6}.intro>.eyebrow{display:flex;justify-content:space-between;color:var(--muted)}.hero-world{position:relative;min-height:calc(100svh - 155px);display:flex;align-items:center;justify-content:center;padding:120px 0 140px}.hero-title{position:relative;z-index:2;text-align:center;animation:title-in 1.4s ease both}.hero-title>.eyebrow{margin-bottom:26px;color:var(--yellow)}.hero-title h1{white-space:nowrap}.hero-fragment{position:absolute;width:clamp(90px,13vw,205px);height:clamp(130px,17vw,265px);object-fit:cover;box-shadow:0 15px 70px #141b1950;opacity:.85;transition:transform .5s}.fragment-one{left:1%;top:18%;transform:translateY(var(--parallax,0px)) rotate(-13deg)}.fragment-two{right:1%;bottom:20%;transform:translateY(var(--parallax,0px)) rotate(11deg)}.orbit{border:1px solid #eceba721;border-radius:50%;position:absolute;width:75%;height:80%;transform:rotate(-16deg);pointer-events:none}.orbit-two{width:90%;height:45%;transform:rotate(13deg)}.doodle{position:absolute;width:43%;height:60px;right:2%;bottom:-38px;fill:none;stroke:var(--yellow);stroke-width:1.2;stroke-dasharray:1200;animation:draw 3s ease both}.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:12px;color:#d4d9ce}.pill{display:inline-flex;gap:35px;align-items:center;border:1px solid #eceba760;border-radius:40px;padding:16px 25px;font-size:12px;background:transparent;transition:background .3s,color .3s,transform .3s}.pill:hover{background:var(--yellow);color:var(--forest);transform:translateY(-3px)}.pill span{font-size:20px;line-height:1}.scroll-note{font-size:9px;letter-spacing:.15em}.landing-film{padding:65px 4% 0}.film-top{display:flex;justify-content:space-between;margin-bottom:18px}.film-canvas{position:relative;height:75vw;max-height:780px;min-height:400px;overflow:hidden;border-radius:3px}.film-canvas video{width:100%;height:100%;object-fit:cover;opacity:.7}.film-canvas:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#282b27a0,transparent 70%);pointer-events:none}.film-caption{position:absolute;left:5%;bottom:10%;z-index:2}.film-caption h2{font-size:clamp(65px,8vw,140px);margin-bottom:28px}#motion-toggle{position:absolute;right:3%;bottom:4%;z-index:3;border:0;background:var(--ink);border-radius:20px;padding:8px 14px;font-size:10px}.watching .film-caption,.watching #motion-toggle,.watching:after{display:none}.watching video{opacity:1;object-fit:contain;background:var(--ink)}.ticker{padding:40px 0 35px;overflow:hidden;color:var(--yellow);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.2em}.ticker>div{white-space:nowrap;width:max-content;animation:ticker 35s linear infinite}.section{padding:120px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-heading h2{position:relative}.section-heading h2 span{display:block;position:absolute;top:0;right:-36px;font:10px Manrope;letter-spacing:0;color:var(--muted)}.section-heading>p{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:95px 6%}.project{min-width:0;position:relative}.project:first-child{grid-column:1/-1;width:84%}.project:nth-child(2){padding-top:30px}.project:nth-child(3){padding-top:200px}.project:nth-child(4){grid-column:1/-1;width:75%;margin-left:auto}.project:nth-child(5){padding-top:0}.project:nth-child(6){padding-top:160px}.project:nth-child(7){grid-column:1/-1;width:85%}.project:last-child{grid-column:1/-1;width:65%;margin-left:auto}.project-open{width:100%;border:0;background:none;text-align:left;padding:0}.image-wrap{position:relative;overflow:hidden;background:var(--forest);aspect-ratio:4/3;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s}.project:first-child .image-wrap,.project:nth-child(4) .image-wrap,.project:nth-child(7) .image-wrap{aspect-ratio:16/9}.image-wrap img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.project-open:hover img{transform:scale(1.05);filter:saturate(1.1)}.project-adidas .image-wrap img{object-position:center 32%}.project-ai .image-wrap img{object-fit:contain;background:#ece9e2}.open-icon{position:absolute;right:20px;bottom:20px;padding:10px 17px;border-radius:25px;background:var(--yellow);color:var(--ink);font-size:11px;transform:translateY(70px);transition:transform .4s}.project-open:hover .open-icon,.project-open:focus-visible .open-icon{transform:translateY(0)}.project-number{position:absolute;top:20px;left:20px;background:var(--ink);border-radius:50%;width:36px;height:36px;text-align:center;padding-top:9px;font-size:10px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.project-meta h3{font-size:clamp(30px,3.2vw,52px)}.project-meta>span{font-size:25px;color:var(--yellow);transition:transform .3s}.project-open:hover .project-meta>span{transform:translate(3px,-3px)}.project-open>p{font-size:11px;color:var(--muted);margin-top:10px}.project-behance{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--muted);margin-top:16px;border-bottom:1px solid var(--line);width:max-content;padding-bottom:5px}.project-behance:hover{color:var(--yellow)}.archive{margin-top:100px;border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px}.round{border:1px solid var(--line);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:background .3s}.text-link:hover .round{background:var(--yellow);color:var(--ink)}.craft{display:grid;grid-template-columns:1fr 1.4fr;gap:6%;align-items:center;background:var(--lavender);color:var(--ink);padding-top:90px;padding-bottom:90px}.craft h2{font-size:clamp(48px,5.4vw,90px);margin:30px 0}.craft em{color:var(--green)}.craft p{max-width:290px;font-size:13px}.craft-note{display:block;font-size:9px;letter-spacing:.13em;margin-top:60px}.craft-image{overflow:hidden;aspect-ratio:1.1}.craft-image img{height:115%;object-fit:cover;transform:translateY(calc(var(--parallax,0px) - 5%))}.about{background:var(--forest)}.about>.eyebrow{color:var(--yellow);margin-bottom:45px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.about-grid h2{font-size:clamp(56px,6vw,100px)}.about-grid p{margin-bottom:22px;color:#c6cec0;font-size:13px}.about-grid .large-copy{font-size:21px;color:var(--cream);line-height:1.5}.art-interlude{margin:100px 0 75px;position:relative;overflow:hidden;height:450px;background:#304734}.art-interlude img{width:100%;height:115%;object-fit:cover;transform:translateY(calc(var(--parallax,0px) - 5%));opacity:.7}.art-interlude p{position:absolute;bottom:30px;left:30px;font-family:var(--serif);font-size:clamp(36px,4vw,65px);line-height:1}.disciplines{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:28px;font-size:9px;letter-spacing:.1em}.approach h2{font-size:clamp(45px,5vw,80px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service-grid article{border-top:1px solid var(--line);padding-top:22px}.service-grid article>span{font-size:9px;color:var(--muted);letter-spacing:.1em}.service-grid h3{font-size:40px;margin:25px 0 18px}.service-grid p{font-size:12px;color:var(--muted);max-width:280px}.contact{background:var(--yellow);color:var(--forest);position:relative;overflow:hidden}.contact>.eyebrow{margin-bottom:35px}.contact h2{font-size:clamp(80px,11vw,190px)}.contact h2 em{color:var(--green)}.contact-email{display:inline-block;font-size:clamp(20px,3vw,42px);margin-top:45px;border-bottom:1px solid var(--forest);padding-bottom:10px;transition:transform .3s}.contact-email:hover{transform:translateX(10px)}.contact-bottom{display:flex;justify-content:space-between;margin-top:90px;font-size:11px}.contact-bottom p{margin-right:auto}.contact-bottom a{margin-left:30px;border-bottom:1px solid var(--forest)}footer{padding:25px 5%;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}#scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--yellow);transform-origin:left;z-index:30}#cursor{position:fixed;left:0;top:0;z-index:80;width:25px;height:25px;pointer-events:none;border:1px solid var(--yellow);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .25s,height .25s,background .25s;display:grid;place-items:center;font-size:9px}#cursor.active{opacity:1}#cursor.hover{width:70px;height:70px;background:#eceba7df;color:var(--forest)}.dialog-open{overflow:hidden}dialog{border:1px solid #f3f0e630;background:var(--ink);color:var(--cream);width:min(1180px,95vw);max-height:94svh;padding:0}dialog::backdrop{background:#1c2624e8;backdrop-filter:blur(15px)}.dialog-body{padding:65px 5% 45px}.close{position:sticky;top:15px;float:right;margin:15px 15px -65px 0;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--forest);font-size:25px;z-index:5}.dialog-body h2{font-size:clamp(45px,6vw,80px);margin:18px 0 40px}.dialog-body h3{font-size:32px;margin:30px 0 20px}.gallery-stage{background:#32362f;display:grid;place-items:center;min-height:220px;position:relative}.gallery-stage img{width:100%;max-height:70svh;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:11px}.gallery-controls button{background:none;border:1px solid var(--line);border-radius:25px;padding:10px 20px}.gallery-controls button:hover{background:var(--forest)}#gallery-thumbnails{display:flex;gap:10px;overflow:auto;padding:4px 0 20px}#gallery-thumbnails button{background:transparent;border:2px solid transparent;padding:0;flex:0 0 85px;height:62px;opacity:.6}#gallery-thumbnails button[aria-pressed=true]{border-color:var(--yellow);opacity:1}#gallery-thumbnails img{height:100%;object-fit:cover}#dialog-description{margin:20px 0;font-size:14px;max-width:720px}.credit{font-size:10px;color:var(--muted);margin-top:25px;max-width:720px}.campaign-film-wrap{aspect-ratio:16/9;background:var(--forest)}.campaign-film-wrap iframe{width:100%;height:100%;border:0}.film-selector{display:flex;gap:10px;margin:20px 0}.film-selector button{border:1px solid var(--line);border-radius:25px;background:none;padding:10px 18px;font-size:11px}.film-selector button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s}.reveal.is-visible{opacity:1;transform:none}@keyframes title-in{from{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1700px){main{max-width:2000px;margin:auto}}@media(max-width:900px){.hero-title h1{font-size:clamp(58px,9vw,90px)}.hero-fragment{width:90px;height:140px;opacity:.55}.fragment-one{top:7%}.fragment-two{bottom:24%}.section{padding:85px 5%}.grid{gap:60px 5%}.project:nth-child(3),.project:nth-child(6){padding-top:100px}.craft{grid-template-columns:1fr 1fr;gap:5%}.about-grid{gap:6%}.service-grid{gap:24px}.service-grid h3{font-size:32px}.art-interlude{height:350px}.hero-world{padding-top:90px}.wordmark{width:190px}}
@media(max-width:600px){header{padding:22px 5%}.wordmark{width:165px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:25px;background:transparent;padding:8px 16px;font-size:10px}nav{display:none;position:absolute;right:5%;top:75px;padding:25px;background:var(--forest);border:1px solid var(--line);flex-direction:column;align-items:start;gap:20px}nav.is-open{display:flex}.intro{padding:105px 5% 0;min-height:90svh}.intro>.eyebrow{font-size:8px;gap:15px}.intro>.eyebrow span:last-child{text-align:right}.hero-world{min-height:calc(90svh - 135px);padding:125px 0 180px}.hero-title h1{font-size:clamp(45px,11.6vw,70px);white-space:normal}.hero-title>.eyebrow{font-size:8px;margin-bottom:25px}.fragment-one{top:5%;left:5%;width:70px;height:95px}.fragment-two{bottom:30%;right:0;width:65px;height:95px}.orbit-one{width:110%;height:70%}.orbit-two{width:130%}.hero-bottom{align-items:center;bottom:25px;flex-wrap:wrap;gap:25px}.hero-bottom p{font-size:10px}.pill{padding:12px 18px;gap:20px;font-size:10px}.scroll-note{width:100%;font-size:8px;text-align:center}.doodle{width:60%;right:1%;bottom:-32px}.landing-film{padding:35px 5% 0}.film-top{font-size:8px}.film-canvas{height:65svh;min-height:370px}.film-caption h2{font-size:65px}.film-caption{bottom:16%}.ticker{padding:25px 0;font-size:9px}.section{padding:65px 5%}.section-heading{gap:35px;margin-bottom:35px}.section-heading h2{font-size:55px}.section-heading h2 span{right:-23px;font-size:8px}.section-heading>p{font-size:9px}.grid{grid-template-columns:1fr;gap:45px}.project:first-child,.project:nth-child(4),.project:nth-child(7),.project:last-child{width:100%;grid-column:auto}.project:nth-child(2),.project:nth-child(3),.project:nth-child(6){padding-top:0}.project-meta h3{font-size:34px}.open-icon{transform:none;font-size:9px;right:12px;bottom:12px}.project-number{top:12px;left:12px}.archive{margin-top:50px;flex-direction:column;gap:20px;font-size:12px}.craft{grid-template-columns:1fr;gap:35px}.craft h2{font-size:60px}.craft-note{margin-top:30px}.craft-image{aspect-ratio:1.2}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid h2{font-size:63px}.about-grid .large-copy{font-size:19px}.art-interlude{margin:55px 0;height:300px}.art-interlude p{font-size:35px;left:20px}.disciplines{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:8px}.approach .section-heading{flex-direction:column;align-items:start;gap:20px}.approach h2{font-size:51px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h3{font-size:40px}.service-grid p{max-width:none}.contact h2{font-size:80px}.contact-email{font-size:24px;margin-top:35px}.contact-bottom{margin-top:55px;flex-wrap:wrap;gap:25px}.contact-bottom p{width:100%}.contact-bottom a{margin:0}footer{gap:15px;flex-wrap:wrap}footer span:nth-child(2){display:none}#cursor{display:none}.dialog-body{padding:65px 5% 30px}.dialog-body h2{font-size:45px}.gallery-controls button{padding:8px 15px}#gallery-thumbnails button{flex-basis:65px;height:50px}.film-selector{flex-wrap:wrap}.credit{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-fragment,.craft-image img,.art-interlude img{transform:none}#cursor{display:none}.ticker>div{white-space:normal;width:auto;padding:0 5%}.image-wrap{transform:none!important}}
/* Immersive archive */
.asset-filters{position:absolute;width:0;height:0;overflow:hidden}.white-extracted{filter:url(#white-extraction)}.ambient-world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#23342b}.ambient-world img{position:absolute;inset:-12%;width:125%;height:125%;object-fit:cover;opacity:.2;filter:blur(14px);animation:ambient-flow 32s ease-in-out infinite alternate}.ambient-world img+img{opacity:.15;mix-blend-mode:screen;animation-delay:-15s;animation-direction:alternate-reverse}body{background:#28352ddd;font-size:16px}main{overflow:hidden}.intro{background:linear-gradient(180deg,#1d302cbf,#24372b99);position:relative}.intro:before{content:'';position:absolute;inset:0;background:url('assets/green-world-0.webp') center/cover;opacity:.13;filter:blur(8px);animation:ambient-flow 24s ease-in-out infinite alternate}.intro>.eyebrow,.hero-world{position:relative}.hero-title{perspective:1200px}.hero-title .eyebrow{font-size:12px;margin-bottom:35px}.kinetic-title{font-size:clamp(85px,12.6vw,215px);line-height:.74;letter-spacing:-.065em}.type-line{position:relative;display:block;transition:transform 1.3s cubic-bezier(.2,.8,.2,1);transform:translateX(var(--type-shift,0px));padding:15px 0}.type-line+span{margin-left:9%;font-size:.92em}.type-line:before,.type-line:after{content:attr(data-echo);position:absolute;inset:15px 0 auto;pointer-events:none;opacity:.11;filter:blur(7px);transform:translate(calc(var(--type-shift,0px)*-.8 - 24px),8px);color:var(--cream)}.type-line:after{opacity:.07;filter:blur(14px);transform:translate(calc(var(--type-shift,0px)*-1.7 - 55px),16px)}.type-line:hover{animation:type-glitch 3s steps(1) 1}.hero-fragment{filter:blur(.5px);opacity:.65}.fragment-one{left:3%;top:8%;transform:translateY(var(--parallax,0px)) rotate(-9deg)}.fragment-two{right:2%;bottom:15%;transform:translateY(var(--parallax,0px)) rotate(9deg)}.hero-fragment:has(+*){box-shadow:0 30px 80px #182d2e80}.doodle{bottom:-50px;opacity:.5}.hero-bottom{z-index:2}.hero-bottom p{font-size:14px}.eyebrow{font-size:12px}.scroll-note{font-size:12px}.wordmark{width:210px}.wordmark img{mix-blend-mode:normal}header nav a{font-size:14px}header nav a:last-child{background:#ffffff08;backdrop-filter:blur(20px)}.recognition{position:relative;min-height:85svh;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:linear-gradient(120deg,#1e302caa,#334d3444);border-top:1px solid #ffffff15}.recognition-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;perspective:800px}.recognition-art>span{font-family:var(--serif);font-size:clamp(250px,37vw,650px);line-height:.8;letter-spacing:-.13em;color:var(--yellow);text-shadow:-35px 0 15px #eceba714,35px 0 30px #eceba718;animation:award-drift 12s ease-in-out infinite}.glass-shard{position:absolute;width:66%;height:85%;border:1px solid #ffffff40;border-radius:120px 8px 120px 8px;background:linear-gradient(145deg,#ffffff05,#ffffff18,#ffffff02);backdrop-filter:blur(7px);transform:rotate(-15deg);box-shadow:inset 0 0 45px #ffffff0a;animation:glass-drift 16s ease-in-out infinite alternate}.recognition-copy{position:relative;z-index:2}.recognition-copy h2{font-size:clamp(64px,7vw,120px);margin:24px 0 28px;line-height:.88}.recognition-title{font-size:17px;color:var(--yellow);max-width:360px}.recognition-copy blockquote{font-family:var(--serif);font-size:29px;line-height:1.15;margin:30px 0;max-width:360px}.recognition-copy .text-link{font-size:13px}.trusted{padding-top:45px;padding-bottom:45px;border-block:1px solid #ffffff20;background:#1d2b2966;text-align:center}.trusted-logos{width:min(100%,1200px);margin:25px auto 10px}.trusted-note{font-size:12px;color:var(--muted)}.landing-film{background:#28352d66;padding-top:70px}.film-caption h2{line-height:.87;text-shadow:-15px 0 15px #f3f0e622}.ticker{background:#28352d88}.work{padding-bottom:70px;position:relative;background:linear-gradient(180deg,#1e312ecc,#25423155)}.work .section-heading{margin-bottom:30px}.work .section-heading h2{font-size:clamp(68px,8vw,135px);line-height:.86;margin-top:20px}.section-heading>p{font-size:14px}.reel-stage{height:720px;position:relative;isolation:isolate;outline-offset:5px;touch-action:pan-y}.reel-stage:before{content:'';position:absolute;inset:10% -5% -10%;background:radial-gradient(ellipse,#a6ba6b16,transparent 65%);filter:blur(20px);pointer-events:none}.reel-window{position:absolute;inset:auto -6% 0;height:600px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#282b27 9%,#282b27 91%,transparent)}.reel-disc{width:1100px;height:1100px;position:absolute;left:calc(50% - 550px);top:90px;border:1px solid #eceba74a;border-radius:50%;background:radial-gradient(circle,#eceba708 38%,#d8d0df08 39%,#ffffff03 60%,#eceba712 61%,#ffffff03 70%);box-shadow:inset 0 0 100px #c9d4ad0b,0 0 90px #d6e0ad0a}.reel-disc:before,.reel-disc:after{content:'';position:absolute;inset:65px;border:1px dashed #eceba726;border-radius:50%;pointer-events:none}.reel-disc:after{inset:170px;border-style:solid}.reel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:var(--serif);font-size:64px;line-height:.8;letter-spacing:-.05em}.reel-hub span{display:block;font-family:Manrope;font-size:11px;letter-spacing:.16em;margin-top:25px}.reel-card{position:absolute;top:50%;left:50%;width:210px;height:280px;transform:translate(-50%,-50%) translate(var(--card-x,0px),var(--card-y,-440px)) rotate(var(--card-r,0deg)) scale(var(--card-scale,1));z-index:var(--card-z,1);opacity:var(--card-opacity,1);filter:blur(var(--card-blur,0px));will-change:transform;transition:filter .6s,opacity .6s;--pointer-x:0px;--pointer-y:0px}.reel-card .project-open{height:100%;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.reel-card .image-wrap{height:100%;width:100%;aspect-ratio:auto;border-radius:12px;border:1px solid #ffffff36;box-shadow:0 25px 45px #132a2b80;background:#223b32;transform:none}.reel-card .image-wrap img{object-fit:cover;height:100%}.reel-card .image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#172820cc,transparent 65%);pointer-events:none}.reel-label{position:absolute;bottom:18px;left:15px;right:35px;z-index:2;font-size:12px;line-height:1.3;text-shadow:0 1px 8px #28352d}.reel-card.is-current .image-wrap{border-color:var(--yellow);box-shadow:0 15px 55px #192d2870,0 0 40px #eceba71a}.reel-card.is-current .reel-label{color:var(--yellow)}.reel-behance{position:absolute;bottom:14px;right:12px;z-index:5;width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffffff5a;border-radius:50%;font-size:16px;background:#23372e80}.reel-behance:hover{background:var(--yellow);color:var(--forest)}.reel-glass{position:absolute;top:5px;right:0;width:32%;padding:30px;background:linear-gradient(145deg,#d8d0df0c,#ffffff03);border:1px solid #ffffff22;border-radius:22px;backdrop-filter:blur(22px);z-index:10;box-shadow:inset 0 0 25px #ffffff04}.reel-glass h3{font-size:clamp(34px,3.5vw,52px);margin:16px 0 18px;line-height:.95}.reel-glass p{font-size:14px;line-height:1.6;color:#d4dbd0}.reel-glass .eyebrow{font-size:12px;color:var(--yellow)}.reel-actions{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.reel-actions .pill{font-size:12px;padding:12px 16px;gap:20px}.reel-actions>a{font-size:12px}.reel-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:15;display:flex;align-items:center;gap:16px;padding:10px 18px;border:1px solid #ffffff35;border-radius:40px;background:#273b2d9c;backdrop-filter:blur(22px);white-space:nowrap}.reel-controls button{border:0;background:none;padding:8px;font-size:20px}.reel-controls #reel-motion{font-size:12px;border-left:1px solid #ffffff25;padding-left:18px}.reel-position,#reel-position{font-size:12px}.reel-index{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding-top:20px}.reel-index button{border:0;background:transparent;color:var(--muted);padding:10px;font-size:13px;text-align:left}.reel-index button span{display:none}.reel-index button[aria-pressed=true]{color:var(--yellow)}.field-notes{position:relative;background:#25362d99}.field-notes h2{font-size:clamp(70px,9vw,150px);line-height:.84}.field-notes .section-heading{margin-bottom:10px}.experiment-field{height:1000px;position:relative;margin:60px 0 70px}.experiment{position:absolute;margin:0;z-index:2;width:34%;transform:translateY(var(--float-y,0px)) rotate(var(--tilt,0deg));animation:study-drift 18s ease-in-out infinite alternate;transition:filter .6s;filter:blur(.2px)}.experiment:hover{z-index:5;filter:none}.experiment img{border-radius:5px;box-shadow:0 25px 60px #18302a50}.experiment figcaption{font-size:12px;color:var(--muted);margin-top:15px}.experiment figcaption a{display:block;margin-top:7px;color:var(--yellow)}.ex-one{top:0;left:2%;--tilt:-7deg;animation-delay:-4s}.ex-two{top:12%;right:3%;width:30%;--tilt:8deg;animation-delay:-10s}.ex-three{bottom:3%;left:7%;--tilt:4deg;animation-delay:-13s}.ex-four{bottom:0;right:6%;width:29%;--tilt:-6deg;animation-delay:-6s}.field-type{position:absolute;top:23%;left:29%;font-family:var(--serif);font-size:clamp(100px,17vw,280px);line-height:.74;color:var(--cream);text-shadow:-30px 0 18px #f3f0e621;letter-spacing:-.06em;z-index:1;animation:award-drift 15s ease-in-out infinite}.quote-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;border-top:1px solid #ffffff25;padding-top:70px}.quote-pair blockquote{margin:0}.quote-pair p{font-family:var(--serif);font-size:clamp(35px,4.5vw,70px);line-height:.96}.quote-pair cite{display:block;margin-top:25px;font-style:normal;font-size:12px;color:var(--muted)}.unboring-lockup{width:clamp(190px,28vw,450px);margin:0 0 70px auto}.about{background:#1e382da8}.craft{background:#d8d0dfef}.approach{background:#28352d99}.floating-dock{position:fixed;left:50%;bottom:25px;transform:translate(-50%,150%);display:flex!important;flex-direction:row;align-items:center;gap:26px;padding:15px 24px;background:linear-gradient(145deg,#405b4260,#203a3266);border:1px solid #ffffff38;box-shadow:0 15px 55px #1c2b2630,inset 0 0 25px #ffffff0a;border-radius:70px;backdrop-filter:blur(28px);z-index:25;width:max-content;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s;opacity:0}.floating-dock.is-visible{transform:translate(-50%,0);opacity:1}.floating-dock a{font-size:13px}.floating-dock a:last-child{border:0;background:var(--yellow);color:var(--forest);padding:10px 17px;border-radius:25px}.dock-brand{width:130px;margin-right:10px}.floating-dock a:after{display:none}#trail-layer{position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden}.trail-image{position:absolute;width:130px;height:165px;object-fit:cover;border-radius:4px;filter:blur(4px);opacity:0;pointer-events:none;box-shadow:0 20px 60px #183a2d30}.dialog-body #dialog-description{font-size:16px;max-width:850px;margin:0 0 35px;color:#d3dacd}.dialog-body h2{line-height:.93;max-width:900px}.project-fly{position:fixed;object-fit:cover;pointer-events:none;z-index:100;border-radius:12px}.dialog-body{animation:gallery-enter .7s cubic-bezier(.2,.8,.2,1)}dialog{border-radius:20px;background:linear-gradient(120deg,#26372afa,#20382bfa);border-color:#ffffff40}dialog::backdrop{background:#1f312cc2;backdrop-filter:blur(25px)}.expanded-cover{max-height:50svh;object-fit:cover;width:100%;border-radius:8px;margin-bottom:35px}.more-studies{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:70px}.more-studies img{height:180px;object-fit:contain;background:#20332b;border-radius:8px;transition:transform .6s,filter .6s}.more-studies img:hover{transform:scale(1.12);filter:drop-shadow(0 15px 30px #193d2a80)}.about-grid p,.service-grid p,.craft p{font-size:16px}.text-link{font-size:14px}.contact-bottom,footer{font-size:13px}.disciplines{font-size:12px}.service-grid article>span{font-size:12px}.contact{background:#eceba7f5}.credit{font-size:12px}footer{padding-bottom:120px}
@keyframes ambient-flow{from{transform:scale(1.03) translate(-2%,1%) rotate(-2deg)}to{transform:scale(1.15) translate(3%,-3%) rotate(3deg)}}@keyframes award-drift{0%,100%{transform:translateX(-9px) rotate(-2deg)}50%{transform:translateX(9px) rotate(2deg)}}@keyframes glass-drift{to{transform:rotate(8deg) translateY(25px)}}@keyframes study-drift{to{transform:translateY(-25px) rotate(calc(var(--tilt,0deg) + 3deg))}}@keyframes type-glitch{0%,8%,12%,16%,100%{text-shadow:none}9%,13%{text-shadow:3px 0 #d8d0df,-3px 0 #eceba7;transform:translateX(4px)}10%,14%{transform:translateX(-3px)}}@keyframes gallery-enter{from{opacity:0;transform:translateY(40px);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1000px){.reel-glass{width:35%;padding:20px}.reel-glass h3{font-size:36px}.reel-stage{height:730px}.reel-disc{width:950px;height:950px;left:calc(50% - 475px);top:150px}.reel-card{width:175px;height:235px}.reel-glass p{font-size:14px}.experiment-field{height:780px}.recognition{gap:5%}.recognition-art{min-height:330px}.floating-dock{gap:18px;padding:12px 18px}.dock-brand{width:110px}.kinetic-title{font-size:15vw}.more-studies{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero-title .eyebrow{font-size:10px;letter-spacing:.08em}.kinetic-title{font-size:21vw;line-height:.75}.hero-title h1{font-size:21vw;white-space:nowrap}.hero-title{width:100%}.type-line+span{margin-left:0;font-size:.92em}.type-line:before{filter:blur(5px);transform:translate(-16px,8px)}.type-line:after{transform:translate(-32px,12px)}.hero-bottom p{font-size:12px}.hero-world{padding-top:90px}.hero-fragment{opacity:.4}.intro>.eyebrow{font-size:10px}.scroll-note{font-size:10px}.recognition{grid-template-columns:1fr;gap:20px;padding-top:50px}.recognition-art{min-height:210px;max-height:210px}.recognition-art>span{font-size:290px}.glass-shard{width:48%;height:110%}.recognition-copy h2{font-size:70px}.recognition-copy blockquote{font-size:28px}.recognition-title{font-size:16px}.trusted{padding-top:35px;padding-bottom:35px}.trusted-logos{width:100%}.trusted-note{font-size:11px}.work .section-heading{display:block}.work .section-heading h2{font-size:78px}.work .section-heading>p{margin-top:25px;font-size:13px}.reel-stage{height:850px}.reel-glass{top:0;left:0;right:0;width:100%;padding:24px}.reel-glass h3{font-size:38px;margin:10px 0 15px}.reel-glass p{font-size:14px;line-height:1.5}.reel-actions{margin-top:18px}.reel-window{height:500px;bottom:0;left:-5%;right:-5%;mask-image:linear-gradient(90deg,transparent,#282b27 4%,#282b27 96%,transparent)}.reel-disc{width:800px;height:800px;left:calc(50% - 400px);top:120px}.reel-card{width:145px;height:205px}.reel-controls{bottom:22px;gap:10px;padding:8px 12px}.reel-controls button{padding:7px}.reel-index button{font-size:14px;padding:12px 10px}.reel-index button span{display:none}.field-notes .section-heading{display:block}.field-notes .section-heading>p{margin-top:30px}.field-notes h2{font-size:90px}.experiment-field{height:800px;margin:45px 0}.experiment{width:52%}.ex-one{left:0;top:0}.ex-two{right:0;top:22%;width:47%}.ex-three{left:0;bottom:23%;width:53%}.ex-four{right:0;bottom:0;width:47%}.field-type{font-size:135px;top:28%;left:3%}.experiment figcaption{font-size:11px}.quote-pair{grid-template-columns:1fr;gap:55px;padding-top:45px}.quote-pair p{font-size:48px}.quote-pair cite{font-size:12px}.floating-dock{bottom:16px;padding:10px 12px;gap:17px;right:auto;top:auto;max-width:94vw}.floating-dock a{font-size:12px}.floating-dock a:last-child{padding:8px 12px}.dock-brand{width:65px;margin-right:0}.floating-dock a[href='#about']{display:none}.unboring-lockup{width:210px;margin-bottom:45px}.more-studies{gap:12px}.more-studies img{height:120px}.eyebrow{font-size:12px}.pill{font-size:12px}.art-interlude p{font-size:40px}.contact-bottom{font-size:13px}.film-top .eyebrow{font-size:10px}.dialog-body #dialog-description{font-size:15px}.recognition-copy .text-link{line-height:1.5}.expanded-cover{max-height:35svh}}
@media(prefers-reduced-motion:reduce){.ambient-world img,.intro:before,.recognition-art>span,.glass-shard,.experiment,.field-type{animation:none!important}.type-line:before,.type-line:after,#trail-layer{display:none}.reel-card{will-change:auto}.dialog-body{animation:none}.reel-controls #reel-motion{display:none}.floating-dock{transition:none}.experiment-field{transform:none}}

/* Full bleed studies and considered personal introduction. */
.experiment img,.more-studies img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:transparent;border-radius:2px}.trail-image{width:192px;height:108px;border-radius:2px}.about-portrait{width:112px;height:147px;object-fit:cover;object-position:center;margin:0 0 30px;border-radius:3px}.positioning-copy{font-size:13px!important;line-height:1.7;color:var(--muted);max-width:490px;margin-bottom:28px}.type-line{overflow:visible;clip-path:none;line-height:.9;padding-top:15px;padding-bottom:25px}.type-line:before,.type-line:after{line-height:.9}.kinetic-title{overflow:visible}@media(max-width:600px){.about-portrait{width:94px;height:124px;margin-bottom:24px}.positioning-copy{font-size:12px!important}.more-studies img{height:auto}.type-line{padding-bottom:18px}}

/* Pair the endorsement with its work and give the portrait room. */
.quote-pair{grid-template-columns:.8fr 1.4fr;gap:7%;align-items:center}.kenwood-endorsement{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.kenwood-layout{display:block}.kenwood-layout img{width:100%;height:auto;border-radius:3px}.kenwood-layout .eyebrow{display:block;font-size:10px;line-height:1.6;margin-top:14px}.kenwood-endorsement blockquote p{font-size:clamp(30px,3.2vw,52px)}.about-signature{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:start;margin:36px 0 36px}.about-signature .about-portrait{width:clamp(220px,24vw,320px);height:auto;aspect-ratio:1177/1546;margin:0}.about-signature .unboring-lockup{width:100%;max-width:450px;margin:0}.about-heading h2{margin-top:0}@media(max-width:1000px){.quote-pair{grid-template-columns:1fr;gap:48px}.kenwood-endorsement{max-width:760px}.about-signature{gap:6%}}@media(max-width:600px){.kenwood-endorsement{grid-template-columns:1fr;gap:28px}.kenwood-layout{max-width:320px}.kenwood-endorsement blockquote p{font-size:42px}.about-signature{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.about-signature .about-portrait{width:100%;max-width:230px}.about-signature .unboring-lockup{width:100%;margin-top:0}}

/* A quieter, more considered typographic direction around Jacx’s own lockup. */
@font-face{font-family:'Jacx Display';src:url('assets/fonts/bodoni-moda.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--serif:'Jacx Display',Georgia,serif}
h2,h3{letter-spacing:-.055em;line-height:1.04}h2 em,h3 em{font-style:normal}h2{font-size:clamp(48px,6vw,104px)}
.hero-world{padding:80px 0 140px;min-height:calc(100svh - 155px)}.hero-title{width:min(840px,76vw)}.hero-title>.eyebrow{margin-bottom:15px;letter-spacing:.1em;font-size:11px}.hero-title h1.hero-lockup{position:relative;width:100%;aspect-ratio:1.83;margin:0;white-space:normal;font-size:inherit;overflow:visible;transform:rotate(-3deg);transition:transform 1s cubic-bezier(.2,.8,.2,1)}.hero-lockup img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-lockup .lockup-yellow{filter:url(#yellow-extraction);clip-path:inset(49% 0 0)}.hero-lockup:hover{transform:rotate(-1deg) scale(1.025)}.hero-fragment{width:clamp(75px,10vw,145px);opacity:.4}.fragment-one{top:10%;left:0}.fragment-two{bottom:12%;right:0}.hero-bottom{bottom:25px}.orbit{opacity:.25}
.recognition-heading span,.recognition-heading em{display:block}.recognition-copy h2.recognition-heading{font-size:clamp(58px,6.5vw,112px);line-height:1.03;letter-spacing:-.055em;margin:25px 0 30px}.recognition-heading em{font-style:normal}.recognition{align-items:center}.recognition-title{max-width:360px}.recognition-copy blockquote{font-size:clamp(23px,2.5vw,36px);max-width:520px;line-height:1.25}
.work .section-heading h2,.field-notes h2{line-height:1.02}.film-caption h2{line-height:1.06}.reel-glass h3{letter-spacing:-.04em;line-height:1.08}.field-type{line-height:.9}
.about-composition{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:start;margin-top:45px}.about-left .about-portrait{width:min(100%,330px);height:auto;aspect-ratio:1177/1546;margin:0 0 42px}.about-left h2{font-size:clamp(48px,5.3vw,86px);line-height:1.08}.about-right .unboring-lockup{width:100%;max-width:480px;height:auto;margin:0 0 45px}.about-bio{max-width:520px}.about-bio p{font-size:16px;color:#c6cec0;margin-bottom:24px;line-height:1.75}.about-bio .large-copy{font-size:22px;color:var(--cream);line-height:1.5}.about-bio .positioning-copy{font-size:13px;line-height:1.8}.about-right{padding-top:0}.art-interlude{margin-top:100px}
.track-record{background:#22352bd9}.track-record-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start;margin-top:35px}.track-record h2{font-size:clamp(48px,5.7vw,94px);line-height:1.08}.track-record-grid p{font-size:17px;line-height:1.85;color:#d6dacd;margin-bottom:28px;max-width:540px}
.omb{background:#2b3d31b3}.omb-slider{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:center}.omb-art{display:flex;align-items:center;justify-content:center;min-height:480px;height:650px;background:#ffffff05;border:1px solid #ffffff15;border-radius:8px;padding:22px}.omb-art img{height:100%;width:100%;object-fit:contain;max-height:650px}.omb-copy h3{font-size:clamp(42px,5vw,76px);margin:20px 0 25px}.omb-copy>p{font-size:16px;color:var(--muted);line-height:1.75;margin-bottom:28px}.omb-controls{display:flex;align-items:center;gap:26px;margin:45px 0 25px}.omb-controls button{border:1px solid #ffffff40;background:#ffffff08;border-radius:50%;width:50px;height:50px;font-size:23px}.omb-controls button:hover{background:var(--yellow);color:var(--ink)}.omb-controls span{font-size:12px;letter-spacing:.1em}#omb-dots{display:flex;gap:14px}#omb-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#ffffff40}#omb-dots button[aria-pressed=true]{background:var(--yellow)}.omb-copy .omb-note{font-size:12px;line-height:1.8;margin-top:35px}.omb-note a{text-decoration:underline;text-underline-offset:4px}
#ai-reels{margin:40px 0 60px}.reel-intro{color:var(--muted);margin:18px 0 28px}.ai-reels-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:start}.ai-reels-grid figure{margin:0}.ai-reels-grid video{width:100%;height:auto;max-height:600px;background:#242b27;display:block;object-fit:contain;border-radius:6px}.ai-reels-grid figcaption{font-size:12px;color:var(--muted);margin-top:14px}.expanded-cover[src='assets/everyday.webp']{object-fit:contain;background:#252723}.dialog-body h2{line-height:1.08}
@media(max-width:1000px){.hero-title{width:82vw}.about-composition{gap:6%}.about-left h2{font-size:55px}.omb-art{height:520px;min-height:380px}.omb-slider{gap:6%}.track-record-grid{gap:6%}.ai-reels-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero-world{padding:70px 0 155px;min-height:calc(85svh - 135px)}.hero-title{width:100%}.hero-title>.eyebrow{font-size:9px;letter-spacing:.055em}.hero-title h1.hero-lockup{font-size:inherit;aspect-ratio:1.65}.hero-fragment{opacity:.2;width:75px}.hero-bottom p{font-size:11px}.hero-bottom .pill{padding:14px 20px}.recognition-copy h2.recognition-heading{font-size:18vw;line-height:1.04}.recognition-art{min-height:200px}.recognition-copy blockquote{font-size:27px}.work .section-heading h2{font-size:70px}.field-notes h2{font-size:75px}.about-composition{grid-template-columns:1fr;gap:50px}.about-left .about-portrait{width:72%;max-width:300px;margin-bottom:30px}.about-left h2{font-size:58px}.about-right .unboring-lockup{max-width:330px;margin:0 0 28px}.about-bio .large-copy{font-size:20px}.track-record-grid{grid-template-columns:1fr;gap:30px}.track-record h2{font-size:58px}.track-record-grid p{font-size:15px}.omb-slider{grid-template-columns:1fr;gap:30px}.omb-art{height:480px;min-height:0;padding:15px}.omb-copy h3{font-size:52px}.omb-controls{margin:30px 0 22px}.ai-reels-grid{grid-template-columns:1fr;gap:35px}.ai-reels-grid video{max-height:500px}.art-interlude{margin-top:65px}}
@media(prefers-reduced-motion:reduce){.hero-lockup{transition:none!important}.hero-lockup:hover{transform:rotate(-3deg)}}

/* Requested Garamond family, with a light fallback until the webfont is supplied. */
@font-face{font-family:'Garamond Nova Pro Condensed Light';src:local('Garamond Nova Pro Condensed Light'),local('GaramondNovaPro-CondensedLight');font-weight:300;font-display:swap}
@font-face{font-family:'Jacx Garamond Light';src:url('assets/fonts/garamond-light.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--serif:'Garamond Nova Pro Condensed Light','Jacx Garamond Light',Georgia,serif}
h1,h2,h3{font-weight:300;letter-spacing:-.045em}h2 em,h3 em{font-weight:300;font-style:normal}.quote-pair{display:block}.quote-pair>blockquote{max-width:750px;margin-bottom:65px}.kenwood-endorsement{display:block;max-width:none;width:100%}.kenwood-endorsement .omb-slider{grid-template-columns:1.1fr 1fr;gap:8%}.kenwood-endorsement .omb-art{height:620px}.kenwood-endorsement .omb-copy h3{font-family:var(--serif)}#kenwood-quote{margin:35px 0 20px;padding-top:28px;border-top:1px solid #ffffff25}#kenwood-quote blockquote{margin:0}#kenwood-quote blockquote p{font-size:clamp(26px,3vw,40px);line-height:1.15}#kenwood-quote cite{font-size:11px;margin-top:16px}.ai-reels-grid{grid-template-columns:1fr 1fr}.ai-reels-grid figure:nth-child(2){grid-column:auto}.ai-reels-grid video{max-height:560px}.track-record{padding-top:90px;padding-bottom:90px}@media(max-width:600px){.kenwood-endorsement .omb-slider{grid-template-columns:1fr;gap:30px}.kenwood-endorsement .omb-art{height:460px}.quote-pair>blockquote{margin-bottom:45px}.ai-reels-grid{grid-template-columns:1fr}.track-record{padding-top:65px;padding-bottom:65px}}

/* Slow, weightless motion with one occasional fairy-light glint. */
.hero-title h1.hero-lockup{aspect-ratio:2047/1121;animation:lockup-float 10s ease-in-out infinite;will-change:translate}.hero-sparkle{position:absolute;left:54.7%;top:19.2%;width:0;height:0;pointer-events:none}.hero-sparkle:before{content:'';position:absolute;left:-12px;top:-12px;width:24px;height:24px;background:#fffdf5;clip-path:polygon(50% 0,55% 43%,100% 50%,55% 57%,50% 100%,45% 57%,0 50%,45% 43%);opacity:0;animation:star-glint 11s ease-in-out infinite 2s;filter:drop-shadow(0 0 3px #fffdf580)}.hero-sparkle:after{content:'';position:absolute;left:-16px;top:-16px;width:32px;height:32px;background:radial-gradient(circle,#fffefb45,transparent 65%);opacity:0;animation:star-halo 11s ease-in-out infinite 2s}.hero-sparkle i{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:#fffdf4;border-radius:50%;box-shadow:0 0 3px #fffce780;opacity:0;animation:fairy-dust 11s ease-out infinite 2s;--dust-x:15px;--dust-y:-12px}.hero-sparkle i:nth-child(2){--dust-x:-16px;--dust-y:-7px;animation-delay:2.14s;width:1px;height:1px}.hero-sparkle i:nth-child(3){--dust-x:9px;--dust-y:16px;animation-delay:2.25s}.hero-sparkle i:nth-child(4){--dust-x:-11px;--dust-y:13px;animation-delay:2.08s;width:1px;height:1px}.hero-sparkle i:nth-child(5){--dust-x:3px;--dust-y:-22px;animation-delay:2.3s;width:1px;height:1px}.hero-lockup.is-resting,.hero-lockup.is-resting .hero-sparkle:before,.hero-lockup.is-resting .hero-sparkle:after,.hero-lockup.is-resting .hero-sparkle i{animation-play-state:paused}
@keyframes lockup-float{0%,100%{translate:0 4px;rotate:-.3deg}50%{translate:0 -7px;rotate:.3deg}}
@keyframes star-glint{0%,74%,88%,100%{opacity:0;transform:scale(.4) rotate(-10deg)}78%{opacity:.5;transform:scale(1) rotate(8deg)}83%{opacity:.12;transform:scale(.65) rotate(18deg)}}
@keyframes star-halo{0%,74%,88%,100%{opacity:0;transform:scale(.6)}79%{opacity:.45;transform:scale(1)}85%{opacity:0;transform:scale(1.2)}}
@keyframes fairy-dust{0%,76%,91%,100%{opacity:0;transform:translate(0,0) scale(.5)}79%{opacity:.55;transform:translate(calc(var(--dust-x)*.25),calc(var(--dust-y)*.25)) scale(1)}88%{opacity:0;transform:translate(var(--dust-x),var(--dust-y)) scale(.5)}}
@media(max-width:600px){.hero-title h1.hero-lockup{aspect-ratio:2047/1121}.hero-sparkle:before{width:18px;height:18px;left:-9px;top:-9px}}
@media(prefers-reduced-motion:reduce){.hero-title h1.hero-lockup{animation:none;translate:none;rotate:none;will-change:auto}.hero-sparkle{display:none}}

/* Quiet social proof, kept at the scale of the biography. */
.peer-voices{margin-top:65px;padding-top:30px;border-top:1px solid #ffffff25}.peer-voices>.eyebrow{margin-bottom:28px}.peer-voices-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.peer-voices blockquote{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.peer-voices blockquote p{font-family:var(--serif);font-weight:300;font-size:clamp(21px,1.8vw,27px);line-height:1.25;letter-spacing:-.015em;margin:0 0 22px;color:var(--cream,#f2f0e9)}.peer-voices cite{font-family:var(--sans,Manrope,sans-serif);font-style:normal;font-size:10px;line-height:1.6;letter-spacing:.02em}.peer-voices cite strong{display:block;font-weight:500;color:#eeeda7}.peer-voices cite span{display:block;opacity:.65;margin-top:3px}@media(max-width:1000px){.peer-voices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px}}@media(max-width:600px){.peer-voices{margin-top:45px;padding-top:26px}.peer-voices-grid{grid-template-columns:1fr;gap:28px}.peer-voices blockquote p{font-size:24px;margin-bottom:12px}.peer-voices cite{font-size:11px}}

.fragment-two{overflow:hidden}.fragment-two img{width:100%;height:100%;object-fit:cover;object-position:48% 42%;transform:scale(1.3)}

/* Asset-specific framing travels with each randomly selected study. */
.study-viewport{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:2px;box-shadow:0 25px 60px #18302a50}.experiment .study-viewport img,.more-studies .study-viewport img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;box-shadow:none;box-sizing:border-box;scale:1;object-position:center}.experiment .study-viewport img[data-treatment="bank-gold"],.more-studies .study-viewport img[data-treatment="bank-gold"]{object-fit:contain;padding:4%;background:#082a45}.experiment .study-viewport img[data-treatment="bank-blue"],.more-studies .study-viewport img[data-treatment="bank-blue"]{object-fit:contain;padding:4%;background:#93b9d1}.experiment .study-viewport img[data-treatment="vodacom"],.more-studies .study-viewport img[data-treatment="vodacom"]{object-fit:contain;padding:4%;background:#222525}.experiment .study-viewport img[data-treatment="telkom"],.more-studies .study-viewport img[data-treatment="telkom"]{scale:1.04;transform-origin:50% 0;object-position:center top}.experiment .study-viewport img[data-treatment="squirrel"],.more-studies .study-viewport img[data-treatment="squirrel"]{scale:1.06;transform-origin:50% 0;object-position:center top}.more-studies .study-viewport img:hover{transform:none;filter:none}