:root{--white:#fff;--black:#090909;--ink:#111;--muted:#858585;--surface:#efefec;--line:#e5e5e3;--accent:#b9632d;--gutter:3.3333vw;--radius:32px;--space:112px;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}button,a{touch-action:manipulation}p,h1,h2,h3{margin:0}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:white;border:2px solid var(--accent)}.skip-link:focus{top:20px}.hero{height:max(760px,74.7vw);max-height:1200px;position:relative;overflow:hidden;border-radius:0 0 var(--radius) var(--radius);background:#aaa}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 45%;animation:portrait-drift 14s ease-in-out infinite alternate}.lens-aura{position:absolute;left:39%;top:25%;width:35%;height:22%;border:1px solid #e6a75833;background:#c8732930;box-shadow:inset 0 0 45px #eca93e22;border-radius:50%;transform:rotate(-9deg);filter:blur(1px);mix-blend-mode:soft-light;animation:lens-breathe 10s ease-in-out infinite;pointer-events:none}.header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter);gap:22px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.5px}.brand svg{width:20px;height:20px;fill:var(--accent)}.desktop-nav{display:flex;gap:32px;align-items:center;margin-left:6vw}.desktop-nav a,.desktop-nav button{font-size:14px;background:none;border:0;padding:5px 0;transition:opacity .2s}.desktop-nav a:hover,.desktop-nav button:hover{opacity:.55}.chevron{font-size:10px;color:#555}.header-right{display:flex;gap:12px;align-items:center}.time-pill,.menu-toggle{background:#ffffff40;border:1px solid #ffffff20;border-radius:15px;display:flex;align-items:center;gap:12px;min-height:36px;padding:8px 13px;font-size:12px}.time-pill>span{color:#707070}.time-pill time{font-weight:600}.menu-toggle{font-size:11px;gap:10px}.hero-copy{position:absolute;left:var(--gutter);top:14.2%;z-index:2}.eyebrow{font-size:14px;display:flex;align-items:center;gap:8px;line-height:1.5}.eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6;flex:none}.hero h1{font-size:clamp(40px,4.17vw,68px);letter-spacing:-.055em;line-height:1.02;font-weight:600;margin:30px 0}.social-proof{display:flex;align-items:center;gap:14px;font-size:14px;margin-top:28px}.rating{color:var(--accent);letter-spacing:1px;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:100px;min-height:50px;padding:5px 6px 5px 23px;border:1px solid var(--line);font-weight:500;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--black);border-color:var(--black)}.arrow-disc{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:var(--black);color:white;font-size:20px;line-height:1;flex:none}.button-dark .arrow-disc{color:var(--black);background:white}.button-outline{background:transparent;border-color:#ffffff80;padding:5px 29px}.button-outline:hover{background:#ffffff30}.hero-aside{position:absolute;right:var(--gutter);top:13.4%;width:305px;z-index:2}.feature-card{display:flex;padding:8px;gap:19px;background:#f9f9f9c7;border:1px solid #ffffff38;border-radius:22px;min-height:121px}.feature-symbol{background:var(--black);width:96px;border-radius:15px;display:grid;place-items:center;flex:none}.feature-symbol svg{width:32px;height:32px;fill:var(--accent);transition:transform .5s}.feature-content{flex:1;padding:13px 10px 10px 0;min-width:0}.feature-label{font-size:10px;letter-spacing:.045em;color:#777}.feature-title{font-size:14px;font-weight:500;margin-top:7px;white-space:nowrap}.feature-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.slide-dots{display:flex;gap:3px}.slide-dots i{height:3px;width:4px;border-radius:3px;background:#bbb}.slide-dots i.active{background:#555;width:15px}.slide-controls{display:flex;gap:5px}.slide-controls button{display:grid;place-items:center;border:0;border-radius:50%;width:28px;height:28px;background:#fff;color:#555;transition:background .2s}.slide-controls button:hover{background:#ddd}.clients{font-size:12px;color:#696969;margin-top:31px}.clients p{text-align:right;margin-bottom:14px}.clients>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 5px}.hero-wordmark{position:absolute;bottom:8.7%;width:100%;text-align:center;color:#ffffff22;font-size:14.5vw;line-height:.85;font-weight:700;letter-spacing:-.055em;pointer-events:none}.hero-baseline{position:absolute;bottom:0;left:16px;right:16px;border-top:1px solid #1111111c;padding:24px 32px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.02em;color:#444}.hero-baseline a span{margin-left:8px}.menu-dialog{position:fixed;inset:16px 16px auto auto;margin:0;border:0;border-radius:26px;padding:30px;width:min(440px,calc(100% - 32px));background:var(--surface);max-height:calc(100dvh - 32px)}dialog::backdrop{background:#0006;backdrop-filter:blur(5px)}.menu-top{display:flex;justify-content:space-between;align-items:center}.close-button{border:1px solid #9994;background:transparent;border-radius:50%;height:40px;width:40px;font-size:27px;display:grid;place-items:center}.menu-dialog nav{display:flex;flex-direction:column;margin:35px 0}.menu-dialog nav a,.menu-dialog nav button{display:flex;align-items:center;justify-content:space-between;font-size:30px;letter-spacing:-1px;border:0;border-bottom:1px solid #0002;padding:12px 0;background:transparent;text-align:left}.menu-dialog nav span{font-size:12px;letter-spacing:0;color:var(--muted)}.menu-dialog>p{color:var(--muted);font-size:12px}.info-dialog{border:0;border-radius:var(--radius);padding:48px;max-width:540px;width:calc(100% - 32px)}.info-dialog .close-button{position:absolute;right:20px;top:20px}.info-dialog h2{font-size:36px;letter-spacing:-1.5px;margin:24px 0 16px}.info-dialog>p:not(.eyebrow){color:#777;line-height:1.6}.info-dialog>.button{margin-top:30px}@keyframes portrait-drift{from{transform:scale(1)}to{transform:scale(1.025) translate(-.3%,.2%)}}@keyframes lens-breathe{0%,100%{opacity:0;transform:rotate(-9deg) scale(.8)}40%,70%{opacity:.7;transform:rotate(-6deg) scale(1.12)}}
@media(min-width:1600px){:root{--gutter:max(48px,calc((100vw - 1500px)/2))}.hero-aside{width:330px}.hero h1{font-size:68px}}
@media(max-width:1180px){.desktop-nav{gap:20px;margin-left:0}.time-pill{display:none}.hero-aside{width:270px}.feature-card{gap:12px}.feature-symbol{width:78px}.hero h1{font-size:4.3vw}.hero-copy{top:17%}.hero-aside{top:17%}}
@media(max-width:800px){:root{--gutter:24px;--space:80px;--radius:26px}.desktop-nav{display:none}.hero{height:880px;max-height:none}.header{padding-top:20px}.hero-copy{top:118px}.hero h1{font-size:clamp(34px,5.7vw,46px);margin:24px 0}.hero-aside{top:auto;bottom:112px;right:24px;width:265px}.clients{display:none}.hero-media img{object-position:60% center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#b6b6b680,transparent 65%)}.hero-wordmark{font-size:21vw;bottom:7%}.hero-baseline{padding:18px 8px;font-size:10px}.hero-baseline>span:nth-child(2){display:none}.social-proof{font-size:12px}.hero-actions{margin-top:24px}.lens-aura{left:30%;top:42%;width:62%}}
@media(max-width:480px){:root{--gutter:20px}.hero{height:850px}.hero-copy{top:108px;right:15px}.hero h1{font-size:34px;letter-spacing:-.055em}.hero-media img{object-position:55% bottom;height:73%;position:absolute;bottom:0;width:100%;object-fit:cover}.hero-media{background:#aaa}.hero-media:after{background:linear-gradient(#aaa 5%,#aaa8 28%,transparent 65%)}.hero-aside{bottom:110px;right:20px;width:236px}.feature-symbol{width:65px}.feature-card{min-height:104px;gap:12px;border-radius:18px}.feature-content{padding:9px 6px 4px 0}.feature-label{font-size:9px}.feature-title{font-size:12px}.hero-wordmark{bottom:7.9%;font-size:21vw}.hero-baseline{padding:17px 4px;font-size:9px}.hero-actions{gap:10px}.button{font-size:13px;min-height:48px}.hero .eyebrow{font-size:12px}.info-dialog{padding:38px 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.lens-aura{display:none}}
.section-wrap{margin-left:var(--gutter);margin-right:var(--gutter)}.studio{padding-top:var(--space);display:grid;grid-template-columns:1fr 1fr;gap:48px;min-height:474px}.studio-left{position:relative}.studio-globe{width:272px;height:272px;stroke:#e5e5e3;stroke-width:6.5;fill:none;margin-top:3px}.distributed{display:flex;align-items:center;gap:12px;margin-top:-3px;line-height:1.45}.distributed svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.5;flex:none}.studio-right{padding-top:24px}.studio-statement{font-size:30px;font-weight:500;line-height:1.4;letter-spacing:-1px}.studio-statement span{transition:color .25s;color:#dededb}.studio-statement span.is-read{color:var(--ink)}.studio-bottom{margin-top:42px;border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;align-items:flex-end}.studio-bottom>div>p{color:var(--muted);margin-bottom:13px}.social-icons{display:flex;gap:9px}.social-icons button{background:#f0f0ee;border:0;border-radius:50%;height:36px;width:36px;font-size:20px;display:grid;place-items:center}.social-icons button:first-child{background:var(--accent);color:white;font-size:17px}.social-icons button:hover{background:#d9d9d6}.studio-bottom .button{background:white}.capsules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:152px}.capsules>div{display:grid;place-items:center;height:160px;border-radius:120px;font-size:36px;letter-spacing:-1.4px;background:#ededeb;font-weight:500}.capsules>div:nth-child(2){background:var(--accent);color:white;transition-delay:.1s}.capsules>div:nth-child(3){background:var(--black);color:white;font-size:55px;font-weight:400;transition-delay:.2s}.capsules>div:nth-child(4){background:#f5f5f3;color:#9b9b97;transition-delay:.3s}.work{margin-top:80px}.section-heading{text-align:center;margin-bottom:46px}.section-heading .eyebrow{display:inline-flex;border:1px solid var(--line);border-radius:100px;padding:6px 14px}.section-heading h2,.services h2{font-size:48px;font-weight:600;letter-spacing:-2px;line-height:1.1;margin-top:22px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.project-card{background:var(--black);border-radius:var(--radius);padding:32px;min-height:416px;color:white;position:relative;display:flex;flex-direction:column;scroll-margin-top:28px}.project-top{display:flex;align-items:center;justify-content:space-between}.project-top>p{font-size:12px;color:#8b8b8b}.project-arrow{border:0;background:#1a1a1a;color:white;border-radius:50%;width:48px;height:48px;font-size:20px;transition:background .2s,transform .2s}.project-arrow:hover{background:var(--accent);transform:rotate(45deg)}.project-symbol{height:170px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;position:relative}.project-symbol svg{width:64px;height:64px;fill:#ededed;transition:transform .6s}.project-symbol>span{font-size:10px;align-self:flex-end;margin-left:8px;margin-bottom:55px;color:#aaa}.project-card:hover .project-symbol svg{transform:rotate(90deg)}.project-copy{margin-top:auto}.project-copy h3{font-size:30px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin-bottom:9px}.project-copy>p{font-size:14px;line-height:1.45;color:#919191}.tags{display:flex;gap:8px;list-style:none;margin:20px 0 0;padding:0;flex-wrap:wrap}.tags li{border:1px solid #303030;padding:9px 16px;border-radius:99px;font-size:14px;line-height:1.2}.services{margin-top:220px}.services-heading{margin-bottom:54px}.service-row{display:grid;grid-template-columns:40px 1fr auto 48px;gap:24px;align-items:center;min-height:114px;padding:24px;border-bottom:1px solid var(--line);transition:background .2s,border-radius .2s}.service-row:last-child{border-bottom:0}.service-number{color:#888;font-size:14px}.service-row h3{font-size:36px;font-weight:500;letter-spacing:-1.65px;line-height:1.1}.service-row p{color:var(--muted);font-size:14px;text-align:right}.service-arrow{background:var(--black);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:20px;color:white}.service-row:hover,.service-row:focus-visible{background:#f3f3f1;border-radius:20px}.numbers{margin-top:var(--space);background:var(--black);border-radius:var(--radius);padding:68px 64px 64px;color:white}.numbers .eyebrow{color:#c3c3c3}.numbers h2{font-size:36px;letter-spacing:-1.1px;font-weight:500;line-height:1.15;margin-top:17px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:62px 0 0}.stats>div{display:flex;flex-direction:column-reverse;gap:12px}.stats dd{font-size:76px;line-height:1;letter-spacing:-3.7px;font-weight:500;margin:0;font-variant-numeric:tabular-nums}.stats dt{font-size:14px;color:#888}.footer{margin-top:var(--space);padding:96px var(--gutter) 0;background:var(--black);color:white;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.footer-cta{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:64px;border-bottom:1px solid #ffffff0c;gap:24px}.footer-cta h2{font-size:60px;line-height:1.01;letter-spacing:-2px;font-weight:600}.button-white{color:var(--black);background:white;border-color:white}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;margin-top:64px;position:relative;z-index:1}.footer .brand svg{fill:white}.footer-about>p{font-size:14px;color:#929292;line-height:1.5;margin-top:22px}.footer-columns nav{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.footer-columns h3{color:#666;font-size:12px;font-weight:400;margin-bottom:4px}.footer-columns nav a,.footer-columns nav button{color:#aaa;font-size:14px;background:none;border:0;padding:0;text-align:left;transition:color .2s}.footer-columns nav a:hover,.footer-columns nav button:hover{color:white}.footer-wordmark{color:#141414;line-height:.8;font-size:23vw;font-weight:700;letter-spacing:-.075em;text-align:center;margin-top:24px;user-select:none}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.wide-only{display:none}.studio-statement{font-size:27px}.service-row{grid-template-columns:28px 1fr 30% 44px;gap:16px}.service-row h3{font-size:30px}.service-row p{line-height:1.5}.service-arrow{width:44px;height:44px}.project-card{padding:28px;min-height:410px}.project-copy h3{font-size:28px}.project-symbol{height:155px}.numbers{padding:56px 44px}.stats dd{font-size:66px}.footer-columns{gap:28px}}
@media(max-width:800px){.studio{grid-template-columns:1fr;gap:36px;padding-top:80px}.studio-left{display:grid;grid-template-columns:1fr 1fr;align-items:center}.studio-left .eyebrow{grid-column:1/-1}.studio-globe{width:210px;height:210px;margin-top:15px}.distributed{margin:0}.studio-right{padding:0}.studio-statement{font-size:30px}.studio-bottom{margin-top:30px}.capsules{margin-top:80px;gap:12px}.capsules>div{height:105px;font-size:28px}.capsules>div:nth-child(3){font-size:44px}.work{margin-top:80px}.section-heading h2,.services h2{font-size:42px}.project-grid{gap:20px}.project-card{padding:24px;min-height:400px}.project-symbol{height:135px}.project-copy h3{font-size:26px}.tags{gap:6px}.tags li{font-size:12px;padding:8px 12px}.project-copy>p{font-size:13px}.services{margin-top:120px}.service-row{grid-template-columns:24px 1fr 44px;gap:12px;padding:24px 12px}.service-row h3{font-size:28px;grid-column:2;grid-row:1;letter-spacing:-1px}.service-row p{grid-column:2;grid-row:2;text-align:left;font-size:13px}.service-number{grid-column:1;grid-row:1}.service-arrow{grid-column:3;grid-row:1/3}.stats{grid-template-columns:repeat(2,1fr);gap:40px}.numbers{padding:45px 36px}.numbers h2{font-size:32px}.footer{padding-top:70px}.footer-cta h2{font-size:44px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:44px 25px}.footer-wordmark{margin-top:50px}.footer-about>p{font-size:13px}}
@media(max-width:540px){.studio-left{display:block}.studio-globe{width:230px;height:230px;margin:8px auto}.distributed{justify-content:center;font-size:13px;margin-top:8px}.studio{gap:40px}.studio-statement{font-size:27px;letter-spacing:-.9px}.studio-bottom .button{font-size:12px;padding-left:16px}.capsules{grid-template-columns:repeat(2,1fr);margin-top:70px;gap:10px}.capsules>div{height:95px;font-size:30px}.section-heading h2,.services h2{font-size:38px;letter-spacing:-1.5px}.section-heading{margin-bottom:35px}.project-grid{grid-template-columns:1fr}.project-card{min-height:385px;padding:26px}.project-symbol{height:160px}.project-copy h3{font-size:28px}.project-copy>p{font-size:14px}.project-top>p{font-size:11px}.project-arrow{height:42px;width:42px}.services{margin-top:96px}.services-heading{margin-bottom:35px}.service-row h3{font-size:24px;letter-spacing:-1.2px}.service-row{padding:23px 5px;gap:10px;grid-template-columns:22px 1fr 38px}.service-arrow{width:38px;height:38px}.service-row p{font-size:12px;line-height:1.45}.numbers{padding:38px 26px}.numbers h2{font-size:27px;letter-spacing:-1px}.stats{margin-top:42px;gap:34px 20px}.stats dd{font-size:54px;letter-spacing:-2.5px}.stats dt{font-size:12px}.footer{padding-top:65px}.footer-cta{align-items:flex-start;flex-direction:column;padding-bottom:44px;gap:30px}.footer-cta h2{font-size:43px;letter-spacing:-1.6px}.footer-columns{grid-template-columns:1fr 1fr;margin-top:44px;gap:38px 20px}.footer-about{grid-column:1/-1}.footer-columns nav{gap:15px}.footer-columns nav a,.footer-columns nav button{font-size:13px}.footer-columns h3{font-size:11px}.footer-wordmark{font-size:23vw;letter-spacing:-.07em;margin-top:50px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.studio-statement span{color:var(--ink)}}
@media(min-width:1181px){.desktop-nav{margin-left:0}}
/* The reference's amber lens sweeps across the eyes before dissolving. */
.hero-media{isolation:isolate}
.lens-aura{left:17%;top:20%;width:64%;height:35%;border:1px solid #f4d19355;background:linear-gradient(110deg,#ffdd891f 5%,#df8c4912 55%,#efb75d24);box-shadow:inset 0 0 28px #f9d68830;border-radius:48% 47% 45% 46%;filter:blur(1.5px);mix-blend-mode:normal;transform-origin:65% 50%;animation:amber-lens 8s ease-in-out infinite;mask-image:linear-gradient(90deg,#000 0%,#000 18%,#0004 36%,#0002 68%,#000c 86%,#000 100%)}
.lens-aura:before{content:"";position:absolute;left:-3%;top:0;width:43%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#ed7021b3 0%,#e878299e 54%,#ec9a5352 76%,#ffd79608 100%);filter:blur(3px);animation:amber-orbit 8s cubic-bezier(.42,0,.22,1) infinite}
.lens-aura:after{content:"";position:absolute;inset:2%;border-radius:inherit;border:1px solid #fbe4a850;box-shadow:inset 0 0 18px #ffe7a71c;animation:amber-rim 8s ease-in-out infinite}
@keyframes amber-lens{0%{opacity:0;transform:scaleX(.82) scaleY(.82) rotate(0deg)}8%{opacity:.85}30%{opacity:1;transform:scaleX(1) scaleY(1) rotate(-3deg)}58%{opacity:.85;transform:scaleX(1.06) scaleY(1.04) rotate(-9deg)}76%{opacity:.5;transform:scaleX(1.04) scaleY(.98) rotate(-8deg)}88%,100%{opacity:0;transform:scaleX(.95) scaleY(.9) rotate(-3deg)}}
@keyframes amber-orbit{0%{transform:translateX(160%) scaleX(.75);opacity:0}9%{opacity:1;transform:translateX(140%) scaleX(.85)}27%{transform:translateX(0) scaleX(1.08);opacity:1}44%{transform:translateX(115%) scaleX(1.15);opacity:1}67%{transform:translateX(195%) translateY(-20%) scaleX(.8);opacity:.95}86%,100%{transform:translateX(235%) translateY(-25%) scaleX(.7);opacity:0}}
@keyframes amber-rim{0%,88%,100%{opacity:0}20%,60%{opacity:.9}}
@media(max-width:800px){.lens-aura{left:6%;top:24%;width:86%;height:35%}}
@media(max-width:480px){.lens-aura{left:-24%;top:39%;width:133%;height:28%}}
@media(prefers-reduced-motion:reduce){.lens-aura{display:none}}
.hero-media .hero-bare{position:absolute;inset:0;opacity:0;animation:portrait-drift 14s ease-in-out infinite alternate,glasses-dissolve 8s ease-in-out infinite}
@keyframes glasses-dissolve{0%,12%{opacity:0}30%{opacity:.18}45%{opacity:0}66%{opacity:.25}82%,93%{opacity:1}100%{opacity:0}}
@media(max-width:480px){.hero-media .hero-bare{top:auto;bottom:0}}
@media(prefers-reduced-motion:reduce){.hero-media .hero-bare{display:none}}
@media(max-width:480px){.hero h1{font-size:clamp(26px,7.7vw,34px)}.hero-media img{height:70%}}
/* Pointer-controlled lens: both photos share the same crop and remain aligned. */
.hero-media{--pointer-x:52%;--pointer-y:36%;--lens-visibility:0;--lens-width:52vw;--lens-height:29vw}
.hero-media img{animation:none;transform:none}
.hero-media .hero-glasses{position:absolute;inset:0;z-index:2;opacity:var(--lens-visibility);transition:opacity .32s ease;mask-image:radial-gradient(ellipse calc(var(--lens-width)*.5) calc(var(--lens-height)*.5) at var(--image-pointer-x,52%) var(--image-pointer-y,36%),#000 30%,#000e 54%,#0008 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse calc(var(--lens-width)*.5) calc(var(--lens-height)*.5) at var(--image-pointer-x,52%) var(--image-pointer-y,36%),#000 30%,#000e 54%,#0008 70%,transparent 100%);pointer-events:none}
.hero-media .lens-aura{z-index:1;left:var(--pointer-x);top:var(--pointer-y);width:var(--lens-width);height:var(--lens-height);transform:translate(-50%,-50%) rotate(-5deg);animation:none;opacity:var(--lens-visibility);transition:opacity .32s ease;border-radius:50%;background:radial-gradient(ellipse at 30% 45%,#ff832ca6 0%,#ec853584 38%,#ffc56b38 68%,#fbdc971c 91%,transparent 100%);mask-image:none;filter:blur(2px);border:1px solid #ffe1a633;box-shadow:inset 0 0 28px #ffe8a81c;mix-blend-mode:normal}
.hero-media .lens-aura:before{display:none}
.hero-media .lens-aura:after{animation:none;opacity:.7}
@media(max-width:800px){.hero-media{--lens-width:76vw;--lens-height:48vw}}
@media(max-width:480px){.hero-media{--lens-width:125vw;--lens-height:78vw}.hero-media .hero-glasses{top:auto;bottom:0}}
@media(prefers-reduced-motion:reduce){.hero-media .lens-aura{display:block}.hero-media .hero-glasses,.hero-media .lens-aura{transition:none}}

/* Compact cursor spotlight, sized to the orange disc in the reference. */
.hero-media{--lens-width:clamp(240px,25vw,360px);--lens-height:clamp(180px,20vw,288px)}
.hero-media .lens-aura{border:0;box-shadow:none;filter:blur(4px);background:radial-gradient(ellipse at 38% 48%,#ed762b9c 0%,#eb803889 42%,#ef9c5352 71%,#f2b4750a 95%,transparent 100%)}
.hero-media .lens-aura:after{display:none}
@media(max-width:800px){.hero-media{--lens-width:280px;--lens-height:220px}}
@media(max-width:480px){.hero-media{--lens-width:220px;--lens-height:175px}}
/* Overlapping, shrinking samples blend into a soft tail rather than separate rings. */
.lens-wake{position:absolute;inset:0;z-index:1;pointer-events:none}
.lens-wake i{position:absolute;display:block;width:var(--lens-width);height:var(--lens-height);border-radius:50%;opacity:0;background:radial-gradient(ellipse,#e67a329c 0%,#ef985c70 48%,#efb57730 76%,transparent 100%);filter:blur(7px);pointer-events:none}
.hero-media .lens-aura{transform:translate(-50%,-50%) rotate(var(--wake-angle,-5deg)) scaleX(var(--wake-stretch,1))}
@media(prefers-reduced-motion:reduce){.lens-wake{display:none}.hero-media .lens-aura{transform:translate(-50%,-50%)}}