/* Home: three editorial entrances over a still portrait. Photo treatment is display-only. */
.photo-layout{isolation:isolate}.fixed-photo{display:none}.photo-layout .preview,.photo-layout .masthead,.solid-panel{background:#fff;position:relative}.photo-layout .masthead{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - 1200px)/2));margin:0}.solid-panel{display:flow-root}.photo-layout main{position:relative}.photo-layout .cover{row-gap:24px}.photo-layout .editorial-paths{display:grid;grid-template-columns:1fr;border:0;gap:0;isolation:isolate}.photo-layout .editorial-paths a{position:relative;display:grid;grid-template-rows:auto auto auto;align-content:start;min-width:0;padding:26px 18px 24px 72px;border:0;border-top:1px solid #c4cdd3;isolation:isolate;color:#090909}.photo-layout .editorial-paths a:first-child{border-left:0;padding-left:72px}.photo-layout .editorial-paths strong{font:30px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.03em;text-decoration:none;position:relative}.photo-layout .editorial-paths .path-number{position:absolute;z-index:-1;left:0;top:8px;font:116px/.9 Georgia,serif;letter-spacing:-.06em;color:#e4f1fc;margin:0}.photo-layout .editorial-paths .path-description{font:16px/1.5 Arial,sans-serif;color:#343434;margin:12px 0 18px;min-height:48px}.photo-layout .editorial-paths .path-button{display:flex;align-items:center;justify-content:center;background:#f5e6a8;color:#090909;border:1.5px solid #090909;border-radius:30px;min-height:48px;margin:0;padding:10px 18px;font:600 15px/1.4 Arial,sans-serif;box-shadow:0 5px 0 #090909;justify-self:start;min-width:180px}.photo-layout .editorial-paths a:hover .path-button{background:#93cbf8;text-decoration:underline}.photo-layout .editorial-paths a:focus-visible{outline:3px solid #2457a3;outline-offset:4px}.photo-reveal{height:340px;position:relative;overflow:hidden;background:#e5e5e2}.photo-reveal img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:grayscale(1);opacity:.75}.second-reveal{display:none}
@media(min-width:901px){
 .fixed-photo{display:block;position:fixed;inset:0;z-index:-1;background:#dededb url('/assets/photos/me-and-minime.jpg') center 52%/cover no-repeat;filter:grayscale(1);opacity:.6;pointer-events:none}
 .photo-layout{background:#e5e5e2}
 .photo-layout .cover{grid-template-columns:minmax(0,1fr) 34%;column-gap:64px;padding-bottom:64px}
 .photo-layout .cover-portrait{grid-row:2/4;grid-column:2;max-width:320px;justify-self:end}
 .photo-layout .cover-intro{grid-row:2;grid-column:1}
 .photo-layout .cover-carnival{grid-row:3;grid-column:1}
 .photo-layout .editorial-paths{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:24px;padding-top:32px;border-top:1px solid #090909}
 .photo-layout .editorial-paths a,.photo-layout .editorial-paths a:first-child{padding:56px 0 16px 38px;border:0;grid-template-rows:auto 1fr auto}
 .photo-layout .editorial-paths .path-number{font-size:200px;top:0;left:0}
 .photo-layout .editorial-paths strong{font-size:34px;white-space:nowrap}
 .photo-layout .editorial-paths .path-description{font-size:17px;margin:26px 0 28px;min-height:52px}
 .photo-layout .editorial-paths .path-button{min-width:210px;padding-inline:24px}
 .photo-layout .editorial-paths a:first-child .path-button{background:#93cbf8}
 .photo-layout .editorial-paths a:first-child:hover .path-button{background:#f5e6a8}
 .photo-reveal{height:300px;background:transparent}.photo-reveal img{display:none}.second-reveal{display:block}
}
@media(min-width:901px) and (max-width:1150px){.photo-layout .editorial-paths{gap:20px}.photo-layout .editorial-paths strong{font-size:28px}.photo-layout .editorial-paths a,.photo-layout .editorial-paths a:first-child{padding-left:20px}.photo-layout .editorial-paths .path-button{min-width:180px}}
@media(min-width:768px) and (max-width:900px){.photo-layout .editorial-paths{grid-column:1/-1;grid-row:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-layout .editorial-paths a,.photo-layout .editorial-paths a:first-child{padding:36px 0 16px}.photo-layout .editorial-paths a:last-child{grid-column:auto}.photo-layout .editorial-paths strong{font-size:25px}.photo-layout .editorial-paths .path-button{min-width:0;width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.fixed-photo{display:none}.photo-reveal{height:340px;background:#e5e5e2}.photo-reveal img{display:block}.second-reveal{display:none}}
@media(max-width:767px){.photo-layout .editorial-paths .path-button{width:100%;min-width:0}.photo-layout .editorial-paths a,.photo-layout .editorial-paths a:first-child{padding-block:20px}.photo-layout .editorial-paths strong{font-size:28px}}

/* Each section owns its photograph; portraits retain their full composition. */
.photo-layout{background:#fff}.photo-reveal{height:clamp(420px,76vh,760px);background:#e5e5e2;--reveal-photo:url('/assets/photos/me-and-minime.jpg')}
.second-reveal{display:block;--reveal-photo:url('/assets/photos/rachelle-making.jpg')}
.photo-reveal img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(1);opacity:.8}
@media(min-width:901px){
 .photo-reveal{height:86vh;min-height:540px;max-height:960px}
 .photo-reveal::before{content:'';position:absolute;inset:0;background-image:var(--reveal-photo);background-repeat:no-repeat;background-position:center;background-size:auto 80vh;background-attachment:fixed;filter:grayscale(1);opacity:.8}
 .photo-reveal img{visibility:hidden;display:block}
}
@media(prefers-reduced-motion:reduce){.photo-reveal::before{display:none}.photo-reveal img{visibility:visible}.second-reveal{display:block}}
/* Full-width collages: protect the center portrait, let supporting photos fill the sides. */
.collage-reveal.photo-reveal{height:auto;min-height:0;max-height:none;background:#e5e5e2;overflow:hidden}
.collage-reveal.photo-reveal::before{display:none}
.photo-collage{display:grid;grid-template-columns:1fr 1fr;gap:4px;position:relative;align-items:stretch;background:#fff}
.photo-reveal .photo-collage img{visibility:visible;display:block;opacity:.88;filter:grayscale(1);width:100%;height:240px;object-fit:cover;object-position:center}
.photo-reveal .photo-collage .collage-center{grid-column:1/-1;grid-row:1;height:auto;max-height:none;object-fit:contain;background:#e5e5e2}
.photo-reveal .street-photo{object-position:50% 35%}.photo-reveal .dog-photo{object-position:50% 25%}.photo-reveal .priorities-photo{object-position:50% 35%}.photo-reveal .kayak-photo{object-position:65% 50%}
@media(min-width:901px){
 .collage-reveal.photo-reveal{height:90vh;min-height:560px;max-height:none;clip-path:inset(0);overflow:visible}
 .photo-collage{position:fixed;inset:0;height:100vh;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,min(56.25vh,44vw)) minmax(0,1fr);background:#e5e5e2}
 .second-reveal .photo-collage{grid-template-columns:minmax(0,1fr) minmax(0,min(75vh,52vw)) minmax(0,1fr)}
 .photo-reveal .photo-collage img{height:100vh;max-height:none;grid-row:1;grid-column:auto;object-fit:cover}
 .photo-reveal .photo-collage .collage-center{grid-column:2;grid-row:1;height:100vh;max-height:none;object-fit:contain}
 .photo-reveal .photo-collage .collage-side:first-child{grid-column:1}.photo-reveal .photo-collage .collage-side:last-child{grid-column:3}
}
@media(min-width:768px) and (max-width:900px){.photo-reveal .photo-collage .collage-center{height:600px}.photo-reveal .photo-collage img{height:340px}}
@media(prefers-reduced-motion:reduce){.collage-reveal.photo-reveal{height:auto;min-height:0;clip-path:none;overflow:hidden}.photo-collage{position:relative;inset:auto}.photo-reveal .photo-collage img,.photo-reveal .photo-collage .collage-center{height:70vh;max-height:800px}}

/* Keep the sweatshirt lettering intact at every viewport shape. */
.photo-reveal .photo-collage .meaner-photo{object-fit:contain;object-position:center;background:#292929}
@media(min-width:901px){.second-reveal .photo-collage{grid-template-columns:minmax(0,1fr) minmax(0,min(75vh,36vw)) minmax(0,min(75vh,42vw))}.photo-reveal .photo-collage .meaner-photo{object-fit:cover}}
@media(min-width:901px) and (max-aspect-ratio:1/1){.photo-reveal .photo-collage .meaner-photo{object-fit:contain}}
@media(min-width:901px){.second-reveal.photo-reveal .photo-collage .collage-center{object-fit:cover;object-position:50% 40%}}

.photo-reveal .photo-collage .crown-photo{object-position:50% 22%}
/* Color carries the section hierarchy; reading stays on calm, opaque surfaces. */
.photo-layout .editorial-paths{background:var(--yellow);box-shadow:0 0 0 100vmax var(--yellow);clip-path:inset(0 -100vmax);border-top:0;padding-block:24px}
.photo-layout .editorial-paths .path-number{color:var(--sky);opacity:.65}
.photo-layout .editorial-paths .path-button,.photo-layout .editorial-paths a:first-child .path-button{background:var(--sky)}
.photo-layout .editorial-paths a:hover .path-button,.photo-layout .editorial-paths a:first-child:hover .path-button{background:#fff}
.photo-layout .cover{padding-bottom:0}
.photo-layout .editorial-paths a{border-color:#b1a36c}
.photo-layout.option-b .journal-section{background:var(--sky);padding-block:48px}
.photo-layout .journal-section .story-text{background:#fff;padding:28px;max-width:52ch}
.photo-layout .journal-more{border-color:#174e73}
.photo-layout .journal-more-grid article{background:#fff;padding:24px}
.photo-layout .journal-more-grid article+article{border:0;padding:24px}
.photo-layout .solid-panel:has(>.curiosity-story){background:var(--yellow)}
.photo-layout .curiosity-story{border-top:0;padding-block:48px}
.photo-layout .curiosity-copy h2 em{background:none;padding:0}
.photo-layout .photo-collage img{opacity:1;filter:grayscale(1)}
@media(min-width:901px){.photo-layout .editorial-paths{padding-block:48px 56px;margin-top:24px}.photo-layout .editorial-paths a,.photo-layout .editorial-paths a:first-child{padding-top:56px;padding-bottom:12px}.photo-layout .curiosity-story{padding-block:64px}}
@media(max-width:767px){.photo-layout .journal-section .story-text{padding:24px}.photo-layout .editorial-paths{margin-bottom:8px}.photo-layout .cover{padding-bottom:32px}}

/* A larger, closer portrait and one connected introduction. */
.photo-layout .cover-portrait{width:min(320px,100%);padding:12px}
.photo-layout .cover-portrait img{aspect-ratio:1;object-fit:cover;object-position:50% 58%}
.photo-layout .cover-intro .cover-carnival{margin-top:24px}
@media(min-width:901px){
 .photo-layout .cover{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);column-gap:56px;row-gap:24px}
 .photo-layout .cover-portrait{grid-column:2;grid-row:2;width:100%;max-width:440px;padding:12px}
 .photo-layout .cover-intro{grid-column:1;grid-row:2;align-self:center}
 .photo-layout .cover-intro .cover-carnival{padding-block:8px}
 .photo-layout .editorial-paths{grid-row:3;margin-top:8px}
}
@media(min-width:768px) and (max-width:900px){.photo-layout .cover-portrait{grid-row:2}.photo-layout .editorial-paths{grid-row:3}}

/* Give every path the same resting weight; preview the active choice. */
.photo-layout .editorial-paths a strong,
.photo-layout .editorial-paths a:first-child strong{font-weight:400}
@media (hover:hover){.photo-layout .editorial-paths a:hover strong{font-weight:700}}
.photo-layout .editorial-paths a:focus-visible strong{font-weight:700}

.photo-layout .curiosity-copy .hand-note{margin-bottom:14px}
.photo-layout .curiosity-copy .play-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:210px;max-width:100%;padding:10px 24px;background:var(--sky);color:var(--ink);border:1.5px solid var(--ink);border-radius:30px;box-shadow:0 5px 0 var(--ink);font:600 15px/1.4 Arial,sans-serif;text-decoration:none}
.photo-layout .curiosity-copy .play-button:hover{background:#fff;text-decoration:underline}