/* Sienchi / Eastern edition V6. SOP 1.1 is the sole colour source.
   New imagery stays reserved. Approved J artwork and existing motion live in their frames. */
:root {
  --paper:var(--sc-rice); --white:var(--sc-rice);
  --warm:color-mix(in srgb,#E5DACB 28%,var(--sc-rice));
  --ink:var(--sc-ink); --secondary:var(--sc-ink);
  --soft:color-mix(in srgb,var(--sc-ink) 80%,var(--sc-rice));
  --rose:var(--sc-lotus-deep); --rose-light:var(--sc-lotus);
  --line:color-mix(in srgb,#C8BEB2 65%,var(--sc-rice));
  --page-gutter:clamp(24px,6.25vw,108px); --margin:var(--page-gutter);
  --measure:1120px;
}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--sc-lotus-light);color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.masthead{height:104px;border-bottom-color:var(--line)}
.masthead-note{color:var(--soft);font-family:var(--serif);letter-spacing:.1em}
.masthead .wordmark>span{font-size:39px;letter-spacing:.2em}
.masthead nav a{font-size:12px;letter-spacing:.045em}
.nav-contact{color:var(--ink)}
.eyebrow,.chapter-label,.sheet-top,.teacher-role{color:var(--soft)}
.small-rule{background:var(--sc-lotus);width:25px}
.line-link{color:var(--ink);border-bottom-color:var(--line)}
.line-link>span{color:var(--sc-lotus-deep)}
/* Opening: a paper field with a stable text spine and the approved living illustration. */
.atelier-home .opening{grid-template-columns:34% 66%;align-items:center}
.opening-copy{padding-block:100px 80px}
.opening h1{font-size:clamp(48px,4.85vw,72px);line-height:1.52;font-weight:400;letter-spacing:.085em}
.opening h1 i{color:var(--sc-lotus)}
.opening-description{font-size:16px;color:var(--soft);line-height:2.1}
.realm-figure{padding:12px 0 0;align-self:center}
.realm-window{height:560px;margin-left:-20px;width:calc(100% + 20px)}
.realm-window iframe{background:var(--paper)}
figcaption{padding-inline:18px 0;letter-spacing:.12em}
.opening-index{border-top:1px solid var(--line);border-bottom:0;padding-block:25px}
.opening-index .folio{color:var(--soft)}
/* Sections share a precise baseline; fine rules are structural, never ornament around every shape. */
.atelier-home .chapter{padding-block:112px}
.chapter-label{margin-bottom:60px;letter-spacing:.12em}
.chapter-number{color:var(--sc-lotus-deep);font-size:20px}
.chapter-label>span:last-child{color:var(--ink)}
.atelier-home h2{font-size:clamp(34px,3.5vw,46px);line-height:1.7;letter-spacing:.08em}
.about-layout{grid-template-columns:1fr 1fr;gap:10%}
.about-copy>.lead{font-size:24px;line-height:1.9}
.about-copy .lead-line{display:block;white-space:nowrap}
.about-copy>p:not(.lead){font-size:15px;line-height:2.15}
.belief-companion{padding-top:26px;margin-top:44px}
.belief-companion .belief-signature{font-size:15px;letter-spacing:.035em}
.belief-companion .line-link{font-size:12px;white-space:nowrap}
.about .belief-line{border-top:0;padding-top:14px;margin-top:24px}
.belief-line>span{color:var(--ink);font-size:18px}
.belief-line p{color:var(--soft)}
/* The current typographic person plate remains the reserved artwork area. */
.atelier-home .practitioner{border-top:1px solid var(--line)}
.nameplate{background:color-mix(in srgb,var(--sc-celadon-light) 48%,var(--paper));height:480px;padding:34px 38px}
.nameplate::after{inset:20px;border-color:color-mix(in srgb,var(--sc-celadon) 55%,var(--paper))}
.nameplate::before{background:var(--sc-celadon);height:52px}
.nameplate-type{color:var(--ink);font-size:110px;gap:35px}
.nameplate-caption,.nameplate-foot{color:var(--soft)}
.practitioner-copy .eyebrow{color:var(--sc-lotus-deep)}
.practitioner-copy>.lead{font-size:24px}
.practitioner-copy h2{margin-bottom:17px}
.teacher-role{letter-spacing:.16em}
/* Professional entries: full names are indivisible; glyphs reserve future visual roles. */
.service-spread.fusion-grid{gap:0 64px}
.fusion-grid .service-sheet{padding-block:28px 40px;border-top-color:var(--line)}
.sheet-top{font-size:10px;letter-spacing:.17em}
.sheet-top>span:last-child{color:var(--sc-lotus-deep);font-size:19px}
.fusion-service .service-name{margin:30px 0 26px;gap:22px}
.fusion-service .service-name h3{font-size:clamp(27px,8cqi,34px);white-space:nowrap;word-break:keep-all;letter-spacing:.09em}
.fusion-service .display-character{color:var(--sc-lotus);font-size:82px;line-height:1.1}
.fusion-service:nth-child(2) .display-character{color:var(--sc-lotus)}
.fusion-service:nth-child(3) .display-character{color:var(--sc-lotus)}
.fusion-service:nth-child(4) .display-character{color:var(--sc-lotus)}
.fusion-service .service-question{font-size:23px;line-height:1.9;min-height:5.7em;letter-spacing:.015em}
.service-question>span{white-space:nowrap}
.fusion-service .service-context{font-size:14px;line-height:2.1;min-height:4.2em}
.fusion-service .service-open{font-size:12px;min-height:52px;border-bottom-color:var(--line)}
.service-footnote{margin-top:0;padding-block:23px;color:var(--soft)}
.atelier-home .approach{padding-top:16px}
.method-list{border-top:1px solid var(--ink)}
.method-number{color:var(--sc-lotus-deep)}
.method-list details{border-bottom-color:var(--line)}
.method-list summary{padding-block:29px}
.method-list summary h3{font-size:24px;letter-spacing:.055em}
.method-body{font-size:15px;line-height:2.2}
/* Reserved collection plates: intentionally empty, with no invented patterns. */
.atelier-home .fusion-world{padding-top:14px}
.collection-grid{gap:26px}
.asset-space{background:var(--warm);aspect-ratio:4/5}
.collection-entry:nth-child(2) .asset-space{background:color-mix(in srgb,var(--sc-gold-light) 28%,var(--paper))}
.collection-entry:nth-child(3) .asset-space{background:color-mix(in srgb,var(--sc-celadon-light) 36%,var(--paper))}
.collection-entry:nth-child(4) .asset-space{background:color-mix(in srgb,var(--sc-mauve-light) 23%,var(--paper))}
.asset-space::before,.asset-space::after{display:none}
.asset-space>span{top:22px;left:22px;font-size:11px;color:var(--soft)}
.collection-name h3{font-size:25px;letter-spacing:.12em;white-space:nowrap}
.collection-entry>p{font-size:13px;line-height:1.95}
.journal-entry{background:var(--warm);border:0}
.atelier-home .journal{padding-block:78px}
.journal-layout .lead{font-size:25px;line-height:1.9}
.journal-layout h2{font-size:45px}
.journal-dot{color:var(--sc-lotus)}
.contact{padding:112px 24px 104px;background:color-mix(in srgb,var(--sc-celadon-light) 25%,var(--paper));border:0}
.contact h2{font-size:44px;letter-spacing:.08em}
.contact>.eyebrow{color:var(--soft)}
.contact>.contact-link{background:var(--ink);border-color:var(--ink);color:var(--paper);min-width:270px}
.contact>.contact-link span{color:var(--paper)}
.contact>.contact-link:hover{background:var(--sc-lotus-deep);border-color:var(--sc-lotus-deep)}
.contact small,.contact-story{color:var(--soft)}
.footer-mark{grid-template-columns:minmax(0,1fr) 320px;padding-block:42px 30px}
.mark-caption h2{font-size:25px}.mark-caption>p{font-size:14px}
.mark-stage{width:320px;height:205px}
.footer{padding-block:30px;border-top-color:var(--line)}
.owner-link{color:var(--soft)}
/* Reading rooms: the original content gets a calm margin and readable measure. */
.explore-dialog{background:var(--paper);border:1px solid var(--line);box-shadow:0 28px 90px rgb(38 61 78 / .12)}
.explore-dialog::backdrop{background:rgb(38 61 78 / .38)}
.explore-top{background:var(--paper);border-bottom-color:var(--line)}
.explore-nav{background:var(--warm);border-right-color:var(--line)}
.explore-tabs button{font-size:18px;letter-spacing:.07em;color:var(--soft)}
.explore-tabs button[aria-selected=true]{color:var(--ink)}
.explore-tabs button[aria-selected=true]>span{color:var(--sc-lotus-deep)}
.explore-panel{padding:43px 54px 50px}
.panel-glyph{color:var(--sc-lotus);font-size:70px}
.panel-heading h2{font-size:36px;white-space:nowrap;line-height:1.65}
.panel-question{border-color:var(--line)}
.panel-question>p{font-size:23px;line-height:1.95}
.original-copy>p{font-size:16px;line-height:2.2;color:var(--soft);margin-bottom:26px}
.explore-close{color:var(--ink)}
.atelier-inner .inner-main{max-width:var(--measure);margin-inline:auto}
.atelier-inner .breadcrumb{border-bottom:0;padding-block:28px;color:var(--soft)}
.atelier-inner .article-heading{padding:30px 0 30px 25%;margin-block:44px 58px}
.atelier-inner .article-heading::before{top:43px;width:38px;background:var(--sc-lotus)}
.atelier-inner .article-heading h1{font-size:clamp(38px,4.4vw,58px);line-height:1.6;letter-spacing:.1em}
.atelier-inner .article-heading>p:last-child{font-size:22px;color:var(--sc-lotus-deep);line-height:1.9}
.atelier-inner .reading-layout{padding-top:42px;border-top-color:var(--line)}
.atelier-inner .reading-aside{padding-top:5px}
.atelier-inner .reading-aside>span{color:var(--sc-lotus-deep)}
.atelier-inner .reading-content{max-width:40em}
.atelier-inner .reading-content>p{font-size:16px;line-height:2.25;color:var(--soft);letter-spacing:.025em}
.atelier-inner .reading-content>p.article-deck{font-size:25px;line-height:1.95;color:var(--ink);padding-bottom:32px}
.atelier-inner .reading-subhead{font-size:27px;line-height:1.7;margin-top:50px}
.atelier-inner .directory-row{gap:30px;padding-block:29px;border-bottom-color:var(--line)}
.atelier-inner .directory-row h2{white-space:nowrap;font-size:27px}
.atelier-inner .directory-row p{font-size:13px;line-height:1.9}
.atelier-inner .related{margin-top:86px;padding-top:29px}
.atelier-inner .related a{font-size:16px;line-height:1.8;padding-block:20px}
.atelier-inner .journal-list h2{font-size:23px;line-height:1.8}
.atelier-inner .outline-link{border-color:var(--ink);font-size:13px}
@media(max-width:1319px){.atelier-inner .inner-main{margin-inline:var(--page-gutter)}}
@media(max-width:1000px){
  .masthead-note{display:none}.masthead nav{gap:16px}
  .opening-copy{padding-block:74px}.realm-window{height:465px}
  .opening h1{font-size:46px}.opening-description{font-size:14px}
  .atelier-home .chapter{padding-block:92px}.chapter-label{margin-bottom:48px}
  .about-copy>.lead{font-size:21px}.practitioner-layout{gap:8%}
  .nameplate{height:452px;padding:30px}.nameplate-type{font-size:88px;gap:22px}
  .practitioner-copy>.lead{font-size:21px}
  .service-spread.fusion-grid{column-gap:38px}
  .fusion-service .service-question{font-size:21px}
  .fusion-service .service-name h3{font-size:28px}
  .fusion-service .display-character{font-size:70px}
  .belief-companion .belief-signature{font-size:13px}
  .belief-companion .line-link{font-size:11px}
  .explore-panel{padding:35px}.original-copy>p{font-size:15px}
}
@media(max-width:760px){
  .masthead{height:84px}.masthead .wordmark>span{font-size:33px}
  .masthead nav{top:83px;left:calc(-1 * var(--page-gutter));right:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter)}
  .masthead nav a{font-size:14px}
  .atelier-inner .article-heading{padding:12px 0;margin-block:30px 36px}
  .atelier-inner .reading-layout{padding-top:26px}
  .atelier-inner .article-heading h1{font-size:40px}
  .atelier-inner .reading-content>p.article-deck{font-size:23px}
}
@media(max-width:720px){
  .explore-tabs button{font-size:12px;letter-spacing:0}
  .explore-panel{padding:29px 25px 38px}.panel-heading h2{font-size:30px}
  .panel-glyph{font-size:58px}.panel-question>p{font-size:21px}
  .explore-tabs button[aria-selected=true]{border-bottom-color:var(--sc-lotus)}
}
@media(max-width:600px){
  .atelier-home .opening{display:flex;flex-direction:column;align-items:stretch}
  .opening-copy{padding:40px 0 0}.opening h1{font-size:44px;line-height:1.45;margin-block:24px}
  .opening-description{font-size:14px;line-height:2.05}
  .opening-copy>.line-link{font-size:11px;gap:16px;margin:0}
  .realm-figure{width:100%;padding-top:15px}
  .realm-window{height:310px;width:calc(100% + 24px);margin-left:-12px}
  figcaption{padding:0;font-size:8px;letter-spacing:.05em}
  .opening-index{padding-block:21px}
  .atelier-home .chapter{padding-block:76px}.chapter-label{margin-bottom:38px;letter-spacing:.03em}
  .atelier-home h2{font-size:32px;line-height:1.75;letter-spacing:.06em}
  .about-layout,.practitioner-layout{grid-template-columns:1fr;gap:32px}
  .about-copy>.lead{font-size:22px;line-height:1.9}
  .about-copy>p:not(.lead),.practitioner-copy>p:not(.lead):not(.eyebrow){font-size:15px;line-height:2.15}
  .belief-companion{grid-template-columns:1fr auto;gap:10px;margin-top:32px;padding-top:23px}
  .belief-companion .belief-signature{font-size:12px;letter-spacing:0}
  .belief-companion .line-link{font-size:10px;gap:8px}
  .about .belief-line{gap:23px}.belief-line>span+span{padding-left:23px}
  .nameplate{height:374px;padding:30px}.nameplate-type{font-size:98px;gap:30px}
  .practitioner-copy h2{font-size:37px}.practitioner-copy>.lead{font-size:22px}
  .service-spread.fusion-grid{grid-template-columns:1fr;gap:0}
  .fusion-grid .service-sheet{padding-block:25px 34px}
  .fusion-service .service-name{margin-block:26px 22px}
  .fusion-service .service-name h3{font-size:29px}
  .fusion-service .display-character{font-size:73px}
  .fusion-service .service-question{font-size:22px;min-height:0;line-height:1.95}
  .fusion-service .service-context{font-size:14px;min-height:0;margin-block:20px 25px}
  .atelier-home .approach,.atelier-home .fusion-world{padding-top:8px}
  .method-list summary{gap:22px;padding-block:26px}.method-list summary h3{font-size:20px}
  .method-body{padding:0 0 27px 36px;font-size:14px}
  .collection-grid{gap:28px 20px}.collection-name h3{font-size:23px}
  .collection-entry>p{font-size:12px}.asset-space>span{top:19px;left:18px}
  .atelier-home .journal{padding-block:66px}.journal-layout{grid-template-columns:1fr;gap:27px}
  .journal-layout h2{font-size:38px}.journal-layout .lead{font-size:22px}
  .contact{padding:80px 24px 76px}.contact h2{font-size:32px;letter-spacing:.05em}
  .contact>p:not(.eyebrow){font-size:14px;line-height:2}
  .footer-mark{grid-template-columns:minmax(0,1fr);padding-block:34px 22px;gap:0}
  .mark-stage{width:280px;height:185px;justify-self:end}.mark-caption h2{font-size:23px}
  .mark-caption>p{font-size:13px}.footer{padding-block:26px}
  .panel-heading h2{font-size:29px}.original-copy>p{font-size:15px;letter-spacing:0}
  .atelier-inner .article-heading h1{font-size:36px;line-height:1.65}
  .atelier-inner .article-heading>p:last-child{font-size:20px}
  .atelier-inner .reading-content>p{font-size:15px;line-height:2.2}
  .atelier-inner .directory-row{gap:20px}.atelier-inner .directory-row h2{font-size:25px}
  .atelier-inner .related{margin-top:56px}.atelier-inner .related a{font-size:14px}
}
@media(max-width:380px){
  .opening h1{font-size:40px}.opening-description{font-size:13px}
  .about-copy>.lead{font-size:20px}.belief-companion{gap:6px}
  .belief-companion .belief-signature{font-size:11px}.belief-companion .line-link{gap:5px}
  .fusion-service .service-question{font-size:20px}.fusion-service .service-name h3{font-size:27px}
  .collection-grid{gap:26px 16px}.collection-name h3{font-size:21px}
  .panel-heading h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* The full stop follows the final character at every size. */
.opening h1 i{position:static;inset:auto;margin-left:.13em;font-size:.5em;vertical-align:.13em}
@media(max-width:600px){.opening h1 i{position:static;inset:auto;font-size:.5em;vertical-align:.13em;margin-left:.12em}}
.practitioner-layout>*{min-width:0}
@media(max-width:380px){.nameplate{padding-inline:24px}.nameplate-type{font-size:82px;gap:20px}.nameplate-caption{font-size:8px}}
.opening h1 br{display:initial}.opening h1>span{display:inline}
