:root{--plaster:#f4eff0;--ink:#241827;--purple:#e68a22;--line:rgba(36,24,39,.22);--paper:#fffaf3;--muted:rgba(36,24,39,.7)}
*{box-sizing:border-box}html{background:var(--plaster);scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--plaster);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.utility{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:72px;padding:0 max(1rem,calc((100vw - 1600px)/2));border-bottom:1px solid var(--line);background:rgba(239,239,239,.95);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:.65rem;font-size:.88rem;line-height:.85;letter-spacing:.02em}.brand b{font-size:1.06rem}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:#fff;font-size:.63rem;font-weight:800;letter-spacing:.06em}.brand-image img{display:block;width:144px;height:auto;max-height:38px;object-fit:contain}
.site-header nav{justify-self:center;display:flex;gap:clamp(.65rem,1.6vw,1.6rem);font:600 .68rem/1 "Space Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.site-header nav a{padding:.35rem 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--purple);color:var(--purple)}
.header-tools{display:flex;align-items:center;gap:.65rem}.language select{border:0;background:transparent;color:var(--ink);font:600 .7rem/1 "Space Mono",monospace;outline:0}.gateway{background:var(--purple);color:#fff;padding:.8rem .92rem;font:800 .64rem/1 Arial,sans-serif;letter-spacing:.07em;white-space:nowrap}.gateway:hover{background:var(--ink)}
.home-frame{width:min(calc(100% - 2rem),1600px);height:clamp(640px,72vh,720px);min-height:0;margin:0 auto;display:grid;grid-template-columns:30fr 45fr 25fr}.atelier-pane{min-width:0;overflow:hidden;border-right:1px solid var(--line)}.atelier-pane:last-child{border-right:0}.pane-label{display:flex;align-items:center;gap:.65rem;font:600 .67rem/1 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.pane-label>span:first-child{color:var(--purple)}.pane-label p{margin:0}
.dial-pane{display:flex;flex-direction:column;padding:clamp(.9rem,1.7vw,1.45rem);background:#e6e5e8}.dial-intro,.independent-note{max-width:25rem;margin:.55rem 0 .8rem;color:var(--muted);font-size:.72rem}.independent-note{margin-top:.7rem;margin-bottom:0}.dial-list{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;gap:clamp(.08rem,.25vh,.22rem)}
.dial-item{display:grid;grid-template-columns:2rem 1fr;column-gap:.42rem;align-items:baseline;width:100%;padding:.12rem 0;border:0;background:transparent;text-align:left;color:rgba(18,15,29,.38);cursor:pointer;transition:color .25s,transform .25s}.dial-item span{font:600 .62rem/1 "Space Mono",monospace}.dial-item b{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,1.65vw,1.8rem);line-height:.94;font-weight:500;letter-spacing:-.05em}.dial-item em{grid-column:2;color:inherit;font-style:normal;font-size:.64rem;line-height:1.1;opacity:0;transition:opacity .2s}.dial-item:hover,.dial-item.is-active{color:var(--purple);transform:translateX(.3rem)}.dial-item.is-active em{opacity:.76}
.stage-pane{position:relative;display:flex;flex-direction:column;padding:clamp(.9rem,1.7vw,1.45rem);background:var(--ink);color:#f6f4f8}.stage-label .live-dot{margin-left:auto;color:#c9a6f4;font-size:.54rem}.stage-label .live-dot:before{content:"";display:inline-block;width:5px;height:5px;margin-right:.35rem;border-radius:50%;background:var(--purple);box-shadow:0 0 14px var(--purple)}.stage-copy{position:absolute;z-index:2;top:clamp(3.8rem,8vh,4.8rem);left:clamp(.9rem,1.7vw,1.45rem);pointer-events:none}.eyebrow{margin:0 0 .55rem;color:var(--purple);font:600 .68rem/1 "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.stage-copy .eyebrow{color:#cba8f5}.stage-copy h1{max-width:7ch;margin:0;font:500 clamp(2.5rem,4.5vw,4.8rem)/.8 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.stage-copy>p:last-child{max-width:18rem;margin:.65rem 0;color:rgba(255,255,255,.68);font-size:.75rem}.stage-visual{position:relative;flex:1;min-height:0;margin-top:1rem;overflow:hidden}.stage-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,15,29,.52),transparent 46%,rgba(18,15,29,.18)),linear-gradient(0deg,rgba(18,15,29,.75),transparent 35%);pointer-events:none}.stage-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.72) contrast(1.05);transform:scale(1.02);transition:transform .8s cubic-bezier(.2,.7,.2,1),object-position .8s}.stage-visual[data-view="1"] img{transform:scale(1.55);object-position:48% 28%}.stage-visual[data-view="2"] img{transform:scale(1.6);object-position:40% 47%}.stage-visual[data-view="3"] img{transform:scale(1.52);object-position:68% 61%}.stage-visual[data-view="4"] img{transform:scale(1.45);object-position:50% 82%}.stage-glow{position:absolute;z-index:1;inset:auto 10% -25%;height:40%;background:var(--purple);border-radius:50%;filter:blur(80px);opacity:.18}.image-mark{position:absolute;z-index:2;left:.75rem;bottom:.75rem;display:flex;gap:.45rem;align-items:center;font:600 .56rem/1 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.image-mark span:first-child{color:#cba8f5}.detail-points{position:absolute;z-index:3;right:.75rem;bottom:.75rem;display:flex;gap:.3rem}.detail-point{display:grid;place-items:center;width:21px;height:21px;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(18,15,29,.38);color:#fff;font:500 .45rem/1 "Space Mono",monospace;cursor:pointer}.detail-point:hover,.detail-point.is-active{border-color:var(--purple);background:var(--purple)}.stage-route{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.65rem;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.3);font:600 .62rem/1 "Space Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.stage-route b{font-size:.9rem;color:#cba8f5}.stage-route:hover{color:#cba8f5}
.spec-pane{padding:clamp(.9rem,1.7vw,1.45rem);background:var(--paper)}.spec-block{padding:clamp(.65rem,1.25vh,1rem) 0;border-bottom:1px solid var(--line)}.spec-block p{margin:0 0 .3rem;color:var(--muted);font:600 .56rem/1 "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.spec-block strong{display:block;font:500 clamp(1.15rem,1.75vw,1.65rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.05em}.spec-block small{display:block;margin-top:.35rem;color:var(--muted);font-size:.68rem;line-height:1.3}.atelier-search{display:flex;margin:.85rem 0 0;border:1px solid var(--ink)}.atelier-search input{min-width:0;flex:1;border:0;padding:.6rem;background:transparent;font-size:.68rem;outline:0}.atelier-search button{border:0;background:var(--ink);color:#fff;padding:.6rem .55rem;font:700 .52rem/1 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.inline-guide{display:inline-block;margin-top:.75rem;color:var(--purple);font:600 .6rem/1 "Space Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.scroll-section{padding:clamp(4.5rem,9vw,8.5rem) max(1rem,calc((100vw - 1600px)/2));border-top:1px solid var(--line);scroll-margin-top:72px}.section-intro{max-width:720px;margin-bottom:2.5rem}.section-intro h2{margin:0;font:500 clamp(3rem,6vw,6.2rem)/.84 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.section-intro>p:last-child{max-width:610px;margin:1.3rem 0 0;color:var(--muted);font-size:1.05rem}.product-section{background:#e3e1e6}.product-route-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.product-route-grid a{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:1rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:background .2s,color .2s}.product-route-grid a:hover{background:var(--ink);color:#fff}.product-route-grid span,.qc-grid article>span,.journal-grid article>span{color:var(--purple);font:600 .72rem/1 "Space Mono",monospace}.product-route-grid b{font:500 clamp(1.4rem,2.4vw,2.45rem)/.9 Georgia,serif;letter-spacing:-.05em}.section-link{display:inline-block;margin-top:1.65rem;color:var(--purple);border-bottom:1px solid var(--purple);padding-bottom:.25rem;font:600 .72rem/1 "Space Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.qc-section{background:var(--ink);color:#fff}.qc-section .section-intro>p:last-child{color:rgba(255,255,255,.64)}.qc-grid,.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid currentColor;border-left:1px solid currentColor}.qc-grid article,.journal-grid article{min-height:210px;padding:1.4rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor}.qc-grid h3,.journal-grid h3{margin:3rem 0 .65rem;font:500 clamp(1.45rem,2.4vw,2.4rem)/.9 Georgia,serif;letter-spacing:-.05em}.qc-grid p,.journal-grid p{margin:0;max-width:25rem;color:inherit;opacity:.7;font-size:.88rem}.qc-section .section-link{color:#cba8f5;border-color:#cba8f5}.journal-section{background:#f6f5f7}.journal-grid article{background:#fff}.journal-grid h3{margin-top:2.2rem}.faq-section{background:#d9d5df}.home-faq{max-width:900px;border-top:1px solid var(--ink)}.home-faq details{border-bottom:1px solid var(--ink);padding:1.2rem 0}.home-faq summary{cursor:pointer;font:500 clamp(1.2rem,2vw,2rem)/1 Georgia,serif}.home-faq p{max-width:680px;margin:.85rem 0 0;color:var(--muted)}
.page{max-width:1100px;min-height:65vh;margin:0 auto;padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem)}.page h1{margin:0;font:500 clamp(3.2rem,7vw,7rem)/.84 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.longform{max-width:960px;margin:0 auto;padding:clamp(3.5rem,8vw,7rem) max(1rem,calc((100vw - 1600px)/2))}.longform h1{max-width:900px;margin:0;font:500 clamp(3rem,6.5vw,6.6rem)/.84 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.longform h2{max-width:760px;margin:3rem 0 .9rem;font:500 clamp(1.9rem,3.6vw,3rem)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.05em}.longform>p{max-width:760px;margin:1rem 0;color:var(--muted);font-size:1.02rem}.longform .lead{max-width:800px;margin:1.4rem 0 1.2rem;color:var(--ink);font-size:1.18rem}.article-note{padding:1rem 1.1rem;border-left:3px solid var(--purple);background:#e7ddf6;font-size:.92rem!important}.route-list{border-top:1px solid var(--ink)}.route-list a{display:flex;justify-content:space-between;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--ink)}.route-list a:hover{color:var(--purple)}.route-list b{font-family:Georgia,serif;font-size:1.4rem}.route-list span{color:var(--muted);font-size:.85rem}.check-grid,.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.7rem 0}.check-grid article,.article-list article{padding:1.45rem;border:1px solid var(--line);background:#fafafa}.check-grid article span{color:var(--purple);font-weight:900}.check-grid h2,.article-list h2{font-family:Georgia,serif;font-size:1.55rem;line-height:1;margin:.7rem 0}.check-grid p,.article-list p{color:var(--muted);font-size:.9rem}.article-list{grid-template-columns:repeat(2,1fr)}.article-list a{color:var(--purple);font-size:.78rem;font-weight:900;text-transform:uppercase}.faq-list{max-width:840px;margin-top:2.8rem;border-top:1px solid var(--ink)}.faq-longform .faq-list{max-width:900px;margin-top:2.3rem}.faq-longform .faq-list details{padding:1.45rem 0}.faq-longform .faq-list summary{font:500 clamp(1.25rem,2.25vw,1.8rem)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.03em}.faq-longform .faq-list p{margin:.9rem 0 0;font-size:1rem}details{border-bottom:1px solid var(--ink);padding:1.15rem 0}summary{cursor:pointer;font-weight:900;font-size:1.08rem}details p{max-width:680px;color:var(--muted)}.button-dark{display:inline-block;margin-top:1.2rem;background:var(--ink);color:#fff;padding:.85rem 1rem;font:700 .7rem/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
footer{display:grid;grid-template-columns:1fr 1.4fr auto;gap:2rem;padding:2.4rem max(1rem,calc((100vw - 1600px)/2));font-size:.8rem;color:var(--muted);border-top:1px solid var(--line)}footer p{max-width:420px;margin:0}footer>div:last-child{display:flex;gap:1.2rem;color:var(--purple);font-weight:900}
.site-header{background:rgba(244,239,240,.95)}.dial-pane{background:#e6ddea}.stage-pane{color:#fffaf3}.stage-label .live-dot,.stage-copy .eyebrow,.image-mark span:first-child,.stage-route b,.stage-route:hover{color:#ffc06a}.stage-visual:after{background:linear-gradient(90deg,rgba(28,19,32,.6),transparent 46%,rgba(28,19,32,.18)),linear-gradient(0deg,rgba(28,19,32,.8),transparent 35%)}.detail-point{background:rgba(36,24,39,.48)}.product-section{background:#eadfea}.qc-section .section-link{color:#ffc06a;border-color:#ffc06a}.journal-section{background:#fbf4ed}.faq-section{background:#f5dfc3}.article-note{background:#ffe4bf}.check-grid article,.article-list article{background:#fffaf3}.page{max-width:1440px;padding-left:clamp(1.5rem,6vw,6rem);padding-right:clamp(1.5rem,6vw,6rem)}.longform{max-width:1440px;padding-left:clamp(1.5rem,6vw,6rem);padding-right:clamp(1.5rem,6vw,6rem)}.longform h1,.longform>p,.longform h2{max-width:1120px}.longform .lead{max-width:1050px}
/* Site-wide smoky-purple and warm-honey-orange system. */
:root{--plaster:#211727;--ink:#fff1e3;--purple:#f2a044;--line:rgba(255,232,210,.2);--paper:#2d2038;--muted:rgba(255,235,217,.72)}html,body{background:#211727;color:#fff1e3}.site-header{background:rgba(33,23,39,.97);border-color:rgba(255,232,210,.18)}.site-header nav a{color:#fff1e3}.language select{color:#fff1e3}.language select:focus{background:#000;color:#fff;outline:1px solid #ffc16a;outline-offset:3px}.language select option{background:#000;color:#fff}.language select option:checked{background:#000;color:#ffc16a}.gateway{background:#f2a044;color:#201526}.gateway:hover{background:#ffc16a;color:#201526}.home-frame{background:#211727}.dial-pane{background:#2d2038}.dial-item{color:rgba(255,238,222,.5)}.dial-item:hover,.dial-item.is-active{color:#f2a044}.stage-pane,.qc-section{background:#180f22;color:#fff1e3}.stage-label .live-dot,.stage-copy .eyebrow,.image-mark span:first-child,.stage-route b,.stage-route:hover{color:#ffc16a}.stage-visual:after{background:linear-gradient(90deg,rgba(24,15,34,.76),transparent 48%,rgba(24,15,34,.24)),linear-gradient(0deg,rgba(24,15,34,.88),transparent 40%)}.detail-point{background:rgba(24,15,34,.72)}.detail-point:hover,.detail-point.is-active{background:#f2a044;border-color:#f2a044;color:#201526}.spec-pane{background:#2d2038}.spec-block{border-color:rgba(255,232,210,.18)}.spec-block strong{color:#fff1e3}.atelier-search{border-color:#f2a044}.atelier-search input{background:#251a2e;color:#fff1e3}.atelier-search input::placeholder{color:rgba(255,235,217,.62)}.atelier-search button{background:#f2a044;color:#201526}.product-section,.journal-section,.faq-section{background:#211727}.scroll-section{border-color:rgba(255,232,210,.18)}.product-route-grid{border-color:#f2a044}.product-route-grid a{border-color:rgba(242,160,68,.72);background:#2a1d34}.product-route-grid a:hover{background:#f2a044;color:#201526}.qc-grid,.journal-grid{border-color:rgba(255,232,210,.34)}.qc-grid article,.journal-grid article{border-color:rgba(255,232,210,.24);background:#2a1d34}.journal-grid article{background:#2a1d34}.section-link,.qc-section .section-link{color:#ffc16a;border-color:#ffc16a}.home-faq{border-color:rgba(255,232,210,.32)}.home-faq details,details{border-color:rgba(255,232,210,.25)}.home-faq p,.longform>p,.check-grid p,.article-list p,details p{color:rgba(255,235,217,.76)}.page,.longform{background:#211727}.longform .lead{color:#fff1e3}.article-note{background:#3c2740;border-color:#f2a044;color:#fff1e3}.route-list{border-color:#f2a044}.route-list a{border-color:rgba(255,232,210,.24)}.route-list a:hover,.article-list a{color:#ffc16a}.check-grid article,.article-list article{background:#2a1d34;border-color:rgba(255,232,210,.2)}.button-dark{background:#f2a044;color:#201526}.button-dark:hover{background:#ffc16a}.faq-list{border-color:#f2a044}footer{background:#180f22;color:rgba(255,235,217,.72);border-color:rgba(255,232,210,.18)}footer>div:last-child{color:#ffc16a}.eyebrow,.pane-label>span:first-child,.product-route-grid span,.qc-grid article>span,.journal-grid article>span,.check-grid article span{color:#ffc16a}
@media(max-width:950px){.site-header{grid-template-columns:auto 1fr auto}.site-header nav{overflow:auto;justify-self:start;margin-left:1rem}.home-frame{height:auto;grid-template-columns:1fr}.atelier-pane{border-right:0;border-bottom:1px solid var(--line)}.dial-pane{min-height:420px}.stage-pane{min-height:650px}.spec-pane{padding-bottom:2rem}.product-route-grid{grid-template-columns:repeat(2,1fr)}.qc-grid,.journal-grid{grid-template-columns:1fr}.qc-grid article,.journal-grid article{min-height:0}.check-grid,.article-list{grid-template-columns:1fr}footer{grid-template-columns:1fr}}
@media(max-width:620px){html{scroll-padding-top:72px}.utility{display:none}.site-header{display:flex;flex-wrap:wrap;gap:.55rem;padding:.55rem 1rem}.brand-image img{width:112px;max-height:30px}.site-header nav{order:3;width:100%;margin-left:0;padding:.1rem 0;overflow:visible;flex-wrap:wrap;gap:.45rem .75rem;white-space:normal}.site-header nav a{font-size:.56rem}.header-tools{margin-left:auto}.language select{font-size:.56rem}.gateway{padding:.58rem .7rem;font-size:.55rem}.brand{font-size:.75rem}.brand-mark{width:33px;height:33px}.home-frame{width:100%;min-height:0}.dial-pane,.stage-pane,.spec-pane{padding:1rem}.dial-pane{min-height:295px}.dial-list{gap:.12rem}.dial-item{grid-template-columns:2rem 1fr;padding:.14rem 0}.dial-item b{font-size:1.25rem;line-height:1.02}.dial-item em{font-size:.58rem;line-height:1.1}.stage-pane{min-height:440px}.stage-copy{top:3.5rem;left:1rem}.stage-copy h1{font-size:3.15rem}.stage-visual{min-height:265px;margin-top:1rem}.spec-row{padding:.85rem 0}.scroll-section{padding-top:2.2rem;padding-bottom:2.2rem}.section-intro{margin-bottom:1.1rem}.section-intro h2{font-size:2.25rem}.section-intro>p:last-child{margin-top:.8rem;font-size:.88rem}.product-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.product-route-grid a{min-height:88px;padding:.75rem}.product-route-grid b{font-size:1.02rem}.product-route-grid em{font-size:.65rem}.qc-grid,.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.qc-grid article,.journal-grid article{padding:.72rem;min-width:0}.qc-grid h3,.journal-grid h3{margin:.8rem 0 .45rem;font-size:1.06rem;line-height:.95}.qc-grid p,.journal-grid p{font-size:.68rem;line-height:1.28}.check-grid{grid-template-columns:1fr;gap:.7rem}.check-grid article,.article-card{padding:1rem}.article-card h3{font-size:1.45rem}.home-faq details{padding:.72rem 0}.home-faq summary{font-size:.9rem}.home-faq p{margin-top:.55rem;font-size:.82rem}.page{padding-top:2.5rem;padding-bottom:2.8rem}.page h1{font-size:2.55rem}.page .lead{font-size:1rem}.longform{padding-top:2.5rem;padding-bottom:2.5rem}.longform h1{font-size:2.55rem}.longform h2{margin-top:2rem;font-size:1.55rem}.longform p,.longform li{font-size:.96rem;line-height:1.62}.route-list a{display:block}.route-list span{display:block;margin-top:.25rem}}