.hero-sequence{position:relative;height:calc(var(--scene-screens,4.4) * 100vh)}.hero-stage{position:sticky;top:88px;height:calc(100vh - 88px);min-height:620px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 38%,#4b267d27,transparent 52%)}.hero-content{height:100%;display:flex;align-items:center;position:relative;z-index:4;pointer-events:none}.hero-copy{max-width:745px;padding-bottom:82px;pointer-events:auto}.hero-copy .eyebrow{margin-bottom:24px}.hero-title{font-size:clamp(64px,6.6vw,106px);letter-spacing:-.065em;font-weight:730;line-height:1.03;max-width:780px}.hero-title span{display:block}.hero-title span:last-child{background:linear-gradient(110deg,#fcf7ff,var(--lavender) 65%,var(--highlight));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:14px;max-width:515px;line-height:1.95;margin:28px 0 29px;color:#bfb3d0}.hero-art{position:absolute;right:3%;top:0;width:47%;height:100%;z-index:1;pointer-events:none}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.30}.hero-logo{position:absolute;width:70%;max-width:570px;height:auto;left:16%;top:50%;transform:translateY(-52%);filter:drop-shadow(0 18px 42px #61309930)}.art-axis{position:absolute;left:50%;top:20%;bottom:14%;border-left:1px solid #a889e910;transform:rotate(33deg)}.art-axis:after{content:'';position:absolute;top:50%;left:-400px;width:800px;border-top:1px solid #a889e910}.art-label{position:absolute;right:18%;bottom:18%;font:9px var(--mono);color:#9e89b9;letter-spacing:.19em;text-transform:uppercase}.art-counter{position:absolute;right:5%;top:22%;color:#9478b2;font:10px var(--mono);letter-spacing:.08em}.hero-bottom{position:absolute;z-index:7;bottom:0;left:0;right:0}.hero-shortcuts{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff17;padding:22px 0 24px}.hero-shortcuts .quick-label{font:9px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.12em}.hero-shortcuts a{font-size:11px;color:#c9bdda;display:flex;gap:24px;align-items:center;padding:8px 0}.hero-shortcuts a span{font:9px var(--mono);color:var(--dim)}.hero-shortcuts a:hover{color:white}.scroll-text{position:absolute;z-index:5;inset:0;display:grid;place-content:center;text-align:center;opacity:0;pointer-events:none;padding:30px}.scroll-text h2{font-size:clamp(57px,8.5vw,138px);line-height:1.03;letter-spacing:-.055em;font-weight:720}.scroll-text h2 span{display:block;background:linear-gradient(115deg,#f9f5ff 10%,var(--lavender) 32%,var(--accent) 47%,var(--highlight) 64%,#fff6ff 80%);background-size:280% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;color:transparent}.scroll-text p{font-size:14px;max-width:460px;margin:24px auto}.sequence-end{position:absolute;bottom:14%;left:0;right:0;text-align:center;opacity:0;z-index:5;pointer-events:none}.sequence-end .eyebrow{justify-content:center}.sequence-end h2{font-size:40px;margin:18px 0}.progress-line{height:2px;width:100%;background:#9572d720;position:absolute;bottom:0;left:0;z-index:10}.progress-line span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.expertise-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.expertise-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.expertise-inner p{font-size:11px;color:var(--dim)}.expertise-inner span{font-size:11px;color:var(--muted)}.selected-work{padding:84px 0 35px}.work-feature{display:grid;grid-template-columns:1fr 1.45fr;gap:65px;padding:49px 0 69px;align-items:center;border-bottom:1px solid var(--line);position:relative}.work-feature+.work-feature{padding-top:69px}.work-index{font:11px var(--mono);color:var(--dim);margin-bottom:22px}.work-feature h3{font-size:clamp(31px,3.2vw,46px);margin:15px 0 20px}.work-feature p{font-size:14px;line-height:1.9;margin-bottom:22px}.work-feature .tags{margin-bottom:27px}.preview-surface{position:relative;border:1px solid #56416c;border-radius:15px;overflow:hidden;background:#100c19;box-shadow:0 30px 80px #0005;aspect-ratio:1.55}.preview-surface>img,.preview-surface>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .3s}.preview-surface video{opacity:0}.preview-surface.playing video{opacity:1}.preview-chrome{height:30px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#1b1426;border-bottom:1px solid #382740;position:absolute;z-index:2;left:0;right:0;top:0}.preview-chrome i{width:5px;height:5px;border-radius:50%;background:#6e587a}.preview-chrome span{font:8px var(--mono);margin-left:10px;color:#a18cac}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font:9px var(--mono);color:var(--dim)}.preview-caption button{border:0;background:none;color:var(--lavender);font:10px var(--mono);padding:8px}.work-feature .feature-image:hover .preview-surface{border-color:#b086e5}.work-feature .feature-image{display:block}.experience-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:start}.experience-layout h2{font-size:clamp(35px,4vw,57px);margin:20px 0 25px}.experience-layout>.experience-copy p{font-size:14px;line-height:1.9;margin-bottom:22px}.experience-list article{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}.experience-list article:first-child{padding-top:0}.experience-list .num{font:10px var(--mono);color:var(--accent);padding-top:4px}.experience-list h3{font-size:18px;margin-bottom:11px}.experience-list p{font-size:12px;line-height:1.9}.enterprise-claim{border-left:2px solid var(--accent);padding:6px 0 6px 20px;font-size:12px!important}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.about-mark{aspect-ratio:1.1;display:grid;place-items:center;background:radial-gradient(ellipse at center,#5431752d,transparent 70%);border:1px solid var(--line);border-radius:24px}.about-mark img{width:62%}.about-grid .prose p{font-size:15px;line-height:1.9}.contact-choice{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.contact-choice h2{font-size:27px;margin:10px 0 15px}.contact-choice p{margin-bottom:25px;font-size:13px}.contact-address{color:var(--lavender);font-size:clamp(16px,2.2vw,25px);overflow-wrap:anywhere}.contact-choice .actions{margin-top:23px}.light-frame{border:1px solid var(--line);padding:35px;border-radius:20px;background:linear-gradient(150deg,#2a1a3b30,transparent)}.work-intro-note{margin-bottom:10px}.no-motion .hero-sequence{height:auto}.no-motion .hero-stage{position:relative;top:auto;height:auto;min-height:680px}.no-motion .hero-content{min-height:680px;transform:none!important;opacity:1!important}.no-motion .hero-bottom{opacity:1!important}.no-motion .hero-art{opacity:1!important;transform:none!important}.no-motion .scroll-text,.no-motion .sequence-end,.no-motion .progress-line{display:none}.no-motion .hero-logo{transform:translateY(-52%)!important}.no-motion .hero-logo .logo-glyph{transform:none!important;visibility:visible!important}.no-motion .preview-surface video{display:none}
@media(min-width:1700px){.hero-title{font-size:109px}.hero-art{right:5%;width:43%}.hero-logo{width:65%}}
@media(max-width:1100px){.hero-copy{max-width:70%}.hero-title{font-size:70px}.hero-description{max-width:480px;font-size:13px}.hero-art{width:47%;right:-2%}.hero-logo{left:23%;width:74%}.work-feature{gap:35px;grid-template-columns:.9fr 1.2fr}.experience-layout{gap:50px}.art-counter{display:none}}
@media(max-width:760px){.hero-stage{top:72px;height:calc(100svh - 72px);min-height:730px}.hero-content{align-items:flex-start;padding-top:36px}.hero-copy{max-width:none;padding-bottom:0;width:100%}.hero-copy .eyebrow{font-size:9px;margin-bottom:18px}.hero-title{font-size:clamp(45px,8.6vw,64px);max-width:660px}.hero-description{max-width:100%;font-size:12px;line-height:1.85;margin:22px 0}.hero-art{right:0;left:0;top:355px;height:255px;width:100%;opacity:.9}.hero-logo{width:190px;left:calc(50% - 95px);top:50%;transform:translateY(-40%)}.hero-art canvas{opacity:.2}.art-label,.art-axis{display:none}.hero-shortcuts{flex-wrap:wrap;gap:3px 12px;padding:12px 0}.hero-shortcuts .quick-label{width:100%;font-size:8px;margin-bottom:2px}.hero-shortcuts a{font-size:10px;gap:7px}.hero-shortcuts a span{font-size:8px}.hero-shortcuts .motion-button{font-size:8px}.scroll-text{padding:15px}.scroll-text h2{font-size:clamp(41px,8vw,65px)}.scroll-text p{font-size:12px;max-width:300px}.sequence-end h2{font-size:28px}.selected-work{padding:56px 0 20px}.work-feature,.work-feature+.work-feature{grid-template-columns:1fr;gap:25px;padding:32px 0 42px}.work-index{margin-bottom:10px}.work-feature h3{font-size:35px;margin:12px 0 16px}.work-feature p{font-size:13px;margin-bottom:18px}.work-feature .tags{margin-bottom:20px}.preview-caption{font-size:8px}.experience-layout{grid-template-columns:1fr;gap:38px}.about-grid{grid-template-columns:1fr;gap:30px}.about-mark{max-height:340px}.contact-choice{padding:22px}.no-motion .hero-stage,.no-motion .hero-content{min-height:730px}.expertise-inner{justify-content:start;gap:10px 19px}.expertise-inner p{width:100%;font-size:10px}}
@media(max-width:400px){.hero-art{top:395px;height:230px}.hero-description{font-size:11.5px}.hero-title{font-size:43px}.hero-stage{min-height:760px}.hero-shortcuts a{font-size:9px}.hero-copy .actions .button{font-size:11px;padding:11px 16px}.no-motion .hero-stage,.no-motion .hero-content{min-height:760px}}
@media(max-height:730px) and (min-width:761px){.hero-stage{min-height:590px}.hero-copy{padding-bottom:78px}.hero-title{font-size:63px}.hero-description{font-size:12px;margin:22px 0}.hero-content{align-items:start;padding-top:65px}}
@media print{.hero-sequence{height:auto}.hero-stage{position:static;height:auto;min-height:0}.hero-content{display:block}.hero-copy{padding:20px 0;max-width:none}.hero-art,.hero-bottom,.scroll-text,.sequence-end{display:none}.hero-title{font-size:42px}.hero-title span:last-child{color:#333;background:none}.work-feature{break-inside:avoid}.preview-surface{display:none}.work-feature{display:block}}

/* v0.5: individual vector faces, actual perspective rotations about each Y axis. */
.hero-logo{height:auto;filter:none;perspective:1350px;perspective-origin:50% 50%;transform-style:preserve-3d;overflow:visible}
.logo-glyph{position:absolute;transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:visible;will-change:transform}
.logo-glyph svg{display:block;width:100%;height:100%;overflow:visible;backface-visibility:visible}
.hero-art{overflow:visible}
.no-motion .hero-logo .logo-glyph{transform:none!important;visibility:visible!important}
@media(max-width:760px){.hero-logo{perspective:900px}}