@font-face{font-family:Bricolage;src:url('/assets/bricolage.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--blue:#004bff;--paper:#faf8f1;--ink:#11131d;--muted:#59606c;--surface:#fffdf8;--line:#deded6;--control-line:#858993;--wash:#e2e8ff;--gutter:20px;--chapter-gap:64px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button,a{touch-action:manipulation}
button[hidden]{display:none}
a{color:inherit;text-underline-offset:4px}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{font-family:Bricolage,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.04;overflow-wrap:anywhere}
h1{font-size:clamp(2.5rem,5vw,4.25rem)}
h2{font-size:clamp(1.5rem,3vw,2rem)}
h3{font-size:1.25rem}
svg{display:block}
img{display:block;max-width:100%;height:auto}
figcaption{font-size:.75rem;line-height:1.45;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.primary:focus-visible{outline-offset:4px}
.page{max-width:calc(1200px + var(--gutter)*2);margin:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;top:16px;left:16px;background:var(--paper);z-index:5;padding:12px 20px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-block:24px;border-bottom:1px solid var(--line)}
.wordmark{width:160px}
.header-descriptor{grid-column:1/-1;font-size:.875rem;line-height:1.45;order:3}
.status{font-size:.875rem;line-height:1.45;background:var(--wash);color:var(--blue);border-radius:12px;padding:8px 12px;text-align:center;max-width:150px}
.hero{padding-top:32px;display:grid;gap:32px}
.hero-copy{align-self:center;min-width:0}
.hero-descriptor{margin-top:24px}
.hero-intro{margin-top:12px;max-width:480px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-size:.9375rem;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;transition:background-color 140ms,color 140ms}
.button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.primary{background:var(--blue);color:white;border:1px solid var(--blue)}
.primary:hover,.primary[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.secondary{border:1px solid var(--control-line);background:transparent;color:var(--ink)}
.secondary:hover{background:var(--wash)}
.look-caption{font-size:.875rem;line-height:1.45;color:var(--muted);margin-top:16px;min-height:2.9em;max-width:440px}
.hero-figure{min-width:0}
.viewer{width:100%;height:auto;background:var(--wash);border-radius:8px;overflow:hidden}
.hero-figure figcaption{text-align:right}
.eye-blue{fill:var(--blue)}
.eye-white{fill:var(--paper)}
.eye-ink{fill:var(--ink)}
.gaze{transition:transform 320ms ease-out}
[data-gaze=pointer] .gaze{transition-duration:140ms}
.chapters{margin-top:var(--chapter-gap);outline:none}
.chapter{padding-top:32px;border-top:1px solid var(--line);margin-top:var(--chapter-gap)}
.chapter:first-child{margin-top:0}
.eyebrow{font-size:.875rem;line-height:1.45;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.reading{max-width:680px}
.descriptor-heading{font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.5;font-weight:400;letter-spacing:0;max-width:680px}
.reading>p:not(.eyebrow){margin-top:16px}
.section-heading{display:flex;flex-direction:column;gap:24px}
.aside{font-family:Georgia,serif;font-style:italic;font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}
.world{display:flex;flex-direction:column}
.world .section-heading{display:contents}
.world .reading{order:0}
.world .photo-strip{order:1}
.world .aside{order:2;margin-top:24px}
.photo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:32px}
.photo-strip img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.photo-strip .red-chair{object-position:50% 60%}
.photo-strip .bicycle{object-position:40% 65%}
.edition-categories{display:grid;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:32px;background:var(--surface)}
.edition-categories details+details{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:64px;padding:16px;font-size:1rem;font-weight:600;line-height:1.3}
summary::-webkit-details-marker{display:none}
summary>svg{width:20px;height:20px;margin-left:auto;flex:none;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
details[open] summary>svg{transform:rotate(180deg)}
.category-symbol{font-size:.875rem;color:var(--blue);font-weight:600;flex:none}
.category-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.edition-categories ul{list-style:none;padding:0 16px 20px 48px;margin:0;font-size:.875rem;line-height:1.7}
.edition-categories details>p{padding:0 16px 20px 48px;font-size:.875rem;line-height:1.45}
.edition-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.edition-figure{max-width:280px;display:none}
.edition-art{position:relative;overflow:hidden;border-radius:8px;background:var(--wash)}
.edition-art img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 60%}
.edition-art>p{position:absolute;bottom:24px;right:16px;font-family:Georgia,serif;font-style:italic;font-size:1.5rem;line-height:1.1;background:var(--paper);padding:16px;transform:rotate(-8deg);transform-origin:bottom right}
.edition-scope{margin-top:24px}
.range-note,.support{font-size:.875rem;line-height:1.45;color:var(--muted)}
.quest-list{margin:32px 0 24px;padding:0;list-style:none;display:grid;gap:0}
.quest-list li{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.quest-list li:last-child{border-bottom:1px solid var(--line)}
.quest-list figure{width:72px;flex:none}
.quest-photo{border-radius:8px;overflow:hidden;background:var(--surface);aspect-ratio:4/3}
.quest-photo img{width:100%;height:100%;object-fit:cover}
.quest-photo .mirror{transform:scale(1.6);transform-origin:70% 48%}
.quest-photo .bicycle{object-position:40% 65%}
.quest-photo .cat{transform:scale(1.8);transform-origin:56% 48%}
.quest-list h3{font-size:1rem;line-height:1.3;letter-spacing:-.025em}
.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.studio-copy>p:not(.eyebrow){margin-top:16px;max-width:400px}
.studio-copy .aside{margin-top:32px}
.keepsake{background:var(--wash);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:12px;gap:12px}
.keepsake img{width:100%;aspect-ratio:4/5;object-fit:cover;transform:rotate(-3deg)}
.keepsake-words{font-family:Georgia,serif;font-style:italic;font-size:1rem;line-height:1.15;letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
.studio-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}
.close{display:flex;flex-direction:column;gap:48px;padding-bottom:48px}
.last-line{font-weight:600}
.closing-mark img{width:200px}
.closing-mark p{font-size:.875rem;line-height:1.45;margin-top:16px}
footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:24px 32px;font-size:.75rem;line-height:1.45;color:var(--muted)}
footer a{min-height:48px;display:inline-flex;align-items:center;gap:12px;font-size:.875rem}
.desktop-break{display:none}
@media(min-width:600px){
  :root{--gutter:28px}
  .header{grid-template-columns:auto 1fr auto;gap:24px}
  .header-descriptor{grid-column:auto;order:initial}
  .wordmark{width:190px}
  .hero{gap:48px;padding-top:48px}
  .hero-copy{max-width:680px}
  .photo-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .photo-strip img{aspect-ratio:4/3}
  .world{display:block}
  .world .section-heading{display:flex}
  .world .aside{margin-top:0}
  .section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:32px}
  .section-heading .aside{text-align:right;min-width:200px}
  .edition-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edition-categories details+details{border-top:0}
  .edition-categories details:nth-child(even){border-left:1px solid var(--line)}
  .edition-categories details:nth-child(n+3){border-top:1px solid var(--line)}
  .edition-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start}
  .edition-figure{display:block}
  .edition-categories{grid-template-columns:1fr}
  .edition-categories details{border-left:0!important}
  .edition-categories details+details{border-top:1px solid var(--line)}
  .quest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .quest-list li{display:block;min-width:0;border:0;padding:0}
  .quest-list figure{width:100%}
  .quest-list h3{margin-top:12px;font-size:1.25rem;line-height:1.04;letter-spacing:-.045em}
  .studio{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:48px}
  .keepsake{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;padding:16px}
  .keepsake-words{font-size:1.5rem}
  .close{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .closing-mark{flex:none}
}
@media(min-width:1100px){
  :root{--gutter:40px;--chapter-gap:96px}
  .header{padding-block:32px}
  .wordmark{width:210px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0;padding-top:0;border-bottom:1px solid var(--line)}
  .hero-copy{padding-block:48px;padding-right:32px}
  .hero-figure{align-self:stretch;position:relative}
  .hero-figure .viewer{height:100%;border-radius:0 0 8px 0}
  .hero-figure figcaption{position:absolute;bottom:12px;right:16px;color:var(--ink)}
  .hero .actions{gap:12px}
  .desktop-break{display:block}
  .chapter{padding-top:48px}
  .photo-strip{margin-top:32px;gap:24px}
  .edition-categories{grid-template-columns:repeat(4,minmax(0,1fr));background:transparent;border:0;border-radius:0;gap:0;margin-top:48px}
  .edition-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}
  .edition-categories details{padding-inline:16px;border-top:0!important;border-left:1px solid var(--line)!important}
  .edition-categories details:first-child{border-left:0!important;padding-left:0}
  .edition-categories details:last-child{padding-right:0}
  summary{padding:0;min-height:96px;align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:1rem}
  summary .category-symbol{grid-column:1/-1;width:100%}
  summary>svg{width:16px;height:16px;margin-top:2px}
  .edition-categories ul,.edition-categories details>p{padding:16px 0 0}
  .quest-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .range-note{max-width:230px;text-align:right}
  .studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .keepsake{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);max-width:560px}
  .keepsake img{max-height:240px}
  .keepsake-words{font-size:2rem}
  .close{padding-bottom:64px}
}
@media(max-width:349px){:root{--gutter:16px}.wordmark{width:136px}.status{max-width:112px;padding:8px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.header{gap:12px}.studio{grid-template-columns:1fr;gap:32px}.keepsake{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px}.keepsake-words{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.gaze{transition:none}.gaze{transform:none!important}}

/* Illustrative answers fit native eyes to the photographed pair. */
.example-brief{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:20px 0;border-block:1px solid var(--line)}
.example-brief .eyebrow{margin-bottom:8px;color:var(--blue)}
.brief-words{font-family:Georgia,serif;font-style:italic;font-size:1.5rem;line-height:1.2;margin-bottom:12px;overflow-wrap:anywhere}
.example-brief>div{max-width:660px}
.brief-eyes{width:96px;flex:none}
.photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:24px}
.found-photo{width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--wash)}
.example-note{margin-top:16px;order:3}
.studio{grid-template-columns:minmax(0,1fr);gap:32px}
.studio-brief{margin-top:24px}
.studio-brief .eyebrow{color:var(--blue);margin-bottom:8px}
.studio-copy .studio-brief .aside{margin-top:0}
.studio-capture{max-width:180px;margin-top:24px}
.studio-capture img{width:100%;border-radius:8px}
.studio-capture figcaption{font-size:.875rem}
.keepsake-poster{width:100%;height:auto;border-radius:8px;background:var(--ink)}
.poster-label{fill:var(--paper);font-family:'DM Sans',sans-serif;font-size:22px;letter-spacing:3px;font-weight:600}
.poster-bold{fill:var(--paper);font-family:Bricolage,sans-serif;font-weight:800;font-size:162px;letter-spacing:-7px}
.poster-italic{fill:var(--paper);font-family:Georgia,serif;font-style:italic;font-size:136px;letter-spacing:-6px}
.poster-note{fill:var(--ink);font-family:Georgia,serif;font-style:italic;font-size:38px;letter-spacing:-1px}
@media(min-width:600px){.photo-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.brief-eyes{width:144px}.studio{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}}
@media(max-width:349px){.example-brief{align-items:start;gap:12px}.brief-eyes{width:64px}.brief-words{font-size:1.375rem}}

.photo-strip{position:relative}
.eye-rover{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;visibility:hidden}
.photo-strip[data-rover-ready] .eye-rover{visibility:visible}
.example-note{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.example-note .button{font-size:.875rem}
.example-brief{flex-wrap:wrap}
.example-brief>div{flex:1 1 400px}
.studio-copy .studio-future{font-size:.875rem;line-height:1.45;color:var(--muted);max-width:400px}

/* Studio: original capture, native composition study and finished digital collage. */
.studio{grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.studio-copy{grid-column:1;grid-row:1}
.studio-copy>p:not(.eyebrow){max-width:400px}
.studio-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;grid-column:1;grid-row:2;align-items:start}
.studio-step{display:flex;gap:12px;align-items:baseline;margin:0 0 16px;font-size:.875rem;line-height:1.45;color:var(--blue)}
.studio-step span{color:var(--ink);font-weight:600;min-width:0;overflow-wrap:anywhere}
.studio-capture{max-width:none;margin:0}
.studio-capture img{aspect-ratio:5/4;object-fit:cover;border-radius:8px}
.studio-compose{width:100%;height:auto;aspect-ratio:5/4}
.studio-figure{grid-column:1;grid-row:3;min-width:0}
.keepsake-poster{background:var(--paper);border:1px solid var(--line);border-radius:8px;width:100%;height:auto}
.collage-label{fill:var(--paper);font-family:'DM Sans',sans-serif;font-size:22px;letter-spacing:2.6px;font-weight:600}
.collage-bold{fill:var(--paper);font-family:Bricolage,sans-serif;font-weight:800;font-size:154px;letter-spacing:-7px}
.collage-italic{fill:var(--paper);font-family:Georgia,serif;font-style:italic;font-size:126px;letter-spacing:-5px}
.collage-note{fill:var(--ink);font-family:Georgia,serif;font-style:italic;font-size:46px;letter-spacing:-1px}
.collage-footer{fill:var(--muted);font-family:'DM Sans',sans-serif;font-size:20px}
@media(min-width:600px){.studio{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:48px;row-gap:32px}.studio-process{grid-row:2}.studio-figure{grid-column:2;grid-row:1/3}.studio-copy{align-self:end}.studio-process{align-self:start}}
@media(min-width:600px){.studio-process{max-width:400px;width:100%}}

/* Full sentences and enlarged category names must wrap within their reading space. */
.edition-range,.edition-categories details{min-width:0}
summary>span:not(.category-symbol){min-width:0;overflow-wrap:anywhere}

/* Selected mobile proposal: a public Brief leads into the game being made. */
.header-nav{display:none}
.hero-descriptor{display:none}
.hero .actions{display:none}
.look-caption{display:none}
.hero-intro{margin-top:20px}
.hero{gap:24px}
.viewer{aspect-ratio:1/1;max-height:none}
.world{display:block}
.world .reading{max-width:660px}
.world h2.brief-words{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:2rem;line-height:1.13;letter-spacing:-.035em;margin-bottom:16px}
.world .reading>p{margin-top:0}
.discovery-line{margin-top:24px;max-width:480px}
.example-note{display:block;margin-top:16px}
.example-note .button{margin-top:12px}
.share-guide{margin-top:24px}
.share-guide>summary{width:max-content;max-width:100%;display:inline-flex;min-height:48px;padding:12px 20px;font-size:.9375rem;color:white}
.share-guide>summary span{margin-left:12px}
.share-instructions{margin-top:20px;padding:24px;background:var(--wash);border-radius:12px;max-width:660px}
.share-instructions p{margin-top:16px}
.share-instructions .button{margin-top:20px}
.share-instructions h3{font-size:1.5rem}
.plans>.reading{margin-top:16px}
.editions{margin-top:32px}
.edition-layout{display:block}
.edition-figure{display:block;max-width:none;margin-top:24px}
.edition-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--wash);padding:20px;gap:16px}
.edition-art img{aspect-ratio:1;max-height:200px;border-radius:4px}
.edition-art>p{position:static;transform:none;padding:0;background:none;font-size:1.75rem;line-height:1.12}
.edition-categories{margin-top:24px;border-radius:12px}
.edition-categories summary{display:flex;align-items:center;min-height:72px;padding:16px;font-size:1rem}
.edition-categories summary .category-symbol{width:24px}
.edition-categories summary>svg{margin-left:auto}
.edition-categories details{padding:0;border:0!important}
.edition-categories details+details{border-top:1px solid var(--line)!important}
.edition-categories details ul,.edition-categories details>p{padding:0 20px 20px 52px;font-size:.875rem}
.quests{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.quest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:24px}
.quest-list li{display:block;border:0!important;padding:0;min-width:0}
.quest-list figure{width:100%}
.quest-list h3{margin-top:12px;font-size:1.0625rem}
.quest-list figcaption{min-height:2.9em}
.studio{gap:28px}
.studio-copy>p:not(.eyebrow){max-width:660px}
.studio-brief{margin-top:20px}
.studio-copy .studio-future{max-width:660px}
.studio-process{gap:16px}
.studio-figure{max-width:560px}
.studio-step{margin-bottom:12px}
.studio-step span{font-weight:500}
.event-invitation p:not(.eyebrow){max-width:660px;margin-top:16px}
.event-invitation .button{margin-top:24px}
.update-invitation{background:var(--wash);border:0;border-radius:12px;padding:24px;display:grid;gap:24px}
.update-invitation h2{font-size:1.5rem}
.update-invitation p{margin-top:12px;max-width:620px}
.update-invitation .button{justify-self:start}
.close{gap:32px}
footer nav{display:flex;gap:8px 24px;flex-wrap:wrap}
footer nav a{font-size:.875rem}
@media(min-width:600px){
 .hero{grid-template-columns:1fr 1fr;gap:32px;align-items:center}
 .hero .actions{display:flex}
 .look-caption{display:block}
 .header-nav{display:flex;gap:8px 20px;flex-wrap:wrap;grid-column:1/-1;grid-row:2}
 .header-nav a{font-size:.875rem;min-height:48px;display:flex;align-items:center}
 .header-descriptor{grid-column:2;grid-row:1}
 .status{grid-column:3;grid-row:1}
 .world .photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .world h2.brief-words{font-size:2.75rem}
 .edition-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:32px;align-items:center}
 .edition-art{display:block;padding:0;position:relative;background:none}
 .edition-art img{max-height:none;aspect-ratio:4/5}
 .edition-art>p{position:absolute;bottom:20px;right:16px;background:var(--paper);padding:16px;transform:rotate(-6deg);font-size:2rem}
 .edition-figure{margin-top:0}
 .quests .section-heading{display:block}
 .range-note{max-width:660px;text-align:left;margin-top:12px}
 .quest-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .quest-list h3{font-size:1.125rem}
 .studio{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}
 .studio-copy{grid-column:1;grid-row:1;align-self:start}
 .studio-process{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr}
 .studio-figure{grid-column:2;grid-row:1/3;width:100%;max-width:none}
 .update-invitation{padding:32px;grid-template-columns:minmax(0,1fr) auto;align-items:center}
}
@media(min-width:1100px){
 .header{grid-template-columns:auto 1fr auto;gap:24px}
 .header-nav{grid-column:2;grid-row:1;justify-content:center}
 .header-descriptor{display:none}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border:0;padding-block:48px 0}
 .hero-copy{padding:0}
 .hero-figure .viewer{border-radius:8px;height:auto}
 .hero-figure figcaption{position:static;color:var(--muted)}
 .hero-descriptor{display:block}
 .world .photo-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .edition-categories{grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);background:var(--surface);margin-top:24px}
 .edition-categories details:nth-child(2n){border-left:1px solid var(--line)!important}
 .edition-categories details:nth-child(2){border-top:0!important}
 .edition-categories details:nth-child(n+3){border-top:1px solid var(--line)!important}
 .studio{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
}
@media(max-width:349px){.hero .actions{display:none}.share-instructions{padding:20px}.update-invitation{padding:20px}.world h2.brief-words{font-size:1.75rem}.edition-art>p{font-size:1.5rem}}
.information-page{padding-block:48px 64px;max-width:900px;margin:auto}
.information-page h1{max-width:800px}
.information-intro{font-size:1.125rem;max-width:700px;margin-top:24px}
.information-page>.button{margin-top:24px}
.feed-explanation{margin-top:16px;max-width:600px}
.information-page .chapter p:not(.eyebrow){margin-top:16px;max-width:700px}
.information-page .chapter .button{margin-top:24px}

/* Tablet target: photography and sharing sit together, without losing the phone story. */
@media(min-width:600px) and (max-width:1099px){
 .hero{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:28px}
 .header-descriptor{font-size:.875rem}
 .header-nav{gap:8px 24px}
 .world{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
 .world>.reading{grid-column:1;grid-row:1}
 .world .photo-strip{grid-column:1;grid-row:2/5;margin-top:0;align-self:start;gap:20px}
 .world .discovery-line{grid-column:2;grid-row:1;align-self:end;margin-top:0}
 .world .example-note{grid-column:2;grid-row:2;margin-top:0}
 .world .share-guide{grid-column:2;grid-row:3;margin-top:0;min-width:0}
 .share-instructions{padding:20px}
 .share-instructions h3{font-size:1.25rem}
 .share-instructions strong{overflow-wrap:anywhere}
 .quests .quest-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quest-list li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:16px;align-items:center}
 .quest-list h3{margin:0}
 .quest-list figcaption{font-size:.875rem;min-height:0}
 .studio{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:28px}
 .studio-process{grid-template-columns:1fr;max-width:180px}
 .studio-copy .studio-future{max-width:none}
}
@media(min-width:600px) and (max-width:1099px) and (orientation:landscape){
 .plans>.reading,.quests .range-note,.event-invitation p:not(.eyebrow),.update-invitation p,.close .reading>p{max-width:56ch}
 .quests .quest-list{grid-template-columns:repeat(4,minmax(0,1fr))}
 .quest-list li{display:block}
 .quest-list h3{margin-top:12px}
 .quest-list figcaption{min-height:2.9em}
 .studio-process{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}
}

/* Desktop visual target: the Brief and finished keepsake carry the story. */
.follow-on{margin-top:var(--chapter-gap)}
@media(min-width:1100px){
 .world{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px}
 .world>.reading{grid-column:1/-1;grid-row:1;max-width:800px}
 .world .photo-strip{grid-column:1/-1;grid-row:2;margin-top:8px}
 .world .discovery-line{grid-column:1;grid-row:3;margin-top:0;align-self:end;font-size:2rem}
 .world .example-note{grid-column:1;grid-row:4;margin-top:0;align-self:start;max-width:420px}
 .world .share-guide{grid-column:2;grid-row:3/5;margin-top:0;min-width:0}
 .share-instructions{margin-top:16px}
 .studio{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}
 .studio-process{max-width:340px;gap:20px}
 .follow-on{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-top:32px;border-top:1px solid var(--line)}
 .follow-on .chapter{margin-top:0;padding-top:0;border:0}
 .follow-on .update-invitation{display:block;background:none;border-radius:0;padding:0 0 0 48px;border-left:1px solid var(--line)}
 .follow-on .update-invitation h2{font-size:clamp(1.5rem,3vw,2rem)}
 .follow-on .update-invitation .button{margin-top:24px}
}
@media(min-width:600px) and (max-width:749px){
 .hero h1{font-size:2rem;overflow-wrap:normal}
 .world>.reading{grid-column:1/-1;grid-row:1}
 .world .photo-strip{grid-column:1/-1;grid-row:2}
 .world .discovery-line{grid-column:1;grid-row:3;align-self:start}
 .world .example-note{grid-column:1;grid-row:4}
 .world .share-guide{grid-column:2;grid-row:3/5}
}

/* The event page extends the noticing story; its enquiry action is local only. */
.event-page .event-hero h1{font-size:clamp(2.25rem,4.2vw,3.5rem);overflow-wrap:normal}
.event-hero .hero-intro{margin-top:24px}
.event-status{margin-top:20px;font-size:.875rem;color:var(--blue)}
.event-hero .button{margin-top:24px}
.event-experience{display:grid;gap:24px}
.event-experience p+p{margin-top:16px}
.event-page .world .example-note{max-width:600px}
.enquiry-panel{display:grid;gap:32px;padding:24px;background:var(--wash);border:0;border-radius:12px}
.enquiry-panel p:not(.eyebrow){margin-top:16px}
.enquiry-panel h3{font-size:1.25rem;line-height:1.25}
.enquiry-outline{white-space:pre-line;line-height:1.75}
.enquiry-panel .button,.event-close .button{margin-top:24px}
.event-close p{margin-top:16px;max-width:680px}
@media(min-width:600px){
 .event-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .event-experience{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:48px}
 .event-page .world{display:block}
 .event-page .world .photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
 .enquiry-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:32px}
 .enquiry-updates{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line)}
 .event-studio{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .event-studio .studio-process{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}
}
@media(min-width:1100px){
 .event-page .world .photo-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
 .event-page .world .discovery-line{margin-top:24px}
 .event-studio .studio-figure{max-width:480px;justify-self:end}
 .enquiry-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px 64px}
}