@charset "UTF-8";
/* Visual language: editorial moving-image journal. Components use semantic layouts,
   no external framework or font dependency. */
:root {
  color-scheme:light;
  --ink:#14222a;
  --ink-2:#283843;
  --muted:#66737c;
  --paper:#faf9f5;
  --paper-alt:#f0f0e9;
  --paper-deep:#e5e7e0;
  --night:#101d28;
  --night-soft:#1d303d;
  --line:#dcded7;
  --accent:#f4c66a;
  --accent-dark:#b47e28;
  --white:#fff;
  --space:clamp(24px,4.5vw,76px);
  --max-width:1450px;
  --head-font:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",serif;
  --text-font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --corner:3px;
  --shadow:0 14px 46px rgba(15,30,35,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text-font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent-dark);outline-offset:4px}
::selection{background:#e2c482;color:#19252c}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--night);z-index:999;padding:10px 20px;border-radius:4px}
.skip-link:focus{top:10px}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{max-width:1600px;margin:auto;padding:0 var(--space);min-height:95px;display:flex;align-items:center;gap:38px;justify-content:space-between}
.brand-mark{display:flex;align-items:center;gap:13px;font-weight:800;font-size:24px;line-height:1.1;letter-spacing:.04em;white-space:nowrap}
.brand-symbol{font-size:43px;color:#db9e3e;line-height:1;font-weight:400}
.brand-mark small{display:block;font-weight:550;font-size:9px;letter-spacing:.13em;color:var(--muted);margin-top:7px}
.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2.7vw,42px)}
.desktop-nav a{font-size:14px;font-weight:650;padding:12px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--accent-dark);border-bottom-color:var(--accent-dark)}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;width:44px;height:44px;gap:6px;border:1px solid var(--line);border-radius:3px;background:transparent}
.menu-toggle span{height:2px;width:19px;background:var(--ink);transition:transform .25s,opacity .25s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}
.mobile-menu{display:none}
main{min-height:50vh}
.section-space{max-width:var(--max-width);padding:110px var(--space);margin-inline:auto}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--accent-dark);font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.eyebrow--light{color:var(--accent)}
.dash{display:inline-block;width:32px;height:1px;background:currentColor}
h1,h2,h3,h4,p{margin-top:0}
h1,h2{font-family:var(--head-font);line-height:1.18;letter-spacing:-.03em}
h2{font-size:clamp(29px,3.5vw,52px)}
h3{line-height:1.32}
p{line-height:1.9}
.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 22px;font-size:14px;font-weight:750;border-radius:var(--corner);border:1px solid transparent;line-height:1.6;min-height:52px;transition:transform .2s,background .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent);color:var(--night)}
.btn-primary:hover{background:#f8d28d}
.btn-dark{background:var(--night);color:#fff}
.btn-dark:hover{background:#273947}
.btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.text-link,.inline-arrow,.under-link{font-size:14px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid currentColor;padding-bottom:5px;transition:gap .2s,color .2s}
.text-link:hover,.inline-arrow:hover,.under-link:hover{gap:17px;color:var(--accent-dark)}
.front-feature{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:650px;background:var(--night);color:#fff}
.front-copy{padding:clamp(58px,7vw,115px) 7% 43px max(var(--space),8%);display:flex;flex-direction:column;align-items:flex-start}
.front-copy h1{font-size:clamp(53px,5.9vw,96px);font-weight:550;line-height:1.25;margin:32px 0 31px}
.highlight-word{color:var(--accent);position:relative}
.highlight-word::after{content:'';position:absolute;height:3px;width:36%;left:0;bottom:-14px;background:var(--accent)}
.hero-lead{font-size:clamp(16px,1.35vw,19px);max-width:520px;color:#d4dce1;line-height:2.05}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 70px}
.feature-index{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:25px;border-top:1px solid #42505b;color:#aebdc7;font-size:12px;letter-spacing:.12em}
.hero-visual{position:relative;min-height:550px;overflow:hidden;background:#243544}
.hero-visual::after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,transparent 50%,rgba(5,15,23,.52) 100%);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.visual-tag{position:absolute;bottom:38px;left:40px;right:40px;z-index:1;font-size:11px;font-weight:750;letter-spacing:.18em;display:flex;justify-content:space-between;color:white}
.visual-tag span{color:var(--accent)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.section-head h2{margin:15px 0 12px;max-width:770px}
.section-head p{color:var(--muted);font-size:16px;max-width:620px;margin-bottom:0}
.section-head .inline-arrow{flex-shrink:0;margin-bottom:12px}
.curation-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:25px;align-items:stretch}
.curation-feature{position:relative;min-height:610px;color:#fff;background:#26343b;overflow:hidden}
.curation-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.curation-feature:hover img{transform:scale(1.035)}
.curation-feature::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,19,28,.95) 0%,rgba(7,19,28,.1) 70%)}
.curation-overlay{position:absolute;inset:auto clamp(26px,3vw,50px) 40px;z-index:1}
.curation-overlay span{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:750}
.curation-overlay h3{font:normal clamp(28px,3.2vw,46px)/1.3 var(--head-font);max-width:600px;margin:15px 0}
.curation-overlay p{color:#d8e0e6;max-width:500px;font-size:15px}
.curation-overlay a{display:inline-block;border-bottom:1px solid var(--accent);color:var(--accent);padding:0 0 6px;font-weight:750;font-size:14px;margin-top:9px}
.curation-side{display:grid;gap:25px;grid-template-rows:1fr 1fr}
.story-card{background:#fff;border:1px solid var(--line);padding:clamp(25px,2.5vw,38px);display:flex;flex-direction:column;align-items:flex-start;min-width:0;transition:box-shadow .25s,transform .25s}
.story-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.story-card__top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.story-card .eyebrow{color:#aa7b32;letter-spacing:.1em}
.story-card .reading{font-size:11px;color:var(--muted)}
.story-card h3{font-family:var(--head-font);font-weight:600;font-size:clamp(23px,2.3vw,31px);margin:21px 0 14px}
.story-card h3 a:hover{color:#9b6921}
.story-card p{color:#626e76;font-size:14px;line-height:1.85;margin-bottom:27px}
.story-card .text-link{margin-top:auto}
.story-card--compact{justify-content:center}
.story-card--compact h3{font-size:clamp(22px,2vw,29px);line-height:1.35}
.story-card--lined{background:transparent;border:0;border-top:1px solid #d6d8d1;padding:30px 0;box-shadow:none}
.story-card--lined:hover{box-shadow:none;transform:none}
.story-card--lined:last-child{border-bottom:1px solid #d6d8d1}
.editorial-band{background:var(--night);color:white}
.band-inner{max-width:var(--max-width);margin:auto;padding:75px var(--space);display:grid;grid-template-columns:170px 1fr 68px;align-items:center;gap:45px}
.band-number{font:600 70px/.9 var(--head-font);color:var(--accent)}
.band-number span{display:block;color:#a2b3be;font:650 11px/1.4 var(--text-font);letter-spacing:.15em;margin-top:20px}
.band-inner h2{font-size:clamp(31px,3.5vw,52px);margin-bottom:18px;max-width:800px}
.band-inner em{font-weight:400;color:var(--accent);font-style:normal}
.band-inner p{color:#b7c5cf;font-size:15px;max-width:740px;margin-bottom:0}
.round-link{width:62px;height:62px;border:1px solid #7d929e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;transition:background .2s,color .2s}
.round-link:hover{background:var(--accent);color:var(--night)}
.topic-doors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.topic-door{position:relative;padding:22px;background:#f0f0e9;display:block;transition:background .25s}
.topic-door:hover{background:#e4e7df}
.topic-door>span:first-child{font-size:11px;letter-spacing:.15em;color:#66737c;display:block;margin-bottom:18px;font-weight:750}
.topic-door img{aspect-ratio:1.3;width:100%;object-fit:cover;filter:saturate(.8);transition:filter .25s}
.topic-door:hover img{filter:saturate(1)}
.topic-door h3{font:600 30px/1.4 var(--head-font);margin:25px 0 8px}
.topic-door p{color:#5c6973;font-size:14px;margin-bottom:35px;max-width:380px}
.topic-door .topic-arrow{position:absolute;right:22px;bottom:23px;font-size:21px}
.paper-section{background:var(--paper-alt)}
.paper-inner{max-width:var(--max-width);margin:auto;padding:100px var(--space);display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(45px,8vw,145px)}
.paper-aside{position:sticky;top:40px;align-self:start}
.paper-aside h2{font-size:clamp(42px,5.2vw,76px);margin:22px 0}
.paper-aside p{max-width:310px;color:var(--muted)}
.paper-aside .text-link{margin-top:24px}
.watching-intro{display:grid;grid-template-columns:1fr .9fr;gap:clamp(40px,7vw,110px);align-items:center}
.watching-intro h2{font-size:clamp(34px,4vw,59px);margin:25px 0}
.watching-intro p{max-width:600px;color:var(--muted);margin-bottom:30px}
.watching-visual{background:var(--paper-alt);padding:25px;position:relative}
.watching-visual::before{content:'';position:absolute;inset:-15px 35px 35px -15px;border:1px solid #b7c5c0;z-index:-1}
.watching-visual img{width:100%;aspect-ratio:1.3;object-fit:cover}
.site-footer{background:#14232e;color:#eff3f4;padding:80px var(--space) 25px}
.footer-wrap{max-width:var(--max-width);margin:auto;display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:50px}
.footer-brand{font-size:28px;font-weight:800;letter-spacing:.06em}
.footer-brand span{color:var(--accent)}
.footer-wrap p{font-size:14px;color:#a1b2be;max-width:360px;margin-top:12px}
.footer-wrap h2{font:700 13px var(--text-font);margin:0 0 18px;color:#fff}
.footer-wrap>div:not(:first-child) a{display:block;font-size:13px;color:#b7c4cb;margin-bottom:11px;width:max-content}
.footer-wrap a:hover{color:var(--accent)}
.footer-bottom{max-width:var(--max-width);margin:65px auto 0;display:flex;justify-content:space-between;gap:22px;border-top:1px solid #3b4c56;padding-top:23px;color:#92a5b0;font-size:12px}
.footer-bottom a{color:#d4dee4}
.breadcrumbs{max-width:var(--max-width);padding:20px var(--space);margin:0 auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#6e7c82}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs [aria-current="page"]{color:var(--ink)}
.interior-hero{max-width:var(--max-width);padding:70px var(--space) 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,5vw,85px)}
.interior-hero h1{font-size:clamp(48px,5.2vw,78px);margin:23px 0 25px}
.interior-hero p{font-size:17px;color:#546570;max-width:610px}
.interior-art{position:relative}
.interior-art::before{content:'';width:75%;height:85%;position:absolute;top:-23px;right:-22px;border:1px solid #c2b79e;z-index:-1}
.interior-art img{aspect-ratio:1.13;width:100%;object-fit:cover}
.collection-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}
.collection-intro h2{margin:23px 0}
.collection-intro>div:first-child p{color:var(--muted);max-width:360px}
.article-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.inverse-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,115px);align-items:center;background:var(--night);color:#f8f7f0;padding:70px max(var(--space),calc((100vw - var(--max-width))/2 + var(--space)))}
.inverse-section h2{font-size:clamp(38px,4vw,61px);margin:28px 0}
.inverse-section p{color:#c1ccd3;max-width:490px}
.inverse-image{background:#374b54}
.inverse-image img{width:100%;aspect-ratio:1.15;object-fit:cover}
.inverse-section .btn{margin:25px 20px 15px 0}
.inverse-section .under-link{color:var(--accent)}
.craft-hero{max-width:var(--max-width);margin:0 auto;padding:70px var(--space) 105px}
.craft-heading{max-width:1030px;margin-bottom:48px}
.craft-heading h1{font-size:clamp(48px,6.1vw,91px);margin:22px 0}
.craft-heading h1 em{font-style:normal;color:#a87635}
.craft-heading p{color:var(--muted);font-size:17px;max-width:760px}
.craft-frame{position:relative}
.craft-frame::before{content:'A SHORT FILM JOURNAL';position:absolute;left:15px;bottom:18px;color:white;font-size:12px;letter-spacing:.22em;z-index:1;font-weight:700}
.craft-frame::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0e182574)}
.craft-frame img{width:100%;max-height:540px;object-fit:cover}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-grid article{padding:40px 34px 38px;border-right:1px solid var(--line)}
.process-grid article:first-child{padding-left:0}
.process-grid article:last-child{border-right:0}
.step-number{display:block;color:#a77731;font:600 58px var(--head-font);margin-bottom:30px}
.process-grid h3{font-size:24px;font-family:var(--head-font)}
.process-grid p{color:var(--muted);font-size:14px}
.process-grid a{display:inline-block;font-size:13px;font-weight:750;border-bottom:1px solid var(--ink);padding:7px 0}
.craft-double{background:#ecefe8;padding:80px max(var(--space),calc((100vw - var(--max-width))/2 + var(--space)));display:grid;grid-template-columns:.88fr 1.12fr;align-items:start;gap:clamp(45px,8vw,120px)}
.double-image img{width:100%;height:min(750px,70vw);object-fit:cover}
.double-copy h2{font-size:clamp(34px,4vw,59px);margin:20px 0}
.double-copy>p{color:var(--muted)}
.article-stack{margin-top:34px}
.article-stack .story-card{background:transparent;border:0;border-top:1px solid #c9cfc7;padding:27px 0;box-shadow:none}
.article-stack .story-card:last-child{border-bottom:1px solid #c9cfc7}
.article-stack .story-card:hover{transform:none}
.viewing-hero{max-width:1600px;margin:auto;background:var(--night);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;min-height:570px}
.viewing-hero>div{padding:clamp(50px,7vw,105px) clamp(30px,5vw,85px);align-self:center}
.viewing-hero h1{font-size:clamp(45px,5.6vw,80px);margin:25px 0}
.viewing-hero p{color:#bfcbd3;max-width:530px;font-size:17px;margin-bottom:35px}
.viewing-hero img{width:100%;height:100%;min-height:470px;object-fit:cover}
.factor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#cdd3ce;border:1px solid #cdd3ce}
.factor-grid article{background:var(--paper);padding:36px 25px 48px;min-height:305px}
.factor-grid b{font:600 42px var(--head-font);color:#a97b38}
.factor-grid h3{font:600 23px var(--head-font);margin:32px 0 10px}
.factor-grid p{font-size:14px;color:var(--muted);margin:0}
.viewing-compare{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;background:#ecefe8;padding:85px max(var(--space),calc((100vw - var(--max-width))/2 + var(--space)))}
.viewing-compare h2{font-size:clamp(40px,4.3vw,65px);margin:25px 0}
.viewing-compare p{color:var(--muted);max-width:550px;margin-bottom:25px}
.viewing-compare img{width:100%;aspect-ratio:1.3;object-fit:cover}
.comfort-section{max-width:850px;text-align:center}
.comfort-section h2{margin:20px 0}
.comfort-section p{color:var(--muted)}
.comfort-section .btn{margin-top:20px}
.notes-heading{max-width:var(--max-width);margin:0 auto;padding:70px var(--space) 90px}
.notes-heading h1{font-size:clamp(55px,6.2vw,90px);margin:20px 0 26px}
.notes-heading h1 em{font-style:normal;color:#a87531}
.notes-heading p{color:var(--muted);font-size:17px;max-width:750px}
.notes-feature{max-width:var(--max-width);margin:0 auto;padding:0 var(--space);display:grid;grid-template-columns:1.1fr .9fr;min-height:400px}
.notes-feature img{width:100%;height:100%;min-height:390px;object-fit:cover}
.notes-feature>div{background:var(--night);color:#fff;padding:clamp(30px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.notes-feature h2{font-size:clamp(30px,3vw,44px);margin:19px 0}
.notes-feature p{color:#bdcbd4;margin-bottom:25px}
.notes-list{max-width:var(--max-width)}
.notes-rows{border-top:1px solid var(--line)}
.note-row{display:grid;grid-template-columns:70px 1fr 20px;gap:22px;align-items:center;padding:27px 15px 27px 0;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}
.note-row:hover{background:#f0f0e9;padding-left:15px}
.note-row-index{color:#ad8241;font:600 25px var(--head-font)}
.note-row strong{font:600 clamp(22px,2.1vw,29px) var(--head-font);display:block;margin-bottom:9px}
.note-row small{font-size:13px;color:var(--muted);line-height:1.7;display:block}
.article-layout{max-width:var(--max-width);margin:auto;padding:45px var(--space) 75px}
.article-heading{max-width:1000px;margin:10px auto 75px;text-align:center}
.article-heading h1{font-size:clamp(38px,5vw,72px);margin:27px 0}
.article-dek{font-size:clamp(17px,1.7vw,21px);color:#586872;max-width:790px;margin:0 auto 32px}
.article-meta{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;letter-spacing:.03em}
.article-columns{display:grid;grid-template-columns:245px minmax(0,800px);gap:clamp(40px,7vw,120px);justify-content:center;align-items:start}
.article-toc{position:sticky;top:40px;border-top:2px solid var(--ink);padding-top:22px}
.article-toc>span{font-size:11px;letter-spacing:.14em;font-weight:750}
.article-toc nav{display:flex;flex-direction:column;gap:13px;margin:20px 0 35px}
.article-toc nav a{font-size:13px;color:#66747e;line-height:1.6;border-left:2px solid transparent;padding-left:12px}
.article-toc nav a:hover,.article-toc nav a[aria-current]{color:var(--ink);border-left-color:var(--accent-dark)}
.back-to{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:4px}
.article-body{min-width:0}
.article-preface{padding:30px 35px;background:#eceee7;border-left:3px solid #c79d56;margin-bottom:50px}
.article-preface strong{font-size:12px;color:#946f3a;letter-spacing:.12em}
.article-preface p{font-size:17px;margin:12px 0 0}
.prose-section{margin:0 0 65px;scroll-margin-top:70px}
.prose-section h2{font-size:clamp(29px,3vw,40px);padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:27px}
.prose-section p{font-size:17px;line-height:2.13;color:#3d4c55;letter-spacing:.015em;margin-bottom:24px}
.prose-section ul{margin:0 0 26px;padding:8px 0 8px 27px;color:#394851}
.prose-section li{font-size:16px;margin-bottom:12px;line-height:1.8;padding-left:5px}
.prose-section li::marker{color:#a67a35}
.reading-note{border-top:1px solid #d1d6cf;border-bottom:1px solid #d1d6cf;margin:30px 0;padding:24px 28px;background:#f0f0eb}
.reading-note strong{display:block;color:#9f7131;font-size:12px;letter-spacing:.12em;margin-bottom:8px}
.reading-note p{font-size:15px;margin:0;color:#4d6068}
.article-end{border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#6e7a82;padding-top:26px;font-size:13px}
.article-end span{color:#b28541}
.article-end p{margin:0;font-size:13px}
.article-more{border-top:1px solid var(--line)}
.info-hero{max-width:var(--max-width);margin:auto;padding:75px var(--space) 95px}
.info-hero h1{font-size:clamp(47px,5.8vw,82px);margin:25px 0}
.info-hero p{color:var(--muted);font-size:18px;max-width:850px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);padding-top:75px}
.info-grid>div{border-top:3px solid #c49a59;padding-top:25px}
.info-grid h2{font-size:30px}
.info-grid p{color:var(--muted);font-size:15px}
.info-cta{background:var(--night);color:#fff;padding:60px var(--space);display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap}
.info-cta h2{font-size:clamp(25px,3.2vw,46px);margin:0}
.faq-list{max-width:1000px;padding-top:15px}
.faq-item{border-top:1px solid var(--line);padding:26px 0}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font:600 clamp(19px,2vw,26px)/1.5 var(--head-font)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font:300 25px var(--text-font);transition:transform .2s}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item p{max-width:760px;color:#61707a;font-size:16px;margin:20px 0 10px}
.privacy-copy{max-width:940px;padding-top:0}
.privacy-copy h2{font-size:30px;margin:40px 0 15px}
.privacy-copy p{color:#5b6972;font-size:16px}
.error-page{text-align:center;max-width:850px;margin:auto;padding:95px 25px 150px}
.error-code{display:block;color:#c6a476;font:600 clamp(90px,15vw,185px)/1 var(--head-font)}
.error-page h1{font-size:clamp(34px,4vw,54px);margin:16px 0}
.error-page p{max-width:590px;color:var(--muted);margin:0 auto 38px}
.error-page .under-link{margin-left:28px}
.animate-enter{opacity:0;transform:translateY(14px)}
.animate-enter.in-view{opacity:1;transform:translateY(0);transition:opacity .6s,transform .6s,box-shadow .25s}
@media (min-width:1600px){
 .front-feature{margin-top:24px}
 .viewing-hero{margin-top:24px}
 .site-header{border-bottom:0}
 .header-inner{min-height:106px}
}
@media (max-width:1200px){
 :root{--space:35px}
 .front-copy{padding-left:var(--space)}
 .front-copy h1{font-size:clamp(48px,6vw,74px)}
 .curation-feature{min-height:560px}
 .band-inner{grid-template-columns:110px 1fr 55px;gap:26px}
 .collection-intro{gap:35px;grid-template-columns:.58fr 1.42fr}
 .article-columns{gap:50px;grid-template-columns:200px minmax(0,800px)}
 .inverse-section,.craft-double,.viewing-compare{padding-left:var(--space);padding-right:var(--space)}
}
@media (max-width:960px){
 :root{--space:28px}
 .header-inner{min-height:76px}
 .desktop-nav{display:none}
 .menu-toggle{display:flex}
 .mobile-menu{position:absolute;left:0;right:0;top:100%;padding:13px var(--space) 25px;background:var(--paper);box-shadow:0 18px 30px #14222a24;border-top:1px solid var(--line);display:none;flex-direction:column;gap:4px}
 .mobile-menu.is-open{display:flex}
 .mobile-menu a{padding:13px 10px;border-bottom:1px solid var(--line);font-size:15px;font-weight:650}
 .front-feature{grid-template-columns:1fr;min-height:0}
 .front-copy{padding:65px var(--space) 43px}
 .front-copy h1{font-size:clamp(48px,8vw,76px)}
 .hero-actions{margin-bottom:50px}
 .hero-visual{min-height:370px;max-height:490px}
 .hero-visual img{object-position:center 45%}
 .curation-grid{grid-template-columns:1fr}
 .curation-feature{min-height:520px}
 .curation-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .band-inner{grid-template-columns:1fr 55px;gap:20px}
 .band-number{grid-column:1 / -1;font-size:45px}
 .band-number span{display:inline;margin-left:20px}
 .topic-doors-grid{gap:14px}
 .topic-door{padding:15px}
 .topic-door h3{font-size:26px}
 .topic-door p{font-size:13px}
 .paper-inner{grid-template-columns:1fr 1.35fr;gap:45px}
 .interior-hero{grid-template-columns:1fr 1fr;gap:35px}
 .interior-hero h1{font-size:clamp(40px,5vw,60px)}
 .interior-hero p{font-size:15px}
 .collection-intro{grid-template-columns:1fr}
 .collection-intro>div:first-child p{max-width:720px}
 .process-grid article{padding:30px 18px}
 .craft-double{gap:40px}
 .viewing-hero{grid-template-columns:1fr 1fr}
 .viewing-hero>div{padding:40px var(--space)}
 .factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .factor-grid article{min-height:220px}
 .viewing-compare{gap:40px}
 .article-columns{grid-template-columns:1fr;gap:20px}
 .article-toc{position:static;max-width:800px;margin:auto;width:100%}
 .article-toc nav{display:flex;flex-flow:row wrap;gap:8px 18px}
 .article-toc nav a{font-size:12px}
 .article-body{max-width:800px;margin:auto}
 .article-heading{margin-bottom:50px}
}
@media (max-width:680px){
 :root{--space:20px}
 html{scroll-padding-top:30px}
 body{font-size:15px}
 .brand-mark{font-size:21px}
 .brand-symbol{font-size:36px}
 .brand-mark small{font-size:8px}
 .section-space{padding:68px var(--space)}
 .section-head{display:block;margin-bottom:28px}
 .section-head .inline-arrow{margin-top:15px}
 .section-head h2{font-size:clamp(30px,8vw,43px)}
 .front-copy{padding:60px var(--space) 30px}
 .front-copy h1{font-size:clamp(45px,10vw,66px);margin:25px 0}
 .front-copy h1 br{display:block}
 .hero-lead{font-size:15px}
 .hero-actions{gap:10px;margin-top:20px;margin-bottom:55px;width:100%}
 .hero-actions .btn{font-size:13px}
 .hero-visual{min-height:345px}
 .visual-tag{left:20px;right:20px;bottom:20px}
 .curation-feature{min-height:430px}
 .curation-overlay{inset:auto 23px 25px}
 .curation-overlay h3{font-size:30px}
 .curation-side{grid-template-columns:1fr}
 .story-card{padding:25px}
 .story-card h3{font-size:25px}
 .band-inner{padding:57px var(--space);grid-template-columns:1fr}
 .band-inner h2{font-size:35px}
 .round-link{width:50px;height:50px}
 .topic-doors-grid{grid-template-columns:1fr;gap:18px}
 .topic-door{padding:18px}
 .topic-door img{aspect-ratio:1.55}
 .topic-door h3{margin-top:17px}
 .topic-door p{margin-bottom:15px}
 .paper-inner{grid-template-columns:1fr;padding:65px var(--space);gap:40px}
 .paper-aside{position:static}
 .paper-aside h2{font-size:48px}
 .paper-aside p{max-width:100%}
 .watching-intro{grid-template-columns:1fr;gap:35px}
 .watching-visual{margin:0 14px}
 .footer-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
 .footer-wrap>div:first-child{grid-column:1 / -1}
 .site-footer{padding-top:60px}
 .footer-bottom{margin-top:50px;flex-direction:column;gap:12px}
 .breadcrumbs{font-size:11px;padding-top:15px;padding-bottom:15px}
 .interior-hero{padding-top:37px;padding-bottom:65px;grid-template-columns:1fr}
 .interior-hero h1{font-size:50px}
 .interior-art::before{right:0;top:-10px}
 .article-pair{grid-template-columns:1fr}
 .inverse-section{grid-template-columns:1fr;padding:55px var(--space);gap:35px}
 .inverse-section h2{font-size:40px}
 .inverse-image img{aspect-ratio:1.55}
 .craft-hero{padding:35px var(--space) 65px}
 .craft-heading{margin-bottom:35px}
 .craft-heading h1{font-size:clamp(45px,9vw,64px)}
 .craft-heading p{font-size:15px}
 .craft-frame img{min-height:290px}
 .process-grid{grid-template-columns:1fr}
 .process-grid article{padding:32px 0;border-right:0;border-bottom:1px solid var(--line)}
 .process-grid article:last-child{border-bottom:0}
 .step-number{font-size:45px;margin-bottom:15px}
 .craft-double{padding:60px var(--space);grid-template-columns:1fr}
 .double-image img{height:350px}
 .viewing-hero{grid-template-columns:1fr}
 .viewing-hero>div{padding:65px var(--space)}
 .viewing-hero h1{font-size:clamp(45px,10vw,68px)}
 .viewing-hero img{min-height:300px;height:320px}
 .factor-grid{grid-template-columns:1fr}
 .factor-grid article{min-height:0;padding:25px}
 .factor-grid h3{margin:15px 0 8px}
 .viewing-compare{grid-template-columns:1fr;padding:55px var(--space)}
 .viewing-compare h2{font-size:43px}
 .notes-heading{padding:40px var(--space) 60px}
 .notes-heading h1{font-size:clamp(48px,10vw,68px)}
 .notes-feature{grid-template-columns:1fr}
 .notes-feature img{min-height:280px;height:300px}
 .notes-feature>div{padding:35px 28px}
 .note-row{grid-template-columns:42px 1fr 15px;gap:12px}
 .note-row-index{font-size:21px}
 .note-row strong{font-size:23px}
 .note-row small{font-size:12px}
 .article-layout{padding:30px var(--space) 60px}
 .article-heading{margin-bottom:40px}
 .article-heading h1{font-size:clamp(36px,8vw,52px)}
 .article-dek{font-size:16px}
 .article-preface{padding:25px 20px}
 .article-preface p{font-size:15px}
 .prose-section{margin-bottom:50px}
 .prose-section h2{font-size:30px}
 .prose-section p{font-size:16px;line-height:2}
 .prose-section li{font-size:15px}
 .reading-note{padding:20px}
 .info-hero{padding:40px var(--space) 65px}
 .info-hero h1{font-size:clamp(43px,9vw,63px)}
 .info-hero p{font-size:16px}
 .info-grid{grid-template-columns:1fr;gap:35px}
 .info-cta{flex-direction:column;text-align:center;gap:20px;padding:45px var(--space)}
 .faq-list{padding-top:0}
 .faq-item summary{font-size:20px}
 .privacy-copy h2{font-size:26px}
 .error-page{padding:60px 20px 100px}
 .error-page .under-link{margin:25px 0 0}
}
@media(max-width:370px){
 .brand-mark{font-size:18px;gap:8px}
 .brand-symbol{font-size:32px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .btn{justify-content:center}
 .visual-tag{font-size:9px}
 .site-footer{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .animate-enter{opacity:1;transform:none}
}
@media print{
 .site-header,.site-footer,.article-toc,.hero-actions,.skip-link,.btn{display:none!important}
 body{background:#fff;color:#000}
 .article-columns{display:block}
 .article-body{max-width:100%}
 .section-space,.article-layout{padding:0}
 .prose-section{break-inside:avoid}
 a{text-decoration:underline}
}
/* Fine interaction and high-contrast treatment for reading-intensive screens. */
@media (hover:hover) and (pointer:fine){
 .site-header a,.footer-wrap a,.note-row,.under-link,.story-card a{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
 .footer-wrap a:hover{text-decoration:underline;text-underline-offset:5px}
 .note-row:hover .note-row-index{color:#6b4d20}
 .topic-door:hover .topic-arrow{transform:translate(3px,-3px)}
 .topic-arrow{transition:transform .2s ease}
 .menu-toggle:hover{border-color:#9ca8a4;background:#f0f0e9}
 .faq-item summary:hover{color:#9a6e2d}
 .article-toc nav a:hover{background:rgba(214,176,103,.12)}
}
@media (prefers-contrast:more){
 :root{--muted:#34414a;--line:#6c797d;--accent-dark:#74500d}
 .story-card,.topic-door,.article-preface{border:2px solid #43515a}
 .desktop-nav a[aria-current="page"]{border-bottom-width:3px}
 .eyebrow,.kicker{font-weight:900}
 .article-toc nav a{color:#1d2d36}
 .front-feature p,.editorial-band p,.viewing-hero p,.notes-feature p{color:#fff}
 .hero-visual::after{background:linear-gradient(0deg,rgba(0,0,0,.84),transparent 55%)}
}
@media (forced-colors:active){
 .btn,.round-link,.story-card,.topic-door,.menu-toggle,.faq-item summary span{border:1px solid ButtonText}
 .brand-symbol,.highlight-word,.kicker,.eyebrow{forced-color-adjust:auto}
 .desktop-nav a[aria-current="page"]{text-decoration:underline}
 .hero-visual::after,.curation-feature::after{display:none}
}
@media (max-width:680px) and (orientation:landscape){
 .hero-visual{min-height:280px}
 .front-copy{padding-top:35px}
 .front-copy h1{font-size:43px}
 .curation-feature{min-height:365px}
 .notes-feature img{height:250px;min-height:250px}
}
@media (min-width:681px) and (max-width:960px) and (orientation:portrait){
 .paper-aside h2{font-size:48px}
 .topic-door h3{font-size:25px}
 .story-card--compact{min-height:265px}
 .factor-grid article{min-height:230px}
}
/* Prevent the long prose and the related story controls from overflowing narrow screens. */
.prose-section,.article-body,.story-card,.topic-door,.note-row,.footer-wrap{overflow-wrap:anywhere}
.article-meta span,.hero-actions .btn,.desktop-nav a{white-space:normal}
.article-body :target{scroll-margin-top:32px}
.prose-section h2,.process-grid h3,.factor-grid h3{word-break:keep-all}
@supports (text-wrap:balance){
 .front-copy h1,.interior-hero h1,.article-heading h1,.section-head h2,.info-hero h1{text-wrap:balance}
}
@supports (text-wrap:pretty){
 .article-dek,.prose-section p,.story-card p,.info-grid p{text-wrap:pretty}
}