:root {
  --ink: #0b0d0f;
  --panel: #121416;
  --panel-up: #191c1e;
  --cream: #eeeae2;
  --white: #f8f5ef;
  --grey: #b1b4b3;
  --dim: #898b89;
  --silver: #c5c7c6;
  --line: rgba(230,230,226,.17);
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'DM Sans', Arial, sans-serif;
  --page-pad: clamp(24px, 5.15vw, 100px);
  --max: 1730px;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:25px; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:var(--sans); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
body.menu-open { overflow:hidden; }
::selection { background:#adb7ba; color:#090b0d; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { cursor:pointer; }
img { display:block; max-width:100%; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #dce4e4; outline-offset:5px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;left:10px;top:-60px;z-index:200;background:var(--white);color:var(--ink);padding:10px 14px; }
.skip-link:focus { top:10px; }

/* Masthead */
.site-header { display:flex;align-items:center;gap:clamp(20px,3.4vw,58px); padding:32px var(--page-pad); z-index:20;position:absolute;left:0;right:0;top:0;min-height:110px; }
.wordmark { font-family:var(--serif);font-size:clamp(30px,2.55vw,43px);font-weight:500;letter-spacing:.20em;line-height:1;white-space:nowrap; }
.wordmark-dot { letter-spacing:0; color:#b6b9b7; }
.desktop-nav { display:flex;justify-content:center;align-items:center;gap:clamp(16px,2.25vw,44px);margin-left:auto; }
.desktop-nav a,.header-notes { font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;transition:color .25s ease; }
.desktop-nav a { color:#d1d1cc; }
.desktop-nav a:hover,.header-notes:hover { color:#fff; }
.header-notes { border:1px solid rgba(255,255,255,.42);padding:15px 17px;display:flex;align-items:center;gap:20px; }
.header-notes span { font-size:17px;line-height:.4; }
.menu-toggle { display:none; }
.mobile-menu { display:none; }

/* Hero */
.hero { height:max(770px, 100svh); max-height:1120px; min-height:770px; position:relative; display:flex;flex-direction:column;justify-content:center;isolation:isolate;background:#0b0d0f;overflow:hidden; }
.hero-picture,.hero-shade,.hero-grain { position:absolute;inset:0;pointer-events:none; }
.hero-picture { z-index:-3; }
.hero-picture img { width:100%;height:100%;object-fit:cover;object-position:center center;transition:opacity .36s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);transform:scale(1.015); }
.hero-picture.is-switching img {opacity:.1; transform:scale(1.04);}
.hero-shade { z-index:-2;background:linear-gradient(90deg,rgba(7,9,10,.91) 0%,rgba(7,9,10,.73) 22%,rgba(7,9,10,.48) 43%,rgba(7,9,10,.13) 65%,rgba(7,9,10,.06) 100%),linear-gradient(0deg,rgba(6,8,10,.91), transparent 19%,transparent 78%,rgba(7,9,10,.35)); }
.hero[data-scene="shift"] .hero-shade {background:linear-gradient(90deg,rgba(7,9,10,.84) 0%,rgba(7,9,10,.79) 21%,rgba(7,9,10,.43) 45%,rgba(7,9,10,.06) 72%),linear-gradient(0deg,rgba(6,8,10,.92),transparent 22%,transparent 75%,rgba(7,9,10,.31));}
.hero-grain { z-index:-1; opacity:.16;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.56' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");}
.hero-content { padding:125px var(--page-pad) 70px; margin:0 auto;width:100%;max-width:var(--max);position:relative; }
.eyebrow,.kicker { font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;line-height:1.7; }
.hero-eyebrow { color:#e5ded3;display:flex;align-items:center;gap:18px;margin:0 0:38px; }
.eyebrow-line { display:block;width:37px;height:1px;background:#d3d1c8; }
.hero h1 { max-width:770px; font-family:var(--serif); font-weight:400; font-size:clamp(90px,10.15vw,178px);letter-spacing:-.067em;line-height:.77;margin:0 0 45px;text-wrap:balance; }
.hero h1 em { display:block;font-weight:400;letter-spacing:-.065em; }
.hero-intro { color:#deded8;font-family:var(--serif);font-size:clamp(24px,2.15vw,34px);line-height:1.17;letter-spacing:.002em;margin:0 0 42px; }
.arrow-link { display:inline-flex;align-items:center;justify-content:space-between;gap:29px; min-height:42px;border-bottom:1px solid rgba(255,255,255,.4);font-size:10px;letter-spacing:.17em;font-weight:600;text-transform:uppercase;transition:gap .25s,border-color .2s; }
.arrow-link:hover { gap:42px;border-color:#fff; }
.link-arrow { font-size:21px; font-family:Arial,sans-serif;line-height:1;font-weight:400; }
.hero-bottom { position:absolute;bottom:0;left:0;right:0;padding:26px var(--page-pad) 32px;display:flex;align-items:flex-end;gap:32px;border-top:1px solid rgba(255,255,255,.17); }
.hero-bottom-identity,.scene-picker-label,.scroll-cue { font-size:9px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#c7c8c4; }
.hero-bottom-identity { margin:0;margin-right:auto;display:flex;align-items:center;gap:15px; }
.hero-bottom-divider { width:26px;height:1px;display:inline-block;background:#8a8f8e; }
.scene-picker { display:flex;align-items:center;gap:14px; }
.scene-picker-label { margin-right:8px; color:#a2a7a8; }
.scene-button { display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.28);padding:12px 13px;color:#d3d5d4;background:rgba(4,6,8,.2);font-size:10px;letter-spacing:.03em;transition:background .2s,color .2s,border-color .2s; }
.scene-button b { color:#989d9f;font-weight:600; }
.scene-button.is-active {background:#e8e7e1;color:#161a1c;border-color:#e8e7e1; }
.scene-button.is-active b { color:#42484a; }
.scene-button:hover:not(.is-active) { border-color:#eee;background:rgba(255,255,255,.1); }
.scroll-cue { margin-left:24px;display:flex;gap:12px;align-items:center; }
.scroll-cue span { font-size:19px; }

/* Shared editorial sections */
.section-pad { padding:116px var(--page-pad) 132px;max-width:var(--max);margin:auto; }
.section-topline { display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--grey);font-weight:600;letter-spacing:.18em;font-size:10px;text-transform:uppercase; }
.section-topline--border { padding-top:22px;border-top:1px solid var(--line); }
.kicker { color:#b0b3b3; margin:0 0 18px; }
h2 { font-family:var(--serif);font-weight:400;letter-spacing:-.058em;line-height:.87; }
h2 em { font-weight:400; }
.reveal { opacity:1; transform:none;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1); }
.reveal.is-visible { opacity:1;transform:none; }

/* The philosophy */
.statement { padding-top:110px; padding-bottom:150px; }
.statement-layout { display:grid;grid-template-columns:28% 1fr; gap:30px; padding-top:120px; }
.statement-aside { color:#a9afaf; }
.small-star { font-size:40px;color:#bcc0c0;line-height:1; }
.statement-aside p { font-family:var(--serif);font-size:22px;line-height:1.25;margin:36px 0 0;color:#b5b8b5; }
.statement-main h2 { font-size:clamp(74px,8.1vw,142px);margin:10px 0 54px;max-width:1050px; }
.statement-main h2 em {color:#b9bdbc;}
.statement-bottom { display:flex;align-items:flex-end;justify-content:space-between;gap:65px; }
.statement-bottom p { font-family:var(--serif);color:#c4c4be;font-size:clamp(23px,2.15vw,33px);line-height:1.36;margin:0;max-width:570px; }
.abstract-mark { width:76px;height:76px;flex:none;border:1px solid #7d8381;border-radius:50%;display:grid;place-items:center; }
.abstract-mark span { width:40px;height:40px;border:1px solid #7d8381;border-radius:50%;position:relative; }
.abstract-mark span::before,.abstract-mark span::after {content:"";position:absolute;background:#7d8381;}
.abstract-mark span::before { height:1px;width:56px;left:-9px;top:19px; }
.abstract-mark span::after { width:1px;height:56px;left:19px;top:-9px; }

/* Journal */
.journal { padding-top:20px;padding-bottom:128px; }
.section-heading-row { display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:76px 0 58px; }
.section-heading-row h2 { font-size:clamp(73px,7.5vw,132px);margin:0; }
.section-heading-aside { width:250px;font-size:13px;color:#afb4b3;line-height:1.85;margin:0 15px 4px 0; }
.journal-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;grid-template-rows:385px 385px;}
.story-card { position:relative;isolation:isolate;width:100%;height:100%;padding:0;display:block;text-align:left;color:var(--white);background:#1d2021;border:0;overflow:hidden; }
.story-card--lead { grid-row:span 2; }
.story-image,.story-image::after,.story-image img { position:absolute;inset:0;width:100%;height:100%; }
.story-image::after { content:"";background:linear-gradient(0deg,rgba(0,0,0,.83),transparent 58%),linear-gradient(180deg,rgba(5,8,10,.36),transparent 34%);z-index:1; }
.story-image img { object-fit:cover;object-position:65% center;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s; }
.story-card--secondary .story-image img {object-position:center center;}
.story-card:hover .story-image img,.story-card:focus-visible .story-image img { transform:scale(1.055);filter:brightness(1.08); }
.story-content { position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,3vw,56px); }
.story-meta { position:absolute;top:27px;left:clamp(26px,3vw,56px);display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.22em;font-weight:600; }
.story-meta i { width:27px;height:1px;background:#dbdedc; }
.story-title {font-family:var(--serif);font-size:clamp(44px,5.2vw,88px);line-height:.87;letter-spacing:-.05em;display:block;margin-bottom:35px;}
.story-card--secondary .story-title { font-size:clamp(39px,3.65vw,67px);margin-bottom:20px; }
.story-title em {font-weight:400;}
.story-bottom { width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.47);padding-top:15px;font-size:9px;letter-spacing:.16em;font-weight:600;color:#e0e2df; }
.story-arrow { font-family:Arial,sans-serif;font-size:19px;font-weight:400; }
.journal-coda { margin:26px 0 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.15em;color:#888d8d; }
.journal-coda span {color:#c0c4c3; }

/* Pull quotation */
.interlude { position:relative;background:#16191b;text-align:center;padding:133px 25px 128px;overflow:hidden; }
.interlude::before {content:"";position:absolute;top:0;left:50%;height:1px;width:min(240px,30%);background:#8b9292;transform:translateX(-50%);}
.interlude-figure {color:rgba(212,214,210,.2);font-family:var(--serif);font-size:120px;line-height:.6;}
.interlude blockquote {font-family:var(--serif);font-weight:400;letter-spacing:-.04em;font-size:clamp(34px,4.55vw,74px);line-height:1.09; margin:0 auto;max-width:1200px;}
.interlude blockquote em { color:#b8bdbb; }
.interlude-line {background:#8b9292;width:1px;height:49px;margin:52px auto 0;}

/* Products / Experiences / Editions */
.offer-section { display:grid;grid-template-columns:1fr 1fr;min-height:670px;background:#0e1012; }
.offer-media {min-width:0;min-height:640px;position:relative;overflow:hidden;}
.offer-media::after {position:absolute;content:"";inset:0;background:linear-gradient(0deg,rgba(10,12,13,.11),transparent 70%);pointer-events:none;}
.offer-media img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1.3s ease;}
.offer-media:hover img { transform:scale(1.025); }
.offer-media--waves img {object-position:54% center;}
.offer-media--book img {object-position:50% center;}
.offer-copy { padding:61px clamp(35px,6vw,135px) 70px; display:flex; flex-direction:column; }
.offer-top {display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9da2a2;font-size:9px;font-weight:600;letter-spacing:.16em;margin-bottom:auto;}
.offer-copy > .kicker {margin-top:65px; }
.offer-copy h2 {font-size:clamp(80px,8.5vw,145px);margin:0 0 24px;}
.offer-copy > p:not(.kicker) {font-family:var(--serif);font-size:clamp(22px,2.05vw,31px);line-height:1.25;color:#afb4b3;max-width:450px;margin:0;}
.offer-bottom {margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:19px;padding-top:55px;}
.coming-soon {font-size:9px;letter-spacing:.21em;font-weight:600;color:#a6b0b0;}
.offer-bottom .arrow-link {margin-top:9px;color:var(--cream);}
.editions-section {background:#191b1c;}
.editions-section .offer-copy {padding-left:var(--page-pad);}

/* Notes */
.notes-section {min-height:800px;max-width:none;background:radial-gradient(ellipse at center 110%,rgba(90,99,105,.13),transparent 45%),#0e1011;padding-bottom:140px;}
.notes-section .section-topline {max-width:calc(var(--max) - 2 * var(--page-pad));margin:auto;}
.notes-content { display:flex;flex-direction:column;align-items:center;text-align:center;padding:106px 0 0;}
.notes-symbol {font-size:31px;font-weight:300;color:#b6bbbc;margin-bottom:33px;}
.notes-content h2 {font-size:clamp(94px,12.5vw,210px);margin:0 0 30px;line-height:.70;}
.notes-content h2 em {color:#bdc1bf;}
.notes-content > p:not(.kicker):not(.notes-footnote) {font-family:var(--serif);font-size:clamp(22px,2.1vw,32px);max-width:590px;color:#bdc0bc;line-height:1.27;margin:35px 0 34px;}
.notes-form { display:flex;align-items:stretch;border-bottom:1px solid #8a8e8d;width:min(510px,100%);margin-top:8px; }
.notes-form input {background:none;border:none;outline:none;min-width:0;flex:1;color:#fff;padding:16px 6px;font-size:13px;}
.notes-form input::placeholder {color:#aaaead;opacity:1;}
.notes-form button { border:0;background:none;color:#eee;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;display:flex;align-items:center;gap:16px;padding:10px 4px 10px 14px;}
.notes-form button span:last-child { font-size:18px; font-weight:400;font-family:Arial,sans-serif;}
.notes-form button:hover {color:#b9c0bf;}
.notes-footnote {margin:20px 0 0;color:#818a8a;font-size:9px;letter-spacing:.17em;font-weight:600;line-height:1.6;}

/* Footer */
.site-footer { background:#090b0c;border-top:1px solid #292b2c;padding:50px var(--page-pad) 27px;overflow:hidden; }
.footer-top {display:flex;justify-content:space-between;align-items:flex-start;color:#a3a8a8;font-size:10px;line-height:1.7;letter-spacing:.17em;font-weight:600;}
.footer-top a {display:flex;align-items:center;gap:16px;color:#d8dddd;}
.footer-top a span {font-size:17px;}
.footer-wordmark {display:block;text-align:center;font-family:var(--serif);font-size:clamp(100px,18vw,360px);letter-spacing:-.035em;font-weight:400;line-height:.9;margin:72px auto 60px;white-space:nowrap;}
.footer-wordmark span {color:#b6b9b8;}
.footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;color:#929998;font-size:10px;letter-spacing:.19em;font-weight:600;}

/* Sample editorial preview */
.story-dialog {width:min(930px,calc(100% - 38px));max-height:min(840px,calc(100svh - 35px));padding:0;background:#16191a;color:var(--cream);border:1px solid #555a5b;box-shadow:0 30px 140px #000b;overflow:auto;}
.story-dialog::backdrop {background:rgba(2,3,4,.86);backdrop-filter:blur(9px);}
.dialog-image {height:270px;overflow:hidden;}
.dialog-image img {width:100%;height:100%;object-fit:cover;}
.dialog-body {padding:42px clamp(28px,7vw,75px) 60px;}
.dialog-body h2 {font-size:clamp(55px,8vw,95px);margin:16px 0 25px;}
.dialog-body > p:not(.kicker):not(.dialog-status) {font-family:var(--serif);font-size:clamp(23px,2.4vw,33px);line-height:1.28;color:#c0c6c3;margin-bottom:30px;}
.dialog-close {position:sticky;top:18px;margin:18px 18px -64px auto;z-index:2;display:block;background:#0b0d0e;color:#fff;border:1px solid #585d5e;width:44px;height:44px;}
.dialog-status {font-size:10px;letter-spacing:.15em;color:#8e9997;padding-bottom:26px;}
.dialog-back {border:0;border-bottom:1px solid #aaa;background:none;color:#eee;font-size:11px;font-weight:600;letter-spacing:.13em;padding:0 0 13px;text-transform:uppercase;display:flex;gap:25px;}


/* ──────────────────────────────────────────────────────────────────────
   V1.1 / SILVER EDITION — typographic discipline, paper interlude,
   and independent publishing presentation.
   ────────────────────────────────────────────────────────────────────── */
:root {--paper:#d9dad6;--paper-ink:#232729;--paper-muted:#5c6465;}
body {font-optical-sizing:auto;}
.wordmark {font-weight:500;letter-spacing:.215em;}
.desktop-nav a,.header-notes {font-size:11px;letter-spacing:.105em;}
.eyebrow,.kicker {font-size:11px;letter-spacing:.20em;}
.hero h1 {line-height:.825;letter-spacing:-.056em;}
.hero h1 em {letter-spacing:-.06em;}
.hero-bottom-identity,.scene-picker-label,.scroll-cue {font-size:10px;}
.section-topline {font-size:11px;letter-spacing:.125em;}
.section-heading-aside {font-size:14px;line-height:1.78;}
.statement-aside p {font-family:var(--sans);font-size:11px;font-weight:500;line-height:1.9;letter-spacing:.16em;color:#9da6a6;}
.statement-main h2 {line-height:.91;}
.statement-bottom p {max-width:670px;}
.statement-bottom p {line-height:1.38;}
.story-meta {font-size:11px;}
.story-bottom {font-size:10px;}
.story-title {line-height:.92;}
.journal-coda {font-size:10px;}
.coming-soon {font-size:10px;}
.offer-top {font-size:11px;letter-spacing:.125em;}
.offer-copy h2 {line-height:.91;}
.offer-copy > p:not(.kicker) {line-height:1.32;}
.notes-footnote {font-size:10px;letter-spacing:.12em;}
.footer-bottom,.footer-top {font-size:11px;}

/* Silver print folio: one deliberately light editorial moment */
.folio {position:relative;isolation:isolate;overflow:hidden;background:var(--paper);color:var(--paper-ink);background-image:radial-gradient(ellipse at 81% 19%,rgba(255,255,255,.52),transparent 54%),linear-gradient(128deg,rgba(139,150,150,.14),transparent 37%,rgba(88,104,109,.12) 100%);}
.folio:after {pointer-events:none;content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.22'/%3E%3C/svg%3E");}
.folio-inner {position:relative;z-index:1;max-width:var(--max);margin:auto;padding:52px var(--page-pad) 50px;}
.folio-rule {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(42,50,53,.36);font-size:11px;font-weight:600;letter-spacing:.15em;color:#50585a;}
.folio-layout {display:grid;grid-template-columns:27% minmax(0,1fr);gap:30px;align-items:stretch;padding:108px 0 114px;}
.folio-aside {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;}
.folio-glyph {font-family:var(--serif);font-weight:400;font-size:clamp(140px,17vw,265px);line-height:.73;letter-spacing:-.095em;color:rgba(54,65,68,.18);user-select:none;}
.folio-index {font-size:11px;font-weight:600;letter-spacing:.15em;line-height:1.8;color:#556062;}
.folio-content {min-width:0;}
.folio-kicker {font-size:11px;font-weight:700;letter-spacing:.20em;color:#576366;margin:0 0:30px;}
.folio-content h2 {font-size:clamp(75px,8.9vw,157px);line-height:.88;letter-spacing:-.064em;max-width:1100px;margin:0 0:62px;color:#24292b;}
.folio-content h2 em {font-weight:400;color:#616b6d;}
.folio-content-bottom {display:flex;gap:40px;align-items:flex-start;max-width:705px;}
.folio-accent {width:72px;height:1px;background:#626d70;flex:none;margin-top:14px;}
.folio-content-bottom p {font-family:var(--serif);font-size:clamp(25px,2.35vw,37px);line-height:1.23;letter-spacing:-.01em;margin:0;color:#475053;}
.folio-rule--bottom {border-top:1px solid rgba(42,50,53,.36);border-bottom:0;padding-top:19px;padding-bottom:0;}

/* Editions: a separately art-directed catalogue spread, not another split panel */
.editions-section {position:relative;background:#191c1e;padding:0 var(--page-pad);overflow:hidden;}
.editions-inner {max-width:calc(var(--max) - 2 * var(--page-pad));margin:0 auto;padding:60px 0 80px;}
.editions-top {display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(217,224,221,.26);padding-bottom:22px;color:#c0c5c3;font-size:11px;font-weight:600;letter-spacing:.14em;}
.editions-layout {display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:clamp(45px,7vw,150px);align-items:center;padding:115px 0 50px;}
.editions-copy {min-width:0;}
.editions-copy .kicker {color:#b0b9b8;margin-bottom:27px;}
.editions-copy h2 {font-size:clamp(79px,7.5vw,136px);line-height:.88;letter-spacing:-.056em;margin:0 0:38px;}
.editions-copy h2 em {color:#c1c6c4;}
.editions-copy > p:not(.kicker) {font-family:var(--serif);font-size:clamp(25px,2.2vw,34px);line-height:1.28;max-width:505px;color:#c3c8c5;margin:0;}
.editions-action {display:flex;flex-direction:column;gap:23px;margin-top:62px;align-items:flex-start;}
.editions-art {margin:0;position:relative;min-width:0;}
.editions-art-frame {padding:clamp(11px,1.7vw,22px);background:#262b2d;box-shadow:0 24px 70px rgba(0,0,0,.28);border:1px solid #444a4c;}
.editions-art-frame img {width:100%;aspect-ratio:1.19/1;object-fit:cover;object-position:center;filter:saturate(.8);}
.editions-art figcaption {display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:10px;letter-spacing:.15em;font-weight:600;color:#aab2b1;}
@media (max-width:1230px) {
 .desktop-nav a,.header-notes {font-size:10px;}
 .editions-layout {gap:5vw;}
 .editions-copy h2 {font-size:clamp(76px,7.8vw,113px);}
}
@media (max-width:990px) {
 .folio-layout {grid-template-columns:21% 1fr;padding:95px 0;}
 .folio-content h2 {font-size:clamp(67px,10vw,110px);}
 .folio-glyph {font-size:150px;}
 .editions-layout {padding-top:85px;gap:38px;}
 .editions-copy h2 {font-size:clamp(64px,8vw,100px);}
 .editions-art figcaption {font-size:9px;letter-spacing:.07em;}
}
@media (max-width:700px) {
 .wordmark {letter-spacing:.195em;}
 .hero h1 {line-height:.88;}
 .section-topline {font-size:10px;line-height:1.55;letter-spacing:.10em;}
 .eyebrow,.kicker {font-size:10px;}
 .statement-main h2 {line-height:.94;}
 .statement-aside {display:none;}
 .section-heading-aside {font-size:14px;}
 .story-meta {font-size:10px;}
 .story-bottom {font-size:9px;}
 .offer-top {font-size:10px;}
 .folio-inner {padding:27px var(--page-pad) 29px;}
 .folio-rule {font-size:9px;letter-spacing:.075em;line-height:1.5;}
 .folio-rule span:last-child {text-align:right;}
 .folio-layout {display:block;padding:76px 0 83px;}
 .folio-aside {display:none;}
 .folio-kicker {font-size:10px;letter-spacing:.13em;margin-bottom:22px;}
 .folio-content h2 {font-size:clamp(66px,14.3vw,97px);line-height:.9;margin:0 0 43px;}
 .folio-content-bottom {display:block;}
 .folio-accent {display:block;width:46px;margin:0 0 23px;}
 .folio-content-bottom p {font-size:clamp(27px,6.4vw,34px);line-height:1.25;}
 .editions-section {padding:0 var(--page-pad);}
 .editions-inner {padding:37px 0 75px;}
 .editions-top {font-size:9px;letter-spacing:.075em;line-height:1.4;}
 .editions-top span:last-child {max-width:160px;text-align:right;}
 .editions-layout {display:flex;flex-direction:column;gap:55px;align-items:stretch;padding:77px 0 0;}
 .editions-copy h2 {font-size:clamp(79px,16vw,125px);margin-bottom:31px;}
 .editions-copy > p:not(.kicker) {font-size:27px;line-height:1.3;}
 .editions-action {margin-top:43px;}
 .editions-art-frame {padding:12px;}
 .editions-art figcaption {font-size:9px;line-height:1.4;flex-wrap:wrap;}
 .editions-art figcaption span:last-child {width:100%;}
 .footer-bottom,.footer-top {font-size:9px;}
}
@media (max-width:360px) {
 .folio-content h2 {font-size:61px;}
 .editions-copy h2 {font-size:74px;}
}

@media(max-width:1230px) {
 .desktop-nav { gap:18px; }
 .site-header {gap:25px;}
 .desktop-nav a,.header-notes {font-size:9px;}
 .offer-copy {padding-inline:50px;}
 .offer-copy h2 {font-size:clamp(75px,8vw,113px);}
 .journal-grid {grid-template-rows:330px 330px;}
}
@media(max-width:990px) {
 .desktop-nav,.header-notes {display:none;}
 .site-header {min-height:97px;justify-content:space-between;padding-top:27px;padding-bottom:27px;}
 .menu-toggle {width:46px;height:46px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.11);display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;z-index:40;position:relative;}
 .menu-toggle span {display:block;width:21px;height:1px;background:#fff;transition:transform .2s ease;}
 .menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(4px) rotate(45deg);}
 .menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-4px) rotate(-45deg);}
 .mobile-menu:not([hidden]) {display:flex;position:fixed;inset:0;z-index:19;flex-direction:column;justify-content:center;background:#101315;padding:125px var(--page-pad) 45px;overflow-y:auto;}
 .mobile-menu nav {display:grid;gap:2px;}
 .mobile-menu nav a {font-family:var(--serif);font-size:clamp(45px,9vw,86px);letter-spacing:-.04em;line-height:1;padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
 .mobile-menu nav a span {font-family:var(--sans);font-size:12px;color:#8c9494;}
 .mobile-menu p {max-width:330px;margin-top:35px;color:#aeb4b2;font-family:var(--serif);font-size:23px;line-height:1.3;}
 .hero {height:880px;min-height:740px;}
 .hero h1 {font-size:clamp(100px,12.6vw,145px);}
 .statement-layout {grid-template-columns:22% 1fr;}
 .statement-main h2 {font-size:clamp(74px,9vw,112px);}
 .journal-grid {grid-template-rows:285px 285px;gap:12px;}
 .story-title {font-size:clamp(48px,6.2vw,75px);}
 .story-card--secondary .story-title {font-size:clamp(36px,4.5vw,57px);}
 .story-content {padding:30px;}
 .story-meta {left:30px;}
 .offer-copy {padding:45px 34px 55px;}
 .offer-media {min-height:540px;}
 .offer-section {min-height:540px;}
 .offer-copy h2 {font-size:clamp(70px,8vw,100px);}
 .offer-copy > .kicker {margin-top:50px;}
 .offer-bottom {padding-top:35px;}
 .footer-wordmark {letter-spacing:-.055em;}
}
@media(max-width:700px) {
 :root {--page-pad:24px;}
 html { scroll-padding-top:0; }
 .wordmark {font-size:31px;letter-spacing:.21em;}
 .site-header {padding:22px var(--page-pad);min-height:89px;}
 .hero {min-height:720px;height:100svh;max-height:900px;justify-content:center;}
 .hero-picture img {object-position:center;}
 .hero-shade {background:linear-gradient(180deg,rgba(8,10,11,.76) 0%,rgba(8,10,11,.43) 30%,rgba(8,10,11,.67) 57%,rgba(8,10,11,.87) 100%),linear-gradient(90deg,rgba(8,10,11,.4),transparent 70%);}
 .hero[data-scene="shift"] .hero-shade {background:linear-gradient(180deg,rgba(8,10,11,.64) 0%,rgba(8,10,11,.42) 38%,rgba(8,10,11,.62) 58%,rgba(8,10,11,.92) 100%);}
 .hero-content {padding:120px var(--page-pad) 135px;}
 .hero-eyebrow {font-size:9px;letter-spacing:.17em;margin-bottom:35px;gap:10px;max-width:325px;}
 .eyebrow-line {width:22px;flex:none;}
 .hero h1 {font-size:clamp(72px,19vw,116px);line-height:.83;letter-spacing:-.065em;margin:0 0 30px;}
 .hero-intro {font-size:26px;line-height:1.18;margin-bottom:31px;max-width:330px;}
 .only-desktop {display:none;}
 .hero-bottom {flex-wrap:wrap;padding:15px var(--page-pad) 27px;align-items:center;gap:15px;}
 .hero-bottom-identity {width:100%;font-size:8px;}
 .hero-bottom-divider {width:15px;}
 .scene-picker {width:100%;gap:7px;}
 .scene-picker-label {display:none;}
 .scene-button {flex:1;justify-content:center;padding:11px 8px;font-size:10px;}
 .scroll-cue {display:none;}
 .section-pad {padding:72px var(--page-pad) 83px;}
 .section-topline {font-size:9px;line-height:1.5;}
 .section-topline span:last-child {text-align:right;max-width:160px;}
 .statement-layout {display:block;padding-top:66px;}
 .statement-aside {display:none;}
 .statement-main h2 {font-size:clamp(64px,14vw,100px);margin:11px 0 37px;}
 .statement-bottom {gap:20px;align-items:flex-start;}
 .statement-bottom p {font-size:25px;max-width:100%;}
 .abstract-mark {display:none;}
 .journal {padding-top:12px;}
 .section-heading-row {display:block;margin:62px 0 40px;}
 .section-heading-row h2 {font-size:clamp(60px,13vw,94px);}
 .section-heading-aside {margin-top:23px;font-size:12px;width:auto;max-width:330px;}
 .journal-grid {display:grid;grid-template-columns:1fr;grid-template-rows:520px 365px 365px;gap:12px;}
 .story-card--lead {grid-row:auto;}
 .story-content {padding:27px;}
 .story-meta {top:23px;left:27px;font-size:9px;}
 .story-title,.story-card--secondary .story-title {font-size:clamp(46px,9.5vw,70px);margin-bottom:22px;}
 .story-bottom {font-size:8px;line-height:1.4;}
 .journal-coda {line-height:1.5;display:block;font-size:9px;}
 .journal-coda span {display:block;margin-top:6px;}
 .interlude {padding:93px 23px 82px;}
 .interlude-figure {font-size:98px;}
 .interlude blockquote {font-size:clamp(36px,8vw,61px);}
 .interlude blockquote br {display:none;}
 .interlude-line {margin-top:36px;}
 .offer-section {display:flex;flex-direction:column;}
 .offer-media {min-height:0;height:430px;flex:none;}
 .offer-media img {object-position:center;}
 .offer-copy {padding:33px var(--page-pad) 70px;min-height:460px;}
 .offer-top {margin-bottom:60px;}
 .offer-copy > .kicker {margin-top:0;}
 .offer-copy h2 {font-size:clamp(84px,17vw,134px);}
 .offer-copy > p:not(.kicker) {font-size:26px;max-width:410px;}
 .offer-bottom {margin-top:40px;padding-top:0;gap:12px;}
 .editions-section .offer-copy {order:2; padding-left:var(--page-pad);}
 .editions-section .offer-media {order:1;}
 .notes-section {min-height:0;padding-top:60px;padding-bottom:100px;}
 .notes-content {padding-top:80px;}
 .notes-symbol {margin-bottom:30px;}
 .notes-content h2 {font-size:clamp(87px,18vw,135px);}
 .notes-content > p:not(.kicker):not(.notes-footnote) {font-size:25px;max-width:350px;margin-top:30px;}
 .notes-form {max-width:450px;}
 .notes-form button {gap:8px;font-size:9px;}
 .footer-top {font-size:8px;line-height:1.8;}
 .footer-top a {font-size:8px;max-width:155px;text-align:right;}
 .footer-wordmark {font-size:clamp(58px,17.2vw,155px);letter-spacing:-.045em;margin:80px auto 70px;}
 .footer-bottom {font-size:8px;line-height:1.6;flex-wrap:wrap;}
 .footer-bottom span:nth-child(2) {order:3;width:100%;}
 .dialog-image {height:180px;}
 .dialog-body h2 {font-size:57px;}
}
@media(max-width:360px) {
 :root {--page-pad:18px;}
 .hero h1 {font-size:70px;}
 .hero-intro {font-size:22px;}
 .wordmark {font-size:28px;}
 .offer-copy h2 {font-size:80px;}
 .story-title,.story-card--secondary .story-title {font-size:43px;}
 .notes-content h2 {font-size:82px;}
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after {animation-duration:.01ms !important;scroll-behavior:auto !important;transition-duration:.01ms !important;}
 .reveal {opacity:1;transform:none;}
}

/* ════════════════════════════════════════════════════════════════════
   GELYANA 1.2  /  GRAPHITE & SILVER
   Subsurface light, restrained photographic grain and selective silver
   hairlines. All layers are purely decorative and pointer-transparent.

   TUNING: the opacity on shared grain below is the master texture weight.
   Artwork and the silver folio are intentionally left untouched.
   ════════════════════════════════════════════════════════════════════ */

:root {
  --metal-cold: 176,195,203;
  --metal-pale: 218,226,229;
  --surface-grain: .055;
}

/* Individual atmospheric sources, rather than a repeating flat section
   fill. The glow should be felt before it can be identified. */
.statement {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 78% at 103% 11%, rgba(111,128,139,.155) 0%, rgba(55,67,77,.055) 45%, transparent 77%),
    radial-gradient(ellipse 65% 64% at -26% 105%, rgba(92,107,116,.045), transparent 75%),
    linear-gradient(111deg,#0b0d0f 1%,#111518 62%,#0c1012 100%);
}
/* A cropped, almost invisible graphite/silver ellipse: sculptural,
   not an orbital UI diagram. */
.statement::before {
  content:"";
  position:absolute;
  width:min(90vw,1130px);
  height:min(80vw,900px);
  top:-34%;right:-28%;
  border:1px solid rgba(var(--metal-pale),.11);
  border-radius:50%;
  transform:rotate(-28deg);
  -webkit-mask-image:linear-gradient(132deg,transparent 12%,#000 49%,transparent 87%);
  mask-image:linear-gradient(132deg,transparent 12%,#000 49%,transparent 87%);
  pointer-events:none;
}
.statement > *,.journal > *,.interlude > *,
.editions-section > *,.notes-section > * {position:relative;z-index:1;}

.journal {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 61% 38% at 88% 8%,rgba(95,116,128,.092),transparent 80%),
    linear-gradient(153deg,#0d1012 0%,#101315 49%,#0b0e10 100%);
}
/* A line with one restrained cooler sheen, rather than a bright divider. */
.section-topline--border {border-top:0;position:relative;}
.section-topline--border::before {
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,rgba(219,225,227,.08) 0%,rgba(206,219,225,.31) 35%,rgba(206,219,225,.11) 83%,rgba(206,219,225,.025) 100%);
}
.story-card {outline:1px solid rgba(198,212,216,.095);outline-offset:-1px;}
.story-card:focus-visible {outline:2px solid #dce4e4;outline-offset:3px;}

.interlude {
  isolation:isolate;
  background:
    radial-gradient(ellipse 58% 95% at 50% 3%,rgba(130,149,159,.105),transparent 74%),
    radial-gradient(ellipse 65% 85% at 100% 95%,rgba(65,76,83,.04),transparent 80%),
    linear-gradient(160deg,#15191b,#101416 66%,#131618);
}
.interlude::before {background:linear-gradient(90deg,transparent,rgba(209,224,230,.58),transparent);}

/* Experience: minimal reflected silver light inside the text panel;
   image retains its original dark photographic atmosphere. */
.experiences-section {background:#0e1012;}
.experiences-section .offer-copy {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 88% 66% at 100% 21%,rgba(101,123,137,.12),transparent 75%),
    linear-gradient(145deg,#121719,#0c1012 78%);
}
.experiences-section .offer-copy::before {
  content:"";position:absolute;left:0;top:11%;bottom:11%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(200,216,225,.35) 49%,transparent);
  pointer-events:none;
}

/* Editions: a quieter graphite-metal material, only on this one spread. */
.editions-section {
  isolation:isolate;
  background:
    radial-gradient(ellipse 78% 75% at 96% 29%,rgba(99,116,124,.12),transparent 70%),
    linear-gradient(123deg,#1a1e20 0%,#202529 53%,#171b1d 100%);
}
.editions-section::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:repeating-linear-gradient(0deg,
      rgba(216,229,235,.12) 0px,rgba(216,229,235,.12) .35px,
      transparent .75px,transparent 5px,
      rgba(6,10,13,.22) 5.3px,transparent 6.4px);
  opacity:.13;
  -webkit-mask-image:linear-gradient(108deg,transparent 0%,#000 41%,#000 73%,transparent 100%);
  mask-image:linear-gradient(108deg,transparent 0%,#000 41%,#000 73%,transparent 100%);
}
.editions-art-frame {
  position:relative;
  background:linear-gradient(140deg,#31393d,#1b2023 75%);
  border:1px solid rgba(200,215,222,.30);
  box-shadow:0 26px 76px rgba(0,0,0,.33),inset 0 1px 0 rgba(243,246,247,.065);
}
.editions-art-frame::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  border:1px solid transparent;
  border-image:linear-gradient(142deg,rgba(225,233,235,.25),rgba(183,198,205,.025) 44%,rgba(167,186,197,.12)) 1;
}
.editions-top {border-bottom-color:rgba(209,222,228,.2);}

/* Notes: very slight sidelight, with a single incomplete silver arc.
   This is the only secondary outline after the philosophy section. */
.notes-section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 64% 68% at 104% 18%,rgba(104,124,137,.16),transparent 81%),
    radial-gradient(ellipse 63% 54% at 1% 102%,rgba(94,112,122,.078),transparent 73%),
    linear-gradient(164deg,#0d1012 0%,#13181a 51%,#0b0e10 100%);
}
.notes-section::before {
  content:"";position:absolute;pointer-events:none;
  width:min(62vw,760px);height:min(62vw,760px);
  right:-21%;top:-31%;border:1px solid rgba(197,218,225,.13);border-radius:50%;
  -webkit-mask-image:linear-gradient(130deg,#000 0%,transparent 73%);
  mask-image:linear-gradient(130deg,#000 0%,transparent 73%);
}
.notes-form {border-bottom:0;position:relative;}
.notes-form::after {
  content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,rgba(210,220,224,.66),rgba(179,196,207,.32) 70%,rgba(210,220,224,.13));
  pointer-events:none;
}
.site-footer {background:linear-gradient(180deg,#0b0e10 0%,#090b0c 30%,#080a0b 100%);}

/* An unobtrusive, truly tiled analogue grain. Shared rather than
   multiple new AI background images: tiny file and easy to tune. */
.statement::after,.journal::after,.interlude::after,
.editions-section::after,.notes-section::after,
.experiences-section .offer-copy::after {
  content:"";position:absolute;inset:0;z-index:0;
  pointer-events:none;
  background-image:url('assets/textures/silver-grain.png');
  background-repeat:repeat;
  background-size:256px 256px;
  opacity:var(--surface-grain);
  mix-blend-mode:screen;
}
.experiences-section .offer-copy::after {opacity:.045;}
.editions-section::after {opacity:.042;}
.notes-section::after {opacity:.043;}

@media(max-width:990px) {
  .statement::before {right:-54%;top:-13%;width:110vw;height:110vw;opacity:.65;}
  .notes-section::before {right:-45%;top:-8%;width:90vw;height:90vw;opacity:.72;}
}
@media(max-width:700px) {
  .statement {
    background:radial-gradient(ellipse 100% 58% at 120% 5%,rgba(97,119,130,.10),transparent 78%),
      linear-gradient(140deg,#0b0e10,#111517 70%,#0d1012);
  }
  .statement::before {top:-3%;right:-88%;width:160vw;height:160vw;opacity:.45;}
  .journal {background:linear-gradient(155deg,#0e1113,#101315 50%,#0b0d0f);}
  .interlude {background:radial-gradient(ellipse 100% 66% at 50% 0%,rgba(117,137,147,.082),transparent 80%),#121517;}
  .experiences-section .offer-copy::before {
    left:12%;right:12%;top:0;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,rgba(200,216,225,.24),transparent);
  }
  .editions-section {
    background:radial-gradient(ellipse 92% 57% at 93% 68%,rgba(100,120,130,.085),transparent 78%),
      linear-gradient(133deg,#1a1e20,#1e2225 61%,#171b1d);
  }
  .notes-section::before {top:-3%;right:-65%;width:130vw;height:130vw;opacity:.45;}
  .notes-section {
    background:radial-gradient(ellipse 93% 62% at 110% 21%,rgba(97,117,130,.09),transparent 79%),
      linear-gradient(150deg,#0d1112,#111619 62%,#0d1011);
  }
  :root {--surface-grain:.042;}
}
@media (prefers-reduced-motion: reduce) {
  .story-card:hover .story-image img {transition:none;}
}

/* V1.3 / image-only journal refresh: mobile crop keeps the male portrait visible. */
@media (max-width:700px) {
  .story-card[data-story="consciousness"] .story-image img { object-position:73% center; }
}


/* ════════════════════════════════════════════════════════════════════
   GELYANA V1.4 / CINEMATIC MOTION
   A restrained editorial choreography: entrances, living photography,
   and silver linework. Content stays visible without JS and with
   prefers-reduced-motion; all timing is editable here.
   ════════════════════════════════════════════════════════════════════ */
:root {
  --motion-ease: cubic-bezier(.22,1,.36,1);
  --motion-duration: 1.0s;
}

/* Reveals only become hidden once JS confirms animation support.
   It is important the fully visible layout remains the default. */
.motion-ready .reveal {
  opacity:0;
  transform:translate3d(0,27px,0);
  transition:opacity var(--motion-duration) var(--motion-ease),
             transform var(--motion-duration) var(--motion-ease);
}
.motion-ready .reveal.is-visible {
  opacity:1;
  transform:translate3d(0,0,0);
}
/* Section pacing — slight, intentional offsets. */
.motion-ready .statement-main {transition-delay:110ms;}
.motion-ready .journal-grid .story-card:nth-child(1) {transition-delay:0ms;}
.motion-ready .journal-grid .story-card:nth-child(2) {transition-delay:140ms;}
.motion-ready .journal-grid .story-card:nth-child(3) {transition-delay:180ms;}
.motion-ready .folio-content {transition-delay:110ms;}
.motion-ready .experiences-section .offer-copy {transition-delay:150ms;}
.motion-ready .editions-art {transition-delay:140ms;}
.motion-ready .footer-wordmark {transition-duration:1.35s;transform:translate3d(0,19px,0);}
.motion-ready .footer-wordmark.is-visible {transform:translate3d(0,0,0);}

/* One single slow opening, not an always-moving background.
   Animation ends at the existing image scale, preserving the hero switch. */
@keyframes gelyana-hero-image-in {
  from {transform:scale(1.065);filter:brightness(.84);}
  to {transform:scale(1.015);filter:brightness(1);}
}
@keyframes gelyana-hero-type-in {
  from {opacity:0;transform:translate3d(0,22px,0);}
  to {opacity:1;transform:translate3d(0,0,0);}
}
@keyframes gelyana-hero-masthead-in {
  from {opacity:0;transform:translate3d(0,-10px,0);}
  to {opacity:1;transform:translate3d(0,0,0);}
}
.motion-ready .hero.motion-intro .hero-picture:not(.is-switching) img {
  animation:gelyana-hero-image-in 2.75s cubic-bezier(.16,1,.3,1) both;
}
.motion-ready .hero.motion-intro .hero-content > * {
  animation:gelyana-hero-type-in 1.08s var(--motion-ease) both;
}
.motion-ready .hero.motion-intro .hero-content .hero-eyebrow {animation-delay:.16s;}
.motion-ready .hero.motion-intro .hero-content h1 {animation-delay:.32s;}
.motion-ready .hero.motion-intro .hero-content .hero-intro {animation-delay:.49s;}
.motion-ready .hero.motion-intro .hero-content .arrow-link {animation-delay:.66s;}
.motion-ready .hero.motion-intro .hero-bottom {animation:gelyana-hero-type-in 1.12s .73s var(--motion-ease) both;}
.motion-ready .site-header {animation:gelyana-hero-masthead-in .9s .13s var(--motion-ease) both;}

/* Typography catches a brief soft reflection as the Philosophy enters.
   The em remains legible before and after; no looping shine. */
.motion-ready .statement-main h2 em {
  background:linear-gradient(108deg,#aeb4b5 13%,#e1e6e5 34%,#b0b6b6 56%,#c3c7c5 81%);
  background-size:240% 100%;
  background-position:100% 50%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position 2.2s .34s cubic-bezier(.25,.7,.28,1);
}
.motion-ready .statement-main.is-visible h2 em {background-position:0% 50%;}
.motion-ready .statement-main .abstract-mark {
  opacity:.42;
  rotate:-24deg;
  transition:opacity 1.6s 1s ease,rotate 2s .5s var(--motion-ease);
}
.motion-ready .statement-main.is-visible .abstract-mark {opacity:1;rotate:0deg;}

/* The one deliberate fine-line draw: journal silver hairline. */
.motion-ready .journal .motion-line::before {
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1.35s .13s var(--motion-ease);
}
.motion-ready .journal .motion-line.is-visible::before {transform:scaleX(1);}
/* Silver line over the quotation. */
.motion-ready .interlude::before {
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  transition:transform 1.4s .16s var(--motion-ease);
}
.motion-ready .interlude.is-visible::before {transform:translateX(-50%) scaleX(1);}

/* Low-amplitude photo parallax. Only enabled above 990px in JS/CSS.
   Scaling by 1.065 avoids empty edges at every scroll position. */
@media (min-width:991px) {
  .motion-ready .story-image img {
    transform:translate3d(0,var(--parallax-y,0px),0) scale(1.065);
    transition:transform .22s ease-out,filter .6s ease;
  }
  .motion-ready .story-card:hover .story-image img,
  .motion-ready .story-card:focus-visible .story-image img {
    transform:translate3d(0,var(--parallax-y,0px),0) scale(1.10);
    filter:brightness(1.07);
  }
}
/* A slow, one-time expansion of the water texture, not an endless loop. */
@keyframes gelyana-water-breathe {
  0% {transform:scale(1.005);}
  60% {transform:scale(1.038);}
  100% {transform:scale(1.016);}
}
.motion-ready .experiences-section .offer-media.is-visible img {
  animation:gelyana-water-breathe 8.5s .3s ease-in-out both;
}
.motion-ready .experiences-section .offer-media:hover img {filter:brightness(1.05);}

/* The book receives a short, nearly unnoticeable optical settle. */
.motion-ready .editions-art-frame img {
  transform:scale(1.033);
  transition:transform 2s .18s var(--motion-ease);
}
.motion-ready .editions-art.is-visible .editions-art-frame img {transform:scale(1);}
/* Letter-signup underline is a single fine pen-stroke. */
.motion-ready .notes-form::after {
  transform:scaleX(0);transform-origin:left center;
  transition:transform 1.4s .4s var(--motion-ease);
}
.motion-ready .notes-section.is-visible .notes-form::after {transform:scaleX(1);}

/* Mobile motion is quieter. Never disturb still images with scroll parallax. */
@media(max-width:700px) {
  .motion-ready .reveal {transform:translate3d(0,17px,0);transition-duration:.85s;}
  .motion-ready .reveal.is-visible {transform:translate3d(0,0,0);}
  .motion-ready .journal-grid .story-card {transition-delay:40ms;}
  .motion-ready .hero.motion-intro .hero-content > * {animation-duration:.91s;}
  .motion-ready .hero.motion-intro .hero-picture:not(.is-switching) img {animation-duration:2.5s;}
}
/* Accessibility: reduced motion means no entrance hiding, shifting images,
   draws or ambient zooms. OS preference takes priority over everything. */
@media(prefers-reduced-motion:reduce) {
  .motion-ready .reveal,.motion-ready .reveal.is-visible {opacity:1!important;transform:none!important;transition:none!important;}
  .motion-ready .story-image img {transform:none!important;transition:none!important;}
  .motion-ready .hero-picture img,.motion-ready .hero-content > *,
  .motion-ready .site-header,.motion-ready .hero-bottom,
  .motion-ready .experiences-section .offer-media img {animation:none!important;}
  .motion-ready .journal .motion-line::before,
  .motion-ready .interlude::before,
  .motion-ready .notes-form::after {transform:none!important;transition:none!important;}
  .motion-ready .statement-main h2 em {background:none!important;-webkit-text-fill-color:currentColor!important;}
}

/* ═══ GELYANA WordPress / editorial pages (without altering homepage V1.4) ═══ */
.admin-bar .site-header {top:32px;}
.story-card {cursor:pointer;}
.journal-empty {grid-column:1 / -1; min-height:310px;border:1px solid var(--line);padding:55px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.journal-empty > p:not(.kicker) {font:clamp(26px,3vw,40px)/1.25 var(--serif);max-width:530px;}
.footer-legal {display:flex;gap:16px;align-items:center;}
.footer-legal a:hover {color:var(--white);}
.notes-form input:disabled,.notes-form button:disabled {opacity:.66;cursor:not-allowed;}
.notes-connected-form {max-width:530px;min-height:70px;}
.notes-connected-form input[type=email] {background:transparent;color:var(--white);border:0;border-bottom:1px solid #8a8e8d;padding:16px 6px;max-width:360px;width:70%;font:13px var(--sans);}
.notes-connected-form button,.notes-connected-form input[type=submit] {background:transparent;color:var(--white);border:0;border-bottom:1px solid #8a8e8d;padding:16px 8px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;}
.article-main {background:#0b0d0f;}
.article-hero {position:relative;min-height:680px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#111416;}
.article-hero:before {content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(8,10,11,.86) 0%,rgba(8,10,11,.62) 45%,rgba(8,10,11,.22) 100%),linear-gradient(0deg,rgba(8,10,11,.85),transparent 55%),var(--article-image);background-size:cover;background-position:center;}
.article-hero:after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(8,10,11,.37));}
.article-hero--page {min-height:500px;}
.article-hero--page:before {background-image:linear-gradient(115deg,#13181b,#0b0d0f 62%,#1f282c);}
.article-hero-inner {max-width:1160px;padding:192px var(--page-pad) 95px;width:100%;}
.article-kicker {font:600 10px/1.6 var(--sans);letter-spacing:.23em;color:#c9d1d0;text-transform:uppercase;margin:0 0:33px;display:flex;align-items:center;gap:16px;}
.article-kicker a:hover {color:white;}
.article-kicker span {color:#8d9b9b;}
.article-hero h1 {max-width:1040px;margin:0;font:400 clamp(70px,8.3vw,138px)/.88 var(--serif);letter-spacing:-.05em;text-wrap:balance;}
.article-hero h1 em {font-weight:400;color:#c7cece;}
.article-deck {font:400 clamp(24px,2.5vw,36px)/1.24 var(--serif);max-width:700px;color:#d0d3d0;margin:32px 0 0;}
.article-byline {font:600 10px/1.6 var(--sans);letter-spacing:.15em;color:#c1c4bf;text-transform:uppercase;margin:50px 0 0;}
.article-sheet {background:var(--paper,#d9dad6);color:#252b2d;padding:47px var(--page-pad) 130px;}
.article-sheet-rule {display:flex;justify-content:space-between;gap:20px;font:600 10px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase;border-top:1px solid #aeb5b3;padding-top:20px;color:#656e70;}
.article-body {max-width:720px;margin:94px auto 0;color:#252c2f;font:400 clamp(23px,2.05vw,29px)/1.43 var(--serif);}
.article-body p {margin:0 0:1.35em;}
.article-body > p:first-child:first-letter {float:left;font:400 4.5em/.78 var(--serif);padding-right:12px;margin-top:10px;color:#4d5556;}
.article-body h2 {font:400 clamp(42px,5vw,68px)/.96 var(--serif);letter-spacing:-.055em;color:#1d2628;margin:1.4em 0 .56em;}
.article-body h3 {font:400 clamp(33px,3.3vw,45px)/1.05 var(--serif);margin:1.4em 0 .45em;}
.article-body em {color:#4c5e62;}
.article-body blockquote {margin:2em 0;padding:18px 0 18px 26px;border-left:1px solid #7e8d91;font:italic 400 clamp(33px,3.5vw,48px)/1.15 var(--serif);color:#3b4648;}
.article-body blockquote p {margin:0;}
.article-body ul,.article-body ol {padding-left:1.3em;margin:0 0:1.5em;}
.article-body li {padding-left:.15em;margin:.4em 0;}
.article-body a {text-decoration:underline;text-underline-offset:3px;}
.article-body .wp-block-separator {border:0;border-top:1px solid #aab2b0;margin:2em auto;}
.article-end {max-width:720px;margin:80px auto 0;border-top:1px solid #adb5b5;padding-top:44px;display:flex;flex-direction:column;align-items:flex-start;gap:17px;}
.article-end-glyph {font-size:27px;color:#697a7b;}
.article-end p {font:600 10px var(--sans);letter-spacing:.18em;color:#6f7a79;}
.article-end a {border-bottom:1px solid #697574;padding-bottom:9px;font:600 10px var(--sans);letter-spacing:.15em;text-transform:uppercase;display:flex;gap:28px;}
.article-notes {padding:100px var(--page-pad);display:flex;align-items:flex-end;justify-content:space-between;gap:40px;}
.article-notes h2 {font-size:clamp(76px,9vw,144px);margin:0;}
.article-notes h2 em {color:#bec6c5;}
.journal-archive {padding-top:65px;}
.archive-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:55px;}
.archive-grid .story-card {height:410px;}
.archive-grid .story-title,.archive-grid .story-card--secondary .story-title {font-size:clamp(40px,4.3vw,65px);}
.archive-pagination {margin-top:40px;text-align:center;}
.archive-pagination ul {display:flex;justify-content:center;gap:15px;list-style:none;padding:0;}
.archive-pagination a,.archive-pagination span {padding:10px;border:1px solid #5e6464;}
@media(max-width:990px){.archive-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.article-hero{min-height:610px;}.article-hero--page{min-height:470px;}}
@media(max-width:782px){.admin-bar .site-header{top:46px;}}
@media(max-width:700px){.article-hero{min-height:580px;}.article-hero--page{min-height:440px;}.article-hero-inner{padding:156px var(--page-pad) 67px;}.article-hero h1{font-size:clamp(59px,13vw,90px);}.article-deck{font-size:25px;}.article-sheet{padding-top:24px;padding-bottom:82px;}.article-sheet-rule{font-size:8px;}.article-sheet-rule span:last-child{display:none;}.article-body{margin-top:58px;font-size:24px;}.article-body h2{font-size:48px;}.article-notes{flex-direction:column;align-items:flex-start;padding-top:80px;padding-bottom:90px;}.article-notes h2{font-size:80px;}.archive-grid{grid-template-columns:1fr;}.archive-grid .story-card{height:455px;}.footer-legal{gap:10px;}}
@media(max-width:360px){.article-hero h1{font-size:57px;}}
.archive-grid .story-card--lead{grid-row:auto;}