:root{--ink:#172322;--paper:#f7f8f3;--muted:#606d68;--line:#d6dcd3;--green:#c5efcf;--dark:#0b1416}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #468e69;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:20}.skip:focus{top:12px}header{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:#f5f8f1;border-bottom:1px solid #ffffff14;position:relative;z-index:3}.wordmark{font-size:30px;font-weight:600;letter-spacing:-3px}.wordmark span{color:#96c7ae;font-weight:400}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{padding:12px 0}nav a:hover,.text-link:hover{color:#6c9b80}.nav-contact{border:1px solid #ffffff35;border-radius:30px;padding:11px 20px}.hero{position:relative;min-height:720px;height:calc(100svh - 80px);max-height:1040px;background:var(--dark);color:#f5f8f1;overflow:hidden;display:flex;align-items:center;padding:80px 7% 135px}canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.78}.hero-content{position:relative;z-index:1;max-width:890px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;line-height:1.7;margin:0 0 25px}.hero .eyebrow{color:#a7c0b5}h1{font-size:clamp(56px,6.7vw,104px);font-weight:400;line-height:1.04;letter-spacing:-5px;margin:0 0 28px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#c9ebd6}.intro{font-size:19px;line-height:1.6;color:#b7c6c0;max-width:500px;margin:0 0 33px}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:40px;align-items:center;padding:17px 23px;border-radius:50px;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.light{background:#e4f2e6;color:#152a21}.dark{background:var(--ink);color:white}.text-link{font-size:14px;padding:12px 0;border-bottom:1px solid #82998c}.text-link span{margin-left:15px}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8;letter-spacing:1px;color:#c5d2cb}.muted{color:#8ca399;letter-spacing:.3px}.availability{font-size:12px;letter-spacing:.1px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9dd9ad;margin-right:8px}#motion{background:transparent;color:#b6c7bd;border:1px solid #ffffff30;border-radius:20px;padding:9px 12px;font-size:11px;cursor:pointer}.wrap{width:86%;max-width:1240px;margin:auto}.bridge{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:110px;padding-bottom:110px}.bridge .eyebrow{padding-top:8px;color:var(--muted)}h2{font-size:clamp(34px,3.8vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0 0 26px}.bridge p:not(.eyebrow){max-width:660px;font-size:18px;line-height:1.7;color:var(--muted);margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.section-head h2{font-size:26px;letter-spacing:-.8px;margin:0}.section-head .eyebrow{margin:0;color:var(--muted)}.project{padding:38px 42px 0;border-radius:8px;margin:18px 0 34px}.copia{background:#e9eee4}.lume{background:#ece9e2}.project-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:48px}.project-heading .eyebrow{margin:0}.stage{font-size:11px;color:var(--muted);line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.project h3{font-size:47px;font-weight:400;letter-spacing:-2px;margin:0 0 30px}.project h3>span{display:block;font-size:12px;letter-spacing:0;color:var(--muted);margin-top:8px}.project h4,.agent-project h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;font-weight:400;margin:0 0 20px}.project p,.agent-project p{font-size:15px;line-height:1.75;color:#52605a;margin:0 0 22px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0}.tags span{border:1px solid #bac7b7;border-radius:30px;padding:7px 10px;font-size:10px}figure{margin:0}figcaption{font-size:9px;letter-spacing:1.2px;margin-bottom:24px;display:flex;justify-content:space-between;gap:15px}figcaption span{letter-spacing:0;opacity:.65}.architecture{background:#122722;color:#dbe9de;border-radius:5px;padding:25px 30px;position:relative}.flow-node{border:1px solid #496254;padding:15px 20px;border-radius:3px;position:relative}.flow-node small{font-size:8px;letter-spacing:1.2px;color:#95ac9b;display:block;margin-bottom:6px}.flow-node strong{font-size:17px;font-weight:400;display:block}.flow-node>span{font-size:11px;color:#a2b8a9;display:block;margin-top:6px}.flow-node.accent{background:#254b3b;border-color:#79ad89}.regimes{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;margin-top:10px;color:#c2d8c6}.connector{height:22px;width:1px;margin:auto;background:#688674}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px;padding:28px 0;border-top:1px solid #bdc8b9}.metrics strong{font-weight:400;font-size:31px;letter-spacing:-1px;display:block;margin-bottom:8px}.metrics span{font-size:11px;color:#58675c}details{border-top:1px solid #bdc8b9}summary{list-style:none;padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:300;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}.case-content{padding:25px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:22px 45px}.case-content .eyebrow{font-size:10px;margin-bottom:14px}.case-content h4{font-size:24px}.wide{grid-column:1/-1}.decision{display:flex;gap:25px;padding:25px;background:#ffffff65;border-radius:4px}.decision>span{font-size:30px}.decision p{margin:0}.project .note{font-size:11px;margin:0}.memory-map{padding:25px 30px;border-radius:5px;background:#f6f3ec;border:1px solid #d8d2c7}.memory-step{display:flex;gap:20px;align-items:center;padding:20px 0;position:relative}.memory-step>span{border-radius:50%;border:1px solid #c9beb0;font-size:10px;padding:12px}.memory-step:not(:last-of-type):after{content:'';position:absolute;left:18px;bottom:-8px;width:1px;height:16px;background:#c9beb0}.memory-step strong{font-size:21px;font-weight:400}.memory-step p{margin:6px 0 0;font-size:12px}.memory-loop{border-top:1px solid #ddd6ca;padding-top:15px;font-size:10px;color:#796c5a;display:flex;justify-content:space-between}.agent-project{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:65px 0 95px}.agent-project .eyebrow{font-size:10px}.agent-project summary{padding-bottom:0}.agent-notes{padding-top:22px}.background{background:#eaece6;padding:95px 0}.background-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:75px}.background-intro p{font-size:17px;line-height:1.75;color:var(--muted);margin:0}.timeline{margin-top:45px}.timeline>div{display:grid;grid-template-columns:.6fr 1.4fr 1.4fr;gap:30px;padding:27px 0;border-top:1px solid #cbd2c7}.timeline span{font-size:12px;color:var(--muted)}.timeline h3,.credentials h3{font-size:16px;font-weight:400;margin:0;line-height:1.5}.timeline p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px;padding-top:30px;border-top:1px solid #cbd2c7}.credentials h3{font-size:13px;margin-bottom:15px}.credentials p{font-size:12px;line-height:1.9;color:var(--muted)}.contact{padding-top:110px;padding-bottom:80px}.contact h2{font-size:clamp(40px,4.8vw,70px)}.contact>p:not(.eyebrow){color:var(--muted);font-size:14px}.email{display:inline-block;font-size:clamp(17px,2.1vw,30px);letter-spacing:-.6px;margin:30px 0;overflow-wrap:anywhere}.email span{margin-left:18px}.contact .citizenship{font-size:11px!important;margin-top:35px}footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}@media(min-width:1600px){.hero{padding-left:max(7%,calc((100% - 1240px)/2))}}@media(max-width:900px){.project-grid{gap:30px}.project{padding:30px 26px 0}.bridge{grid-template-columns:1fr 3fr;gap:25px}h1{letter-spacing:-3px}.project h4{font-size:25px}.architecture,.memory-map{padding:22px 20px}.background-intro{gap:35px}.timeline>div{grid-template-columns:.6fr 1.4fr}.timeline p{grid-column:2}.agent-project{gap:30px}}@media(max-width:640px){header{height:68px;padding:0 6%}nav{gap:18px;font-size:11px}.nav-contact{padding:9px 12px}nav a:first-child{display:none}.hero{min-height:720px;height:calc(100svh - 68px);padding:65px 7% 170px;align-items:center}h1{font-size:clamp(43px,10.5vw,67px);letter-spacing:-2.5px}.intro{font-size:16px;max-width:340px}.hero-content .eyebrow{font-size:9px}.actions{gap:20px}.button{gap:22px;font-size:12px;padding:15px 19px}.text-link{font-size:12px}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:16px;bottom:25px;font-size:8px}.availability{grid-column:1;font-size:10px}#motion{grid-column:2;grid-row:1/3;font-size:9px;padding:9px}.bridge{display:block;padding-top:65px;padding-bottom:60px}.bridge .eyebrow{margin-bottom:22px}h2{font-size:34px;letter-spacing:-1.3px}.bridge p:not(.eyebrow){font-size:16px}.section-head{align-items:start;gap:15px}.section-head .eyebrow{font-size:8px;max-width:95px;text-align:right}.section-head h2{font-size:23px}.project{padding:25px 20px 0}.project-heading{display:block;margin-bottom:30px}.project-heading .eyebrow{font-size:9px}.stage{display:block;margin-top:8px;font-size:10px}.project-grid,.case-content{grid-template-columns:1fr;gap:22px}.project h3{font-size:40px;margin-bottom:25px}.project h4{font-size:27px}.project p{font-size:14px}.project h3>span{font-size:10px}.metrics{gap:12px;margin-top:25px;padding:25px 0}.metrics strong{font-size:23px;letter-spacing:-.8px}.metrics span{font-size:9px;line-height:1.5;display:block}.lume .metrics strong{font-size:20px}.case-content{gap:15px}.wide{grid-column:auto}.decision{padding:20px 15px;gap:12px}.project .note{font-size:10px}.agent-project{grid-template-columns:1fr;gap:10px;padding:40px 0 60px}.background{padding:65px 0}.background-intro{display:block}.background-intro p{font-size:15px}.timeline{margin-top:35px}.timeline>div{grid-template-columns:1fr;gap:9px}.timeline p{grid-column:auto}.credentials{grid-template-columns:1fr;gap:15px;margin-top:25px}.credentials h3{margin-bottom:5px}.contact{padding-top:65px;padding-bottom:50px}.contact .eyebrow{font-size:9px}.contact h2{font-size:38px}.contact>p:not(.eyebrow){font-size:12px}.email{font-size:17px}.email span{margin-left:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* V2: product storytelling, portrait and scroll choreography */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#95cba8;transform:scaleX(0);transform-origin:left;z-index:25;pointer-events:none}
.hero-content{transform:translateY(var(--hero-shift,0px))}
.reveal-on-scroll{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.project-grid>:nth-child(2),.metrics>:nth-child(2),.credentials>:nth-child(2){transition-delay:.12s}.metrics>:nth-child(3),.credentials>:nth-child(3){transition-delay:.22s}
.portfolio-flow{align-self:center;padding:27px 30px 20px;overflow:hidden}.strategy-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.strategy-matrix>span{height:40px;border:1px solid #4b6758;border-radius:3px;display:flex;align-items:center;justify-content:space-around;background:#213d31}.strategy-matrix small{font-size:9px;color:#adc4b4}.strategy-matrix b{height:12px;width:22px;background:linear-gradient(135deg,transparent 38%,#9ed0aa 39%,#9ed0aa 46%,transparent 47%,transparent 56%,#9ed0aa 57%,#9ed0aa 65%,transparent 66%)}.project .diagram-label{text-align:center;font-size:10px;color:#b1c6b8;margin:14px 0 0}.broker-row{display:flex;justify-content:space-around;border-top:1px solid #678071;padding:19px 0 0;font-size:13px}.project .broker-note{font-size:9px;color:#b1c6b8;text-align:center;margin:12px 0 0}.portfolio-flow .connector{position:relative;overflow:hidden}.portfolio-flow.scene-visible .connector:after{content:'';position:absolute;inset:0;background:#dafce4;transform:translateY(-100%);animation:signal-flow 2.2s ease 3}.portfolio-flow.scene-visible .strategy-matrix>span{animation:strategy-light 1.1s ease both}.strategy-matrix>span:nth-child(4n+1){animation-delay:.1s}.strategy-matrix>span:nth-child(4n+2){animation-delay:.25s}.strategy-matrix>span:nth-child(4n+3){animation-delay:.4s}.strategy-matrix>span:nth-child(4n+4){animation-delay:.55s}
@keyframes signal-flow{to{transform:translateY(100%)}}@keyframes strategy-light{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
.lume-experience{padding:26px 20px 15px;background:#e1d9c8;border-radius:6px;overflow:hidden}.lume-experience figcaption{font-size:8px;gap:8px}.phone{max-width:295px;margin:auto;border:5px solid #26392f;border-radius:29px;background:#faf6eb;padding:17px 12px;box-shadow:0 16px 32px #26392f18;transform:rotate(2deg);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.scene-visible .phone{transform:rotate(0)}.phone-top{display:flex;gap:9px;align-items:center;border-bottom:1px solid #ddd6c8;padding-bottom:15px}.persona-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#668063;color:white;font-size:13px}.phone-top strong{font-size:12px;font-weight:500;display:block}.phone-top small{font-size:8px;color:#626e60}.phone-brand{margin-left:auto;font-family:Georgia,serif;font-size:18px;font-style:italic}.phone-chat{padding:17px 0 0}.chat-date{display:block;text-align:center;font-size:7px;letter-spacing:.8px;color:#77826f;margin-bottom:20px}.recall-card{border-left:2px solid #7b9473;background:#e8eadc;padding:12px;border-radius:3px;margin-bottom:20px}.recall-card small{font-size:7px;letter-spacing:1px;color:#4d6847}.project .recall-card p{font-family:Georgia,serif;font-size:14px;line-height:1.4;margin:6px 0}.recall-card>span{font-size:8px;color:#64705d}.project .chat-bubble{font-size:11px;line-height:1.5;padding:13px;margin:12px 0;border-radius:12px;max-width:90%}.project .user-bubble{margin-left:auto;background:#dce6d6;color:#32492e}.project .response-bubble{background:#efeadf;color:#4b5246}.chat-compose{border:1px solid #ddd7c9;border-radius:22px;display:flex;justify-content:space-between;margin-top:23px;padding:12px 10px;color:#717865;font-size:8px}.project .illustration-note{text-align:center;font-size:8px;color:#5d6654;margin:16px 0 0}.scene-visible .recall-card,.scene-visible .chat-bubble{animation:conversation-enter .85s ease both}.scene-visible .user-bubble{animation-delay:.2s}.scene-visible .response-bubble{animation-delay:.55s}@keyframes conversation-enter{from{transform:translateY(15px);opacity:0}to{transform:none;opacity:1}}
.lume-stack{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8f4ea;padding:24px;border-radius:4px;font-size:12px}.lume-stack b{font-weight:400;color:#61795d}.working-method{height:185vh;min-height:1000px;background:#101c1a;color:#ecf3ec;margin-top:70px}.method-sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:70px}.method-intro .eyebrow{color:#a9cab5}.method-intro h2{font-size:clamp(33px,3.8vw,53px);line-height:1.2}.method-intro h2 em{font-family:Georgia,serif;color:#bed9c5;font-weight:400}.method-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#adc2b5}.method-hint{display:block;margin-top:35px;font-size:9px;letter-spacing:2px;color:#a3bcae}.method-hint>span{margin-left:50px}.method-step{display:flex;gap:24px;border-top:1px solid #3f5548;padding:30px 0;transition:transform .6s,opacity .6s;opacity:.48;transform:translateX(10px)}.method-step.step-active{opacity:1;transform:none}.method-step.step-complete{opacity:.7;transform:none}.method-step>span{font-size:11px;color:#c0ddc7;padding-top:5px}.method-step h3{font-size:22px;line-height:1.25;font-weight:400;margin:0 0 13px;letter-spacing:-.6px}.method-step p{font-size:13px;color:#c3d1c8;line-height:1.7;margin:0 0 15px}.method-step small{font-size:8px;letter-spacing:1.1px;color:#a3c1ae}.portrait-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.portrait{max-width:350px}.portrait img{width:100%;height:auto;display:block;border-radius:5px}.portrait figcaption{font-size:8px;letter-spacing:1.4px;margin:17px 0 0;color:#5a6a5c}.portrait-intro .background-intro{display:block}.portrait-intro .background-intro h2{font-size:clamp(32px,3.5vw,51px)}.portrait-intro .background-intro p{max-width:630px}.motion-paused .reveal-on-scroll{opacity:1;transform:none;transition:none}.motion-paused .working-method{height:auto;min-height:0}.motion-paused .method-sticky{position:relative;min-height:0}.motion-paused .method-step{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .phone{transform:none}
@media(max-width:900px){.method-sticky{gap:35px}.portrait-intro{gap:35px}.lume .metrics strong{font-size:23px}}
@media(max-width:760px){.working-method{height:auto;min-height:0;margin-top:40px}.method-sticky{position:relative;display:block;min-height:0;padding-top:65px;padding-bottom:45px}.method-steps{margin-top:35px}.method-step{opacity:1;transform:none}.method-hint{display:none}.portrait-intro{grid-template-columns:.65fr 1fr;gap:25px}.portrait-intro .background-intro h2{font-size:30px}.portrait-intro .background-intro p{font-size:14px}}
@media(max-width:640px){.project-grid{gap:15px}.portfolio-flow{padding:22px 15px}.strategy-matrix{gap:6px}.strategy-matrix>span{height:35px}.broker-row{font-size:11px}.lume-experience{padding:22px 12px 12px}.lume-experience figcaption{flex-direction:column;gap:3px}.phone{max-width:275px}.metrics{grid-template-columns:1fr;gap:17px}.metrics>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.metrics strong,.lume .metrics strong{font-size:24px;margin:0;min-width:100px}.metrics span{font-size:10px;max-width:135px;text-align:right}.lume-stack{flex-direction:column;align-items:start;gap:15px}.lume-stack b{transform:rotate(90deg)}.portrait-intro{display:flex;flex-direction:column;align-items:stretch;gap:30px}.portrait{max-width:260px}.portrait-intro .background-intro h2{font-size:34px}.method-step{gap:18px}.method-intro h2{font-size:35px}.hero{min-height:710px}.phone .chat-bubble{font-size:11px}.reveal-on-scroll{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}.hero-content,.phone{transform:none}.working-method{height:auto;min-height:0}.method-sticky{position:relative;min-height:0}.method-step{opacity:1;transform:none}.reading-progress{display:none}}
@media print{.reveal-on-scroll,.method-step{opacity:1;transform:none}.working-method{height:auto;min-height:0}.method-sticky{position:static;min-height:0}}
.method-step{opacity:.78}.method-step.step-active{opacity:1}.method-step.step-complete{opacity:.86}
/* V3: continuous scroll detail and citizenship hierarchy */
.availability{display:flex;flex-direction:column;gap:2px}.availability small{display:block;padding-left:14px;color:#a7beb1;font-size:10px;letter-spacing:.5px}
.phone,.scene-visible .phone{transform:translateY(var(--phone-rise,0px)) scale(var(--phone-scale,1)) rotate(var(--phone-rotate,0deg));transition:transform .2s ease-out;transform-origin:center 65%}
.strategy-matrix>span{transition:background .5s,border-color .5s}.strategy-matrix>span.strategy-ready{background:#2d5340;border-color:#8ab498}.strategy-matrix>span b{opacity:.45;transition:opacity .5s,transform .5s}.strategy-matrix>span.strategy-ready b{opacity:1;transform:translateX(2px)}
.method-step{position:relative}.method-step:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:#b5dcc0;transform:scaleX(var(--step-progress,0));transform-origin:left;transition:transform .14s linear}.method-step>span{transition:color .4s}.method-step.step-active>span{color:#f0fff2}
.button span,.text-link span,.nav-contact span{display:inline-block;transition:transform .25s cubic-bezier(.2,.65,.2,1)}.button:hover span{transform:translateY(3px)}.text-link:hover span,.nav-contact:hover span{transform:translate(2px,-2px)}
summary{transition:color .25s}summary:hover{color:#39774f}details[open] .case-content{animation:detail-open .5s cubic-bezier(.2,.65,.2,1)}@keyframes detail-open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.portrait{overflow:hidden}.portrait img{transition:filter .6s;filter:saturate(.88)}.portrait:hover img{filter:saturate(1)}
.motion-paused .phone{transform:none}.motion-paused .hero-content{transform:none}.motion-paused .method-step:before{transform:scaleX(1)}
@media(max-width:640px){.availability small{font-size:9px;letter-spacing:.2px}.hero-bottom{align-items:center}.phone,.scene-visible .phone{transform:none}.method-step:before{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.phone,.scene-visible .phone{transform:none}.method-step:before{transform:scaleX(1)}details[open] .case-content{animation:none}}
/* V4: generated hero artwork; semantic content remains in HTML. */
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.87;pointer-events:none;transform:scale(1.025);animation:art-arrive 1.4s cubic-bezier(.2,.65,.2,1) both}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,20,22,.55),rgba(11,20,22,.2) 55%,transparent),linear-gradient(0deg,#0b1416 0%,rgba(11,20,22,0) 24%);z-index:0}.hero #signal-field{opacity:.32}.hero-bottom{z-index:1}
@keyframes art-arrive{from{opacity:0;transform:scale(1.07)}to{opacity:.87;transform:scale(1.025)}}
@media(max-width:640px){.hero-art{object-position:68% center;opacity:.46;animation:none;transform:none}.hero:after{background:linear-gradient(90deg,rgba(11,20,22,.68),rgba(11,20,22,.3)),linear-gradient(0deg,#0b1416,transparent 30%)}.hero #signal-field{opacity:.22}}
.motion-paused .hero-art{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none;transform:none}}
/* V5: artwork itself is animated; static source remains the no-GPU fallback. */
.hero-art{inset:auto;object-fit:contain;object-position:center;opacity:1;transform:none;animation:none;max-width:none}
#hero-surface{opacity:0;pointer-events:none;transition:opacity .7s ease}
.art-rendered #hero-surface{opacity:1}.art-rendered .hero-art{visibility:hidden}
.hero:after{background:linear-gradient(90deg,rgba(11,20,22,.88) 0%,rgba(11,20,22,.58) 33%,rgba(11,20,22,.12) 61%,transparent 78%),linear-gradient(0deg,#0b1416 0%,rgba(11,20,22,.1) 22%,transparent 45%)}
@media(max-width:640px){.hero:after{background:linear-gradient(90deg,rgba(11,20,22,.78),rgba(11,20,22,.30)),linear-gradient(0deg,#0b1416 0%,transparent 45%)}.hero-art{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#hero-surface{transition:none}}