/* Material Layers: place, route, then tactile detail. Accepted palette and type inherited. */
.project-feature,.study-opening,.study-reading,.study-choices,.study-gallery,.study-result{max-width:100rem;margin:auto;padding:clamp(2.5rem,6cqi,6rem) 5%;min-width:0}
.feature-intro{max-width:48rem}.study-disclosure{font-size:.8125rem;line-height:1.6;max-width:65ch;margin-bottom:1.5rem}.feature-intro>p:not(.study-disclosure){font-size:1.0625rem;line-height:1.75;max-width:52ch;margin:1.5rem 0 1rem}
.study-route{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:underline;text-underline-offset:.35em;font-weight:650}
.feature-photos{position:relative;margin-top:2.5rem;padding-bottom:2rem;display:grid;grid-template-columns:minmax(0,1fr)}
.study-photo{min-width:0}.study-mask{aspect-ratio:3/2;background:var(--panel);overflow:hidden;border-radius:1.25rem}.study-mask img{object-fit:contain;background:var(--panel);color:var(--ink);font-size:.875rem}.study-photo figcaption{font-size:.8125rem;line-height:1.65;margin-top:.875rem;max-width:70ch}
.feature-wide{width:100%}.feature-wide .study-mask{border-radius:20% 38% 1.25rem 1.25rem / 12% 24% 1.25rem 1.25rem}
.feature-detail{width:54%;justify-self:end;margin-top:1rem;padding:.5rem;background:var(--paper);border-radius:2rem 2rem 1rem 1rem;position:relative}.feature-detail .study-mask{border-radius:44% 44% 1rem 1rem / 20% 20% 1rem 1rem}.feature-detail figcaption{padding-inline:.5rem}
.feature-notes{display:grid;gap:1.75rem;margin-top:.5rem}.feature-notes h3{font-size:1.5rem}.feature-notes p{margin-top:.75rem;max-width:35ch}
.study-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin-top:2.5rem}
.study-action{color:var(--ink);display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.875rem 1.25rem;border:1px solid var(--active-line);border-radius:.75rem;background:var(--accent);box-shadow:0 2px 4px #292d2218;line-height:1.4;font-weight:600;font-size:.9375rem;max-width:100%}
.study-action:active,.gallery-controls button:active{transform:translateY(1px)}
.study-secondary{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:underline;text-underline-offset:.35em;font-size:.9375rem}
.study-opening{padding-top:1.5rem}.study-opening h1{font-size:clamp(2rem,7cqi,6rem);max-width:14ch}.study-opening-tail{display:flex;align-items:start;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin:2rem 0 2.5rem}.study-opening-tail>p{max-width:50ch;line-height:1.75;font-size:1.0625rem}.study-context .study-mask{border-radius:12% 28% 1.25rem 1.25rem / 6% 18% 1.25rem 1.25rem}
.study-reading{display:grid;gap:3rem;padding-top:1rem}.study-reading h2,.study-choices h2,.study-gallery h2,.study-result h2{font-size:clamp(1.75rem,4cqi,3.75rem);max-width:18ch;line-height:1.12}.study-reading p,.study-choices p,.study-result>p{max-width:54ch;margin-top:1.25rem;line-height:1.8}.study-reading article+article{margin-top:2rem}.study-reading h3,.study-choices h3{font-size:1.5rem;line-height:1.2}
.study-choices{background:var(--panel);border-radius:2.5rem;width:90%;padding:clamp(2rem,5cqi,4rem);margin-block:1rem 2rem}.study-choices>div{display:grid;gap:2rem;margin-top:2rem}.study-choices p{margin-top:1rem}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.gallery-heading p{max-width:35ch}.gallery-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-block:1.75rem}.gallery-controls button{border:1px solid var(--active-line);background:var(--paper);border-radius:.65rem;min-width:2.75rem;min-height:2.75rem;padding:.5rem .875rem;line-height:1.4;font-size:.875rem;cursor:pointer}.gallery-controls button:disabled,.gallery-controls button[aria-disabled="true"]{cursor:default;opacity:.55}.gallery-controls [aria-current]{background:var(--ink);color:var(--paper)}.gallery-count{font-size:.875rem;min-width:4.5rem;text-align:center;font-variant-numeric:tabular-nums}.gallery-selectors{display:flex;gap:.5rem;flex-wrap:wrap;flex:1 1 100%}.gallery-track{display:grid;gap:2rem;margin-top:2rem}.gallery-track[data-enhanced]{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:thin;margin-top:0;padding-block:4px 1rem}.gallery-view{flex:0 0 100%;scroll-snap-align:start;padding:0 .25rem}.gallery-view .study-mask{border-radius:1.5rem;aspect-ratio:3/2}.gallery-view figcaption{min-height:4.25em}.study-result{background:var(--ink);color:var(--paper);max-width:none}.study-result>p{max-width:62ch}.study-result :focus-visible{outline-color:var(--accent)}.study-ground{padding-top:1rem}
@container page (min-width:52em){.feature-photos{width:100%;padding-right:15%;padding-bottom:0}.feature-detail{width:38%;position:absolute;right:0;bottom:-1rem}.feature-wide{width:100%}.feature-wide figcaption{max-width:60%}.feature-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3rem}.study-reading{grid-template-columns:repeat(2,minmax(0,1fr));gap:8%}.study-choices>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.gallery-selectors{flex:1 1 auto;justify-content:end}.study-opening-tail>.study-action{flex-shrink:0}}
@media(max-width:600px){.feature-detail{width:68%;margin-top:1rem}.study-opening h1{font-size:clamp(2rem,11cqi,3.25rem)}.study-opening-tail{gap:1.25rem}.study-opening-tail>p{font-size:1rem}.study-disclosure{font-size:.8125rem}.study-choices{border-radius:1.5rem}.gallery-view figcaption{min-height:4.5em}.gallery-heading{gap:1.25rem}.study-opening .breadcrumbs{margin-bottom:1rem}}
@media(prefers-reduced-motion:reduce){.study-action:active,.gallery-controls button:active{transform:none}}

/* Long words may wrap when text is enlarged inside the bounded panel. */
.project-feature h2,.study-opening h1,.study-reading h2,.study-reading h3,.study-choices h2,.study-choices h3,.study-gallery h2,.study-result h2{overflow-wrap:anywhere;min-width:0}

/* Reflow panel spacing before ordinary heading words fragment at enlarged text. */
@media(max-width:52em){.study-choices{padding-inline:clamp(8px,3cqi,2rem)}}