/* Editorial system: quiet paper, carbon ink, vermilion detail. */
body[data-page=public]{--paper:#f2f0ea;--ink:#272a27;--muted:#75766e;--line:#d2d1c8;--accent:#e6a884;--serif:"Microsoft JhengHei","PingFang TC",sans-serif;background:var(--paper);font-size:15px;letter-spacing:.015em}
body[data-page=public] h1,body[data-page=public] h2{font-weight:700;letter-spacing:-.045em;line-height:1.38}
body[data-page=public] .wrap{max-width:1440px;padding-inline:64px}
body[data-page=public] .topline{background:#e4e3da;color:#75766e;font-size:10px;padding:4px}
body[data-page=public] .nav{height:104px;border-color:var(--ink)}
body[data-page=public] .mark{border:0;border-radius:0;width:38px;height:36px;font-family:Georgia,serif;font-style:italic;font-size:43px;color:#c35d36}
body[data-page=public] .brand{gap:13px;font-size:17px;letter-spacing:.025em}
body[data-page=public] .brand small{font-size:8px;letter-spacing:.18em;margin-top:6px}
body[data-page=public] .navlinks{gap:32px;font-size:12px}
body[data-page=public] .btn{border-radius:0;background:#272a27;border-color:#272a27;padding:15px 25px;font-size:13px;color:#faf8f0;gap:30px}
body[data-page=public] .btn:hover{background:#434640}
body[data-page=public] .btn.light{background:transparent;color:var(--ink)}
body[data-page=public] .btn.light:hover{background:#e7e4db}
body[data-page=public] .btn.lime{background:#e6a884;color:#272a27;border-color:#e6a884}
body[data-page=public] .btn.small{padding:10px 17px;font-size:12px}
body[data-page=public] .notice{background:#e7e5db;border-left-color:#b47752}
.studio-hero{padding-top:25px}.hero-top{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.16em;color:#777a72}.studio-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:48px 0 42px}.studio-copy{padding:10px 0 28px}.studio-copy h1{font-size:clamp(44px,4.7vw,73px);margin-bottom:30px;letter-spacing:-.065em!important;line-height:1.5!important}.studio-copy h1 em,.editorial-intro h1 em{font-style:normal;color:#b95d39}.studio-copy p{font-size:15px;color:#71746a;line-height:2.05;letter-spacing:.02em}.studio-copy .actions{gap:28px;align-items:center;margin-top:33px}.quiet-link{display:inline-flex;align-items:center;gap:26px;font-size:12px;padding-bottom:5px;border-bottom:1px solid #a8a99e;white-space:nowrap}.quiet-link:hover{text-decoration:none;border-color:#b95d39;color:#b95d39}.micro-note{font-size:10px;color:#85857b;display:flex;align-items:center;gap:8px;margin-top:23px}.mini-dot{width:5px;height:5px;border-radius:50%;background:#b95d39;display:inline-block}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;font-size:11px;color:var(--muted);letter-spacing:.06em}.hero-bottom b{font-weight:400;color:var(--ink)}.scroll-cue{display:flex;align-items:center;gap:30px;font-size:10px}.scroll-cue span{width:35px;height:35px;border:1px solid #acafa4;border-radius:50%;display:grid;place-items:center;font-size:17px}
.studio-art{height:480px;position:relative;background:#d9d9cb;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background:linear-gradient(110deg,#f6f5e835,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 79px,#a7aa9620 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,#a7aa9620 80px);mix-blend-mode:multiply}.art-index{position:absolute;top:23px;left:24px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.16em;color:#626a58}.sculpture{position:absolute;inset:50px 50px 55px;perspective:900px;transform:rotate(-7deg)}.slab{position:absolute;left:50%;top:50%;width:200px;height:255px;transform:translate(-50%,-50%) rotateY(-26deg) rotateX(13deg) rotateZ(7deg);box-shadow:18px 24px 24px #4d563b24;border:1px solid #ffffff40;background:#eef0dd}.slab-back{margin-left:47px;margin-top:-26px;background:linear-gradient(120deg,#c4c6b0,#8b9676)}.slab-mid{margin-left:18px;margin-top:-8px;background:linear-gradient(115deg,#f1f1e1,#c6cbb3)}.slab-front{margin-left:-14px;margin-top:14px;background:linear-gradient(120deg,#fbfaf0,#e9e9d7);display:grid;place-items:center;box-shadow:2px 2px #c1c3af,17px 28px 28px #53604232}.slab-window{width:96px;height:130px;border:1px solid #bfc6ab;background:linear-gradient(115deg,#697455,#a4af8f 55%,#c7cdb7);box-shadow:inset 10px 8px 12px #3b472c50,inset -2px -2px 4px #edf1e3;border-radius:50px 50px 0 0}.sculpture-ground{position:absolute;width:190px;height:50px;border-radius:50%;background:#69765340;filter:blur(19px);left:30%;top:84%;transform:skew(-28deg);z-index:-1}.art-dot{position:absolute;width:19px;height:19px;right:28px;top:23px;background:#b95d39;border-radius:50%}.art-coordinate{position:absolute;right:25px;bottom:27px;text-align:right;font-size:8px;line-height:1.8;font-family:Arial,sans-serif;letter-spacing:.1em;color:#6f7563}.art-caption{position:absolute;left:24px;bottom:22px;font-family:Georgia,serif;font-size:23px;line-height:1.1;letter-spacing:-.025em;color:#535e46;font-style:italic}
.studio-section{padding:88px 0}.section-index{font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:10px;letter-spacing:.15em;color:#7c7e71}.editorial-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:28px 0 36px}.editorial-head h2{font-size:37px;margin:0;line-height:1.5!important}.editorial-head p{font-size:13px;color:var(--muted);margin:0}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.entry-panel{background:#e7e7dc;display:block;padding:31px 34px 24px;transition:background .18s;position:relative}.entry-panel:hover{text-decoration:none;background:#dddfd1}.entry-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.06em}.circle-arrow{width:36px;height:36px;border:1px solid #969b8a;border-radius:50%;display:grid;place-items:center;font-size:17px}.entry-panel h3{font-size:30px;font-weight:600;letter-spacing:-.045em;line-height:1.5;margin:33px 0 20px}.entry-panel p{font-size:12px;color:#74796b;line-height:1.9}.entry-footer{border-top:1px solid #bdc3b0;display:flex;justify-content:space-between;gap:15px;padding-top:18px;margin-top:29px;font-size:11px}.entry-footer span{color:#858a79;font-size:10px}.entry-dark{background:#303b31;color:#f0f1e5}.entry-dark:hover{background:#3c493d}.entry-dark p{color:#b6bfac}.entry-dark .entry-footer{border-color:#596451}.entry-dark .entry-footer span{color:#aab5a1}.entry-dark .circle-arrow{border-color:#849078}.service-lines{border-top:1px solid var(--ink)}.service-line{display:grid;grid-template-columns:50px 1fr 1fr 36px;gap:18px;align-items:center;padding:33px 0;border-bottom:1px solid var(--line)}.service-line:hover{text-decoration:none}.service-line:hover h3{color:#b95d39}.line-num{font-family:Georgia,serif;font-size:16px;color:#939789}.service-line h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:0}.service-line p{font-size:12px;color:var(--muted);margin:0}.line-arrow{font-size:22px;text-align:right}.note-band{border-block:1px solid var(--ink);padding:42px 0 52px;display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;align-items:end}.note-band>.section-index{grid-column:1/-1}.note-band h2{font-size:39px;line-height:1.5!important;margin:5px 0 0}.note-band em{font-style:normal;color:#b95d39}.note-band p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:23px}.closing{padding:65px 0 95px;border-top:1px solid var(--line)}.closing>span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.14em;color:#7f8376}.closing h2{font-size:clamp(36px,4vw,55px);margin:22px 0 30px;line-height:1.45!important}body[data-page=public] footer{margin:0;border-top:1px solid var(--ink);padding:34px 0 42px}body[data-page=public] footer strong{font-size:14px}body[data-page=public] .plan{border:0;border-top:1px solid var(--ink);background:transparent;padding:25px 20px 25px 0}body[data-page=public] .plan+.plan{padding-left:25px;border-left:1px solid var(--line)}body[data-page=public] .plan.featured{background:#e5e8db;color:var(--ink);padding:25px;border-top-color:var(--ink)}body[data-page=public] .plan.featured .muted,body[data-page=public] .plan.featured li{color:#727969}body[data-page=public] .plan .price{font-size:49px;letter-spacing:-.055em;margin:21px 0 16px}body[data-page=public] .plan h3{font-size:17px;letter-spacing:-.025em}body[data-page=public] .plan li{font-size:12px;padding:10px 0;border:0;color:#74776d}body[data-page=public] .plan li:before{content:"—";color:#9da28e}body[data-page=public] .plan ul{margin:12px 0 24px}body[data-page=public] .plan>.muted{font-size:10px;margin-top:12px}body[data-page=public] .plans{gap:0}body[data-page=public] .page-intro{padding:66px 0 35px;max-width:920px}body[data-page=public] .page-intro h1{font-size:46px;line-height:1.5;letter-spacing:-.055em}body[data-page=public] .page-intro p{font-size:13px;max-width:650px}body[data-page=public] .eyebrow{font-size:9px;letter-spacing:.15em}body[data-page=public] .panel{background:#f8f7f1;border-radius:0;border-color:var(--line)}body[data-page=public] .panel h3{font-weight:500}body[data-page=public] .knowledge-grid details{background:transparent;border:0;border-top:1px solid var(--line);padding:23px 10px 23px 0}body[data-page=public] .knowledge-grid summary{font-weight:500}body[data-page=public] .report-paper{border:0;box-shadow:0 20px 65px #393e2712;border-top:5px solid #333d30}.editorial-intro{padding:52px 0 65px;border-bottom:1px solid var(--ink)}.editorial-intro h1{font-size:clamp(45px,5vw,70px);line-height:1.5!important;margin:36px 0 36px}.intro-tail{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-tail p{color:var(--muted);font-size:14px;margin:0;line-height:2}.service-feature{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;padding:58px 0;border-bottom:1px solid var(--line)}.feature-number{font-family:Georgia,serif;font-size:44px;color:#acae9f;line-height:1}.service-feature h2{font-size:33px;margin:20px 0 0;line-height:1.5!important}.feature-copy{padding-top:25px;max-width:380px}.feature-copy p{font-size:14px;line-height:2;color:var(--muted)}.deliverable-line{font-size:10px;color:#858878;border-top:1px solid var(--line);padding:15px 0 23px}.about-statement{padding:70px 0;display:grid;grid-template-columns:70px 1.1fr 1fr;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.statement-mark{font-family:Georgia,serif;font-size:130px;color:#bd623d;align-self:start;line-height:1.1}.about-statement h2{font-size:36px;line-height:1.6!important;margin:0}.about-statement h2 span{color:#858b7a}.statement-aside{border-left:1px solid var(--line);padding-left:40px}.statement-aside p{font-size:13px;line-height:2.1;color:var(--muted);margin:23px 0 0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:32px}.principle-grid article{border-top:1px solid var(--line);padding-top:22px}.principle-grid article>span{font-size:10px;color:#b95d39;letter-spacing:.08em}.principle-grid h3{font-size:20px;font-weight:500;margin:24px 0 16px}.principle-grid p{font-size:13px;color:var(--muted);line-height:2}.build-spread{padding:65px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;border-bottom:1px solid var(--line)}.build-spread h2{font-size:35px;line-height:1.5!important;margin:24px 0}.build-spread p{font-size:13px;line-height:2}.browser-art{padding:24px;background:#dfe1d5;transform:rotate(-2deg)}.browser-top{padding:12px;background:#f8f8f0;display:flex;gap:5px;border-bottom:1px solid #d8ddcb}.browser-top i{width:5px;height:5px;background:#a4ae96;border-radius:50%;align-self:center}.browser-top span{font-size:7px;letter-spacing:.09em;margin-left:10px;color:#919881}.browser-body{padding:40px 25px;background:#f8f8f0}.browser-body>span{font-family:Georgia,serif;font-size:35px;line-height:1.1;color:#555e47;letter-spacing:-.04em}.browser-rule{width:60px;height:3px;background:#b95d39;margin:24px 0 40px}.browser-blocks{display:flex;gap:8px}.browser-blocks div{background:#e4e8d9;padding:26px 10px;flex:1;text-align:center;font-size:9px;color:#7a8568}.scope-note{font-size:11px;color:var(--muted);margin-top:25px}
@media(min-width:1450px){.studio-hero-grid{padding:60px 0}.studio-art{height:535px}.slab{width:230px;height:290px}.slab-window{width:110px;height:155px}}
@media(max-width:1050px){body[data-page=public] .wrap{padding-inline:34px}body[data-page=public] .navlinks{gap:20px}.studio-art{height:420px}.studio-copy h1{font-size:48px}.studio-copy .actions{gap:18px}.studio-copy .btn{padding:13px 17px;gap:18px}.micro-note{font-size:9px}.slab{width:175px;height:225px}.service-line{grid-template-columns:32px 1fr 1fr 25px}.editorial-head h2{font-size:32px}}
@media(max-width:760px){body[data-page=public] .wrap{padding-inline:23px}body[data-page=public] .nav{height:auto;padding:22px 0 14px;gap:23px}body[data-page=public] .navlinks{font-size:11px;justify-content:space-between;gap:15px}body[data-page=public] .brand{font-size:16px}.hero-top{font-size:7px;gap:15px}.hero-top span:last-child{display:none}.studio-hero-grid{grid-template-columns:1fr;padding:24px 0 30px;gap:23px}.studio-copy{padding-bottom:0}.studio-copy h1{font-size:43px;margin-bottom:22px}.studio-copy p{font-size:13px}.studio-copy .actions{margin-top:23px;gap:20px}.micro-note{margin-top:18px}.studio-art{height:350px}.slab{width:158px;height:205px}.slab-window{width:76px;height:108px}.art-caption{font-size:20px}.art-index{font-size:7px}.hero-bottom{font-size:9px;padding:18px 0}.scroll-cue{font-size:9px;gap:15px}.studio-section{padding:50px 0}.editorial-head{margin:22px 0 25px;align-items:start}.editorial-head h2{font-size:28px}.editorial-head p{font-size:11px}.entry-grid{grid-template-columns:1fr;gap:14px}.entry-panel{padding:25px}.entry-panel h3{font-size:28px;margin:23px 0 17px}.entry-footer{margin-top:24px}.service-line{grid-template-columns:25px 1fr 25px;gap:10px;padding:23px 0}.service-line h3{font-size:19px}.service-line p{grid-column:2;grid-row:2;font-size:11px}.line-arrow{grid-column:3;grid-row:1;font-size:20px}.note-band{grid-template-columns:1fr;padding:30px 0;gap:23px}.note-band h2{font-size:31px}.note-band p{font-size:12px}.closing{padding:42px 0 60px}.closing h2{font-size:34px}body[data-page=public] .plan+.plan{border-left:0;padding:25px 0}body[data-page=public] .plan.featured{padding:25px}body[data-page=public] .plans{gap:25px}body[data-page=public] .page-intro{padding:40px 0 20px}body[data-page=public] .page-intro h1{font-size:35px}.editorial-intro{padding:32px 0 36px}.editorial-intro h1{font-size:40px;margin:24px 0}.intro-tail{display:block}.intro-tail p{font-size:12px}.intro-tail .quiet-link{margin-top:22px}.service-feature{grid-template-columns:35px 1fr;gap:16px;padding:35px 0}.feature-number{font-size:28px}.service-feature h2{font-size:28px;margin-top:15px}.feature-copy{grid-column:2;padding:0}.feature-copy p{font-size:12px}.about-statement{grid-template-columns:30px 1fr;padding:40px 0;gap:15px}.statement-mark{font-size:67px}.about-statement h2{font-size:29px}.statement-aside{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:22px 0 0;margin-top:15px}.principle-grid{grid-template-columns:1fr;gap:22px}.principle-grid h3{margin:17px 0 10px}.principle-grid p{margin:0}.build-spread{grid-template-columns:1fr;gap:35px;padding:40px 0}.browser-art{padding:19px}.browser-body>span{font-size:30px}.build-spread h2{font-size:29px}body[data-page=public] footer .row{font-size:10px}body[data-page=public] footer .links{gap:17px}}

/* Reference-informed direction: cinematic depth, quiet serif display, clear actions. */
body[data-page=public]{--paper:#f3f1ec;--ink:#252724;--muted:#62665e}
body[data-page=public] .nav{height:94px;border-color:#cecec4}
body[data-page=public] .topline{background:#242823;color:#d0d4c7;letter-spacing:.09em}
body[data-page=public] h1,body[data-page=public] .editorial-head h2,body[data-page=public] .closing h2,body[data-page=public] .editorial-intro h1{font-family:"Noto Serif TC","PMingLiU","Songti TC",serif;font-weight:400;letter-spacing:.015em}
body[data-page=public] .btn{border-radius:30px;padding:14px 24px}
body[data-page=public] .btn.small{padding:11px 20px}
.studio-hero{margin-top:28px;padding:29px 40px 0;background:#202721;color:#f4f0e6;position:relative;overflow:hidden;border-radius:14px}
.hero-top{color:#b9c1b3;position:relative;z-index:1}
.studio-hero-grid{grid-template-columns:1.15fr 1fr;gap:10px;padding:55px 0 66px;min-height:570px}
.studio-copy{position:relative;z-index:2}
.studio-copy h1{font-size:clamp(43px,4.7vw,70px);letter-spacing:.015em!important;line-height:1.6!important}
.studio-copy h1 em{color:#d4d9be}
.studio-copy p{color:#c3cbbf;font-size:14px}
.studio-copy .micro-note{color:#b8c1b2}
.studio-copy .mini-dot{background:#c2caad}
body[data-page=public] .studio-copy .btn{background:#efeee3;border-color:#efeee3;color:#252c25}
.studio-copy .quiet-link{color:#e6e9de;border-color:#6d7767}
.hero-bottom{border-color:#59614f;color:#c7cebd;padding:22px 0;position:relative;z-index:2}
.hero-bottom b{color:#f0f1e7}
.studio-art{height:450px;background:transparent;overflow:visible}
.art-grid,.art-index,.art-dot,.art-coordinate,.art-caption{display:none}
.sculpture{inset:20px 0 30px;transform:rotate(-9deg) scale(1.18)}
.slab{box-shadow:24px 34px 30px #0005;border-color:#fff2}
.slab-back{background:linear-gradient(125deg,#9aa38b,#4b5944)}
.slab-mid{background:linear-gradient(125deg,#e0e4cf,#9fae8c)}
.slab-front{background:linear-gradient(125deg,#f4f2e6,#bbc6a7);box-shadow:2px 2px #bdc5ad,20px 32px 36px #0005}
.slab-window{background:linear-gradient(115deg,#283b29,#697e56 55%,#a6b597);border-color:#c3caaf;box-shadow:inset 14px 10px 17px #16271299}
.sculpture-ground{background:#0007;filter:blur(24px)}
.entry-panel{border-radius:10px}.entry-panel h3{font-family:"PMingLiU","Songti TC",serif;font-weight:400;letter-spacing:.02em}
.editorial-intro{background:#242b25;color:#f3f1e8;margin-top:28px;padding:45px 44px 48px;border:0;border-radius:14px}
.editorial-intro .section-index{color:#b7c1af}.editorial-intro h1 em{color:#cbd4b6}.editorial-intro .intro-tail p{color:#c3ccbc}.editorial-intro .quiet-link{color:#f2f1e6;border-color:#75806c}
.service-feature h2,.about-statement h2,.build-spread h2{font-family:"PMingLiU","Songti TC",serif;font-weight:400;letter-spacing:.025em!important}
.service-feature{padding-block:65px}.feature-number{font-style:italic;color:#959d89}
body[data-page=public] .plan.featured{border-radius:0 0 12px 12px}
@media(max-width:1050px){.studio-hero{padding-inline:28px}.studio-hero-grid{min-height:500px}.sculpture{transform:rotate(-9deg)}.studio-copy h1{font-size:47px}.studio-copy .actions{flex-wrap:wrap}}
@media(max-width:760px){.studio-hero{margin-top:16px;padding:24px 23px 0;border-radius:10px}.studio-hero-grid{grid-template-columns:1fr;padding:24px 0 20px;gap:0;min-height:0}.studio-copy h1{font-size:39px;line-height:1.5!important}.studio-copy p{font-size:12px}.studio-copy .actions{gap:18px}.studio-art{height:260px;margin-top:20px}.sculpture{inset:0;transform:rotate(-9deg) scale(.92)}.hero-bottom{font-size:9px}.hero-bottom .scroll-cue{display:none}.editorial-intro{padding:30px 25px;margin-top:16px;border-radius:10px}.editorial-intro h1{font-size:37px!important}.service-feature{padding-block:36px}.entry-panel h3{font-size:28px}}

/* Noir homepage, v3. Typography is live HTML; image is decorative concept art. */
body[data-art-direction=noir]{--paper:#101110;--ink:#e9e7df;--muted:#a3a39c;--line:#3d3f3a;background:#101110;color:#e9e7df}
body[data-art-direction=noir] .wrap{max-width:1600px;padding-inline:64px}
body[data-art-direction=noir] #main{max-width:none;padding:0}
body[data-art-direction=noir] .topline{background:#101110;color:#a5a69c;font-size:9px;padding:3px}
body[data-art-direction=noir] header{position:absolute;left:0;right:0;z-index:5}
body[data-art-direction=noir] .nav{border-color:#ffffff24;height:96px}
body[data-art-direction=noir] .brand{font-size:14px;font-weight:400}
body[data-art-direction=noir] .mark{color:#e0ded3;font-size:46px}
body[data-art-direction=noir] .brand small{color:#b2b4aa;letter-spacing:.12em}
body[data-art-direction=noir] .navlinks{font-size:11px;gap:29px}
body[data-art-direction=noir] .nav .btn{background:#ffffff09;border:1px solid #ffffff50;color:#f1efe7;padding:10px 20px}
.noir-hero{min-height:790px;height:calc(100svh - 22px);max-height:1080px;position:relative;isolation:isolate;overflow:hidden;padding:0 7vw}
.noir-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3}
.noir-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0990 0%,#080a0940 40%,transparent 70%),linear-gradient(0deg,#101110 0%,transparent 23%,transparent 78%,#080a0940);z-index:-2}
.noir-meta{padding-top:132px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#c0c1b8}
.noir-meta span:last-child{font-size:10px;letter-spacing:.05em}
.noir-title{position:absolute;top:34%;left:7vw;right:5vw}
.noir-kicker{font-size:12px;letter-spacing:.3em;color:#c9c9c0;margin-bottom:29px}
body[data-art-direction=noir] .noir-title h1{font-family:"PMingLiU","Songti TC",serif;font-size:clamp(45px,5.5vw,84px);font-weight:400;line-height:1.47;letter-spacing:.07em;margin:0 0 31px;color:#f0eee6;text-shadow:0 2px 25px #0005}
.noir-title h1 em{font-style:normal;color:#c8cbbd}
.noir-description{font-size:12px;letter-spacing:.11em;color:#b6b9ad;margin-bottom:33px}
.noir-cta{border:1px solid #d8dbcc80;background:#10151030;backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:15px 24px;border-radius:40px;color:#f0eee5;font-size:12px;letter-spacing:.08em;transition:background .2s,border-color .2s}
.noir-cta:hover{background:#e4e7da;color:#22261f;border-color:#e4e7da;text-decoration:none}.noir-cta span{font-size:19px}
.noir-bottom{position:absolute;left:7vw;right:7vw;bottom:51px;display:flex;align-items:end;justify-content:space-between;color:#b7b9ae;font-size:9px;line-height:1.8;letter-spacing:.14em}
.noir-bottom a{font-size:11px;letter-spacing:.05em}.noir-bottom a span{margin-left:25px}
.concept-caption{position:absolute;right:25px;bottom:17px;color:#a2a79a;font-size:8px;letter-spacing:.08em}
.noir-intro,.noir-services,.noir-start,.noir-contact{max-width:1440px;margin:auto;padding:120px 7vw}
.noir-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.16em;color:#9b9e90;margin:7px 0 32px}
.noir-intro{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding-top:145px;padding-bottom:140px}
body[data-art-direction=noir] h2{font-family:"PMingLiU","Songti TC",serif;font-weight:400;letter-spacing:.06em;font-size:clamp(32px,3.6vw,51px);line-height:1.65;margin-bottom:32px}
.noir-intro h2 em{font-style:normal;color:#a9af9d}.noir-intro div>p{color:#a4a89a;font-size:13px;line-height:2.2;margin:0 0 30px}
.noir-text-link{display:inline-flex;gap:35px;font-size:11px;letter-spacing:.06em;border-bottom:1px solid #626957;padding:0 0 8px;color:#d5d8ca}
.noir-services{padding-top:0;padding-bottom:130px}.noir-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.noir-section-head p{margin:0}.noir-section-head>span{font-size:11px;color:#9b9f92}
.noir-service{display:grid;grid-template-columns:65px 1.2fr 1fr 30px;align-items:center;gap:25px;border-top:1px solid #44493d;padding:38px 0;transition:padding .2s,background .2s}.noir-service:last-child{border-bottom:1px solid #44493d}.noir-service:hover{padding-inline:16px;text-decoration:none;background:#ffffff03}
.noir-number{font-family:Georgia,serif;font-size:18px;font-style:italic;color:#909981}.noir-service h3{font-family:"PMingLiU","Songti TC",serif;font-size:29px;font-weight:400;letter-spacing:.08em;margin:0}.noir-service p{font-size:11px;color:#a5aa9a;margin:0}.noir-service-arrow{font-size:23px;color:#b9c3a9}
.noir-start{max-width:none;background:#e7e6de;color:#2a2e26;padding-block:100px}.noir-start-heading{max-width:1200px;margin:auto}.noir-start .noir-label{color:#616b58}.noir-start h2{margin-bottom:16px}.noir-start-heading>p:last-child{color:#66705d;font-size:13px;margin-bottom:58px}
.noir-entries{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #9ea58f}.noir-entries>a{padding:38px 45px 10px 0}.noir-entries>a+a{border-left:1px solid #aeb5a1;padding-left:60px}.noir-entries>a:hover{text-decoration:none}.noir-entries>a>span:first-child{font-size:10px;letter-spacing:.1em;color:#647158}.noir-entries h3{font-family:"PMingLiU","Songti TC",serif;font-size:37px;line-height:1.65;letter-spacing:.05em;font-weight:400;margin:25px 0}.noir-entries p{font-size:12px;color:#65715b}.noir-entry-action{display:inline-block;font-size:12px;border-bottom:1px solid #7f8d71;padding:10px 0;letter-spacing:.08em}.noir-entries>a:hover .noir-entry-action{border-color:#222}
.noir-contact{text-align:center;padding-block:125px 135px}.noir-contact h2{font-size:clamp(35px,4.2vw,61px)!important;line-height:1.6!important;margin-bottom:42px!important}.noir-contact .noir-text-link{display:table;margin:27px auto 0;font-size:10px}
body[data-art-direction=noir] footer{border-color:#41483a;background:#101110;color:#cdd1c0}body[data-art-direction=noir] footer small{color:#919987}
@media(max-width:850px){body[data-art-direction=noir] .wrap{padding-inline:27px}body[data-art-direction=noir] .navlinks{gap:15px}.noir-hero{min-height:740px}.noir-title h1{font-size:57px!important}.noir-intro{grid-template-columns:1fr;gap:10px;padding-block:80px}.noir-service{grid-template-columns:35px 1fr 30px;gap:20px}.noir-service p{grid-column:2;grid-row:2}.noir-service-arrow{grid-column:3;grid-row:1}.noir-entries>a+a{padding-left:35px}}
@media(max-width:600px){body[data-art-direction=noir] header .nav{height:auto;padding:23px 0 17px;gap:16px}body[data-art-direction=noir] .navlinks{width:100%;gap:11px;font-size:10px}body[data-art-direction=noir] .nav .btn{padding:7px 11px;font-size:10px;gap:10px}body[data-art-direction=noir] .brand{font-size:13px}body[data-art-direction=noir] .brand small{font-size:7px}.noir-hero{min-height:760px;height:95svh;max-height:930px}.noir-image{object-position:65% center}.noir-shade{background:linear-gradient(90deg,#080a09a0,#080a0940),linear-gradient(0deg,#101110,transparent 30%)}.noir-meta{padding-top:162px;font-size:7px}.noir-meta span:last-child{display:none}.noir-title{top:35%;left:7vw;right:5vw}.noir-title h1{font-size:39px!important;letter-spacing:.045em!important;line-height:1.65!important}.noir-kicker{font-size:10px;letter-spacing:.17em;margin-bottom:24px}.noir-description{font-size:10px;letter-spacing:.02em}.noir-cta{font-size:11px;padding:12px 20px;gap:38px}.noir-bottom{bottom:40px;font-size:8px}.noir-bottom a{font-size:10px}.noir-label{font-size:9px}.noir-intro,.noir-services,.noir-start,.noir-contact{padding-inline:7vw}.noir-intro{padding-block:65px}.noir-intro h2{font-size:31px!important}.noir-section-head{display:block}.noir-section-head>span{display:block;margin-top:18px}.noir-services{padding-bottom:65px}.noir-service{padding-block:26px;gap:8px 12px}.noir-service h3{font-size:23px}.noir-service p{font-size:10px}.noir-start{padding-block:65px}.noir-start h2{font-size:29px!important}.noir-start-heading>p:last-child{font-size:11px;margin-bottom:35px}.noir-entries{grid-template-columns:1fr}.noir-entries>a{padding:28px 0 35px}.noir-entries>a+a{padding:30px 0 0;border-left:0;border-top:1px solid #aeb5a1}.noir-entries h3{font-size:31px;margin:20px 0}.noir-contact{padding-block:75px}.noir-contact h2{font-size:33px!important}body[data-art-direction=noir] footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.noir-cta,.noir-service{transition:none}}
/* Ambient motion and responsive editorial components. */
.noir-image{transform:translateY(var(--travel,0px)) scale(1.08);animation:cinema-drift 22s ease-in-out infinite alternate;will-change:transform}
@keyframes cinema-drift{from{object-position:48% 55%}to{object-position:54% 61%}}
.noir-light{position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 74% 23%,#ebdebb24,transparent 32%),conic-gradient(from 35deg at 90% 0%,transparent 35%,#e7e2c911 43%,transparent 53%);mix-blend-mode:screen;animation:light-tide 14s ease-in-out infinite alternate;transform-origin:top right}
@keyframes light-tide{from{opacity:.25;transform:rotate(-6deg) scale(1)}to{opacity:.75;transform:rotate(5deg) scale(1.08)}}
.noir-ripples{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.water-ring{position:absolute;width:30px;height:30px;border:1px solid #eee9d883;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px #ffffff14,inset 0 0 9px #ffffff0a;animation:water-spread 2.4s ease-out forwards}.water-ring:after{content:"";position:absolute;inset:5px;border:1px solid #f6f3e325;border-radius:50%}@keyframes water-spread{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}
.noir-title,.noir-meta,.noir-bottom{z-index:2}.noir-bottom-actions{display:flex;gap:25px;align-items:center}.motion-paused .noir-image,.motion-paused .noir-light{animation:none}.motion-paused .noir-light{opacity:.3}.scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.scroll-reveal.is-visible{opacity:1;transform:none}
.noir-plans,.noir-journal,.noir-faq{max-width:1440px;margin:auto;padding:100px 7vw}.noir-section-head h2{margin-bottom:0!important}.noir-price-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #505447;margin-top:44px}.noir-price{padding:32px 26px 24px 0;transition:background .25s}.noir-price+.noir-price{border-left:1px solid #414738;padding-left:28px}.noir-price:hover{background:#cbd5b608;text-decoration:none}.noir-price>span:first-child{display:block;font-size:11px;letter-spacing:.12em;color:#a9b39b}.noir-price strong{font-family:Georgia,"PMingLiU",serif;font-size:38px;font-weight:400;display:block;margin:25px 0}.noir-price h3{font-size:15px;font-weight:400;color:#e1e5d7;margin-bottom:16px}.noir-price p{font-size:11px;color:#aab2a0}.noir-price-action{font-size:11px;display:block;margin-top:32px;color:#dce2cc}.noir-price-note{font-size:10px;color:#adb69f;margin-top:28px}
.noir-journal{padding-top:50px}.noir-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.noir-article:hover{text-decoration:none}.article-cover{height:230px;background:#353b33;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:space-between;padding:22px;margin-bottom:25px;isolation:isolate}.article-cover:before{content:"";position:absolute;inset:-20%;z-index:-1;transition:transform .8s;opacity:.7}.cover-0:before{background:repeating-linear-gradient(115deg,#929a86 0px,#929a86 1px,#30382b 2px,#30382b 22px);transform:perspective(600px) rotateY(-20deg)}.cover-1:before{background:radial-gradient(circle at 60% 45%,transparent 10%,#b9c1a252 10.4%,transparent 10.8%,transparent 20%,#b9c1a275 20.4%,transparent 20.8%,transparent 30%,#b9c1a275 30.4%,transparent 30.8%,transparent 40%,#b9c1a275 40.4%,transparent 40.8%),#252c23}.cover-2:before{background:linear-gradient(135deg,#949c8550 0%,transparent 55%),repeating-linear-gradient(0deg,#30372b 0px,#30372b 30px,#6c785c 31px,#30372b 32px);transform:perspective(500px) rotateX(45deg) rotateZ(-25deg)}.noir-article:hover .article-cover:before{transform:scale(1.16) rotate(3deg)}.article-cover span:first-child{font-family:Georgia,serif;font-size:54px;font-style:italic;color:#e9ebdc}.article-cover span:last-child{font-size:8px;letter-spacing:.15em;color:#d4dac5}.noir-article small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.15em;color:#a4af94}.noir-article h3{font-family:"PMingLiU","Songti TC",serif;font-size:24px;line-height:1.65;font-weight:400;letter-spacing:.025em;margin:18px 0}.noir-article>p{color:#a5ae98;font-size:12px;line-height:1.9}.noir-article .noir-text-link{font-size:10px;margin-top:7px}
.noir-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding-top:60px}.noir-faq>div>p:last-child{color:#aeb7a0;font-size:12px}.noir-faq h2{font-size:37px!important}.noir-faq details{border-top:1px solid #424a38;background:transparent;padding:0}.noir-faq details:last-child{border-bottom:1px solid #424a38}.noir-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;font-weight:400;padding:25px 0;cursor:pointer}.noir-faq summary::-webkit-details-marker{display:none}.noir-faq summary span{font-family:Arial,sans-serif;font-size:22px;color:#a9b794;transition:transform .25s}.noir-faq details[open] summary span{transform:rotate(45deg)}.noir-faq details>p{font-size:12px;color:#b1baa3;line-height:2.2;padding:0 26px 25px 0;margin:0}.reading-article{max-width:760px;margin:45px auto 90px}.reading-article section{padding-block:25px;border-top:1px solid var(--line)}.reading-article section h2{font-size:27px}.reading-article section p{font-size:15px;line-height:2.1}.reading-article aside{font-size:12px;background:#e5e6dc;padding:24px;margin:30px 0}.reading-article aside p{margin:12px 0 0}
@media(min-width:601px) and (max-width:1000px){.noir-title h1{font-size:clamp(47px,6.7vw,67px)!important}.noir-hero{min-height:800px}.noir-image{object-position:63% center}.noir-article-grid{gap:20px}.article-cover{height:180px;padding:17px}.noir-article h3{font-size:22px}.noir-price strong{font-size:29px}.noir-faq{grid-template-columns:1fr;gap:25px}.noir-price h3{font-size:13px}.noir-entries h3{font-size:32px}}
@media(max-width:600px){.noir-plans,.noir-journal,.noir-faq{padding:60px 7vw}.noir-section-head h2{font-size:30px!important}.noir-section-head .noir-text-link{margin-top:25px}.noir-price-grid{grid-template-columns:1fr;margin-top:30px}.noir-price{padding:27px 0}.noir-price+.noir-price{border-left:0;border-top:1px solid #414738;padding:27px 0}.noir-price strong{font-size:37px;margin:17px 0}.noir-price-action{margin-top:23px}.noir-article-grid{grid-template-columns:1fr;gap:40px;margin-top:30px}.article-cover{height:220px}.noir-article h3{font-size:27px}.noir-faq{grid-template-columns:1fr;gap:25px;padding-top:20px}.noir-faq h2{font-size:30px!important}.noir-faq summary{font-size:13px;padding:22px 0;min-height:64px}.noir-faq details>p{font-size:12px}.reading-article{margin-top:30px}.reading-article .page-intro h1{font-size:32px!important}.reading-article section h2{font-size:24px}.reading-article section p{font-size:14px}.noir-title h1{font-size:clamp(30px,9.5vw,43px)!important}.noir-light{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.noir-image,.noir-light,.water-ring{animation:none!important}.scroll-reveal{opacity:1;transform:none;transition:none}.article-cover:before,.noir-faq summary span{transition:none}.noir-image{transform:none!important}}
.noir-shade{background:linear-gradient(90deg,#080a0990 0%,#080a0940 40%,transparent 70%),linear-gradient(0deg,#101110 0%,transparent 23%,transparent 70%,#080a09b0)}
.noir-story{background:#101110;min-height:70vh;position:relative;padding:80px 7vw}.story-sticky{max-width:1200px;margin:auto;padding:50px 0}.noir-story.story-active{min-height:135vh;padding-block:0}.story-active .story-sticky{position:sticky;top:8vh;padding-block:10vh}.noir-story h2{font-size:clamp(42px,6.7vw,100px)!important;line-height:1.7!important;letter-spacing:.04em!important;margin:0 0 55px!important}.noir-story h2>span{display:block}.story-active h2>span{background:linear-gradient(90deg,#f0eee5 calc(var(--story-progress,0)*110%),#51564b calc(var(--story-progress,0)*110% + 18%));background-clip:text;-webkit-background-clip:text;color:transparent}.story-steps{display:flex;gap:55px;font-size:12px;letter-spacing:.15em;color:#7b8571}.story-steps .step-current{color:#e2e9d4}.story-track{height:1px;background:#404838;margin-top:40px}.story-track>span{display:block;transform-origin:left;width:100%;height:1px;background:#c1cead;transform:scaleX(var(--story-progress,0))}
@media(max-width:600px){.noir-title .title-end{display:block}.noir-title h1{font-size:clamp(32px,10vw,42px)!important;line-height:1.5!important}.noir-title{top:31%}.noir-story.story-active{min-height:110vh}.story-active .story-sticky{top:8vh;padding-block:12vh}.noir-story h2{font-size:clamp(30px,7.7vw,45px)!important;letter-spacing:.015em!important;margin-bottom:35px!important}.story-steps{gap:25px;font-size:10px}.noir-description{margin-top:24px}.noir-hero{min-height:780px}.noir-meta{padding-top:170px}}
@media(prefers-reduced-motion:reduce){.noir-story.story-active{min-height:0;padding-block:70px}.story-active .story-sticky{position:static;padding:0}.story-active h2>span{background:none;color:#e9e7df}.story-track{display:none}}
/* Unified stone and charcoal palette; no contrasting cream section. */
body[data-art-direction=noir]{--paper:#111110;--ink:#eeeae3;--muted:#b5b0a7;--line:#494641;background:#111110;color:#eeeae3}
.noir-start{background:#1b1a18;color:#eeeae3;border-block:1px solid #3f3c36}.noir-start .noir-label,.noir-start-heading>p:last-child,.noir-entries>a>span:first-child,.noir-entries p{color:#bcb5aa}.noir-entries{border-color:#565147}.noir-entries>a+a{border-color:#565147}.noir-entry-action{border-color:#8d8477;color:#e1dbd0}.noir-entries>a:hover .noir-entry-action{border-color:#eee}
.noir-intro h2 em,.noir-title h1 em{color:#d1c9bb}.noir-intro div>p,.noir-section-head>span,.noir-service p,.noir-price p,.noir-price-note,.noir-article>p,.noir-faq details>p,.noir-faq>div>p:last-child{color:#b9b2a8}.noir-label,.noir-number,.noir-article small,.noir-price>span:first-child{color:#b4aa9c}.noir-service,.noir-service:last-child,.noir-price-grid,.noir-price+.noir-price,.noir-faq details,.noir-faq details:last-child{border-color:#49443d}.noir-service-arrow,.noir-price-action,.noir-text-link{color:#d6cec0}.noir-text-link{border-color:#8f8372}.noir-price h3{color:#e5dfd4}.noir-price:hover,.noir-service:hover{background:#e6d7bd06}.noir-cta:hover{background:#e1d8c9;color:#27241e;border-color:#e1d8c9}.story-steps{color:#a49b8c}.story-steps .step-current{color:#ece3d6}.story-track{background:#49433a}.story-track>span{background:#cfc0a9}.story-active h2>span{background-image:linear-gradient(90deg,#eee8de calc(var(--story-progress,0)*110%),#686057 calc(var(--story-progress,0)*110% + 18%))}
.noir-article-grid{display:block;border-top:1px solid #49443d}.noir-article{display:grid;grid-template-columns:55px 170px 1.3fr 1fr 95px;gap:26px;align-items:center;padding:35px 0;border-bottom:1px solid #49443d}.article-order{font-family:Georgia,serif;font-size:23px;color:#a79b89;font-style:italic}.noir-article h3{margin:0;font-size:25px}.noir-article>p{margin:0;font-size:11px}.noir-article small{font-size:8px}.noir-article .noir-text-link{margin:0;font-size:10px;white-space:nowrap;justify-self:end}.noir-article:hover h3{color:#cdbda4}
.noir-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3;transform:translateY(var(--travel,0px)) scale(1.08)}.noir-hero:has(.noir-video) .noir-light{display:none}
body[data-art-direction=noir] footer{background:#111110;border-color:#49443d;color:#d4cabc}body[data-art-direction=noir] footer small{color:#a99e8e}
@media(max-width:1000px){.noir-article{grid-template-columns:40px 1fr 1fr;gap:16px}.noir-article small{grid-column:2 / 4}.noir-article h3{grid-column:2}.noir-article>p{grid-column:3}.noir-article .noir-text-link{grid-column:2;justify-self:start}.article-order{grid-row:1 / 4;align-self:start}.noir-video{object-position:63% center}}
@media(max-width:600px){.noir-article{grid-template-columns:30px 1fr;gap:14px;padding:28px 0}.noir-article small,.noir-article h3,.noir-article>p,.noir-article .noir-text-link{grid-column:2}.noir-article h3{font-size:25px}.noir-article>p{font-size:12px}.noir-article .noir-text-link{margin-top:5px}.noir-video{object-position:65% center}.noir-entries>a+a{border-color:#565147}}
@media(prefers-reduced-motion:reduce){.noir-video{transform:none!important}.story-active h2>span{background:none;color:#eee8de}}
/* Keep the composited video in a non-negative layer inside the isolated hero. */
.noir-video{z-index:0}.noir-shade{z-index:1;pointer-events:none}.noir-light{z-index:1}.noir-meta,.noir-title,.noir-bottom,.concept-caption{position:relative;z-index:2}.noir-title,.noir-bottom,.concept-caption{position:absolute}
.noir-hero{background:#111110 url('/assets/architecture-v3.png') center 58% / cover no-repeat}
@media(max-width:1000px){.noir-hero{background-position:63% center}}
@media(max-width:600px){.noir-hero{background-position:65% center}}
/* Readability pass: a single-column FAQ and a consistent text hierarchy. */
.noir-faq{display:block;max-width:1180px;padding-top:80px;padding-bottom:90px}
.noir-faq>div:first-child{margin-bottom:38px}
.noir-faq h2{font-size:clamp(32px,3.5vw,46px)!important;margin-bottom:18px!important}
.noir-faq>div>p:last-child{font-size:16px;line-height:1.9}
.noir-faq summary{font-size:19px;line-height:1.65;padding:25px 0;min-height:80px;gap:30px}
.noir-faq summary span{font-size:26px;color:#c9bdac;flex:none}
.noir-faq details>p{font-size:16px;line-height:1.95;padding:0 48px 27px 0;max-width:880px;color:#c9c1b7}
.noir-label,.noir-meta,.noir-article small{font-size:12px;letter-spacing:.09em}
.noir-kicker{font-size:15px;letter-spacing:.16em}
.noir-description{font-size:16px;line-height:1.8;letter-spacing:.04em}
.noir-cta{font-size:16px;padding:15px 26px}
.noir-text-link,.noir-bottom a{font-size:15px}
.noir-intro div>p,.noir-section-head>span,.noir-service p,.noir-start-heading>p:last-child,.noir-entries p,.noir-price p,.noir-article>p{font-size:16px;line-height:1.9}
.noir-price h3{font-size:20px;line-height:1.6}
.noir-price>span:first-child,.noir-entries>a>span:first-child{font-size:14px}
.noir-price-action,.noir-entry-action{font-size:16px}
.noir-price-note{font-size:14px;line-height:1.8}
.noir-article{grid-template-columns:45px 140px 1.2fr 1fr 100px;gap:23px}
.noir-article .noir-text-link{font-size:14px}
.noir-article h3{font-size:27px;line-height:1.6}
body[data-art-direction=noir] .navlinks{font-size:14px;gap:25px}
body[data-art-direction=noir] .brand{font-size:17px}
body[data-art-direction=noir] .nav .btn{font-size:14px}
body[data-art-direction=noir] footer .links{font-size:14px}
@media(max-width:1050px){.noir-article{grid-template-columns:35px 1fr 1fr;gap:14px 25px}.noir-article small{grid-column:2 / 4}.noir-article h3{grid-column:2}.noir-article>p{grid-column:3}.noir-article .noir-text-link{grid-column:2;justify-self:start}.noir-price h3{font-size:18px}.noir-price p{font-size:15px}body[data-art-direction=noir] .navlinks{gap:16px;font-size:13px}}
@media(max-width:600px){.noir-faq{padding:55px 7vw 60px}.noir-faq>div:first-child{margin-bottom:27px}.noir-faq h2{font-size:32px!important}.noir-faq summary{font-size:17px;padding:21px 0;min-height:72px;gap:18px}.noir-faq details>p{font-size:16px;line-height:1.9;padding-right:10px}.noir-faq>div>p:last-child{font-size:15px}.noir-label,.noir-article small{font-size:11px}.noir-kicker{font-size:13px}.noir-description{font-size:14px;line-height:1.8;max-width:280px}.noir-cta{font-size:15px;padding:13px 22px}.noir-meta{font-size:9px}.noir-intro div>p,.noir-section-head>span,.noir-service p,.noir-start-heading>p:last-child,.noir-entries p,.noir-price p,.noir-article>p{font-size:15px}.noir-text-link,.noir-article .noir-text-link{font-size:14px}.noir-price h3{font-size:20px}.noir-price-note{font-size:13px}.noir-article{grid-template-columns:26px 1fr;gap:12px 16px}.noir-article small,.noir-article h3,.noir-article>p,.noir-article .noir-text-link{grid-column:2}.noir-article h3{font-size:26px}body[data-art-direction=noir] .brand{font-size:16px}body[data-art-direction=noir] .navlinks{font-size:12px;gap:10px;flex-wrap:wrap;justify-content:flex-start}body[data-art-direction=noir] .nav .btn{font-size:12px;padding:8px 13px;min-height:40px}body[data-art-direction=noir] .navlinks>a{min-height:40px;display:inline-flex;align-items:center}body[data-art-direction=noir] .nav{gap:10px}.noir-bottom a{font-size:12px}}
/* Scroll journey: native scrolling controls a paused video and three text scenes. */
.noir-journey{position:relative;background:#111110}.noir-journey.journey-active{height:330svh}
.noir-journey .noir-hero{height:100svh;min-height:660px;max-height:none}
.journey-active .noir-hero{position:sticky;top:0;min-height:0;height:100svh}
.noir-journey .noir-video{transform:none;animation:none}
.scene-copy{position:absolute;inset:0;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(25px);transition:opacity .55s ease,transform .7s ease,visibility .55s}
.scene-copy.scene-current,.scene-opening:not([aria-hidden]){opacity:1;visibility:visible;transform:none;pointer-events:auto}
.scene-copy .noir-title{top:32%}
body[data-art-direction=noir] .scene-copy h2{font-family:"PMingLiU","Songti TC",serif;font-size:clamp(44px,5.3vw,79px);font-weight:400;line-height:1.55;letter-spacing:.05em;margin:0 0 28px;color:#e7dfd3}
.scene-middle .noir-title,.scene-arrival .noir-title{top:35%}
.journey-status{position:absolute;bottom:80px;left:7vw;right:7vw;z-index:2;display:flex;align-items:center;gap:22px;font:11px Arial,sans-serif;letter-spacing:.12em;color:#d3c9b9;pointer-events:none}
.journey-line{height:1px;width:110px;background:#94857360}.journey-line i{display:block;background:#e2d3bb;height:1px;transform-origin:left;transform:scaleX(var(--journey,0))}.noir-journey .noir-bottom{bottom:28px}.noir-journey .concept-caption{bottom:8px;font-size:8px}
.noir-journey .noir-meta{transition:opacity .4s}.noir-journey[data-phase="1"] .noir-meta,.noir-journey[data-phase="2"] .noir-meta{opacity:0}
@media(max-width:850px){.noir-journey.journey-active{height:300svh}.scene-copy .noir-title{top:32%}.scene-middle .noir-title,.scene-arrival .noir-title{top:36%}body[data-art-direction=noir] .scene-copy h2{font-size:clamp(38px,6vw,61px)}}
@media(max-width:600px){.noir-journey.journey-active{height:280svh}.scene-copy .noir-title{top:31%}.scene-middle .noir-title,.scene-arrival .noir-title{top:34%}body[data-art-direction=noir] .scene-copy h2{font-size:clamp(30px,8.8vw,43px);line-height:1.65;letter-spacing:.03em}.scene-copy .noir-description{font-size:15px;max-width:290px}.journey-status{bottom:75px;font-size:9px;gap:15px}.journey-line{width:65px}.noir-journey .noir-bottom{font-size:8px;bottom:29px}.noir-journey .noir-meta{padding-top:176px}}
@media(max-height:650px) and (min-width:601px){.scene-copy .noir-title{top:25%}.scene-copy h1,body[data-art-direction=noir] .scene-copy h2{font-size:42px!important;margin-bottom:15px}.noir-kicker{margin-bottom:14px}.scene-copy .noir-description{margin:12px 0}.journey-status{bottom:55px}.noir-journey .noir-bottom{bottom:15px}.noir-journey .noir-meta{padding-top:110px}}
@media(prefers-reduced-motion:reduce){.noir-journey.journey-active{height:auto}.journey-active .noir-hero{position:relative;min-height:720px}.scene-copy{transition:none}.journey-status{display:none}}
/* Unified public typography: clear sans headings and grouped editorial text. */
body[data-page=public]{--serif:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;--sans:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;font-family:var(--sans);font-size:16px;line-height:1.85;letter-spacing:.01em}
body[data-page=public] h1,body[data-page=public] h2,body[data-page=public] h3,body[data-page=public] .noir-title h1,body[data-page=public] .scene-copy h2{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:.01em!important;line-height:1.5!important}
body[data-page=public] .noir-title h1{font-size:clamp(43px,5vw,74px)!important}
body[data-page=public] .scene-copy h2{font-size:clamp(40px,4.7vw,69px)!important}
body[data-page=public] .noir-intro h2,body[data-page=public] .noir-section-head h2,body[data-page=public] .noir-start h2,body[data-page=public] .noir-faq h2{font-size:clamp(30px,3.3vw,44px)!important;line-height:1.5!important}
.noir-label{margin-bottom:24px;font-size:13px!important;letter-spacing:.08em}.noir-section-head{margin-bottom:42px;align-items:flex-end}.noir-section-head>div{max-width:790px}
.noir-intro,.noir-services,.noir-start,.noir-plans,.noir-journal,.noir-faq{padding-top:95px;padding-bottom:95px}.noir-services,.noir-plans,.noir-journal,.noir-faq{border-top:1px solid #393630}
.noir-article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px 35px;padding:38px 0;align-items:start}
.noir-article .article-order{grid-column:1;grid-row:1 / 5;font-family:Arial,sans-serif;font-style:normal;font-size:18px;line-height:1.6;padding-top:1px}
.noir-article small{grid-column:2;grid-row:1;font-family:var(--sans);font-size:12px;line-height:1.6;letter-spacing:.08em;color:#bdb2a3}
body[data-page=public] .noir-article h3{grid-column:2;grid-row:2;font-size:26px;line-height:1.6!important;max-width:870px;margin:0}
.noir-article>p{grid-column:2;grid-row:3;max-width:780px;font-size:16px;line-height:1.9;margin:0;color:#c2b9ad}
.noir-article .noir-text-link{grid-column:2;grid-row:4;justify-self:start;font-size:15px;margin-top:8px}
.noir-service h3{font-size:27px}.noir-service p{font-size:16px}.noir-faq summary{font-size:19px;font-weight:500}.noir-faq details>p{font-size:16px}.noir-price strong{font-family:Arial,"Microsoft JhengHei",sans-serif;font-weight:500;font-size:37px}.noir-entries h3{font-size:34px}.noir-entries>a>span:first-child,.noir-price>span:first-child{font-size:15px}.noir-meta span:last-child{font-size:13px}.noir-kicker{font-size:15px;letter-spacing:.1em}.noir-text-link{line-height:1.8}.noir-contact .noir-text-link{font-size:15px}
body[data-page=public] .page-intro p,body[data-page=public] .intro-tail p,body[data-page=public] .feature-copy p,body[data-page=public] .principle-grid p,body[data-page=public] .statement-aside p,body[data-page=public] .build-spread p,body[data-page=public] .plan li{font-size:16px;line-height:1.9}
body[data-page=public] .deliverable-line,body[data-page=public] .scope-note,body[data-page=public] .plan>.muted{font-size:14px;line-height:1.8}
@media(max-width:850px){.noir-article{grid-template-columns:35px minmax(0,1fr);gap:12px 22px}.noir-article small,.noir-article h3,.noir-article>p,.noir-article .noir-text-link{grid-column:2}.noir-article small{grid-row:1}.noir-article h3{grid-row:2}.noir-article>p{grid-row:3}.noir-article .noir-text-link{grid-row:4}}
@media(max-width:600px){body[data-page=public] .noir-title h1{font-size:clamp(31px,9.1vw,40px)!important;line-height:1.55!important}body[data-page=public] .scene-copy h2{font-size:clamp(28px,8vw,37px)!important;line-height:1.6!important}.noir-intro,.noir-services,.noir-start,.noir-plans,.noir-journal,.noir-faq{padding-top:60px;padding-bottom:60px}.noir-section-head{margin-bottom:28px}.noir-article{grid-template-columns:minmax(0,1fr);padding:28px 0;gap:13px}.noir-article .article-order{display:none}.noir-article small,.noir-article h3,.noir-article>p,.noir-article .noir-text-link{grid-column:1!important}body[data-page=public] .noir-article h3{font-size:23px;line-height:1.55!important}.noir-article>p{font-size:16px;line-height:1.85}.noir-label{font-size:12px!important}.noir-kicker{font-size:13px}.noir-faq summary{font-size:17px}.noir-entries h3{font-size:29px}.noir-contact h2{font-size:32px!important}}
/* Article overview: parallel cards, with no decorative images or tall full-width rows. */
.noir-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:0;margin-top:32px}
.noir-article{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px 0 20px;border-top:1px solid #61574a;border-bottom:0;min-width:0}
.noir-article .article-order{display:none}
.noir-article small{font-size:12px;margin-bottom:17px}
body[data-page=public] .noir-article h3{font-size:24px;line-height:1.55!important;margin:0 0 16px;max-width:none}
.noir-article>p{font-size:16px;line-height:1.8;margin:0 0 24px;max-width:none}
.noir-article .noir-text-link{margin-top:auto;font-size:15px;align-self:flex-start}
@media(min-width:601px) and (max-width:1000px){.noir-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.noir-article{padding-top:23px}body[data-page=public] .noir-article h3{font-size:23px}}
@media(max-width:600px){.noir-article-grid{grid-template-columns:1fr;gap:12px}.noir-article{padding:24px 0}.noir-article small{margin-bottom:12px}body[data-page=public] .noir-article h3{font-size:23px;margin-bottom:12px}.noir-article>p{margin-bottom:17px}.noir-article .noir-text-link{margin-top:0}}
/* Compact article list: one article per row, one primary line. */
.noir-article-grid{display:block;border-top:1px solid #61574a;margin-top:30px}
.noir-article{display:flex;flex-direction:row;align-items:center;gap:26px;padding:25px 0;min-height:88px;border-top:0;border-bottom:1px solid #49443d}
.noir-article .article-order{display:block;flex:0 0 34px;font:15px Arial,sans-serif;color:#b3a692;padding:0}
.noir-article small,.noir-article>p{display:none}
body[data-page=public] .noir-article h3{flex:1;min-width:0;font-size:23px;line-height:1.5!important;margin:0;max-width:none}
.noir-article .noir-text-link{flex:0 0 28px;font-size:0;line-height:1;border:0;margin:0;padding:8px 0;text-align:right;align-self:center}
.noir-article .noir-text-link:after{content:'↗';font-size:24px}
@media(max-width:600px){.noir-article{gap:13px;padding:22px 0;min-height:80px}.noir-article .article-order{flex-basis:23px;font-size:13px}body[data-page=public] .noir-article h3{font-size:19px;line-height:1.6!important;margin:0}.noir-article .noir-text-link{flex-basis:24px;margin:0}.noir-article .noir-text-link:after{font-size:22px}}
/* Use the row width for content: title, summary, then a single action. */
.noir-article{display:grid;grid-template-columns:32px minmax(0,1.15fr) minmax(0,1fr) 26px;gap:28px;min-height:112px;padding:26px 0}
.noir-article .article-order{display:block;grid-column:1;grid-row:1;align-self:center}
body[data-page=public] .noir-article h3{grid-column:2;grid-row:1;font-size:22px;line-height:1.6!important;align-self:center;margin:0}
.noir-article>p{display:block;grid-column:3;grid-row:1;font-size:16px;line-height:1.8;align-self:center;margin:0;max-width:none;color:#c2b9ad}
.noir-article .noir-text-link{grid-column:4;grid-row:1;align-self:center;justify-self:end;margin:0}
@media(max-width:760px){.noir-article{grid-template-columns:24px minmax(0,1fr) 25px;gap:8px 16px;padding:22px 0;min-height:0}.noir-article .article-order{grid-column:1;grid-row:1;align-self:start;padding-top:5px}body[data-page=public] .noir-article h3{grid-column:2;grid-row:1;font-size:20px}.noir-article>p{grid-column:2;grid-row:2;font-size:15px;line-height:1.75}.noir-article .noir-text-link{grid-column:3;grid-row:1}}
/* Shared public theme across all routes. Internal case workspace stays separate. */
body[data-page=public]{--paper:#111110;--ink:#eeeae3;--muted:#bdb4a7;--line:#4a433a;--accent:#d8c7af;--white:#211f1b;background:var(--paper);color:var(--ink)}
body[data-page=public] .topline{background:#171613;color:#bcb2a3}
body[data-page=public] .nav{border-color:#484137}
body[data-page=public] .mark{color:#e0d4c1}
body[data-page=public] .brand small,body[data-page=public] small,body[data-page=public] .muted{color:#b8ae9e}
body[data-page=public] .btn{background:#ddd0bc;color:#242019;border-color:#ddd0bc}
body[data-page=public] .btn:hover{background:#f0e5d3;border-color:#f0e5d3}
body[data-page=public] .btn.light{background:transparent;color:#ece1cf;border-color:#9b8b74}
body[data-page=public] .btn.light:hover{background:#302b23}
body[data-page=public] .btn.lime{background:#ddd0bc;border-color:#ddd0bc;color:#242019}
body[data-page=public] .editorial-intro{background:#1d1b17;color:#eeeae3;border:1px solid #4a4236}
body[data-page=public] .editorial-intro h1 em,body[data-page=public] .about-statement h2 span{color:#cdbda4}
body[data-page=public] .editorial-intro .section-index,body[data-page=public] .editorial-intro .intro-tail p,body[data-page=public] .page-intro p,body[data-page=public] .section-index,body[data-page=public] .eyebrow{color:#bdb1a0}
body[data-page=public] .quiet-link,body[data-page=public] .editorial-intro .quiet-link{color:#e1d4bf;border-color:#96836a}
body[data-page=public] .quiet-link:hover{color:#fff0d8;border-color:#e2caa7}
body[data-page=public] .feature-number{color:#a79881}
body[data-page=public] .feature-copy p,body[data-page=public] .deliverable-line,body[data-page=public] .statement-aside p,body[data-page=public] .principle-grid p,body[data-page=public] .scope-note{color:#c0b6a7}
body[data-page=public] .statement-mark,body[data-page=public] .principle-grid article>span{color:#c5ac86}
body[data-page=public] .panel,body[data-page=public] .path-card,body[data-page=public] .callout,body[data-page=public] .notice,body[data-page=public] .reading-article aside{background:#211e19;color:#e5dccc;border-color:#5b4f3e}
body[data-page=public] .notice{border-left-color:#baa17c}
body[data-page=public] input,body[data-page=public] textarea,body[data-page=public] select{background:#191815;color:#f0e7d8;border:1px solid #776a55;border-radius:5px;font-size:16px}
body[data-page=public] input::placeholder,body[data-page=public] textarea::placeholder{color:#aaa092;opacity:1}
body[data-page=public] input:focus,body[data-page=public] textarea:focus,body[data-page=public] select:focus{border-color:#e4c89f;outline-color:#cfb187}
body[data-page=public] .tab{color:#d5c8b4;background:#201d18;border-color:#6b5c45}
body[data-page=public] .tab.active{background:#d8c6a9;color:#272017;border-color:#d8c6a9}
body[data-page=public] .plan,body[data-page=public] .plan+.plan{border-color:#6b5e48;color:#ede5d7}
body[data-page=public] .plan.featured{background:#29241c;color:#f0e5d2;border-color:#8a7554}
body[data-page=public] .plan.featured .muted,body[data-page=public] .plan.featured li,body[data-page=public] .plan li{color:#c8bba6}
body[data-page=public] .badge{background:transparent;color:#d8bea0}
body[data-page=public] .knowledge-grid details{background:#1b1915;border-color:#574b38;padding:24px;color:#e8dfcf}
body[data-page=public] .knowledge-grid details p,body[data-page=public] .knowledge-grid details li{color:#cfc2ad}
body[data-page=public] .source{color:#e2cba5}
body[data-page=public] .report-paper{background:#eae5da;color:#29251e;border-top-color:#a18a68}
body[data-page=public] .report-paper .muted,body[data-page=public] .report-paper small{color:#62594b}
body[data-page=public] .browser-art{background:#3b3429}
body[data-page=public] .browser-top,body[data-page=public] .browser-body{background:#211e19;border-color:#62523b}
body[data-page=public] .browser-body>span{color:#ded0b9}
body[data-page=public] .browser-blocks div{background:#3a3225;color:#ddcbb0}
body[data-page=public] .browser-top span{color:#bbae97}
body[data-page=public] .browser-rule{background:#bba27e}
body[data-page=public] footer{background:#111110;color:#d9cbb6;border-color:#4a433a}
body[data-page=public] .error{background:#3e2320;color:#ffd6ca;border-color:#9f6250}
body[data-page=public] .success{background:#253022;color:#deebd3;border-color:#738967}
body[data-art-direction=noir] .nav .btn{background:#ffffff09;color:#f1eadd;border-color:#c2b398}
body[data-art-direction=noir] .noir-faq details{background:transparent}
/* One continuous descending background, carried through the full homepage. */
body[data-art-direction=noir] #main{position:relative;isolation:isolate}
.site-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#111110 url('/assets/architecture-v3.png') center/cover no-repeat}
.site-backdrop .noir-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;z-index:0}
.site-backdrop-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,12,11,.80),rgba(12,12,11,.42) 60%,rgba(12,12,11,.24)),linear-gradient(0deg,rgba(12,12,11,.35),transparent 45%);pointer-events:none}
.noir-journey,.noir-journey.journey-active{height:auto;background:transparent}
.noir-journey .noir-hero,.journey-active .noir-hero{position:relative;height:100svh;min-height:760px;background:none;isolation:auto}
.noir-journey .noir-shade{background:linear-gradient(0deg,rgba(12,12,11,.75),transparent 26%,transparent 75%,rgba(12,12,11,.55))}
.journey-status,.scene-middle,.scene-arrival{display:none}
body[data-art-direction=noir] .noir-intro,body[data-art-direction=noir] .noir-services,body[data-art-direction=noir] .noir-start,body[data-art-direction=noir] .noir-plans,body[data-art-direction=noir] .noir-journal,body[data-art-direction=noir] .noir-faq,body[data-art-direction=noir] .noir-contact{position:relative;background:linear-gradient(180deg,rgba(15,14,12,.68),rgba(15,14,12,.9) 35%,rgba(15,14,12,.82) 75%,rgba(15,14,12,.68));border-top-color:#e2cfa622}
body[data-art-direction=noir] .noir-start{background:linear-gradient(180deg,rgba(15,14,12,.68),rgba(46,40,30,.88) 40%,rgba(30,27,21,.86) 70%,rgba(15,14,12,.68));border-block:0}
body[data-art-direction=noir] .noir-contact{background:linear-gradient(180deg,rgba(15,14,12,.68),rgba(15,14,12,.35) 45%,#111110 100%)}
body[data-art-direction=noir] .noir-services,body[data-art-direction=noir] .noir-plans,body[data-art-direction=noir] .noir-journal,body[data-art-direction=noir] .noir-faq{max-width:none;padding-inline:max(7vw,calc((100vw - 1238px)/2))}
@media(max-width:600px){.site-backdrop,.site-backdrop .noir-video{background-position:65% center;object-position:65% center}.noir-journey .noir-hero{height:100svh;min-height:780px}.site-backdrop-shade{background:linear-gradient(90deg,#0c0c0bc9,#0c0c0b70)}body[data-art-direction=noir] .noir-services,body[data-art-direction=noir] .noir-plans,body[data-art-direction=noir] .noir-journal,body[data-art-direction=noir] .noir-faq{padding-inline:7vw}}
.site-backdrop{z-index:0}
body[data-art-direction=noir] #main>section{position:relative;z-index:1}
.noir-value{padding:140px max(7vw,calc((100vw - 1238px)/2));background:linear-gradient(180deg,#0f0e0cad,#0f0e0b45 45%,#0f0e0cad)}
body[data-page=public] .noir-value h2{font-size:clamp(36px,4.8vw,64px);line-height:1.5!important;margin-bottom:26px}
.noir-value>p:not(.noir-label){font-size:17px;color:#d2c8bb;margin-bottom:30px}
@media(max-width:600px){.noir-value{padding:90px 7vw}.noir-value>p:not(.noir-label){font-size:16px}body[data-page=public] .noir-value h2{font-size:36px}}
/* Spatial background: six real stair flights and alternating turn platforms. */
.site-backdrop .stair-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.site-backdrop-shade{background:linear-gradient(90deg,#090908a8,#09090845 55%,#09090820),linear-gradient(0deg,#0c0b0a35,transparent 50%)}
body[data-art-direction=noir] .noir-intro,body[data-art-direction=noir] .noir-services,body[data-art-direction=noir] .noir-plans,body[data-art-direction=noir] .noir-journal,body[data-art-direction=noir] .noir-faq{background:linear-gradient(180deg,#0f0e0b70,#0f0e0bbd 38%,#0f0e0bbd 70%,#0f0e0b70)}
body[data-art-direction=noir] .noir-start{background:linear-gradient(180deg,#0f0e0b70,#292319c7 45%,#0f0e0b70)}
@media(max-width:600px){.site-backdrop-shade{background:linear-gradient(90deg,#090908ae,#09090855)}.site-backdrop .stair-canvas{object-fit:cover}}
/* Static alternating floors: original photograph, mirrored only on left flights. */
body[data-art-direction=noir] .site-backdrop{display:none}
body[data-art-direction=noir] #main>.floor-section{max-width:none;margin:0;isolation:isolate;overflow:hidden;background:#111110;border:0}
.floor-section::before,.floor-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}
.floor-section.stairs-right::before,.floor-section.stairs-left::before{background:url('/assets/architecture-v3.png') center 64% / cover no-repeat}
.floor-section.stairs-left::before{transform:scaleX(-1)}
.floor-section.stairs-right::after{background:linear-gradient(180deg,#111110 0%,transparent 18%,transparent 75%,#111110 100%),linear-gradient(90deg,#11111088,transparent 75%)}
.floor-section.stairs-left::after{background:linear-gradient(180deg,#111110 0%,transparent 18%,transparent 75%,#111110 100%),linear-gradient(270deg,#111110b0,#11111020 75%)}
body[data-art-direction=noir] .floor-section.floor-platform{padding-block:85px;background:linear-gradient(180deg,#111110,#1a1916 48%,#111110)}
.floor-platform::before{inset:auto 0 0;height:40%;background:url('/assets/architecture-v3.png') center bottom / 100% auto no-repeat;opacity:.18;mask-image:linear-gradient(transparent,#000 65%,transparent)}
.floor-platform::after{inset:0 7%;border-top:1px solid #a18f7026;border-bottom:1px solid #a18f7026;background:none}
body[data-art-direction=noir] .noir-value.stairs-left{min-height:740px;padding-top:180px;padding-bottom:180px;padding-left:53%;padding-right:7%}
body[data-page=public] .noir-value.stairs-left h2{font-size:clamp(35px,3.9vw,58px);white-space:normal}
body[data-art-direction=noir] .noir-start.stairs-right{padding-top:130px;padding-bottom:130px;min-height:720px}
.noir-start.stairs-right::after{background:linear-gradient(180deg,#111110,transparent 22%,transparent 76%,#111110),linear-gradient(90deg,#111110cf,#11111088 65%,#11111030)}
body[data-art-direction=noir] .noir-journal.stairs-left{min-height:650px;padding-top:120px;padding-bottom:120px}
.noir-journal.stairs-left::after{background:linear-gradient(180deg,#111110,transparent 20%,transparent 80%,#111110),linear-gradient(90deg,#1111107a,#111110d6 65%)}
.noir-contact.stairs-right{min-height:600px}.noir-contact.stairs-right::after{background:linear-gradient(180deg,#111110,transparent 22%,#111110 100%),#11111050}
@media(max-width:850px){body[data-art-direction=noir] .noir-value.stairs-left{padding-left:45%;padding-right:6%;min-height:650px}body[data-page=public] .noir-value.stairs-left h2{font-size:36px}}
@media(max-width:600px){.floor-section.stairs-right::before{background-position:65% center}.floor-section.stairs-left::before{background-position:65% center}.floor-section.stairs-left::after{background:linear-gradient(180deg,#111110,transparent 20%,#111110 100%),linear-gradient(270deg,#111110c9,#11111045)}body[data-art-direction=noir] .noir-value.stairs-left{padding:180px 7% 100px 24%;min-height:620px}body[data-page=public] .noir-value.stairs-left h2{font-size:31px}body[data-art-direction=noir] .floor-section.floor-platform{padding-block:60px}body[data-art-direction=noir] .noir-start.stairs-right,body[data-art-direction=noir] .noir-journal.stairs-left{padding-block:80px}.noir-value>p:not(.noir-label){font-size:15px}.floor-platform::before{background-size:auto 900px}}

/* Restore approved scope: staircase only in opening, quiet dark sections below. */
body[data-art-direction=noir] .noir-journey::before{background:url('/assets/architecture-v3.png') center 64% / cover no-repeat;transform:none;filter:none}
body[data-art-direction=noir] #main>section:not(.noir-journey){background:#111110;isolation:isolate}
body[data-art-direction=noir] #main>section:not(.noir-journey)::before,body[data-art-direction=noir] #main>section:not(.noir-journey)::after{content:none;background:none}
body[data-art-direction=noir] #main>.noir-start,body[data-art-direction=noir] #main>.noir-plans{background:#171716}
body[data-art-direction=noir] #main>.noir-value{background:#141413;padding:110px max(7vw,calc((100vw - 1238px)/2));min-height:0}
body[data-art-direction=noir] #main>.noir-contact{background:#141413;min-height:0}
@media(max-width:600px){body[data-art-direction=noir] #main>.noir-value{padding:75px 7vw}body[data-art-direction=noir] .noir-journey::before{background-position:65% center}}
body[data-art-direction=noir] #main>section.noir-start,body[data-art-direction=noir] #main>section.noir-plans{background:#171716}
body[data-art-direction=noir] #main>section.noir-value,body[data-art-direction=noir] #main>section.noir-contact{background:#141413}