@font-face{font-family:JZ;font-display:swap;src:url('assets/JZDisplay.woff?v=51658296d00a')}@font-face{font-family:JZText;font-display:swap;src:url('assets/JZText.woff?v=db416eac4fe5')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#090c10;color:#e8e2d6;font:15px/1.8 Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d3be94;outline-offset:5px}button{border:1px solid #ffffff20;background:transparent}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:JZ,JZText,'Songti SC',serif;font-weight:500;line-height:1.4}h2{font-size:clamp(32px,4vw,54px);letter-spacing:2px}h3{font-size:27px}p{color:#a3a7aa}em{font-style:normal;color:#d3be94}.wrap{width:min(1280px,88%);margin:auto}.section{padding:120px 0;border-bottom:1px solid #ffffff14}.eyebrow{display:block;color:#d3be94;font-size:11px;letter-spacing:3px;margin-bottom:22px}.muted,.note{color:#858e95}.note{font-size:12px;margin-top:18px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.heading p{max-width:400px}header{height:85px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;background:#090c10ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.logo{width:112px}nav{display:flex;gap:36px;font-size:13px}nav a:hover{color:#d3be94}.header-action{font-size:12px;border-bottom:1px solid #d3be94;padding:8px 0}.menu{display:none}.eyeline{display:flex;justify-content:space-between;color:#6f797f;letter-spacing:2px;font-size:10px;padding:24px 0}.hero-copy{text-align:center;padding:48px 0 10px}.hero-copy h1{font-size:clamp(42px,5.4vw,74px);letter-spacing:6px}.hero-copy h1 em{margin-left:22px}.hero-copy p{margin:18px 0 26px}.actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.button{padding:12px 25px;border:1px solid #d3be9460;display:inline-flex;align-items:center;gap:28px;font-size:13px}.button:hover{background:#d3be9418}.solid{background:#d3be94;color:#101316}.solid:hover{background:#e8d8b9}.stage-slot{position:relative;overflow:hidden;background:#080b0e;isolation:isolate}.hero-stage{height:500px;margin-top:10px}.fallback{width:100%;height:100%;object-fit:cover;transition:opacity .5s}.stage-slot.live .fallback{opacity:0}.stage-edge{position:absolute;top:38%;z-index:4;display:flex;flex-direction:column;font-size:11px;color:#77838a}.stage-edge b{font-weight:400;color:#d3be94;font-size:15px;letter-spacing:3px}.stage-edge.left{left:20px}.stage-edge.right{right:20px;text-align:right}.stage-controls{position:absolute;bottom:15px;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:15px;z-index:5;font-size:10px;letter-spacing:1px;color:#9da5aa}.stage-controls button{background:#0b1018d9;padding:5px 12px;min-height:36px}.stage-controls .motion-toggle{position:absolute;right:18px;font-size:10px}.hero-bottom,.under{display:flex;justify-content:space-between;color:#78828a;border-top:1px solid #ffffff17;padding:20px 0;font-size:11px}.film{padding:100px 0 0}.film video{width:100%;aspect-ratio:16/9;background:#030505;display:block;border:1px solid #d3be9440}.entry-grid{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #ffffff1c}.entry-options button{display:grid;grid-template-columns:1fr 25px;width:100%;text-align:left;padding:24px 30px;border:0;border-bottom:1px solid #ffffff17}.entry-options button span{font-size:10px;letter-spacing:2px;color:#8a959c}.entry-options button strong{grid-column:1;font-size:21px;font-weight:400}.entry-options button small{grid-column:1;color:#7f8b91}.entry-options button b{grid-column:2;grid-row:2;color:#d3be94}.entry-options button[aria-selected=true]{background:#d3be9410;border-left:2px solid #d3be94}.entry-panel{padding:42px;background:linear-gradient(125deg,#17232380,transparent)}.entry-panel h3{margin-bottom:20px}.converge{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:40px 0;color:#d3be94}.converge span{border:1px solid #d3be9440;padding:8px 15px}.converge i{width:30px;height:1px;background:#d3be94}.converge b{font-weight:400}.journey-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:start}.journey-stage{position:sticky;top:110px}.story-stage{height:470px;border:1px solid #ffffff15}.stage-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;z-index:4;color:#d3be94}.scene-nav{display:flex;gap:5px;margin-top:15px}.scene-nav button{flex:1;padding:10px 0;font-size:12px}.scene-nav button.active{background:#d3be94;color:#101316}.chapters article{min-height:470px;padding:80px 0;opacity:.38;transition:opacity .4s;border-bottom:1px solid #ffffff15}.chapters article.active{opacity:1}.chapters article>span{font-size:11px;letter-spacing:3px;color:#d3be94}.chapters h3{margin:22px 0}.chapters li{color:#9da5aa;font-size:13px;margin:8px 0}.chapters ul{padding-left:18px}.change-section{background:radial-gradient(ellipse at 25% 40%,#19272188,transparent 65%)}.change-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.change-switch{display:flex;gap:10px}.change-switch button{padding:9px 24px}.change-switch button.active{color:#d3be94;border-color:#d3be94}.room-plan{display:flex;height:260px;margin-top:30px;border:2px solid #d3be9480;padding:14px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#d3be9408 24px)}.room-plan>div{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d3be9450}.living{flex:1;color:#84918c}.kitchen{width:38%;background:#d3be9418;transition:width .8s;color:#d3be94}.room-plan.changed .kitchen{width:48%;background:#d3be9430}.kitchen strong{font-size:25px}.dimension{font-size:11px;color:#8c9992;text-align:center;margin-top:12px}.impact-list h3{margin-bottom:20px}.impact-list>div{display:grid;grid-template-columns:35px 1fr;padding:20px 0;border-top:1px solid #ffffff19}.impact-list>div span{color:#d3be94}.impact-list strong{font-weight:400}.impact-list p{grid-column:2;font-size:13px}.delivery-grid,.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.delivery-card{text-align:left;padding:0 0 25px;overflow:hidden;transition:transform .3s;background:#10161a}.delivery-card:hover{transform:translateY(-6px)}.delivery-card img{width:100%;height:210px;object-fit:cover}.delivery-card span,.delivery-card h3,.delivery-card p{margin:15px 24px 0;display:block}.delivery-card span{font-size:10px;letter-spacing:2px;color:#d3be94}.delivery-card h3{font-size:25px}.delivery-card p{font-size:12px}.quote-strip{padding:25px;border:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:24px;color:#d3be94}.quote-strip p{font-size:12px}.team-image{width:100%;max-height:520px;object-fit:cover;border:1px solid #ffffff17}.three-cols article{padding:30px 10px}.three-cols h3{font-size:24px;margin:10px 0}.three-cols p{font-size:13px}.three-cols span{color:#d3be94;font-size:11px}.assistant{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#14202088;border:1px solid #ffffff16;padding:42px;margin-top:35px}.assistant h3{margin-bottom:18px}.chat{background:#090e12;padding:25px}.chat p{font-size:13px;margin-bottom:16px}#chat-question{color:#d3be94}#chat-answer{min-height:80px}.chat button{font-size:11px;padding:5px 10px;margin:4px}.chat button.active{border-color:#d3be94}.foundation{background:#0c1216}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.stats strong{display:block;color:#d3be94;font-size:50px;font-weight:300}.stats span{color:#9ca8ac}.roadmap{border-top:1px solid #ffffff20;margin-top:50px;padding-top:30px;display:flex;justify-content:space-between;gap:40px}.roadmap h3{white-space:nowrap}.cooperation{text-align:center}.cooperation .heading{justify-content:center}.cooperation>p{max-width:700px;margin:auto}.cooperation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0;text-align:left}.cooperation-steps>div{border-top:1px solid #d3be9440;padding:24px}.cooperation-steps span{color:#d3be94;font-size:12px}.cooperation-steps h3{font-size:24px;margin:10px 0}.cooperation-steps p{font-size:13px}.brand-ending{text-align:center;padding:100px 0 70px}.brand-ending img{width:105px;margin:0 auto 30px}.brand-ending p{font-family:JZ,serif;font-size:28px;letter-spacing:7px;color:#d3be94}footer{display:flex;justify-content:space-between;padding:25px 6%;border-top:1px solid #ffffff14;font-size:11px;color:#69767c}#webgl-layer{position:fixed;pointer-events:none;z-index:3;overflow:hidden;display:none}#webgl-layer iframe{width:100%;height:100%;border:0}dialog{background:#111a20;color:#e8e2d6;border:1px solid #d3be9450;padding:38px;width:min(1000px,92vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:14px;top:10px;padding:3px 12px}dialog h2{font-size:30px;margin-bottom:20px}dialog img{width:100%;max-height:65vh;object-fit:contain}#brief-dialog{max-width:650px}form label{display:block;margin:18px 0;color:#b5bdc0}form select,form textarea{display:block;width:100%;background:#090f14;color:#e8e2d6;border:1px solid #ffffff30;padding:12px;margin-top:7px}form textarea{min-height:90px;resize:vertical}form .button{margin-top:15px}#brief-status{color:#d3be94;font-size:13px;margin-top:15px}@media(min-width:1500px){.hero-stage{height:550px}}@media(max-width:900px){nav{gap:18px}.journey-layout{gap:30px;grid-template-columns:1.2fr 1fr}.story-stage{height:380px}.stage-edge{display:none}.change-layout{gap:35px}.heading p{max-width:300px}.hero-copy h1 em{display:block;margin:0}.delivery-card img{height:150px}.assistant{gap:25px;padding:25px}.quote-strip{display:block}}@media(max-width:650px){header{height:65px}.logo{width:90px}.menu{display:block;padding:5px 12px}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#10181e;padding:22px 6%;flex-direction:column}nav.open{display:flex}.header-action{margin-left:auto;margin-right:20px}.wrap{width:89%}.eyeline{font-size:8px}.eyeline span:last-child{display:none}.hero-copy{padding-top:30px}.hero-copy h1{font-size:40px;letter-spacing:3px}.hero-copy p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.button{padding:10px 15px;gap:14px;font-size:12px}.hero-stage{height:330px}.stage-controls{gap:9px;bottom:12px}.stage-controls .motion-toggle{right:8px;bottom:45px}.hero-bottom span:nth-child(2){display:none}.hero-bottom{font-size:9px}.film{padding-top:65px}.heading{display:block;margin-bottom:30px}.heading p{margin-top:20px;max-width:none;font-size:13px}.heading>.muted{display:block;margin-top:15px;font-size:11px}h2{font-size:31px}.section{padding:75px 0}.entry-grid,.change-layout,.assistant{grid-template-columns:1fr}.entry-options{display:flex}.entry-options button{padding:16px 10px;display:block;flex:1}.entry-options button strong{display:block;font-size:16px}.entry-options button small,.entry-options button b{display:none}.entry-options button span{font-size:8px}.entry-panel{padding:25px}.entry-panel h3{font-size:23px}.entry-panel p{font-size:13px}.converge{gap:9px}.converge span{padding:5px 9px}.journey-layout{display:block}.journey-stage{top:65px;z-index:5;background:#090c10;padding:10px 0}.story-stage{height:280px}.scene-nav{margin-top:8px}.scene-nav button{padding:7px 0}.journey-stage .note{font-size:10px;margin-top:7px}.chapters article{min-height:350px;padding:50px 8px;scroll-margin-top:440px}.chapters h3{font-size:26px}.chapters p{font-size:13px}.change-layout{gap:30px}.delivery-grid{grid-template-columns:1fr}.delivery-card img{height:220px}.three-cols{grid-template-columns:1fr;gap:0}.three-cols article{padding:20px 0;border-bottom:1px solid #ffffff17}.assistant{padding:24px}.stats{grid-template-columns:1fr 1fr;gap:30px}.stats strong{font-size:40px}.roadmap{display:block}.roadmap p{margin-top:20px;font-size:13px}.cooperation-steps{grid-template-columns:1fr;gap:0}.brand-ending{padding:65px 0}.brand-ending p{font-size:22px}footer{display:block}dialog{padding:30px 20px}dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body.reduced{scroll-behavior:auto}body.reduced *{transition:none!important}
.deliveries{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stats{margin-top:45px}.stats small{font-size:15px;margin-left:4px}.quote-strip{flex-wrap:wrap;gap:20px}.quote-strip h3{font-size:24px}.quote-strip .eyebrow{margin:0}.quote-equation{font-size:12px}.room-plan{position:relative}.dimension{position:absolute;bottom:17px;left:24px}.cooperation>p{margin-top:20px}.cooperation-steps>span{padding:20px 0;border-top:1px solid #d3be9440;font-size:13px;color:#b6b5ac}.brand-ending h2{font-size:32px}.brand-ending p{font-size:13px;margin-top:20px;letter-spacing:4px}@media(max-width:650px){.deliveries{grid-template-columns:1fr}.brand-ending h2{font-size:24px}}

img{height:auto}.fallback{height:100%}.team-image{height:auto}.brand-ending img{height:auto}.logo img{width:100%;height:auto}

.stage-slot{isolation:auto}.stage-slot.live{background:transparent}.journey-stage{z-index:4}@media(max-width:650px){.journey-stage{background:transparent}.scene-nav,.journey-stage>.note{background:#090c10}.hero-copy{padding-top:18px}.hero-stage{height:300px}}

@media(max-width:650px){.roadmap h3{white-space:normal}.journey-stage{background:linear-gradient(to bottom,#090c10 10px,transparent 10px,transparent 290px,#090c10 290px);padding-bottom:10px}}

html:has(body.reduced){scroll-behavior:auto}

@media(min-width:901px){.hero-copy{padding-top:30px}.hero-stage{height:440px}}
.entry-visual{width:100%;height:180px;object-fit:cover;object-position:center;margin:24px 0;border:1px solid #d3be9433}.entry-panel .converge{margin:20px 0}.chapters article{min-height:350px;padding:55px 0}.room-plan.changed{border-color:#e8d09b;box-shadow:inset 0 0 28px #d3be941c}.room-plan.changed .living{border-right:2px solid #e8d09b}.room-plan.changed .dimension{color:#e8d09b}.room-plan.changed+.note{color:#d3be94}@media(max-width:650px){.journey-stage{position:relative;top:auto;background:none}.chapters article{display:none;min-height:0;padding:30px 8px;opacity:1}.chapters article.active{display:block}.entry-visual{height:140px}.story-stage{height:280px}.journey-stage .note{background:none}.scene-nav{background:none}}
.stage-slot::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(180deg,transparent 46%,#d3be9414 50%,transparent 54%);background-size:100% 250%;animation:stage-scan 9s ease-in-out infinite}.change-marker{display:none;position:absolute;right:16px;top:16px;color:#e8d09b;font-size:11px;background:#101b19;padding:3px 8px}.room-plan.changed .change-marker{display:block}.impact-badge{display:none;font:11px Arial,sans-serif;color:#d3be94;border:1px solid #d3be9460;padding:3px 8px;margin-left:8px}.impact-list.changed .impact-badge{display:inline-block}.impact-list.changed>div{border-color:#d3be9460}.impact-list.changed>div span{color:#f2d798}@keyframes stage-scan{0%,100%{background-position:0 100%}50%{background-position:0 0}}body.reduced .stage-slot::after{animation:none;display:none}@media(prefers-reduced-motion:reduce){.stage-slot::after{animation:none;display:none}}
.faq-list{border-top:1px solid #ffffff22;max-width:950px;margin-left:auto}.faq-list details{border-bottom:1px solid #ffffff22}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4px;color:#e8e2d6;font-family:JZText,'Microsoft YaHei',sans-serif;font-size:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';color:#d3be94;font:24px Arial}.faq-list details[open] summary::after{content:'−'}.faq-list details p{max-width:760px;padding:0 38px 25px 4px;font-size:14px}.faq-list summary:focus-visible{outline:2px solid #d3be94;outline-offset:3px}@media(max-width:650px){.faq-list summary{font-size:15px;padding:20px 2px}.faq-list details p{font-size:13px;padding-bottom:20px}}
.hero-film{padding:32px 0 0;max-width:1100px;margin:auto}.hero-film .heading{margin-bottom:14px}.hero-film .heading h2{font-size:clamp(20px,2vw,28px)}.hero-film .eyebrow{margin-bottom:6px}.hero-film video{max-height:65vh;object-fit:contain}.hero-film .under{padding:10px 0}.hero-stage{margin-top:25px}@media(max-width:650px){.hero-film{padding-top:25px}.hero-film .heading{display:flex;align-items:end}.hero-film .heading h2{font-size:20px}.hero-film .heading>.muted{margin:0;font-size:9px;white-space:nowrap}.hero-film video{max-height:none}.hero-stage{margin-top:10px}}
@media(min-width:901px){.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:42px;align-items:center}.hero .eyeline,.hero .hero-stage,.hero .hero-bottom{grid-column:1/-1}.hero-copy{text-align:left;padding:0}.hero-copy h1{font-size:clamp(38px,4.2vw,64px);letter-spacing:3px}.hero-copy h1 em{display:block;margin-left:0}.hero-copy .actions{justify-content:flex-start}.hero-film{width:100%;padding:0}.hero-film video{max-height:none}.hero-film .heading h2{font-size:22px}.hero-stage{margin-top:45px}}@media(max-width:650px){.hero-copy{padding-top:8px}.hero-copy h1{font-size:34px}.hero-copy p{margin:10px 0 16px}.hero-film{padding-top:15px}.hero-film .eyebrow{display:none}}
body{font-size:16px}.eyebrow{font-size:13px}.eyeline,.hero-bottom,.under{font-size:12px}.stage-controls,.stage-top{font-size:12px}.entry-options button span,.delivery-card span,.chapters article>span,.three-cols span{font-size:12px}.delivery-card p,.three-cols p,.chat p,.chapters li,.impact-list p{font-size:15px}.scene-nav button{font-size:14px}.chat button{font-size:13px}.stage-controls .motion-toggle{font-size:12px}footer{font-size:13px}@media(max-width:650px){.eyeline{font-size:11px}.hero-copy p,.heading p,.entry-panel p,.chapters p,.roadmap p{font-size:15px}.eyebrow{font-size:12px}.hero-bottom{font-size:11px}.entry-options button span{font-size:10px}.button{font-size:14px}.stage-controls{font-size:11px}.stage-controls .motion-toggle{font-size:11px}}
.form-privacy{font-size:14px;color:#b6bfc3;margin:12px 0}
/* Brand refinement: large typography, architectural light, quiet surfaces. */
:root{--gold:#d9c295;--ice:#8fc7d0}
body{background:#070b10;color:#f0ece3}main{position:relative;overflow:clip}.wrap{width:min(1360px,88%)}
.ambient-field{position:absolute;inset:0 0 auto;height:1100px;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 75% 30%,#20434c44,transparent 48%),radial-gradient(ellipse at 15% 15%,#9b763b26,transparent 48%)}
.ambient-field i{position:absolute;width:800px;height:800px;left:42%;top:-300px;border:1px solid #cceafa12;border-radius:50%;transform:rotateX(55deg) rotate(-25deg);box-shadow:0 0 90px #9fcbd00a;animation:field-drift 18s ease-in-out infinite alternate}.ambient-field i:nth-child(2){width:1100px;height:1100px;left:30%;top:-450px;animation-delay:-6s}.ambient-field i:nth-child(3){width:1400px;height:1400px;left:18%;top:-600px;animation-delay:-12s}
@keyframes field-drift{to{transform:translate3d(30px,50px,0) rotateX(55deg) rotate(10deg)}}
header{height:88px;background:#070b10cc;border-bottom-color:#c4d9e51a}.logo{width:132px}nav{font-size:15px;gap:32px}.header-action{font-size:15px}nav a{transition:color .25s}
.hero{padding-top:72px}.product-category{display:inline-flex;align-items:center;gap:12px;font-size:17px;color:var(--gold);margin-bottom:22px}.product-category:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px #e8ca86}
.hero-copy h1{font-size:clamp(44px,4.6vw,72px);letter-spacing:2px;line-height:1.25}.hero-copy h1 em{background:linear-gradient(110deg,#fff1d0,#c3a36c 60%,#f8e9c5);background-clip:text;color:transparent}.hero-copy p{font-size:17px;line-height:1.9;margin:24px 0 32px;color:#b2bdc6}.button{font-size:15px;border-radius:4px;min-height:50px;transition:background .25s,box-shadow .25s,transform .25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 35px #d9c29518}.solid{background:linear-gradient(120deg,#eee0bd,#c6aa75);border-color:#e4cc9b}
.hero-film{position:relative}.hero-film .heading h2{font-family:JZText,'Microsoft YaHei',sans-serif;font-size:21px;letter-spacing:1px}.hero-film video{width:100%;display:block;border:1px solid #d9c29566;border-radius:8px;box-shadow:0 24px 80px #0009,0 0 65px #a9d3e012;aspect-ratio:16/9;background:#000}.hero-film:after{content:'';display:block;width:55%;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#e5c787,transparent);box-shadow:0 0 20px #e5c78766}
.hero-stage{height:500px;margin-top:72px;border:1px solid #9fcbd026;border-radius:12px;background:radial-gradient(ellipse at 50% 90%,#1b3b4244,transparent 65%)}.stage-slot:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 65px #060a1099}.stage-controls{font-size:14px;bottom:22px;gap:20px}.stage-controls button{border-color:#bad5df33;border-radius:4px;min-height:42px}.stage-controls .motion-toggle{font-size:14px}.stage-top{font-size:15px}.story-stage{border:1px solid #9fcbd030;border-radius:10px}
.section{padding:112px 0;border-bottom-color:#c4d9e514}.heading h2{font-size:clamp(32px,3.6vw,52px);line-height:1.4}.heading p{font-size:17px;line-height:1.9}.eyebrow{font-size:16px;letter-spacing:1px}.entry-panel,.assistant,.quote-strip{background:linear-gradient(135deg,#15212be0,#0b1118);border:1px solid #b7d6e326;border-radius:10px}.entry-options button{transition:background .3s,border-color .3s}.entry-options button[aria-selected=true]{background:linear-gradient(90deg,#d9c29519,transparent);border-left:2px solid var(--gold)}.entry-options button small{font-size:15px}.entry-visual{height:240px;border-radius:5px}.scene-nav button{font-size:15px;min-height:46px}.scene-nav button.active{background:#d9c29518;box-shadow:inset 0 -2px var(--gold)}
.delivery-card{padding:18px;background:linear-gradient(145deg,#17232c99,#090e15);border:1px solid #b7d6e326;border-radius:10px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.delivery-card:hover{transform:translateY(-7px);border-color:#d9c29588;box-shadow:0 20px 60px #0006}.delivery-card img{height:240px;border-radius:4px;transition:transform .6s}.delivery-card:hover img{transform:scale(1.025)}.delivery-card span{font-size:15px}.delivery-card h3{font-size:25px;margin:14px 0}.quote-strip{padding:32px;align-items:center}.quote-strip p,.quote-equation{font-size:16px}.three-cols article{border-top:1px solid #b7d6e326}.three-cols h3{font-size:28px}.team-image{border-radius:10px}.chat{border:1px solid #9fcbd030;border-radius:8px}.chat-label{font-size:15px;color:#a6b7c4}.chat button{font-size:14px;min-height:40px}.foundation{background:radial-gradient(ellipse at 50% 100%,#1c394166,transparent 75%),#0a1016}.stats strong{font-size:clamp(42px,5vw,72px);color:#e8d4ac}.stats span{font-size:17px}.roadmap h3{white-space:normal}.cooperation{position:relative}.cooperation:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#a9894820,transparent 65%)}.cooperation>*{position:relative}.cooperation-steps>span{font-size:16px}.brand-ending img{width:140px}.brand-ending p{font-size:17px}.faq-list details p{font-size:16px}.faq-list summary{font-size:19px}footer{font-size:14px}
@media(max-width:900px){.hero{padding-top:38px}.hero-copy{text-align:center}.hero-copy h1 em{display:block}.hero-film{margin-top:32px}.hero-stage{margin-top:40px}.delivery-card img{height:160px}nav{gap:16px;font-size:14px}}
@media(max-width:650px){header{height:72px}.logo{width:112px}nav{top:72px}.header-action{font-size:14px;margin-right:12px}.hero{padding-top:30px}.hero-copy h1{font-size:44px}.product-category{font-size:16px;margin-bottom:18px}.hero-copy p{font-size:16px;margin:20px 0 24px}.hero-film{margin-top:26px;padding:0}.hero-film .heading h2{font-size:20px}.hero-stage{height:320px;margin-top:32px}.section{padding:72px 0}.heading p{font-size:16px}.heading h2{font-size:32px}.stage-controls{font-size:13px;gap:12px}.stage-controls .motion-toggle{font-size:13px;bottom:48px}.entry-visual{height:170px}.delivery-card img{height:230px}.assistant{padding:20px}.quote-strip{padding:24px}.brand-ending h2{font-size:25px}.brand-ending img{width:120px}.cooperation-steps{gap:8px}.ambient-field{height:900px}.faq-list summary{font-size:17px}.stats span{font-size:16px}}
body.reduced .ambient-field i{animation:none}
@media(prefers-reduced-motion:reduce){.ambient-field i{animation:none}.delivery-card:hover,.button:hover{transform:none}}
.scene-nav button.active{color:#f2dfb7}
/* Four-part homepage: one interactive stage, no scroll-driven chapters. */
.hero{padding-bottom:80px;min-height:580px}.hero-copy .actions{gap:12px}.journey-layout{display:block}.journey-stage{position:relative;top:auto;background:none;padding:0}.story-stage{height:540px}.scene-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 0}.scene-nav button{min-height:54px;font-size:17px;border-radius:5px}.chapters{margin-top:30px;min-height:110px}.chapters article{display:none;min-height:0;padding:0;opacity:1}.chapters article.active{display:flex;align-items:baseline;justify-content:space-between;gap:40px}.chapters article[hidden]{display:none}.chapters h3{font-size:30px;white-space:nowrap}.chapters p{font-size:17px;max-width:660px}.stage-controls .render-state{font-size:14px}.stage-controls .motion-toggle{right:20px;bottom:0}.delivery-card{text-align:left}.delivery-card h3{display:flex;justify-content:space-between}.delivery-card h3 span{font-size:22px}.quantity-visual{height:240px;position:relative;display:flex;align-items:center;justify-content:center;gap:36px;background:radial-gradient(ellipse,#223943,#0b1118 75%);border-radius:4px;overflow:hidden}.quantity-stack{position:relative;width:90px;height:120px;transform:skewY(-18deg)}.quantity-stack i{position:absolute;inset:0;border:1px solid #dfc490;background:linear-gradient(145deg,#27343d,#0f1820);box-shadow:0 16px 35px #0007}.quantity-stack i:nth-child(1){transform:translate(-14px,14px);opacity:.4}.quantity-stack i:nth-child(2){transform:translate(-7px,7px);opacity:.7}.quantity-stack i:nth-child(3):after{content:'';position:absolute;inset:22px 15px;background:repeating-linear-gradient(0deg,transparent 0 14px,#d8bd8566 14px 15px)}.quantity-lines{width:100px;display:grid;gap:18px}.quantity-lines i{height:6px;background:linear-gradient(90deg,#dfc490,#7ba6b34d);border-radius:3px}.quantity-lines i:nth-child(2){width:75%}.quantity-lines i:nth-child(3){width:90%}.quantity-lines i:nth-child(4){width:55%}.quantity-card:hover{transform:none}.cooperation>.actions{margin-top:32px}.compact-faq{text-align:left;max-width:900px;margin:65px auto 0;border-top:1px solid #ffffff25}.compact-faq>summary{font-size:19px;cursor:pointer;padding:24px 0;color:#d9c295}.compact-faq .faq-list{margin:0;border-top:0}.compact-faq .faq-list summary{font-size:17px}.compact-faq .faq-list p{font-size:16px}.cooperation{border-bottom:0}footer{padding-top:28px;padding-bottom:28px}
@media(max-width:900px){.hero{padding-bottom:60px}.story-stage{height:450px}.chapters article.active{display:block}.chapters p{margin-top:12px}.quantity-visual{height:160px;gap:15px}.quantity-stack{width:60px;height:90px}.quantity-lines{width:65px}}
@media(max-width:650px){.hero{min-height:0;padding-bottom:55px}.story-stage{height:330px}.scene-nav{gap:6px;margin-top:14px}.scene-nav button{font-size:15px;min-height:46px;padding:6px 0}.chapters{min-height:155px;margin-top:24px}.chapters h3{font-size:25px;white-space:normal}.chapters p{font-size:16px}.stage-controls{bottom:14px;gap:12px}.stage-controls .render-state{display:none}.stage-controls .motion-toggle{position:static;font-size:13px}.quantity-visual{height:230px;gap:36px}.quantity-stack{width:90px;height:120px}.quantity-lines{width:100px}.compact-faq{margin-top:40px}.cooperation .actions{flex-direction:column;align-items:stretch}.cooperation .button{justify-content:center}}

.mobile-break{display:none}@media(max-width:650px){.mobile-break{display:block}}
/* Lightweight micro-interactions; no additional assets or rendering loop. */
@keyframes enter-view{from{opacity:.25;translate:0 18px}to{opacity:1;translate:0 0}}
.enter-view{animation:enter-view .65s cubic-bezier(.2,.7,.2,1) both}
.button{position:relative;overflow:hidden;transition:transform .22s,background .25s,box-shadow .25s,border-color .25s}
.button:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#fff3 48%,transparent 80%);transform:translateX(-130%);transition:transform .65s}
@media(hover:hover) and (pointer:fine){.button:hover:before{transform:translateX(130%)}.button:hover{border-color:#f0d8a7;box-shadow:0 0 24px #d9c29525}.delivery-card.pointer-active{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px)}}
.button:active{transform:translateY(1px) scale(.985)}
.delivery-card{position:relative;transition:transform .28s ease-out,border-color .3s,box-shadow .3s}
.delivery-card:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--light-x,50%) var(--light-y,50%),#e9d2a71c,transparent 75%);transition:opacity .3s}
.delivery-card.pointer-active:after{opacity:1}
.scene-nav{--step:0;--nav-gap:10px;position:relative;isolation:isolate}
.scene-nav:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 0;width:calc((100% - 4 * var(--nav-gap))/5);background:linear-gradient(150deg,#e0c58e22,#d9c29508);border:1px solid #d9c29566;border-bottom:2px solid #e3c991;border-radius:5px;transform:translateX(calc(var(--step) * (100% + var(--nav-gap))));transition:transform .4s cubic-bezier(.22,.8,.25,1);pointer-events:none}
.scene-nav button{transition:color .25s,border-color .25s}.scene-nav button.active{background:transparent;box-shadow:none;border-color:transparent}
@keyframes chapter-enter{from{opacity:.3;translate:0 6px}to{opacity:1;translate:0 0}}
.chapters article.active{animation:chapter-enter .38s ease-out}
.effects-paused .ambient-field i,.effects-paused .stage-slot:after{animation-play-state:paused}
.effects-paused .enter-view,.effects-paused .chapters article.active{animation:none}
.effects-paused .delivery-card,.effects-paused .button{transform:none!important}
.effects-paused .delivery-card:after{opacity:0}
.effects-paused .button:before{display:none}
.effects-paused .scene-nav:before{transition:none}
body.reduced *,body.reduced *:before,body.reduced *:after{animation:none!important;transition:none!important}
@media(max-width:650px){.scene-nav{--nav-gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.delivery-card,.button{transform:none!important}}
/* More visible motion, retaining the quiet black/gold palette. */
@keyframes enter-view{from{opacity:.15;translate:0 38px}to{opacity:1;translate:0 0}}
.enter-view{animation-duration:.9s;animation-fill-mode:backwards}
.deliveries .delivery-card:nth-child(2){animation-delay:.12s}.deliveries .delivery-card:nth-child(3){animation-delay:.24s}
@keyframes chapter-enter{from{opacity:.15;translate:24px 0}to{opacity:1;translate:0 0}}
.chapters article.active{animation-duration:.55s}
.ambient-field:before,.ambient-field:after{content:'';position:absolute;width:65%;height:650px;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#c79b4a38,transparent 65%);animation:ambient-sweep 9s ease-in-out infinite alternate;transform-origin:center}
.ambient-field:before{left:-18%;top:-120px}.ambient-field:after{right:-20%;top:120px;background:radial-gradient(ellipse,#559bbd33,transparent 65%);animation-delay:-5s}
@keyframes ambient-sweep{from{transform:translate3d(-30px,-25px,0) scale(.85);opacity:.5}to{transform:translate3d(100px,60px,0) scale(1.2);opacity:1}}
.ambient-field i{border-color:#d3e7ed28;animation-duration:10s}
.hero-film:after{width:65%;height:2px;animation:film-light 4s ease-in-out infinite alternate;background:linear-gradient(90deg,transparent,#f9dca0,transparent);box-shadow:0 0 22px #e5c78788}
@keyframes film-light{from{transform:translateX(-18%);opacity:.3}to{transform:translateX(18%);opacity:1}}
.delivery-card:after{background:radial-gradient(320px circle at var(--light-x,50%) var(--light-y,50%),#f2d69c42,transparent 72%)}
.scene-nav:before{background:linear-gradient(140deg,#e7c57d44,#d9c29512);box-shadow:0 0 24px #d9c29520;transition-duration:.55s}
@media(hover:hover) and (pointer:fine){.delivery-card.pointer-active{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-10px);border-color:#e7c991;box-shadow:0 24px 50px #0009,0 0 30px #d9c29520}.delivery-card:hover img{transform:scale(1.055)}.button:hover{transform:translateY(-4px);box-shadow:0 10px 35px #d9c29540}.button:active{transform:translateY(1px) scale(.975)}}
.effects-paused .ambient-field:before,.effects-paused .ambient-field:after,.effects-paused .hero-film:after{animation-play-state:paused}
@media(max-width:650px){@keyframes enter-view{from{opacity:.2;translate:0 24px}to{opacity:1;translate:0 0}}.ambient-field:before,.ambient-field:after{width:100%;height:450px}}
/* Architectural linework and a stage-linked scan. */
.architectural-lines{position:absolute;width:115%;height:850px;left:8%;top:10px;stroke:#d6bc85;stroke-width:1;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent);pointer-events:none;animation:wire-drift 14s ease-in-out infinite alternate}
.wire-building{stroke-dasharray:1600;animation:wire-trace 8s ease-in-out infinite alternate}.wire-grid{stroke:#80bbc7;opacity:.38}
@keyframes wire-drift{from{transform:translate3d(-22px,20px,0)}to{transform:translate3d(25px,-25px,0)}}
@keyframes wire-trace{from{stroke-dashoffset:1200;opacity:.35}to{stroke-dashoffset:0;opacity:1}}
.model-scan{position:absolute;left:0;top:0;width:100%;height:2px;z-index:6;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#e7c374 20%,#fff4d7 50%,#e7c374 80%,transparent);box-shadow:0 0 18px #f2d08baa,0 0 55px #e7c37466}
.model-scan:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(0deg,#f1d39222,transparent)}
.effects-paused .architectural-lines,.effects-paused .wire-building{animation-play-state:paused}
@media(max-width:650px){.architectural-lines{width:190%;left:-30%;opacity:.22;height:700px}}
.film-chapters{margin-top:16px;border-top:1px solid #d9c29538}.film-chapters>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:14px 0;cursor:pointer;font-size:16px;color:#e8d4ad}.film-chapters>summary::-webkit-details-marker{display:none}.film-chapters>summary:after{content:'+';margin-left:auto;font-size:23px}.film-chapters[open]>summary:after{content:'−'}.film-chapters>summary span{color:#99a6b0;font-size:15px}.chapter-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px}.chapter-buttons button{font-size:15px;line-height:1.5;padding:9px 13px;border:1px solid #b7d6e32e;background:#10171e;border-radius:5px;transition:background .2s,border-color .2s}.chapter-buttons button:hover{border-color:#d9c29588}.chapter-buttons button[aria-pressed=true]{background:#d9c29520;border-color:#d9c295;color:#f1d9aa}#chapter-status:empty{display:none}#chapter-status{font-size:15px;color:#d9c295;padding-bottom:12px}@media(max-width:650px){.chapter-buttons{gap:7px}.chapter-buttons button{font-size:14px;padding:8px 10px}.film-chapters>summary span{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

footer{flex-wrap:wrap;gap:16px}footer a{font-size:16px;color:#aeb8bf;line-height:1.6}footer a:hover{color:#eed49f}@media(max-width:650px){footer a{display:block;margin-top:12px}}