/* People, thematic exploration and a shared reading room. */
:root { --about:#365f66; }
html, body, .home-v2 { background:#000; }
body::before { display:none; }
.site-header, .mobile-menu, .site-footer { background:#000; color:#fff; border-color:#ffffff38; backdrop-filter:none; }
.site-header .locale button[aria-pressed=true] { color:#fff; border-color:#fff; }
.journal-hero { min-height:0; padding:36px var(--pad); }
.journal-hero .display { font-size:clamp(3rem,6vw,6rem); }
.journal-shell .story-library { padding:24px var(--pad) 70px; }
.journal-shell .story-library-head { display:block; margin-bottom:22px; }
.journal-shell .story-library-head h2 { margin:0; }
.story-thumb { aspect-ratio:16/9; }
.map-place-card { grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr) !important; gap:18px !important; align-items:start; }
.place-card-image { display:block; position:relative; aspect-ratio:16/9; overflow:hidden; }
.place-card-image img { width:100%; height:100%; object-fit:cover; }
.place-card-image b { position:absolute; bottom:0; left:0; background:#000; color:#fff; padding:3px 8px; font-size:.8rem; }
.map-place-card strong { font-size:clamp(1.1rem,1.8vw,1.45rem) !important; line-height:1.2 !important; }
.article-edition-promo { display:grid; grid-template-columns:minmax(90px,.65fr) minmax(0,1fr); gap:24px; align-items:center; padding:30px 0; border-top:1px solid var(--rule); margin-top:30px; }
.article-edition-promo img { width:100%; box-shadow:5px 6px 0 #0002; }
.article-edition-promo h2 { font-size:1.7rem; line-height:1.15; margin:12px 0; }
.article-edition-promo p { font-size:1rem; line-height:1.5; }
.article-edition-promo button { text-align:left; line-height:1.5; }
.promo-cover-link { border:0; padding:0; background:transparent; cursor:pointer; }
.edition-card.is-featured-edition { box-shadow:inset 0 0 0 4px #000; }
.edition-object { container-type:inline-size; }
html[lang=fr] .edition-cover-copy strong { font-size:clamp(1rem,9cqi,2.15rem); line-height:1.08; letter-spacing:-.025em; }
:is(.story-card strong,.reading-copy h1,.edition-sample-intro h1,.order-summary h1,.theme-card-heading strong,.author-copy p) { overflow-wrap:anywhere; hyphens:auto; }
.edition-card-foot { flex-wrap:wrap; }
.reading-locales { display:flex; gap:5px; }
.reading-locales button { border:0; border-bottom:2px solid transparent; background:transparent; padding:7px 3px; cursor:pointer; font-size:.75rem; }
.reading-locales button[aria-pressed=true] { border-bottom-color:var(--ink); }
.edition-language-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0; }
.edition-language-tabs button { border:1px solid var(--rule); padding:10px 13px; background:transparent; color:var(--ink); cursor:pointer; font-size:.85rem; }
.edition-language-tabs button[aria-pressed=true] { background:#000; color:#fff; }
.edition-language-label { font-size:.85rem; }
.order-language { padding:12px 0; border-bottom:1px solid var(--rule); }
.order-language strong { font-weight:700; }
html[lang=ja] { --serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif; --sans:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif; }
html[lang=ja] :is(h1,h2,h3,.display,.display-small,.section-title,.gateway-panel-copy strong,.story-card strong) { letter-spacing:0; line-height:1.35; }
html[lang=ja] .home-wordmark { font-family:Georgia,serif; line-height:.82; letter-spacing:-.07em; }
html[lang=ja] .four-entrances .gateway-panel-copy strong { font-size:clamp(1.8rem,2.7vw,3.7rem); }
html[lang=fr] .four-entrances .gateway-panel-copy strong { font-size:clamp(2rem,2.7vw,4rem); }
.desktop-nav a { white-space:nowrap; }
.reading-toolbar { flex-wrap:wrap; }
.reader-purchase-bar button { white-space:normal !important; }
html[lang=ja] .reading-copy { line-height:1.95; }
html[lang=ja] .reading-copy p { line-height:1.95; }
.nav-about .nav-swatch { background:var(--about); }
.four-entrances { grid-template-columns:repeat(4,minmax(0,1fr)); scroll-margin-top:var(--header-h); }
.four-entrances .gateway-panel { padding:clamp(20px,2.1vw,38px); min-height:680px; }
.four-entrances .gateway-preview { min-height:300px; }
.four-entrances .gateway-panel-copy strong { font-size:clamp(2.5rem,3.2vw,4.7rem); }
.four-entrances .gateway-panel-copy small { font-size:.94rem; }
.gateway-about { color:var(--paper-light); background:var(--about); }
.about-preview { display:flex; flex-direction:column; justify-content:center; gap:36px; }
.about-signature { display:grid; font-family:var(--serif); font-size:clamp(2.8rem,4.8vw,6rem); line-height:.86; letter-spacing:-.07em; }
.about-signature > span { font-size:.6em; margin:.24em 0 .2em 1em; font-style:italic; color:#ecbd5e; }
.gateway-about .micro,.gateway-journal .micro,.gateway-guide .micro { color:rgba(245,240,227,.8); }

.about-shell { background:var(--paper-light); }
.about-intro { padding:100px var(--pad) 88px; color:var(--paper-light); background:var(--about); }
.about-intro .eyebrow { color:#f0cb35; }
.about-intro h1 { max-width:15ch; font-family:var(--serif); font-size:clamp(3.5rem,7.4vw,8rem); font-weight:400; line-height:.92; letter-spacing:-.05em; margin:32px 0; }
.about-intro .lede { max-width:43rem; }
.authors { padding:0 var(--pad); }
.author-row { display:grid; grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr); gap:clamp(40px,7vw,120px); align-items:center; padding:90px 0; border-bottom:1px solid var(--rule); }
.author-portrait { width:100%; aspect-ratio:1; position:relative; overflow:hidden; background:#d5dccc; color:var(--about); }
.author-row:nth-child(2) .author-portrait { background:#dfc39e; color:#864724; }
.author-portrait > img { width:100%; height:100%; object-fit:cover; }
.portrait-initial { position:absolute; inset:0; display:grid; place-items:center; font-family:var(--serif); font-size:clamp(8rem,22vw,23rem); font-style:italic; }
.portrait-placeholder { position:absolute; top:20px; left:20px; }
.portrait-upload { position:absolute; bottom:20px; left:20px; padding:12px 18px; background:var(--paper-light); color:var(--ink); border:1px solid var(--rule); cursor:pointer; }
.portrait-upload:focus-within { outline:3px solid var(--about); outline-offset:3px; }
.portrait-upload input { position:absolute; width:1px; height:1px; opacity:0; }
.author-copy h2 { font-family:var(--serif); font-size:clamp(3rem,6vw,6rem); font-weight:400; letter-spacing:-.06em; line-height:.9; margin:22px 0; }
.author-copy .eyebrow { color:var(--about); }
.author-copy .body-copy { margin-top:25px; font-size:clamp(1.1rem,1.5vw,1.45rem); }
.author-location { margin-bottom:34px; }
.editorial-method { padding:90px var(--pad); background:#e2e6da; }
.editorial-method h2 { font-family:var(--serif); font-size:clamp(2.7rem,5vw,5.5rem); line-height:.94; letter-spacing:-.04em; font-weight:400; margin:32px 0 60px; }
.method-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px; margin-bottom:40px; }
.method-grid p { font-family:var(--serif); font-size:1.25rem; line-height:1.6; }

.guide-v5 { background:var(--paper-light); }
.guide-start { padding:65px var(--pad) 90px; }
.guide-editorial-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:40px; margin-bottom:45px; }
.guide-editorial-heading .display { margin-top:18px; }
.guide-editorial-heading .lede { max-width:29rem; justify-self:end; }
.guide-v5 .eyebrow { color:var(--atlas-dark); }
.guide-steps { display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:18px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.guide-steps button,.guide-steps > span { font-size:.76rem; text-transform:uppercase; letter-spacing:.055em; white-space:nowrap; }
.guide-steps button { border:0; padding:10px 0; background:transparent; cursor:pointer; }
.guide-steps b { font-weight:500; margin-right:7px; color:var(--atlas-dark); }
.guide-steps .is-current { color:var(--atlas-dark); font-weight:700; }
.guide-steps button:disabled { color:#8f8c81; cursor:default; }
.theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px 24px; margin-top:42px; }
.theme-card { display:grid; align-content:start; gap:12px; background:transparent; border:0; padding:0; text-align:left; cursor:pointer; }
.theme-image { position:relative; overflow:hidden; aspect-ratio:4 / 3; background:var(--ink); }
.theme-image img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.theme-card:hover img { transform:scale(1.04); }
.theme-card:nth-child(4) img { object-position:20% center; transform:scale(1.13); }
.theme-card:nth-child(4):hover img { transform:scale(1.17); }
.theme-image::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.6)); }
.theme-image i { position:absolute; z-index:1; left:15px; top:15px; min-width:35px; padding:7px; font-style:normal; color:var(--ink); background:var(--paper-light); font-size:.8rem; text-align:center; }
.theme-image em { position:absolute; z-index:1; right:18px; bottom:15px; color:var(--paper-light); font-style:normal; font-size:1.5rem; letter-spacing:.15em; }
.theme-card-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.theme-card-heading strong { font-family:var(--serif); font-size:clamp(1.7rem,2.6vw,2.7rem); font-weight:400; line-height:1; letter-spacing:-.03em; }
.theme-card > span:last-of-type { max-width:30ch; font-family:var(--serif); font-size:1.1rem; line-height:1.4; }
.theme-card .micro { margin-top:5px; color:var(--atlas-dark); }
.location-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; margin-top:50px; }
.location-illustration { position:relative; align-self:start; aspect-ratio:4/5; overflow:hidden; }
.location-illustration img { width:100%; height:100%; object-fit:cover; }
.location-illustration figcaption { position:absolute; left:25px; bottom:25px; color:var(--paper-light); background:rgba(23,26,23,.65); padding:15px 20px; font-size:1.2rem; }
.location-list { display:grid; align-content:start; }
.location-choice { display:flex; align-items:center; justify-content:space-between; gap:20px; border:0; border-bottom:1px solid var(--rule); padding:23px 14px; text-align:left; background:transparent; cursor:pointer; }
.location-choice:first-child { border-top:1px solid var(--rule); }
.location-choice strong { display:block; margin-top:5px; font-family:var(--serif); font-size:2.7rem; font-weight:400; letter-spacing:-.035em; line-height:1; }
.location-choice .micro { color:var(--atlas-dark); }
.location-choice:hover:not(:disabled) { background:var(--editions); }
.location-choice:disabled { opacity:.4; cursor:default; }
.guide-results-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; padding:40px var(--pad) 30px; }
.guide-results-heading h1 { margin:15px 0 0; font-family:var(--serif); font-size:clamp(3rem,6vw,6rem); line-height:1; font-weight:400; letter-spacing:-.05em; }
.guide-results-heading h1 span { display:block; margin-top:12px; font-size:1.4rem; font-style:italic; letter-spacing:0; color:var(--atlas-dark); }
.map-results-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr); border-top:1px solid var(--rule); }
.street-map-wrap { position:relative; min-height:620px; height:calc(100svh - 220px); background:#dce4da; }
.street-map { width:100%; height:100%; min-height:inherit; z-index:0; }
.map-fit { position:absolute; top:12px; right:12px; z-index:3; min-height:42px; background:var(--paper-light); border:1px solid var(--rule); padding:10px 15px; cursor:pointer; box-shadow:0 2px 12px rgba(0,0,0,.12); }
.map-error { position:absolute; bottom:28px; left:12px; right:12px; z-index:3; padding:15px; background:var(--paper-light); border:1px solid var(--rule); font-size:.85rem; }
.map-error[hidden] { display:none; }
.venue-marker { background:transparent; border:0; }
.venue-marker span { position:absolute; display:grid; place-items:center; width:40px; height:40px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); color:var(--paper-light); background:var(--atlas-dark); border:2px solid var(--paper-light); box-shadow:0 3px 8px #3336; font-size:0; }
.venue-marker span::after { content:attr(data-number); }
.venue-marker span { font-size:13px; font-family:var(--sans); font-weight:700; border-radius:50%; transform:none; }
.venue-marker span::before { content:''; position:absolute; bottom:-6px; width:10px; height:10px; background:var(--atlas-dark); transform:rotate(45deg); z-index:-1; }
.venue-marker:hover span,.venue-marker:focus span { background:var(--journal); }
.map-place-list { background:var(--atlas); color:var(--paper-light); }
.map-list-heading { display:flex; justify-content:space-between; gap:20px; padding:22px; border-bottom:1px solid #fff5; }
.map-list-heading .micro { color:inherit; }
.map-place-card { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:16px; padding:28px 24px; border:0; border-bottom:1px solid #fff5; color:inherit; background:transparent; text-align:left; cursor:pointer; width:100%; }
.map-place-card:hover { color:var(--ink); background:var(--editions); }
.map-place-card > b { font-family:var(--serif); font-size:1.5rem; font-weight:400; }
.map-place-card strong { display:block; font-family:var(--serif); font-size:1.6rem; font-weight:400; line-height:1.05; }
.map-place-card small { display:block; margin:10px 0 14px; font-size:.76rem; line-height:1.4; }
.map-place-card em { display:block; font-family:var(--serif); font-size:1.1rem; line-height:1.4; font-style:normal; }
.guide-map-note { padding:25px; }
.guide-map-note .micro { color:inherit; }
.guide-map-note p { font-family:var(--serif); max-width:30rem; }
.empty-guide { padding:30px; }

/* One reader for essays, place notes and magazine samples. */
html { scrollbar-gutter:stable; }
.reading-layer { position:fixed; inset:0; z-index:100; display:flex; justify-content:flex-end; }
.reading-backdrop { position:absolute; inset:0; background:rgba(13,20,18,.54); backdrop-filter:blur(2px); }
.reading-panel { position:relative; width:clamp(360px,var(--reading-width),100vw); max-width:100%; height:100dvh; display:flex; flex-direction:column; background:var(--paper-light); box-shadow:-18px 0 60px #0003; border-top:6px solid var(--reading-colour); container-type:inline-size; }
.reading-toolbar { flex:0 0 auto; display:flex; align-items:center; gap:10px; justify-content:space-between; min-height:64px; padding:9px 16px 9px 22px; border-bottom:1px solid var(--rule); background:var(--paper-light); }
.reading-kind { color:var(--ink); }
.reading-widths { display:flex; align-items:center; border:1px solid var(--rule); }
.reading-widths button { min-width:38px; min-height:36px; padding:6px 9px; border:0; background:transparent; font-size:.76rem; cursor:pointer; }
.reading-widths button + button { border-left:1px solid var(--rule); }
.reading-widths button[aria-pressed=true] { background:var(--ink); color:var(--paper-light); }
.reading-close { padding:10px 0; min-height:40px; border:0; background:transparent; font-size:.7rem; letter-spacing:.05em; font-weight:700; white-space:nowrap; cursor:pointer; }
.reading-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scroll-behavior:smooth; }
.reading-resizer { position:absolute; z-index:5; left:-8px; top:0; bottom:0; width:16px; cursor:ew-resize; touch-action:none; }
.reading-resizer::after { content:''; position:absolute; left:6px; top:calc(50% - 28px); width:4px; height:56px; border-radius:2px; background:var(--paper-light); box-shadow:0 0 0 1px var(--rule),0 2px 8px #0003; }
.reading-resizer:hover::after,.reading-resizer:focus::after { background:var(--editions); }
.resizing-reader,.resizing-reader * { cursor:ew-resize!important; user-select:none; }
.reading-hero { position:relative; aspect-ratio:4/3; overflow:hidden; }
.reading-hero img { width:100%; height:100%; object-fit:cover; }
.reading-hero figcaption { position:absolute; bottom:0; left:0; right:0; padding:14px 22px; background:#171a17a6; color:var(--paper-light); font-size:.6rem; letter-spacing:.07em; }
.reading-copy { max-width:780px; margin:auto; padding:40px 28px 80px; }
.reading-copy h1 { font-family:var(--serif); font-size:clamp(2.3rem,7.2cqi,5.2rem); font-weight:400; line-height:.98; letter-spacing:-.04em; margin:24px 0; overflow-wrap:break-word; }
.reading-copy h2 { font-family:var(--serif); font-size:1.8rem; font-weight:400; line-height:1.15; letter-spacing:-.025em; margin:45px 0 22px; }
.reading-copy p,.reading-copy address { font-family:var(--serif); font-size:1.13rem; line-height:1.75; margin:22px 0; }
.reading-copy .reading-deck { font-size:1.3rem; line-height:1.45; }
.reading-copy .eyebrow,.reading-copy .micro { font-family:var(--sans); font-size:.67rem; line-height:1.6; }
.reading-copy .reading-byline { margin:30px 0; padding:16px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.reading-copy .place-japanese { color:var(--atlas-dark); margin-top:-8px; font-family:var(--sans); }
.reading-copy blockquote { margin:40px 0; padding:28px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); font-family:var(--serif); font-size:1.7rem; line-height:1.3; color:var(--atlas-dark); }
.reading-copy address { font-style:normal; }
.article-inline-image { margin:35px 0; }
.article-inline-image img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.article-inline-image figcaption { margin-top:9px; font-size:.6rem; letter-spacing:.05em; }
.reading-end { display:grid; gap:16px; margin-top:60px; padding-top:30px; border-top:1px solid var(--rule); }
.place-source-links { display:grid; gap:10px; }
.place-source-links a { font-size:.72rem; font-weight:700; padding:10px 0; }
.edition-sample-intro { max-width:850px; margin:0 auto; padding:34px 26px; }
.edition-sample-intro h1 { font-family:var(--serif); font-size:clamp(2.3rem,7cqi,4.7rem); line-height:.95; font-weight:400; letter-spacing:-.04em; margin:20px 0; }
.edition-sample-intro p:not(.eyebrow) { font-family:var(--serif); font-size:1.12rem; }
.edition-sample-intro a { font-size:.72rem; }
.is-edition .reading-scroll { background:#d7d1c2; }
.pdf-page-stack { display:grid; gap:28px; padding:0 20px; }
.pdf-print-page { max-width:850px; width:100%; margin:0 auto; }
.pdf-print-page img { width:100%; height:auto; box-shadow:0 7px 20px #171a172a; }
.pdf-print-page figcaption { padding-top:12px; text-align:center; font-size:.67rem; letter-spacing:.15em; }
.sample-ending { max-width:780px; margin:0 auto; padding:60px 28px 70px; }
.sample-ending h2 { font-family:var(--serif); font-size:clamp(2rem,6cqi,4rem); line-height:1; letter-spacing:-.04em; font-weight:400; margin:25px 0; }
.sample-ending p { font-family:var(--serif); font-size:1.2rem; }
.sample-ending small { display:block; margin-top:20px; }
.purchase-button { border:1px solid var(--ink); background:var(--editions); color:var(--ink); padding:18px 24px; font-size:.78rem; cursor:pointer; }
.reader-purchase-bar { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:15px; padding:15px 22px; border-top:1px solid var(--rule); background:var(--editions); }
.reader-purchase-bar span { font-size:.73rem; font-weight:700; }
.reader-purchase-bar small { display:block; font-size:.62rem; font-weight:400; margin-top:4px; }
.reader-purchase-bar button { border:1px solid var(--ink); padding:13px 14px; background:var(--ink); color:var(--paper-light); font-size:.69rem; font-weight:700; white-space:nowrap; cursor:pointer; }
@container (min-width:700px) {
  .reading-hero { aspect-ratio:16/8; max-height:60dvh; }
  .reading-copy { padding:65px 45px 100px; }
  .reading-copy p,.reading-copy address { font-size:1.25rem; line-height:1.8; }
  .reading-copy .reading-deck { font-size:1.6rem; }
  .reading-copy h2 { font-size:2.2rem; }
  .reading-copy .micro,.reading-copy .eyebrow { font-size:.72rem; }
  .pdf-page-stack { padding:0 45px; gap:45px; }
}

/* An explicit simulation, with no payment or form-data transport. */
.checkout-shell { background:var(--paper-light); }
.checkout-page { display:grid; grid-template-columns:1fr 1fr; min-height:calc(100svh - var(--header-h)); }
.order-summary { padding:48px clamp(25px,5vw,85px) 65px; background:#e4dfd1; }
.checkout-back { display:inline-block; margin-bottom:55px; text-decoration:none; }
.order-summary h1 { font-family:var(--serif); font-size:clamp(2.8rem,4.3vw,5.3rem); font-weight:400; letter-spacing:-.05em; line-height:.95; margin:20px 0 35px; }
.order-summary img { width:min(100%,255px); height:auto; margin:0 auto 40px; box-shadow:13px 13px 0 #171a1722; }
.order-summary dl { border-top:1px solid var(--rule); margin:0; }
.order-summary dl div { display:flex; justify-content:space-between; gap:20px; padding:18px 0; font-size:.88rem; }
.order-summary dd { margin:0; white-space:nowrap; }
.order-summary .order-total { border-top:1px solid var(--rule); font-size:1.25rem; font-weight:600; }
.checkout-demo-note { font-size:.78rem; line-height:1.8; margin-top:30px; }
.checkout-form-wrap { padding:45px clamp(25px,4vw,70px) 75px; }
.demo-banner { padding:22px; border:1px solid var(--rule); background:#f6eab7; margin-bottom:40px; }
.demo-banner p { font-family:var(--serif); font-size:1.1rem; line-height:1.45; margin:12px 0 18px; }
.demo-banner button { border:0; border-bottom:1px solid; padding:8px 0; background:transparent; font-size:.7rem; font-weight:700; cursor:pointer; }
#demo-checkout h2 { font-family:var(--serif); font-size:1.75rem; font-weight:400; margin:36px 0 20px; }
#demo-checkout label { display:grid; min-width:0; gap:8px; font-size:.8rem; margin-bottom:18px; }
#demo-checkout label span { color:#666; }
#demo-checkout input,#demo-checkout select { width:100%; min-width:0; height:48px; padding:10px 13px; border:1px solid #b4b3a9; border-radius:3px; background:#fffdf7; color:var(--ink); font:inherit; font-size:1rem; }
#demo-checkout input:focus,#demo-checkout select:focus { outline:2px solid var(--about); outline-offset:1px; }
#demo-checkout input[readonly] { background:#eaece5; color:#4c534b; }
.form-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.demo-card { border:1px solid var(--rule); padding:22px; border-radius:4px; }
.demo-card > .micro { display:block; margin-bottom:22px; }
.demo-card label:last-child { margin-bottom:0; }
.payment-explanation { font-size:.8rem; line-height:1.6; color:#596055; margin:20px 0; }
.complete-demo { width:100%; padding:19px 18px; border:0; border-radius:3px; color:var(--paper-light); background:var(--journal); font-size:.8rem; font-weight:700; letter-spacing:.06em; cursor:pointer; }
.cancel-checkout { display:block; text-align:center; font-size:.78rem; margin-top:20px; }
.form-error { background:#f4ded2; color:#842e15; padding:14px; font-size:.85rem; }
.form-error[hidden] { display:none; }
.checkout-success { padding-top:45px; }
.success-mark { display:grid; place-items:center; width:60px; height:60px; border:1px solid var(--journal); border-radius:50%; color:var(--journal); font-size:1.5rem; margin-bottom:35px; }
.checkout-success h2 { font-family:var(--serif); font-size:clamp(2.7rem,4vw,4.8rem); font-weight:400; letter-spacing:-.04em; line-height:1; }
.checkout-success p { font-family:var(--serif); font-size:1.2rem; line-height:1.6; }
.checkout-success button,.checkout-success a { display:block; margin-top:25px; padding:16px 0; font-size:.78rem; border:0; border-bottom:1px solid; background:transparent; cursor:pointer; }

@media(max-width:1100px) {
  .four-entrances { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .four-entrances .gateway-preview { min-height:330px; }
  .four-entrances .gateway-panel-copy strong { font-size:3.5rem; }
  .four-entrances .gateway-panel { min-height:650px; }
  .four-entrances .gateway-panel:nth-child(3) { border-left:0; }
  .guide-results-heading { flex-direction:column; align-items:stretch; gap:24px; }
  .map-results-layout { grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr); }
  .map-place-card { padding:23px 19px; gap:12px; }
}
@media(max-width:850px) {
  .site-header { gap:18px; }
  .desktop-nav { gap:15px; }
  .desktop-locale { display:none; }
  .about-intro { padding:65px 25px; }
  .author-row { gap:35px; padding:55px 0; }
  .method-grid { gap:25px; }
  .theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .location-layout { gap:30px; }
  .location-choice strong { font-size:2.2rem; }
  .map-results-layout { grid-template-columns:1fr; }
  .street-map-wrap { height:58svh; min-height:400px; }
  .checkout-page { grid-template-columns:.85fr 1.15fr; }
}
@media(max-width:700px) {
  .four-entrances { grid-template-columns:1fr; }
  .four-entrances .gateway-panel { min-height:560px; }
  .four-entrances .gateway-preview { min-height:285px; }
  .about-signature { font-size:5rem; }
  .author-row { grid-template-columns:1fr; gap:36px; }
  .author-portrait { max-width:480px; }
  .portrait-initial { font-size:12rem; }
  .editorial-method { padding:60px 20px; }
  .method-grid { grid-template-columns:1fr; gap:20px; }
  .guide-start { padding:42px 20px 65px; }
  .guide-editorial-heading { grid-template-columns:1fr; gap:30px; }
  .guide-editorial-heading .lede { justify-self:start; font-size:1.5rem; }
  .guide-steps { gap:12px; }
  .guide-steps button,.guide-steps > span { font-size:.68rem; }
  .theme-grid { gap:35px 16px; }
  .theme-card-heading strong { font-size:1.5rem; }
  .theme-image { aspect-ratio:1; }
  .theme-image em { font-size:1rem; right:12px; bottom:10px; }
  .theme-image i { left:9px; top:9px; min-width:28px; padding:5px; }
  .theme-card > span:last-of-type { font-size:.97rem; }
  .theme-card .micro { font-size:.58rem; letter-spacing:.05em; }
  .location-layout { grid-template-columns:1fr; margin-top:30px; }
  .location-illustration { aspect-ratio:16/8; }
  .location-choice { padding:22px 0; }
  .guide-results-heading { padding:32px 20px 22px; }
  .map-fit { font-size:.62rem; padding:9px; }
  .street-map-wrap { min-height:370px; }
  .reading-panel { width:100vw; min-width:0; }
  .reading-resizer,.reading-widths { display:none; }
  .reading-toolbar { min-height:56px; padding:8px 20px; }
  .reading-copy { padding:32px 22px 65px; }
  .reading-copy h1 { font-size:2.6rem; }
  .reading-hero { aspect-ratio:4/3; }
  .reader-purchase-bar { padding:12px 17px calc(12px + env(safe-area-inset-bottom)); gap:10px; }
  .reader-purchase-bar button { padding:12px 11px; font-size:.63rem; }
  .pdf-page-stack { padding:0 14px; }
  .checkout-page { grid-template-columns:1fr; }
  .order-summary { padding:28px 24px 35px; }
  .checkout-back { margin-bottom:30px; }
  .order-summary img { width:150px; margin:25px 0; }
  .order-summary h1 { font-size:3rem; }
  .checkout-form-wrap { padding:30px 22px 55px; }
  .demo-card { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
  .reading-scroll { scroll-behavior:auto; }
  .theme-card img { transition:none; }
}

/* ABOUT — purpose first, compact portraits */
.about-rework .about-intro { padding:clamp(64px,8vw,116px) var(--pad) clamp(64px,8vw,104px); }
.about-rework .about-intro h1 { max-width:13ch; margin:26px 0 32px; font-size:clamp(3.8rem,7vw,7.5rem); }
.about-rework .about-intro .lede { max-width:52rem; line-height:1.25; }
.about-purpose { display:grid; grid-template-columns:minmax(180px,.52fr) minmax(0,1.48fr); gap:clamp(32px,7vw,120px); padding:clamp(72px,10vw,140px) var(--pad); }
.about-purpose h2 { max-width:13ch; margin:0 0 34px; font-family:var(--serif); font-size:clamp(3.1rem,5.3vw,6.3rem); font-weight:400; line-height:.98; letter-spacing:-.055em; }
.about-purpose p:not(.eyebrow) { max-width:55rem; margin:0 0 24px; font-family:var(--serif); font-size:clamp(1.18rem,1.7vw,1.65rem); line-height:1.55; }
.about-audience { padding:44px var(--pad) clamp(62px,7vw,92px); border-top:1px solid var(--rule); background:#e8e8df; }
.about-audience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,4vw,64px); margin-top:38px; }
.about-audience-grid > div { border-top:1px solid var(--ink); padding-top:18px; }
.about-audience-grid h3 { margin:0 0 18px; font-size:.74rem; font-weight:700; letter-spacing:.1em; }
.about-audience-grid p { max-width:23rem; margin:0; font-family:var(--serif); font-size:clamp(1.12rem,1.5vw,1.45rem); line-height:1.42; }
.about-people { padding-top:clamp(64px,8vw,110px); }
.about-section-label { display:block; padding-bottom:22px; border-bottom:1px solid var(--ink); }
.about-rework .author-row { grid-template-columns:minmax(160px,230px) minmax(0,760px); justify-content:space-between; gap:clamp(36px,8vw,150px); align-items:start; padding:clamp(58px,7vw,94px) 0; }
.about-rework .author-portrait { width:min(100%,230px); aspect-ratio:1; border:1px solid var(--ink); }
.about-rework .yus-portrait { background:#141414; }
.about-rework .yus-portrait img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 0; transform:scale(1.33); transform-origin:50% 12%; }
.about-rework .emilie-portrait { width:min(100%,190px); background:#d7dfd7; }
.about-rework .portrait-initial { font-size:clamp(5rem,11vw,9rem); }
.about-rework .author-copy h2 { margin:20px 0 18px; font-size:clamp(2.8rem,4.5vw,5.2rem); line-height:.98; }
.about-rework .author-copy h2 span { font-family:var(--sans); font-size:.28em; font-weight:500; letter-spacing:.03em; white-space:nowrap; }
.about-rework .author-location { margin-bottom:30px; }
.about-rework .author-copy .body-copy { max-width:45rem; margin-top:20px; font-size:clamp(1.12rem,1.45vw,1.35rem); line-height:1.62; }
.about-social { display:inline-flex; min-height:44px; align-items:center; margin-top:30px; padding:8px 0; border-bottom:1px solid var(--ink); font-size:.74rem; font-weight:700; letter-spacing:.09em; text-decoration:none; }
.about-social:hover { color:var(--about); border-color:currentColor; }
.about-rework .editorial-method { padding:clamp(70px,8vw,110px) var(--pad); }
.about-rework .editorial-method h2 { max-width:14ch; margin:24px 0 24px; }
.about-method-intro { max-width:48rem; margin:0 0 56px; font-family:var(--serif); font-size:clamp(1.16rem,1.6vw,1.5rem); line-height:1.55; }
.about-rework .method-grid { margin:0; gap:clamp(24px,4vw,58px); }
.about-rework .method-grid > div { border-top:1px solid var(--ink); padding-top:18px; }
.about-rework .method-grid p { margin:16px 0 0; font-size:clamp(1.05rem,1.3vw,1.25rem); }
.about-end { display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--about); color:var(--paper-light); }
.about-end > p { grid-column:1/-1; padding:30px var(--pad); color:var(--editions); }
.about-end > a { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:clamp(36px,5vw,76px) var(--pad); border-top:1px solid rgba(255,255,255,.45); font-family:var(--serif); font-size:clamp(1.9rem,3.1vw,3.7rem); line-height:1; text-decoration:none; transition:background .25s ease; }
.about-end > a + a { border-left:1px solid rgba(255,255,255,.45); }
.about-end > a:hover { background:rgba(255,255,255,.12); }
@media(max-width:800px) { .about-purpose { grid-template-columns:1fr; gap:26px; } .about-audience-grid { grid-template-columns:1fr; gap:32px; } .about-rework .author-row { grid-template-columns:160px 1fr; gap:28px; } .about-rework .author-portrait { width:160px; } }
@media(max-width:600px) { .about-rework .about-intro { padding:58px 20px 72px; } .about-rework .about-intro h1 { font-size:clamp(3.2rem,13vw,5rem); } .about-purpose { padding:72px 20px; } .about-purpose h2 { font-size:clamp(2.75rem,12vw,4.8rem); } .about-audience { padding:45px 20px 70px; } .about-people { padding:70px 20px 0; } .about-rework .author-row { grid-template-columns:1fr; gap:28px; padding:56px 0; } .about-rework .author-portrait { width:148px; } .about-rework .emilie-portrait { width:148px; } .about-rework .author-copy h2 { font-size:clamp(2.6rem,11vw,4.1rem); } .about-rework .editorial-method { padding:70px 20px; } .about-rework .method-grid { grid-template-columns:1fr; gap:32px; } .about-end { grid-template-columns:1fr; } .about-end > p { padding:27px 20px; } .about-end > a { padding:38px 20px; } .about-end > a + a { border-left:0; } }
@media(prefers-reduced-motion:reduce) { .about-end > a { transition:none; } }

.about-rework .yus-portrait img { transform:scale(1.6); transform-origin:50% 39%; }


/* ABOUT v2: portable editorial prototype, scoped to avoid other routes. */
.about-v2{--ink:#151a19;--paper:#f2eddf;--green:#174638;--orange:#cd623b;--yellow:#edc93e;--blue:#264f60;--line:rgba(21,26,25,.25);--header:68px;--pad:clamp(22px,4.2vw,72px)}.about-v2 *{box-sizing:border-box}.about-v2{scroll-behavior:smooth}.about-v2{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}.about-v2 main button,.about-v2 main a{font:inherit}.about-v2 button{cursor:pointer}.about-v2 a{color:inherit}.about-v2 img{display:block;max-width:100%}.about-v2 a:focus-visible,.about-v2 button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.about-v2 .serif{font-family:Georgia,'Times New Roman',serif}.about-v2 .micro{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.about-v2 .quiet{opacity:.65}.about-v2 .hero{min-height:calc(100svh - var(--header));position:relative;display:grid;grid-template-rows:1fr auto;isolation:isolate;color:var(--paper);overflow:hidden;background:#173345}.about-v2 .hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 56%;filter:saturate(1.1) contrast(1.05)}.about-v2 .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,17,20,.78) 0%,rgba(9,17,20,.41) 45%,transparent 90%),linear-gradient(0deg,rgba(9,17,20,.38),transparent 58%)}.about-v2 .hero-body{align-self:end;padding:clamp(100px,15vh,180px) var(--pad) clamp(55px,8vh,90px);max-width:1180px}.about-v2 .hero h1{max-width:10.5ch;margin:20px 0 32px;font:400 clamp(4.4rem,8.7vw,9.6rem)/.88 Georgia,'Times New Roman',serif;letter-spacing:-.065em}.about-v2 .hero p.lede{max-width:620px;margin:0;font:400 clamp(1.28rem,2vw,1.95rem)/1.34 Georgia,'Times New Roman',serif}.about-v2 .hero-foot{display:flex;justify-content:space-between;gap:24px;padding:20px var(--pad);border-top:1px solid rgba(255,255,255,.5);background:rgba(7,15,18,.33)}.about-v2 .hero-foot a{text-decoration:none}.about-v2 .hero-foot a span{display:inline-block;margin-left:24px;font-size:18px;transition:transform .2s}.about-v2 .opening{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(40px,7vw,135px);padding:clamp(95px,13vw,200px) var(--pad);border-bottom:1px solid var(--line)}.about-v2 .opening blockquote{max-width:900px;margin:0;font:400 clamp(2.2rem,4.5vw,5.3rem)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.045em}.about-v2 .opening blockquote em{font-style:normal;color:var(--orange)}.about-v2 .opening-note{max-width:580px;margin:35px 0 0;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.7}.about-v2 .journey{background:var(--ink);color:var(--paper);padding:clamp(75px,9vw,130px) var(--pad)}.about-v2 .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid rgba(255,255,255,.42);padding-bottom:28px;margin-bottom:44px}.about-v2 .section-head h2{margin:0;font:400 clamp(2.7rem,5.4vw,6.3rem)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.about-v2 .journey-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:clamp(35px,6vw,110px);align-items:stretch}.about-v2 .journey-visual{position:relative;min-height:580px;overflow:hidden;background:#174638}.about-v2 .journey-visual img{width:100%;height:100%;position:absolute;object-fit:cover;transform:scale(1.4);transition:object-position .6s,transform .7s,filter .5s}.about-v2 .journey-visual[data-scene="0"] img{object-position:3% center;transform:scale(1.45)}.about-v2 .journey-visual[data-scene="1"] img{object-position:48% center;transform:scale(1.7);filter:saturate(.68)}.about-v2 .journey-visual[data-scene="2"] img{object-position:96% center;transform:scale(1.45);filter:saturate(1.2)}.about-v2 .journey-visual::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(7,13,16,.65))}.about-v2 .journey-visual figcaption{position:absolute;z-index:2;left:24px;bottom:22px;right:24px;display:flex;justify-content:space-between;gap:20px}.about-v2 .journey-copy{display:flex;flex-direction:column;justify-content:space-between}.about-v2 .journey-tabs{display:grid;border-top:1px solid rgba(255,255,255,.48)}.about-v2 .journey-tabs button{display:flex;justify-content:space-between;align-items:center;min-height:72px;border:0;border-bottom:1px solid rgba(255,255,255,.4);padding:10px 0;color:rgba(242,237,223,.56);background:transparent;text-align:left;font-size:14px;font-weight:700;letter-spacing:.11em;transition:color .2s,padding .25s}.about-v2 .journey-tabs button[aria-selected="true"]{color:var(--yellow);padding-left:16px;border-left:3px solid var(--yellow)}.about-v2 .journey-tabs button:hover{color:var(--paper)}.about-v2 .journey-story{padding-top:45px;min-height:270px}.about-v2 .journey-story h3{max-width:16ch;margin:0 0 28px;font:400 clamp(2.8rem,4.2vw,5.1rem)/1 Georgia,'Times New Roman',serif;letter-spacing:-.05em}.about-v2 .journey-story p{max-width:560px;margin:0;font:400 clamp(1.15rem,1.55vw,1.5rem)/1.55 Georgia,'Times New Roman',serif}.about-v2 .scene-controls{display:flex;gap:8px;margin-top:35px}.about-v2 .scene-controls button{width:48px;height:48px;border:1px solid rgba(255,255,255,.6);color:var(--paper);background:transparent;font-size:22px}.about-v2 .scene-controls button:hover{background:var(--yellow);color:var(--ink)}.about-v2 .look{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--orange);min-height:760px}.about-v2 .look-copy{padding:clamp(62px,7vw,115px) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.about-v2 .look h2{max-width:12ch;margin:22px 0 50px;font:400 clamp(3.3rem,5.7vw,7rem)/.92 Georgia,'Times New Roman',serif;letter-spacing:-.06em}.about-v2 .look-tabs{display:flex;gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);width:fit-content}.about-v2 .look-tabs button{border:0;background:transparent;padding:14px 22px 14px 0;margin-right:18px;font-size:12px;font-weight:700;letter-spacing:.09em}.about-v2 .look-tabs button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:5px}.about-v2 .look-statement{max-width:570px;margin:30px 0 0;font:400 clamp(1.35rem,2.25vw,2.4rem)/1.33 Georgia,'Times New Roman',serif}.about-v2 .look-image{position:relative;min-height:590px;overflow:hidden;background:#183d44}.about-v2 .look-image img{width:100%;height:100%;object-fit:cover;object-position:87% center;transform:scale(1.55);transition:filter .55s,transform .6s}.about-v2 .look-image[data-view="0"] img{filter:saturate(.7);transform:scale(1.4)}.about-v2 .look-image[data-view="1"] img{filter:saturate(1.18);transform:scale(1.65)}.about-v2 .look-marker{position:absolute;right:18%;top:49%;z-index:2;display:flex;align-items:center;gap:10px;color:white;text-shadow:0 2px 10px #111}.about-v2 .look-marker i{width:28px;height:28px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.18)}.about-v2 .look-image small{position:absolute;left:26px;bottom:24px;color:white;z-index:2}.about-v2 .people{padding:clamp(85px,11vw,160px) var(--pad);background:var(--paper)}.about-v2 .people-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(40px,7vw,135px);margin-bottom:90px}.about-v2 .people-intro h2{max-width:16ch;margin:0;font:400 clamp(3rem,5.2vw,6.1rem)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.about-v2 .person-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(38px,7vw,125px);max-width:1180px;margin-left:auto;padding:45px 0;border-top:1px solid var(--line)}.about-v2 .person-photo{width:180px;height:180px;overflow:hidden;background:#161616}.about-v2 .person-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.6);transform-origin:50% 39%}.about-v2 .person-row h3{margin:10px 0 16px;font:400 clamp(2.3rem,3.7vw,4.3rem)/1 Georgia,'Times New Roman',serif;letter-spacing:-.05em}.about-v2 .person-row p{max-width:720px;margin:0 0 18px;font:400 clamp(1.13rem,1.43vw,1.4rem)/1.6 Georgia,'Times New Roman',serif}.about-v2 .person-row a{display:inline-block;margin-top:10px;padding:8px 0;border-bottom:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none}.about-v2 .editor-mark{width:120px;height:120px;border:1px solid var(--ink);display:grid;place-items:center;font:italic 84px/1 Georgia,'Times New Roman',serif;color:var(--blue);background:#dbe1db}.about-v2 .method{padding:clamp(80px,10vw,145px) var(--pad);background:#e3e6dc}.about-v2 .method-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(35px,7vw,135px)}.about-v2 .method h2{max-width:17ch;margin:0 0 25px;font:400 clamp(3rem,5vw,6rem)/1 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.about-v2 .method-intro{max-width:670px;margin:0 0 55px;font:400 clamp(1.12rem,1.45vw,1.42rem)/1.65 Georgia,'Times New Roman',serif}.about-v2 .method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-v2 .method-steps div{border-top:1px solid var(--ink);padding-top:18px}.about-v2 .method-steps p{font:400 clamp(1.06rem,1.25vw,1.3rem)/1.55 Georgia,'Times New Roman',serif}.about-v2 .end{padding:clamp(80px,10vw,140px) var(--pad) 0;background:var(--ink);color:var(--paper)}.about-v2 .end h2{max-width:15ch;margin:20px 0 70px;font:400 clamp(3.2rem,6.3vw,7.3rem)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.06em}.about-v2 .end-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 calc(-1 * var(--pad));border-top:1px solid rgba(255,255,255,.45)}.about-v2 .end-grid a{min-height:310px;display:flex;flex-direction:column;justify-content:space-between;padding:30px var(--pad);text-decoration:none;transition:background .25s}.about-v2 .end-grid a+a{border-left:1px solid rgba(255,255,255,.45)}.about-v2 .end-grid a:nth-child(1):hover{background:var(--green)}.about-v2 .end-grid a:nth-child(2):hover{background:var(--orange)}.about-v2 .end-grid a:nth-child(3):hover{background:var(--yellow);color:var(--ink)}.about-v2 .end-grid strong{font:400 clamp(2.1rem,3.4vw,4.1rem)/1 Georgia,'Times New Roman',serif}.about-v2 .end-grid p{max-width:26ch;margin:12px 0 0;font-size:15px}.about-v2 [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .65s,transform .65s}.about-v2 [data-reveal].is-visible{opacity:1;transform:none}@media(max-width:900px){.about-v2 .hero h1{font-size:clamp(4.4rem,12vw,7.5rem)}.about-v2 .journey-grid{grid-template-columns:1fr}.about-v2 .journey-visual{min-height:430px}.about-v2 .journey-copy{gap:20px}.about-v2 .journey-story{min-height:220px}.about-v2 .look{grid-template-columns:1fr}.about-v2 .look-image{min-height:520px;grid-row:1}.about-v2 .people-intro,.about-v2 .method-head,.about-v2 .opening{grid-template-columns:1fr;gap:30px}.about-v2 .end-grid a{padding:28px}}@media(max-width:620px){.about-v2{--header:58px;--pad:20px}.about-v2 .brand{font-size:11px;letter-spacing:.1em}.about-v2 .hero{min-height:calc(92svh - var(--header))}.about-v2 .hero>img{object-position:56% center}.about-v2 .hero::after{background:linear-gradient(0deg,rgba(9,17,20,.83),rgba(9,17,20,.14) 82%)}.about-v2 .hero-body{padding:90px 20px 38px}.about-v2 .hero h1{font-size:clamp(3.6rem,16vw,6rem);max-width:11ch;margin:14px 0 22px}.about-v2 .hero p.lede{font-size:1.2rem}.about-v2 .hero-foot{padding:18px 20px}.about-v2 .hero-foot .quiet{display:none}.about-v2 .opening{padding:80px 20px}.about-v2 .opening blockquote{font-size:clamp(2.25rem,10vw,3.8rem)}.about-v2 .journey{padding:78px 20px}.about-v2 .section-head h2{font-size:3.2rem}.about-v2 .journey-visual{min-height:360px}.about-v2 .journey-visual figcaption{font-size:11px}.about-v2 .journey-tabs button{min-height:59px}.about-v2 .journey-story{min-height:285px}.about-v2 .journey-story h3{font-size:3rem}.about-v2 .look-copy{padding:68px 20px}.about-v2 .look h2{font-size:clamp(3.3rem,14vw,5.2rem)}.about-v2 .look-image{min-height:420px}.about-v2 .people{padding:82px 20px}.about-v2 .people-intro{margin-bottom:52px}.about-v2 .people-intro h2,.about-v2 .method h2{font-size:3.2rem}.about-v2 .person-row{grid-template-columns:100px 1fr;gap:18px;padding:38px 0}.about-v2 .person-photo{width:100px;height:100px}.about-v2 .editor-mark{width:86px;height:86px;font-size:65px}.about-v2 .person-row h3{font-size:2.25rem}.about-v2 .person-row p{font-size:1.05rem}.about-v2 .method{padding:82px 20px}.about-v2 .method-steps{grid-template-columns:1fr}.about-v2 .end{padding:80px 20px 0}.about-v2 .end h2{font-size:3.5rem;margin-bottom:58px}.about-v2 .end-grid{grid-template-columns:1fr;margin:0 -20px}.about-v2 .end-grid a{min-height:190px;padding:27px 20px}.about-v2 .end-grid a+a{border-left:0;border-top:1px solid rgba(255,255,255,.45)}}@media(prefers-reduced-motion:reduce){.about-v2{scroll-behavior:auto}.about-v2 *,.about-v2 *::before,.about-v2 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.about-v2 [data-reveal]{opacity:1;transform:none}}.about-v2 /* About revision: make the cultural-reading interaction explicit. */
    .look-guide{font:400 clamp(1.07rem,1.3vw,1.25rem)/1.55 Georgia,'Times New Roman',serif;max-width:29rem;margin:-20px 0 34px}.about-v2 .look-image img{object-position:84% center}.about-v2 .look-image[data-view="0"] img{filter:saturate(1);transform:scale(1.4)}.about-v2 .look-image[data-view="1"] img{filter:brightness(.53) saturate(.85);transform:scale(1.4)}.about-v2 .look-overlay{display:none;position:absolute;z-index:2;left:7%;right:7%;bottom:13%;padding:24px 28px;background:rgba(242,237,223,.96);border-left:5px solid var(--yellow);box-shadow:0 15px 50px rgba(0,0,0,.3)}.about-v2 .look-image[data-view="1"] .look-overlay{display:block}.about-v2 .look-overlay ol{list-style:decimal-leading-zero;margin:14px 0 0;padding-left:2.3rem;font:400 clamp(1.04rem,1.3vw,1.28rem)/1.5 Georgia,'Times New Roman',serif}.about-v2 .look-overlay li+li{margin-top:10px}.about-v2 .look-overlay li::marker{font:700 .85rem Arial,Helvetica,sans-serif}.about-v2 .look-image small{bottom:3%}.about-v2 .person-photo img{transform:none;object-fit:cover;object-position:50% 30%}.about-v2 .end{padding:0;background:var(--paper);color:var(--ink)}.about-v2 .end-intro{padding:clamp(65px,8vw,120px) var(--pad) 38px}.about-v2 .end-intro h2{margin:18px 0 0;font-size:clamp(3.2rem,5.3vw,6rem)}.about-v2 .end-grid{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));border:0}.about-v2 .end-grid a{position:relative;min-height:clamp(570px,50vw,770px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(23px,2.4vw,45px);overflow:hidden;color:var(--paper)}.about-v2 .end-grid a+a{border:0}.about-v2 .end-grid a:nth-child(1){background:var(--green)}.about-v2 .end-grid a:nth-child(2){background:#bd5530}.about-v2 .end-grid a:nth-child(3){background:#e0bc2e;color:var(--ink)}.about-v2 .end-grid a:nth-child(1):hover{background:#205a49}.about-v2 .end-grid a:nth-child(2):hover{background:#d0683f}.about-v2 .end-grid a:nth-child(3):hover{background:#f0cd3e}.about-v2 .card-top{display:flex;justify-content:space-between;gap:12px;font-size:14px}.about-v2 .card-top span{font-size:26px;line-height:.7}.about-v2 .card-bottom{position:relative;z-index:2;border-top:1px solid currentColor;padding-top:24px}.about-v2 .end-grid strong{display:block;font:400 clamp(2.8rem,4.6vw,5.4rem)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.about-v2 .end-grid p{max-width:34ch;margin:13px 0 0;font-size:clamp(1rem,1.1vw,1.2rem);line-height:1.4}.about-v2 .journal-tiles{height:38%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;transform:rotate(-3deg);transition:transform .3s}.about-v2 .end-journal:hover .journal-tiles{transform:rotate(0deg) translateY(-7px)}.about-v2 .journal-tiles span{display:flex;align-items:end;padding:10px;background:url('https://ordinaryjapan.org/wp-content/uploads/2026/09/japan-street.png') center/auto 260% no-repeat;color:#fff;font:700 1.6rem Georgia,serif;text-shadow:0 2px 7px #111}.about-v2 .journal-tiles span:nth-child(1){background-position:0% 37%}.about-v2 .journal-tiles span:nth-child(2){background-position:40% 55%}.about-v2 .journal-tiles span:nth-child(3){background-position:75% 28%}.about-v2 .journal-tiles span:nth-child(4){background-position:100% 67%}.about-v2 .guide-route{height:42%;display:grid;place-items:center}.about-v2 .guide-route svg{width:100%;max-width:440px;transition:transform .4s}.about-v2 .end-guide:hover .guide-route svg{transform:translate(6px,-6px) scale(1.03)}.about-v2 .cover-stack{position:relative;height:42%;margin:0 4%;perspective:800px}.about-v2 .cover{position:absolute;top:12%;width:48%;height:80%;padding:13px;display:flex;flex-direction:column;justify-content:space-between;background:#162a32 url('https://ordinaryjapan.org/wp-content/uploads/2026/09/japan-street.png') center/auto 100% no-repeat;color:#fff;box-shadow:10px 13px 0 rgba(0,0,0,.16);font:700 10px Arial,Helvetica,sans-serif;transition:transform .3s}.about-v2 .cover b{font:700 clamp(1.1rem,1.7vw,2rem)/1 Arial,Helvetica,sans-serif;text-shadow:0 2px 5px #111}.about-v2 .cover-a{left:0;transform:rotate(-8deg);z-index:2;background-position:0% center}.about-v2 .cover-b{left:29%;top:5%;transform:rotate(2deg);z-index:3;background-position:55% center}.about-v2 .cover-c{right:0;transform:rotate(8deg);z-index:1;background-position:100% center}.about-v2 .end-editions:hover .cover-a{transform:rotate(-13deg) translateX(-7px)}.about-v2 .end-editions:hover .cover-b{transform:translateY(-9px)}.about-v2 .end-editions:hover .cover-c{transform:rotate(13deg) translateX(7px)}@media(max-width:900px){.about-v2 .end-grid{grid-template-columns:1fr}.about-v2 .end-grid a{min-height:520px}.about-v2 .journal-tiles,.about-v2 .guide-route,.about-v2 .cover-stack{height:250px}.about-v2 .end-grid strong{font-size:clamp(3.4rem,9vw,5.5rem)}}@media(max-width:620px){.about-v2 .look-guide{margin:-20px 0 42px}.about-v2 .look-overlay{left:5%;right:5%;bottom:14%;padding:17px}.about-v2 .look-overlay ol{font-size:1rem}.about-v2 .end-intro{padding:70px 20px 35px}.about-v2 .end-grid{margin:0}.about-v2 .end-grid a{min-height:500px;padding:26px 20px}.about-v2 .end-grid a+a{border-top:0}.about-v2 .journal-tiles,.about-v2 .guide-route,.about-v2 .cover-stack{height:250px}.about-v2 .cover b{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.about-v2 .journal-tiles,.about-v2 .guide-route svg,.about-v2 .cover{transition:none}}.about-v2 /* Use the actual illustrated magazine covers from the home card. */
    .cover-reference{margin:0 -2%;height:46%;background:url('https://ordinaryjapan.org/wp-content/uploads/2026/09/editions-reference-card.webp') center 42%/100% auto no-repeat;filter:drop-shadow(0 12px 5px rgba(54,39,7,.15));transition:transform .35s ease,filter .35s ease}.about-v2 .end-editions:hover .cover-reference,.about-v2 .end-editions:focus-visible .cover-reference{transform:translateY(-9px) scale(1.025);filter:drop-shadow(0 20px 9px rgba(54,39,7,.22))}.about-v2 .route-highlight{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .85s cubic-bezier(.2,.65,.2,1)}.about-v2 .guide-pin{transform-box:fill-box;transform-origin:center;transition:transform .35s ease,fill .35s ease}.about-v2 .end-guide:is(:hover,:focus-visible) .route-highlight{stroke-dashoffset:0}.about-v2 .end-guide:is(:hover,:focus-visible) .guide-pin{transform:scale(1.6);fill:#ffe15b}.about-v2 .end-guide:is(:hover,:focus-visible) .guide-pin:nth-of-type(2){transition-delay:.12s}.about-v2 .end-guide:is(:hover,:focus-visible) .guide-pin:nth-of-type(3){transition-delay:.24s}@media(max-width:900px){.about-v2 .cover-reference{height:280px;background-size:min(100%,650px) auto}}@media(max-width:620px){.about-v2 .cover-reference{height:280px;background-size:100% auto}}@media(prefers-reduced-motion:reduce){.about-v2 .cover-reference,.about-v2 .route-highlight,.about-v2 .guide-pin{transition:none}}.about-v2 .journey-visual img{object-position:center!important;transform:none!important;filter:none!important;animation:sceneReveal .38s ease-out}.about-v2 .journey-visual[data-scene="0"] img,.about-v2 .journey-visual[data-scene="1"] img,.about-v2 .journey-visual[data-scene="2"] img{object-position:center!important;transform:none!important;filter:none!important}@keyframes sceneReveal{from{opacity:.25}to{opacity:1}}.about-v2 .look-image img,.about-v2 .look-image[data-view="0"] img,.about-v2 .look-image[data-view="1"] img{object-position:65% center;transform:none!important}.about-v2 .look-image[data-view="1"] img{filter:brightness(.53) saturate(.85)}@media(max-width:620px){.about-v2 .journey-visual img{object-position:center!important}.about-v2 .look-image img,.about-v2 .look-image[data-view="0"] img,.about-v2 .look-image[data-view="1"] img{object-position:72% center}}@media(prefers-reduced-motion:reduce){.about-v2 .journey-visual img{animation:none}}
.about-v2{--ink:#151a19;--paper:#f2eddf;--green:#174638;--orange:#cd623b;--yellow:#edc93e;--blue:#264f60;--line:rgba(21,26,25,.25);--header:68px;--pad:clamp(22px,4.2vw,72px);background:var(--paper);color:var(--ink)}.about-v2 main{display:block}.about-v2 .end-grid a{text-decoration:none}.about-v2 .hero{margin:0}.about-v2 .hero-foot a{text-decoration:none;color:inherit}.about-v2 .people a{color:inherit}

/* Shared navigation typography on About. */
.about-v2 .site-header,.about-v2 .mobile-menu{font-family:var(--sans);font-size:16px;line-height:1.5}

/* About uses the homepage magazine covers at their full proportions. */
.about-v2 .end-editions .edition-preview{position:relative;display:block;flex:none;width:100%;height:320px;min-height:320px;max-width:650px;margin:0 auto;background:none}
.about-v2 .end-editions .mini-cover{box-shadow:none}
.about-v2 .end-editions:hover .mini-cover-1{transform:translateX(-7px) rotate(-11deg)}
.about-v2 .end-editions:hover .mini-cover-2{transform:translateY(-9px) rotate(2deg)}
.about-v2 .end-editions:hover .mini-cover-3{transform:translateX(7px) rotate(12deg)}

.about-v2 .journal-tiles span{position:relative;overflow:hidden;background:none;padding:0}.about-v2 .journal-tiles img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-v2 .journal-tiles b{position:relative;z-index:1;padding:10px;font:inherit}