@charset "UTF-8";
/* CountdownHub — individually themed site. No external UI libraries. */
:root{--bg:#111b24;--fg:#fafafa;--accent:#9ce0d0;--surface:#213040;--muted:#b5c2c7;--light:#c9fff2;--title-size:clamp(4rem,9vw,9.9rem);--photo-grain:0;--radius:24px;--photo-x:50%;--photo-y:50%;--letter:-.065em;--texture-angle:110deg;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;color:#111;padding:.75rem 1rem;z-index:999}.skip-link:focus{top:1rem}
.site-header{height:84px;padding:0 clamp(18px,5vw,84px);background:#080d19;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:15;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:inline-flex;flex:0 0 auto;align-items:center;max-width:min(29vw,265px)}.brand img{width:min(28vw,265px);height:auto;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:clamp(18px,3vw,38px)}.site-header nav a{font-size:.72rem;font-weight:700;text-decoration:none;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.78);transition:color .2s}.site-header nav a:hover{color:#fff}
.mobile-menu{display:none;background:none;border:0;padding:10px;min-width:42px;min-height:42px}.mobile-menu span{display:block;width:22px;height:2px;margin:6px 0;background:#fff}
.hero{position:relative;min-height:700px;min-height:min(840px,calc(100svh - 84px));overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;column-gap:clamp(18px,4vw,72px);padding:clamp(32px,5vw,85px);background:var(--bg)}
.hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 20% 80%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 42%),linear-gradient(var(--texture-angle),transparent 55%,color-mix(in srgb,var(--accent) 7%,transparent))}
.hero-media{position:relative;overflow:hidden;min-height:365px;isolation:isolate;background:linear-gradient(145deg,var(--surface),var(--bg));border-radius:var(--radius)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-x) var(--photo-y);filter:saturate(.88) contrast(1.05);transition:transform 1.1s ease,filter .55s ease}
.hero-media:hover .hero-image{transform:scale(1.035)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,0,0,.08),transparent 36%,rgba(0,0,0,.3));pointer-events:none}
.photo-caption{position:absolute;bottom:20px;left:22px;color:#fff;z-index:1;text-shadow:0 1px 8px #000;font-size:.61rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}
.hero-copy{position:relative;z-index:2;align-self:center;min-width:0}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:clamp(.65rem,1vw,.77rem);font-weight:850;letter-spacing:.22em;text-transform:uppercase}.eyebrow-line{height:1px;width:25px;background:currentColor}.eyebrow-star{font-size:1.4rem;margin-left:1rem}
.hero h1{font-weight:750;letter-spacing:var(--letter);font-size:var(--title-size);line-height:.86;overflow-wrap:normal;hyphens:auto;margin:clamp(24px,4vw,50px) 0 22px;text-wrap:balance}
.hero-line{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.3rem,2vw,2.2rem);line-height:1.15;letter-spacing:-.025em;max-width:620px;margin:0 0 20px}
.hero-intro{max-width:550px;font-size:clamp(.91rem,1.15vw,1.05rem);color:var(--muted);line-height:1.78;margin:0}
.scroll-cue{display:inline-flex;gap:24px;align-items:center;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid currentColor;padding:16px 0 10px;margin-top:25px}.scroll-cue span{font-size:1.4rem;color:var(--accent)}
.countdown-console{position:relative;z-index:3;min-width:0;background:var(--surface);padding:clamp(20px,3.5vw,42px);box-shadow:0 22px 70px rgba(0,0,0,.08);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:calc(var(--radius)/2)}
.timer-top,.timer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.62rem;letter-spacing:.15em;font-weight:750;text-transform:uppercase;color:var(--muted)}
.timer-top{padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}.timer-bottom{padding-top:17px;border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent);flex-wrap:wrap;line-height:1.4}
.timer-signal{height:7px;width:7px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}.timer-zone,.time-status{color:var(--accent)}
.digit-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:24px 0}.unit{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:9px}.unit strong{font-size:clamp(2rem,4.5vw,4.25rem);font-weight:650;line-height:1;letter-spacing:-.075em;white-space:nowrap;font-variant-numeric:tabular-nums}.unit small{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}.unit:not(:first-child){padding-left:10px;border-left:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}
.celebration-message{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.celebration-message h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em;line-height:1.05;margin:0}.celebration-message p{color:var(--muted);line-height:1.6}.celebration-star{color:var(--accent);font-size:2.2rem}
.hero-side{position:absolute;right:12px;bottom:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.58rem;letter-spacing:.2em;font-weight:800;opacity:.45;pointer-events:none}
.section-band{display:flex;justify-content:space-between;gap:24px;padding:16px clamp(22px,6vw,92px);border-block:1px solid color-mix(in srgb,var(--fg) 14%,transparent);color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800}
.content-flow{display:flex;flex-direction:column}.content-flow.experience-first .experience-section{order:-1}
.story-section,.experience-section{padding:clamp(74px,10vw,150px) clamp(24px,8vw,135px)}
.story-section{background:var(--bg)}.story-heading{display:grid;grid-template-columns:minmax(250px,1fr) minmax(200px,.72fr);gap:40px;align-items:end;max-width:1450px;margin:0 auto 60px}.section-index{font-size:.67rem;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);font-weight:850;margin:0 0 16px}
.story-heading .section-index{grid-column:1/-1;margin-bottom:-15px}.story-heading h2{font-size:clamp(2.7rem,6vw,6.3rem);line-height:.95;letter-spacing:-.065em;margin:0;max-width:780px;font-weight:700;text-wrap:balance}
.story-heading>p{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.85;color:var(--muted);max-width:510px;margin:0 0 4px}
.story-grid{max-width:1450px;margin:auto}.story-card{min-width:0;position:relative}.story-card h3{font-size:clamp(1.15rem,2vw,1.65rem);letter-spacing:-.03em;line-height:1.2;margin:16px 0}.story-card p{color:var(--muted);line-height:1.75;margin:0;font-size:.95rem}.story-num,.story-card>small{font-size:.66rem;letter-spacing:.17em;color:var(--accent);font-weight:850}
.story-grid--magazine{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1px;background:color-mix(in srgb,var(--fg) 16%,transparent);border:1px solid color-mix(in srgb,var(--fg) 16%,transparent)}.story-grid--magazine .story-card{background:var(--bg);padding:clamp(25px,3vw,55px);min-height:230px}
.story-grid--rail{display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.story-grid--rail .story-card{display:grid;grid-template-columns:130px 1fr;padding:28px 0;border-bottom:1px solid color-mix(in srgb,var(--fg) 20%,transparent);max-width:1100px}.story-grid--rail .story-card h3{margin:0 0 8px}
.story-grid--accordion{display:grid;gap:11px;max-width:1100px}.story-grid--accordion .story-card{padding:25px 34px;background:var(--surface);border-radius:10px;border:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}.story-grid--accordion summary{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:700;cursor:pointer}.story-grid--accordion details p{margin-top:15px}
.story-grid--columns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,5vw,80px)}.story-grid--columns .story-card{border-top:3px solid var(--accent);padding-top:28px}
.story-grid--steps{max-width:980px;display:grid;grid-template-columns:1fr;gap:10px}.story-grid--steps .story-card{display:grid;grid-template-columns:40px 1fr;gap:26px;padding:20px 0}.story-marker{width:17px;height:17px;border-radius:50%;background:var(--accent);border:5px solid var(--surface);box-shadow:0 0 0 1px var(--accent);margin-top:16px}.story-grid--steps .story-card h3{margin-top:0}
.story-grid--spotlight{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-grid--spotlight .story-card{background:var(--surface);padding:42px;border-radius:var(--radius)}.story-grid--spotlight .story-card:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:380px}.story-grid--spotlight .story-card:first-child h3{font-size:clamp(2rem,3vw,3.1rem)}
.experience-section{background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px);align-items:center}.experience-head{max-width:540px}.experience-head h2{font-size:clamp(2.5rem,5.5vw,6rem);line-height:.96;letter-spacing:-.06em;margin:0 0 24px;text-wrap:balance}.experience-head>p:last-child{font-size:1.06rem;line-height:1.7;color:var(--muted)}
.experience-panel{position:relative;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);padding:clamp(24px,4vw,62px);background:color-mix(in srgb,var(--bg) 35%,transparent)}
.experience-button,.final-actions button,.plan-button{appearance:none;border:1px solid var(--accent);padding:17px 22px;background:var(--accent);color:var(--bg);font-weight:850;font-size:.76rem;letter-spacing:.07em;min-height:50px;display:inline-flex;gap:24px;align-items:center;justify-content:space-between;transition:transform .2s,background .2s}.experience-button:hover,.final-actions button:hover,.plan-button:hover{transform:translateY(-2px)}
.interactive-hint,.experience-panel p{color:var(--muted);font-size:.92rem;line-height:1.7;margin:0}.experience-panel blockquote{font-size:clamp(1.1rem,2vw,1.6rem);font-family:Georgia,serif;line-height:1.5;letter-spacing:-.018em;margin:10px 0 0}
.postcard-controls,.time-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;width:100%}.postcard-controls button,.time-controls button{width:54px;height:54px;border:1px solid var(--accent);background:transparent;color:var(--fg);font-size:1.6rem}.postcard-controls span,.time-controls span{font-size:.67rem;letter-spacing:.2em;font-weight:700;color:var(--accent)}
.timeline-card h3{font-size:2rem;margin:0 0 12px}.timeline-card p{line-height:1.7}.light-demo{width:100%;height:110px;border-radius:10px;background:linear-gradient(90deg,#1c2d49 0%,var(--light) 50%,#ffcf85 100%);display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#121a28;font-size:2rem}
.range-label,.message-label{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:var(--fg)}input[type=range]{width:100%;accent-color:var(--accent)}textarea{width:100%;min-height:100px;border:1px solid color-mix(in srgb,var(--fg) 30%,transparent);background:var(--bg);color:var(--fg);padding:17px;resize:vertical;outline-offset:4px;border-radius:4px}
.light-preview{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;min-height:85px}.light-preview i{display:block;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 25px var(--accent)}.light-preview i:nth-child(even){transform:translateY(14px)}.is-illuminated .hero-image{filter:saturate(1.28) brightness(1.12)}.is-illuminated .light-preview i{box-shadow:0 0 45px 10px var(--accent)}
.plan-choices{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.plan-button{background:transparent;color:var(--fg);border-color:color-mix(in srgb,var(--fg) 22%,transparent)}.plan-button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.clock-change{font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:15px;font-weight:700;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.06em}.clock-arrow{font-size:1.2rem;color:var(--accent)}.clock-change strong{color:var(--accent)}
.reveal-tile{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.reveal-kicker{font-size:.65rem;letter-spacing:.18em;color:var(--accent);font-weight:800}.reveal-tile p{font-size:clamp(1.15rem,2vw,1.6rem);color:var(--fg);font-family:Georgia,serif}.surprise-visual{font-size:5rem;color:var(--accent);transform:rotate(0);transition:transform .6s}.surprise-visual.is-flipped{transform:rotate(360deg) scale(1.3)}
.final-note{position:relative;overflow:hidden;background:var(--bg);padding:clamp(65px,10vw,145px) clamp(25px,8vw,130px)}.final-note::before{content:"";position:absolute;right:-150px;top:-200px;width:500px;height:500px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%;box-shadow:0 0 0 80px color-mix(in srgb,var(--accent) 5%,transparent),0 0 0 200px color-mix(in srgb,var(--accent) 4%,transparent)}.final-note-inner{position:relative;z-index:1;max-width:1280px;margin:auto}.final-note h2{font-size:clamp(2.8rem,6.5vw,7.7rem);line-height:.97;letter-spacing:-.065em;max-width:1100px;margin:20px 0 30px}.final-note p{color:var(--muted);line-height:1.7}.final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.final-actions button:last-child{background:transparent;color:var(--fg)}
.site-footer{background:#080d19;color:#fff;padding:65px clamp(25px,7vw,110px) 24px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.footer-brand img{width:min(270px,65vw);height:auto}.footer-brand p{font-size:.82rem;color:#aebbc7;line-height:1.6}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.footer-links a{font-size:.82rem;color:#c3ccd5;text-decoration:none}.footer-links a:hover{text-decoration:underline;color:#fff}.footer-bottom{grid-column:1/-1;padding-top:27px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;color:#9faab7;font-size:.72rem}
.reflection-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#07090d;color:#f7f3ec;text-align:center;padding:30px}.reflection-overlay>div{max-width:560px}.reflection-overlay h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.2rem,5vw,5rem);line-height:1.1;margin:20px 0}.reflection-overlay p{color:#b8bbb9}.reflection-kicker{letter-spacing:.2em;font-size:.72rem}.reflection-overlay #close-reflection{position:absolute;right:25px;top:25px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:10px 15px}.reflection-overlay #reflection-timer{font-size:clamp(3.5rem,10vw,8rem);font-variant-numeric:tabular-nums;font-weight:250;letter-spacing:-.07em;margin:30px 0}
/* 15 visually distinct hero compositions */
.layout-0 .hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;padding:7vw}.layout-0 .hero-media{position:absolute;inset:0;border-radius:0;z-index:-1}.layout-0 .photo-overlay{background:linear-gradient(90deg,rgba(3,7,14,.88),rgba(3,7,14,.55) 65%,rgba(3,7,14,.38))}.layout-0 .hero-copy{grid-column:1/-1;max-width:790px;color:#fff}.layout-0 .hero-intro{color:#e1e5e7}.layout-0 .countdown-console{grid-column:1/-1;max-width:840px;background:rgba(9,16,25,.88);color:#fff;backdrop-filter:blur(20px)}.layout-0 .hero-side{color:#fff}
.layout-1 .hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.layout-1 .hero-media{grid-column:1;grid-row:1/3;min-height:620px}.layout-1 .hero-copy{grid-column:2;grid-row:1;align-self:center}.layout-1 .countdown-console{grid-column:2;grid-row:2}.layout-1 .hero h1{font-family:Georgia,serif;font-weight:400}
.layout-2 .hero{grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto}.layout-2 .hero-copy{grid-column:1;grid-row:1;align-self:end;padding-bottom:55px}.layout-2 .hero-media{grid-column:2;grid-row:1/3;min-height:650px;border-radius:180px 15px 15px 15px}.layout-2 .countdown-console{grid-column:1;grid-row:2}.layout-2 .hero h1{font-size:clamp(4rem,8.5vw,9rem)}
.layout-3 .hero{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:1fr auto}.layout-3 .hero-copy{grid-column:1;grid-row:1/3;z-index:3;padding-top:55px}.layout-3 .hero-media{grid-column:2;grid-row:1/3;min-height:640px;border-radius:0 160px 0 0}.layout-3 .countdown-console{grid-column:2;grid-row:2;max-width:95%;margin-left:-65px;margin-bottom:45px;background:var(--surface)}
.layout-4 .hero{grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto}.layout-4 .hero-copy{grid-column:1/-1;grid-row:1;max-width:1000px;align-self:start}.layout-4 .hero h1{font-size:clamp(5rem,10vw,11rem);margin:30px 0 12px}.layout-4 .hero-media{grid-column:1;grid-row:2;min-height:340px;max-height:430px}.layout-4 .countdown-console{grid-column:2;grid-row:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.layout-5 .hero{grid-template-columns:.7fr 1.3fr;grid-template-rows:1fr auto}.layout-5 .hero-media{grid-column:2;grid-row:1/3;min-height:650px;border-radius:250px 250px 0 0}.layout-5 .hero-copy{grid-column:1;grid-row:1;align-self:center}.layout-5 .countdown-console{grid-column:1;grid-row:2}.layout-5 .hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}
.layout-6 .hero{grid-template-columns:1fr 1fr;grid-template-rows:300px auto}.layout-6 .hero-media{grid-column:1/-1;grid-row:1;min-height:300px;border-radius:12px}.layout-6 .hero-copy{grid-column:1;grid-row:2;padding-top:45px}.layout-6 .countdown-console{grid-column:2;grid-row:2;align-self:center}.layout-6 .hero h1{font-size:clamp(3.8rem,7vw,7.5rem)}
.layout-7 .hero{grid-template-columns:1fr .9fr;grid-template-rows:1fr auto}.layout-7 .hero-copy{grid-column:1;grid-row:1;align-self:start;padding-top:30px}.layout-7 .hero-media{grid-column:2;grid-row:1/3;min-height:640px;clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%);border-radius:0}.layout-7 .countdown-console{grid-column:1;grid-row:2}
.layout-8 .hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.layout-8 .hero-media{grid-column:1/-1;grid-row:1/3;position:absolute;inset:0;border-radius:0;z-index:-1}.layout-8 .photo-overlay{background:linear-gradient(0deg,rgba(5,8,14,.92),rgba(5,8,14,.2) 80%)}.layout-8 .hero-copy{grid-column:1/-1;grid-row:1;align-self:end;color:#fff;max-width:940px}.layout-8 .hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(4.5rem,9vw,11rem)}.layout-8 .hero-intro{color:#e5e5e5}.layout-8 .countdown-console{grid-column:1;grid-row:2;background:rgba(0,0,0,.76);color:#fff;backdrop-filter:blur(14px)}
.layout-9 .hero{grid-template-columns:1fr 1.2fr .7fr;grid-template-rows:1fr}.layout-9 .hero-copy{grid-column:1;grid-row:1;align-self:center}.layout-9 .hero-media{grid-column:2;grid-row:1;min-height:650px;border-radius:170px 170px 18px 18px}.layout-9 .countdown-console{grid-column:3;grid-row:1;align-self:center;padding:25px 18px}.layout-9 .digit-row{grid-template-columns:1fr 1fr}.layout-9 .unit strong{font-size:2.7rem}.layout-9 .hero h1{font-size:clamp(3.5rem,6vw,6.2rem)}
.layout-10 .hero{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr auto}.layout-10 .hero-copy{grid-column:1;grid-row:1;align-self:start;padding-top:45px}.layout-10 .hero-media{grid-column:2;grid-row:1;max-height:460px;min-height:400px;border-radius:50% 50% 12px 12px}.layout-10 .countdown-console{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,1100px);margin-top:50px}.layout-10 .hero h1{font-weight:800}
.layout-11 .hero{grid-template-columns:.8fr 1.2fr;grid-template-rows:auto auto}.layout-11 .hero-media{grid-column:2;grid-row:1/3;min-height:630px;border-radius:12px 190px 12px 190px}.layout-11 .hero-copy{grid-column:1;grid-row:1;align-self:end}.layout-11 .countdown-console{grid-column:1;grid-row:2;align-self:start}.layout-11 .hero h1{font-family:Georgia,serif;font-weight:400}
.layout-12 .hero{grid-template-columns:1fr 1.1fr;grid-template-rows:1fr auto}.layout-12 .hero-media{grid-column:1/-1;grid-row:1/3;position:absolute;inset:35px 35px 35px 36%;z-index:-1;border-radius:12px}.layout-12 .photo-overlay{background:linear-gradient(90deg,var(--bg),transparent 70%)}.layout-12 .hero-copy{grid-column:1;grid-row:1;align-self:center;max-width:720px}.layout-12 .countdown-console{grid-column:1;grid-row:2;max-width:700px;box-shadow:0 18px 40px rgba(0,0,0,.2)}
.layout-13 .hero{grid-template-columns:1fr .85fr;grid-template-rows:1fr auto}.layout-13 .hero-media{grid-column:2;grid-row:1/3;align-self:center;min-height:550px;max-height:550px;border-radius:50%}.layout-13 .hero-copy{grid-column:1;grid-row:1;align-self:center}.layout-13 .countdown-console{grid-column:1;grid-row:2}
.layout-14 .hero{grid-template-columns:1fr .9fr;grid-template-rows:auto 1fr}.layout-14 .hero-copy{grid-column:1/-1;grid-row:1;align-self:start;max-width:1080px}.layout-14 .hero-media{grid-column:1;grid-row:2;min-height:370px;clip-path:polygon(0 0,94% 0,100% 100%,0% 100%);border-radius:0}.layout-14 .countdown-console{grid-column:2;grid-row:2;align-self:end;margin-bottom:20px}
/* Independent styling variations on top of the 15 distinct compositions */
.variant-1 .hero h1{font-weight:500;letter-spacing:-.08em}.variant-1 .hero-eyebrow{font-style:italic;letter-spacing:.12em}.variant-1 .countdown-console{border-top:4px solid var(--accent);border-radius:2px}.variant-1 .story-heading h2{font-family:Georgia,serif;font-weight:400}
.variant-2 .hero h1{text-transform:uppercase;letter-spacing:-.085em;font-weight:850}.variant-2 .countdown-console{box-shadow:12px 15px 0 color-mix(in srgb,var(--accent) 16%,transparent)}.variant-2 .hero-line{font-family:Inter,"Segoe UI",sans-serif;font-weight:600}.variant-2 .story-card h3{font-family:Georgia,serif;font-weight:400}
.digit-variant-1 .unit strong{font-family:Georgia,serif;letter-spacing:-.095em;font-weight:400}.digit-variant-2 .unit strong{font-weight:850}.digit-variant-3{gap:2px}.digit-variant-3 .unit{background:color-mix(in srgb,var(--accent) 9%,transparent);padding:15px 10px!important;border:0!important}.digit-variant-4 .unit strong{font-variant-numeric:tabular-nums;font-weight:350}.digit-variant-5{border-bottom:2px solid var(--accent);margin-bottom:12px}.digit-variant-6 .unit strong{color:var(--accent)}
@media(max-width:1200px){.hero{min-height:740px;padding:clamp(25px,4vw,60px);column-gap:26px}.hero h1{font-size:clamp(3.5rem,7.5vw,8rem)}.unit strong{font-size:clamp(2rem,4vw,3.7rem)}.layout-9 .hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.layout-9 .hero-copy{grid-column:1;grid-row:1}.layout-9 .hero-media{grid-column:2;grid-row:1/3}.layout-9 .countdown-console{grid-column:1;grid-row:2}.layout-9 .digit-row{grid-template-columns:repeat(4,1fr)}.layout-9 .unit strong{font-size:clamp(1.4rem,2.3vw,2.7rem)}}
@media(max-width:800px){.site-header{height:72px;padding:0 20px}.brand,.brand img{width:min(60vw,240px);max-width:none}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;background:#080d19;padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px rgba(0,0,0,.2)}.site-header.nav-open nav{display:flex}.site-header nav a{padding:14px 0;border-top:1px solid rgba(255,255,255,.13)}.mobile-menu{display:block}.hero,.layout-0 .hero,.layout-1 .hero,.layout-2 .hero,.layout-3 .hero,.layout-4 .hero,.layout-5 .hero,.layout-6 .hero,.layout-7 .hero,.layout-8 .hero,.layout-9 .hero,.layout-10 .hero,.layout-11 .hero,.layout-12 .hero,.layout-13 .hero,.layout-14 .hero{min-height:0;display:flex;flex-direction:column;padding:28px 22px 48px;gap:26px;align-items:stretch}.hero-copy,.hero-media,.countdown-console{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;max-width:none!important;max-height:none!important;align-self:auto!important;margin:0!important;clip-path:none!important}.hero-media,.layout-5 .hero-media,.layout-9 .hero-media,.layout-13 .hero-media{height:clamp(260px,65vw,520px);min-height:260px!important;border-radius:var(--radius)}.hero-copy{order:0;padding:0!important}.hero-media{order:1}.countdown-console{order:2;width:100%!important}.hero h1,.layout-2 .hero h1,.layout-4 .hero h1,.layout-5 .hero h1,.layout-8 .hero h1,.layout-9 .hero h1,.layout-14 .hero h1{font-size:clamp(3.45rem,11vw,6.8rem);line-height:.93;margin:20px 0}.hero-line{font-size:clamp(1.28rem,3.7vw,1.85rem)}.hero-intro{font-size:.95rem;line-height:1.7}.hero-side{display:none}.layout-0 .hero-media,.layout-8 .hero-media{z-index:auto}.layout-0 .hero-copy,.layout-8 .hero-copy{color:var(--fg)}.layout-0 .hero-intro,.layout-8 .hero-intro{color:var(--muted)}.layout-0 .countdown-console,.layout-8 .countdown-console{background:var(--surface);color:var(--fg);backdrop-filter:none}.section-band span:last-child{display:none}.story-heading{display:block}.story-heading>p{margin-top:30px}.story-heading .section-index{margin-bottom:16px}.story-grid--magazine,.story-grid--columns{grid-template-columns:1fr}.story-grid--magazine .story-card{min-height:0}.story-grid--spotlight{grid-template-columns:1fr}.story-grid--spotlight .story-card:first-child{min-height:250px;grid-row:auto}.experience-section{grid-template-columns:1fr;gap:35px}.story-section,.experience-section{padding:72px 25px}.story-grid--rail .story-card{grid-template-columns:90px 1fr}.site-footer{grid-template-columns:1fr}.footer-links{align-items:flex-start}.footer-bottom{flex-direction:column}}
@media(max-width:440px){.hero{padding:25px 18px 38px!important;gap:22px!important}.hero h1{font-size:clamp(3rem,12.2vw,4.7rem)!important;overflow-wrap:break-word;word-break:normal}.hero-eyebrow{font-size:.61rem;letter-spacing:.11em}.eyebrow-star{display:none}.countdown-console{padding:19px 16px!important}.digit-row{gap:3px}.unit strong,.layout-9 .unit strong{font-size:clamp(1.72rem,8.3vw,2.65rem)}.unit{padding-left:5px!important}.unit:first-child{padding-left:0!important}.unit small{font-size:.49rem}.story-grid--rail .story-card{grid-template-columns:1fr;gap:10px}.story-heading h2,.experience-head h2{font-size:clamp(2.5rem,11vw,4.4rem)}.story-section,.experience-section{padding:62px 21px}.section-band{font-size:.5rem;padding:16px 20px}.section-band span:nth-child(2){display:none}.story-grid--spotlight .story-card{padding:26px}.site-footer{padding:55px 24px 25px}.final-note{padding:72px 24px}.final-note h2{font-size:clamp(2.55rem,11vw,5rem)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
:root{--bg:#ecf2e9;--fg:#243d2e;--accent:#528c65;--surface:#ffffff;--muted:#607867;--light:#d4ecd8;--title-size:clamp(3.7rem,7.8vw,10.5rem);--radius:24px;--photo-x:48%;--photo-y:52%;--texture-angle:146deg;--letter:-0.066em}

/* ORIGINAL DESIGN: Spring — photographic journal / treatment 1 */
.hero h1{font-family:Georgia,serif;font-weight:400}.story-heading h2{font-family:Georgia,serif;font-weight:400}.countdown-console{border-left:5px solid var(--accent)}
.hero-media{filter:contrast(1.000)}


/* CountdownHub improvement phase: unique photographic rhythm for each event */
.hero::after{display:none!important;content:none!important}
.scene-gallery{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,8vw,138px) clamp(22px,6vw,100px);background:var(--bg);color:var(--fg)}
.scene-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 42%);pointer-events:none}
.scene-gallery-head{max-width:1180px;margin:0 auto 42px;position:relative;display:flex;justify-content:space-between;align-items:end;gap:35px}
.scene-gallery-head .label{font:800 11px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:.19em;color:var(--accent);display:block;margin-bottom:20px}
.scene-gallery-head h2{font:600 clamp(3rem,6.5vw,7rem)/.92 'Segoe UI',Arial,sans-serif;letter-spacing:-.07em;margin:0;max-width:720px;overflow-wrap:break-word}
.scene-gallery-head h2 em{color:var(--accent);font-style:normal}
.scene-gallery-head p{max-width:360px;font:400 15px/1.8 'Segoe UI',Arial,sans-serif;color:var(--muted);margin:0 0 6px}
.scene-gallery-grid{max-width:1410px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .78fr;gap:14px;align-items:start;min-height:370px}
.scene-photo{position:relative;margin:0;overflow:hidden;background:var(--surface);isolation:isolate;min-width:0;height:clamp(370px,41vw,570px)}
.scene-photo:nth-child(2){height:clamp(295px,33vw,475px);margin-top:55px}.scene-photo:nth-child(3){height:clamp(275px,30vw,420px);margin-top:112px}
.scene-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.1,1);filter:saturate(.93)}
.scene-photo:hover img{transform:scale(1.05)}.scene-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,12,.03) 18%,rgba(4,9,12,.78) 100%);pointer-events:none}
.scene-photo figcaption{position:absolute;z-index:2;bottom:26px;left:26px;right:24px;color:#fff;display:flex;flex-direction:column;gap:9px}
.scene-photo figcaption strong{font:800 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.18em;color:#f0dfb8}
.scene-photo figcaption span{font:400 clamp(20px,2vw,31px)/1.18 Georgia,serif;letter-spacing:-.03em}
.scene-story{position:relative;isolation:isolate;min-height:clamp(380px,48vw,650px);display:flex;align-items:end;padding:clamp(70px,8vw,130px) clamp(22px,7vw,115px);background-color:#111d25;background-image:linear-gradient(90deg,rgba(8,14,19,.94) 0%,rgba(8,14,19,.67) 55%,rgba(8,14,19,.24) 100%),var(--scene-background);background-position:center;background-size:cover;color:#fff;overflow:hidden}
.scene-story:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #05090c55}
.scene-story-copy{position:relative;z-index:1;max-width:800px}
.scene-story .label{font-size:11px;letter-spacing:.23em;color:#e4c99c;font-weight:700;text-transform:uppercase;display:block;margin-bottom:24px}
.scene-story h2{font:400 clamp(3rem,6.8vw,7rem)/.96 Georgia,serif;letter-spacing:-.06em;margin:0 0 25px;max-width:900px}
.scene-story p{font-size:clamp(15px,1.5vw,19px);line-height:1.8;max-width:560px;color:#f4f0e9;margin:0}
/* Independent treatments that complement the existing fifteen page structures */
.scene-design-0 .scene-photo:first-child{border-radius:150px 150px 3px 3px}.scene-design-0 .scene-photo:nth-child(3){border-radius:3px 130px 3px 3px}
.scene-design-1 .scene-gallery-grid{grid-template-columns:1fr 1fr 1fr;align-items:end}.scene-design-1 .scene-photo:first-child{height:570px}.scene-design-1 .scene-photo:nth-child(2){height:390px;margin-top:0}.scene-design-1 .scene-photo:nth-child(3){height:480px;margin-top:0}
.scene-design-2 .scene-gallery-grid{grid-template-columns:1.35fr .7fr .9fr;gap:8px}.scene-design-2 .scene-photo{border-radius:0}.scene-design-2 .scene-photo:nth-child(2){margin-top:96px}.scene-design-2 .scene-photo:nth-child(3){margin-top:24px}
.scene-design-3 .scene-photo:nth-child(1){clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.scene-design-3 .scene-photo:nth-child(3){border-radius:170px 170px 0 0}
.scene-design-4 .scene-gallery-head{display:block}.scene-design-4 .scene-gallery-head p{margin-top:25px;max-width:560px}.scene-design-4 .scene-gallery-grid{grid-template-columns:.8fr 1.3fr .8fr}.scene-design-4 .scene-photo:first-child{height:410px;margin-top:87px}.scene-design-4 .scene-photo:nth-child(2){height:600px;margin-top:0}
.scene-design-5 .scene-photo:first-child{border-radius:18px}.scene-design-5 .scene-photo:nth-child(2){border-radius:150px 150px 18px 18px}.scene-design-5 .scene-photo:nth-child(3){border-radius:18px}
.scene-design-6 .scene-gallery-grid{grid-template-columns:1fr 1fr 1.4fr}.scene-design-6 .scene-photo:first-child{height:370px;margin-top:110px}.scene-design-6 .scene-photo:nth-child(3){height:570px;margin-top:0}
.scene-design-0 .scene-story{background-position:center 35%}.scene-design-1 .scene-story{background-position:center 60%}.scene-design-2 .scene-story{background-position:top center}.scene-design-3 .scene-story{background-position:center 25%}.scene-design-4 .scene-story{background-position:65% center}.scene-design-5 .scene-story{background-position:35% center}.scene-design-6 .scene-story{background-position:center center}
@media(max-width:900px){.scene-gallery-head{display:block}.scene-gallery-head p{margin-top:25px}.scene-gallery-grid,.scene-design-0 .scene-gallery-grid,.scene-design-1 .scene-gallery-grid,.scene-design-2 .scene-gallery-grid,.scene-design-3 .scene-gallery-grid,.scene-design-4 .scene-gallery-grid,.scene-design-5 .scene-gallery-grid,.scene-design-6 .scene-gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.scene-photo:first-child,.scene-design-1 .scene-photo:first-child,.scene-design-4 .scene-photo:first-child{grid-row:span 2;height:620px;margin-top:0}.scene-photo:nth-child(2),.scene-photo:nth-child(3),.scene-design-1 .scene-photo:nth-child(2),.scene-design-1 .scene-photo:nth-child(3),.scene-design-4 .scene-photo:nth-child(2),.scene-design-6 .scene-photo:nth-child(3){height:304px;margin-top:0}.scene-story{min-height:480px}}
@media(max-width:600px){.scene-gallery{padding:73px 20px}.scene-gallery-head h2{font-size:clamp(3.15rem,12vw,5rem)}.scene-gallery-grid,.scene-design-0 .scene-gallery-grid,.scene-design-1 .scene-gallery-grid,.scene-design-2 .scene-gallery-grid,.scene-design-3 .scene-gallery-grid,.scene-design-4 .scene-gallery-grid,.scene-design-5 .scene-gallery-grid,.scene-design-6 .scene-gallery-grid{display:flex;flex-direction:column;gap:13px}.scene-photo,.scene-photo:first-child,.scene-photo:nth-child(2),.scene-photo:nth-child(3),.scene-design-1 .scene-photo:first-child,.scene-design-1 .scene-photo:nth-child(2),.scene-design-1 .scene-photo:nth-child(3),.scene-design-4 .scene-photo:first-child,.scene-design-4 .scene-photo:nth-child(2),.scene-design-6 .scene-photo:nth-child(3){width:100%;margin:0;height:clamp(300px,95vw,460px);clip-path:none!important;border-radius:4px!important}.scene-photo:nth-child(2){width:94%;align-self:end}.scene-photo:nth-child(3){width:92%}.scene-story{min-height:500px;padding:80px 25px}.scene-story h2{font-size:clamp(3.2rem,12vw,5rem)}}
@media(prefers-reduced-motion:reduce){.scene-photo img{transition:none}}


/* Spring: event-specific photo pacing */
.scene-gallery{--story-shift:16px}.scene-photo:first-child img{object-position:37% center}.scene-photo:nth-child(2) img{object-position:22% center}.scene-photo:nth-child(3) img{object-position:81% center}
.scene-gallery-head h2{font-family:Georgia,serif;font-weight:400}

/* Image placeholders are quiet colour fields until external Unsplash photos load. */
.scene-photo{background:radial-gradient(circle at 65% 28%,color-mix(in srgb,var(--accent) 37%,var(--surface)),transparent 62%),linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--bg) 80%,#111))}