/* Editorial photography journal — design tokens */
:root{--paper:#f4f0e9;--paper-warm:#ece5dc;--paper-raised:#fbf9f5;--ink:#272b2a;--ink-soft:#555953;--ink-muted:#777972;--line:#d6d1c7;--line-dark:#a5a59c;--green:#315c51;--green-dark:#1f3e37;--gold:#b28c59;--wine:#81584a;--white:#fff;--shadow:0 22px 56px rgba(23,31,26,.12);--font-serif:Georgia,'Songti SC','Noto Serif CJK SC','SimSun',serif;--font-body:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,sans-serif;--max:1320px;--gutter:clamp(20px,4vw,70px);--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.8 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.navigation-open{overflow:hidden}::selection{background:#b6c5ba;color:#192e27}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a,button,summary{ -webkit-tap-highlight-color:transparent }img{display:block;width:100%;height:auto;object-fit:cover}figure,blockquote{margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.055em}h3{letter-spacing:-.03em}p{line-height:1.95}small{font-size:.78rem}ul{margin:0;padding:0}li{list-style:none}strong{font-weight:650}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.skip-link{position:absolute;z-index:500;top:-120px;left:16px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:8px}.eyebrow{font-family:var(--font-body);font-size:.69rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.section-space{padding-block:clamp(70px,10vw,150px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:40px}.section-heading h2{font:500 clamp(28px,3.4vw,48px)/1.25 var(--font-serif);margin-top:12px}.section-heading>p{max-width:450px;color:var(--ink-soft);font-size:.94rem}.section-heading .under-link{flex-shrink:0}.under-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border-bottom:1px solid currentColor;padding-block:11px;font-size:.93rem;font-weight:650;color:var(--green);transition:gap .2s ease,color .2s ease}.under-link:hover{gap:65px;color:var(--wine)}.under-link span{font-size:1.2rem}.action-primary{min-height:54px;background:var(--green);color:white;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:38px;font-size:.89rem;letter-spacing:.03em;font-weight:600;border:1px solid var(--green);transition:background .25s ease,transform .25s ease}.action-primary:hover{background:var(--green-dark);color:white;transform:translateY(-2px)}.action-text{display:inline-flex;gap:18px;align-items:center;font-size:.91rem;font-weight:600;padding-block:12px;border-bottom:1px solid var(--line-dark)}.action-text:hover{color:var(--green)}
/* Masthead */
.masthead{position:relative;z-index:80;border-bottom:1px solid var(--line);background:rgba(244,240,233,.98)}.masthead-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;line-height:1.1}.brand:hover{color:var(--ink)}.brand-seal{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#fff;font:500 25px/1 var(--font-serif)}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-copy strong{font-size:1.24rem;letter-spacing:.15em}.brand-copy small{font-size:.45rem;letter-spacing:.13em;white-space:nowrap;color:var(--ink-muted);font-weight:700}.navigation{display:flex;gap:clamp(12px,2vw,32px);align-items:center}.navigation a{font-size:.85rem;color:var(--ink-soft);white-space:nowrap;padding:8px 0;position:relative}.navigation a::after{content:'';position:absolute;bottom:1px;left:0;width:0;height:1px;background:var(--green);transition:width .2s ease}.navigation a:hover::after,.navigation a[aria-current]::after{width:100%}.navigation a[aria-current]{color:var(--green);font-weight:650}.edition{font-size:.63rem;letter-spacing:.13em;color:var(--ink-muted);white-space:nowrap;border-left:1px solid var(--line);padding-left:25px}.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:10px 13px;color:var(--ink);align-items:center;gap:10px;font-size:.85rem}.menu-bars{width:17px;height:12px;border-block:2px solid var(--ink);position:relative}.menu-bars::after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid var(--ink)}
/* Front cover */
.opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(42px,7vw,115px);padding-top:clamp(42px,6vw,95px);padding-bottom:clamp(65px,8vw,115px);min-height:680px;align-items:center}.opening-copy{display:flex;align-items:flex-start;flex-direction:column}.opening .serial{position:relative;margin-bottom:40px}.opening .serial::before{content:'';display:inline-block;width:40px;height:1px;background:var(--green);vertical-align:middle;margin-right:16px}.opening h1{font:500 clamp(48px,6vw,90px)/1.26 var(--font-serif);letter-spacing:-.07em;max-width:720px}.opening h1 em{font-style:normal;color:var(--green)}.opening-lede{max-width:520px;font-size:1.04rem;color:var(--ink-soft);margin-top:33px}.opening-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:38px}.opening-footnote{width:100%;display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;margin-top:75px;color:var(--ink-muted);font-size:.7rem;letter-spacing:.12em}.opening-media{align-self:stretch;min-height:560px;position:relative;isolation:isolate}.opening-media::before{content:'';position:absolute;inset:25px -19px -25px 24px;border:1px solid var(--gold);z-index:-1}.opening-media img{height:100%;min-height:560px;object-position:50% 35%;background:#ddd5c8}.opening-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent);font-size:.65rem;letter-spacing:.12em;color:white}.intro-statement{background:var(--green-dark);color:#eef1e9;padding-block:clamp(65px,7vw,105px)}.statement-grid{display:grid;grid-template-columns:1fr 3fr;gap:60px}.statement-grid>.eyebrow{color:#c2b18f;padding-top:18px}.statement-grid h2{font:500 clamp(27px,3.5vw,53px)/1.5 var(--font-serif);letter-spacing:-.05em}.statement-grid h2 strong{color:#d5c4a5;font-weight:500}.statement-grid p:not(.eyebrow){color:#c9d0ca;max-width:780px;margin-top:26px;font-size:1rem}
/* Main pathways */
.pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.pathway{min-width:0;display:flex;flex-direction:column;color:var(--ink);border-bottom:1px solid var(--line-dark);transition:transform .25s var(--ease),border-color .25s ease}.pathway:hover{transform:translateY(-5px);border-color:var(--green)}.pathway-img{aspect-ratio:4/4.6;overflow:hidden;background:#dcd3c7}.pathway img{height:100%;transition:transform .7s var(--ease)}.pathway:hover img{transform:scale(1.045)}.pathway-content{display:flex;flex-direction:column;flex:1;padding:23px 4px 23px}.pathway-content h3{font:500 clamp(23px,2.1vw,32px)/1.45 var(--font-serif);margin-top:10px}.pathway-content p{color:var(--ink-soft);font-size:.89rem;margin-top:12px}.pathway-arrow{margin-top:auto;padding-top:25px;color:var(--green);font-size:.77rem;letter-spacing:.04em;font-weight:650}
/* Essay-style split feature */
.split-feature{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--paper-warm)}.split-visual{position:relative;min-height:650px;background:#ccc5b7}.split-visual img{height:100%;position:absolute;inset:0;object-position:50% 40%}.split-content{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:clamp(45px,7vw,110px) clamp(30px,7vw,115px)}.split-content h2{font:500 clamp(34px,3.7vw,55px)/1.42 var(--font-serif);margin-top:18px;max-width:610px}.split-content>p:not(.eyebrow){max-width:630px;color:var(--ink-soft);margin-top:27px}.mini-steps{margin:28px 0 28px;width:100%;max-width:540px;border-top:1px solid #cfc6ba}.mini-steps li{padding:13px 0;border-bottom:1px solid #cfc6ba;display:flex;align-items:center;gap:20px;color:#4f554e;font-size:.87rem}.mini-steps li span{font-family:var(--font-serif);color:var(--green);font-size:1.05rem}
/* Editorial articles on the landing page */
.editorial-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,8vw,120px);align-items:center}.editorial-image{position:relative}.editorial-image img{aspect-ratio:5/4.8;background:#c8c4bd}.editorial-image span{position:absolute;right:0;bottom:0;background:var(--paper);padding:15px 26px;color:var(--green);font-size:.68rem;letter-spacing:.15em}.editorial-text{max-width:550px}.editorial-text h3{font:500 clamp(26px,2.3vw,35px)/1.4 var(--font-serif);margin-bottom:15px}.editorial-text p{color:var(--ink-soft);margin-bottom:32px;font-size:.98rem}.editorial-text p+.action-text{margin-top:4px}.wide-band{background:#d6d9cc;padding-block:clamp(65px,8vw,120px)}.band-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.band-layout h2{font:500 clamp(35px,4vw,60px)/1.4 var(--font-serif);margin-top:18px}.band-questions{border-top:1px solid #aab8ab}.band-questions p{padding:20px 0;border-bottom:1px solid #aab8ab;display:flex;align-items:start;gap:22px;color:#3d4d43}.band-questions p span{font:500 1.12rem var(--font-serif);color:var(--green)}.band-questions a{display:inline-block;margin-top:29px;font-weight:600;font-size:.9rem;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:7px}.feature-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-dark)}.feature-link{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;padding:34px 26px 34px 0;min-height:220px;border-bottom:1px solid var(--line-dark);border-right:1px solid var(--line);transition:background .2s ease,padding .2s ease}.feature-link:not(:first-child){padding-left:26px}.feature-link:last-child{border-right:0}.feature-link:hover{background:rgba(255,255,255,.24);padding-right:16px}.feature-link strong{font:500 clamp(21px,2vw,29px)/1.35 var(--font-serif)}.feature-link>span:not(.eyebrow):not(.arrow){font-size:.88rem;color:var(--ink-muted);max-width:330px}.feature-link .arrow{position:absolute;top:36px;right:22px;font-size:1.1rem;color:var(--green)}
/* Shared inner-page foundations */
.crumb{display:flex;align-items:center;gap:13px;font-size:.74rem;color:var(--ink-muted);padding-top:23px;padding-bottom:18px}.crumb a{color:var(--green)}.crumb span[aria-hidden]{opacity:.5}.article-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,6vw,90px);align-items:center;padding-top:30px;padding-bottom:80px;border-bottom:1px solid var(--line)}.article-hero h1{font:500 clamp(45px,5.6vw,78px)/1.3 var(--font-serif);margin:32px 0 30px}.article-hero h1 em{color:var(--green);font-style:normal}.article-deck{font-size:1.05rem;color:var(--ink-soft);max-width:620px}.article-hero>img{aspect-ratio:5/5.6;background:#d4cec5}.article-meta{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:45px;padding-top:19px;color:var(--ink-muted);font-size:.77rem}.article-layout{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,.72fr);gap:clamp(35px,8vw,125px);padding-top:75px;padding-bottom:140px}.article-aside{display:flex;flex-direction:column;align-items:start;gap:17px;align-self:start;position:sticky;top:30px}.article-aside .eyebrow{margin-bottom:14px}.article-aside a{font-size:.84rem;color:var(--ink-muted)}.article-aside a:hover{color:var(--green)}.article-body{max-width:820px}.article-body>section{scroll-margin-top:40px;margin-bottom:75px}.article-body h2{font:500 clamp(27px,3.1vw,42px)/1.45 var(--font-serif);margin-bottom:23px}.article-body p{color:var(--ink-soft);margin-bottom:20px;font-size:1.01rem}.article-body a{color:var(--green);border-bottom:1px solid currentColor}.article-body blockquote{font:500 clamp(22px,2.5vw,31px)/1.65 var(--font-serif);padding:20px 0 20px 32px;border-left:3px solid var(--green);color:var(--green);margin:40px 0 50px}.article-inline-image{margin:38px 0}.article-inline-image img{aspect-ratio:16/8.5;background:#d4d0c9}.article-inline-image p{font-size:.79rem;color:var(--ink-muted);margin-top:10px}.observation-list{border-top:1px solid var(--line-dark)}.observation{display:grid;grid-template-columns:55px 1fr;gap:26px;padding:32px 0;border-bottom:1px solid var(--line)}.obs-index{font:500 1.5rem var(--font-serif);color:var(--gold)}.observation h3{font:500 1.55rem/1.5 var(--font-serif);margin-bottom:14px}.observation p{font-size:.96rem}.practice{margin-top:18px;padding:18px 22px;background:#e8e5db;border-left:2px solid var(--gold)}.practice strong{display:block;font-size:.75rem;color:var(--green);margin-bottom:5px}.practice p{margin:0;font-size:.87rem}.article-conclusion{padding-top:15px;border-top:1px solid var(--line)}
/* Light field guide */
.light-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;padding-top:25px;padding-bottom:90px}.light-intro-title h1{font:500 clamp(45px,5.5vw,82px)/1.32 var(--font-serif);margin:25px 0 24px}.light-intro-title h1 em{font-style:normal;color:var(--wine)}.light-intro-title>p:not(.eyebrow){max-width:530px;color:var(--ink-soft);font-size:1.05rem}.light-intro-image{position:relative}.light-intro-image img{aspect-ratio:1.38;background:#cfcec4}.light-intro-image span{display:block;position:absolute;bottom:15px;left:18px;color:white;letter-spacing:.12em;font-size:.7rem;text-shadow:0 1px 4px #000}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.principle-grid article{padding:28px 30px 32px;background:var(--paper-raised);border-top:2px solid var(--green);min-height:295px}.principle-number{font:400 2.7rem var(--font-serif);color:#acb9b0}.principle-grid h3{font:500 1.65rem var(--font-serif);margin:16px 0 13px}.principle-grid p{color:var(--ink-soft);font-size:.93rem}.light-lab{padding:100px 0 115px;background:#293c37;color:#f6f0e7}.lab-heading{max-width:790px;margin-bottom:40px}.lab-heading .eyebrow{color:#c1ac81}.lab-heading h2{font:500 clamp(31px,3.8vw,55px)/1.4 var(--font-serif);margin:17px 0 20px}.lab-heading>p:last-child{color:#c2cfc6}.light-case-list{border-top:1px solid #677b71}.light-case{display:grid;grid-template-columns:.46fr 1fr;gap:40px;border-bottom:1px solid #677b71;padding:32px 0 36px}.case-head{display:flex;align-items:start;gap:19px}.case-head span{color:#c5b58b;font:500 1.3rem var(--font-serif);padding-top:4px}.case-head h3{font:500 clamp(22px,2.2vw,30px)/1.5 var(--font-serif)}.case-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 35px}.case-columns small{display:block;font-size:.71rem;font-weight:700;letter-spacing:.12em;color:#c1ac81;margin-bottom:6px}.case-columns p{font-size:.91rem;color:#d0d9d1}.light-ending{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.light-ending-image img{aspect-ratio:5/4;background:#ccc5b9}.light-ending h2{font:500 clamp(32px,3.2vw,46px)/1.45 var(--font-serif);margin:17px 0 25px}.light-ending p:not(.eyebrow){color:var(--ink-soft);margin-bottom:18px}.light-ending a{color:var(--green);border-bottom:1px solid}
/* Composition: broad visual bands */
.composition-cover{padding:70px 0 95px;background:var(--paper-warm)}.composition-cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.composition-cover h1{font:500 clamp(44px,5.2vw,77px)/1.33 var(--font-serif);margin:29px 0}.composition-cover h1 span{color:var(--green)}.composition-cover p:not(.eyebrow){max-width:550px;color:var(--ink-soft);font-size:1.04rem}.composition-cover img{aspect-ratio:5/5.3;background:#d6cfc5}.composition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.composition-card{min-width:0;padding:32px 30px 35px;background:var(--paper-raised);border:1px solid var(--line)}.comp-num{display:block;font:400 2.5rem var(--font-serif);color:#a7b3a8;margin-bottom:20px}.composition-card h3{font:500 1.48rem/1.4 var(--font-serif);min-height:70px}.comp-description{margin:16px 0 25px;color:var(--ink-soft);font-size:.92rem}.composition-card dl{border-top:1px solid var(--line);margin:0;padding-top:20px}.composition-card dt{font-size:.7rem;letter-spacing:.1em;font-weight:750;color:var(--green);margin-bottom:3px}.composition-card dd{margin:0 0 18px;color:var(--ink-soft);font-size:.85rem;line-height:1.8}.composition-note{background:#d9dfd5;padding:100px 0}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.note-grid h2{font:500 clamp(34px,4vw,56px)/1.42 var(--font-serif);margin-top:20px}.note-grid>div>p:not(.eyebrow){margin-bottom:25px;color:#45564a}.sequence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sequence-grid article{border-top:1px solid var(--green);padding:26px 10px 10px 0}.sequence-grid span{font-size:.72rem;color:var(--green);letter-spacing:.14em;font-weight:650}.sequence-grid h3{font:500 clamp(23px,2.3vw,33px)/1.4 var(--font-serif);margin:20px 0 13px}.sequence-grid p{color:var(--ink-soft);font-size:.92rem}.ending-link{margin-top:40px;color:var(--ink-soft)}.ending-link a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
/* The visual reading gallery */
.gallery-intro{padding-top:50px;padding-bottom:90px;text-align:center}.gallery-intro h1{font:500 clamp(48px,6.2vw,91px)/1.32 var(--font-serif);margin:26px 0}.gallery-intro h1 em{font-style:normal;color:var(--green)}.gallery-intro>p:not(.eyebrow){margin-inline:auto;max-width:740px;color:var(--ink-soft);font-size:1.05rem}.gallery-caption{border-top:1px solid var(--line);padding-top:21px;margin-top:45px;color:var(--ink-muted);font-size:.75rem;letter-spacing:.1em}.gallery-studies{padding-bottom:120px}.gallery-study{display:grid;grid-template-columns:1.08fr .92fr;gap:7%;align-items:center;margin-bottom:110px}.gallery-study:nth-child(even){grid-template-columns:.92fr 1.08fr}.gallery-study:nth-child(even) figure{grid-column:2;grid-row:1}.gallery-study:nth-child(even) .gallery-study-copy{grid-column:1;grid-row:1}.gallery-study figure{position:relative}.gallery-study img{aspect-ratio:5/5.6;background:#c9c4ba}.gallery-study figcaption{font-size:.68rem;letter-spacing:.14em;color:var(--ink-muted);margin-top:12px}.gallery-study-copy h2{font:500 clamp(31px,3.4vw,51px)/1.4 var(--font-serif);margin:15px 0 24px}.gallery-study-copy>p:not(.eyebrow){color:var(--ink-soft)}.question-tool{border-left:3px solid var(--gold);background:var(--paper-warm);padding:20px 24px;margin-top:32px}.question-tool strong{font-size:.78rem;color:var(--green)}.question-tool p{font-size:.9rem;color:var(--ink-soft);margin-top:9px}.gallery-end{background:#dfe2d7;padding:95px 0}.gallery-end-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.gallery-end h2{font:500 clamp(35px,4vw,54px)/1.35 var(--font-serif);margin-top:16px}.gallery-end-grid>div>p:not(.eyebrow){color:#44554a}.gallery-related{display:flex;gap:25px;flex-wrap:wrap;margin-top:27px}.gallery-related a{color:var(--green);font-size:.91rem;font-weight:600;border-bottom:1px solid;padding-bottom:7px}
/* Questions and disclosure */
.faq-header{padding-top:40px;padding-bottom:80px;max-width:1100px}.faq-header h1{font:500 clamp(39px,5.2vw,72px)/1.35 var(--font-serif);margin:20px 0 24px}.faq-header>p:not(.eyebrow){color:var(--ink-soft);font-size:1.03rem}.faq-section{display:grid;grid-template-columns:minmax(190px,.31fr) minmax(0,.69fr);gap:8%;padding-bottom:35px}.faq-side{align-self:start;position:sticky;top:30px}.faq-side h2{font:500 1.65rem var(--font-serif);margin-bottom:18px}.faq-side p{font-size:.88rem;color:var(--ink-muted);margin-bottom:24px}.faq-side a{font-size:.85rem;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:5px}.faq-list{border-top:1px solid var(--line-dark)}.faq-item{border-bottom:1px solid var(--line);scroll-margin-top:60px}.faq-item summary{list-style:none;display:grid;grid-template-columns:32px 1fr 22px;align-items:start;gap:20px;padding:25px 0;font:500 clamp(17px,1.7vw,23px)/1.6 var(--font-serif);cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font:500 1.1rem var(--font-serif);color:var(--gold);padding-top:3px}.faq-plus{position:relative;width:18px;height:18px;margin-top:8px}.faq-plus::before,.faq-plus::after{content:'';position:absolute;background:var(--green);top:8px;left:0;width:18px;height:1px;transition:transform .2s ease}.faq-plus::after{transform:rotate(90deg)}.faq-item[open] .faq-plus::after{transform:rotate(0)}.faq-answer{padding:0 43px 28px 52px;color:var(--ink-soft);font-size:.95rem}.faq-answer p{max-width:700px}
/* About the publication */
.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,6vw,90px);padding-top:45px;padding-bottom:145px}.about-top h1{font:500 clamp(43px,4.9vw,75px)/1.4 var(--font-serif);margin:30px 0}.about-top h1 em{font-style:normal;color:var(--green)}.about-top>p:not(.eyebrow){max-width:600px;color:var(--ink-soft);font-size:1.03rem}.about-image{grid-column:2;grid-row:1 / span 2}.about-image img{aspect-ratio:4/5.3;background:#d0cabe}.about-body{grid-column:1;grid-row:2;padding-top:35px}.about-body h2{font:500 1.9rem/1.4 var(--font-serif);margin:30px 0 13px}.about-body p{color:var(--ink-soft);font-size:.95rem}.about-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px}.about-links a{color:var(--green);border-bottom:1px solid var(--green);font-size:.87rem;padding-bottom:6px}.missing-page{min-height:560px;padding-top:120px;padding-bottom:130px}.missing-page h1{font:500 clamp(43px,5vw,72px)/1.35 var(--font-serif);margin:24px 0}.missing-page>p:not(.eyebrow){color:var(--ink-soft);max-width:540px;margin-bottom:30px}.missing-page .action-text{margin-left:24px}
/* Footer */
.site-footer{background:#213a33;color:#e7e9e1}.footer-main{padding-top:75px;padding-bottom:80px;display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:40px}.footer-identity{display:flex;align-items:start;flex-direction:column}.footer-mark{width:43px;height:43px;border:1px solid #8a9c91;display:grid;place-items:center;font:500 1.5rem var(--font-serif);margin-bottom:20px}.footer-identity strong{font:500 1.65rem var(--font-serif);letter-spacing:.1em}.footer-identity p{color:#b5c4b9;font-size:.85rem;margin-top:12px}.footer-nav{display:flex;flex-direction:column;align-items:start;gap:13px}.footer-nav h2{font-size:.79rem;font-weight:700;letter-spacing:.1em;margin-bottom:15px;color:#d2bf95}.footer-nav a{font-size:.85rem;color:#c8d2ca}.footer-nav a:hover{color:white}.footer-bottom{border-top:1px solid #476359;padding-block:19px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-bottom small{color:#aabdb0;font-size:.69rem}.footer-bottom a{font-size:.76rem;color:#d3dfd6}
/* Tablet landscape layout */
@media(max-width:1200px){.edition{display:none}.masthead-inner{gap:25px}.navigation{gap:20px}.opening{gap:45px}.opening h1{font-size:clamp(48px,5.7vw,74px)}.opening-media{min-height:500px}.opening-media img{min-height:500px}.split-content{padding-inline:50px}.composition-card{padding:28px 23px}.case-columns{gap:19px}.gallery-study{gap:5%}}
@media(max-width:1050px){.pathway-grid{grid-template-columns:repeat(2,1fr);gap:35px 22px}.pathway-img{aspect-ratio:5/3.9}.pathway-content h3{font-size:29px}.opening-footnote{margin-top:45px}.split-feature{min-height:520px}.split-visual{min-height:520px}.split-content h2{font-size:40px}.composition-grid{grid-template-columns:repeat(2,1fr)}.about-layout{gap:35px}.article-layout{gap:45px}.light-case{grid-template-columns:1fr;gap:20px}.case-head{gap:15px}}
/* Mobile navigation is an enhancement, core links remain available without JS */
@media(max-width:920px){.masthead-inner{min-height:75px}.menu-button{display:inline-flex;margin-left:auto}.navigation{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:14px var(--gutter) 22px;background:var(--paper-raised);box-shadow:0 20px 30px rgba(0,0,0,.09);border-bottom:1px solid var(--line)}.navigation a{padding:14px 10px;border-bottom:1px solid var(--line);font-size:.91rem}.js .navigation:not(.is-open){display:none}.js .masthead:has(.menu-button:not([aria-expanded="true"])) .navigation:focus-within{display:grid}.opening{grid-template-columns:1fr 1fr;gap:28px;min-height:unset;padding-top:65px}.opening h1{font-size:48px}.opening-lede{font-size:.95rem}.opening-actions{gap:10px}.opening-media{min-height:430px}.opening-media img{min-height:430px}.opening-media::before{inset:14px -10px -14px 14px}.statement-grid{grid-template-columns:.5fr 1.5fr}.article-hero{gap:30px}.article-hero h1{font-size:50px}.gallery-intro h1{font-size:60px}.about-top h1{font-size:50px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:760px){:root{--gutter:22px}.section-space{padding-block:70px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:26px}.section-heading h2{font-size:33px}.section-heading>p{max-width:610px}.opening{display:flex;flex-direction:column;align-items:stretch;padding-top:43px;padding-bottom:75px}.opening h1{font-size:clamp(43px,8.5vw,68px);max-width:600px}.opening .serial{margin-bottom:19px}.opening-lede{margin-top:19px}.opening-actions{margin-top:26px;gap:20px}.opening-footnote{margin-top:35px}.opening-media{margin-top:17px;min-height:0}.opening-media img{height:auto;aspect-ratio:5/4;min-height:0}.opening-media::before{inset:10px -9px -10px 12px}.statement-grid{grid-template-columns:1fr;gap:10px}.statement-grid>.eyebrow{padding:0}.statement-grid h2{font-size:33px}.statement-grid p:not(.eyebrow){font-size:.92rem}.pathway-grid{gap:25px 14px}.pathway-img{aspect-ratio:4/4}.pathway-content{padding:16px 0 19px}.pathway-content h3{font-size:24px}.pathway-content p{font-size:.83rem}.split-feature{grid-template-columns:1fr}.split-visual{min-height:0}.split-visual img{height:auto;position:relative;aspect-ratio:5/3.4}.split-content{padding:50px var(--gutter) 65px}.split-content h2{font-size:35px}.editorial-grid{grid-template-columns:1fr;gap:34px}.editorial-image img{aspect-ratio:5/3.6}.editorial-text{max-width:none}.band-layout{grid-template-columns:1fr;gap:35px}.band-layout h2{font-size:40px}.feature-links{grid-template-columns:1fr}.feature-link,.feature-link:not(:first-child){border-right:0;padding:26px 18px 26px 0;min-height:165px}.feature-link .arrow{right:0;top:26px}.feature-link strong{font-size:27px}.article-hero{grid-template-columns:1fr;padding-bottom:45px}.article-hero h1{font-size:clamp(43px,8vw,64px);margin:20px 0}.article-hero>img{aspect-ratio:16/10}.article-meta{margin-top:26px}.article-layout{grid-template-columns:1fr;gap:45px;padding-top:43px;padding-bottom:75px}.article-aside{position:static;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.article-aside .eyebrow{width:100%;margin:0}.article-aside a{font-size:.79rem}.article-body h2{font-size:32px}.observation{grid-template-columns:35px 1fr;gap:16px}.obs-index{font-size:1.2rem}.light-intro{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:70px}.light-intro-title h1{font-size:clamp(44px,8vw,69px)}.light-intro-image img{aspect-ratio:16/10}.principle-grid{grid-template-columns:1fr;gap:12px}.principle-grid article{min-height:auto}.light-lab{padding:70px 0}.case-columns{grid-template-columns:1fr 1fr}.light-ending{grid-template-columns:1fr;gap:28px}.light-ending-image img{aspect-ratio:16/10}.composition-cover{padding:35px 0 65px}.composition-cover-grid{grid-template-columns:1fr;gap:32px}.composition-cover h1{font-size:clamp(42px,8vw,64px)}.composition-cover img{aspect-ratio:16/10}.composition-grid{grid-template-columns:1fr 1fr}.composition-note{padding:70px 0}.note-grid{grid-template-columns:1fr;gap:22px}.note-grid h2{font-size:40px}.sequence-grid{grid-template-columns:1fr;gap:20px}.gallery-intro{padding-top:25px;padding-bottom:55px}.gallery-intro h1{font-size:clamp(43px,8vw,66px)}.gallery-study,.gallery-study:nth-child(even){grid-template-columns:1fr;gap:22px;margin-bottom:70px}.gallery-study:nth-child(even) figure,.gallery-study:nth-child(even) .gallery-study-copy{grid-column:auto;grid-row:auto}.gallery-study img{aspect-ratio:16/11}.gallery-study-copy h2{font-size:35px}.gallery-end{padding:70px 0}.gallery-end-grid{grid-template-columns:1fr;gap:25px}.gallery-end h2{font-size:38px}.faq-header{padding-top:28px;padding-bottom:55px}.faq-header h1{font-size:clamp(38px,7vw,58px)}.faq-section{grid-template-columns:1fr;gap:35px}.faq-side{position:static}.faq-side p{max-width:560px}.about-layout{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:85px}.about-top h1{font-size:clamp(43px,7vw,65px)}.about-image{grid-column:1;grid-row:2}.about-image img{aspect-ratio:16/10}.about-body{grid-column:1;grid-row:3;padding-top:12px}.footer-main{grid-template-columns:1.25fr 1fr;gap:42px 20px}.footer-identity{grid-column:1/-1}.footer-bottom{align-items:start}.missing-page{padding-top:80px;min-height:480px}}
@media(max-width:480px){:root{--gutter:18px}body{font-size:15px}.masthead-inner{min-height:71px}.brand-seal{width:37px;height:37px;font-size:22px}.brand-copy strong{font-size:1.12rem}.brand-copy small{font-size:.4rem}.navigation{grid-template-columns:repeat(2,1fr);padding-inline:var(--gutter)}.menu-button{padding:8px 10px}.opening h1{font-size:43px}.opening-lede{font-size:.96rem}.opening-actions{align-items:stretch;flex-direction:column}.opening-actions a{width:100%;justify-content:space-between}.opening-footnote{font-size:.61rem}.opening-media figcaption{font-size:.55rem;padding:12px}.statement-grid h2{font-size:30px}.pathway-grid{grid-template-columns:1fr 1fr;gap:26px 11px}.pathway-img{aspect-ratio:1/1.1}.pathway-content h3{font-size:21px}.pathway-content .eyebrow{font-size:.58rem}.pathway-content p{font-size:.79rem;line-height:1.75}.pathway-arrow{font-size:.7rem;padding-top:14px}.split-content h2{font-size:32px}.editorial-text h3{font-size:27px}.band-layout h2{font-size:35px}.band-questions p{font-size:.89rem}.article-hero h1{font-size:40px}.article-deck{font-size:.95rem}.article-meta{gap:10px;font-size:.72rem}.article-body h2{font-size:29px}.article-body p{font-size:.94rem}.observation h3{font-size:1.36rem}.practice{padding:14px}.light-intro-title h1{font-size:43px}.lab-heading h2{font-size:32px}.case-columns{grid-template-columns:1fr;gap:15px}.case-head h3{font-size:25px}.light-case{padding:27px 0}.light-ending h2{font-size:33px}.composition-cover h1{font-size:43px}.composition-grid{grid-template-columns:1fr}.composition-card h3{min-height:0}.note-grid h2{font-size:35px}.gallery-intro h1{font-size:43px}.gallery-study-copy h2{font-size:31px}.gallery-end h2{font-size:33px}.faq-header h1{font-size:37px}.faq-item summary{grid-template-columns:25px 1fr 18px;gap:12px;font-size:18px}.faq-answer{padding:0 14px 24px 37px}.about-top h1{font-size:42px}.about-body h2{font-size:1.6rem}.footer-main{padding-block:52px}.footer-bottom{flex-direction:column;gap:7px}.missing-page .action-text{margin:15px 0 0}.missing-page .action-primary{width:100%}}
/* Accessibility, media stability, printing */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pathway:hover,.action-primary:hover{transform:none}}
@media(prefers-contrast:more){:root{--ink-soft:#30352f;--ink-muted:#3f463f;--line:#878e86;--green:#164538}.eyebrow{font-weight:800}.navigation a{color:#242b25}.feature-link{border-color:#7a847b}.footer-nav a{color:#fff}}
@media print{@page{margin:14mm}body{background:#fff;color:#111;font-size:11pt}.masthead,.site-footer,.menu-button,.skip-link,.opening-actions,.opening-footnote,.article-aside,.footer-main,.under-link{display:none!important}.wrap{max-width:none;padding:0}.section-space{padding-block:20px}.opening,.article-hero,.gallery-study,.light-intro,.composition-cover-grid{display:block;min-height:0}.opening-media,.opening-media img,.article-hero img,.gallery-study img{max-height:90mm;min-height:0;object-fit:contain}.opening-media::before{display:none}.intro-statement,.light-lab,.wide-band,.gallery-end,.composition-cover,.composition-note{background:#fff;color:#111}.intro-statement *,.light-lab *{color:#111!important}.pathway-grid,.composition-grid,.principle-grid{grid-template-columns:repeat(2,1fr)}.pathway,.composition-card,.principle-grid article,.light-case,.faq-item{break-inside:avoid}.article-body{max-width:none}.gallery-study{break-inside:avoid}.article-layout{display:block}.feature-link{min-height:auto}}

/* Practical visual vocabulary: printed reference cards */
.glossary-section{border-top:1px solid var(--line)}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.glossary-entry{background:#faf8f3;border:1px solid var(--line);padding:28px 31px 32px;display:flex;flex-direction:column;gap:18px}.glossary-entry h3{font:500 1.65rem/1.4 var(--font-serif);padding-bottom:16px;border-bottom:1px solid var(--line)}.glossary-entry>p{font-size:.92rem;color:var(--ink-soft)}.glossary-entry>div{border-left:2px solid #c6c6b7;padding-left:18px}.glossary-entry>div strong{font-size:.73rem;color:var(--green);letter-spacing:.08em}.glossary-entry>div p{margin-top:5px;font-size:.84rem;color:var(--ink-soft)}.glossary-entry>div:last-child{margin-top:auto;border-color:var(--gold)}@media(max-width:760px){.glossary-grid{grid-template-columns:1fr}.glossary-entry{padding:26px 22px}.glossary-entry h3{font-size:1.5rem}}@media print{.glossary-grid{display:block}.glossary-entry{break-inside:avoid;margin-bottom:12px;padding:15px}.glossary-entry h3{font-size:15pt}}
