@font-face{font-family:Studio;src:local('Helvetica Neue')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#08090b;color:#f8f9fc;font-family:Studio,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #709cfa;outline-offset:6px}::selection{background:#a6bbde;color:#111}header{height:88px;position:fixed;top:0;left:0;width:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;z-index:20;background:rgba(8,9,11,.62);backdrop-filter:blur(24px);border-bottom:1px solid #ffffff14;color:#fff}.brand{display:flex;gap:13px;align-items:center}.brand b{font-size:48px;letter-spacing:-7px;line-height:1;padding-right:6px}.brand>span{font-size:16px;letter-spacing:3px}.brand small{font-size:8px;display:block;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:36px;font-size:14px;color:#d3d4d8}nav span{font-size:11px;vertical-align:super;color:#90939a}.nav-actions{display:flex;align-items:center;gap:12px}.nav-call{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid #ffffff2c;border-radius:40px;font-size:13px;color:#e8ecf2;transition:.25s}.nav-call:hover{border-color:#d4b96e80;color:#d4b96e}.nav-cta{padding:12px 20px;background:#f8f9fc;color:#111;border-radius:40px;font-size:14px}.nav-cta span{margin-left:20px}.journey{height:420svh}.stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#08090b}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 67%,#202f4355,transparent 50%)}.hero-copy{position:absolute;top:145px;left:4%;width:92%;text-align:center;z-index:2;pointer-events:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.6}.hero-copy .eyebrow{color:#a8afba;margin:0 0 18px}h1{font-size:clamp(40px,6.1vw,92px);line-height:1.01;letter-spacing:-.055em;font-weight:600;margin:0}h1 span{color:#aeb8c9}.hero-sub{font-size:17px;color:#aeb1b9;margin-top:21px}#scene{position:absolute;inset:0;z-index:1}#scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;width:min(750px,78vw);left:50%;top:48%;transform:translateX(-50%) perspective(900px) rotateY(-12deg);border-radius:12px;box-shadow:0 25px 90px #0009}.webgl-ready .scene-fallback{display:none}.stage-bottom{position:absolute;bottom:25px;left:5%;right:5%;z-index:4;display:flex;align-items:center;justify-content:space-between;color:#999fa8;font-size:11px;letter-spacing:1.5px}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-line{width:1px;height:30px;background:linear-gradient(transparent,#aab4c5)}.stage-meta{text-align:center;font-size:10px}.chapter-track{height:1px;width:155px;background:#ffffff25;margin:12px auto 0}.chapter-track i{display:block;background:#d8e4ff;width:2%;height:1px}.motion-toggle{border:1px solid #ffffff20;border-radius:30px;background:#ffffff06;color:#abb2bd;font-size:12px;padding:12px 16px;letter-spacing:0}.motion-toggle span{padding-left:10px}.scene-title{position:absolute;left:7%;top:30%;z-index:3;opacity:0;pointer-events:none}.scene-title h2,.transition-copy h2{font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.055em;margin:20px 0}.scene-title .eyebrow{color:#a2b4d0}.transition-copy{position:absolute;left:7%;top:32%;z-index:3;opacity:0;pointer-events:none}.transition-copy>p:not(.eyebrow){color:#b3b7bf;font-size:17px;margin-bottom:32px}.pill{display:inline-flex;align-items:center;gap:32px;padding:19px 25px;border-radius:40px;font-size:15px;font-weight:500}.pill.light{background:#f5f6f8;color:#151618}.light-section{background:#f5f5f7;color:#17191c}.intro{padding:110px 7% 85px}.section-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:65px}.section-top>p:last-child:not(.eyebrow){font-size:14px;line-height:1.6;color:#73777d;margin:0}.eyebrow{margin:0}.intro h2,.collection h2,.services h2{font-size:clamp(42px,6.3vw,90px);line-height:1.04;letter-spacing:-.06em;font-weight:500;margin:0}.intro h2 span{color:#8b8c90}.intro-copy{font-size:20px;line-height:1.7;color:#73777c;margin-top:28px}.selected{padding:0 0 110px}
.slide-stage{position:relative}.band-heads,.band-caps,.slide-dots{padding:0 7%}
.band-heads{display:grid;margin-bottom:36px}
.band-head{grid-area:1/1;text-align:center;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.band-head.on{opacity:1;transform:none}
.band-head h3{font-size:clamp(34px,4.5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:14px 0 0}
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin:0}
.panel{position:relative;aspect-ratio:832/1216;height:auto;min-height:0;border-radius:0;overflow:hidden;background:#17191c;container-type:inline-size}
.track{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .95s cubic-bezier(.65,.05,.2,1);will-change:transform}
.panel:nth-child(2) .track{transition-delay:.14s}
.panel:nth-child(3) .track{transition-delay:.28s}
.cell{position:relative;flex:0 0 100%;display:grid;place-items:end center;overflow:hidden}
.cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cell::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,9,12,0) 58%,rgba(8,9,12,.5) 100%);pointer-events:none}.cell-word{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);z-index:2;margin:0;font-family:'Archivo Black','Arial Black',Arial,sans-serif;font-weight:400;font-size:20cqw;line-height:.9;letter-spacing:-.055em;white-space:nowrap;color:#fff;text-transform:uppercase;pointer-events:none;text-shadow:none;filter:none}

.cell-fg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:3;pointer-events:none}
.band-caps{display:grid;margin-top:30px}
.band-cap{grid-area:1/1;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity .6s ease .1s,transform .6s ease .1s;pointer-events:none}
.band-cap.on{opacity:1;transform:none;pointer-events:auto}
.band-desc{color:#74777e;max-width:480px;margin:0 auto;font-size:17px;line-height:1.6}
.band-link{display:inline-block;margin-top:14px;font-size:14px;border-bottom:1px solid #17191c55;padding-bottom:3px}
.band-link:hover{border-color:#17191c}
.band-head{text-align:center;margin-bottom:36px}.band-head h3{font-size:clamp(34px,4.5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:16px 0 0}
.feature-heading h3 em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;color:#8a7a54;letter-spacing:-.02em}
.slide-dots{display:flex;gap:10px;justify-content:center;margin-top:44px}
.slide-dots button{border:1px solid #17191c22;background:transparent;border-radius:30px;padding:9px 18px;font-size:11px;letter-spacing:2px;color:#6d727b;transition:.3s}
.slide-dots button.on{background:#17191c;color:#f5f5f7;border-color:#17191c}
.slide-dots button:hover{border-color:#17191c}
@media(prefers-reduced-motion:reduce){.track,.band-head,.band-cap{transition:none!important}}.feature{padding-top:65px;margin-bottom:95px;border-top:1px solid #d9dbdf}.feature:last-child{margin-bottom:0}.feature-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.feature-heading h3{font-size:clamp(32px,4.2vw,62px);font-weight:500;letter-spacing:-.05em;line-height:1.07;margin:16px 0 0}.feature-heading>p{font-size:16px;line-height:1.6;color:#74777e}.feature-heading .eyebrow{color:#777d85}.feature-art{display:block;position:relative;padding:6.5% 9%;overflow:hidden;perspective:1400px;border-radius:5px;background:#d9d1c8;isolation:isolate}.feature-bakery .feature-art{background:#433227}.feature-cafe .feature-art{background:#233930}.browser-window{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 35px 75px #0005;transform:rotateY(-7deg) rotateX(5deg) rotateZ(-2deg);transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform}.feature-bakery .browser-window{transform:rotateY(7deg) rotateX(5deg) rotateZ(2deg)}.feature-art:hover .browser-window{transform:rotateY(0) rotateX(0) rotateZ(0) scale(1.025)}.browser-chrome{display:flex;align-items:center;justify-content:space-between;color:#7d7c7a;background:#f8f7f5;font-size:10px;padding:12px 15px;letter-spacing:1px}.browser-chrome span:first-child{font-size:9px;letter-spacing:3px;color:#b9b7b3}.browser-window img{width:100%;height:auto;display:block}.round-link{position:absolute;bottom:28px;right:28px;background:#ffffffda;backdrop-filter:blur(8px);color:#222;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:23px}.project-caption{margin-top:23px;display:flex;justify-content:space-between;align-items:center;font-size:16px}.project-caption small{color:#7d8188;font-size:12px;display:block;margin-top:8px}.project-caption>a{font-size:14px}
.collection{padding:110px 7% 95px;background:#101113}.collection .section-top{color:#a8acb4}.collection-number{font-size:65px;letter-spacing:-4px;line-height:1}.collection-number>span{display:block;font-size:12px;color:#888d97;letter-spacing:0;margin-top:10px}.collection-title{display:flex;justify-content:space-between;align-items:flex-end}.collection-title h2 span{color:#777c85}.services .collection-title h2 span{color:#777c85}.collection-title>p{font-size:16px;line-height:1.65;color:#9297a1}.collection-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;margin-top:60px;padding-bottom:20px;gap:20px}.quick-filters{display:flex;gap:8px}.quick-filters button{font-size:14px;border:1px solid transparent;color:#a1a5ad;background:transparent;padding:12px 18px;border-radius:30px;white-space:nowrap}.quick-filters button.active{background:#f5f5f7;color:#101113}.quick-filters button:hover{border-color:#ffffff40}.category-label select{color:#d1d5de;background:#191b1e;border:1px solid #ffffff25;padding:11px 30px 11px 16px;border-radius:30px;font-size:14px;max-width:200px}#result-count{font-size:12px;color:#9297a0;margin:22px 0 30px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.project-card{min-width:0}.project-image{position:relative;border-radius:6px;overflow:hidden;background:#23252a;aspect-ratio:1.6}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.project-image>span{position:absolute;right:14px;bottom:14px;background:#f5f5f7;color:#111;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;opacity:0;transform:translateY(5px);transition:.3s}.project-card:hover .project-image img{transform:scale(1.045)}.project-card:hover .project-image>span{opacity:1;transform:none}.card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.card-meta h3{font-size:16px;font-weight:500;margin:0;line-height:1.4}.card-meta>span{font-size:11px;color:#70757e}.card-label{font-size:12px;color:#8d929c;margin-top:6px}.concept-note{color:#898f99;font-size:12px;line-height:1.6;text-align:center;margin:70px 0 0}.services{padding:110px 7% 95px;background:#0c0d10}.services-tag{font-size:12px;color:#888d97;letter-spacing:1px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;margin-top:60px}.service-card{position:relative;border:1px solid #ffffff12;border-radius:18px;padding:34px 28px 30px;background:linear-gradient(165deg,#ffffff09,#ffffff02 55%);overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.service-card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#d4b96e,transparent);opacity:0;transition:opacity .4s}
.service-card:hover{transform:translateY(-6px);border-color:#d4b96e45;box-shadow:0 24px 70px #00000070}
.service-card:hover::before{opacity:1}
.svc-num{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:36px;line-height:1;color:#d4b96e45;display:block;margin-bottom:20px}
.service-card h3{font-size:19px;font-weight:500;margin:0 0 13px;line-height:1.3;letter-spacing:-.01em}
.service-card p{font-size:14px;line-height:1.65;color:#9297a1;margin:0 0 20px}
.service-card ul{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff10;padding-top:14px}
.service-card li{display:flex;align-items:center;gap:10px;font-size:12px;color:#b7bcc6;padding:6px 0;letter-spacing:.3px}
.service-card li::before{content:'';width:5px;height:5px;background:#d4b96e;transform:rotate(45deg);flex-shrink:0}.service-card li:last-child{border-bottom:0}.services-area{font-size:12px;letter-spacing:2px;color:#9a9178;margin:44px 0 0;text-transform:uppercase;border-top:1px solid #ffffff14;padding-top:22px;text-align:center}.services-checkout{text-align:center;margin-top:60px}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:880px;margin:64px auto 0}
.tier-card{display:flex;flex-direction:column;text-align:left;padding:28px 26px;border:1px solid #ffffff1e;border-radius:16px;background:#ffffff06;transition:transform .25s,border-color .25s,box-shadow .25s}
.tier-card:hover{transform:translateY(-4px);border-color:#d4b96e66;box-shadow:0 16px 50px #0007}
.tier-featured{border-color:#d4b96e80;background:radial-gradient(ellipse at 50% 0%,#d4b96e14,#ffffff06 65%);position:relative}
.tier-tag{font-size:9px;font-weight:700;letter-spacing:2.5px;color:#141518;background:#d4b96e;border-radius:20px;padding:5px 12px;align-self:flex-start;margin-bottom:14px}
.tier-name{font-size:13px;letter-spacing:2px;font-weight:600;color:#c9b06e;text-transform:uppercase}
.tier-price{font-size:38px;font-weight:500;letter-spacing:-1px;color:#f5f6f8;margin:8px 0 12px}
.tier-desc{font-size:13px;line-height:1.6;color:#9297a1;flex:1;margin-bottom:18px}
.tier-cta{font-size:13px;font-weight:600;color:#d4b96e}
.services-note{text-align:center;margin-top:26px}
.band-tiers{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.band-tiers a{padding:13px 22px;border-radius:40px;border:1px solid #ffffff2c;font-size:14px;font-weight:500;color:#e8ecf2;transition:.25s}
.band-tiers a:hover{border-color:#d4b96e80;color:#d4b96e}
.band-tiers .band-featured{background:#d4b96e;color:#141518;border-color:#d4b96e;font-weight:600}
.band-tiers .band-featured:hover{color:#141518;box-shadow:0 10px 36px #d4b96e33}
.contact>p.services-area{font-size:13px;text-align:center;margin:0 auto 30px;color:#8f97a5}
.contact{padding:125px 7% 0;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#182a42 0,transparent 62%),#08090b}.contact .eyebrow{color:#8f9bad}.contact h2{font-size:clamp(60px,9vw,132px);font-weight:500;line-height:.97;letter-spacing:-.07em;margin:34px 0}.contact h2 span{background:linear-gradient(130deg,#e4ebf7,#8695b0);background-clip:text;-webkit-text-fill-color:transparent}.contact>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#9ca5b3;margin:28px 0 35px}.checkout-band{border:1px solid #d4b96e33;border-radius:18px;padding:38px 34px;max-width:560px;margin:0 auto 40px;background:radial-gradient(ellipse at 50% 0%,#d4b96e12,transparent 70%),#ffffff06;backdrop-filter:blur(8px)}
.checkout-kicker{font-size:11px;font-weight:600;letter-spacing:3px;color:#c9b06e;margin:0 0 12px}
.checkout-copy{font-size:14px;line-height:1.6;color:#9aa0ab;margin:0 0 24px}
.btn-stripe{display:inline-flex;align-items:center;gap:20px;padding:17px 30px;border-radius:40px;background:#d4b96e;color:#141518;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s}
.btn-stripe:hover{transform:translateY(-2px);box-shadow:0 12px 40px #d4b96e33}
.checkout-note{font-size:11px;color:#7d838d;margin:18px 0 0;letter-spacing:.5px}
.contact .email{display:block;font-size:14px;color:#97a1b1;margin-top:25px}.contact-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:25px;font-size:14px;color:#97a1b1}.contact-links a:hover{color:#f5f6f8}.contact-word{font-size:clamp(140px,32vw,460px);letter-spacing:-.09em;line-height:.85;font-weight:600;opacity:.1;margin:70px 0 -35px;padding-right:30px}footer{position:relative;background:#0a0c10;padding:35px 7%;border-top:1px solid #ffffff15;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a1a6b0}footer p{color:#727a88}.footer-brand{font-size:14px;color:#e2e6ed}.skip{position:fixed;top:-100px;background:white;color:black;padding:18px;z-index:50}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-copy{top:16vh}.hero-copy h1{font-size:100px}}@media(max-width:900px){header{height:76px}nav{gap:20px}.hero-copy{top:130px}.hero-copy .eyebrow{font-size:10px}.hero-sub{font-size:16px}.collection-controls{align-items:stretch;flex-direction:column}.quick-filters{overflow-x:auto;padding-bottom:6px}.category-label select{max-width:100%;width:100%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-heading>p{font-size:14px}.scene-title{top:26%}.scene-title h2{font-size:56px}.transition-copy{top:25%;left:7%}.stage-meta{display:none}}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-grid{grid-template-columns:1fr;max-width:440px}}@media(max-width:600px){header{padding:0 6%;height:74px}.brand b{font-size:40px}.brand>span{font-size:13px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.5px}nav{display:none}.nav-cta{padding:11px 16px;font-size:12px}.nav-cta span{margin-left:14px}.nav-call{padding:10px 12px}.nav-call span{display:none}.journey{height:360svh}.stage{min-height:560px}.hero-copy{top:140px;left:5%;width:90%}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px;max-width:270px;margin:0 auto 22px;line-height:1.7}h1{font-size:clamp(36px,9vw,54px);line-height:1.06;letter-spacing:-.06em}.hero-sub{font-size:14px;margin-top:22px}.stage-bottom{bottom:25px;left:6%;right:6%;font-size:9px;letter-spacing:1px}.motion-toggle{font-size:10px;padding:10px 12px}.scene-title{left:6%;top:18%}.scene-title .eyebrow{font-size:10px;max-width:220px}.scene-title h2{font-size:45px}.transition-copy{left:6%;top:18%}.transition-copy .eyebrow{font-size:9px}.transition-copy h2{font-size:45px}.transition-copy>p:not(.eyebrow){font-size:14px;margin-bottom:20px}.transition-copy .pill{font-size:12px;padding:14px 20px;gap:16px}.intro{padding:75px 6% 50px}.section-top{margin-bottom:40px}.section-top .eyebrow{font-size:10px;letter-spacing:1.5px}.intro .section-top>p:last-child{display:none}.intro h2,.collection h2,.services h2{font-size:43px;line-height:1.07}.intro-copy{font-size:17px;line-height:1.65}.desktop{display:none}.selected{padding:0 6% 60px}.feature{padding-top:35px;margin-bottom:60px}.feature-heading{display:block;margin-bottom:28px}.feature-heading .eyebrow{font-size:10px}.feature-heading h3{font-size:36px;margin-top:14px}.feature-heading>p{font-size:14px;margin-top:20px}.feature-art{padding:13% 6%;border-radius:4px;margin:0 -6.8%}.browser-window{border-radius:5px}.browser-chrome{font-size:7px;padding:8px 10px}.browser-chrome span:first-child{font-size:6px}.round-link{width:34px;height:34px;bottom:12px;right:12px;font-size:18px}.project-caption{font-size:14px;gap:15px;line-height:1.4}.project-caption small{font-size:11px}.project-caption>a{font-size:12px;max-width:130px;text-align:right}.triptych{gap:8px}.band-heads,.band-caps,.slide-dots{padding:0 6%}.band-head h3{font-size:32px}.band-desc{font-size:15px}.band-caps{margin-top:22px}.collection{padding:70px 6% 60px}.services{padding:70px 6% 60px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;margin-top:40px}.service-card h3{font-size:16px}.service-card p{font-size:13px}.collection-number{font-size:48px}.collection-number>span{font-size:10px;max-width:110px;line-height:1.5}.collection-title{display:block}.collection-title>p{font-size:15px;line-height:1.5;margin-top:25px}.collection-controls{margin-top:30px;gap:12px}.quick-filters{gap:4px}.quick-filters button{font-size:12px;padding:11px 13px}.project-grid{gap:28px 14px}.card-meta h3{font-size:13px}.card-meta>span{display:none}.card-label{font-size:10px}.project-image{border-radius:3px}.project-image>span{display:none}.concept-note{font-size:11px;margin-top:45px}.contact{padding:80px 6% 0}.contact .eyebrow{font-size:9px;max-width:240px;margin:0 auto}.contact h2{font-size:68px;margin:30px 0}.contact>p:not(.eyebrow){font-size:16px}.contact .pill{font-size:13px;gap:20px;padding:17px 22px}.contact .email{font-size:12px}.contact-links{font-size:12px;gap:10px}.contact-word{margin-top:70px;margin-bottom:-10px;font-size:34vw;padding-right:12px}footer{padding:25px 6%;flex-wrap:wrap;gap:18px;font-size:11px}footer p{order:3;width:100%;margin:0}.footer-brand{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:110svh}.reveal{opacity:1;transform:none}.browser-window,.project-image img{transition:none}.scene-title,.transition-copy{display:none}}
/* Product-film opening: one grounded machine, a closer camera, the full catalog. */
.journey{height:900svh}.hero-copy{top:145px}.hero-copy h1{font-size:clamp(42px,5.5vw,80px)}.hero-copy .eyebrow{font-size:11px;letter-spacing:3px}.hero-sub{font-size:15px}.stage{background:#080a0d}.ambient{background:radial-gradient(ellipse at 50% 68%,#34415466 0,transparent 66%)}.catalog-caption{position:absolute;left:7%;top:125px;z-index:5;opacity:0;pointer-events:none}.catalog-caption .eyebrow{color:#8294af;font-size:11px}.catalog-caption h2{font-size:clamp(24px,3vw,44px);font-weight:500;letter-spacing:-.045em;margin:10px 0 12px;max-width:800px}.catalog-caption a>span{font-size:13px;color:#b1b9c5}.catalog-dock{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:12px 17px;border:1px solid #ffffff28;border-radius:60px;background:#151a22bb;backdrop-filter:blur(22px);z-index:6;opacity:0;pointer-events:none}.catalog-dock button{color:#d6dce7;background:transparent;border:0;min-width:32px;min-height:32px;font-size:18px;border-radius:50%}.catalog-dock button:hover{background:#ffffff15}.dock-current{font-size:12px;display:flex;gap:9px;color:#858f9f;white-space:nowrap}.dock-current>span:first-child{color:#fff}.dock-divider{color:#4d5764}.catalog-ticks{display:flex;gap:2px;align-items:center}.catalog-ticks button{position:relative;min-width:8px;width:8px;min-height:30px;font-size:0;border-radius:0;padding:0}.catalog-ticks button:after{content:'';display:block;height:9px;width:2px;margin:auto;background:#5e6979;border-radius:2px;transition:height .2s,background .2s}.catalog-ticks button.active:after{height:22px;background:#edf3ff}.catalog-ticks button:focus-visible{outline-offset:0}.stage-bottom{bottom:22px}.scene-fallback{top:51%;width:min(960px,88vw)}
@media(max-width:600px){.journey{height:850svh}.hero-copy{top:140px}.hero-copy h1{font-size:40px}.hero-copy .eyebrow{font-size:10px}.hero-sub{font-size:14px}.catalog-caption{left:6%;right:6%;top:120px}.catalog-caption .eyebrow{font-size:10px}.catalog-caption h2{font-size:29px;max-width:100%;line-height:1.08}.catalog-caption a>span{font-size:12px}.catalog-dock{bottom:83px;gap:10px;padding:10px 12px;max-width:90vw}.catalog-ticks{gap:1px;max-width:150px;overflow-x:auto;scrollbar-width:none}.catalog-ticks button{min-width:7px;flex-shrink:0}.catalog-dock>button{min-width:30px}.dock-current{gap:5px;font-size:11px}.stage-bottom{bottom:28px}.scene-fallback{top:48%}}
@media(prefers-reduced-motion:reduce){.journey{height:120svh}.catalog-dock{display:none}}
.catalog-dock button:disabled{opacity:.25;cursor:default}
.scene-fallback{opacity:0}.scene-error .scene-fallback{opacity:1}.scene-loader{position:absolute;top:70%;left:0;right:0;text-align:center;color:#717c8e;font-size:12px;letter-spacing:2px}.webgl-ready .scene-loader,.scene-error .scene-loader{display:none}
/* Cairn / Portal edition */
header{height:96px;background:#0b0b0be8;border-top:1px solid #d4b96e28;border-bottom:1px solid #d4b96e20}.brand{gap:21px}.brand b{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:62px;color:#d4b96e;letter-spacing:-6px;padding-right:0}.brand>span{font-size:23px;letter-spacing:4.5px;font-weight:400}.brand small{font-size:10px;letter-spacing:3.5px;color:#b1afa7;margin-top:9px}.nav-cta{border:1px solid #d4b96e75;border-radius:4px;background:transparent;color:#f3f1eb;padding:16px 25px;font-size:16px;box-shadow:inset 0 0 0 2px #d4b96e0d;transition:background .25s,border-color .25s}.nav-cta:hover{background:#d4b96e14;border-color:#d4b96e}.nav-cta span{margin-left:28px}.hero-copy h1 span{color:#c6bea8}.hero-copy .eyebrow{color:#c8b785}.hero-sub{color:#aaa79f}.stage{min-height:0;background:#07090d;isolation:isolate}.ambient{z-index:0}.cinema{position:absolute;inset:0;opacity:0;z-index:0;pointer-events:none;overflow:hidden;background:#030407}.world{position:absolute;inset:0;opacity:0;background-position:center;background-size:cover;transform-origin:50% 48%;will-change:transform,opacity}.world video{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.world.decoded video{opacity:1}.world-room{background-image:url('media/city-room.webp');transform-origin:50% 58%}.film-shade{position:absolute;inset:0;background:linear-gradient(#0009 0,transparent 38%,transparent 62%,#030508cc 100%),radial-gradient(ellipse at center,transparent 40%,#02030755 100%)}.portal{position:absolute;z-index:0;width:50vmin;height:50vmin;border:2px solid #ffe5a5;border-radius:50%;left:50%;top:53%;opacity:0;pointer-events:none;box-shadow:0 0 25px #eac87b,0 0 80px #b89048aa,inset 0 0 50px #dfbb6866;will-change:transform,opacity}.portal i{position:absolute;inset:-9px;border:1px solid #fae4b3aa;border-radius:50%;transform:rotateX(30deg);box-shadow:0 0 20px #edb56555}#atmosphere-flare{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 48%,#f9fcff 0,#dfeaf1aa 48%,#9ab1cc33 100%);mix-blend-mode:screen}.world-name{position:absolute;left:7%;top:124px;margin:0;color:#d4bd87;font-size:10px;letter-spacing:2.5px;z-index:5;opacity:0;text-shadow:0 2px 15px #000}.catalog-caption{top:153px;text-shadow:0 2px 22px #000}.catalog-caption .eyebrow{color:#d3d3d0;font-size:10px}.catalog-caption h2{margin-top:8px;margin-bottom:9px}.catalog-caption a>span{color:#dedbd2}.stage-bottom{color:#c5c1b6}.chapter-track i{background:#d4b96e}.catalog-dock{background:#101113c9;border-color:#d4b96e55}.catalog-ticks button.active:after{background:#d4b96e}.motion-toggle{background:#07090c99;color:#d8d4cb}.contact{background:radial-gradient(ellipse at 50% 90%,#3b3020 0,transparent 65%),#08090b}.contact h2 span{background-image:linear-gradient(130deg,#ede2c2,#ac9259)}.contact .eyebrow{color:#c8b785}.cinema-unavailable .world-name,.cinema-unavailable .portal{display:none}
@media(max-width:900px){header nav{display:none}.brand>span{font-size:20px}.brand small{font-size:9px}.stage-meta{display:none}.world-name{left:6%;top:122px}.catalog-caption{left:6%}}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-grid{grid-template-columns:1fr;max-width:440px}}@media(max-width:600px){header{height:82px;padding:0 5%}.brand{gap:12px}.brand b{font-size:46px;letter-spacing:-5px}.brand>span{font-size:16px;letter-spacing:2.7px}.brand small{font-size:7px;letter-spacing:2px;margin-top:6px}.nav-cta{font-size:13px;padding:12px 15px}.nav-cta span{margin-left:12px}.hero-copy{top:138px}.hero-copy h1{font-size:clamp(34px,9.5vw,48px);line-height:1.05}.hero-copy .eyebrow{font-size:9px}.hero-sub{font-size:13px}.world-name{top:109px;font-size:8px;letter-spacing:1.6px}.catalog-caption{top:137px}.catalog-caption h2{font-size:27px}.catalog-caption .eyebrow{font-size:8px;letter-spacing:1.6px}.catalog-caption a>span{font-size:11px}.world-room{background-position:50% 50%}.catalog-dock{bottom:85px}.stage-bottom{bottom:max(22px,env(safe-area-inset-bottom));font-size:8px}.scroll-cue{gap:8px}.motion-toggle{font-size:10px}.portal{width:65vmin;height:65vmin}.film-shade{background:linear-gradient(#000b 0,transparent 36%,transparent 58%,#030508e0 100%)}.scene-loader{font-size:10px}}
@media(max-height:600px) and (min-width:700px){header{height:68px}.brand b{font-size:42px}.brand>span{font-size:17px}.brand small{font-size:8px;margin-top:4px}.nav-cta{padding:10px 20px}.hero-copy{top:96px}.hero-copy h1{font-size:46px}.world-name{top:83px}.catalog-caption{top:104px}.catalog-caption h2{font-size:26px}.catalog-caption a>span{font-size:11px}.catalog-dock{bottom:57px;padding:5px 14px}.stage-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.journey{height:120svh}.cinema,.portal,#atmosphere-flare,.world-name{display:none}.hero-copy{opacity:1!important;transform:none!important}}
.catalog-dock>button{min-width:44px;min-height:44px}.catalog-ticks{scrollbar-width:none}.catalog-ticks::-webkit-scrollbar{display:none}@media(max-width:600px){.catalog-dock{gap:7px;padding:7px 10px}.catalog-dock>button{min-width:38px;min-height:44px}}@media(max-height:600px) and (min-width:700px){.catalog-dock>button{min-height:32px}}

/* The supplied room is visible from the first paint; transparent contact shadows keep its desk intact. */
.opening-room{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('media/opening-room.jpg') center/cover no-repeat;opacity:1}.opening-room:after{content:'';position:absolute;inset:0;background:linear-gradient(#02040770,transparent 45%,transparent 85%,#02040733)}.hero-copy{text-shadow:0 3px 28px #0008}.ambient{display:none}.world-room{background-image:url('media/opening-room.jpg')}

/* Premium header: compacts on scroll, editorial underline links, gold sweep CTA. */
header{transition:height .45s cubic-bezier(.4,0,.2,1),background .45s}
header.compact{height:66px;background:#0b0b0bf4}
nav a{position:relative;padding:7px 2px;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:#aeb3bc;transition:color .3s}
nav a:hover{color:#f5f2e8}
nav a:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:100%;background:#d4b96e;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.65,.05,.2,1)}
nav a:hover:after{transform:scaleX(1);transform-origin:left}
nav a>span{font-size:10px;color:#8a8d94;margin-left:3px}
.nav-cta{position:relative;overflow:hidden;transition:color .35s,border-color .25s}
.nav-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#e5cd8d,#d4b96e);transform:translateX(-102%);transition:transform .5s cubic-bezier(.65,.05,.2,1)}
.nav-cta:hover{color:#141109;border-color:#d4b96e}
.nav-cta:hover:before{transform:none}
.nav-cta>span{position:relative;z-index:1;margin-left:0}
.nav-cta .arr{margin-left:22px}
@media(max-width:600px){header.compact{height:60px}}
@media(max-width:700px){.selected{padding-left:0;padding-right:0}.triptych{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:6vw;padding:0 6vw 12px;overscroll-behavior-x:contain}.triptych .panel{flex:0 0 82vw;height:auto;min-height:0;aspect-ratio:832/1216;scroll-snap-align:center}}
