@charset "UTF-8";
:root { --paper:#f3f1eb; --ink:#191a18; --green:#24643e; --line:#c9c8bf; --muted:#696b62; --dark:#20241f; --sans:"Helvetica Neue",Helvetica,Arial,sans-serif; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:96px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
a { color:inherit; text-decoration:none; }
button { color:inherit; }
button:focus-visible,a:focus-visible { outline:2px solid var(--green); outline-offset:7px; }
button { touch-action:manipulation; }
img { display:block; width:100%; height:auto; }
::selection { background:var(--green); color:var(--paper); }
.mono { font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:.045em; line-height:1.5; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:12px; left:16px; transform:translateY(-160%); padding:12px 18px; background:var(--green); color:white; }
.skip-link:focus { transform:none; }
.site-header { padding:24px 36px 22px; display:flex; align-items:center; gap:40px; border-bottom:1px solid var(--line); position:relative; z-index:4; }
.brand { display:block; font-size:17px; font-weight:800; line-height:.97; letter-spacing:-.07em; position:relative; padding-right:17px; }
.brand__dot { width:7px; height:7px; border-radius:50%; background:var(--green); position:absolute; right:0; bottom:1px; }
.header-note { margin:0 0 0 auto; }
.header-nav { display:flex; gap:35px; margin-left:60px; }
.header-nav a { padding:7px 0; }
.header-nav a:hover,.site-footer a:hover { color:var(--green); }
.header-nav span { color:var(--muted); }
.hero { padding:25px 36px 35px; position:relative; min-height:clamp(760px,calc(50vw + 220px),980px); overflow:hidden; }
.hero__eyebrow { display:flex; align-items:center; gap:9px; }
.status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--green); flex:none; }
.hero__edition { margin-left:auto; }
.hero h1 { margin:53px 0 66px -.018em; font-size:clamp(110px,14.2vw,218px); line-height:.83; font-weight:800; letter-spacing:-.089em; position:relative; z-index:2; pointer-events:none; max-width:99%; }
.title-stop { color:var(--green); }
.hero__object { position:absolute; z-index:1; top:83px; right:-3%; width:56%; max-width:850px; aspect-ratio:4/3; border:0; padding:0; background:transparent; text-align:left; cursor:pointer; }
.hero__object img { width:100%; height:100%; object-fit:contain; transform:rotate(-10deg) translateY(6%); transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.hero__object:hover img { transform:rotate(-6deg) translateY(2%); }
.object-coordinate { position:absolute; top:3%; right:14%; z-index:1; }
.object-caption { position:absolute; right:15%; bottom:5%; }
.inspect-disc { display:grid; place-content:center; position:absolute; width:100px; height:100px; border-radius:50%; right:20%; bottom:9%; background:var(--green); color:var(--paper); text-align:center; transform:scale(.82) rotate(10deg); opacity:0; transition:opacity .25s,transform .4s; }
.inspect-disc span { font-size:25px; line-height:1; margin-top:5px; }
.hero__object:hover .inspect-disc,.hero__object:focus-visible .inspect-disc { opacity:1; transform:scale(1) rotate(0); }
.hero__bottom { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; position:absolute; bottom:36px; left:36px; right:36px; z-index:3; }
.hero__bottom p { margin:0; font-size:18px; line-height:1.2; letter-spacing:-.04em; }
.text-link { display:flex; align-items:center; gap:30px; width:max-content; max-width:100%; border:0; border-bottom:1px solid currentColor; background:transparent; padding:0 0 8px; cursor:pointer; }
.text-link span { font-size:18px; line-height:1; transition:transform .25s; flex:none; }
.text-link:hover span { transform:translate(3px,-2px); }
.hero__bottom .text-link { margin-left:auto; }
.hero__aside { margin-left:auto; }
.section-pad { padding:30px 36px 58px; }
.section-label { display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding-top:20px; border-top:1px solid var(--ink); }
.statement { padding-top:0; padding-bottom:110px; }
.statement__layout { display:grid; grid-template-columns:1.7fr 1fr; gap:7%; margin-top:74px; }
.statement h2 { margin:0; font-size:clamp(48px,6.3vw,96px); letter-spacing:-.071em; line-height:.96; font-weight:600; }
.statement h2 em { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.065em; }
.statement h2 em { color:var(--green); }
.statement__copy { max-width:410px; padding-top:7px; }
.statement__copy p { margin:0 0 22px; font-size:19px; line-height:1.4; letter-spacing:-.025em; }
.footnote { display:block; color:var(--muted); margin-top:45px; }
.studies { padding-top:0; padding-bottom:36px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin:32px 0 28px; scroll-margin-top:24px; }
.section-heading h2 { font-size:clamp(42px,5vw,68px); line-height:.95; letter-spacing:-.06em; font-weight:600; margin:0; }
.section-heading h2 em { font-family:Georgia,serif; color:var(--green); font-weight:400; }
.section-heading h2 span { color:var(--green); }
.section-heading p { margin:0 1% 5px 0; }
.study-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.study { min-width:0; }
.study__button { display:block; width:100%; border:0; padding:0; background:transparent; text-align:left; cursor:pointer; }
.study__top { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:12px; }
.study__arrow { font-size:22px; font-family:var(--sans); line-height:1; transition:transform .3s; }
.study__image { position:relative; display:block; background:#e7e6dd; margin-top:20px; overflow:hidden; aspect-ratio:1.2; }
.study--outside .study__image { background:#e2e2d9; }
.study--inside { padding-top:0; }
.study--inside .study__image { background:#dedfd3; }
.study--detail { grid-column:auto; margin-top:0; }
.study--detail .study__image { background:#d1d4c6; }
.study__image img { height:100%; object-fit:contain; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.study--outside .study__image img { transform:rotate(-9deg) scale(1.05); }
.study--inside .study__image img { transform:rotate(7deg) scale(.94); }
.study--detail .study__image img { object-fit:cover; transform:scale(1.13); }
.study__button:hover .study__image img { transform:scale(1.08); }
.study--detail .study__button:hover .study__image img { transform:scale(1.19); }
.study__button:hover .study__arrow { transform:translate(3px,-3px); }
.study__bottom { display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin-top:15px; }
.study__title { font-size:clamp(24px,2.4vw,34px); line-height:1.05; letter-spacing:-.055em; }
.study__bottom .mono { color:var(--muted); font-size:11px; }
.study-disclaimer { margin:24px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.view-controls { display:flex; flex-wrap:wrap; gap:4px; padding-bottom:5px; }
.view-controls button { font-family:var(--mono); font-size:12px; line-height:1; letter-spacing:.03em; padding:12px 15px; min-height:44px; border:1px solid #5f645a; background:transparent; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.view-controls button[aria-pressed="true"] { background:var(--paper); color:var(--ink); border-color:var(--paper); }
.view-controls button:hover { border-color:currentColor; }
.name-story { padding-top:75px; padding-bottom:68px; }
.name-story h2 { font-size:clamp(54px,10.8vw,166px); line-height:.86; letter-spacing:-.08em; font-weight:750; margin:65px 0 40px -.01em; }
.name-story h2 span { color:var(--green); }
.name-story__bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }
.name-story__bottom p { font-size:18px; line-height:1.35; letter-spacing:-.025em; margin:0; }
.site-footer { padding:24px 36px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:25px; font-size:11px; }
.footer-middle { display:flex; align-items:center; gap:8px; }
.site-footer a { white-space:nowrap; }
.site-footer a span { margin-left:15px; }
.js .reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1); }
.js .reveal.is-visible { opacity:1; transform:none; }

.specimen-dialog { width:min(1320px,calc(100% - 48px)); max-width:none; max-height:calc(100svh - 48px); border:0; padding:0; background:var(--paper); color:var(--ink); overflow:auto; }
.specimen-dialog::backdrop { background:rgba(17,20,16,.68); backdrop-filter:blur(5px); }
.specimen-panel { min-width:0; }
.specimen-header { padding:12px 28px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:5; background:var(--paper); }
.close-button { border:0; background:transparent; display:flex; align-items:center; justify-content:center; gap:18px; min-width:44px; min-height:44px; padding:8px 0 8px 12px; font-size:12px; cursor:pointer; }
.close-button span { font-family:var(--sans); font-size:28px; line-height:.6; }
.specimen-body { display:grid; grid-template-columns:1.25fr 1fr; }
.specimen-image-wrap { display:grid; place-items:center; background:#dddfd3; min-height:540px; position:relative; overflow:hidden; }
.specimen-number { position:absolute; left:28px; top:26px; z-index:1; }
.specimen-image-wrap img { width:110%; max-width:none; transition:opacity .15s,transform .4s; }
.specimen-image-wrap img.is-changing { opacity:0; transform:translateY(10px); }
.specimen-image-label { position:absolute; bottom:25px; left:28px; font-size:11px; }
.specimen-info { padding:35px 38px 32px; }
.specimen-info h2 { font-size:clamp(42px,5vw,69px); font-weight:600; line-height:.92; letter-spacing:-.07em; margin:48px 0 24px; }
.specimen-description { font-size:17px; line-height:1.45; margin:0 0 30px; min-height:74px; max-width:350px; }
.specimen-info .view-controls button { border-color:var(--line); }
.specimen-info .view-controls button[aria-pressed="true"] { color:var(--paper); background:var(--green); border-color:var(--green); }
.specimen-notes { font-family:var(--mono); font-size:11px; letter-spacing:.035em; margin:35px 0 25px; }
.specimen-notes div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-top:1px solid var(--line); }
.specimen-notes dt { color:var(--muted); }
.specimen-notes dd { margin:0; text-align:right; }
.specimen-note { color:var(--muted); font-size:12px; margin:0; max-width:360px; }

@media (min-width:1550px) { .hero__object { right:3%; } }
@media (max-width:1100px) { .header-nav { margin-left:15px; } .hero { min-height:max(720px,calc(55vw + 220px)); } .hero h1 { margin-top:72px; margin-bottom:85px; } .hero__object { width:62%; right:-7%; top:105px; } .study__bottom { align-items:flex-start; flex-direction:column; gap:8px; } .specimen-info { padding:30px 28px; } .specimen-info h2 { margin-top:35px; } }
@media (max-width:760px) {
  html { scroll-padding-top:24px; }
  .site-header { padding:21px 20px; gap:20px; }
  .brand { font-size:14px; }
  .header-note { display:none; }
  .header-nav { margin-left:auto; gap:20px; font-size:11px; }
  .hero { padding:22px 20px 30px; min-height:0; }
  .hero__eyebrow { font-size:11px; gap:7px; }
  .hero__edition { display:none; }
  .hero h1 { font-size:clamp(80px,17.7vw,135px); margin:45px 0 0; line-height:.85; letter-spacing:-.083em; z-index:2; }
  .hero-title-to,.hero-title-carry { display:block; }
  .hero__object { position:relative; top:auto; right:auto; width:110%; max-width:none; margin:-25px 0 -5px -5%; aspect-ratio:1.5; display:block; }
  .hero__object img { transform:rotate(-11deg) scale(1.13); }
  .object-coordinate { display:none; }
  .object-caption { right:6%; bottom:8%; font-size:11px; }
  .inspect-disc { opacity:1; transform:none; width:94px; height:94px; font-size:11px; right:9%; bottom:19%; }
  .inspect-disc span { font-size:18px; }
  .hero__bottom { position:static; grid-template-columns:1fr 1fr; gap:24px; }
  .hero__bottom p { font-size:15px; }
  .hero__bottom .text-link { font-size:11px; gap:15px; }
  .hero__aside { display:none; }
  .section-pad { padding-left:20px; padding-right:20px; }
  .section-label { font-size:11px; gap:25px; }
  .section-label span:last-child { text-align:right; }
  .statement { padding-top:18px; padding-bottom:65px; }
  .statement__layout { grid-template-columns:1fr; gap:33px; margin-top:48px; }
  .statement h2 { font-size:clamp(48px,10vw,72px); }
  .statement__copy { max-width:440px; padding-left:18%; }
  .statement__copy p { font-size:16px; line-height:1.4; margin-bottom:17px; }
  .footnote { margin-top:25px; font-size:11px; }
  .section-heading { margin:26px 0 24px; gap:18px; align-items:flex-start; flex-direction:column; }
  .section-heading h2 { font-size:44px; }
  .section-heading p { font-size:10px; align-self:flex-start; }
  .study-grid { gap:0; grid-template-columns:1fr; }
  .study__button { display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:auto 1fr; gap:10px 17px; padding:16px 0; border-top:1px solid var(--line); }
  .study--inside { padding-top:0; }
  .study--detail { margin-top:0; grid-column:auto; }
  .study__image,.study--inside .study__image { grid-column:1; grid-row:1/3; aspect-ratio:1; margin:0; align-self:center; }
  .study--detail .study__image { aspect-ratio:1; }
  .study__top { grid-column:2; font-size:9px; padding-top:0; border-top:0; align-items:center; }
  .study__bottom { grid-column:2; flex-direction:column; align-items:flex-start; gap:8px; margin:0; align-self:center; }
  .study__title { font-size:25px; }
  .study__bottom .mono { font-size:9px; }
  .study-disclaimer { font-size:10px; max-width:340px; margin-top:14px; }
  .name-story { padding-top:55px; padding-bottom:45px; }
  .name-story h2 { font-size:clamp(42px,10.9vw,80px); margin:45px 0 30px; }
  .name-story__bottom { align-items:flex-start; flex-direction:column; gap:28px; }
  .name-story__bottom p { font-size:15px; }
  .site-footer { padding:22px 20px; flex-wrap:wrap; font-size:11px; gap:20px 28px; }
  .footer-middle { display:none; }
  .site-footer a { margin-left:auto; }
  .specimen-dialog { width:calc(100% - 20px); max-height:calc(100svh - 20px); }
  .specimen-header { padding:10px 18px; }
  .specimen-header > .mono { font-size:11px; }
  .specimen-body { grid-template-columns:1fr; }
  .specimen-image-wrap { min-height:0; aspect-ratio:1.25; }
  .specimen-number { left:18px; top:18px; font-size:11px; }
  .specimen-image-label { left:18px; bottom:16px; font-size:11px; }
  .specimen-info { padding:27px 20px; }
  .specimen-kicker { font-size:11px; }
  .specimen-info h2 { font-size:52px; margin:28px 0 20px; }
  .specimen-description { font-size:16px; min-height:0; }
  .specimen-notes { margin-top:26px; }
}
@media (max-width:370px) { .site-header { flex-wrap:wrap; } .header-nav { flex-basis:100%; justify-content:space-between; margin-left:0; gap:20px; font-size:11px; } .brand { font-size:14px; } .hero h1 { font-size:77px; } .hero__bottom .text-link { gap:10px; font-size:11px; } .study__bottom { flex-direction:column; gap:8px; } .name-story h2 { font-size:10.9vw; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } .js .reveal { opacity:1; transform:none; } .specimen-image-wrap img.is-changing { opacity:1; transform:none; } }
@media (forced-colors:active) { .view-controls button[aria-pressed="true"] { border:3px solid ButtonText; } .status-dot,.brand__dot { background:CanvasText; } }

/* Volume 002 — the object arrives, then its story. */
.header-nav { align-items:center; gap:25px; margin-left:30px; }
.header-nav .nav-build { border-bottom:1px solid var(--ink); }
.hero--arrival { min-height:0; padding-bottom:34px; }
.arrival-stage { display:grid; grid-template-columns:.76fr 1.24fr; align-items:center; min-height:600px; }
.hero--arrival h1 { margin:56px 0; font-size:clamp(88px,11.4vw,176px); line-height:.83; letter-spacing:-.082em; max-width:100%; }
.hero--arrival h1 > span { display:block; }
.arrival-object { padding-bottom:48px; min-width:0; position:relative; align-self:stretch; display:grid; align-items:center; }
.arrival-wallet { display:block; margin:-5% -4% 0; transform:rotate(-8deg); }
.arrival-render { width:100%; aspect-ratio:1000/760; }
.arrival-render svg,.junior-plate__wallet svg,.compare-render svg,.construction-wallet svg { display:block; width:100%; height:auto; }
.arrival-wallet:focus-visible { outline-offset:-20px; }
.arrival-coordinate { position:absolute; top:30px; left:11%; z-index:2; }
.arrival-caption { position:absolute; bottom:36px; left:11%; }
.arrival-replay { position:absolute; bottom:34px; right:0; min-height:44px; border:0; background:transparent; display:flex; align-items:center; gap:16px; padding:10px 0; cursor:pointer; }
.arrival-replay span { font-family:var(--sans); font-size:22px; }
.hero--arrival .hero__bottom { position:static; padding-top:28px; border-top:1px solid var(--line); }
.hero.is-arriving .arrival-wallet { animation:wallet-arrival 1.65s cubic-bezier(.16,1,.3,1) both; }
.hero.is-arriving h1 > span { animation:arrival-text .8s cubic-bezier(.16,1,.3,1) both; }
.hero.is-arriving h1 > span:nth-child(1) { animation-delay:.85s; }
.hero.is-arriving h1 > span:nth-child(2) { animation-delay:1.02s; }
.hero.is-arriving h1 > span:nth-child(3) { animation-delay:1.18s; }
.hero.is-arriving .hero__bottom { animation:arrival-text .8s cubic-bezier(.16,1,.3,1) 1.42s both; }
@keyframes wallet-arrival { from { opacity:0; transform:translateY(-75vh) rotate(-36deg) scale(.76); filter:blur(18px); } 48% { opacity:1; filter:blur(3px); } to { opacity:1; transform:translateY(0) rotate(-8deg) scale(1); filter:blur(0); } }
@keyframes arrival-text { from { opacity:0; transform:translateY(34px); } to { opacity:1; transform:translateY(0); } }
.junior-intro { padding-top:55px; padding-bottom:28px; background:#e8e9df; }
.junior-intro__layout { display:grid; grid-template-columns:1fr 1fr; gap:6%; align-items:center; padding:64px 0 46px; }
.junior-kicker { margin:0 0 27px; }
.junior-intro h2 { font-size:clamp(54px,6.7vw,104px); letter-spacing:-.07em; line-height:.93; margin:0; font-weight:600; }
.junior-intro h2 em,.comparison h2 em,.construction h2 em,.material-story h2 em { font-family:Georgia,'Times New Roman',serif; font-weight:400; color:var(--green); }
.junior-tagline { max-width:380px; font-size:clamp(23px,2.6vw,39px); line-height:1.1; letter-spacing:-.045em; margin:30px 0 36px; }
.junior-plate { position:relative; min-width:0; background:#d5d8c9; aspect-ratio:1.05; display:grid; place-items:center; }
.junior-plate__label { position:absolute; top:25px; left:25px; }
.junior-plate__wallet { width:91%; transform:rotate(10deg); }
.junior-measure { position:absolute; bottom:25px; left:25px; right:25px; display:flex; align-items:center; gap:14px; }
.junior-measure span:last-child { max-width:118px; text-align:right; }
.measure-line { flex:1; height:1px; background:var(--ink); position:relative; }
.measure-line::before,.measure-line::after { content:''; position:absolute; width:1px; height:9px; background:var(--ink); top:-4px; }
.measure-line::before { left:0; }.measure-line::after { right:0; }
.junior-intro__note { display:flex; justify-content:space-between; gap:24px; padding-top:21px; border-top:1px solid #babdac; }
.comparison { padding-top:65px; padding-bottom:90px; }
.comparison-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin:60px 0 40px; }
.comparison h2 { margin:0; font-size:clamp(45px,5.7vw,86px); line-height:.95; letter-spacing:-.063em; font-weight:600; }
.comparison-heading p { font-size:19px; line-height:1.3; letter-spacing:-.025em; margin:0; max-width:280px; }
.comparison-heading .mono { display:block; margin-top:25px; font-size:11px; letter-spacing:.035em; }
.comparison-controls { display:flex; gap:4px; }
.comparison-controls button { min-height:44px; padding:12px 18px; border:1px solid var(--line); background:transparent; cursor:pointer; font:inherit; }
.comparison-controls button[aria-pressed=true] { background:var(--ink); border-color:var(--ink); color:var(--paper); }
.comparison-stage { background:#e7e5dd; margin-top:18px; display:grid; grid-template-columns:1fr 2fr; align-items:end; padding:20px 3% 30px; gap:0; overflow:hidden; }
.compare-figure { margin:0; min-width:0; transition:opacity .45s,filter .45s; }
.compare-render { width:100%; transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.compare-figure figcaption { border-top:1px solid #bfc1b4; padding:18px 12px 0; display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-height:150px; }
.compare-figure--senior figcaption { margin-left:8%; }
.compare-name { font-size:36px; line-height:1; letter-spacing:-.06em; display:flex; flex-wrap:wrap; align-items:baseline; gap:18px; }
.compare-name .mono { letter-spacing:.04em; color:var(--muted); }
.compare-dimension { font-size:24px; letter-spacing:-.035em; }
.compare-dimension .mono { margin-left:6px; }
.compare-figure figcaption a { border-bottom:1px solid currentColor; padding:8px 0; margin-top:auto; font-size:11px; }
.comparison-stage[data-comparison=junior] .compare-figure--senior .compare-render,.comparison-stage[data-comparison=senior] .compare-figure--junior .compare-render { opacity:.3; filter:grayscale(1); }
.comparison-stage[data-comparison=junior] .compare-figure--junior .compare-render,.comparison-stage[data-comparison=senior] .compare-figure--senior .compare-render { transform:translateY(-12px); }
.comparison-caption { margin:22px 0 15px; font-size:12px; }
.prototype-note { max-width:830px; font-size:13px; line-height:1.5; color:#55584f; margin:0; }
.construction { background:#dfe3d6; padding-top:50px; padding-bottom:58px; }
.construction-heading { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin:50px 0 36px; }
.construction h2 { font-size:clamp(47px,5.7vw,88px); font-weight:550; letter-spacing:-.065em; line-height:.95; margin:0; }
.construction-heading p { margin:0 0 5px; }
.construction-layout { display:grid; grid-template-columns:1.35fr 1fr; gap:36px; align-items:center; }
.construction-stage { position:relative; min-width:0; aspect-ratio:1.15; background:#d2d8c6; overflow:hidden; }
.construction-wallet { width:100%; padding-top:8%; }
.construction-figure { position:absolute; top:21px; left:21px; z-index:1; }
.construction-legend { position:absolute; left:21px; bottom:17px; font-size:10px; }
.hotspot { position:absolute; padding:4px 9px 4px 4px; min-height:40px; border:1px solid #969f8c; background:rgba(243,241,235,.96); border-radius:22px; display:flex; align-items:center; gap:7px; font-family:var(--mono); font-size:10px; letter-spacing:.025em; cursor:pointer; box-shadow:0 3px 12px #13211612; transition:background .2s,color .2s,transform .2s; }
.hotspot span { display:grid; place-items:center; width:30px; height:30px; border:1px solid #a5ab9d; border-radius:50%; font-size:11px; flex:none; }
.hotspot[aria-pressed=true] { background:var(--green); color:white; border-color:var(--green); }
.hotspot[aria-pressed=true] span { border-color:#91ab8e; }
.hotspot:hover { transform:translateY(-3px); }
.hotspot--shell { top:18%; left:9%; }.hotspot--pockets { top:41%; right:5%; }.hotspot--stitch { bottom:20%; right:6%; }.hotspot--edge { bottom:11%; left:18%; }.hotspot--gusset { top:49%; left:3%; }
.part-description { padding:25px 4% 30px; min-width:0; }
.part-index { color:#4c5a43; }
.part-description h3 { font-weight:500; font-size:clamp(35px,3.9vw,58px); line-height:.96; letter-spacing:-.06em; margin:29px 0 24px; }
.part-description > p { font-size:17px; line-height:1.5; letter-spacing:-.02em; margin:0 0 25px; min-height:102px; }
.part-notes { margin:0 0 30px; }
.part-notes div { padding:14px 0; border-top:1px solid #b4bdab; }
.part-notes dt { font-family:var(--mono); font-size:10px; letter-spacing:.04em; margin-bottom:8px; }
.part-notes dd { font-size:13px; line-height:1.5; margin:0; color:#46513f; }
.part-description.is-changing > :not(.text-link) { animation:part-reveal .36s ease; }
@keyframes part-reveal { from { opacity:.35; transform:translateY(7px); } to { opacity:1; transform:none; } }
.material-story { padding-top:60px; padding-bottom:70px; }
.material-heading { display:grid; grid-template-columns:1fr .7fr; gap:10%; align-items:end; margin:52px 0 46px; }
.material-heading h2 { font-size:clamp(52px,6.3vw,98px); line-height:.94; font-weight:550; letter-spacing:-.065em; margin:0; }
.material-heading p { font-size:20px; line-height:1.4; letter-spacing:-.03em; margin:0 0 28px; max-width:370px; }
.material-reference-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.material-reference { display:flex; flex-direction:column; min-width:0; }
.material-surface { display:block; aspect-ratio:1.5; margin-bottom:16px; background-color:#38241e; position:relative; overflow:hidden; transition:transform .45s; }
.material-choice:hover .material-surface { transform:translateY(-3px); }
.material-choice { display:flex; flex-direction:column; min-width:0; }
.material-surface img { width:100%; height:100%; object-fit:cover; }
.material-credit { display:block; width:fit-content; margin-top:10px; padding:7px 0; min-height:44px; color:var(--muted); font:11px/1.45 var(--sans); text-decoration:underline; text-underline-offset:3px; }
.material-credit:hover { color:var(--green); }
.material-reference h3 { font-size:24px; line-height:1.06; letter-spacing:-.05em; font-weight:500; margin:15px 0 12px; }
.material-reference p { font-size:13px; line-height:1.4; color:var(--muted); margin:0; }
.materials-footnote { border-top:1px solid var(--line); margin-top:28px; padding-top:18px; max-width:none; }
.materials-footnote p { margin:0; font-size:12px; line-height:1.55; color:#575c50; }

@media (min-width:1700px) { .arrival-stage { min-height:710px; }.hero--arrival h1 { font-size:200px; }.arrival-wallet { margin:-8% 0 0; } }
@media (max-width:1100px) {
  .header-note { display:none; }.header-nav { margin-left:auto; }
  .arrival-stage { min-height:490px; }.hero--arrival h1 { font-size:11.6vw; margin:50px 0; }.arrival-coordinate { left:6%; }.arrival-caption { left:6%; bottom:35px; }.arrival-replay { font-size:10px; }
  .junior-intro__layout { gap:4%; }.junior-measure { gap:10px; left:18px; right:18px; }.junior-measure .mono { font-size:10px; }.junior-measure span:last-child { max-width:95px; }
  .construction-layout { grid-template-columns:1.2fr 1fr; gap:15px; }.construction-stage { aspect-ratio:.95; }.construction-wallet { padding-top:14%; }.construction-heading p { max-width:210px; }.hotspot { font-size:9px; }.hotspot--edge { bottom:13%; left:11%; }.hotspot--stitch { bottom:24%; }.part-description { padding:15px 2%; }.part-description>p { font-size:16px; }.construction-legend { font-size:9px; max-width:260px; }
  .material-reference-grid { gap:15px; }.material-reference h3 { font-size:20px; }
}
@media (max-width:760px) {
  .site-header { gap:16px; flex-wrap:wrap; }.header-nav { width:100%; margin:5px 0 0; justify-content:space-between; gap:12px; font-size:10px; }.header-nav a { min-height:36px; display:flex; align-items:center; gap:6px; }
  .hero--arrival { padding-top:20px; }.arrival-stage { display:flex; flex-direction:column-reverse; min-height:0; align-items:stretch; }.arrival-object { display:block; padding:0; min-height:0; aspect-ratio:auto; margin-top:8px; }.arrival-coordinate { top:20px; left:0; font-size:10px; }.arrival-wallet { margin:28px -3% 62px; }.arrival-caption { left:0; bottom:13px; font-size:10px; }.arrival-replay { bottom:8px; font-size:10px; }.hero--arrival h1 { font-size:clamp(72px,17.2vw,120px); line-height:.84; margin:20px 0 32px; }.hero--arrival h1 >span { display:inline; }.hero--arrival h1 >span:nth-child(1)::after { content:' '; }.hero--arrival h1 >span:nth-child(2)::after { content:'\a'; white-space:pre; }.hero--arrival .hero__bottom { padding-top:25px; }.hero--arrival .hero__bottom p { font-size:15px; }.hero--arrival .hero__bottom .text-link { font-size:10px; }
  .junior-intro { padding-top:26px; }.junior-intro__layout { grid-template-columns:1fr; gap:37px; padding:43px 0 28px; }.junior-intro h2 { font-size:clamp(55px,12vw,86px); }.junior-tagline { font-size:29px; max-width:290px; margin-top:25px; }.junior-plate { aspect-ratio:1.15; }.junior-kicker { font-size:10px; }.junior-intro__note { flex-direction:column; gap:8px; font-size:10px; }.junior-measure .mono { font-size:11px; }
  .comparison { padding-top:42px; padding-bottom:58px; }.comparison-heading { margin:40px 0 28px; display:block; }.comparison h2 { font-size:clamp(38px,9.4vw,65px); }.comparison-heading p { font-size:16px; margin:24px 0 0 auto; max-width:250px; }.comparison-heading .mono { font-size:10px; margin-top:15px; }.comparison-controls { gap:3px; }.comparison-controls button { flex:1; font-size:9px; padding:11px 8px; }.comparison-stage { margin-left:-20px; margin-right:-20px; padding:20px 14px 18px; gap:0; }.compare-figure figcaption { min-height:157px; padding:14px 6px 0; gap:10px; }.compare-figure--senior figcaption { margin-left:10%; }.compare-name { font-size:27px; gap:9px; }.compare-name .mono { font-size:9px; }.compare-dimension { font-size:21px; }.compare-dimension .mono { font-size:9px; display:block; margin-left:0; margin-top:5px; }.compare-figure figcaption a { font-size:9px; line-height:1.5; }.comparison-caption { font-size:11px; }.prototype-note { font-size:12px; }
  .construction { padding-top:28px; padding-bottom:36px; }.construction-heading { display:block; margin:40px 0 30px; }.construction h2 { font-size:clamp(43px,10vw,68px); }.construction-heading p { margin:22px 0 0; max-width:none; font-size:10px; }.construction-layout { display:block; }.construction-stage { aspect-ratio:auto; padding-bottom:18px; overflow:visible; }.construction-wallet { padding:35px 0 0; width:100%; }.construction-figure { top:16px; left:16px; font-size:10px; }.construction-hotspots { position:static; display:flex; flex-wrap:wrap; gap:7px; padding:0 14px 20px; }.hotspot { position:static; min-height:44px; font-size:9px; padding:5px 8px 5px 4px; gap:5px; }.hotspot span { width:27px; height:27px; font-size:10px; }.construction-legend { position:static; display:block; font-size:9px; padding:0 16px; max-width:none; }.part-description { padding:30px 0 0; }.part-description h3 { font-size:46px; margin:20px 0; }.part-description>p { min-height:0; font-size:16px; }.part-notes dd { font-size:13px; }.part-notes dt { font-size:10px; }
  .material-story { padding-top:40px; padding-bottom:42px; }.material-heading { grid-template-columns:1fr; gap:25px; margin:40px 0 32px; }.material-heading h2 { font-size:clamp(52px,12vw,80px); }.material-heading>div { margin-left:15%; }.material-heading p { font-size:17px; }.material-reference-grid { grid-template-columns:repeat(2,1fr); gap:30px 15px; }.material-surface { margin-bottom:14px; aspect-ratio:1.5; }.material-reference .mono { font-size:9px; }.material-reference h3 { font-size:22px; margin:11px 0; }.material-reference p { font-size:12px; }.materials-footnote { grid-template-columns:1fr; gap:20px; }.materials-footnote p { font-size:12px; }
}
@media (max-width:370px) { .hero--arrival h1 { font-size:16.8vw; }.header-nav { font-size:9px; }.arrival-coordinate { font-size:9px; }.arrival-caption,.arrival-replay { font-size:9px; }.compare-name { font-size:24px; }.compare-name .mono { display:none; }.comparison-controls button { font-size:8px; }.material-reference h3 { font-size:19px; }.junior-intro h2 { font-size:12.5vw; } }
@media (prefers-reduced-motion:reduce) { .hero.is-arriving .arrival-wallet { animation:none; opacity:1; transform:rotate(-8deg); filter:none; }.hero.is-arriving h1 > span,.hero.is-arriving .hero__bottom { animation:none; opacity:1; transform:none; }.arrival-replay { display:none; }.compare-render,.compare-figure,.part-description.is-changing>* { transition:none; animation:none; }.hotspot:hover { transform:none; } }
/* Fine callout rules locate the construction notes on the exploded illustration. */
.construction-leaders { pointer-events:none; position:absolute; width:100%; height:auto; top:0; left:0; padding-top:8%; }
.hotspot--shell { top:18%; left:3%; }.hotspot--edge { top:21%; right:3%; bottom:auto; left:auto; }.hotspot--pockets { top:auto; bottom:14%; right:auto; left:12%; }.hotspot--gusset { top:49%; left:3%; }.hotspot--stitch { bottom:25%; right:3%; }
@media(max-width:1100px) and (min-width:761px) { .construction-leaders { padding-top:14%; }.hotspot--shell { top:23%; }.hotspot--edge { top:25%; }.hotspot--pockets { bottom:16%; }.hotspot--stitch { bottom:25%; } }
@media(max-width:760px) { .construction-leaders { display:none; }.hotspot { position:static; } }

/* Volume 006: a brief automatic arrival, followed by an ordinary document. */
.scroll-story { --scene-progress:1; --scene-ui:1; --scene-dock:1; --scene-detail:1; position:relative; background:var(--paper); }
.scroll-pin { position:relative; min-height:780px; height:100svh; padding:22px 36px 18px; display:grid; grid-template-rows:44px minmax(0,1fr) 52px; gap:18px; overflow:clip; }
.scene-atmosphere { position:absolute; inset:0; pointer-events:none; overflow:hidden; opacity:calc(1 - .78 * var(--scene-dock)); }
.scene-halo { position:absolute; inset:-10%; background:radial-gradient(ellipse at 50% 28%,rgba(255,255,247,.9),transparent 48%),radial-gradient(ellipse at 60% 70%,rgba(157,163,136,.1),transparent 60%); }
.scene-dust { position:absolute; inset:-12%; background:url('./assets/stardust.svg') center/cover no-repeat; }
.scene-dust--near { opacity:.52; transform:translateY(calc(-65px * var(--scene-progress))) rotate(calc(5deg * var(--scene-progress))); }
.scene-dust--far { opacity:.24; transform:translateY(calc(40px * var(--scene-progress))) rotate(-24deg) scale(1.25); }
.scene-pixie { position:absolute; top:26%; left:50%; width:min(800px,90vw); height:auto; transform:translate(-50%,-50%) rotate(calc(9deg * var(--scene-progress))); opacity:.95; }
.scene-layout,.scene-topline,.scene-footer { position:relative; }
.scene-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; font-size:10px; }
.scene-brand { position:relative; font:700 21px/.97 var(--sans); letter-spacing:-.055em; display:block; }
.scene-brand .brand__dot { margin-left:6px; }
.scene-actions { display:flex; align-items:center; gap:24px; }
.scene-actions a,.scene-actions button { display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:transparent; font:10px var(--mono); letter-spacing:.025em; cursor:pointer; }
.scene-actions a:hover,.scene-actions button:hover { text-decoration:underline; text-underline-offset:6px; }
.scene-actions [hidden] { display:none; }
.scene-layout { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:22px; align-items:center; min-height:0; }
.scene-editorial { align-self:center; position:relative; min-width:0; display:flex; flex-direction:column; gap:28px; }
.scene-title { min-width:0; }
.scene-kicker { color:var(--muted); font-size:10px; }
.scene-title h1 { font-size:clamp(64px,7.35vw,128px); line-height:.87; letter-spacing:-.075em; font-weight:750; margin:25px 0 20px; }
.scene-title h1>span,.scene-title h1>em { display:block; }
.scene-title h1 .scene-title-bridge { font-size:.68em; line-height:1.18; margin:.12em 0 .04em; letter-spacing:-.05em; font-weight:450; }
.scene-title h1 em { font-family:Georgia,serif; font-weight:400; color:var(--green); letter-spacing:-.08em; }
.scene-title p { font-size:15px; line-height:1.4; letter-spacing:-.025em; margin:0; }
.scene-title .scene-manifesto { font-size:17px; line-height:1.45; max-width:390px; }
.scene-detail { position:relative; border-top:1px solid var(--line); padding-top:18px; max-width:390px; opacity:var(--scene-detail); }
.scene-detail>.mono { color:var(--green); font-size:9px; }
.scene-detail h2 { font-size:clamp(25px,2.5vw,36px); font-weight:500; line-height:1; letter-spacing:-.055em; margin:10px 0; }
.scene-detail p { font-size:13px; line-height:1.45; margin:0 0 12px; max-width:360px; }
.scene-detail .text-link { font-size:9px; min-height:32px; gap:20px; }
.scene-visual { position:relative; min-width:0; height:100%; display:grid; align-items:center; }
.scene-figure { position:absolute; top:5%; left:4%; color:var(--muted); font-size:9px; }
.scene-assembly { width:100%; aspect-ratio:1000/760; position:relative; }
.scene-wallet-turn { transform-origin:50% 52%; }
.scene-wallet { position:relative; width:100%; }
.scene-wallet svg { display:block; width:100%; height:auto; overflow:visible; }
.scene-leaders { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.scene-leaders path { fill:none; stroke:#5c7159; stroke-width:1.1; vector-effect:non-scaling-stroke; stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--draw,1)); }
.scene-leaders circle { fill:var(--paper); stroke:var(--green); stroke-width:1.7; vector-effect:non-scaling-stroke; }
.scene-callout { --reveal:1; position:absolute; min-height:44px; border:1px solid #9ca394; background:rgba(243,241,235,.97); padding:4px 10px 4px 4px; display:flex; align-items:center; gap:7px; cursor:pointer; opacity:var(--reveal); transform:translateY(calc(12px * (1 - var(--reveal)))); }
.scene-callout span { width:30px; height:32px; display:grid; place-items:center; font:11px var(--mono); flex:none; border-right:1px solid #c6c9bd; }
.scene-callout b { font:9px var(--mono); letter-spacing:.015em; white-space:nowrap; }
.scene-callout[aria-pressed=true] { background:var(--green); color:#fff; border-color:var(--green); }
.scene-callout[aria-pressed=true] span { border-color:#7a9876; }
.scene-callout:hover:not(:disabled) { border-color:var(--ink); }
.scene-callout:focus-visible { outline-offset:4px; }
.callout-shell { top:15%; left:0; }.callout-pockets { top:3%; left:66%; }.callout-stitch { top:44%; right:0; }.callout-edge { top:87%; right:4%; }.callout-gusset { top:77%; left:0; }
/* The hit area follows the raised D; its small label stays outside the leather. */
.scene-callout.callout-dpin { width:44px; height:44px; padding:0; border:0; background:transparent; left:42%; top:37.5%; transform:translate(-50%,-50%); border-radius:6px; }
.scene-callout.callout-dpin b { position:absolute; display:block; left:50%; bottom:calc(100% + 14px); transform:translateX(-50%); padding:7px 9px; border:1px solid #9ca394; background:var(--paper); color:var(--ink); font:9px var(--mono); white-space:nowrap; }
.scene-callout.callout-dpin::before { content:""; position:absolute; bottom:100%; left:50%; height:14px; border-left:1px solid #5c7159; }
.scene-callout.callout-dpin:hover:not(:disabled) b { border-color:var(--ink); }
.scene-callout.callout-dpin[aria-pressed=true] b { color:#fff; background:var(--green); border-color:var(--green); }
.scene-callout.callout-dpin:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.scene-image-note { position:absolute; bottom:11%; left:4%; font-size:9px; color:var(--muted); max-width:85%; line-height:1.5; }
.scene-footer { display:flex; align-items:center; gap:22px; border-top:1px solid var(--line); padding-top:12px; font-size:9px; }
.scene-footer>[data-scene-stage] { min-width:200px; }
.scene-meter { flex:1; height:2px; background:#d6d8ce; }
.scene-meter span { display:block; height:100%; background:var(--green); transform:scaleX(var(--scene-progress)); transform-origin:left; }
.scene-instruction { display:flex; align-items:center; gap:15px; }
[data-scene-percent] { width:24px; text-align:right; color:var(--green); }
.scene-scroll-cue { position:absolute; z-index:2; bottom:83px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:7px; margin:0; color:#696d62; font:10px/1.5 var(--mono); letter-spacing:.07em; white-space:nowrap; pointer-events:none; }
.scene-scroll-cue svg { fill:none; stroke:currentColor; stroke-width:1.15; stroke-linecap:round; stroke-linejoin:round; }
.is-entrance .scene-editorial,.is-entrance .scene-topline>span,.is-entrance .scene-footer,.is-entrance .scene-figure,.is-entrance .scene-image-note { opacity:var(--scene-ui); }
.junior-intro.is-scroll-reveal .junior-intro__copy { opacity:var(--junior-copy,1); }
.junior-intro.is-scroll-reveal .junior-intro__copy > * { transform:translateY(calc(24px * (1 - var(--junior-copy,1)))); }
@media(max-width:1100px) and (min-width:761px) {
  .scroll-pin { padding:20px 25px 18px; min-height:720px; }
  .scene-layout { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:15px; }
  .scene-title h1 { font-size:7.35vw; }.scene-callout b { display:none; }.scene-callout { padding:0; width:44px; }.scene-callout span { width:42px; border:0; }
  .scene-actions { gap:15px; }.scene-detail { max-width:340px; }.scene-footer>[data-scene-stage] { min-width:165px; }
}
@media(max-width:760px) {
  .scroll-pin { min-height:100svh; height:auto; padding:14px 20px 18px; grid-template-rows:44px auto 48px; gap:18px; }
  .scene-topline { font-size:8px; gap:10px; }.scene-brand { font-size:18px; line-height:1; letter-spacing:-.045em; }
  .scene-actions { gap:12px; }.scene-actions button,.scene-actions a { font-size:8px; }.scene-actions a { display:none; }
  .scene-layout { grid-template-columns:1fr; gap:18px; }
  .scene-editorial { display:contents; }.scene-title { order:1; }.scene-visual { order:2; }.scene-detail { order:3; }
  .scene-title h1 { font-size:clamp(56px,15.8vw,105px); line-height:.88; margin:14px 0 18px; }.scene-title .scene-manifesto { font-size:14px; line-height:1.4; }.scene-kicker { font-size:8px; }
  .is-entrance .scene-title { opacity:var(--scene-ui); }
  .scene-visual { height:auto; min-height:0; padding:15px 0 22px; }
  .scene-assembly { width:100%; max-width:550px; justify-self:center; }
  .scene-figure { position:relative; top:auto; left:auto; font-size:8px; margin-bottom:14px; }
  .scene-image-note { position:relative; bottom:auto; left:auto; font-size:8px; margin-top:20px; max-width:none; }
  .scene-callout { padding:0; width:44px; min-height:44px; }.scene-callout span { border:0; width:42px; }.scene-callout b { display:none; }
  .callout-shell { top:8%; }.callout-pockets { top:0; left:71%; }.callout-stitch { top:44%; }.callout-edge { top:83%; right:5%; }.callout-gusset { top:75%; }
  .scene-detail { max-width:none; padding-top:17px; }.scene-detail h2 { font-size:29px; }.scene-detail p { font-size:13px; max-width:none; }
  .scene-scroll-cue { position:relative; bottom:auto; left:auto; transform:none; grid-row:3; margin:8px 0; font-size:9px; }
  .scene-footer { grid-row:4; min-height:45px; gap:10px; font-size:8px; flex-wrap:wrap; }.scene-footer>[data-scene-stage] { min-width:0; flex:1; }.scene-meter { display:none; }.scene-instruction { font-size:8px; gap:7px; }
  .scene-pixie { width:115vw; top:23%; }
}
@media(max-width:370px) { .scene-title h1 { font-size:15.5vw; }.scene-brand { font-size:16px; }.scene-actions { gap:8px; }.scene-detail h2 { font-size:26px; } }
@media(prefers-reduced-motion:reduce) {
  .scroll-story { --scene-ui:1; --scene-dock:1; }
}
.compare-product-link { display:block; position:relative; min-width:0; }
.compare-explore { display:inline-flex; align-items:center; min-height:44px; font-size:10px; padding:8px 0; color:var(--green); border-bottom:1px solid var(--line); }
.compare-product-link:hover .compare-explore { border-color:var(--green); }
.compare-product-link:focus-visible { outline:2px solid var(--green); outline-offset:8px; }
.compare-capacity { display:block; font:11px/1.5 var(--mono); color:var(--green); }
.capacity-comparison-note { margin:24px 0 0; padding:22px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 2fr; gap:12px 35px; }
.capacity-comparison-note>span:not(.mono) { font-size:19px; letter-spacing:-.025em; }
.capacity-comparison-note small { grid-column:2; font-size:12px; line-height:1.5; color:var(--muted); }
@media(max-width:760px) { .compare-explore { font-size:9px; }.compare-capacity { font-size:9px; }.capacity-comparison-note { grid-template-columns:1fr; gap:12px; }.capacity-comparison-note small { grid-column:1; }.capacity-comparison-note>span:not(.mono) { font-size:17px; } }

/* Volume 007: a direct way into the studio, and a little more personality. */
.scene-build-button { display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(205px,100%); min-height:48px; margin-top:18px; padding:12px 17px; color:var(--paper); background:var(--green); border:1px solid var(--green); font:12px/1.4 var(--mono); transition:background .2s,transform .2s; }
.scene-build-button span { font-size:21px; line-height:1; }
.scene-build-button:hover { background:#254a31; transform:translateY(-2px); }
.scene-build-button:focus-visible { outline:3px solid var(--green); outline-offset:5px; }
.junior-pocket-copy { max-width:355px; margin:-15px 0 30px; font-size:17px; line-height:1.45; letter-spacing:-.02em; color:var(--muted); }
.statement__copy .brand-attitude { margin:30px 0; font:italic clamp(27px,2.6vw,40px)/1.07 Georgia,'Times New Roman',serif; letter-spacing:-.045em; color:var(--green); }
@media(min-width:761px) { .scroll-pin { min-height:820px; }.scene-editorial { gap:22px; }.scene-title h1 { margin-top:20px; margin-bottom:18px; } }
@media(max-width:760px) { .scene-build-button { width:100%; max-width:350px; min-height:50px; margin-top:20px; }.junior-pocket-copy { max-width:330px; font-size:16px; margin-top:-17px; }.statement__copy .brand-attitude { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { .scene-build-button { transition:none; }.scene-build-button:hover { transform:none; } }
@media(forced-colors:active) { .scene-build-button { border:2px solid ButtonText; } }


/* A quiet early route to the upcoming Fold; Mark 001 keeps the primary action. */
.scene-title .scene-fold-link{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;width:fit-content;max-width:100%;min-height:44px;margin-top:8px;padding:8px 0;color:var(--muted);font:11px/1.4 var(--sans);letter-spacing:0}
.scene-fold-link small{font:8px/1.4 var(--mono);letter-spacing:.04em}
.scene-fold-link>span:first-child{border-bottom:1px solid var(--line);padding-bottom:2px}
.scene-fold-link>span:last-child{font-size:16px}
.scene-fold-link:hover{color:var(--green)}
.scene-fold-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}
#wuollet-fold{scroll-margin-top:18px}
@media(max-width:760px){.scene-title .scene-fold-link{font-size:12px;margin-top:6px;gap:6px 10px}}

/* Volume 015: less repeated explanation, more space for the actual objects. */
.comparison-stage { max-width:1000px; margin-left:auto; margin-right:auto; }
.comparison { padding-top:48px; padding-bottom:54px; }
.comparison-heading { margin-top:38px; margin-bottom:28px; }
.capacity-comparison-note { margin-top:18px; padding:18px 0 0; gap:10px 30px; }
.name-story { display:grid; grid-template-columns:1.2fr 1fr; column-gap:8%; padding-top:32px; padding-bottom:36px; }
.name-story>.section-label { grid-column:1/-1; }
.name-story h2 { font-size:clamp(36px,4.6vw,68px); line-height:.92; margin:28px 0 0; letter-spacing:-.065em; }
.name-story__bottom { flex-direction:column; align-items:flex-start; align-self:end; gap:18px; padding-bottom:3px; }
.name-story__bottom p { font-size:16px; }
@media(max-width:760px) {
 .comparison { padding-top:32px; padding-bottom:38px; }
 .comparison-heading { margin-top:28px; margin-bottom:24px; }
 .comparison-stage { margin-left:-20px; margin-right:-20px; }
 .capacity-comparison-note { gap:9px; }
 .material-credit { font-size:10px; margin-top:6px; }
 .name-story { grid-template-columns:1fr; padding-top:28px; padding-bottom:30px; }
 .name-story h2 { font-size:clamp(32px,8.5vw,52px); margin:24px 0 18px; }
 .name-story__bottom { gap:14px; padding:0; }
 .name-story__bottom p { font-size:15px; }
}

@media(max-width:760px) {
 .material-heading { margin-top:28px; margin-bottom:26px; }
 .material-heading h2 { font-size:clamp(42px,10.5vw,64px); }
}