/* Big coastal imagery and small, useful ways into the magazine. */
.mast nav{min-width:0;flex-wrap:wrap;gap:8px 22px}
.portal-promo{margin:30px 5%;padding:25px 28px;border:1px solid #132432;border-left:7px solid #d60067;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffe1ee}.portal-promo h2{font:700 36px/1.1 var(--display);margin:9px 0}.portal-promo p:not(.eyebrow){font-size:1rem;max-width:64ch}.portal-promo .pill{flex-shrink:0;min-height:48px}@media(max-width:760px){.portal-promo{margin:22px 6%;padding:23px;display:block}.portal-promo .pill{margin-top:18px}.portal-promo h2{font-size:32px}}
[hidden]{display:none!important}
.cinematic-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:end;min-height:660px;min-height:clamp(570px,82svh,900px);background:#143849;color:#fff;overflow:hidden}
.cinema-poster,.cinema-video,.cinema-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:cover;object-position:50% 50%}
.cinema-video{z-index:-2;opacity:0;transition:opacity .7s ease}.cinema-video.is-playing{opacity:1}
.cinema-shade{z-index:-1;background:linear-gradient(90deg,#071e30b8,#071e3020 85%),linear-gradient(0deg,#071e30e0,transparent 62%)}
.cinema-copy{padding:65px 5% 44px}.cinema-copy .eyebrow{font-size:.8rem;letter-spacing:2px}
.cinema-copy h1{font:800 clamp(76px,10vw,160px)/.87 var(--display,'Barlow Condensed',Impact,sans-serif);letter-spacing:-2px;margin:26px 0}
.cinema-copy h1 em{color:#ffabd4;font-style:normal}.cinema-copy>p:not(.eyebrow){font-size:clamp(17px,1.6vw,21px);line-height:1.6}
.cinema-actions{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:25px}.cinema-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;font-weight:700;text-underline-offset:6px}
.cinema-bottom{margin:0 5%;border-top:1px solid #ffffff75;padding:20px 0;display:flex;justify-content:space-between;align-items:end;gap:20px}
.cinema-feature{text-decoration:none}.cinema-feature>span{display:block;font-size:.75rem;letter-spacing:1px}.cinema-feature strong{display:block;font:700 28px/1.15 var(--display,'Barlow Condensed',Impact,sans-serif);margin-top:7px}.cinema-feature:hover strong{text-decoration:underline;text-underline-offset:4px}
.cinema-controls{display:flex;align-items:center;gap:20px}.cinema-controls>a{font-size:.75rem;max-width:24ch;line-height:1.5;text-underline-offset:3px}.cinema-controls button{min-height:44px;white-space:nowrap;border:1px solid #ffffff90;border-radius:28px;background:#132432bd;color:#fff;font:700 .875rem/1.3 'DM Sans',Arial,sans-serif;padding:10px 17px;cursor:pointer}
.mood-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px 25px;padding:10px 5%;background:#132432;color:#fff;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#91cbe5 #132432;border-bottom:1px solid #51778b}
.mood-nav>span{font-size:.75rem;color:#b7e2f6;letter-spacing:1px;white-space:nowrap}.mood-nav a{flex-shrink:0;min-height:44px;display:flex;align-items:center;font-size:.875rem;font-weight:700;text-decoration:none}.mood-nav a:hover{color:#ffabd4;text-decoration:underline;text-underline-offset:6px}
html{scroll-padding-top:85px}.front-page{padding-top:0}.reading-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px;padding:4px 0 28px}.reading-deck .reading-card{display:flex;flex-direction:column;border-top:2px solid #132432;padding-top:18px}.reading-deck .reading-dek{margin-bottom:14px}.reading-deck .reading-meta{margin-top:auto}.deck-controls{display:none}
.guide-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 28px}.guide-filters button{border:1px solid #132432;background:transparent;color:#132432;font:700 .875rem/1.3 'DM Sans',Arial,sans-serif;padding:12px 17px;min-height:44px;border-radius:24px;cursor:pointer}.guide-filters button[aria-pressed=true]{background:#132432;color:#fff}.guide-filters p{font-size:.875rem;color:#43545f;margin-left:auto}
.sharable-story{min-width:0;display:flex;flex-direction:column}.sharable-story .story-card{flex:1}.card-share{align-self:flex-start;margin-top:12px}
.share-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid currentColor;border-radius:24px;padding:10px 17px;font:700 .875rem/1.3 'DM Sans',Arial,sans-serif;background:#fffdf8;color:#132432;cursor:pointer;text-decoration:none;box-sizing:border-box}
.share-button:hover,.copy-button:hover{background:#b7e2f6}.share-button:focus-visible,.copy-button:focus-visible,.guide-filters button:focus-visible,.mood-nav a:focus-visible{outline:3px solid #d60067;outline-offset:4px}.share-button:disabled,.copy-button:disabled{opacity:.65;cursor:wait}
.share-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.story-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}.story-share>span{font:400 .875rem/1.5 'DM Sans',Arial,sans-serif;margin-right:4px}.share-note{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100% - 32px);width:max-content;background:#132432;color:#fff;padding:13px 20px;border-radius:8px;font:500 .875rem/1.5 'DM Sans',Arial,sans-serif;box-shadow:0 8px 30px #0003}.share-note:empty{display:none}
.share-dialog{border:1px solid #132432;border-radius:16px;max-width:520px;width:calc(100% - 32px);padding:28px;background:#fffdf8;color:#132432;font:400 1rem/1.6 'DM Sans',Arial,sans-serif}.share-dialog::backdrop{background:#071e3099}.share-dialog h2{font:700 32px/1.1 'Barlow Condensed',Impact,sans-serif;margin:0 0 14px}.share-dialog label{display:block;margin:16px 0 6px;font-size:.875rem}.share-dialog input{width:100%;min-width:0;font:400 1rem/1.5 'DM Sans',Arial,sans-serif;padding:12px;border:1px solid #586974;border-radius:6px;box-sizing:border-box}.share-dialog form{margin-top:20px;text-align:right}
.story-progress{position:fixed;left:0;top:0;right:0;height:4px;z-index:60;background:transparent;pointer-events:none}.story-progress>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#d60067}
@media(min-width:1700px){.cinema-copy{padding-inline:calc((100vw - 1500px)/2)}.cinema-bottom{margin-inline:calc((100vw - 1500px)/2)}}
@media(max-width:1000px){.reading-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-controls{gap:12px}.cinema-controls>a{max-width:20ch}.mood-nav{gap:22px}}
@media(max-width:760px){
 .mast{min-height:0;padding:16px 6% 10px;gap:10px}.mast nav{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:20px;padding:0 0 3px;scrollbar-width:none}.mast nav a{flex-shrink:0;min-height:38px;font-size:.875rem}.mast-note{display:none}.brand>.brand-top{font-size:28px}.brand>.brand-bottom{font-size:21px}
 .cinematic-hero{min-height:590px;min-height:clamp(550px,78svh,730px)}.cinema-poster,.cinema-video{object-position:59% center}.cinema-copy{padding:48px 6% 30px}.cinema-copy .eyebrow{max-width:30ch;line-height:1.7;font-size:.75rem;letter-spacing:1.2px}.cinema-copy h1{font-size:clamp(55px,13.5vw,100px);letter-spacing:-1px;margin:22px 0}.cinema-copy>p:not(.eyebrow){font-size:1rem;max-width:32ch}.cinema-copy>p br{display:none}.cinema-actions{gap:8px 20px;margin-top:20px}.cinema-actions .pill{padding:12px 19px}.cinema-text-link{font-size:.875rem}.cinema-bottom{margin:0 6%;padding:17px 0;flex-wrap:wrap;gap:14px}.cinema-feature strong{font-size:25px}.cinema-controls{width:100%;justify-content:space-between}.cinema-controls>a{max-width:none}.cinema-controls button{min-height:44px}.mood-nav{padding:7px 6%;gap:22px}.mood-nav>span{display:none}html{scroll-padding-top:75px}
 .reading-deck{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 6% 20px;margin:0 -6.82%;scrollbar-width:thin;scrollbar-color:#43545f #d9e7ed}.reading-deck .reading-card{flex:0 0 min(82vw,360px);scroll-snap-align:start;scroll-margin-left:6vw;background:#e2eff3;border:1px solid #13243235;border-top:3px solid #132432;padding:23px;border-radius:4px}.reading-deck .reading-card:nth-child(2n){background:#ffe4ef}.reading-deck .reading-card h3{font-size:32px}.reading-deck .reading-meta{padding-top:6px;gap:5px 12px}.deck-controls{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:16px}.deck-controls p{font-size:.875rem}.deck-controls>div{display:flex;gap:8px}.deck-controls button{width:44px;height:44px;border:1px solid #132432;border-radius:50%;background:transparent;font-size:24px;cursor:pointer;color:#132432}.deck-controls button:disabled{opacity:.3;cursor:default}
 .guide-filters{gap:8px;margin-bottom:24px}.guide-filters button{padding:10px 14px}.guide-filters p{width:100%;margin:4px 0 0}.story-grid{grid-template-columns:1fr;gap:30px}.intro-destination h3{font-size:29px}.intro-destination p{font-size:1rem}.intro-destination .eyebrow{font-size:.75rem}
 .reader-article{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.reader-article .story-share{position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:center;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #1324323d;background:#fffdf8f5;backdrop-filter:blur(12px)}.reader-article .story-share>span{display:none}.reader-article .story-share .share-button{background:#132432;color:#fff;flex:1;max-width:280px}.reader-article .share-note{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.story-head{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema-video{transition:none}.reading-deck{scroll-behavior:auto}}

/* A little Boardwalk color in the first reading stop. */
.reading-deck .reading-card{padding:24px;min-width:0;background:var(--blue);border:1px solid #13243255;border-top:4px solid var(--ink);border-radius:4px}
.reading-deck .reading-card:nth-child(3n+2){background:#ffe59a}
.reading-deck .reading-card:nth-child(3n){background:var(--pink)}
.reading-deck .reading-card h3{line-height:1.12}
.reading-deck .reading-category{color:var(--ink)}
.reading-deck .share-button{background:#fffdf8cc}
.reading-deck .share-button:hover{background:#fffdf8}
@media(max-width:760px){.reading-deck .reading-card{padding:23px}}

/* A full-width photo break, with the photograph and its date kept visible. */
.coastal-postcard{background:var(--ink);color:var(--paper);padding:38px 5% 30px;border-top:8px solid var(--pink)}
.postcard-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.postcard-heading .eyebrow{color:#ffe59a}
.postcard-heading h2{font:800 clamp(42px,5.7vw,82px)/1 var(--display);margin-top:10px;letter-spacing:-.5px}
.postcard-heading>a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;font-size:.875rem;font-weight:700;color:var(--blue);text-underline-offset:5px}
.coastal-postcard figure{margin:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);background:#ffe59a;color:var(--ink);border-bottom:8px solid var(--blue)}
.coastal-postcard img{display:block;width:100%;height:auto;align-self:center}
.coastal-postcard figcaption{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(24px,3.5vw,56px);font-size:1rem;line-height:1.7;min-width:0}
.coastal-postcard figcaption p{max-width:42ch}
.coastal-postcard .postcard-dek{font:700 clamp(30px,3.6vw,54px)/1.1 var(--display);margin:20px 0 24px;overflow-wrap:break-word}
.coastal-postcard .postcard-credit{font-size:.75rem;line-height:1.8}
.coastal-postcard figcaption a{color:inherit;text-underline-offset:3px}
@media(max-width:760px){.coastal-postcard{padding:28px 6% 24px}.postcard-heading{display:block;margin-bottom:18px}.postcard-heading h2{font-size:clamp(40px,10vw,64px)}.postcard-heading>a{margin-top:12px}.coastal-postcard figure{grid-template-columns:minmax(0,1fr)}.coastal-postcard figcaption{gap:22px;padding:25px}.coastal-postcard .postcard-dek{font-size:38px;margin:16px 0 20px}}

.section-heading,.front-heading,.postcard-heading{flex-wrap:wrap}
.section-share{flex-shrink:0;margin-left:auto;align-self:center;font-size:.875rem}
section>.section-share{margin-top:24px}
.postcard-heading .section-share{background:#b7e2f6}
.share-dialog{width:min(560px,calc(100% - 28px));max-height:85svh;overflow:auto;padding:28px;border-radius:20px}
.share-dialog h2{font-size:40px;margin-bottom:12px}.share-dialog #share-item-title{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.share-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.share-destinations a{display:flex;align-items:center;justify-content:center;min-height:54px;padding:13px 8px;border:1px solid #132432;border-radius:12px;background:#b7e2f6;color:#132432;font-size:.875rem;font-weight:700;text-decoration:none}
.share-destinations a:nth-child(2){background:#ffabd4}.share-destinations a:nth-child(3){background:#ffe59a}.share-destinations a:hover{background:#132432;color:#fffdf8}
.share-copy-row{display:flex;gap:10px}.share-copy-row input{min-width:0;flex:1;font-size:1rem}.share-copy-row button{flex-shrink:0}
.share-dialog [data-share-feedback]{min-height:1.5em;font-size:.875rem;margin:12px 0 0}.share-dialog form{margin-top:16px}
.footer-discovery{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;width:100%;margin-top:28px;padding-top:24px;border-top:1px solid currentColor;font:700 .875rem/1.5 'DM Sans',Arial,sans-serif}
.footer-discovery>a{display:flex;align-items:center;min-height:44px;text-underline-offset:5px}.footer-discovery .share-button{background:#ffabd4;color:#132432;margin-left:auto}.portal-footer{flex-wrap:wrap}
@media(max-width:760px){.section-share{margin-left:0}.postcard-heading .section-share{display:flex;margin-top:12px}.share-dialog{padding:23px}.footer-discovery{gap:10px 22px}.footer-discovery .share-button{margin-left:0}.share-copy-row{flex-wrap:wrap}.share-copy-row input{flex-basis:100%}}
