body{--bg:#081625;--text:#f7f0e7;--muted:#bdc5cd;--accent:#dfbb7d;--rule:rgba(223,187,125,.32);--menu-bg:#0f2030;background:var(--bg)}
body.section-technology{--bg:#0b2330;--accent:#8bd9dd;--rule:rgba(139,217,221,.32);--menu-bg:#12323f}
body.section-studio{--bg:#121c2a;--accent:#e4b875;--rule:rgba(228,184,117,.32);--menu-bg:#192739}
.series-opening,.technology-opening,.studio-opening{position:relative;padding:clamp(45px,6vw,90px) 0 clamp(105px,11vw,170px)}
.series-opening h1,.technology-opening h1,.studio-opening h1{font:400 clamp(4.2rem,8.5vw,10rem)/.98 Georgia,serif;letter-spacing:-.075em;margin:28px 0}.series-opening h1 em,.technology-opening h1 em,.studio-opening h1 em{color:var(--accent);font-weight:400}.series-opening>p,.technology-opening>p,.studio-opening>p{max-width:55ch;font-size:clamp(1.16rem,1.8vw,1.6rem);line-height:1.57;color:#c7d0d6}.series-number{position:absolute;right:0;bottom:55px;color:#dfbb7d;font:400 clamp(1.3rem,2vw,2.4rem) Georgia,serif}
.series-feature{padding-block:clamp(75px,8vw,125px);background:#101b2c}.series-feature-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:end;margin:24px 0 37px}.series-feature h2,.series-entry h2,.series-dragon h2,.tech-head h2,.technology-syntra h2,.technology-method h2,.studio-statement h2,.studio-practice h2,.studio-ending h2{font:400 clamp(3rem,5.5vw,6.4rem)/.98 Georgia,serif;letter-spacing:-.07em}.series-feature-heading p{max-width:42ch;color:#c3cbd4;font-size:1.18rem;line-height:1.65}.series-feature a>img,.series-entry a>img,.technology-core a>img,.studio-field>img{display:block;width:100%;height:auto;border:1px solid #ffffff34;transition:border-color .2s}.series-feature a:hover>img,.series-entry a:hover>img,.technology-core a:hover>img,.studio-field:hover>img{border-color:var(--accent)}.series-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:19px}.series-foot>span{font:700 .72rem Georgia,serif;letter-spacing:.15em;color:#c2b9aa}
.series-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);padding-block:clamp(90px,9vw,150px)}.series-entry .section-label{display:block;padding-bottom:16px}.series-entry h2{margin:23px 0 13px;font-size:clamp(2.6rem,4vw,4.8rem)}.series-entry p{max-width:46ch;color:#c2cad1;font-size:1.06rem;line-height:1.65;margin-bottom:22px}.series-electron h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.08em}
.series-dragon{background:#d7d8bb;color:#102e2e;padding-block:clamp(75px,8vw,130px)}.series-dragon .frame{display:grid;grid-template-columns:170px 1fr 220px;gap:clamp(30px,5vw,85px);align-items:start}.series-dragon .section-label{color:#406a59}.series-dragon h2{font-size:clamp(3.5rem,6.3vw,7.4rem)}.series-dragon p{max-width:46ch;color:#3d6257;font-size:1.12rem;line-height:1.7;margin:21px 0}.series-dragon .quiet-link{color:#225945}.dragon-series-art{display:block;align-self:center;min-width:0}.dragon-series-art img{display:block;width:100%;height:auto;border:1px solid #22594555;box-shadow:12px 12px 0 #244b3a22;transition:border-color .2s}.dragon-series-art:hover img{border-color:#225945}
.technology-core{background:#123442;padding-block:clamp(80px,8vw,135px)}.tech-head{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:end;margin:25px 0 36px}.tech-head p{max-width:42ch;color:#c7d8dc;font-size:1.18rem;line-height:1.65}.technology-core .quiet-link{margin-top:22px}
.technology-syntra{padding-block:clamp(95px,10vw,160px)}.tech-syntra-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;margin-top:25px}.technology-syntra h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(4rem,8vw,9rem);letter-spacing:-.105em}.technology-syntra p{max-width:43ch;color:#bcd1d5;font-size:1.15rem;line-height:1.7;margin:25px 0}.tech-signal{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:60px 24px;border-block:1px solid var(--rule);font:700 .68rem Georgia,serif;letter-spacing:.14em;color:var(--accent)}.tech-signal i{height:1px;background:var(--accent)}
.technology-method{display:grid;grid-template-columns:170px 1fr;gap:clamp(30px,5vw,85px);padding-block:clamp(90px,10vw,155px);border-top:1px solid var(--rule)}.technology-method p{max-width:64ch;margin:24px 0;color:#bdd1d6;font-size:1.1rem;line-height:1.7}.technology-method .quiet-link{grid-column:2;justify-self:start}
.studio-opening h1{font-size:clamp(3.6rem,7vw,8.3rem)}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,48px);width:min(1510px,calc(100% - clamp(36px,8vw,160px)));margin:0 auto clamp(90px,9vw,150px)}.studio-field{display:block}.studio-field>div{border-top:1px solid var(--rule);padding:25px 5px 20px 0;margin-top:16px}.studio-field span{font:700 .73rem Georgia,serif;letter-spacing:.16em;color:var(--accent)}.studio-field h2{font:400 clamp(2.6rem,4vw,4.7rem)/1.07 Georgia,serif;letter-spacing:-.06em;margin:20px 0}.studio-field p{max-width:43ch;color:#c6ced5;font-size:1.09rem;line-height:1.65}.studio-field b{display:inline-block;margin-top:25px;padding-bottom:6px;border-bottom:1px solid var(--accent);color:var(--accent);font:700 .78rem Georgia,serif;letter-spacing:.15em;text-transform:uppercase}
.studio-statement{display:grid;grid-template-columns:170px 1fr;gap:clamp(30px,5vw,85px);padding-block:clamp(90px,9vw,145px);border-top:1px solid var(--rule)}.studio-statement p{max-width:62ch;margin-top:25px;color:#c6ced5;font:400 clamp(1.23rem,1.8vw,1.55rem)/1.61 Georgia,serif}
.studio-practice{background:#e8e5dd;color:#162b38;padding-block:clamp(80px,9vw,140px)}.studio-practice .section-label{color:#946e39}.practice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(25px,5vw,80px);margin-top:48px}.practice-list article{border-top:1px solid #86745177;padding-top:21px}.practice-list article>span{color:#946e39;font:400 2.4rem Georgia,serif}.practice-list h3{font:400 clamp(2.1rem,3.3vw,4rem)/1.05 Georgia,serif;letter-spacing:-.06em;margin:29px 0 12px}.practice-list p{color:#48606a;font-size:1.05rem;line-height:1.68}
.studio-ending{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end;padding-block:clamp(90px,9vw,145px)}.studio-ending h2{max-width:17ch}.studio-ending>div{display:grid;gap:25px;justify-items:start;padding-bottom:8px}
@media(max-width:1100px){.series-dragon .frame{grid-template-columns:130px 1fr}.dragon-series-art{grid-column:2}.technology-method,.studio-statement{grid-template-columns:130px 1fr}}
@media(max-width:790px){.series-opening,.technology-opening,.studio-opening{padding-bottom:90px}.series-feature-heading,.tech-head,.tech-syntra-content,.studio-ending{grid-template-columns:1fr}.series-dragon .frame,.technology-method,.studio-statement{grid-template-columns:1fr}.dragon-series-art,.technology-method .quiet-link{grid-column:1}.studio-fields{width:min(100% - 36px,680px)}.tech-signal{min-height:160px}}
@media(max-width:620px){.series-opening h1,.technology-opening h1,.studio-opening h1{font-size:clamp(3.3rem,11vw,5.3rem)}.series-number{position:static;margin-top:30px}.series-two,.studio-fields,.practice-list{grid-template-columns:1fr}.series-feature h2,.series-entry h2,.series-dragon h2,.tech-head h2,.technology-syntra h2,.technology-method h2,.studio-statement h2,.studio-ending h2{font-size:clamp(2.7rem,9vw,4.3rem)}.series-foot{align-items:flex-start;flex-direction:column}.tech-signal{font-size:.57rem;padding-inline:0}.studio-ending>div{gap:18px}}
/* Distinct atmospheric backgrounds for the three section introductions. */
.series-opening,.technology-opening,.studio-opening{isolation:isolate;min-height:min(690px,75vh)}.series-opening::before,.technology-opening::before,.studio-opening::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background-position:center;background-repeat:no-repeat;background-size:cover}.series-opening::before{background-image:linear-gradient(90deg,#081625ea 0%,#081625a8 42%,#08162538 100%),url("sections/series-back.webp")}.technology-opening::before{background-image:linear-gradient(90deg,#0b2330eb 0%,#0b2330ad 44%,#0b23302d 100%),url("sections/technology-back.webp")}.studio-opening::before{background-image:linear-gradient(90deg,#121c2aee 0%,#121c2aad 47%,#121c2a30 100%),url("sections/studio-back.webp")}.tech-syntra-art img{width:100%;height:auto;display:block;border:1px solid var(--rule);transition:border-color .2s}.tech-syntra-art:hover img{border-color:var(--accent)}
@media(max-width:620px){.series-opening::before{background-position:62% center}.technology-opening::before{background-position:64% center}.studio-opening::before{background-position:65% center}}
