@font-face{font-family:Allura;src:url('assets/Allura-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.header{max-width:none;height:98px;padding:0 4%;border-bottom:1px solid #e5e7eb}.header-cta{border-radius:30px;background:#151d2c}.header nav{font-size:12px}.editorial-hero{max-width:none;margin:0!important;border-radius:0;min-height:820px;height:calc(100svh - 98px);max-height:1100px;background:#f5f5f2;color:#182536;isolation:isolate;--portrait-x:0px;--portrait-y:0px;--scroll-shift:0px;overflow:hidden}.hero-edition{position:absolute;top:29px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#69727b;z-index:6}.hero-name{position:absolute;top:78px;left:3.1%;right:3.1%;margin:0;display:flex;justify-content:space-between;font-size:clamp(86px,13.3vw,240px);font-weight:460;line-height:.91;letter-spacing:-.078em;z-index:1;transform:translateY(calc(var(--scroll-shift)*-.22));pointer-events:none}.name-dot{color:var(--blue)}.hero-name>span{display:block}.portrait-scene{position:absolute;top:clamp(205px,15vw,275px);left:50%;width:700px;height:1050px;transform:translate(calc(-50% + var(--portrait-x)),calc(var(--portrait-y) + var(--scroll-shift)*.1));z-index:3;pointer-events:none;will-change:transform}.editorial-portrait{width:100%;height:100%;object-fit:contain;object-position:top;display:block;filter:drop-shadow(20px 20px 26px #263b4f10)}.hero-orbit{position:absolute;width:71%;height:47%;left:14.5%;top:39%;border:1px solid #a9bfe066;border-radius:50%;transform:rotate(-15deg);z-index:0}.hero-orbit:after{content:'';position:absolute;inset:14%;border:1px solid #b0c3dd35;border-radius:50%}.hero-orbit>span{position:absolute;inset:0;border-radius:50%;animation:orbit 30s linear infinite}.hero-orbit>span:after{content:'';position:absolute;top:16%;left:9%;height:8px;width:8px;border-radius:50%;background:#4674dc;box-shadow:0 0 0 7px #265cff0a}.hero-manifesto{position:absolute;left:5.5%;top:42%;z-index:5;width:27%;max-width:360px}.hero-overline{font-size:9px;letter-spacing:.16em;color:#77828f;line-height:1.7;font-weight:550}.hero-manifesto h2{font-size:clamp(26px,2.3vw,40px);line-height:1.18;font-weight:460;letter-spacing:-.045em;margin:24px 0 16px}.hero-manifesto h2 em{font-style:normal;color:var(--blue)}.hero-manifesto>p{font-size:12px;line-height:1.75;color:#83909d}.circle-cta{display:flex;align-items:center;justify-content:space-between;width:164px;height:65px;border-radius:60px;padding:0 21px;border:1px solid #b6c4d7;background:#ffffff70;font-size:11px;line-height:1.35;transition:background .35s,color .35s,transform .35s;margin-top:24px}.circle-cta i{font-size:25px;font-style:normal}.circle-cta:hover{background:var(--blue);border-color:var(--blue);color:white;transform:translateY(-4px)}.hero-explorer{position:absolute;right:5.5%;top:45%;width:23%;max-width:300px;z-index:5}.hero-explorer>.hero-overline{margin-bottom:17px}.hero-lenses button{display:flex;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid #d8dee5;background:none;color:#8693a4;cursor:pointer;text-align:left;padding:13px 0;font-size:21px;letter-spacing:-.035em;transition:color .3s,padding .3s}.hero-lenses button>span{font-size:8px;letter-spacing:0;color:#9ba7b8}.hero-lenses button i{font-style:normal;font-size:18px;margin-left:auto;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}.hero-lenses button.active{color:var(--blue)}.hero-lenses button.active i{opacity:1;transform:none}.hero-lenses button:hover{padding-left:7px;color:#1d4ccb}.lens-detail{padding-top:18px;min-height:110px;max-width:265px}.lens-detail>p{font-size:12px;line-height:1.8;color:#788795;margin-bottom:12px}.lens-detail>a{font-size:10px;color:#33548b}.hero-signoff{position:absolute;right:5.5%;bottom:110px;z-index:5;text-align:center;transform:rotate(-8deg)}.handwritten{font:44px/1.15 Allura,cursive;display:block;color:#2a4a70}.hero-signoff>span:last-child{font-size:6px;letter-spacing:.17em;display:block;color:#8899ad;margin-top:8px;transform:rotate(8deg)}.hero-baseline{position:absolute;z-index:7;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 4%;background:#f5f5f2ed;border-top:1px solid #d8dee5;backdrop-filter:blur(14px)}.hero-product-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;font-size:9px;letter-spacing:.12em;font-weight:550}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);grid-row:1/3;box-shadow:0 0 0 5px #265cff0a}.product-descriptor{grid-column:2;font-size:10px;letter-spacing:0;color:#8691a1;font-weight:400}.hero-product-link>i{grid-column:3;grid-row:1/3;font-size:20px;font-style:normal;padding-left:14px}.hero-tools{display:flex;gap:20px}.hero-tools button{background:none;border:0;cursor:pointer;color:#7f8b9b;font-size:10px;padding:8px 0}.hero-tools button:hover{color:var(--blue)}.scroll-invitation{font-size:8px;letter-spacing:.16em;display:flex;gap:22px;align-items:center}.scroll-invitation span{font-size:23px;color:var(--blue)}
.signature-intro{position:fixed;inset:0;background:#0c1728;color:#f7f8fb;z-index:1000;overflow:hidden}.signature-intro[hidden]{display:none}.intro-brand{position:absolute;top:40px;left:4%;font-size:11px;font-weight:500;letter-spacing:.15em}.intro-brand>span{display:block;font-size:7px;color:#7590b5;margin-top:7px;letter-spacing:.2em}.signature-stage{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(650px,85vw);text-align:center}.signature-name{font:clamp(52px,8vw,105px)/1.1 Allura,cursive;display:block;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:signature-write 1.6s .1s ease forwards;transform:rotate(-7deg);padding:20px 5px}.signature-stage svg{display:block;width:90%;margin:-22px auto 0;height:65px;overflow:visible}.signature-stage path{fill:none;stroke:#80aaff;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:650;animation:signature-stroke .9s 1.15s ease forwards}.signature-stage>p{font-size:8px;letter-spacing:.18em;color:#758baa;margin-top:36px;animation:signature-caption .6s 1.2s both}.intro-bottom{position:absolute;bottom:35px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#7186a3}.skip-intro{border:1px solid #34455e;border-radius:30px;background:transparent;color:#a6b9d4;padding:11px 17px;font-size:10px;cursor:pointer}.intro-exiting{animation:intro-curtain .8s cubic-bezier(.76,0,.24,1) both}.hero-enter .hero-name>span{animation:editorial-word 1s cubic-bezier(.16,1,.3,1) both}.hero-enter .hero-name>span:nth-child(2){animation-delay:.08s}.hero-enter .portrait-scene{animation:editorial-person 1.2s .12s cubic-bezier(.16,1,.3,1) both}.hero-enter .hero-manifesto,.hero-enter .hero-explorer,.hero-enter .hero-signoff{animation:editorial-copy .9s .35s both}.motion-paused .editorial-hero .portrait-scene,.motion-paused .hero-name{will-change:auto}
@keyframes signature-write{to{clip-path:inset(0 -8% -8% -8%)}}@keyframes signature-stroke{to{stroke-dashoffset:0}}@keyframes signature-caption{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes intro-curtain{to{transform:translateY(-101%);border-radius:0 0 40% 40%}}@keyframes editorial-word{from{opacity:0;clip-path:inset(100% 0 0);translate:0 50px}to{opacity:1;clip-path:inset(0);translate:0 0}}@keyframes editorial-person{from{opacity:0;translate:0 55px}to{opacity:1;translate:0 0}}@keyframes editorial-copy{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(min-width:1800px){.portrait-scene{width:800px;height:1200px;top:230px}.hero-manifesto{top:44%}.hero-explorer{top:47%}.hero-signoff{bottom:135px}}@media(max-width:1100px){.editorial-hero{min-height:820px;max-height:none;height:calc(100svh - 85px)}.hero-name{top:80px;font-size:13.1vw}.portrait-scene{width:620px;height:930px;top:180px}.hero-manifesto{left:4%;width:26%;top:38%}.hero-manifesto h2{font-size:28px}.hero-explorer{right:4%;width:24%;top:40%}.hero-lenses button{font-size:19px}.hero-signoff{right:4%;bottom:110px}.handwritten{font-size:37px}.hero-tools{gap:10px}.hero-tools button{font-size:9px}.scroll-invitation{font-size:7px;gap:10px}}
@media(max-width:680px){.header{height:82px;padding:0 6%}.editorial-hero{min-height:1230px;height:auto;max-height:none}.hero-edition{top:24px;left:6%;right:6%;font-size:6px;letter-spacing:.12em}.hero-edition>span:last-child{display:none}.hero-name{top:58px;left:5%;right:5%;display:block;font-size:23vw;line-height:.9;letter-spacing:-.075em;z-index:4}.hero-name>span:last-child{text-align:right}.portrait-scene{top:250px;width:490px;height:735px;left:50%;z-index:3}.hero-orbit{top:290px;left:-35%;width:170%;height:300px}.hero-manifesto{left:7%;top:680px;width:86%;max-width:none;display:grid;grid-template-columns:1fr auto;gap:0 15px}.hero-manifesto .hero-overline{grid-column:1/-1;font-size:7px}.hero-manifesto h2{font-size:27px;line-height:1.12;margin:16px 0 10px}.hero-manifesto>p{font-size:10px;grid-column:1;line-height:1.6}.circle-cta{width:97px;height:97px;padding:17px;border-radius:50%;grid-column:2;grid-row:2/4;align-self:center;margin:0;background:#265cff;color:white;border-color:#265cff;font-size:10px}.circle-cta i{font-size:20px}.hero-explorer{left:7%;right:7%;top:909px;width:auto;max-width:none}.hero-explorer>.hero-overline{display:none}.hero-lenses{display:flex;gap:18px}.hero-lenses button{font-size:13px;gap:6px;justify-content:center}.hero-lenses button>span{font-size:6px}.hero-lenses button>i{display:none}.hero-lenses button:hover{padding-left:0}.lens-detail{max-width:none;padding-top:16px;min-height:90px}.lens-detail>p{font-size:12px;line-height:1.7}.hero-signoff{right:7%;top:590px;bottom:auto;z-index:5}.handwritten{font-size:29px;color:#48618a}.hero-signoff>span:last-child{font-size:4px}.hero-baseline{padding:19px 7%;flex-wrap:wrap;gap:19px}.hero-product-link{font-size:8px}.product-descriptor{font-size:9px}.hero-tools{order:3;justify-content:space-between;width:100%;border-top:1px solid #dce1e7;padding-top:9px}.hero-tools button{font-size:9px}.scroll-invitation{font-size:0;gap:0}.scroll-invitation span{font-size:25px}.portrait-scene:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#f5f5f2 75%)}.signature-stage>p{font-size:6px;line-height:1.9;margin-top:15px}.signature-stage svg{height:45px;margin-top:-14px}.intro-brand{top:27px;left:7%;font-size:9px}.intro-bottom{left:7%;right:7%;font-size:6px}.skip-intro{font-size:9px;padding:10px}.intro-exiting{animation-duration:.55s}}
@media(prefers-reduced-motion:reduce){.signature-intro{display:none!important}.portrait-scene,.hero-name{transform:translateX(-50%)}.hero-name{transform:none}.hero-orbit>span{animation:none}.hero-enter *{animation:none!important}.editorial-hero *{transition:none!important}}
.motion-paused .signature-intro,.motion-paused .signature-intro *{animation-play-state:running!important}
@media(max-width:680px){.hero-signoff .handwritten{color:white;text-shadow:0 2px 12px #0c172850}.hero-signoff>span:last-child{color:#7186a3}}