/* Hors cadre. Ink becomes landscape; memories dissolve into its surface. */
.art-digital {
  --acid: #e3ed91;
  --art-paper: #f1eddf;
  --art-night: #101511;
  --art-muted: #babdae;
}
.art-digital .site-header {background:var(--art-night);color:var(--art-paper);border-color:#343b34}
.art-digital .site-header .header-location {color:var(--art-muted)}
.art-digital .site-header .wordmark>span {color:var(--acid)}
.art-digital .header-tools {border-color:#454b43}
.art-digital .header-tools button:hover {background:#30372e}
.art-digital .site-header :focus-visible {outline-color:var(--acid)}
.art-digital .scroll-progress {background:var(--acid)}
.art-digital .eyebrow {font-size:11px;line-height:1.6;letter-spacing:.12em}

/* One decoded video per scene. Distortion is baked into the small media files. */
.ink-scene {position:relative;isolation:isolate;overflow:clip;background:var(--art-night);color:var(--art-paper)}
.ink-scene .ink-atmosphere {position:absolute;inset:0;z-index:-2;pointer-events:none}
.ink-atmosphere .film-frame {position:absolute;inset:0;overflow:hidden}
.ink-atmosphere .ink-plane {position:absolute;inset:-3%;transform:translate3d(0,var(--ink-drift,0px),0) scale(1.06);transition:scale 1.8s var(--ease)}
.ink-atmosphere picture,.ink-atmosphere .film-poster,.ink-atmosphere video {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.ink-atmosphere video {opacity:0;transition:opacity 1.2s ease}
.ink-atmosphere .has-film video {opacity:1}
.ink-atmosphere .has-film .film-poster {visibility:hidden}
.ink-atmosphere::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,24,.78),rgba(6,19,24,.15) 65%),linear-gradient(0deg,rgba(7,17,21,.7),transparent 50%,rgba(7,17,21,.1));z-index:1}
.ink-scene .film-tools {display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ink-scene .film-toggle {border-color:#879a9a;color:var(--art-paper);font-size:11px;min-width:100px;min-height:44px;backdrop-filter:none;background:rgba(9,25,28,.8)}
.ink-scene .film-toggle:hover {background:var(--art-paper);color:var(--art-night)}
.ink-scene .film-message {max-width:320px;color:var(--art-paper)}
.ink-scene :focus-visible {outline-color:var(--acid)}
.ink-scene .ink-depth {font-size:11px;min-height:44px;padding:9px 0;border-bottom:1px solid #8e9b96;display:flex;align-items:center;gap:12px}
.ink-depth span:last-child {font-size:18px}
.ink-scene.is-deep .ink-plane {scale:1.3}

/* Home opening: the ink becomes space, the family photographs stay tangible. */
.intense.home-journal.art-digital .hero.ink-overture {
  display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:0 4%;
  min-height:calc(100svh - var(--header-h));padding:55px var(--gutter) 0;
  background:var(--art-night);color:var(--art-paper);
}
.intense.home-journal.art-digital .hero-copy {padding:15px 0 52px;z-index:3}
.art-digital .hero.ink-overture .eyebrow {color:var(--art-paper);margin-bottom:35px}
.art-digital .hero.ink-overture .status-dot {background:var(--acid);width:5px;height:5px}
.intense.home-journal.art-digital .hero-title {font-size:clamp(92px,10.7vw,190px);line-height:.84;letter-spacing:-.055em}
.intense.home-journal.art-digital .hero-title .title-line {padding-bottom:.12em}
.intense.home-journal.art-digital .hero-title em {display:block;white-space:nowrap;color:var(--acid);background:none;padding:0;margin:0;transform:none;clip-path:none;font-size:1em}
.intense.home-journal.art-digital .hero-description {color:var(--art-paper);background:none;padding:0;clip-path:none;font-size:14px;max-width:300px;margin:27px 0 23px;line-height:1.75}
.intense.home-journal.art-digital .hero-copy>.text-link {background:none;color:var(--art-paper);padding:0;transform:none;border-bottom:1px solid #bac4b6;gap:30px;font-size:12px}
.art-digital .opening-portraits {position:relative;width:100%;max-width:440px;justify-self:center;align-self:center;margin-bottom:50px;aspect-ratio:.91;z-index:2}
.opening-portrait {display:block;position:absolute;background:var(--art-paper);padding:7px 7px 24px;box-shadow:0 24px 50px -24px #000;transition:rotate .7s var(--ease),translate .7s var(--ease)}
.opening-portrait:hover {rotate:0deg;translate:0 -6px}
.opening-portrait img {width:100%;height:auto}
.opening-portrait--now {width:68%;left:0;top:0;rotate:-7deg}
.opening-portrait--now img {aspect-ratio:.74;object-fit:cover;object-position:50% 35%}
.opening-portrait--then {width:47%;right:-1%;bottom:0;rotate:9deg}
.opening-portrait--then img {aspect-ratio:.9;object-fit:cover}
.opening-date {position:absolute;bottom:4px;left:8px;right:8px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#292d26;line-height:1.5}
.opening-mark {position:absolute;right:0;top:4%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#d1d9c7}
.opening-scribble {position:absolute;bottom:10%;left:-18%;font-family:var(--font-display);font-style:italic;color:var(--acid);font-size:clamp(34px,4vw,65px);rotate:-13deg;z-index:4;line-height:1;pointer-events:none}
.overture-bottom {grid-column:1/-1;width:100%;border-top:1px solid #718078;padding:20px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.overture-bottom>p {max-width:200px;font-size:11px;line-height:1.7;color:#d1d9ca}
.overture-bottom>.text-link {font-size:11px;gap:12px}
.overture-bottom>.text-link svg {rotate:90deg;width:15px}

/* A chapter entrance, with the hand echoing the drawn face. */
.memory-door {padding-block:115px 120px;background:var(--art-paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;position:relative}
.memory-door-copy {align-self:center;position:relative;z-index:2}
.memory-door-copy h2 {font-size:clamp(84px,10vw,160px);line-height:.84;margin:35px 0 26px}
.memory-door-copy h2 em {padding-left:.38em}
.memory-door-copy p:not(.eyebrow) {font-size:14px;line-height:1.9;max-width:275px}
.memory-door-copy .text-link {margin-top:22px;border-bottom:1px solid var(--ink)}
.memory-door-images {position:relative;min-height:520px;align-self:center}
.memory-door-image {display:block;position:absolute}
.memory-door-image img {width:100%;height:100%;object-fit:cover}
.memory-door-hand {width:63%;left:0;top:15px;rotate:-5deg;z-index:1}
.memory-door-hand img {aspect-ratio:.76}
.memory-door-drawing {width:46%;right:0;bottom:22px;rotate:7deg;z-index:2;background:var(--art-paper);padding:9px;box-shadow:0 12px 28px -18px #151811}
.memory-door-drawing img {aspect-ratio:.82;object-fit:contain}
.memory-door-word {position:absolute;bottom:4px;left:0;font-family:var(--font-display);font-size:clamp(40px,5.4vw,85px);font-style:italic;line-height:1;rotate:-5deg;z-index:3;background:var(--acid);padding:0 12px 8px}
.art-digital .between-worlds {background:var(--art-paper)}
.art-digital .between-worlds::before {background:none}
.art-digital .worlds-note {background:var(--art-night);color:var(--acid)}
.art-digital .journal-door::after {background:none}
.art-digital .reserve-door {background:var(--art-paper)}
.art-digital .contact {background:var(--art-paper)}
.art-digital .contact::before {background:none}

/* The new chapter is a sequence of spreads, each with its own density. */
.chapter-hors-cadre main {background:var(--art-paper);background-image:none}
.chapter-hors-cadre .folio-line {background:var(--art-paper);border-color:#b9baac}
.hc-opening {padding-top:65px;padding-bottom:72px;position:relative}
.hc-opening-top {display:flex;justify-content:space-between;gap:24px;align-items:start}
.hc-opening h1 {font-size:clamp(110px,17vw,280px);line-height:.74;letter-spacing:-.065em;margin-top:34px;position:relative;z-index:3}
.hc-opening h1 em {margin-left:.34em}
.hc-opening-index {font-family:var(--font-display);font-size:100px;line-height:1;color:#797c6e;letter-spacing:-.05em}
.hc-opening-intro {display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:45px 0 0 auto;max-width:710px;position:relative;z-index:3}
.hc-opening-intro p {font-size:14px;line-height:1.9}
.hc-opening-intro .hc-intro-aside {font-family:var(--font-display);font-style:italic;font-size:30px;line-height:1.1;max-width:235px}
.hc-opening-spread {position:relative;display:grid;grid-template-columns:.7fr 1fr .65fr;align-items:center;gap:3%;padding:55px 5% 30px}
.hc-opening-spread .hc-photo:nth-child(1) {rotate:-7deg;z-index:2;align-self:end;margin-bottom:-15px}
.hc-opening-spread .hc-photo:nth-child(2) {rotate:3deg;z-index:1}
.hc-opening-spread .hc-photo:nth-child(3) {rotate:-5deg;align-self:start;margin-top:25px}
.hc-photo {min-width:0;position:relative}
.hc-photo .photo-link {display:block;position:relative;isolation:isolate}
.hc-photo img {width:100%;height:auto}
.hc-photo .photo-enlarge {position:absolute;right:8px;bottom:8px;background:var(--art-paper);color:#1b2119;display:grid;place-items:center;min-width:30px;height:30px;font-size:19px;box-shadow:none}
.hc-photo figcaption {display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.6;margin-top:11px;color:#555c4e}
.hc-photo .hc-photo-number {font-variant-numeric:tabular-nums;white-space:nowrap}
.hc-credit {font-size:11px;line-height:1.7;margin-top:9px;color:#5b6354;max-width:460px}
.hc-chapters {display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #afb4a4;padding-block:0;background:var(--art-paper)}
.hc-chapters a {min-height:72px;padding:17px 20px 17px 0;display:flex;align-items:center;gap:16px;font-size:13px}
.hc-chapters a>span:first-child {font-size:10px;color:#58614d}
.hc-chapters a:hover {text-decoration:underline;text-underline-offset:5px}
.hc-section {padding-block:100px}
.hc-heading {display:grid;grid-template-columns:1fr .7fr;gap:12%;align-items:end;margin-bottom:60px}
.hc-heading .eyebrow {grid-column:1/-1;margin-bottom:-20px}
.hc-heading h2 {font-size:clamp(66px,7.8vw,128px)}
.hc-heading>p:last-child {font-size:14px;line-height:1.9;max-width:310px}
/* One still, full-bleed surface, not an album. No animation or extra media.
   Masks live on the images so keyboard focus remains visible on the links. */
.hc-reverie {position:relative;isolation:isolate;overflow:clip;height:clamp(1500px,125vw,1850px);background:linear-gradient(180deg,var(--art-paper) 0%,#ddd4b9 21%,#b4b098 46%,#636c5b 72%,var(--art-night) 100%)}
.hc-reverie::before {content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 55% 21%,#eee7d3 0%,transparent 40%),linear-gradient(115deg,transparent 32%,#d5c8a844 42%,transparent 46%,#e5d9b933 48%,transparent 51%);mix-blend-mode:soft-light}
.hc-memory-field {position:absolute;inset:0}
.hc-memory-whisper {position:absolute;top:9%;left:48%;z-index:3;font-family:var(--font-display);font-size:clamp(28px,3.5vw,52px);font-weight:400;font-style:italic;letter-spacing:-.035em;rotate:-7deg;color:#4b4c3d;pointer-events:none}
.hc-memory {position:absolute;margin:0;mix-blend-mode:multiply;--memory-opacity:.64;--memory-mask:radial-gradient(ellipse at 50% 48%,#000 18%,#000b 40%,transparent 72%)}
.hc-memory .photo-link {height:100%;padding:0;background:none;box-shadow:none;isolation:auto}
.hc-memory-crop {display:block;height:100%;overflow:hidden;opacity:var(--memory-opacity);-webkit-mask-image:var(--memory-mask),linear-gradient(transparent,#000 18%,#000 82%,transparent),linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-image:var(--memory-mask),linear-gradient(transparent,#000 18%,#000 82%,transparent),linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect;pointer-events:none}
.hc-memory img {height:100%;object-fit:cover;max-width:none;filter:grayscale(.85) sepia(.25) contrast(.88);transform:scale(var(--memory-zoom,1));transform-origin:var(--memory-origin,50% 50%)}
.hc-memory .photo-enlarge {display:none}
.hc-memory figcaption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.hc-memory:focus-within {z-index:5;mix-blend-mode:normal}
.hc-memory .photo-link:focus-visible {outline:2px solid var(--art-paper);outline-offset:-8px;background:#10151155}
.hc-memory .photo-link:focus-visible .hc-memory-crop {opacity:1}
.hc-memory--garden {left:-21%;top:-3%;width:80%;height:47%;rotate:-12deg;--memory-opacity:.67;--memory-mask:radial-gradient(ellipse at 41% 53%,#000 8%,#000b 38%,transparent 70%)}
.hc-memory--garden img {object-position:48% 60%}
.hc-memory--ancestor {right:-23%;top:0;width:72%;height:38%;rotate:9deg;--memory-opacity:.38;--memory-zoom:1.4;--memory-origin:70% 40%;--memory-mask:radial-gradient(ellipse at 66% 52%,#000 12%,#000a 36%,transparent 70%)}
.hc-memory--ancestor img {object-position:50% 32%}
.hc-memory--together {left:31%;top:22%;width:59%;height:34%;rotate:-13deg;--memory-opacity:.72;--memory-zoom:1.8;--memory-origin:50% 61%;--memory-mask:radial-gradient(ellipse at 52% 47%,#000 5%,#000a 42%,transparent 70%)}
.hc-memory--together img {object-position:50% 52%}
.hc-memory--child {left:-15%;top:35%;width:55%;height:29%;rotate:12deg;--memory-opacity:.35;--memory-zoom:1.55;--memory-origin:65% 32%}
.hc-memory--child img {object-position:65% 30%}
.hc-memory--embrace {right:-16%;top:46%;width:70%;height:26%;rotate:14deg;--memory-opacity:.5;--memory-zoom:1.75;--memory-origin:72% 36%;--memory-mask:radial-gradient(ellipse at 61% 48%,#000 8%,#000a 38%,transparent 70%)}
.hc-memory--embrace img {object-position:60% 45%}
.hc-memory--light {left:9%;top:64%;width:42%;height:25%;rotate:-18deg;mix-blend-mode:screen;--memory-opacity:.23}
.hc-memory--glass {right:-4%;top:66%;width:55%;height:34%;rotate:7deg;mix-blend-mode:screen;--memory-opacity:.35}
.hc-memory--glass img {object-position:50% 43%}
.hc-memory--passing {left:-13%;top:82%;width:43%;height:19%;rotate:11deg;mix-blend-mode:screen;--memory-opacity:.16}
.hc-memory--profile {left:30%;top:81%;width:29%;height:18%;rotate:-8deg;mix-blend-mode:screen;--memory-opacity:.18}
.hc-memory-afterword {position:absolute;left:12%;bottom:9%;z-index:3;color:var(--art-paper);font-family:var(--font-display);font-size:clamp(28px,3.2vw,48px);line-height:1.03;letter-spacing:-.035em;pointer-events:none}
.hc-memory-afterword em {display:block;margin:18px 0 0 1.2em}

.hc-studio {background:var(--art-night);color:var(--art-paper)}
.hc-studio .eyebrow {color:var(--acid)}
.hc-studio .hc-heading>p:last-child {color:#c3c8b9}
.hc-studio h2 em {color:var(--acid)}
.hc-studio .hc-photo figcaption,.hc-studio .hc-credit {color:#c3c8b9}
.hc-studio-spread {display:grid;grid-template-columns:1fr .6fr;gap:6%;align-items:center}
.hc-studio-main {rotate:-3deg}
.hc-studio-main .photo-link img {max-height:710px;object-fit:contain;object-position:left}
.hc-studio-side {display:grid;gap:45px;align-items:start}
.hc-studio-side>.hc-photo:nth-child(1) {width:86%;rotate:5deg}
.hc-studio-side>.hc-photo:nth-child(2) {margin-left:15%;rotate:-4deg}
.hc-studio-foot {display:grid;grid-template-columns:1fr 1fr;gap:6%;margin:65px 0 0 15%;align-items:center}
.hc-studio-foot .hc-photo:nth-child(2) {rotate:3deg}
.hc-studio-foot>.hc-photo:last-child {max-width:320px}
.hc-studio :focus-visible {outline-color:var(--acid)}

.hc-writing {display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;background:#eeeadd;padding-block:110px 140px}
.hc-writing-copy .eyebrow {margin-bottom:40px}
.hc-writing-copy h2 {font-size:clamp(78px,8vw,135px);line-height:.9}
.hc-writing-copy h2 em {color:#5a1e15}
.hc-writing-copy>p:last-child {font-size:14px;line-height:1.9;max-width:250px;margin-top:35px}
.hc-writing-spread {position:relative;padding:0 8%}
.hc-writing-spread>.hc-photo {width:100%;rotate:-7deg}

.ink-interlude {min-height:720px;min-height:min(850px,100svh);padding:80px var(--gutter) 38px;display:flex;flex-direction:column;justify-content:space-between;gap:65px}
.ink-interlude .ink-atmosphere {filter:grayscale(1) invert(1)}
.ink-interlude .ink-atmosphere::after {background:linear-gradient(90deg,rgba(250,250,250,.88),rgba(250,250,250,.12) 80%),linear-gradient(0deg,#fff,transparent 30%)}
.ink-interlude h2 {font-size:clamp(96px,13vw,210px);line-height:.83;max-width:850px;letter-spacing:-.06em}
.ink-interlude h2 em {color:var(--acid);display:block;margin-left:.28em}
.ink-interlude .eyebrow {margin-bottom:34px}
.ink-interlude-bottom {display:flex;justify-content:space-between;align-items:end;gap:24px}
.ink-interlude-bottom p {max-width:260px;font-size:13px;line-height:1.8}

/* Native horizontal rails are the baseline: touch, keyboard and no JS work. */
.hc-process {background:#dce1cb}
.hc-process .hc-heading {margin-bottom:42px}
.process-note {font-size:12px;color:#535b48;line-height:1.8;margin-top:24px;max-width:640px}
.paint-sequence {border-top:1px solid #919a80;padding:0}
.paint-sequence:last-of-type {border-bottom:1px solid #919a80}
.paint-sequence summary {list-style:none;cursor:pointer;display:flex;gap:25px;align-items:center;min-height:96px;padding:20px 0}
.paint-sequence summary::-webkit-details-marker {display:none}
.sequence-number {font-size:11px;color:#515c42}
.sequence-title {font-family:var(--font-display);font-size:clamp(34px,4vw,58px);letter-spacing:-.035em;line-height:1}
.sequence-count {font-size:11px;margin-left:auto;white-space:nowrap}
.sequence-plus {width:32px;height:32px;display:grid;place-items:center;font-size:26px;line-height:1;transition:rotate .3s}
.paint-sequence[open] .sequence-plus {rotate:45deg}
.process-rail {display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;list-style:none;padding:0;scrollbar-width:thin;scrollbar-color:#69745a transparent}
.process-rail>li {flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;min-width:0}
.process-rail .photo-link {height:clamp(330px,62svh,660px);display:flex;align-items:center;justify-content:center;background:#ced4bb;padding:18px}
.process-rail .hc-photo img {width:100%;height:100%;object-fit:contain}
.process-rail .hc-photo figcaption {font-size:12px;padding-bottom:12px}
.sequence-tools {padding:18px 0 26px;display:flex;align-items:center;gap:18px}
.sequence-tools button {height:46px;width:46px;flex-shrink:0;border:1px solid #7a8668;font-size:23px;line-height:1}
.sequence-tools button:hover {background:#bac5a6}
.sequence-tools button:disabled {cursor:default;opacity:.3}
.sequence-tools input {flex:1;min-width:40px;accent-color:#29391e;height:44px;cursor:ew-resize}
.sequence-status {font-size:12px;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}
.sequence-hint {font-size:11px;margin:8px 0 14px;color:#535b48}
.sequence-hint>span {margin-right:7px}

.hc-elsewhere {background:var(--art-paper)}
.hc-landscape {margin-bottom:65px}
.hc-landscape .photo-link img {aspect-ratio:1.8;object-fit:cover}
.hc-elsewhere-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 6%;align-items:center}
.hc-elsewhere-grid>.hc-photo:nth-child(2) {rotate:4deg;align-self:start;margin-top:35px}
.hc-elsewhere-grid>.hc-photo:nth-child(3) {rotate:-3deg}
.hc-elsewhere-grid>.hc-photo:nth-child(4) {grid-column:1/3;width:75%;justify-self:center;margin-top:25px}
.hc-elsewhere-grid>.hc-photo:nth-child(5) {align-self:end;margin-bottom:25px}
.hc-sheets {background:#e3dac7}
.hc-sheets-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:40px 30px}
.hc-sheets-grid .hc-photo:nth-child(4n+2) {margin-top:55px;rotate:3deg}
.hc-sheets-grid .hc-photo:nth-child(4n+3) {rotate:-3deg}
.hc-sheets summary {cursor:pointer;min-height:70px;border-block:1px solid #9d9787;padding:20px 0;font-size:14px;list-style-position:inside;margin-bottom:38px}
.hc-sheets summary>span {margin-left:14px}
.hc-finale {padding-block:85px;background:var(--art-night);color:var(--art-paper);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}
.hc-finale h2 {font-size:clamp(60px,6vw,95px);color:var(--acid)}
.hc-finale-links {display:flex;flex-direction:column;align-items:start;justify-self:end;gap:15px}
.hc-finale-links .text-link {border-bottom:1px solid #8a9381}
.hc-finale :focus-visible {outline-color:var(--acid)}

@media (min-width:1600px) {
  .intense.home-journal.art-digital .hero.ink-overture {padding-top:70px;min-height:930px}
  .art-digital .opening-portraits {max-width:500px}
}
@media (max-width:1000px) {
  .art-digital .header-location {display:none}
  .intense.home-journal.art-digital .hero-title {font-size:clamp(84px,11vw,135px)}
  .opening-scribble {left:-12%;bottom:4%;font-size:44px}
  .memory-door {gap:6%;padding-block:85px}
  .memory-door-images {min-height:425px}
  .hc-opening h1 {font-size:19vw}
}
@media (max-width:700px) {
  .intense.home-journal.art-digital .hero.ink-overture {min-height:0;padding:34px var(--gutter) 0;grid-template-columns:1fr;gap:0}
  .intense.home-journal.art-digital .hero-copy {padding:0;z-index:3}
  .art-digital .hero.ink-overture .eyebrow {margin-bottom:25px;font-size:10px;letter-spacing:.09em}
  .intense.home-journal.art-digital .hero-title {font-size:clamp(66px,17.6vw,111px);line-height:.87;max-width:none}
  .intense.home-journal.art-digital .hero-title .title-line:nth-child(2)>span {max-width:none}
  .intense.home-journal.art-digital .hero-description {font-size:13px;max-width:270px;margin:22px 0 16px}
  .intense.home-journal.art-digital .hero-copy>.text-link {font-size:12px;gap:28px}
  .art-digital .opening-portraits {width:68%;max-width:270px;margin:28px 0 20px auto;aspect-ratio:1.28;min-height:190px;align-self:auto}
  .opening-portrait--now {width:57%;left:1%;rotate:-9deg}
  .opening-portrait--now img {aspect-ratio:.9}
  .opening-portrait--then {width:48%;right:-2%;bottom:0;rotate:8deg}
  .opening-portrait--then img {aspect-ratio:.9}
  .opening-portrait {padding:4px 4px 19px}
  .opening-date {font-size:8px;left:5px;right:5px}
  .opening-mark {font-size:9px;right:-13px;top:0}
  .opening-scribble {font-size:34px;left:-42%;bottom:11%;max-width:120px;line-height:1.1}
  .overture-bottom {padding:17px 0 22px;display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:8px}
  .overture-bottom>p {font-size:10px;max-width:160px}
  .overture-bottom .film-tools {gap:9px;grid-column:1/-1;grid-row:2}
  .overture-bottom>.text-link {font-size:10px;gap:8px}
  .ink-atmosphere::after {background:linear-gradient(90deg,rgba(6,19,24,.69),rgba(6,19,24,.17)),linear-gradient(0deg,rgba(7,17,21,.85),transparent 55%)}
  .memory-door {grid-template-columns:1fr;padding-block:65px 75px;gap:36px}
  .memory-door-copy h2 {font-size:clamp(86px,23vw,128px);margin:28px 0 23px}
  .memory-door-copy p:not(.eyebrow) {max-width:310px;font-size:14px}
  .memory-door-images {min-height:380px;width:100%;max-width:470px;justify-self:center}
  .memory-door-hand {width:61%;left:2%;top:5px}
  .memory-door-drawing {width:44%;right:0;bottom:50px}
  .memory-door-word {font-size:45px;bottom:18px;left:3%}
  .hc-opening {padding-block:34px 50px}
  .hc-opening h1 {font-size:clamp(110px,28vw,170px);margin-top:20px;line-height:.81}
  .hc-opening h1 em {display:block;margin-left:.29em}
  .hc-opening-index {font-size:50px;margin-top:12px}
  .hc-opening-top>.eyebrow {max-width:220px}
  .hc-opening-intro {grid-template-columns:1fr;gap:20px;margin-top:30px;max-width:none}
  .hc-opening-intro p {font-size:14px;max-width:325px}
  .hc-opening-intro .hc-intro-aside {font-size:28px;max-width:260px;margin-left:auto}
  .hc-opening-spread {grid-template-columns:1fr 1fr;gap:8%;padding:25px 3% 10px;align-items:start}
  .hc-opening-spread .hc-photo:nth-child(1) {margin:20px 0 0;align-self:center}
  .hc-opening-spread .hc-photo:nth-child(2) {margin:0}
  .hc-opening-spread .hc-photo:nth-child(3) {width:65%;grid-column:1/-1;justify-self:center;margin-top:-8px;rotate:-5deg;z-index:3}
  .hc-photo figcaption {font-size:10px;gap:8px}
  .hc-chapters {grid-template-columns:1fr 1fr;padding-block:8px}
  .hc-chapters a {min-height:50px;font-size:12px;padding:8px 0;gap:13px}
  .hc-section {padding-block:65px}
  .hc-heading {grid-template-columns:1fr;gap:24px;margin-bottom:34px}
  .hc-heading .eyebrow {margin-bottom:0}
  .hc-heading h2 {font-size:clamp(58px,14vw,84px)}
  .hc-heading>p:last-child {font-size:14px;max-width:325px}
  .hc-reverie {height:1900px}
  .hc-memory-whisper {top:5%;left:51%;font-size:32px}
  .hc-memory--garden {left:-65%;top:-2%;width:160%;height:29%;rotate:-15deg}
  .hc-memory--ancestor {right:-64%;top:9%;width:134%;height:23%;rotate:12deg}
  .hc-memory--together {left:1%;top:26%;width:118%;height:24%;rotate:-17deg}
  .hc-memory--child {left:-60%;top:38%;width:120%;height:23%;rotate:11deg}
  .hc-memory--embrace {right:-53%;top:51%;width:140%;height:18%;rotate:17deg}
  .hc-memory--light {left:-31%;top:66%;width:106%;height:17%;rotate:-16deg}
  .hc-memory--glass {right:-51%;top:66%;width:126%;height:33%;rotate:8deg}
  .hc-memory--passing {left:-46%;top:79%;width:100%;height:16%}
  .hc-memory--profile {left:5%;top:88%;width:80%;height:12%}
  .hc-memory-afterword {left:10%;bottom:9%;font-size:35px}
  .hc-studio-spread {grid-template-columns:1fr;gap:36px;padding-inline:5px}
  .hc-studio-main {width:89%;justify-self:center}
  .hc-studio-side {grid-template-columns:1fr 1fr;gap:9%;align-items:start}
  .hc-studio-side>.hc-photo:nth-child(n) {width:100%;margin:0}
  .hc-studio-side>.hc-photo:nth-child(2) {margin-top:35px}
  .hc-studio-foot {margin:40px 0 0;grid-template-columns:1fr .8fr;gap:8%}
  .hc-writing {grid-template-columns:1fr;padding-block:65px 95px;gap:45px}
  .hc-writing-copy h2 {font-size:clamp(77px,20vw,110px)}
  .hc-writing-copy .eyebrow {margin-bottom:28px}
  .hc-writing-copy>p:last-child {margin-top:25px;max-width:270px}
  .hc-writing-spread {padding:0 9%}
  .ink-interlude {min-height:660px;min-height:85svh;padding:56px var(--gutter) 32px;gap:55px}
  .ink-interlude h2 {font-size:clamp(82px,22vw,132px)}
  .ink-interlude h2 em {margin-left:0}
  .ink-interlude-bottom {flex-direction:column;align-items:start;gap:25px}
  .ink-interlude-bottom p {font-size:13px;max-width:270px}
  .paint-sequence summary {gap:13px;min-height:84px}
  .sequence-title {font-size:35px}
  .sequence-plus {width:25px}
  .sequence-count {font-size:10px}
  .sequence-number {font-size:10px}
  .process-rail .photo-link {height:410px;height:clamp(290px,55svh,510px);padding:10px}
  .sequence-tools {gap:10px;padding-bottom:20px}
  .sequence-status {min-width:38px;font-size:11px}
  .hc-landscape {margin-inline:calc(var(--gutter) * -1);margin-bottom:40px}
  .hc-landscape .photo-link img {aspect-ratio:1.22;object-position:73% 50%}
  .hc-landscape figcaption {padding-inline:var(--gutter)}
  .hc-elsewhere-grid {grid-template-columns:1fr 1fr;gap:30px 9%}
  .hc-elsewhere-grid>.hc-photo:nth-child(n) {grid-column:auto;width:auto;margin:0}
  .hc-elsewhere-grid>.hc-photo:nth-child(2) {margin-top:30px}
  .hc-elsewhere-grid>.hc-photo:nth-child(4) {grid-column:1/-1;max-width:75%;justify-self:center;margin-top:20px}
  .hc-elsewhere-grid>.hc-photo:nth-child(5) {grid-column:1/-1;max-width:65%;justify-self:center}
  .hc-sheets-grid {grid-template-columns:1fr 1fr;gap:30px 8%}
  .hc-sheets-grid .hc-photo:nth-child(4n+2) {margin-top:25px}
  .hc-finale {padding-block:60px;grid-template-columns:1fr;gap:35px}
  .hc-finale h2 {font-size:66px}
  .hc-finale-links {justify-self:start}
}
@media (max-width:360px) {
  .intense.home-journal.art-digital .hero-title {font-size:61px}
  .hc-opening h1 {font-size:104px}
  .hc-heading h2 {font-size:55px}
  .ink-interlude h2 {font-size:77px}
  .memory-door-images {min-height:320px}
  .sequence-title {font-size:30px}
  .sequence-count {max-width:43px;white-space:normal}
}
@media (prefers-reduced-motion:reduce) {
  .ink-atmosphere .ink-plane,.ink-scene.is-deep .ink-plane {transform:none;scale:1;transition:none}
  .ink-atmosphere video,.opening-portrait {transition:none}
  .ink-depth {display:none!important}
  .process-rail {scroll-behavior:auto;scroll-snap-type:x proximity}
}
.motion-reduced .ink-atmosphere .ink-plane,.motion-reduced .ink-scene.is-deep .ink-plane {transform:none;scale:1;transition:none}
.motion-reduced .ink-atmosphere video,.motion-reduced .opening-portrait {transition:none}
.motion-reduced .ink-depth {display:none!important}
.motion-reduced .process-rail {scroll-behavior:auto;scroll-snap-type:x proximity}
@media print {
  .ink-atmosphere video,.film-tools,.sequence-tools {display:none!important}
  .ink-atmosphere .film-poster {visibility:visible!important}
  .process-rail {display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}
  .process-rail .photo-link {height:200px}
}