@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--paper:#f2f0e9;--ink:#1c1c1b;--line:rgba(28,28,27,.28);--serif:"Noto Serif JP",serif;--sans:"DM Sans","Noto Sans JP",sans-serif;--pad:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{height:76px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20}.wordmark{font-family:var(--serif);font-size:21px;letter-spacing:-.06em}.wordmark i,.footer-mark i{font-weight:400}.issue{display:none}.menu{background:none;border:0;font:600 11px var(--sans);letter-spacing:.14em;display:flex;align-items:center;gap:9px;padding:12px 0}.menu b,.menu b:after{display:block;width:21px;height:1px;background:currentColor;content:"";transition:.25s}.menu b:after{transform:translateY(5px)}.menu-open .menu b{transform:rotate(45deg)}.menu-open .menu b:after{transform:rotate(90deg)}.menu-panel{position:fixed;inset:76px 0 auto;z-index:15;background:var(--ink);color:var(--paper);padding:34px var(--pad);display:flex;flex-direction:column;gap:20px;transform:translateY(-120%);transition:.35s ease}.menu-panel[aria-hidden=false]{transform:none}.menu-panel a{font-family:var(--serif);font-size:25px}.opening{min-height:780px;position:relative;padding:42px var(--pad) 70px;overflow:hidden}.kicker,.section-head>p,.manifesto>p,.number,.opening-image figcaption,.footer-meta,.copyright{font-size:11px;letter-spacing:.15em}.opening h1{font:500 clamp(42px,13vw,58px)/1.28 var(--serif);letter-spacing:-.07em;margin:30px 0 26px;position:relative;z-index:2}.opening h1 em{font-style:normal}.intro{font:300 14px/2 var(--sans);margin:0;position:relative;z-index:2}.read-link{display:inline-flex;gap:28px;align-items:center;margin-top:27px;font-size:12px;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:7px;position:relative;z-index:2}.read-link span{font-size:18px}.opening-image{margin:45px 0 0 auto;width:83%;height:390px;position:relative}.opening-image figcaption{position:absolute;right:0;bottom:-20px}.vertical-note{display:none}.manifesto{padding:110px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);opacity:0;transform:translateY(25px);transition:.7s}.manifesto.visible{opacity:1;transform:none}.manifesto>p{margin:0 0 50px}.manifesto div{font:400 25px/1.9 var(--serif);letter-spacing:-.03em}.manifesto span,.manifesto strong{display:block}.manifesto strong{font-weight:500;font-size:36px}.stories{padding:92px var(--pad) 120px}.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:70px}.section-head>p{grid-column:1/-1;margin:0 0 28px}.section-head h2{font:500 53px/1.02 "Playfair Display",var(--serif);margin:0;letter-spacing:-.04em}.section-head h2 i{font-weight:500}.section-head span{font-size:11px;letter-spacing:.13em}.story{margin-bottom:120px;opacity:0;transform:translateY(35px);transition:.75s}.story.visible{opacity:1;transform:none}.story-image{height:445px;overflow:hidden}.story-copy{padding:28px 3px 0}.number{margin:0 0 19px}.story h3{font:500 29px/1.55 var(--serif);letter-spacing:-.04em;margin:0}.story .en{font:italic 18px "Playfair Display",serif;margin:8px 0 28px}.dek{font:300 15px/2 var(--sans);margin:0 0 26px}.cta{font-size:11px;letter-spacing:.15em;border-bottom:1px solid;display:flex;justify-content:space-between;padding-bottom:9px}.cta b{font-size:17px;font-weight:400}.closing{padding:90px var(--pad) 120px;background:var(--ink);color:var(--paper);opacity:0;transition:1s}.closing.visible{opacity:1}.closing>p:first-child{font-size:11px;letter-spacing:.16em;margin:0 0 48px}.closing h2{font:500 46px/1.08 "Playfair Display",serif;margin:0 0 50px}.closing h2 i{font-weight:500}.closing>p:last-child{font:300 14px/2}.closing+*{margin:0}footer{padding:65px var(--pad) 30px;background:var(--ink);color:var(--paper);border-top:1px solid rgba(255,255,255,.25)}.footer-mark{font:400 42px/1.1 var(--serif);letter-spacing:-.07em}.footer-meta{margin:65px 0 55px;line-height:2}.copyright{margin:0;opacity:.65}.direction-switch{position:fixed;right:12px;bottom:12px;z-index:30;font-size:10px;letter-spacing:.1em}.direction-switch button{border:1px solid rgba(255,255,255,.45);color:#fff;background:#191919;padding:10px 13px;font:500 10px var(--sans);letter-spacing:.08em}.direction-switch div{display:none;background:#191919;padding:8px}.direction-switch.open div{display:flex}.direction-switch div a{color:#fff;width:34px;height:32px;display:grid;place-items:center;border:1px solid #555}.direction-switch div a.active{background:#fff;color:#111}.chooser{min-height:100vh;background:#161616;color:#f3f0e8;display:grid;place-items:center;padding:28px}.chooser main{width:min(900px,100%)}.chooser h1{font:500 clamp(48px,9vw,110px)/.96 "Playfair Display",serif;margin:30px 0}.chooser>main>p:not(.eyebrow){font:300 15px/1.8 var(--sans);max-width:500px}.chooser nav{display:grid;margin-top:60px;border-top:1px solid #555}.chooser nav a{font:500 32px "Playfair Display",serif;border-bottom:1px solid #555;padding:23px 0;display:flex;justify-content:space-between}.chooser nav span{font:400 13px var(--sans);letter-spacing:.1em;align-self:center}

/* Individual article previews; scoped to A so B/C stay unchanged. */
body[data-concept=a] .latest-articles{padding:64px var(--pad) 100px;scroll-margin-top:24px}
body[data-concept=a] .latest-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:24px}
body[data-concept=a] .latest-heading h2{font:500 clamp(34px,8vw,64px)/1.1 "Playfair Display",serif;letter-spacing:-.04em;margin:0}
body[data-concept=a] .latest-heading p{font-size:14px;white-space:nowrap;margin:0}
body[data-concept=a] .sample-note{font-size:12px;line-height:1.8;color:#666;max-width:44em;margin:18px 0 38px}
body[data-concept=a] .latest-grid{display:grid;gap:56px}
body[data-concept=a] .latest-article{min-width:0}
body[data-concept=a] .latest-article figure{margin:0;aspect-ratio:4/5;overflow:hidden}
body[data-concept=a] .latest-article:nth-child(2) figure{aspect-ratio:1/1}
body[data-concept=a] .latest-article:nth-child(3) figure{aspect-ratio:5/6}
body[data-concept=a] .latest-article img{width:100%;height:100%;object-fit:cover}
body[data-concept=a] .latest-copy{padding-top:20px}
body[data-concept=a] .article-category{font-size:12px;letter-spacing:.14em;margin:0 0 12px}
body[data-concept=a] .latest-copy h3{font:400 24px/1.65 var(--serif);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
body[data-concept=a] .article-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);padding:20px 0 12px;background:transparent;color:var(--ink);font:500 14px var(--sans);letter-spacing:.07em;text-align:left}
body[data-concept=a] .article-link span{font-size:12px;color:#666}
@media(min-width:760px){body[data-concept=a] .latest-articles{padding:90px 5.5vw 130px}body[data-concept=a] .latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5vw;align-items:start}body[data-concept=a] .latest-article:nth-child(2){padding-top:80px}body[data-concept=a] .latest-article:nth-child(3){padding-top:32px}body[data-concept=a] .latest-copy h3{font-size:clamp(22px,2vw,30px)}}

/* A — restrained literary magazine */
body[data-concept=a]{--paper:#f3f0e8;--ink:#272721}.concept-a{}.opening-image img{filter:saturate(.72) contrast(.96)}body[data-concept=a] .opening:before{content:"01";position:absolute;right:-12px;top:5px;font:italic 164px/1 "Playfair Display",serif;color:rgba(39,39,33,.055)}body[data-concept=a] .story-2 .story-image{width:84%;margin-left:auto}body[data-concept=a] .story-3 .story-image{height:360px;width:78%}

/* B — high-contrast contemporary typography */
body[data-concept=b]{--paper:#ecebE6;--ink:#111;--line:#111}body[data-concept=b] .site-header{background:#d9ff43;height:66px}body[data-concept=b] .opening{padding-top:24px;min-height:800px;border-bottom:1px solid}body[data-concept=b] .opening h1{font-family:var(--sans);font-weight:500;line-height:.98;font-size:clamp(51px,15vw,70px);letter-spacing:-.09em;text-transform:none;margin-top:42px}body[data-concept=b] .opening h1 em{font-family:var(--serif);font-weight:400}body[data-concept=b] .opening-image{width:72%;height:410px;margin-top:32px;margin-right:-20px}body[data-concept=b] .opening-copy:after{content:"NEW\A EDITORIAL\A FOR DAILY\A BEAUTY";white-space:pre;position:absolute;right:19px;top:106px;font:600 10px/1.3 var(--sans);letter-spacing:.06em;text-align:right}body[data-concept=b] .manifesto{background:#111;color:#fff}body[data-concept=b] .manifesto strong{color:#d9ff43}body[data-concept=b] .section-head h2,body[data-concept=b] .story h3{font-family:var(--sans);font-weight:500}body[data-concept=b] .story{border-top:1px solid;padding-top:12px}body[data-concept=b] .story-image{height:410px}body[data-concept=b] .story-2 .story-image{margin-left:18%;width:82%}body[data-concept=b] .story .en{background:#d9ff43;display:inline-block;padding:5px 8px;font-family:var(--sans);font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.07em}body[data-concept=b] .closing{background:#d9ff43;color:#111}body[data-concept=b] footer{background:#111}

/* C — tactile, photographic art book */
body[data-concept=c]{--paper:#e8e2d7;--ink:#3b251c;--line:rgba(59,37,28,.35)}body[data-concept=c] .site-header{border:0}body[data-concept=c] .opening{padding-top:18px;min-height:825px}body[data-concept=c] .opening h1{font-size:51px;margin-top:50px}body[data-concept=c] .opening h1 em{font-style:italic;font-family:"Playfair Display",var(--serif)}body[data-concept=c] .opening-image{width:92%;height:475px;margin-right:-20px;transform:rotate(1.5deg)}body[data-concept=c] .opening-image img{filter:saturate(.88) sepia(.08)}body[data-concept=c] .opening:after{content:"✳";font-size:42px;position:absolute;left:14px;bottom:25px;transform:rotate(-18deg)}body[data-concept=c] .manifesto{border:0;padding-top:140px;padding-bottom:140px}body[data-concept=c] .manifesto>p{font-family:"Playfair Display",serif;font-style:italic;letter-spacing:.05em}body[data-concept=c] .manifesto div{transform:rotate(-2deg)}body[data-concept=c] .section-head h2{font-family:var(--serif);font-weight:400}body[data-concept=c] .story-image{border-radius:50% 50% 3px 3px;height:460px}body[data-concept=c] .story-2{transform:translateY(35px) rotate(1deg)}body[data-concept=c] .story-2.visible{transform:rotate(1deg)}body[data-concept=c] .story-2 .story-image{border-radius:2px;width:88%;margin-left:auto}body[data-concept=c] .story-3 .story-image{border-radius:48% 48% 46% 46%;height:390px;width:85%}body[data-concept=c] .story h3{font-weight:400}body[data-concept=c] .cta{border-bottom-style:dotted}body[data-concept=c] .closing{background:#3b251c}body[data-concept=c] footer{background:#3b251c}

@media(min-width:760px){:root{--pad:52px}.site-header{height:92px;grid-template-columns:1fr auto 1fr}.wordmark{font-size:28px}.issue{display:block;font-size:10px;letter-spacing:.12em}.menu{justify-self:end}.menu-panel{top:92px;padding-left:60%;}.opening{min-height:820px;padding-top:78px;display:grid;grid-template-columns:47% 53%;align-items:start}.opening-copy{padding-top:44px}.opening h1{font-size:clamp(54px,5vw,86px)}.intro{font-size:15px}.opening-image{width:100%;height:650px;margin:0}.vertical-note{display:block;position:absolute;left:16px;bottom:78px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.14em}.manifesto{display:grid;grid-template-columns:32% 68%;padding-top:150px;padding-bottom:150px}.manifesto div{font-size:34px}.manifesto strong{font-size:54px}.stories{padding-top:150px}.section-head{margin-bottom:120px}.section-head h2{font-size:78px}.story>a{display:grid;grid-template-columns:57% 1fr;gap:6vw;align-items:center}.story-image{height:710px}.story-copy{padding:0}.story h3{font-size:40px}.story-2>a{grid-template-columns:1fr 52%}.story-2 .story-image{grid-column:2;grid-row:1;width:100%!important;margin:0!important}.story-2 .story-copy{grid-column:1;grid-row:1}.story-3>a{grid-template-columns:45% 1fr}.story-3 .story-image{height:580px!important;width:100%!important}.closing{padding:160px var(--pad)}.closing h2{font-size:85px}.closing>p:last-child{font-size:16px}footer{display:grid;grid-template-columns:1fr 1fr;padding-top:100px}.footer-mark{font-size:66px}.footer-meta{margin:0}.copyright{grid-column:1/-1;margin-top:80px}body[data-concept=b] .site-header{height:72px}body[data-concept=b] .opening{grid-template-columns:58% 42%;min-height:760px}body[data-concept=b] .opening h1{font-size:clamp(64px,7vw,118px)}body[data-concept=b] .opening-image{height:625px;width:100%;margin:0}body[data-concept=b] .opening-copy:after{left:52px;right:auto;top:30px;text-align:left}body[data-concept=b] .story-2 .story-image{width:100%;margin:0}body[data-concept=c] .opening{grid-template-columns:42% 58%}body[data-concept=c] .opening-image{width:96%;height:680px;margin-right:-10px}body[data-concept=c] .opening:after{font-size:70px;left:44%;bottom:30px}body[data-concept=c] .story-2{transform:translateY(35px) rotate(0)}body[data-concept=c] .story-2.visible{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story,.manifesto,.closing{transition:none}}

/* Concept A v2 — luminous coastal editorial, derived from the supplied reference */
.desktop-nav{display:none}
body[data-concept=a]{--paper:#fbf8f3;--ink:#0d0d0d;--line:rgba(13,13,13,.18);background:var(--paper)}
body[data-concept=a] .site-header{height:68px;border:0;position:absolute;inset:0 0 auto;background:transparent;grid-template-columns:1fr auto;z-index:25}
body[data-concept=a] .site-header .issue{display:none}
body[data-concept=a] .site-header .wordmark{display:block;width:58px;justify-self:start;line-height:0}
body[data-concept=a] .site-header .wordmark img{width:100%;height:auto;object-fit:contain}
body[data-concept=a] .site-header .menu{grid-column:2;color:#111}
body[data-concept=a] .site-header .menu span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body[data-concept=a] .menu b,body[data-concept=a] .menu b:after{width:27px}
body[data-concept=a] .menu b:before{content:"";display:block;width:27px;height:1px;background:currentColor;transform:translateY(-6px)}
body[data-concept=a] .menu-panel{top:0;padding-top:100px}
body[data-concept=a] .opening-a{height:100svh;min-height:670px;padding:76px 16px 24px;display:block;isolation:isolate}
body[data-concept=a] .opening-a:before,body[data-concept=a] .opening-a:after{display:none}
body[data-concept=a] .opening-a .opening-image{position:absolute;z-index:-1;inset:92px 16px 110px;width:auto;height:auto;margin:0;transform:none;overflow:hidden;border-radius:48% 52% 43% 57% / 12% 17% 13% 16%;clip-path:polygon(2% 18%,8% 8%,22% 3%,38% 9%,51% 13%,68% 8%,83% 11%,94% 25%,98% 50%,96% 74%,86% 91%,67% 96%,49% 90%,34% 94%,17% 91%,6% 79%,1% 59%)}
body[data-concept=a] .opening-a .opening-image img{filter:saturate(.78) brightness(1.08);object-position:52% center}
body[data-concept=a] .hero-title{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:100%;max-width:1160px;line-height:0}
body[data-concept=a] .hero-title img{width:100%;height:auto;object-fit:contain}
body[data-concept=a] .hero-title span{display:block}
body[data-concept=a] .hero-title span+span{margin-left:-1%}
body[data-concept=a] .hero-title i{font-weight:400}
body[data-concept=a] .hero-note{position:absolute;left:19px;bottom:31px;margin:0;font-size:9px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}
body[data-concept=a] .scroll-cue{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;letter-spacing:.18em}
body[data-concept=a] .scroll-cue b{font:300 24px/1 var(--sans)}
body[data-concept=a] .hero-social{display:none}
body[data-concept=a] .manifesto{position:relative;overflow:hidden;border:0;padding:125px 28px 145px;text-align:center;background:#dff3f6}
body[data-concept=a] .manifesto:before{content:"";position:absolute;left:-8%;right:-8%;top:-40px;height:88px;background:var(--paper);border-radius:0 0 50% 50%}
body[data-concept=a] .manifesto>p{margin-bottom:42px}
body[data-concept=a] .manifesto div{font-size:22px;line-height:2}
body[data-concept=a] .manifesto strong{font-size:33px;font-weight:400;font-style:italic}
body[data-concept=a] .stories{padding-top:115px;background:var(--paper);overflow:hidden}
body[data-concept=a] .section-head{position:relative;margin-bottom:95px}
body[data-concept=a] .section-head:after{content:"ISSUE\A01";white-space:pre;position:absolute;right:-6px;top:10px;font:500 67px/.72 "Playfair Display",serif;letter-spacing:-.07em;color:#d7eef2;text-align:right;z-index:-1}
body[data-concept=a] .section-head h2{font-size:58px;font-weight:400;line-height:.9}
body[data-concept=a] .story{margin-bottom:150px}
body[data-concept=a] .story>a{display:block}
body[data-concept=a] .story-image{width:94%;height:470px;margin:0 auto;clip-path:ellipse(49% 48% at 50% 50%);border-radius:0}
body[data-concept=a] .story-2 .story-image{width:95%;height:420px;margin:0 auto;clip-path:polygon(2% 11%,16% 3%,39% 7%,55% 2%,79% 7%,96% 20%,99% 48%,93% 77%,77% 94%,51% 98%,29% 93%,9% 80%,1% 56%)}
body[data-concept=a] .story-3 .story-image{width:88%;height:430px;margin-left:0;clip-path:ellipse(46% 50% at 47% 50%)}
body[data-concept=a] .story-copy{padding:30px 4px 0;position:relative}
body[data-concept=a] .story-copy:before{content:attr(data-index);position:absolute;right:0;top:-22px;font:italic 80px/1 "Playfair Display",serif;color:#acdce4}
body[data-concept=a] .story-1 .story-copy:before{content:"01"}body[data-concept=a] .story-2 .story-copy:before{content:"02"}body[data-concept=a] .story-3 .story-copy:before{content:"03"}
body[data-concept=a] .story h3{font-size:30px;font-weight:400;position:relative}
body[data-concept=a] .story .en{font-size:17px;color:#648a91}
body[data-concept=a] .story .dek{max-width:36em}
body[data-concept=a] .cta{border-bottom:1px solid #9ccbd3}
body[data-concept=a] .closing{position:relative;background:#dff3f6;color:#111;text-align:center;padding-top:135px}
body[data-concept=a] .closing:before{content:"";position:absolute;left:-8%;right:-8%;top:-48px;height:95px;background:var(--paper);border-radius:0 0 50% 50%}
body[data-concept=a] .closing h2{font-weight:400}
body[data-concept=a] footer{background:#fbf8f3;color:#111;border:0;text-align:center}
body[data-concept=a] .footer-meta{border-top:1px solid var(--line);padding-top:34px}

@media(min-width:760px){
  .site-header{grid-template-columns:1fr auto auto}.desktop-nav{display:flex;gap:58px;margin-right:58px;font-size:11px;font-weight:600;letter-spacing:.18em}
  body[data-concept=a] .site-header{height:95px;padding:0 5.5vw;grid-template-columns:1fr auto auto}
  body[data-concept=a] .site-header .desktop-nav{display:flex;grid-column:2;margin-right:64px}
  body[data-concept=a] .site-header .menu{grid-column:3}
  body[data-concept=a] .opening-a{height:100svh;min-height:720px;padding:0}
  body[data-concept=a] .opening-a .opening-image{inset:11.5vh 5.2vw 10.8vh;clip-path:polygon(2% 28%,7% 14%,15% 6%,27% 3%,38% 7%,48% 13%,61% 14%,74% 10%,86% 14%,94% 27%,98% 45%,98% 65%,93% 79%,84% 91%,69% 95%,55% 91%,43% 86%,31% 91%,18% 92%,8% 82%,2% 66%)}
  body[data-concept=a] .site-header .wordmark{width:76px}
  body[data-concept=a] .hero-title{width:82%;left:50%;top:46%;transform:translate(-50%,-50%)}
  body[data-concept=a] .hero-title span+span{margin-left:0}
  body[data-concept=a] .hero-note{left:5.5vw;bottom:4vh;font-size:10px}
  body[data-concept=a] .scroll-cue{bottom:3vh}
  body[data-concept=a] .hero-social{display:block;position:absolute;right:5.7vw;bottom:4vh;margin:0;font-size:10px;letter-spacing:.15em}
  body[data-concept=a] .manifesto{padding-top:190px;padding-bottom:190px;grid-template-columns:28% 72%;text-align:left}
  body[data-concept=a] .manifesto div{font-size:31px}
  body[data-concept=a] .manifesto strong{font-size:54px}
  body[data-concept=a] .stories{padding-top:160px}
  body[data-concept=a] .section-head h2{font-size:92px}
  body[data-concept=a] .section-head:after{font-size:150px;right:2vw;top:-20px}
  body[data-concept=a] .story>a{display:grid;grid-template-columns:55% 1fr;gap:7vw}
  body[data-concept=a] .story-image{width:100%;height:720px}
  body[data-concept=a] .story-2>a{grid-template-columns:1fr 53%}
  body[data-concept=a] .story-2 .story-image{grid-column:2;grid-row:1;width:100%;height:690px}
  body[data-concept=a] .story-2 .story-copy{grid-column:1;grid-row:1}
  body[data-concept=a] .story-3>a{grid-template-columns:47% 1fr}
  body[data-concept=a] .story-3 .story-image{width:100%;height:620px!important}
  body[data-concept=a] .story h3{font-size:42px}
  body[data-concept=a] .closing{padding-top:190px;padding-bottom:180px}
}

/* Concept A: fluid editorial compositions, inspired by HARUTA SS2024. */
body[data-concept=a]{--paper:#FBF8F3;--ink:#252a35;--line:rgba(61,98,173,.25);--accent:#3d62ad;--soft-blue:#e2e7f3;--soft-pink:#fce7ec;--soft-peach:#fce6dd;--footer-blue:#f0f2f9}
body[data-concept=a] .shape-definitions{position:absolute;pointer-events:none}
body[data-concept=a] .opening-a .opening-image{clip-path:url(#hbm-coast);border-radius:0}
body[data-concept=a] .latest-articles{padding:64px 20px 92px;overflow:hidden;position:relative}
body[data-concept=a] .latest-heading{position:relative;display:block;border:0;padding:0 0 0 6px}
body[data-concept=a] .latest-heading h2{font-size:clamp(58px,16vw,100px);line-height:.92;font-weight:400;letter-spacing:-.055em}
body[data-concept=a] .latest-heading h2 i{display:block;margin:5px 0 0 16%;font-weight:400;transform:rotate(-6deg);transform-origin:left center}
body[data-concept=a] .latest-heading p{margin:26px 0 0 17%;font-size:14px}
body[data-concept=a] .sample-note{margin:24px 0 46px 17%;font-size:12px;max-width:32em}
body[data-concept=a] .latest-grid{display:flex;flex-direction:column;gap:74px}
body[data-concept=a] .latest-article{position:relative;padding:0;isolation:isolate}
body[data-concept=a] .article-art{position:relative;width:95%;margin-left:-2%;padding:20px 0 18px}
body[data-concept=a] .article-art:before{content:"";position:absolute;inset:6% -4% 5% 4%;background:var(--soft-blue);clip-path:url(#hbm-pebble);transform:rotate(9deg);z-index:-1}
body[data-concept=a] .latest-article figure{width:100%;margin:0;aspect-ratio:3/4;clip-path:url(#hbm-pebble);overflow:hidden;transform:rotate(-5deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body[data-concept=a] .latest-article img{object-position:50% 39%;transform:scale(1.045) rotate(5deg);transition:transform 1.2s ease}

body[data-concept=a] .article-orbit{position:absolute;bottom:-17px;left:3%;width:100%;height:auto;overflow:visible;transform:rotate(-9deg);pointer-events:none}
body[data-concept=a] .article-orbit text{font:500 14px var(--sans);letter-spacing:3px;fill:var(--accent)}
body[data-concept=a] .latest-copy{position:relative;padding:30px 4px 0 10%;max-width:32em}
body[data-concept=a] .article-category{font-size:12px;letter-spacing:.16em;margin-bottom:14px}
body[data-concept=a] .latest-copy h3{font-size:24px;line-height:1.8;letter-spacing:.01em}
body[data-concept=a] .article-link{font-size:14px;padding:22px 0 13px;min-height:48px}
body[data-concept=a] .latest-article:nth-child(2){padding-top:0}
body[data-concept=a] .latest-article:nth-child(2) .article-art{width:88%;margin-left:12%}
body[data-concept=a] .latest-article:nth-child(2) figure{aspect-ratio:4/5;clip-path:url(#hbm-tide);transform:rotate(6deg)}
body[data-concept=a] .latest-article:nth-child(2) img{transform:scale(1.1) rotate(-6deg);object-position:48% 36%}
body[data-concept=a] .latest-article:nth-child(2) .article-art:before{clip-path:url(#hbm-tide);background:var(--soft-pink);transform:rotate(-5deg);inset:3% 1% 8% -8%}

body[data-concept=a] .latest-article:nth-child(2) .article-orbit{transform:rotate(8deg);left:-6%}
body[data-concept=a] .latest-article:nth-child(2) .latest-copy{padding-left:2%;padding-right:10%}
body[data-concept=a] .latest-article:nth-child(3){padding-top:0}
body[data-concept=a] .latest-article:nth-child(3) .article-art{width:92%;margin-left:0}
body[data-concept=a] .latest-article:nth-child(3) figure{aspect-ratio:1/1;clip-path:url(#hbm-oval);transform:rotate(-8deg)}
body[data-concept=a] .latest-article:nth-child(3) img{transform:scale(1.07) rotate(8deg);object-position:50% 32%}
body[data-concept=a] .latest-article:nth-child(3) .article-art:before{clip-path:url(#hbm-oval);background:var(--soft-peach);transform:rotate(11deg);inset:2% -7% 10% 10%}

body[data-concept=a] footer{position:relative;background:var(--footer-blue);color:var(--ink);padding-top:100px;overflow:hidden}
body[data-concept=a] footer:before{content:"";position:absolute;top:-44px;left:-10%;width:120%;height:84px;border-radius:0 0 50% 50%;background:var(--paper);transform:rotate(-3deg)}
body[data-concept=a] .footer-mark{display:inline-block;transform:rotate(-4deg)}
body[data-concept=a] .hero-note{font-size:12px;letter-spacing:.04em;bottom:28px}
body[data-concept=a] .scroll-cue{font-size:12px;left:auto;right:22px;transform:none;bottom:27px;min-height:44px}
body[data-concept=a] .hero-social{font-size:12px}
@keyframes hbm-arrive{from{transform:translateY(34px) rotate(4deg)}to{transform:translateY(0) rotate(0)}}
body[data-concept=a] .article-art.art-arrived{animation:hbm-arrive 1.15s cubic-bezier(.16,1,.3,1) both}
@media(hover:hover){body[data-concept=a] .article-art:hover figure{transform:rotate(0)}body[data-concept=a] .article-art:hover img{transform:scale(1.025) rotate(0)}}
@media(min-width:760px){
 body[data-concept=a] .latest-articles{padding:95px 7vw 160px}
 body[data-concept=a] .latest-heading{width:65%;margin-bottom:10px}
 body[data-concept=a] .latest-heading h2{font-size:clamp(90px,11vw,158px)}
 body[data-concept=a] .latest-heading h2 i{margin-left:25%}
 body[data-concept=a] .latest-heading p{position:absolute;right:3%;bottom:10%;margin:0}
 body[data-concept=a] .sample-note{margin:32px 0 65px 16%;max-width:none}
 body[data-concept=a] .latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px 9vw;align-items:start}
 body[data-concept=a] .latest-article:nth-child(2){margin-top:210px}
 body[data-concept=a] .latest-article:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:56% 1fr;align-items:center;gap:7%;margin-top:10px}
 body[data-concept=a] .latest-article:nth-child(3) .latest-copy{padding:0 0 0 0}
 body[data-concept=a] .latest-article:nth-child(3) .article-art{width:100%}
 body[data-concept=a] .latest-copy h3{font-size:clamp(24px,2.25vw,34px)}

 body[data-concept=a] .article-orbit text{font-size:12px}
 body[data-concept=a] .latest-copy{padding-top:44px}
 body[data-concept=a] .scroll-cue{left:50%;right:auto;transform:translateX(-50%);bottom:3vh}
 body[data-concept=a] .hero-note{font-size:12px}
 body[data-concept=a] .hero-social{font-size:12px}
}
@media(prefers-reduced-motion:reduce){body[data-concept=a] .article-art,body[data-concept=a] .latest-article figure,body[data-concept=a] .latest-article img{animation:none;transition:none}}

/* NICCO guideline v1 (2026-07-07), p2: D #3D62AD, B #F19DB2, A #EF8454.
   Surface tints: D + 85% white, B + 75% white, A + 80% white;
   footer: D + 92% white. Editorial colors only; raster assets are unchanged. */
body[data-concept=a] .latest-heading h2 i,
body[data-concept=a] .article-category,
body[data-concept=a] .article-link,
body[data-concept=a] .scroll-cue,
body[data-concept=a] .desktop-nav,
body[data-concept=a] .footer-mark{color:var(--accent)}
body[data-concept=a] .site-header .menu{color:var(--accent)}
body[data-concept=a] .menu-panel{background:var(--accent);color:#fff}
body[data-concept=a] .direction-switch button,
body[data-concept=a] .direction-switch div{background:var(--accent)}
body[data-concept=a] .direction-switch div a{border-color:rgba(255,255,255,.5)}
body[data-concept=a] .direction-switch div a.active{background:#fff;color:var(--accent)}

/* Refined section hierarchy and restrained category captions. */
body[data-concept=a]{--ink:#262626;--line:rgba(0,0,0,.2)}
body[data-concept=a] .latest-heading{display:flex;align-items:baseline;gap:16px;width:100%;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--line)}
body[data-concept=a] .latest-heading h2{font-size:28px;line-height:1.3;letter-spacing:-.025em;color:var(--ink)}
body[data-concept=a] .latest-heading h2 i{display:inline;margin:0;transform:none;color:var(--ink)}
body[data-concept=a] .latest-heading p{position:static;margin:0;font-size:12px;color:#666}
body[data-concept=a] .sample-note{margin:0 0 48px;max-width:40em;color:#666}
body[data-concept=a] .category-curve{position:absolute;top:20px;left:0;width:100%;height:calc(100% - 38px);overflow:visible;z-index:2;pointer-events:none;transform:rotate(-5deg)}
body[data-concept=a] .category-curve text{font:400 20px var(--sans);letter-spacing:1.4px;fill:#555}
body[data-concept=a] .latest-article:nth-child(2) .category-curve{transform:rotate(6deg)}
body[data-concept=a] .latest-article:nth-child(3) .category-curve{transform:rotate(-8deg)}
body[data-concept=a] .latest-article:nth-child(3) figure{aspect-ratio:5/4}
body[data-concept=a] .article-category,
body[data-concept=a] .scroll-cue,
body[data-concept=a] .desktop-nav,
body[data-concept=a] .site-header .menu{color:var(--ink)}
body[data-concept=a] .menu-panel{background:#262626;color:#fff}
body[data-concept=a] .direction-switch button,
body[data-concept=a] .direction-switch div{background:#262626;color:#fff}
body[data-concept=a] .direction-switch div a.active{background:#fff;color:#262626}
body[data-concept=a] .article-link{cursor:pointer;color:var(--accent)}
body[data-concept=a] .article-link span{font-size:18px;color:inherit}
body[data-concept=a] .article-link:hover{border-bottom-color:currentColor}
body[data-concept=a] .article-link:focus-visible{outline:2px solid #262626;outline-offset:5px}
body[data-concept=a] .article-preview-content{max-width:820px;margin:auto;padding:40px 24px 80px}
body[data-concept=a] .article-back{display:inline-block;font-size:14px;line-height:1.8;text-decoration:underline;text-underline-offset:5px;padding:12px 0}
body[data-concept=a] .article-preview-category{font-size:14px;color:#666;margin:40px 0 18px}
body[data-concept=a] .article-preview-content h1{font:400 clamp(26px,4vw,40px)/1.7 var(--serif);margin:0 0 36px}
body[data-concept=a] .article-preview-content figure{margin:0;max-width:540px}
body[data-concept=a] .article-preview-content img{height:auto}
body[data-concept=a] .article-preview-note{font-size:16px;line-height:1.9;color:#666;margin:32px 0}
@media(min-width:760px){
 body[data-concept=a] .latest-heading h2{font-size:34px}
 body[data-concept=a] .latest-heading{gap:24px;margin-bottom:18px}
 body[data-concept=a] .sample-note{margin:0 0 65px}
 body[data-concept=a] .latest-article:nth-child(2){margin-top:130px}
}

/* A section heading led by scale and whitespace, without a dividing rule. */
body[data-concept=a] .latest-heading{display:block;width:100%;border:0;padding:0;margin:0 0 24px}
body[data-concept=a] .latest-heading h2{font-size:46px;line-height:1.08;letter-spacing:-.045em}
body[data-concept=a] .latest-heading h2 i{display:block;margin:3px 0 0 42px;font-weight:400}
body[data-concept=a] .latest-heading p{margin:18px 0 0 44px;font-size:12px;letter-spacing:.12em}
body[data-concept=a] .sample-note{margin:0 0 58px 44px;max-width:36em}
body[data-concept=a] .category-curve{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body[data-concept=a] .category-curve text{font-size:18px;letter-spacing:.8px}
body[data-concept=a] .article-series{font:400 14px/1.9 var(--sans);color:#666;letter-spacing:.025em;margin:0 0 15px;overflow-wrap:anywhere}
@media(hover:hover){body[data-concept=a] .latest-article .article-art:hover .category-curve{transform:rotate(0)}}
@media(min-width:760px){
 body[data-concept=a] .latest-heading{width:70%;margin:0 0 24px;padding-left:4vw}
 body[data-concept=a] .latest-heading h2{font-size:clamp(56px,5.5vw,78px)}
 body[data-concept=a] .latest-heading h2 i{display:inline-block;margin:0 0 0 8px;transform:translateY(14px)}
 body[data-concept=a] .latest-heading p{margin:28px 0 0 4px}
 body[data-concept=a] .sample-note{margin:0 0 78px calc(4vw + 4px)}
 body[data-concept=a] .article-series{font-size:14px;margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){body[data-concept=a] .category-curve{transition:none}}

/* Publication refinement: typographic hierarchy and a shared editorial grid. */
body[data-concept=a] .latest-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;width:100%;padding:0;margin:0 0 64px}
body[data-concept=a] .latest-heading h2{font-size:24px;line-height:1.1;letter-spacing:-.02em;margin:0}
body[data-concept=a] .latest-heading h2 span{display:block}
body[data-concept=a] .latest-heading h2 i{display:block;margin:3px 0 0 15px;font-size:clamp(48px,15.5vw,58px);line-height:1.04;letter-spacing:-.045em;transform:none}
body[data-concept=a] .latest-heading p{margin:17px 0 0 18px;font-size:12px}
body[data-concept=a] .all-articles{font-size:14px;line-height:1.5;white-space:nowrap;padding:12px 0;margin-bottom:0;color:#262626;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
body[data-concept=a] .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px;border:0;padding:0;font-size:14px;letter-spacing:.04em}
body[data-concept=a] .footer-links a{display:inline-block;padding:10px 0}
body[data-concept=a] .footer-links a:hover,body[data-concept=a] .hero-social a:hover{text-decoration:underline;text-underline-offset:6px}
body[data-concept=a] .hero-social{display:block;right:20px;bottom:26px;position:absolute;font-size:12px;letter-spacing:.05em;margin:0}
body[data-concept=a] .hero-social a{display:inline-block;padding:8px 0}
body[data-concept=a] .scroll-cue{left:50%;right:auto;transform:translateX(-50%);bottom:32px}
body[data-concept=a] .hero-note{bottom:82px;left:20px}
body[data-concept=a] .copyright{text-transform:none;letter-spacing:.025em;font-size:12px}
body[data-concept=a] a:focus-visible{outline:2px solid #262626;outline-offset:5px}
@media(min-width:760px){
 body[data-concept=a] .latest-articles{padding-left:6vw;padding-right:6vw}
 body[data-concept=a] .latest-heading{margin-bottom:84px;gap:32px}
 body[data-concept=a] .latest-heading h2{font-size:32px}
 body[data-concept=a] .latest-heading h2 i{font-size:clamp(76px,7.5vw,112px);margin-left:28px}
 body[data-concept=a] .latest-heading p{margin-left:32px}
 body[data-concept=a] .all-articles{font-size:16px;margin-bottom:5px}
 body[data-concept=a] .latest-grid{column-gap:4vw;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-concept=a] .latest-article .article-art{width:100%;margin-left:0}
 body[data-concept=a] .latest-article:nth-child(2) .article-art{width:100%;margin-left:0}
 body[data-concept=a] .latest-article:nth-child(3) .article-art{width:100%;margin-left:0}
 body[data-concept=a] .latest-copy,body[data-concept=a] .latest-article:nth-child(2) .latest-copy{padding-left:4%;padding-right:4%}
 body[data-concept=a] .latest-article:nth-child(3) .latest-copy{padding:0}
 body[data-concept=a] .footer-links{justify-content:flex-start;align-content:start;gap:16px 32px;margin:0}
 body[data-concept=a] .hero-social{right:5.7vw;bottom:4vh}
 body[data-concept=a] .hero-note{left:5.5vw;bottom:4vh}
 body[data-concept=a] .scroll-cue{bottom:3vh}
}
/* Secondary navigation destinations. */
body[data-concept=a] .subpage{max-width:1320px;margin:auto;padding:38px 6vw 90px}
body[data-concept=a] .subpage-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:76px;font-size:14px}
body[data-concept=a] .subpage-brand{width:190px}
body[data-concept=a] .subpage-brand img{height:auto}
body[data-concept=a] .subpage h1{font:400 clamp(48px,7vw,88px)/1.1 "Playfair Display",serif;margin:0 0 48px;letter-spacing:-.035em}
body[data-concept=a] .subpage-text{max-width:650px;font-size:16px;line-height:2}
body[data-concept=a] .archive-grid{display:grid;gap:56px 4vw;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-concept=a] .archive-item img{aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:48% 48% 45% 45%}
body[data-concept=a] .archive-item h2{font:400 24px/1.7 var(--serif);margin:16px 0}
body[data-concept=a] .archive-item p{font-size:14px;color:#666;line-height:1.8;margin:24px 0 10px}
body[data-concept=a] .archive-item span{display:inline-block;font-size:14px;color:var(--accent);padding:12px 0}
@media(max-width:759px){body[data-concept=a] .archive-grid{grid-template-columns:1fr}body[data-concept=a] .subpage-top{margin-bottom:48px}body[data-concept=a] .subpage-brand{width:145px}}

/* A shared gutter includes rotated artwork, not just its untransformed box. */
body[data-concept=a]{--editorial-gutter:max(24px,5vw)}
body[data-concept=a] .all-articles{display:inline-flex;align-items:center;gap:14px;font:400 22px/1.2 "Playfair Display",serif;text-decoration:none;padding:14px 0;min-height:48px}
body[data-concept=a] .all-articles-plus{display:grid;place-items:center;border:1px solid #777;border-radius:50%;width:36px;height:36px;font:300 24px/1 var(--sans);transition:transform .25s}
body[data-concept=a] .all-articles:hover .all-articles-plus{transform:rotate(90deg)}
body[data-concept=a] .latest-heading{grid-template-columns:1fr;row-gap:20px}
body[data-concept=a] .all-articles{justify-self:end}
body[data-concept=a] .series-menu{padding:10px 24px 100px;color:var(--ink)}
body[data-concept=a] .series-menu-grid{display:grid;grid-template-columns:1fr;gap:44px}
body[data-concept=a] .series-menu-item{display:grid;grid-template-rows:1fr auto;gap:24px;min-width:0}
body[data-concept=a] .series-menu-item h3{font:400 22px/1.8 var(--serif);margin:0;overflow-wrap:anywhere}
body[data-concept=a] .series-menu-subtitle{display:block;font:400 13px/1.8 var(--sans);letter-spacing:.12em;margin-top:8px}
body[data-concept=a] .series-menu-item a{font:500 14px/1.5 var(--sans);color:var(--accent);display:inline-flex;gap:20px;align-items:center;justify-self:start;padding:10px 0}
body[data-concept=a] .series-menu-item a:hover{text-decoration:underline;text-underline-offset:6px}
body[data-concept=a] .series-menu-item p{font:italic 18px/1.5 "Playfair Display",serif;color:#777;margin:0;padding:10px 0}
body[data-concept=a] footer{padding-left:var(--editorial-gutter);padding-right:var(--editorial-gutter)}
body[data-concept=a] .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;text-align:left;width:100%;margin:50px 0}
body[data-concept=a] .footer-links a{font-size:16px}
@media(min-width:760px){
 body[data-concept=a] .latest-heading{grid-template-columns:minmax(0,1fr) auto;gap:32px}
 body[data-concept=a] .all-articles{font-size:clamp(24px,2.4vw,34px);gap:20px}
 body[data-concept=a] .all-articles-plus{width:46px;height:46px;font-size:30px}
 body[data-concept=a] .latest-articles{padding-left:var(--editorial-gutter);padding-right:var(--editorial-gutter)}
 body[data-concept=a] .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--editorial-gutter)}
 body[data-concept=a] .latest-article{min-width:0;max-width:100%}
 body[data-concept=a] .latest-article .article-art,
 body[data-concept=a] .latest-article:nth-child(2) .article-art,
 body[data-concept=a] .latest-article:nth-child(3) .article-art{width:80%;margin-left:10%;margin-right:10%}
 body[data-concept=a] .latest-article:nth-child(3){column-gap:var(--editorial-gutter);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
 body[data-concept=a] .latest-copy,body[data-concept=a] .latest-article:nth-child(2) .latest-copy{padding-left:8%;padding-right:8%;max-width:100%}
 body[data-concept=a] .latest-article:nth-child(3) .latest-copy{padding:0 8% 0 0}
 body[data-concept=a] .series-menu{padding:0 var(--editorial-gutter) 150px}
 body[data-concept=a] .series-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--editorial-gutter)}
 body[data-concept=a] .series-menu-item{gap:32px}
 body[data-concept=a] .series-menu-item h3{font-size:clamp(18px,1.75vw,28px)}
 body[data-concept=a] footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:var(--editorial-gutter);text-align:left}
 body[data-concept=a] .footer-mark{justify-self:start}
 body[data-concept=a] .footer-links{justify-self:end;align-content:center;justify-content:space-between;grid-template-columns:auto auto;gap:20px 44px;max-width:480px;margin:0}
 body[data-concept=a] .footer-links a{font-size:18px}
 body[data-concept=a] .copyright{grid-column:1/-1;text-align:left}
}
@media(min-width:1180px){body[data-concept=a] .footer-links{display:flex;flex-wrap:nowrap;max-width:600px;gap:20px;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){body[data-concept=a] .all-articles-plus{transition:none}}
/* Keep image intrinsic dimensions from enlarging an aspect-ratio frame. */
body[data-concept=a] .latest-article figure{position:relative}
body[data-concept=a] .latest-article figure img{position:absolute;inset:0;width:100%;height:100%}

/* Center the menu blocks while retaining left-aligned one-line titles. */
body[data-concept=a] .series-menu-grid{grid-template-columns:1fr;justify-items:center;gap:40px;max-width:1400px;margin:0 auto}
body[data-concept=a] .series-menu-item{width:max-content;max-width:100%;justify-self:center;text-align:left;gap:18px}
body[data-concept=a] .series-menu-item h3{font-size:clamp(14px,3.8vw,18px);line-height:1.8;white-space:nowrap;overflow-wrap:normal}
body[data-concept=a] .series-menu-item a,
body[data-concept=a] .series-menu-item p{display:flex;align-items:center;justify-content:space-between;justify-self:stretch;width:100%;border-bottom:1px solid var(--line);padding:10px 0 12px;margin:0;min-height:46px}
body[data-concept=a] .series-menu-item a:hover{text-decoration:none;border-bottom-color:var(--accent)}
body[data-concept=a] .series-menu{padding-bottom:88px}
/* Compact centered footer group; the existing tilted edge and mark remain. */
body[data-concept=a] footer{display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;justify-items:center;align-items:center;gap:22px;padding:76px 24px 30px;text-align:left}
body[data-concept=a] .footer-mark{grid-column:1;grid-row:1;justify-self:center;font-size:44px}
body[data-concept=a] .footer-links{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto auto;justify-content:center;justify-self:center;gap:4px 32px;width:auto;max-width:none;margin:0;padding:0;align-content:center}
body[data-concept=a] .footer-links a{font-size:16px;line-height:1.5;padding:10px 0}
body[data-concept=a] .copyright{grid-column:1;grid-row:3;margin:0;text-align:left;font-size:12px}
@media(min-width:760px){
 body[data-concept=a] footer{grid-template-columns:max-content max-content;column-gap:clamp(48px,6vw,88px);row-gap:14px;padding:80px 32px 38px}
 body[data-concept=a] .footer-mark{grid-column:1;grid-row:1 / 3;justify-self:start;font-size:52px}
 body[data-concept=a] .footer-links{grid-column:2;grid-row:1;justify-content:start;justify-self:start;gap:2px 36px}
 body[data-concept=a] .copyright{grid-column:2;grid-row:2;justify-self:start;margin:0}
}
@media(min-width:1000px){
 body[data-concept=a] .series-menu-grid{grid-template-columns:repeat(3,auto);justify-content:center;column-gap:clamp(30px,4vw,64px)}
 body[data-concept=a] .series-menu-item h3{font-size:clamp(16px,1.25vw,20px)}
 body[data-concept=a] .series-menu{padding-bottom:112px}
}

/* Restore editorial scale, with the content heading on the page's main grid. */
body[data-concept=a] .series-menu{padding-left:var(--editorial-gutter);padding-right:var(--editorial-gutter)}
body[data-concept=a] .content-heading{margin:0 0 52px;text-align:left}
body[data-concept=a] .content-heading h2{font:italic 400 clamp(48px,15.5vw,58px)/1.04 "Playfair Display",serif;letter-spacing:-.045em;margin:0 0 17px 15px;color:var(--ink)}
body[data-concept=a] .content-heading p{font-size:12px;margin:0 0 0 18px;color:#666;letter-spacing:.12em}
body[data-concept=a] .series-menu-item h3{font-size:22px;line-height:1.8}
body[data-concept=a] .series-menu-item:first-child h3{font-size:clamp(14px,4.6vw,22px)}
body[data-concept=a] .series-menu-item a,body[data-concept=a] .series-menu-item p{font:500 14px/1.5 var(--sans);letter-spacing:.06em}
body[data-concept=a] footer{padding:78px var(--editorial-gutter) 30px;justify-items:start;justify-content:stretch;row-gap:24px}
body[data-concept=a] .footer-mark{justify-self:start;font-size:48px}
body[data-concept=a] .footer-links{justify-self:stretch;justify-content:start;column-gap:40px;width:100%}
body[data-concept=a] .copyright{justify-self:start}
@media(min-width:760px){
 body[data-concept=a] .content-heading{margin-bottom:72px}
 body[data-concept=a] .content-heading h2{font-size:clamp(76px,7.5vw,112px);margin-left:28px}
 body[data-concept=a] .content-heading p{margin-left:32px}
 body[data-concept=a] footer{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;row-gap:16px;padding-top:86px;padding-bottom:38px}
 body[data-concept=a] .footer-mark{grid-column:2 / 7;grid-row:1 / 3;font-size:clamp(52px,4.5vw,68px);justify-self:start}
 body[data-concept=a] .footer-links{grid-column:8 / 12;grid-row:1;justify-self:start;justify-content:start;grid-template-columns:auto auto;column-gap:32px;row-gap:2px;width:auto;display:grid}
 body[data-concept=a] .footer-links a{font-size:17px}
 body[data-concept=a] .copyright{grid-column:8 / 13;grid-row:2;justify-self:start;font-size:12px}
}
@media(min-width:1000px){
 body[data-concept=a] .series-menu-grid{max-width:none;grid-template-columns:repeat(3,auto);column-gap:3vw;justify-content:center}
 body[data-concept=a] .series-menu-item h3,body[data-concept=a] .series-menu-item:first-child h3{font-size:clamp(20px,1.9vw,32px)}
}

/* Persistent masthead, gently spaced series and the matching footer emblem. */
body[data-concept=a]{--masthead-height:68px}
body[data-concept=a] .site-header{position:fixed;inset:0 0 auto;height:var(--masthead-height);z-index:50;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
body[data-concept=a] .menu-panel{top:var(--masthead-height);padding-top:28px;z-index:40}
body[data-concept=a] #stories,body[data-concept=a] .latest-article,body[data-concept=a] .series-menu{scroll-margin-top:calc(var(--masthead-height) + 24px)}
body[data-concept=a] .series-menu-grid{row-gap:52px}
body[data-concept=a] footer{grid-template-columns:minmax(0,1fr) auto;column-gap:24px}
body[data-concept=a] .footer-emblem{display:block;width:72px;grid-column:2;grid-row:1;justify-self:end;align-self:center}
body[data-concept=a] .footer-emblem img{display:block;width:100%;height:auto;object-fit:contain}
body[data-concept=a] .footer-mark{font-size:clamp(36px,10vw,48px);grid-column:1;grid-row:1}
body[data-concept=a] .footer-links{grid-column:1 / -1;grid-row:2}
body[data-concept=a] .copyright{grid-column:1 / -1;grid-row:3}
@media(min-width:760px){
 body[data-concept=a]{--masthead-height:95px}
 body[data-concept=a] footer{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0}
 body[data-concept=a] .footer-mark{grid-column:1 / 6;grid-row:1 / 3;font-size:clamp(44px,4.5vw,68px)}
 body[data-concept=a] .footer-links{grid-column:6 / 10;grid-row:1}
 body[data-concept=a] .copyright{grid-column:6 / 11;grid-row:2}
 body[data-concept=a] .footer-emblem{grid-column:11 / 13;grid-row:1 / 3;width:clamp(72px,7vw,120px)}
}
@media(min-width:1000px){body[data-concept=a] .series-menu-grid{column-gap:4.5vw}}

/* Floating controls leave the page beneath the masthead unobstructed. */
body[data-concept=a] .site-header a,
body[data-concept=a] .site-header button{pointer-events:auto}
/* Inset both brand marks by one editorial column; navigation occupies the right half. */
body[data-concept=a] footer{padding-left:32px;padding-right:32px}
@media(min-width:760px){
 body[data-concept=a] footer{padding-left:12.5vw;padding-right:12.5vw;row-gap:14px}
 body[data-concept=a] .footer-mark{grid-column:1 / 6;grid-row:1 / 3;font-size:clamp(40px,4.5vw,68px)}
 body[data-concept=a] .footer-links{grid-column:7 / 11;grid-row:1;justify-self:start;column-gap:clamp(20px,2.2vw,36px)}
 body[data-concept=a] .copyright{grid-column:7 / 13;grid-row:2;align-self:start}
 body[data-concept=a] .footer-emblem{grid-column:11 / 13;grid-row:1;justify-self:end;width:clamp(56px,6vw,96px)}
}

/* Closed navigation must be invisible, not merely shifted behind the fixed controls. */
body[data-concept=a] .menu-panel[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}
body[data-concept=a] .menu-panel[aria-hidden=false]{visibility:visible;opacity:1;pointer-events:auto}
body[data-concept=a] .site-header{grid-template-columns:1fr auto auto}
body[data-concept=a] .site-header .wordmark{grid-column:1;grid-row:1}
body[data-concept=a] .site-header .desktop-nav{display:flex;grid-column:2;grid-row:1;margin-right:24px;color:#262626;font-size:12px;letter-spacing:.12em}
body[data-concept=a] .site-header .menu{grid-column:3;grid-row:1;color:#262626;min-width:32px;min-height:44px;justify-content:center}
body[data-concept=a] .footer-links{justify-self:end;width:auto}
@media(min-width:760px){
 body[data-concept=a] .site-header .desktop-nav{margin-right:48px}
 body[data-concept=a] .footer-links{grid-column:8 / 11;justify-self:start;column-gap:16px}
 body[data-concept=a] .footer-links a{font-size:15px}
 body[data-concept=a] .copyright{grid-column:8 / 13}
}
@media(min-width:1000px){
 body[data-concept=a] .footer-links{column-gap:28px}
 body[data-concept=a] .footer-links a{font-size:17px}
}

/* Editorial navigation overlay and clear article entry points. */
body[data-concept=a] .site-header .desktop-nav a{display:inline-flex;align-items:center;min-height:44px;position:relative}
body[data-concept=a] .site-header .desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
body[data-concept=a] .site-header .desktop-nav a:hover:after,
body[data-concept=a] .site-header .desktop-nav a:focus-visible:after{transform:scaleX(1)}
body[data-concept=a].menu-open{overflow:hidden}
body[data-concept=a] .menu-panel{inset:0;z-index:45;background:var(--paper);color:var(--ink);padding:calc(var(--masthead-height) + 40px) 12.5vw 48px;justify-content:center;align-items:flex-start;gap:clamp(16px,3vh,32px);overflow-y:auto;transform:none;transition:opacity .3s ease,visibility .3s}
body[data-concept=a] .menu-panel a{font:400 clamp(36px,6vw,76px)/1.2 "Playfair Display",serif;letter-spacing:-.035em;transition:opacity .2s,transform .2s}
body[data-concept=a] .menu-panel a:hover{opacity:.55;transform:translateX(8px)}
body[data-concept=a] .site-header .menu{cursor:pointer}
body[data-concept=a] .article-image-link{position:absolute;inset:0;display:block;cursor:pointer}
body[data-concept=a] .article-image-link:focus-visible{outline:none;box-shadow:inset 0 0 0 4px #262626}
body[data-concept=a] .article-image-link:focus-visible img{opacity:.8}
@media(prefers-reduced-motion:reduce){body[data-concept=a] .menu-panel,body[data-concept=a] .menu-panel a,body[data-concept=a] .site-header .desktop-nav a:after{transition:none}}

/* The masthead stays interactive above the open navigation. */
body[data-concept=a] .site-header .wordmark{transition:opacity .2s}
body[data-concept=a] .site-header .wordmark:hover{opacity:.6}
body[data-concept=a] .site-header .menu b{position:relative;transform:none;transform-origin:center}
body[data-concept=a] .site-header .menu b:before,
body[data-concept=a] .site-header .menu b:after{position:absolute;left:0;top:0;width:27px;height:1px;transform-origin:center;transition:transform .25s,opacity .25s}
body[data-concept=a] .site-header .menu b:before{transform:translateY(-6px);opacity:1}
body[data-concept=a] .site-header .menu b:after{transform:translateY(6px)}
body[data-concept=a].menu-open .site-header .menu b{transform:rotate(45deg)}
body[data-concept=a].menu-open .site-header .menu b:before{opacity:0;transform:none}
body[data-concept=a].menu-open .site-header .menu b:after{transform:rotate(90deg)}

/* Mobile features follow the section's left edge; desktop stays centered. */
@media(max-width:759px){
 body[data-concept=a] .series-menu-grid{justify-items:start}
 body[data-concept=a] .series-menu-item{justify-self:start;text-align:left}
}