/* Article-only layout. The Journal listing and food collection keep journal.css. */
.cronulla-article .article-top{padding-top:30px}
.cronulla-article .article-header{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(50px,7vw,130px);align-items:end;max-width:none;margin:0 clamp(1.25rem,6vw,7rem);padding:48px 0 42px;text-align:left}
.cronulla-article .article-header h1{font-size:clamp(68px,6.3vw,120px);line-height:.98;letter-spacing:-.06em;margin:22px 0 0}
.cronulla-article .article-header h1 em{font-weight:400}
.cronulla-article .article-deck{font-size:clamp(22px,1.45vw,28px);line-height:1.5;color:var(--ink);max-width:35ch;margin:0}
.cronulla-article .article-credit{justify-content:start;gap:12px 24px;margin-top:25px;padding-top:20px;border-top:1px solid var(--rule);font-size:12px;line-height:1.6}
.cronulla-article .article-hero{margin-top:0;margin-bottom:0}
.cronulla-article .article-hero img{aspect-ratio:2.95;object-position:center 55%}
.cronulla-article figcaption{font:400 12px/1.6 Inter,sans-serif;color:var(--slate);margin-top:12px}
.cronulla-article .article-hero figcaption{display:flex;justify-content:space-between;gap:20px}
.story-index{display:flex;align-items:center;gap:40px;padding-block:25px;border-bottom:1px solid var(--rule);margin-top:17px}
.story-index .eyebrow{color:var(--slate);font-size:10px;margin-right:auto}
.story-index a{font-size:13px;text-decoration:none}
.story-index a span{color:var(--red);font-size:10px;letter-spacing:.08em;margin-right:12px}
.story-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr) minmax(0,.8fr);gap:clamp(35px,4vw,76px);padding-block:76px;scroll-margin-top:28px}
.section-heading h2{font-size:clamp(36px,3.1vw,56px);line-height:1.07;letter-spacing:-.045em;margin:18px 0 22px}
.section-heading>p{font-size:14px;line-height:1.7;color:var(--slate);max-width:28ch;margin:0}
.story-copy p{font:400 21px/1.75 "Editorial Serif",Georgia,serif;margin:0 0 22px}
.story-copy p:last-child{margin-bottom:0}
.story-copy .story-lead{font-size:25px;line-height:1.55}
.story-lead::first-letter{float:left;font:400 88px/.8 "Editorial Serif",Georgia,serif;padding:10px 12px 0 0;color:var(--red)}
.margin-note{border-top:2px solid var(--red);padding-top:20px;align-self:start}
.margin-note .eyebrow{font-size:10px}
.margin-note h3{font-size:27px;line-height:1.16;letter-spacing:-.025em;margin:15px 0 12px}
.margin-note p{font-size:13px;line-height:1.75;color:var(--slate);margin:0 0 17px}
.margin-note .note-number{display:block;font:400 63px/1 "Editorial Serif",Georgia,serif;letter-spacing:-.06em;margin:18px 0 8px}
.margin-note .text-link{font-size:12px;padding-bottom:5px}
.photo-interlude{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(45px,6vw,110px);align-items:center;padding-bottom:12px}
.photo-interlude figure{margin:0}
.photo-interlude img{aspect-ratio:1.7;object-fit:cover}
.interlude-copy{padding-right:20px}
.interlude-copy h2{font-size:clamp(42px,3.6vw,66px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 25px}
.interlude-copy h2 em{font-weight:400}
.interlude-copy p{font:400 20px/1.7 "Editorial Serif",Georgia,serif;color:var(--slate);max-width:32ch;margin:0}
.bay-section{padding-block:76px 84px}
.place-notes{padding:0;margin:19px 0 0;list-style:none}
.place-notes li{border-bottom:1px solid var(--rule);padding:15px 0}
.place-notes li:first-child{padding-top:0}
.place-notes strong{display:block;font:400 22px/1.3 "Editorial Serif",Georgia,serif;margin-bottom:6px}
.place-notes span{font-size:12px;line-height:1.65;color:var(--slate);display:block}
.place-notes a{text-decoration:none}
.film-feature{background:var(--ink);color:var(--paper);padding:66px 0;scroll-margin-top:0}
.film-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(42px,5vw,90px);align-items:center}
.film-poster{position:relative;margin:0;overflow:hidden;background:#303c3e}
.film-poster img{aspect-ratio:16/9;object-fit:cover}
.film-poster::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(16,27,32,.8));pointer-events:none}
.film-poster figcaption{position:absolute;bottom:30px;left:32px;right:32px;z-index:1;color:white;margin:0}
.film-poster figcaption .eyebrow{display:block;color:white;font-size:10px}
.film-poster figcaption strong{display:block;font:400 clamp(32px,3vw,55px)/1.08 "Editorial Serif",Georgia,serif;letter-spacing:-.04em;margin-top:13px}
.film-copy .eyebrow{color:#ed7880}
.film-copy h2{font-size:clamp(42px,3.8vw,68px);line-height:1.06;letter-spacing:-.045em;margin:21px 0 22px}
.film-copy>p{font:400 20px/1.6 "Editorial Serif",Georgia,serif;color:#d8dbda;max-width:38ch;margin:0 0 24px}
.film-chapters{display:flex;gap:20px;flex-wrap:wrap;padding-top:19px;border-top:1px solid #515b5d;font-size:11px;letter-spacing:.035em;color:#d8dbda}
.film-chapters span b{font-weight:400;color:#ed7880;margin-right:8px}
.film-copy .film-status{font:400 11px/1.5 Inter,sans-serif;color:#b5bcba;margin:24px 0 0}
.article-endnote{padding-block:12px 34px;display:flex;justify-content:space-between;gap:35px}
.article-endnote p{font-size:12px;line-height:1.7;color:var(--slate);margin:0;max-width:66ch}
.article-endnote a{text-underline-offset:3px}
.cronulla-article .article-next{border-top:0;grid-template-columns:1fr 1.2fr;gap:70px;padding-block:55px 68px}
.cronulla-article .next-copy h2{font-size:60px}
.next-teaser{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:570px;justify-self:end}
.cronulla-article .next-teaser img{aspect-ratio:1.5;object-fit:cover;height:auto}
.cronulla-article .next-teaser img+img{object-fit:contain}
@media(min-width:1800px){.story-copy p{font-size:23px}.story-copy .story-lead{font-size:27px}}
@media(max-width:1100px){.cronulla-article .article-header{gap:40px;grid-template-columns:1.1fr 1fr}.cronulla-article .article-header h1{font-size:74px}.cronulla-article .article-deck{font-size:22px}.story-section{grid-template-columns:1fr 1.8fr;gap:35px}.margin-note{grid-column:2;max-width:none}.place-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px}.place-notes li{padding-top:0}.photo-interlude{gap:40px}.interlude-copy h2{font-size:44px}.film-grid{gap:38px}.film-copy h2{font-size:45px}.film-copy>p{font-size:18px}.story-index{gap:25px}.cronulla-article .article-next{gap:35px}}
@media(max-width:760px){.cronulla-article .article-header{display:block;padding-block:32px}.cronulla-article .article-header h1{font-size:64px;max-width:9ch;margin:17px 0 27px}.cronulla-article .article-deck{font-size:22px;max-width:none}.cronulla-article .article-hero img{aspect-ratio:1.65}.cronulla-article .article-hero figcaption{font-size:10px}.story-index{gap:14px;flex-wrap:wrap;padding-block:19px}.story-index .eyebrow{width:100%}.story-index a{font-size:12px}.story-index a span{margin-right:6px}.story-section{grid-template-columns:1fr;gap:28px;padding-block:42px}.section-heading h2{font-size:43px;margin-bottom:13px;max-width:15ch}.section-heading>p{max-width:none}.story-copy p{font-size:20px;line-height:1.7}.story-copy .story-lead{font-size:23px}.story-lead::first-letter{font-size:74px}.margin-note{grid-column:auto}.margin-note .note-number{font-size:50px}.photo-interlude{grid-template-columns:1fr;gap:29px;padding-bottom:0}.interlude-copy{padding-right:0}.interlude-copy h2{font-size:43px;max-width:15ch;margin:17px 0}.interlude-copy p{font-size:19px;max-width:none}.photo-interlude img{aspect-ratio:1.45}.place-notes{gap:20px}.film-feature{padding-block:38px}.film-grid{grid-template-columns:1fr;gap:30px}.film-poster figcaption{left:20px;right:20px;bottom:20px}.film-copy h2{font-size:45px}.film-copy>p{font-size:19px;max-width:none}.article-endnote{display:block;padding-block:25px}.article-endnote p+p{margin-top:15px}.cronulla-article .article-next{grid-template-columns:1fr;gap:28px;padding-block:38px}.cronulla-article .next-copy h2{font-size:48px}.next-teaser{justify-self:start;width:100%;max-width:none}.cronulla-article .article-credit{gap:9px 18px}}

.margin-note .note-number small{font-size:23px;letter-spacing:0}
.map-note h3{margin-bottom:20px}
.story-map{display:block;width:100%;height:260px;border:0;background:#e4e8e2;margin-bottom:16px}
.longform-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(0,280px);gap:clamp(48px,5vw,90px);max-width:1200px;margin:0 auto;padding:80px 24px 65px;scroll-margin-top:28px}
.longform-body{min-width:0}
.longform-body section{scroll-margin-top:38px}
.longform-body section+section{margin-top:64px}
.longform-body h2{font:400 clamp(42px,3.1vw,58px)/1.08 "Editorial Serif",Georgia,serif;letter-spacing:-.045em;margin:18px 0 30px}
.longform-body h3{font:400 31px/1.25 "Editorial Serif",Georgia,serif;letter-spacing:-.025em;margin:36px 0 20px}
.longform-body p{font:400 22px/1.8 "Editorial Serif",Georgia,serif;margin:0 0 25px}
.longform-body p.continuation-lead{font-size:27px;line-height:1.6;margin-bottom:29px}
.reader-sidebar{align-self:start;position:sticky;top:32px}
.visitor-note{margin-top:32px}
.visitor-note .eyebrow{font-size:10px}
.visitor-note h3{font:400 27px/1.2 "Editorial Serif",Georgia,serif;letter-spacing:-.025em;margin:16px 0 13px}
.visitor-note p{font-size:13px;line-height:1.75;color:var(--slate);margin:0 0 20px}
.visitor-note a{display:block;font-size:12px;line-height:1.7;padding-block:7px;text-decoration:none}
.reading-pullout{margin:52px 0 65px;padding:28px 0 32px;border-block:1px solid var(--rule)}
.reading-pullout p{font:400 italic clamp(32px,2.6vw,48px)/1.2 "Editorial Serif",Georgia,serif;letter-spacing:-.035em;margin:18px 0 0}


@media(max-width:1100px){.longform-grid{max-width:none;margin-inline:6vw;padding-inline:0;grid-template-columns:minmax(0,1fr) 230px;gap:42px}.reader-sidebar .place-notes{display:block}.reader-sidebar .place-notes li+li{padding-top:15px}.longform-body p{font-size:21px}.story-index{flex-wrap:wrap}.story-index .eyebrow{min-width:100px}}
@media(max-width:760px){.story-map{height:280px}.longform-grid{grid-template-columns:1fr;margin-inline:20px;padding-block:42px;gap:40px}.longform-body h2{font-size:43px}.longform-body h3{font-size:28px;margin-top:30px}.longform-body p{font-size:20px;line-height:1.7}.longform-body p.continuation-lead{font-size:23px}.longform-body section+section{margin-top:45px}.reader-sidebar{position:static}.reader-sidebar .place-notes{display:grid;grid-template-columns:1fr;gap:0}.reading-pullout{margin-block:38px 45px}.reading-pullout p{font-size:35px}}

.film-play{position:absolute;z-index:2;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(255,255,255,.9);border-radius:50%;color:var(--ink);background:rgba(249,249,246,.95);cursor:pointer;transition:background .2s,color .2s}
.film-play svg{width:32px;height:32px;fill:currentColor;margin-left:4px}
.film-play:hover{background:var(--red);color:white;border-color:var(--red)}
.film-availability{position:absolute;z-index:3;inset:auto 24px 24px;background:var(--paper);color:var(--ink);padding:18px 22px;font:400 14px/1.6 Inter,sans-serif}
.film-availability[hidden]{display:none}
.story-gallery{padding-block:42px 52px;border-block:1px solid var(--rule);scroll-margin-top:30px}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.gallery-heading h2{font-size:clamp(42px,3.5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:17px 0 15px}
.gallery-heading p{font:400 17px/1.6 Inter,sans-serif;color:var(--slate);margin:0}
.gallery-controls{display:flex;align-items:center;gap:12px;padding-bottom:3px}
.gallery-position{font-size:12px;letter-spacing:.1em;color:var(--slate);margin-right:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.gallery-controls button{width:46px;height:46px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--ink);cursor:pointer}
.gallery-controls button:hover:not(:disabled){border-color:var(--red);color:var(--red)}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-controls svg,.viewer-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.gallery-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/2.7);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:5px}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-track figure{margin:0;scroll-snap-align:start;min-width:0}
.gallery-photo{display:block;position:relative;overflow:hidden}
.gallery-photo img{height:350px;object-fit:cover}
.gallery-zoom{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:rgba(249,249,246,.92);color:var(--ink)}
.gallery-zoom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.story-gallery figcaption{display:flex;gap:12px;margin-top:15px;font-size:12px}
.story-gallery figcaption>span{color:var(--red);font-size:10px;letter-spacing:.1em;padding-top:2px}




.photo-viewer{border:0;padding:58px 84px 35px;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;background:#191b1c;color:var(--paper)}
.photo-viewer::backdrop{background:rgba(0,0,0,.9)}
.photo-viewer[open]{display:grid;place-items:center}
.photo-viewer figure{margin:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.photo-viewer img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 150px);object-fit:contain}
.photo-viewer figcaption{color:#d8dbda;font-size:13px;text-align:center;margin:0}
.viewer-toolbar{position:absolute;top:17px;left:32px;right:22px;display:flex;align-items:center;justify-content:space-between}
.viewer-position{font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.viewer-toolbar button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid #62696a;border-radius:50%;color:white;cursor:pointer;font-size:30px;font-weight:400}
.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:45px;height:45px;background:transparent;border:1px solid #62696a;border-radius:50%;color:white;cursor:pointer}
.viewer-back{left:22px}.viewer-forward{right:22px}
.photo-viewer button:hover{background:var(--red);border-color:var(--red)}
.viewer-open{overflow:hidden}
@media(max-width:1100px){.gallery-track{grid-auto-columns:calc((100% - 24px)/1.8)}.gallery-photo img{height:310px}}
@media(max-width:760px){.gallery-heading{align-items:start;flex-direction:column;gap:22px}.gallery-heading h2{font-size:44px}.gallery-controls{align-self:end}.gallery-track{grid-auto-columns:86%;gap:18px}.gallery-photo img{height:265px}.story-gallery{padding-block:32px}.film-play{width:66px;height:66px}.film-play svg{width:26px;height:26px}.photo-viewer{padding:65px 18px 100px}.photo-viewer img{max-height:calc(100dvh - 225px)}.viewer-arrow{top:auto;bottom:20px;transform:none}.viewer-back{left:calc(50% - 62px)}.viewer-forward{right:calc(50% - 62px)}.viewer-toolbar{left:20px}}

/* Finish the written story before the final photo spread. */
.story-wrapup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(50px,7vw,130px);padding-block:58px 42px;border-top:1px solid var(--rule);scroll-margin-top:30px}
.wrapup-heading h2{font:400 clamp(42px,3.5vw,64px)/1.08 "Editorial Serif",Georgia,serif;letter-spacing:-.045em;margin:20px 0 0}
.wrapup-copy{max-width:780px}
.wrapup-copy p{font:400 22px/1.8 "Editorial Serif",Georgia,serif;margin:0 0 25px}
.wrapup-copy .text-link{margin-top:6px}
@media(max-width:1100px){.story-wrapup{gap:45px;grid-template-columns:1fr 1.5fr}.wrapup-copy p{font-size:21px}}
@media(max-width:760px){.story-wrapup{grid-template-columns:1fr;gap:28px;padding-block:38px 28px}.wrapup-heading h2{font-size:43px}.wrapup-copy p{font-size:20px;line-height:1.7}}

.wrapup-photo{margin:28px 0 0;width:100%;max-width:320px}
.wrapup-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:15% center}
@media(max-width:760px){.wrapup-photo{max-width:340px;margin-top:24px}}