/* Red painted fascia and fabric awning, inspired by a Paris neighbourhood bar. */
.masthead{max-width:none;height:176px;margin:0 18px;background:#a7211c;border:9px solid #801c18;border-top:0;box-shadow:inset 0 0 0 2px #c35d45,inset 0 -8px 16px #64110c30;position:relative;color:var(--cream)}
.bar-sign{display:flex;flex-direction:column;align-items:center;gap:12px}
.sign-city{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:4px;color:#f3d5a8;line-height:1}
.masthead .wordmark{font-size:65px;letter-spacing:1px;color:#fff2cc;text-shadow:1px 2px #661d15}
.sign-location,.sign-details{font-size:9px;font-weight:600;letter-spacing:3px;color:#f3d5a8}
.sign-details{font-size:20px;letter-spacing:4px}
.masthead .edition{right:28px;color:#f3d5a8}.masthead .edition span{color:#f3d5a8}
.masthead .back{color:var(--cream);border-color:#d895744f}
.awning{height:34px;margin:0 18px;background:repeating-linear-gradient(90deg,#c42c24 0 24px,#faefda 24px 48px);border-top:3px solid #7d1a16;border-bottom:5px solid #a7211c;box-shadow:0 5px 6px #55261812;border-radius:0 0 6px 6px}
.progress-track{margin-top:11px;background:transparent}
.intro-heading h1{font-size:clamp(36px,4.3vw,56px);max-width:850px;margin:0 auto 17px;line-height:1.1;letter-spacing:-1px}
.intro-heading .lede{color:#694c40;font-size:19px}.intro-page{padding-top:35px}
.intro-grid{gap:58px;margin-top:35px}.intro-copy h2{font-size:30px}.intro-copy>p,.lede,.photo-option small,.explain-list p{color:#705b50}
.postcard{transform:rotate(-1.5deg)}.postcard img{height:270px}.postcard figcaption{font-size:19px}
.option[aria-pressed=true]{background:#f3e4d5;border-color:var(--red)}.option[aria-pressed=true]:after{background:var(--red)}
.question-page{padding-top:32px;min-height:calc(100vh - 295px)}.story{padding-top:32px}.story h1{font-size:42px;line-height:1.15;letter-spacing:-1px}.story .postcard{max-width:550px}.story .postcard img{height:300px}.story .postcard figcaption{font:10px var(--sans);font-style:normal;letter-spacing:1px;justify-content:center}
.photo-option img{filter:none}.site-footer{color:#87716a}.demo{color:#705b50}
@media(max-width:700px){.masthead{height:138px;margin:0 9px;border-width:6px}.masthead .wordmark{font-size:48px;letter-spacing:0}.bar-sign{gap:10px}.sign-location{font-size:7px;letter-spacing:1.7px}.sign-details{font-size:16px;letter-spacing:2px}.masthead .edition{display:none}.masthead .back{left:10px}.awning{margin:0 9px;height:26px;background-size:auto}.intro-page{padding-top:25px}.intro-heading h1{font-size:35px;letter-spacing:-.5px}.intro-heading .lede{font-size:16px}.intro-grid{gap:27px}.postcard img{height:220px}.postcard figcaption{font-size:17px}.intro-copy h2{font-size:28px}.story h1{font-size:33px}.story .postcard img{height:230px}}

/* Noomad photo-album landing page: neutral Paris stone, awning red and analog film. */
:root{--cream:#f0efec;--paper:#f8f7f4;--green:#253831;--red:#a7211c;--muted:#77736f;--line:#d6d2cc}
.masthead .wordmark{color:#f2efeb;text-shadow:1px 2px #661d15}
.sign-location,.sign-details,.masthead .edition,.masthead .edition span{color:#e7e2db}
.awning{background:repeating-linear-gradient(90deg,#a7211c 0 24px,#f0efec 24px 48px)}
.landing-page{max-width:1440px;margin:0 auto;padding:clamp(28px,5vw,70px) clamp(20px,5vw,72px) 72px}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:center;gap:clamp(30px,5vw,76px);min-height:480px}
.landing-postcard{margin:0;transform:rotate(-1.1deg);filter:drop-shadow(0 16px 24px #20292320)}
.landing-postcard img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain}
.landing-postcard figcaption{display:flex;justify-content:space-between;gap:12px;margin:13px 8px 0;color:#716d68;font-size:9px;letter-spacing:1.5px}
.landing-copy{max-width:510px;padding:24px 0}
.landing-copy .eyebrow{color:#77736f;font-size:10px;letter-spacing:1.7px;line-height:1.8}
.landing-copy h1{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-1.8px;color:#273a34;margin-bottom:22px}
.landing-copy h1 em{color:var(--red);font-style:normal}
.landing-copy .lede{margin:0;color:#686a66;font-size:17px;line-height:1.6}
.landing-cta{margin-top:28px;min-width:210px}
.photo-album{margin-top:clamp(48px,8vw,104px);padding:clamp(24px,4vw,48px);background:#263832;color:#f1efec;overflow:hidden}
.album-heading{display:flex;align-items:end;gap:28px;margin-bottom:26px}
.album-heading .eyebrow{color:#c7c9c2;margin-bottom:9px}
.album-heading h2{font:clamp(30px,4vw,48px)/1 'Libre Caslon Display',Georgia,serif;margin:0;color:#f1efec}
.album-date{margin-left:auto;padding-left:18px;border-left:1px solid #ffffff50;color:#d3d1ca;font-size:9px;line-height:1.8;letter-spacing:1.5px}
.album-controls{display:flex;gap:8px}
.album-controls button{width:42px;height:42px;border:1px solid #f1efec80;border-radius:50%;background:transparent;color:#f1efec;font-size:20px;transition:background .2s,color .2s}
.album-controls button:hover{background:#f1efec;color:#263832}
.film-window{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d3d1ca #263832;padding:15px 0 20px;outline-offset:5px}
.film-track{display:flex;width:max-content;gap:16px;padding:0 2px}
.film-frame{position:relative;flex:0 0 clamp(250px,31vw,400px);margin:0;padding:16px 11px 11px;background:#151e1b;scroll-snap-align:start}
.film-frame:before,.film-frame:after{content:"";position:absolute;left:8px;right:8px;height:7px;background:radial-gradient(ellipse at center,#d5d3ce 0 3px,transparent 3.5px) 0 0/22px 7px repeat-x;opacity:.9}
.film-frame:before{top:4px}.film-frame:after{bottom:4px}
.film-frame img{display:block;width:100%;height:clamp(220px,28vw,345px);object-fit:cover;filter:saturate(.83);background:#dad7d1}
.film-frame figcaption{display:flex;justify-content:space-between;gap:8px;padding:11px 3px 3px;color:#efede8;font-size:8px;letter-spacing:1.35px}
.film-frame figcaption span:first-child{color:#c4c5be}
.album-footnote{margin:16px 0 0;text-align:right;color:#c5c8c1;font-size:11px;letter-spacing:.4px}
.landing-page[hidden],#main[hidden],#progressbar[hidden]{display:none}
@media(max-width:800px){.landing-page{padding:28px 20px 45px}.landing-hero{grid-template-columns:1fr;gap:20px;min-height:0}.landing-postcard{order:0;width:min(100%,650px);margin:0 auto}.landing-copy{order:1;padding:8px 3px 0;max-width:650px}.landing-copy h1{font-size:clamp(36px,8vw,52px)}.landing-copy .lede{font-size:15px}.landing-postcard figcaption{font-size:7px;letter-spacing:1px}.photo-album{margin:48px -20px 0;padding:29px 20px 26px}.album-heading{gap:15px;flex-wrap:wrap}.album-date{font-size:8px}.album-controls{margin-left:auto}.film-frame{flex-basis:min(78vw,340px)}.film-frame img{height:270px}}
@media(max-width:450px){.album-date{display:none}.album-heading h2{font-size:34px}.film-frame{flex-basis:82vw}.film-frame img{height:245px}.landing-postcard figcaption{font-size:6.5px}.landing-copy .eyebrow{font-size:8px}}

/* One cohesive postcard-and-contact-sheet composition. */
.masthead .wordmark{font-family:'Cormorant Infant',Georgia,serif;letter-spacing:-1px}
.landing-page{max-width:1380px;padding-top:clamp(18px,3vw,40px);color:#293a35}
.landing-hero{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:0}
.landing-postcard{width:min(100%,1120px);margin:0 auto;transform:rotate(-.45deg);filter:drop-shadow(0 10px 18px #252b2930)}
.landing-postcard img{width:100%;max-height:clamp(250px,43vw,570px);object-fit:cover;object-position:center 52%;filter:saturate(.84) contrast(1.02)}
.landing-postcard figcaption{color:#676a66}
.landing-copy{max-width:900px;text-align:center;padding:12px 0 0}
.landing-copy .eyebrow{color:#77736f}
.landing-copy h1{max-width:850px;margin:0 auto 15px;font-family:var(--sans);font-weight:700;font-size:clamp(34px,4vw,56px);line-height:.98;color:#293a35;letter-spacing:-1.2px}
.landing-copy h1 .headline-main{font-size:1.08em}
.landing-copy h1 em{display:inline-block;font-size:.82em;font-weight:700;letter-spacing:-.7px;margin-top:8px}
.landing-copy h1 em{color:#a7211c}
.landing-cta{margin:20px auto 0}
.photo-album{margin-top:clamp(34px,5vw,64px);padding:clamp(18px,3vw,36px);background:#e4e2de;color:#293a35;border:1px solid #d1cfca}
.album-heading{margin-bottom:18px;align-items:center}
.album-heading .eyebrow{color:#77736f;margin-bottom:7px}
.album-heading h2{color:#293a35;font-family:'Cormorant Infant',Georgia,serif}
.album-date{color:#6c6d68;border-color:#aaa8a2}
.album-collage{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:clamp(105px,13vw,180px) clamp(105px,13vw,180px);gap:5px;padding:7px;background:#f6f5f2;border:1px solid #c8c6c0;box-shadow:0 8px 20px #28292318;position:relative;margin:0;transform:rotate(.2deg)}
.album-collage img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(.98);min-width:0}
.album-collage .collage-bar{grid-column:1;grid-row:1 / span 2;object-position:center 58%}
.album-collage .collage-dinner{grid-column:2;grid-row:1;object-position:center 42%}
.album-collage .collage-city{grid-column:3;grid-row:1;object-position:center 45%}
.album-collage .collage-toast{grid-column:2 / span 2;grid-row:2;object-position:center 48%}
.album-collage figcaption{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;padding:7px 3px 1px;color:#656660;font-size:8px;letter-spacing:1.4px}
.album-collage figcaption span:first-child{color:#a92b2c}
@media(max-width:800px){.landing-page{padding:20px 16px 38px}.landing-hero{gap:10px}.landing-copy{order:0;padding:10px 3px 0}.landing-postcard{order:1;width:100%}.landing-postcard img{max-height:none;aspect-ratio:1.42;object-position:center 55%}.landing-copy h1{font-size:clamp(31px,8vw,45px)}.landing-copy .eyebrow{font-size:8px}.sign-city{font-size:8px;letter-spacing:3px}.photo-album{margin:34px 0 0;padding:17px 13px 16px}.album-heading{gap:8px}.album-date{margin-left:auto;font-size:7px;padding-left:10px}.album-heading h2{font-size:34px}.album-collage{grid-template-rows:clamp(105px,29vw,170px) clamp(105px,29vw,170px);gap:4px;padding:5px}.album-collage figcaption{font-size:6px;letter-spacing:1px}}
@media(max-width:420px){.album-date{display:none}.album-collage{grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:108px 108px}.album-collage figcaption{font-size:5.5px}}

/* Postcard above a full-bleed branded photo-collage section. */
.landing-copy{width:100%;max-width:1100px}
.landing-postcard{width:min(100%,580px);margin:clamp(14px,2vw,24px) auto 0}
.landing-postcard img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 20px #24151320)}
.collage-section{position:relative;left:0;width:100vw;margin-left:calc(50% - 50vw);transform:none;box-sizing:border-box;margin-top:clamp(22px,3vw,36px);padding:clamp(22px,4vw,48px) max(20px,calc((100vw - 1100px)/2));background:var(--red)}
.landing-collage{width:min(100%,980px);margin:0 auto}
.landing-collage img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 24px #24151324)}
.landing-cta{margin:clamp(18px,3vw,30px) auto 0}
@media(max-width:800px){.landing-copy{width:100%}.landing-postcard{width:100%;margin-top:16px}.collage-section{margin-top:20px;padding:22px 16px}.landing-collage{width:100%}}

/* Geometric display treatment matching the requested Noomad wordmark. */
.masthead .wordmark{font-family:'Righteous',sans-serif;font-size:65px;letter-spacing:1px;text-shadow:1px 2px #661d15}
@media(min-width:701px){.masthead .edition{display:none}}
@media(max-width:700px){.masthead .wordmark{letter-spacing:0}}

.masthead .sign-details{font-size:16px;letter-spacing:5.25px}
@media(max-width:700px){.masthead .sign-details{font-size:12px;letter-spacing:3px}}

/* Keep the landing postcard fully visible on desktop and mobile. */
.landing-postcard{overflow:visible}
.landing-postcard img{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto;object-fit:contain;object-position:center}