/* Pages, photographs and loose sheets from a painter's journal. */
:root{
  --sheet:#faf7ef;
  --ochre-paper:#e8d3a5;
  --tape:#dbceb3;
  --paper-shadow:0 5px 9px rgb(22 22 22 / .07),0 24px 40px -24px rgb(22 22 22 / .3);
}
.home-journal main,.journal-page main{overflow:clip}
.home-journal .site-header,.journal-page .site-header{gap:24px}
.home-journal .desktop-nav,.journal-page .desktop-nav{gap:22px}
.home-journal .header-location{font-size:9px}
.home-journal .hero,.journal-page main{background-image:url("../images/journal/paper-grain.svg");background-size:180px 180px}
.paper-edge{clip-path:polygon(0 .4%,6% 0,13% .5%,22% .1%,29% .7%,37% .2%,46% .6%,58% 0,70% .5%,79% 0,89% .7%,100% .2%,99.8% 19%,100% 38%,99.5% 57%,100% 72%,99.6% 87%,100% 99.4%,91% 100%,83% 99.5%,72% 100%,60% 99.4%,49% 100%,36% 99.6%,24% 100%,12% 99.3%,0 100%,.4% 84%,0 65%,.4% 48%,0 30%)}
.home-journal .hero{padding-top:70px;column-gap:7%;grid-template-columns:1fr 1fr;padding-bottom:8px}
.home-journal .hero-title{font-size:clamp(78px,8.3vw,150px);line-height:.9}
.home-journal .hero-title .title-line{overflow:visible}
.home-journal .hero-title .title-line:nth-child(2)>span{max-width:6em}
.home-journal .hero-title em{display:block;white-space:nowrap;font-size:1.07em}
.home-journal .hero-description{margin-top:28px;max-width:340px}
.home-journal .hero-art{margin:40px 30px 40px 15px}
.home-journal .hero-art-link{background:var(--sheet);padding:18px 18px 32px;box-shadow:var(--paper-shadow);z-index:1}
.home-journal .hero-art-link::before,.cover-photo::before,.scrap-spread .photo-link::before,.poster-sheet .photo-link::before,.door-traces .door-image::before{
  content:"";position:absolute;width:80px;height:26px;top:-12px;left:calc(50% - 40px);background:color-mix(in srgb,var(--tape) 70%,transparent);z-index:3;transform:rotate(-4deg);pointer-events:none;box-shadow:0 1px 1px rgb(22 22 22 / .05);clip-path:polygon(1% 0,100% 3%,98% 18%,100% 30%,99% 47%,100% 66%,98% 84%,100% 100%,0 97%,2% 70%,0 53%,2% 27%)}
.hero-scrap{position:absolute;z-index:2;bottom:-38px;left:-45px;width:28%;max-width:150px;display:block;transform:rotate(-13deg);background:var(--sheet);padding:8px 8px 18px;box-shadow:var(--paper-shadow);transition:transform .7s var(--ease)}
.hero-scrap:hover{transform:rotate(-7deg) translateY(-6px)}
.hero-scrap img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.hero-scrap>span{display:block;font-family:var(--font-display);font-size:16px;font-style:italic;line-height:1.2;margin-top:8px;text-align:center}
.hero-stamp{position:absolute;right:-24px;top:-62px;width:32%;background:var(--sheet);padding:8px 8px 20px;transform:rotate(10deg);box-shadow:var(--paper-shadow);transition:transform .7s var(--ease)}
.hero-stamp img{aspect-ratio:1.22;object-fit:cover}
.hero-stamp:hover{transform:translateY(-5px) rotate(5deg)}
.home-journal .hero-art figcaption{padding-left:28%;position:relative;z-index:3}
.home-journal .hero-art-aside{right:-22px;top:34%}
.home-journal .hero-bottom{margin-top:28px}
.home-journal .hero-footnote{margin-top:35px}
.journal-door{position:relative;background:var(--ink);color:var(--paper);padding-top:95px;padding-bottom:44px}
.journal-door::before{content:"";position:absolute;top:-7px;left:0;right:0;height:10px;background:var(--ink);clip-path:polygon(0 40%,4% 90%,8% 30%,12% 60%,17% 0,24% 70%,31% 20%,38% 60%,43% 0,52% 70%,61% 10%,66% 40%,74% 10%,83% 70%,91% 0,100% 60%,100% 100%,0 100%)}
.door-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:30px 12%}
.door-heading .eyebrow{grid-column:1/-1;color:var(--dark-muted)}
.door-heading h2{font-size:clamp(60px,6.7vw,106px)}
.door-heading>.journal-prose{align-self:end;color:var(--dark-muted);max-width:260px}
.door-board{display:grid;grid-template-columns:1fr 1fr 1.35fr .85fr;gap:clamp(18px,3vw,60px);padding-block:68px 66px;align-items:start}
.door-card{min-width:0;display:block;transform:rotate(var(--tilt,-3deg));transition:transform .65s var(--ease);position:relative}
.door-card:hover{transform:translateY(-12px) rotate(0deg)}
.door-image{background:var(--sheet);padding:8px;box-shadow:0 12px 25px rgb(0 0 0 / .18);position:relative}
.door-image img{height:clamp(180px,20vw,320px);width:100%;object-fit:cover}
.door-carnets{--tilt:-5deg}
.door-matieres{--tilt:4deg;margin-top:70px}
.door-matieres .door-image{padding:0}
.door-les-caves{--tilt:-2deg;margin-top:24px}
.door-les-caves .door-image{padding:10px 10px 20px}
.door-les-caves .door-image img{height:clamp(150px,17vw,260px)}
.door-traces{--tilt:7deg;margin-top:100px}
.door-traces .door-image img{object-position:center;aspect-ratio:604/1024;height:auto}
.door-caption{display:flex;gap:10px;align-items:baseline;margin-top:16px;font-size:10px}
.door-caption>span:last-child{margin-left:auto;font-size:20px;line-height:1}
.door-name{font-family:var(--font-display);font-size:clamp(22px,2.4vw,37px);letter-spacing:-.035em;line-height:1}
.door-number{color:var(--dark-muted);font-size:9px}
.door-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--dark-line);padding-top:24px}
.door-footer>p{font-family:var(--font-display);font-size:25px;font-style:italic;color:var(--dark-muted)}
.journal-door :focus-visible{outline-color:var(--paper)}
.matter-journal-link{color:var(--paper);margin-top:22px;border-bottom:1px solid var(--dark-line)}

/* Shared language for the five journal pages. */
.folio-line{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:21px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}
.folio-line nav{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.folio-line a{display:inline-flex;align-items:center;min-height:44px}
.folio-line .text-link{font-size:10px;gap:16px}
.folio-line svg{width:16px;height:16px;transform:rotate(180deg)}
.folio-line>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.chapter-opening{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-top:65px;padding-bottom:95px;position:relative}
.opening-copy{position:relative;z-index:2}
.opening-copy .eyebrow,.cover-copy .eyebrow{margin-bottom:34px;color:var(--accent)}
.chapter-opening h1,.journal-cover-opening h1{font-size:clamp(76px,8.5vw,152px);line-height:.94}
.chapter-opening h1 em,.journal-cover-opening h1 em{color:var(--accent)}
.journal-lead{font-size:15px;line-height:1.9;max-width:385px;margin-top:32px;color:var(--muted)}
.opening-copy .text-link,.cover-copy .text-link{margin-top:18px;border-bottom:1px solid var(--line)}
.journal-prose{font-size:13px;line-height:1.9;max-width:365px;color:var(--muted)}
.journal-section{padding-block:100px}
.journal-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:28px 10%;margin-bottom:70px}
.journal-heading>.eyebrow{grid-column:1/-1}
.journal-heading>.journal-prose{align-self:end}
.journal-heading h2{font-size:clamp(56px,6.2vw,98px)}
.journal-heading h2 em{color:var(--accent)}
.archive-photo{min-width:0;position:relative}
.photo-link{display:block;position:relative}
.archive-photo img{width:100%;height:auto}
.archive-photo figcaption{display:flex;gap:16px;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:13px;line-height:1.5}
.archive-photo figcaption>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.photo-enlarge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:var(--sheet);color:var(--ink);font-size:20px;opacity:0;transform:translateY(4px);transition:transform .4s var(--ease),opacity .3s}
.photo-link:hover .photo-enlarge,.photo-link:focus-visible .photo-enlarge{opacity:1;transform:none}
.notebook-cover{position:relative;padding:22px 16% 0 0}
.opening-figure{transform:rotate(6deg)}
.opening-figure .photo-link{padding:13px;background:var(--sheet);box-shadow:var(--paper-shadow)}
.word-fragment{position:absolute;bottom:40px;right:-8px;width:31%;background:var(--ochre-paper);transform:rotate(-8deg);box-shadow:var(--paper-shadow);padding:4px}
.word-fragment img{aspect-ratio:.8;object-fit:cover}
.scrap-spread{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:55px 11%;padding-inline:3%;padding-bottom:55px}
.scrap-spread .archive-photo{transform:rotate(-3deg)}
.scrap-spread>div:nth-child(2n){padding-top:115px}
.scrap-spread>div:nth-child(2n) .archive-photo{transform:rotate(3deg)}
.scrap-spread>div:nth-child(4n+3){width:82%;justify-self:end}
.scrap-spread .photo-link{padding:14px 14px 30px;background:var(--sheet);box-shadow:var(--paper-shadow)}
.scrap-spread .photo-link img{max-height:750px;object-fit:contain}
.scrap-spread>div:nth-child(4n+3) .photo-link::before{left:14%;transform:rotate(-32deg)}
.scrap-spread>div:nth-child(4n) .photo-link::before{left:auto;right:10px;transform:rotate(32deg)}
.ochre-pages{background:var(--ochre-paper);position:relative}
.ochre-pages .scrap-spread .photo-link{background:var(--sheet)}
.ochre-pages .archive-photo figcaption,.colour-pages .archive-photo figcaption{color:var(--ink)}
.final-sheets{grid-template-columns:1.45fr .75fr;align-items:center}
.final-sheets>div:nth-child(2n){padding-top:90px}
.journal-film{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding-block:100px;align-items:center;position:relative}
.film-copy h2{font-size:clamp(58px,6vw,100px);margin-top:35px}
.film-copy .journal-prose{color:var(--dark-muted);margin-top:28px;max-width:320px}
.film-copy>.eyebrow{color:var(--dark-muted)}
.film-controls{display:flex;gap:18px;align-items:center;margin-top:36px;padding-top:20px;border-top:1px solid var(--dark-line)}
.journal-film .film-toggle{font-size:12px;transition:border-color .25s}
.film-silent{font-size:10px;color:var(--dark-muted)}
.journal-film .film-frame{position:relative;display:grid;max-height:calc(100svh - var(--header-h) - 50px);max-width:100%;justify-self:center;min-height:0;overflow:hidden}
.journal-film .film-frame .film-poster{height:100%;width:100%;max-height:calc(100svh - var(--header-h) - 50px);object-fit:contain}
.film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease}
.film-frame.has-film video{opacity:1}
.film-frame.has-film .film-poster{visibility:hidden}
.journal-film .film-message{margin-top:16px;font-size:11px;max-width:300px}
.journal-film :focus-visible{outline-color:var(--paper)}
.journal-film#film-02{grid-template-columns:1fr 1fr;background:var(--canvas);color:var(--ink)}
.journal-film#film-02 .film-copy>.eyebrow,.journal-film#film-02 .journal-prose,.journal-film#film-02 .film-silent,.journal-film#film-02 .film-message{color:var(--muted)}
.journal-film#film-02 .film-controls{border-color:var(--line)}
.journal-film#film-02 .film-toggle{border-color:var(--muted)}
.journal-film#film-02 .film-toggle:hover{background:var(--ink);color:var(--paper)}
.journal-film#film-02 :focus-visible{outline-color:var(--accent)}
.paint-opening{padding-bottom:120px}
.opening-paint{width:79%;justify-self:center;transform:rotate(5deg);box-shadow:var(--paper-shadow)}
.opening-paint figcaption{background:var(--paper);margin:0;padding-top:14px;position:relative;top:1px}
.paint-spread{display:grid;grid-template-columns:1.2fr .8fr;gap:65px 9%;align-items:start}
.paint-spread>div:nth-child(even){padding-top:120px}
.paint-spread>div:nth-child(3){width:80%;justify-self:end}
.paint-spread .photo-link{box-shadow:var(--paper-shadow)}
.paint-spread .archive-photo{transform:rotate(-1deg)}
.paint-spread>div:nth-child(even) .archive-photo{transform:rotate(2deg)}
.night-paint{background:var(--ink);color:var(--paper);padding-block:100px;display:grid;grid-template-columns:.65fr 1.35fr;column-gap:6%;align-items:center}
.night-paint .journal-heading{display:block;margin:0}
.night-paint .journal-heading .eyebrow{margin-bottom:30px;color:var(--dark-muted)}
.night-paint .journal-heading h2{font-size:clamp(62px,6.5vw,104px)}
.night-paint .journal-heading h2 em{color:var(--paper)}
.night-paint .text-link{grid-column:2;justify-self:end;margin-top:24px;border-bottom:1px solid var(--dark-line)}
.night-paint figcaption{color:var(--dark-muted)}
.night-paint .photo-link{outline:1px solid var(--dark-line)}
.colour-pages{background:var(--ochre-paper)}
.colour-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 35px;padding-bottom:70px;align-items:start}
.colour-wall>div:nth-child(3n+2){padding-top:70px}
.colour-wall>div:nth-child(3n){padding-top:25px}
.colour-wall>div:nth-child(3n+1) .archive-photo{transform:rotate(-3deg)}
.colour-wall>div:nth-child(3n+2) .archive-photo{transform:rotate(3deg)}
.colour-wall .photo-link{box-shadow:var(--paper-shadow)}
.colour-wall .archive-photo img{aspect-ratio:1;object-fit:contain;background:color-mix(in srgb,var(--paper) 40%,transparent)}
.paint-signs .colour-wall .archive-photo img{aspect-ratio:auto}
.quiet-pages{padding-bottom:70px}
.horizon-page{background:var(--canvas);padding-block:110px;display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center}
.horizon-page .archive-photo{transform:rotate(-3deg);padding:14px;background:var(--sheet);box-shadow:var(--paper-shadow)}
.horizon-page h2{font-size:clamp(62px,6vw,110px)}

/* The cellar chapter changes the room, not the photographs. */
.chapter-les-caves{background:var(--ink);color:var(--paper)}
.chapter-les-caves .site-header{background:color-mix(in srgb,var(--ink) 96%,transparent);border-color:var(--dark-line)}
.chapter-les-caves .header-tools{border-color:var(--dark-line)}
.chapter-les-caves .header-tools button:hover{background:var(--dark-line)}
.chapter-les-caves .header-location,.chapter-les-caves .folio-line,.chapter-les-caves .journal-prose,.chapter-les-caves .journal-lead{color:var(--dark-muted)}
.chapter-les-caves .folio-line{border-color:var(--dark-line)}
.chapter-les-caves .archive-photo figcaption{color:var(--dark-muted)}
.chapter-les-caves :focus-visible{outline-color:var(--paper)}
.caves-opening{position:relative;min-height:min(870px,95svh);display:flex;align-items:end;background:var(--ink)}
.caves-hero-image{position:absolute;inset:0}
.caves-hero-image .archive-photo,.caves-hero-image .photo-link{height:100%}
.caves-hero-image img{height:100%;width:100%;object-fit:cover;object-position:center 46%}
.caves-hero-image .photo-link::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0 / .7),transparent 60%);pointer-events:none}
.caves-hero-image figcaption{display:none}
.caves-title{position:relative;z-index:1;pointer-events:none;padding:55px var(--gutter);width:100%}
.caves-title .eyebrow{margin-bottom:30px}
.caves-title h1{font-size:clamp(94px,11vw,180px);line-height:.85}
.caves-title .caves-credit{font-size:10px;margin-top:32px}
.caves-hero-image .photo-enlarge{opacity:1;right:var(--gutter);bottom:55px;z-index:3}
.caves-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding-block:125px}
.caves-story .eyebrow{margin-bottom:32px}
.caves-story h2{font-size:clamp(56px,6vw,100px)}
.caves-story .journal-prose{margin-top:24px}
.caves-story .text-link{margin-top:20px;border-bottom:1px solid var(--dark-line);gap:18px}
.caves-story>.archive-photo{transform:rotate(2deg)}
.caves-silence{padding-top:20px;padding-bottom:50px}
.caves-silence>.archive-photo{max-width:1200px;margin:auto}
.absence-note{display:flex;gap:8%;justify-content:space-between;align-items:end;margin-block:70px 50px}
.absence-note h2{font-size:clamp(58px,6.5vw,106px)}
.absence-note .journal-prose{max-width:300px;padding-bottom:6px}
.caves-passage{padding-block:40px 110px;position:relative}
.caves-passage>.archive-photo{width:82%;margin-left:auto;transform:rotate(-1deg)}
.passage-note{font-family:var(--font-display);font-style:italic;font-size:clamp(38px,4vw,62px);padding-top:30px}
.homage{background:var(--paper);color:var(--ink);padding-block:100px;background-image:url("../images/journal/paper-grain.svg");margin-block:0 70px}
.homage-note{max-width:700px;margin:auto}
.homage-note .eyebrow{color:var(--accent);margin-bottom:35px}
.homage-note h2{font-size:clamp(67px,7vw,110px)}
.homage .journal-lead{color:var(--muted);font-size:19px;max-width:530px}
.homage-credit{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);margin-top:45px;padding-top:23px;font-size:11px}
.homage-credit>span{color:var(--muted);font-size:10px}
.homage-credit strong{font-size:15px;font-weight:500}
.chapter-les-caves .journal-related{border-color:var(--dark-line)}
.chapter-les-caves .journal-related .eyebrow{color:var(--dark-muted)}
.chapter-les-caves .chapter-turn,.chapter-les-caves .site-footer{background:var(--ink);color:var(--paper);border-color:var(--dark-line)}
.chapter-les-caves .turn-links,.chapter-les-caves .turn-links a:first-child{border-color:var(--dark-line)}
.chapter-les-caves .turn-direction,.chapter-les-caves .site-footer>span{color:var(--dark-muted)}
.chapter-les-caves .turn-links a:hover{background:var(--dark-line)}

/* A poster, two photographs and a few things kept. */
.traces-opening{padding-top:80px;padding-bottom:120px;grid-template-columns:.75fr 1.25fr;gap:9%}
.traces-opening h1{font-size:clamp(85px,10.5vw,172px)}
.traces-collage{position:relative;padding:10px 3% 50px 0}
.studio-memory{transform:rotate(-4deg);padding:15px 15px 32px;background:var(--sheet);box-shadow:var(--paper-shadow)}
.studio-memory img{aspect-ratio:1.24;object-fit:cover;object-position:42% center}
.mirror-memory{position:absolute;right:-5px;bottom:-35px;width:150px;transform:rotate(12deg);background:var(--sheet);padding:7px 7px 17px;box-shadow:var(--paper-shadow)}
.exhibition-page{display:grid;grid-template-columns:1fr .8fr;gap:14%;align-items:center;background:var(--canvas);background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,color-mix(in srgb,var(--muted) 9%,transparent) 35px,color-mix(in srgb,var(--muted) 9%,transparent) 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,color-mix(in srgb,var(--muted) 9%,transparent) 35px,color-mix(in srgb,var(--muted) 9%,transparent) 36px)}
.poster-sheet{padding-left:7%}
.poster-sheet .archive-photo{transform:rotate(-5deg)}
.poster-sheet .photo-link{box-shadow:var(--paper-shadow)}
.poster-sheet .photo-link::before{width:110px;height:32px;left:calc(50% - 55px);top:-15px}
.exhibition-copy h2{font-size:clamp(140px,17vw,270px);letter-spacing:-.08em;position:relative;margin-top:30px;display:inline-block}
.date-rule{position:absolute;height:4px;bottom:5%;left:0;right:-7%;background:var(--accent);transform:rotate(-6deg)}
.exhibition-copy h3{font-size:clamp(38px,4vw,60px);margin-top:40px}
.exhibition-names{font-size:15px;line-height:1.8;margin-block:25px}
.exhibition-date{font-size:12px;color:var(--accent);font-weight:500}
.exhibition-copy .journal-prose{font-size:12px;margin-top:12px}
.exhibition-copy .text-link{margin-top:23px}
.personal-traces .journal-heading{margin-bottom:65px}
.memory-spread{display:grid;grid-template-columns:1fr 1fr;gap:17%;align-items:center;padding-inline:10%}
.hand-memory{transform:rotate(-5deg);padding:12px 12px 25px;background:var(--sheet);box-shadow:var(--paper-shadow)}
.window-memory{transform:rotate(6deg);max-width:280px;padding:10px 10px 22px;background:var(--sheet);box-shadow:var(--paper-shadow)}
.margin-note{font-family:var(--font-display);font-size:clamp(33px,3.5vw,50px);font-style:italic;line-height:1.1;transform:rotate(-3deg);margin-top:55px;color:var(--accent)}

/* Journal cover and index. */
.journal-cover-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:85px;padding-bottom:75px;align-items:center;min-height:660px}
.cover-copy h1{font-size:clamp(85px,9.6vw,166px);line-height:.94}
.cover-collage{height:510px;position:relative;margin-right:20px}
.cover-photo{position:absolute;display:block;background:var(--sheet);padding:9px 9px 24px;box-shadow:var(--paper-shadow);transition:transform .7s var(--ease)}
.cover-photo:hover{z-index:6;transform:rotate(0deg) translateY(-10px)}
.cover-atelier{width:77%;left:0;top:35px;transform:rotate(-7deg);z-index:1}
.cover-atelier img{aspect-ratio:1.17;object-fit:cover;object-position:center}
.cover-encre{width:43%;right:-4%;top:-20px;transform:rotate(9deg);z-index:2}
.cover-encre img{aspect-ratio:.73;object-fit:cover}
.cover-paint{width:48%;left:6%;bottom:0;transform:rotate(-5deg);z-index:3;padding:0}
.cover-paint img{aspect-ratio:1;object-fit:cover}
.cover-paint::before{display:none}
.cover-poster{width:26%;right:4%;bottom:-9px;transform:rotate(12deg);z-index:4;padding:4px}
.cover-poster::before{width:50px;left:calc(50% - 25px);height:16px;top:-6px}
.reading-note{padding-top:5px;padding-bottom:55px;display:flex;justify-content:end}
.reading-note>p{font-family:var(--font-display);font-size:32px;font-style:italic;line-height:1.1;transform:rotate(-5deg);margin-right:9%;color:var(--accent)}
.chapter-index{padding-top:20px;padding-bottom:100px}
.index-entry{display:grid;grid-template-columns:60px 1fr 1fr;gap:7%;align-items:center;position:relative;padding-block:65px;border-top:1px solid var(--line)}
.entry-number{align-self:start;font-family:var(--font-display);font-size:33px;font-style:italic;color:var(--accent)}
.entry-copy h2{font-size:clamp(58px,6.5vw,100px)}
.entry-copy .journal-prose{margin-block:22px 15px;max-width:260px}
.entry-copy .text-link{border-bottom:1px solid var(--line)}
.entry-image{height:300px;width:88%;position:relative;justify-self:center;transform:rotate(3deg);box-shadow:var(--paper-shadow);transition:transform .7s var(--ease)}
.entry-image:hover{transform:rotate(0deg) translateY(-5px)}
.entry-image img{width:100%;height:100%;object-fit:cover}
.index-carnets .entry-image{padding:10px;background:var(--sheet);transform:rotate(-4deg);max-width:350px;height:340px}
.index-matieres .entry-image{max-width:340px}
.index-les-caves .entry-image{width:100%;height:280px;transform:rotate(-2deg)}
.index-traces .entry-image{max-width:225px;height:355px;padding:10px 10px 24px;background:var(--sheet);transform:rotate(6deg)}
.entry-corner{position:absolute;right:10px;bottom:10px;width:42px;height:42px;display:grid;place-items:center;background:var(--paper);font-size:24px;color:var(--ink)}
.journal-related{padding-block:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}
.journal-related .eyebrow{color:var(--muted)}
.journal-related h2{font-size:clamp(35px,4vw,64px)}
.journal-related .text-link{max-width:440px}
.chapter-turn{padding-block:65px 70px;background:var(--canvas)}
.turn-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.turn-heading h2{font-size:clamp(38px,4.5vw,72px)}
.turn-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.turn-links a{display:block;padding:30px 0;transition:background .3s}
.turn-links a:first-child{border-right:1px solid var(--line);padding-right:24px}
.turn-links a:last-child{text-align:right;padding-left:24px}
.turn-links a:hover{background:color-mix(in srgb,var(--sheet) 60%,transparent)}
.turn-direction{display:block;font-size:10px;color:var(--muted);margin-bottom:18px}
.turn-title{font-family:var(--font-display);font-size:clamp(50px,6vw,95px);letter-spacing:-.05em;line-height:.96}
.archive-viewer .archive-stage>img{width:auto;height:auto;max-width:100%;max-height:100%}
.archive-viewer .archive-stage.is-zoomed>img{width:200%;height:200%;max-width:none;max-height:none;object-fit:contain}
.archive-viewer .viewer-details h2{font-size:30px;line-height:1.15}
.archive-viewer .viewer-details p{font-size:11px;line-height:1.6;color:var(--dark-muted);margin-top:5px;max-width:700px}
#archive-counter{font-size:11px;white-space:nowrap}
.archive-copy-fallback{position:absolute;top:70px;right:var(--viewer-pad);left:var(--viewer-pad);padding:18px;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:15px;z-index:5}
.archive-copy-fallback label{font-size:11px;white-space:nowrap}
.archive-copy-fallback input{min-width:0;width:100%;padding:8px;font-size:12px;border:1px solid var(--line);background:var(--sheet)}
.archive-message{pointer-events:none}
html.journal-ready:not(.motion-reduced) .paper-reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
html.journal-ready:not(.motion-reduced) .paper-reveal.is-visible{opacity:1;transform:none}
html.journal-ready:not(.motion-reduced) .journal-cover-opening .cover-photo{animation:paper-arrival 1.2s var(--ease) both}
html.journal-ready:not(.motion-reduced) .cover-encre{animation-delay:.12s}
html.journal-ready:not(.motion-reduced) .cover-paint{animation-delay:.24s}
html.journal-ready:not(.motion-reduced) .cover-poster{animation-delay:.36s}
@keyframes paper-arrival{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}

@media(min-width:1700px){
  .journal-page{--gutter:max(88px,calc((100vw - 1600px)/2))}
}
@media(max-width:1100px){
  .home-journal .header-location,.journal-page .header-location{display:none}
  .journal-page .site-header,.home-journal .site-header{gap:20px}
  .home-journal .hero-art{margin-right:15px;margin-left:5px}
  .home-journal .hero-title{font-size:9vw}
  .cover-collage{height:410px}
  .journal-cover-opening{min-height:570px}
  .journal-cover-opening h1{font-size:10vw}
  .chapter-opening h1{font-size:9vw}
  .opening-copy .eyebrow{font-size:10px}
  .journal-film{gap:5%;padding-block:80px}
  .index-entry{grid-template-columns:35px 1fr 1fr;gap:4%}
}
@media(max-width:700px){
  .home-journal .hero{padding-top:36px;gap:0}
  .home-journal .hero-title{font-size:clamp(69px,17vw,110px);line-height:.89}
  .home-journal .hero-title .title-line:nth-child(2)>span{max-width:none}
  .home-journal .hero-title em{font-size:1em}
  .home-journal .hero-description{margin-top:18px;font-size:13px;max-width:300px}
  .home-journal .hero-art{width:calc(100% - 26px);margin:74px 5px 24px 12px;max-width:450px}
  .home-journal .hero-art-link{padding:11px 11px 22px}
  .hero-scrap{left:-20px;bottom:-22px;width:27%;padding:6px 6px 14px;transform:rotate(-11deg)}
  .hero-scrap>span{font-size:12px;margin-top:5px}
  .hero-stamp{right:-10px;top:-43px;width:30%;padding:6px 6px 15px}
  .home-journal .hero-art figcaption{padding-left:29%;gap:8px}
  .home-journal .hero-art-aside{right:-16px}
  .home-journal .hero-bottom{margin-top:15px}
  .journal-door{padding-top:58px;padding-bottom:28px}
  .door-heading{display:block}
  .door-heading .eyebrow{margin-bottom:27px}
  .door-heading h2{font-size:clamp(51px,11.7vw,80px)}
  .door-heading .journal-prose{max-width:250px;margin-top:22px;font-size:13px}
  .door-board{grid-template-columns:1fr 1fr;gap:30px 24px;padding:42px 5px 35px}
  .door-image{padding:5px}
  .door-image img{height:180px}
  .door-card{max-width:240px}
  .door-matieres{margin-top:37px}
  .door-les-caves{margin-top:12px}
  .door-les-caves .door-image{padding:6px 6px 12px}
  .door-les-caves .door-image img{height:150px;object-position:56% center}
  .door-traces{margin-top:48px;width:88%;justify-self:end}
  .door-traces .door-image img{height:210px;object-fit:cover}
  .door-caption{gap:7px;margin-top:13px}
  .door-name{font-size:26px}
  .door-number{font-size:8px}
  .door-footer{display:block;padding-top:21px}
  .door-footer>p{font-size:22px;max-width:260px;line-height:1.25;margin-bottom:13px}
  .matter-journal-link{display:none}
  .folio-line{padding-block:8px;font-size:9px;gap:12px}
  .folio-line nav{gap:9px}
  .folio-line .text-link{font-size:9px}
  .chapter-opening{display:flex;flex-direction:column;align-items:stretch;padding-top:36px;padding-bottom:60px;gap:36px}
  .chapter-opening h1{font-size:clamp(66px,16vw,106px);line-height:.94}
  .opening-copy .eyebrow,.cover-copy .eyebrow{margin-bottom:24px;font-size:10px}
  .journal-lead{font-size:14px;line-height:1.8;margin-top:23px;max-width:370px}
  .opening-copy .text-link,.cover-copy .text-link{margin-top:15px;font-size:11px}
  .notebook-cover{width:90%;margin:0 auto;padding-right:16%;padding-top:10px}
  .notebook-cover .opening-figure{width:100%}
  .opening-figure .photo-link{padding:9px}
  .word-fragment{right:-4px;bottom:25px;width:29%}
  .journal-section{padding-block:55px}
  .journal-heading{display:block;margin-bottom:43px}
  .journal-heading .eyebrow{margin-bottom:23px;font-size:10px}
  .journal-heading h2{font-size:clamp(51px,11.5vw,78px)}
  .journal-heading .journal-prose{margin-top:23px}
  .scrap-spread{gap:24px 25px;padding-inline:3px;padding-bottom:25px}
  .scrap-spread>div:nth-child(2n){padding-top:55px}
  .scrap-spread>div:nth-child(4n+3){width:90%;justify-self:end}
  .scrap-spread .photo-link{padding:7px 7px 16px}
  .scrap-spread .photo-link::before{width:45px;height:17px;left:calc(50% - 22px);top:-8px}
  .archive-photo figcaption{font-size:9px;margin-top:10px;gap:7px}
  .photo-enlarge{width:28px;height:28px;font-size:16px;right:6px;bottom:6px}
  .final-sheets{grid-template-columns:1fr}
  .final-sheets>div:first-child{width:94%;justify-self:center}
  .final-sheets>div:nth-child(2n){width:66%;justify-self:end;padding-top:22px}
  .journal-film,.journal-film#film-02{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-block:55px}
  .journal-film .film-copy{display:contents}
  .journal-film .film-copy>.eyebrow{order:0}
  .journal-film .film-copy h2{order:0;margin-top:-5px}
  .journal-film .film-copy .journal-prose{order:0;margin-top:-7px}
  .journal-film .film-copy .film-controls{order:2;margin-top:-8px}
  .journal-film .film-copy .film-message{order:3;margin-top:-10px}
  .film-copy h2{font-size:clamp(53px,12vw,77px);margin-top:25px}
  .film-copy .journal-prose{font-size:13px;margin-top:23px;max-width:350px}
  .film-controls{margin-top:25px;padding-top:17px}
  .journal-film .film-frame{align-self:center;width:100%;max-height:60svh;order:1}
  .journal-film .film-frame .film-poster{max-height:60svh}
  .journal-film#film-02 .film-frame{width:90%}
  .paint-opening{gap:48px;padding-bottom:65px}
  .opening-paint{width:79%;margin:auto;align-self:center}
  .paint-spread{grid-template-columns:1fr 1fr;gap:36px 23px}
  .paint-spread>div:nth-child(even){padding-top:68px}
  .paint-spread>div:nth-child(3){width:95%}
  .night-paint{display:flex;flex-direction:column;align-items:stretch;padding-block:56px;gap:35px}
  .night-paint .journal-heading h2{font-size:63px}
  .night-paint .text-link{align-self:start;margin-top:0;font-size:11px}
  .night-canvas{width:100%}
  .colour-wall{grid-template-columns:1fr 1fr;gap:31px 23px;padding-bottom:27px}
  .colour-wall>div:nth-child(3n+2),.colour-wall>div:nth-child(3n){padding-top:0}
  .colour-wall>div:nth-child(even){padding-top:43px}
  .paint-signs .colour-wall>div:last-child{width:78%;justify-self:end;grid-column:1/-1;max-width:280px}
  .paint-signs .colour-wall>div:last-child img{max-height:400px;object-fit:contain}
  .horizon-page{display:flex;flex-direction:column;align-items:stretch;gap:43px;padding-block:65px}
  .horizon-page .archive-photo{padding:9px;width:90%;align-self:center}
  .horizon-page h2{font-size:62px}
  .caves-opening{min-height:calc(88svh - 72px)}
  .caves-hero-image img{object-position:44% center}
  .caves-title{padding:35px var(--gutter)}
  .caves-title .eyebrow{font-size:9px;letter-spacing:.045em;margin-bottom:22px;max-width:270px;line-height:1.6}
  .caves-title h1{font-size:clamp(68px,17vw,106px);line-height:.91}
  .caves-title .caves-credit{font-size:9px;margin-top:25px}
  .caves-hero-image .photo-enlarge{bottom:30px;right:var(--gutter)}
  .caves-story{display:flex;flex-direction:column;gap:40px;padding-block:60px}
  .caves-story h2{font-size:clamp(55px,13vw,79px)}
  .caves-story>.archive-photo{width:98%}
  .caves-story .journal-lead{font-size:15px}
  .caves-story .text-link{font-size:11px}
  .caves-silence{padding-top:0;padding-bottom:0}
  .absence-note{display:block;margin-block:46px 35px}
  .absence-note h2{font-size:clamp(50px,11.5vw,76px)}
  .absence-note .journal-prose{margin-top:25px;font-size:13px}
  .caves-passage{padding-top:20px;padding-bottom:65px}
  .caves-passage>.archive-photo{width:96%}
  .passage-note{font-size:38px;padding-top:24px}
  .homage{padding-block:65px;margin-bottom:25px}
  .homage-note .eyebrow{font-size:9px;margin-bottom:26px}
  .homage-note h2{font-size:clamp(54px,13.7vw,86px)}
  .homage .journal-lead{font-size:17px;line-height:1.7}
  .homage-credit{margin-top:32px;padding-top:22px}
  .traces-opening{padding-top:36px;padding-bottom:75px;gap:48px}
  .traces-opening h1{font-size:clamp(83px,20vw,130px)}
  .traces-collage{padding-bottom:40px;padding-inline:5px 9%;width:100%}
  .studio-memory{padding:9px 9px 21px}
  .mirror-memory{width:100px;right:0;bottom:-15px;padding:5px 5px 12px;transform:rotate(9deg)}
  .exhibition-page{display:flex;flex-direction:column;align-items:stretch;gap:42px;padding-top:65px}
  .poster-sheet{padding-left:0;width:76%;align-self:center}
  .exhibition-copy{padding-inline:5%}
  .exhibition-copy h2{font-size:150px;margin-top:20px}
  .exhibition-copy h3{font-size:42px;margin-top:27px}
  .exhibition-names{font-size:15px;margin-block:22px}
  .exhibition-copy .text-link{font-size:11px}
  .memory-spread{padding-inline:5px;gap:25px;align-items:start;grid-template-columns:1fr .7fr}
  .hand-memory{padding:7px 7px 15px}
  .window-note{padding-top:78px}
  .window-memory{padding:6px 6px 15px}
  .margin-note{font-size:28px;margin-top:36px}
  .journal-cover-opening{display:flex;flex-direction:column;align-items:stretch;gap:56px;padding-top:35px;padding-bottom:20px;min-height:0}
  .journal-cover-opening h1{font-size:clamp(76px,18.2vw,122px)}
  .cover-collage{height:350px;max-width:440px;width:94%;align-self:center;margin:0}
  .cover-atelier{top:22px;left:0;width:77%}
  .cover-encre{top:0;right:0;width:41%}
  .cover-paint{left:9%;bottom:12px;width:47%}
  .cover-poster{right:8%;bottom:2px;width:25%}
  .cover-photo{padding:6px 6px 16px}
  .cover-paint{padding:0}
  .cover-poster{padding:4px}
  .cover-photo::before{width:55px;height:18px;left:calc(50% - 27px);top:-9px}
  .reading-note{padding-block:20px 40px;justify-content:start}
  .reading-note>p{font-size:27px;margin-left:11%}
  .chapter-index{padding-top:0;padding-bottom:40px}
  .index-entry{grid-template-columns:1fr 1fr;gap:14px 20px;padding-block:37px}
  .entry-number{font-size:25px;grid-column:1/-1}
  .entry-copy{position:relative;z-index:2}
  .entry-copy h2{font-size:clamp(41px,10vw,63px);line-height:.94}
  .entry-copy .journal-prose{font-size:11px;line-height:1.7;margin-block:17px 10px}
  .entry-copy .text-link{font-size:10px;gap:8px;line-height:1.5}
  .entry-copy .text-link svg{width:15px;height:15px}
  .entry-image,.index-carnets .entry-image,.index-matieres .entry-image{height:200px;width:96%}
  .index-carnets .entry-image{padding:6px}
  .index-les-caves .entry-image{height:180px}
  .index-traces .entry-image{height:225px;width:90%;padding:6px 6px 17px}
  .entry-corner{width:30px;height:30px;font-size:18px;right:7px;bottom:7px}
  .journal-related{padding-block:30px;display:block}
  .journal-related .text-link{margin-top:14px;font-size:11px;gap:16px}
  .journal-related h2{font-size:43px}
  .journal-related .eyebrow{font-size:10px}
  .chapter-turn{padding-block:36px 42px}
  .turn-heading{display:block;margin-bottom:22px}
  .turn-heading h2{font-size:43px;max-width:250px}
  .turn-heading>.text-link{margin-top:10px;font-size:11px}
  .turn-links a{padding-block:26px}
  .turn-links a:first-child{padding-right:14px}
  .turn-links a:last-child{padding-left:14px}
  .turn-direction{font-size:9px;margin-bottom:15px}
  .turn-title{font-size:clamp(36px,8.9vw,56px)}
  .archive-viewer .viewer-details h2{font-size:26px}
  .archive-viewer .viewer-details p{font-size:10px;line-height:1.6}
  .archive-copy>span{display:none}
  .archive-copy-fallback{flex-wrap:wrap;padding:12px;gap:10px;top:65px}
  .archive-copy-fallback label{width:calc(100% - 50px)}
  .archive-copy-fallback .archive-link-close{position:absolute;right:0;top:0}
  .archive-copy-fallback input{width:100%;flex-basis:100%;font-size:16px}
  .archive-zoom{font-size:10px;gap:8px}
}
@media(max-width:360px){
  .home-journal .hero-title{font-size:66px}
  .door-board{column-gap:22px}
  .door-name{font-size:23px}
  .door-caption{gap:5px}
  .door-image img{height:155px}
  .door-les-caves .door-image img{height:128px}
  .door-traces .door-image img{height:180px}
  .cover-collage{height:295px}
  .journal-cover-opening h1{font-size:69px}
  .chapter-opening h1{font-size:61px}
  .folio-line nav{gap:7px;font-size:8px}
  .entry-copy h2{font-size:37px}
  .entry-image,.index-carnets .entry-image,.index-matieres .entry-image{height:175px}
  .index-les-caves .entry-image{height:150px}
  .index-traces .entry-image{height:190px}
  .margin-note{font-size:25px}
  .scrap-spread{gap:22px 21px}
  .archive-viewer .viewer-details h2{font-size:23px}
}
@media(max-height:600px){
  .journal-film .film-frame,.journal-film .film-frame .film-poster{max-height:500px}
  .caves-opening{min-height:560px}
}
html.motion-reduced .paper-reveal{opacity:1;transform:none}
html.motion-reduced .cover-photo,html.motion-reduced .hero-scrap,html.motion-reduced .hero-stamp,html.motion-reduced .entry-image,html.motion-reduced .door-card{transition:none;animation:none}
@media(prefers-reduced-motion:reduce){
  .paper-reveal{opacity:1;transform:none}
  .cover-photo,.hero-scrap,.hero-stamp,.entry-image,.door-card{animation:none;transition:none}
}
[hidden]{display:none}