:root{--bg:#f8f6ed;--panel:#fffdf6;--ink:#07594d;--muted:#59736b;--gold:#bc8f37;--line:#d7ddd0;--accent:#00594d;--surface:#eef0e5;--soft:#e8e9dc;--brand-teal:#00594d;--brand-cream:#fff9e8;--brand-gold:#d2aa50}
:root[data-theme=dark]{--bg:#061d1a;--panel:#0b2d27;--ink:#f8f5e8;--muted:#b6c9be;--gold:#d7b362;--line:#294d41;--accent:#d5e8cf;--surface:#103a31;--soft:#153e34}
.top{padding:14px 0;min-height:110px}.brand-logo{width:152px}.top nav a{font-weight:650}.theme-toggle{background:transparent}
main.shell{padding-top:20px}
.hero{--ink:#fff9e8;--muted:#d1e1cf;--line:#ffffff36;--gold:#e1bc65;--accent:#fff9e8;--surface:#087060;--portal-dark:#034e43;position:relative;background:var(--brand-teal);border-radius:4px;overflow:hidden;padding:42px 48px;gap:30px;min-height:710px;color:var(--ink)}
.hero-copy{position:relative;z-index:2}.hero .scene-copy h1{font-weight:700;font-size:clamp(3rem,5.35vw,5.4rem);letter-spacing:-.055em;line-height:1.03}.hero .scene-copy{min-height:285px}.hero h1 em{color:var(--brand-gold)}.hero .reveal-date time{color:#ffebad;font-size:clamp(1.4rem,2.4vw,1.95rem)}.hero .reveal-date>.kicker{color:#e1c66e}.hero .scene-index{color:#b7d5c2}.hero .tagline{color:#fff9e8}.hero .timer{background:#004d4333}.hero .timer strong{font-weight:600;color:#fff9e8}.hero .timer span{color:#ccdfc9}.hero .primary{background:#fff9e8;color:#00594d;border-color:#fff9e8}.hero .primary:hover{background:#f0dc9e}.hero .secondary{color:#fff9e8;border-color:#fff9e870;background:transparent}.hero .secondary:hover{background:#ffffff15}
:root[data-theme=dark] .hero .primary{background:#fff9e8;color:#00594d;border-color:#fff9e8}
:root[data-theme=dark] .hero .secondary{background:transparent;color:#fff9e8;border-color:#fff9e870}
.brand-motif{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='80' viewBox='0 0 110 80'%3E%3Cg transform='rotate(42 55 40)' fill='none' stroke='%2378c9ad' stroke-width='2'%3E%3Crect x='18' y='15' width='9' height='26' rx='4.5'/%3E%3Crect x='67' y='40' width='9' height='26' rx='4.5' fill='%2378c9ad'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(120deg,transparent 20%,black 100%)}
.brand-spark{font-size:3rem;color:var(--brand-gold);position:absolute;right:24px;top:18px;line-height:1;pointer-events:none}.hero-spark{font-size:4rem;right:31px;top:32px;z-index:1;animation:brand-glimmer 7s ease-in-out infinite}
.hero-art{position:relative;z-index:1;min-height:540px}.hero .portal{box-shadow:0 0 0 5px #00594d,0 0 0 6px #d9b15c66,0 22px 55px #00190e55}.hero .portal-glow{background:radial-gradient(ellipse,#e1cd7440,transparent 67%)}.hero .gate-awaken{color:#fff9e8;background:#056b5b;border-color:#d2aa50}.hero .gate-awaken:hover{background:#087d69}.hero .portal-grid{opacity:.12}.hero .gate-status{color:#d1e1cf}.hero .portal-top,.hero .portal-coordinate{color:#c0dbcb}.hero .portal-bottom{color:#ffe5a0}
.gate-emblem{position:absolute;inset:35% 36% 31%;z-index:5;opacity:.14;pointer-events:none;transform:rotate(-7deg)}.pencil-mark{display:block;width:100%;height:auto}.gate-emblem .pencil-mark{filter:brightness(0) invert(1)}
.suspense-line{border-top:0;padding:18px 5px;margin-bottom:12px}
.brand-stories{display:grid;grid-template-columns:1.1fr 1fr .95fr;gap:18px;margin:0 0 30px}.story-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:5px;color:var(--ink);isolation:isolate;transition:transform .25s,box-shadow .25s}.story-tile:hover{transform:translateY(-4px);box-shadow:0 12px 35px #123b3414}.story-tile h2{font-size:clamp(1.7rem,2.4vw,2.35rem);letter-spacing:-.04em;font-weight:700;line-height:1.12;margin:12px 0}.story-tile em{font-style:normal;color:var(--brand-gold)}.story-tile p{font-size:.88rem;max-width:29ch;line-height:1.55}.story-tile .tile-number{font-size:.59rem;letter-spacing:.12em}.tile-action{font-size:.78rem;font-weight:650;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px}.story-lead{background:var(--brand-teal);color:var(--brand-cream);padding:30px;min-height:430px;justify-content:end;border-color:var(--brand-teal)}.story-lead>*:not(.brand-motif){z-index:1}.story-lead .tile-number{color:#cbe2cf}.story-lead h2{margin-top:35px}.story-lead p{color:#d0e1cf}.story-lead .brand-spark{font-size:3.5rem;top:29px;right:28px}
.story-split{background:var(--panel)}.tile-art{position:relative;background:var(--brand-teal);padding:23px 55px;min-height:210px;display:flex;align-items:center;justify-content:center}.tile-art .pencil-mark{max-width:155px;filter:brightness(0) invert(1)}.tile-art .brand-spark{font-size:2.3rem;top:24px;right:33px}.tile-copy{padding:25px;display:flex;flex-direction:column;flex:1}.tile-copy h2{font-size:1.6rem}.tile-copy .tile-action{justify-content:center;border-radius:28px;background:var(--brand-teal);color:var(--brand-cream);padding:10px 15px;align-self:start}
.story-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.story-date{background:var(--panel);padding:23px;border-left:8px solid var(--brand-teal)}.story-date h2{font-size:2.25rem;line-height:1.03;margin:18px 0}.story-date .brand-spark{font-size:1.8rem;right:17px;top:20px}.story-date .tile-number{padding-right:17px}.story-date .tile-action{font-size:.71rem;padding-top:4px}.story-state{background:var(--brand-teal);color:var(--brand-cream);padding:22px;border-color:var(--brand-teal)}.story-state .pencil-mark{position:absolute;width:66px;right:15px;bottom:12px;filter:brightness(0) invert(1);opacity:.17}.story-state h2{font-size:1.55rem;margin:4px 0}.story-state .tile-action{font-size:.71rem;justify-content:start}
.explore-strip{margin-bottom:25px;gap:18px}.explore-strip>a{border-radius:5px;background:#ebece0;padding:20px}.section-heading{padding-top:30px}.section-heading h2{font-weight:700}.panel{border-radius:6px}.panel h2{font-weight:700}.options button{border-radius:6px}.primary,.secondary,button{font-weight:650}.signup{position:relative;overflow:hidden;background:#e9ebdd;padding-right:35%;min-height:330px}.signup>*:not(.signup-brand){position:relative;z-index:1}.signup-brand{position:absolute;right:5%;top:15%;width:200px;height:200px;background:var(--brand-teal);border-radius:50%;padding:30px}.signup-brand .pencil-mark{filter:brightness(0) invert(1)}.signup-brand .brand-spark{font-size:2.7rem;right:7px;top:3px}.faq h2{font-weight:700}.footer-main h2{font-weight:700}
:root[data-theme=dark] .brand-stories .story-lead,:root[data-theme=dark] .brand-stories .story-state{background:#075b4d}
:root[data-theme=dark] .explore-strip>a{background:var(--surface)}:root[data-theme=dark] .signup{background:var(--surface)}
@keyframes brand-glimmer{50%{opacity:.6;transform:rotate(15deg) scale(.9)}}
@media(min-width:1600px){.hero .scene-copy h1{font-size:6rem}.hero{padding:55px 60px}.brand-stories{gap:24px}.hero-art{min-height:600px}}
@media(max-width:1024px){.hero{padding:30px;gap:20px;min-height:650px}.hero .scene-copy h1{font-size:clamp(2.6rem,5.1vw,4rem)}.hero .scene-copy{min-height:265px}.hero-art{min-height:480px}.hero-spark{font-size:2.6rem;right:20px;top:22px}.brand-stories{gap:12px;grid-template-columns:1fr 1fr}.story-stack{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:12px}.story-lead{min-height:380px}.story-date,.story-state{min-height:190px}.story-tile h2{font-size:2rem}.story-state h2{font-size:1.7rem}.signup{padding-right:33%}.signup-brand{width:155px;height:155px;padding:25px;right:4%;top:25%}}
@media(max-width:620px){main.shell{padding-top:12px}.hero{padding:25px 22px;gap:12px;min-height:0}.hero .scene-copy h1{font-size:clamp(2.7rem,10.5vw,3.8rem)}.hero .scene-copy{min-height:255px}.hero .scene-copy>p:last-child{font-size:.9rem}.hero .reveal-date time{font-size:1.55rem}.hero .timer{margin:22px 0}.hero .timer div+div{padding-left:10px}.hero .timer strong{font-size:1.8rem}.hero .timer span{font-size:.6rem}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions>a{width:100%;font-size:.83rem}.hero-art{min-height:390px;max-width:340px}.gate-emblem{inset:34% 36% 32%}.hero-spark{font-size:2rem;right:16px;top:24px}.hero .portal-top{font-size:.43rem}.brand-stories{grid-template-columns:1fr 1fr;gap:10px}.story-lead{grid-column:1/-1;min-height:300px;padding:25px}.story-lead h2{font-size:2.5rem}.story-lead h2 br{display:none}.story-lead p{max-width:33ch}.story-split{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr}.tile-art{padding:18px;min-height:200px}.tile-art .brand-spark{top:14px;right:12px;font-size:1.7rem}.tile-art .pencil-mark{max-width:110px}.tile-copy{padding:20px 15px}.tile-copy h2{font-size:1.45rem}.tile-copy .tile-number{font-size:.53rem}.tile-copy .tile-action{font-size:.67rem}.story-date,.story-state{padding:18px;min-height:195px}.story-date h2{font-size:1.85rem}.story-state h2{font-size:1.5rem}.story-stack{gap:10px}.story-date .brand-spark{font-size:1.2rem;right:10px;top:13px}.story-date .tile-number{font-size:.5rem}.story-state .tile-action,.story-date .tile-action{font-size:.66rem}.explore-strip>a{padding:17px}.signup{padding:25px;min-height:0}.signup-brand{display:none}.suspense-line{font-size:.72rem;padding:16px 1px}.top{min-height:95px}.brand-logo{width:130px}}
@media(max-width:380px){.hero{padding:22px 16px}.hero .scene-copy h1{font-size:2.55rem}.hero .scene-copy{min-height:290px}.hero-art{min-height:355px}.hero .reveal-date time{font-size:1.45rem}.hero .timer strong{font-size:1.6rem}.tile-copy h2{font-size:1.25rem}.tile-copy .tile-action{padding:8px 11px}.story-stack{grid-template-columns:1fr}.story-date,.story-state{min-height:175px}}
@media(prefers-reduced-motion:reduce){.hero-spark{animation:none}.story-tile{transition:none}}
/* A readable type scale and the supplied cream-and-yellow master logo. */
body{font-size:17px;line-height:1.65}
.top{background:var(--brand-teal);color:#fff9e8;border:0;border-radius:4px;margin-top:14px;padding:16px 26px;gap:24px}
.top .brand-logo{width:215px;filter:none}
:root[data-theme=dark] .top .brand-logo{filter:none}
.top nav a{color:#fff9e8;font-size:16px}.top .nav-contact{border-color:#fff9e860}.top .theme-toggle{color:#fff9e8;border-color:#fff9e860;background:transparent;font-size:15px}
:root[data-theme=dark] .top .theme-toggle{background:transparent;color:#fff9e8}
.gate-emblem .pencil-mark,.tile-art .pencil-mark,.story-state .pencil-mark,.signup-brand .pencil-mark{filter:none}
.hero .reveal-date>.kicker,.kicker,.tile-number,.story-tile .tile-number,.tile-copy .tile-number,.story-date .tile-number{font-size:14px;letter-spacing:.07em;line-height:1.5}
.hero .scene-index{font-size:14px;letter-spacing:.08em}
.hero .scene-copy>p:last-child{font-size:18px;line-height:1.6;max-width:43ch}
.hero .tagline{font-size:18px}
.hero .timer span{font-size:14px;letter-spacing:.04em}
.hero .actions>a,.primary,.secondary,button{font-size:16px}
.hero .portal-top{font-size:13px;letter-spacing:.05em}
.hero .gate-status{font-size:14px;line-height:1.5}
.hero .gate-awaken{font-size:15px;min-height:46px;bottom:42px}
.hero .gate-visual{bottom:88px}
.hero-art{min-height:580px}
.brand-motif{opacity:.065}.brand-spark{opacity:.85}.story-date .brand-spark{display:none}
.suspense-line{font-size:16px;line-height:1.5;padding-block:20px}
.story-tile p{font-size:17px;line-height:1.6;max-width:31ch}
.story-tile .tile-action,.tile-copy .tile-action,.story-date .tile-action,.story-state .tile-action{font-size:16px;line-height:1.4}
.tile-copy{padding:25px}.story-lead{min-height:440px}
.tile-copy h2{font-size:1.85rem}
.section-heading>p,.panel p,.quiz-invitation p{font-size:17px;line-height:1.65}
.filters label,label{font-size:15px;font-weight:600;line-height:1.5}
label:not(.consent)>input,label>select,textarea{font-size:16px;padding:11px}
article h3{font-size:21px;line-height:1.35}
article p{font-size:17px;line-height:1.6}
article a,.quiz-invitation a,.panel>p>a{font-size:16px}
small{font-size:14px;line-height:1.6}
.options button{font-size:16px;line-height:1.5;min-height:48px}
legend{font-size:19px;line-height:1.4}
#streak,#progress,#daily-status,#feed-status{font-size:16px}
#play .curiosity-card>p:not(.kicker){font-size:18px;line-height:1.5}
.curiosity-card button{font-size:16px;padding:10px 15px}
.faq summary{font-size:18px;line-height:1.5;padding:6px 0}
.faq details p,.faq details a{font-size:16px;line-height:1.65}
.footer-main p{font-size:17px}.footer-bottom{font-size:14px;line-height:1.6}
.signup .consent{font-size:16px;font-weight:400;max-width:440px}
:root .brand-logo,:root .pencil-mark{background:transparent}
@media(max-width:1024px){.top .brand-logo{width:190px}.top nav{gap:18px}.story-tile .tile-number{font-size:13px}.story-tile h2{font-size:2rem}.hero .scene-copy{min-height:300px}.hero .scene-copy>p:last-child{font-size:17px}.hero-art{min-height:530px}.hero .portal-top{font-size:12px}.tile-art{padding:25px}.story-stack{grid-template-rows:auto}.story-date,.story-state{min-height:225px}}
@media(max-width:620px){.top{flex-wrap:wrap;gap:14px;padding:16px 20px}.top .brand-logo{width:180px}.top nav{width:100%;justify-content:space-between;gap:12px}.top nav a{font-size:16px}.top .theme-toggle{min-width:44px}#theme-label{display:inline;font-size:14px}.hero{padding:26px 23px}.hero .scene-copy{min-height:310px}.hero .scene-copy>p:last-child{font-size:17px}.hero .reveal-date time{font-size:27px}.hero .timer span{font-size:13px}.hero .timer strong{font-size:2rem}.hero .actions>a{font-size:16px}.hero-art{min-height:430px}.hero .portal-top{font-size:12px}.hero .gate-status{font-size:14px}.hero .gate-awaken{bottom:43px;font-size:15px}.story-split{display:flex;flex-direction:column}.tile-art{min-height:190px;padding:24px}.tile-art .pencil-mark{max-width:150px}.tile-copy{padding:25px}.tile-copy h2{font-size:1.85rem}.tile-copy .tile-number,.story-date .tile-number{font-size:14px}.tile-copy .tile-action{font-size:16px;padding:12px 16px}.story-stack{grid-template-columns:1fr}.story-date,.story-state{min-height:210px;padding:25px}.story-date h2,.story-state h2{font-size:2rem}.story-state .tile-action,.story-date .tile-action{font-size:16px}.story-lead{min-height:340px}.story-lead h2{font-size:2.3rem}.suspense-line{font-size:15px}.section-heading h2{font-size:2rem}.filters{gap:13px}.filters label{flex-basis:100%}.footer-bottom{font-size:14px}.hero .gate-emblem{inset:31% 33% 29%}}
@media(max-width:380px){.top{padding:15px}.top .brand-logo{width:175px}.top nav{gap:8px}.top nav a{font-size:15px}.hero{padding:24px 18px}.hero .scene-copy{min-height:340px}.hero .timer strong{font-size:1.8rem}.hero .timer span{font-size:12px}.hero-art{min-height:405px}.hero .reveal-date time{font-size:25px}.hero .actions>a{font-size:16px}.hero .portal-top{font-size:11px}}
/* Use the available screen width while keeping comfortable reading margins. */
.shell{width:calc(100% - clamp(24px,4vw,64px));max-width:none}
main.shell .hero{min-height:max(690px,calc(100svh - 190px))}
.hero-copy{max-width:850px}.hero .scene-copy h1{font-size:clamp(3rem,5.6vw,7rem)}.hero-art{justify-self:center}
.competition-box{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;background:var(--surface);border:1px solid var(--line);padding:24px;margin:24px 0;border-radius:6px}
.competition-box h3{font-size:25px;line-height:1.2;margin:8px 0}
.competition-box p{font-size:16px}
.personal-board{border-left:1px solid var(--line);padding-left:20px}
.personal-board ol{padding-left:22px}.personal-board li{margin:9px 0;font-size:16px}
.personal-board>p{font-size:14px}.round-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
#round-clock{font-size:24px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#quiz-bank-note{font-size:15px;line-height:1.55}
.result>button{margin:6px 10px 12px 0}
.quiz-page .hub{margin-top:18px}.quiz-page #play{padding:clamp(22px,4vw,56px)}
.quiz-page #play>.filters{max-width:1050px}.quiz-page #question{max-width:1100px}
.quiz-page #question fieldset{padding:25px}.quiz-page .options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quiz-page #question legend{font-size:clamp(22px,2.2vw,30px)}
.quiz-page .competition-box{grid-template-columns:1.4fr 1fr}
.quiz-page #play>.kicker,.quiz-page #play>h2{max-width:1000px}
.quiz-page .curiosity-card,.quiz-page .quiz-invitation{max-width:1100px}
@media(min-width:1600px){.hero .scene-copy{min-height:360px}.hero .scene-copy h1{font-size:7rem}.hero-art{max-width:680px;min-height:690px}.brand-stories{grid-template-columns:1.15fr 1fr 1fr}}
@media(max-width:1200px){.competition-box{grid-template-columns:1fr}.personal-board{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}}
@media(max-width:850px){main.shell .hero{min-height:0}.hero .scene-copy h1{font-size:clamp(2.7rem,5.8vw,4.7rem)}.quiz-page .competition-box{grid-template-columns:1fr}.quiz-page .options{grid-template-columns:1fr}}
@media(max-width:620px){.shell{width:calc(100% - 24px)}.competition-box{padding:18px;gap:15px}.quiz-page #play{padding:20px}.quiz-page #question fieldset{padding:16px}.hero .scene-copy h1{font-size:clamp(2.7rem,10.5vw,3.8rem)}.round-tools{flex-wrap:wrap}}
/* The master logo switches with the theme before the page is painted. */
.logo-dark{display:none}
:root[data-theme=dark] .logo-light{display:none}
:root[data-theme=dark] .logo-dark{display:block}
.top .brand-logo{height:120px;width:225px;filter:none}
:root[data-theme=dark] .top .brand-logo{filter:none}
.hero-out-of-view .gate-seal-glow,.hero-out-of-view .gate-dust{animation-play-state:paused}
@media(max-width:1024px){.top .brand-logo{width:195px;height:108px}}
@media(max-width:620px){.top .brand-logo{width:185px;height:105px}}
@media(prefers-reduced-motion:reduce){.hero-art,.story-tile,.primary{transform:none!important}}
.brand-defs{position:absolute;width:0;height:0;pointer-events:none}
/* One master logo, supplied as a PDF, displayed consistently in both themes. */
.top{background:#fffdf5;border:1px solid #d7ddd0;color:#07594d}
.top nav a,:root[data-theme=dark] .top nav a{color:#07594d}
.top .theme-toggle,:root[data-theme=dark] .top .theme-toggle{color:#07594d;border-color:#8fa99a;background:transparent}
.top .nav-contact{border-color:#8fa99a}
.top .brand-logo,:root[data-theme=dark] .top .brand-logo{filter:none;display:block}
.tile-art .pencil-mark,.story-state .pencil-mark,.signup-brand .pencil-mark{background:#fffdf5;border-radius:50%;padding:10px}
.story-state .pencil-mark{opacity:.8}
.round-stage{scroll-margin-top:24px;padding-top:12px}
.round-stage:focus{outline:none}
.round-stage:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
/* Cream and teal for the light theme, dark surfaces and white marks for dark. */
:root:not([data-theme=dark]) .hero{--ink:#07594d;--muted:#4b6a60;--line:#cad6c9;--gold:#8b6826;--surface:#fffdf5;background:#fffdf5;color:var(--ink);border:1px solid #d7ddd0}
:root:not([data-theme=dark]) .hero .scene-copy h1{color:#07594d}
:root:not([data-theme=dark]) .hero h1 em{color:#8b6826}
:root:not([data-theme=dark]) .hero .scene-copy>p:last-child,:root:not([data-theme=dark]) .hero .scene-index{color:#4b6a60}
:root:not([data-theme=dark]) .hero .tagline{color:#07594d}
:root:not([data-theme=dark]) .hero .reveal-date time,:root:not([data-theme=dark]) .hero .reveal-date>.kicker{color:#8b6826}
:root:not([data-theme=dark]) .hero .timer{background:#eef0e566}
:root:not([data-theme=dark]) .hero .timer strong{color:#07594d}
:root:not([data-theme=dark]) .hero .timer span{color:#4b6a60}
:root:not([data-theme=dark]) .hero .primary{background:#07594d;color:#fffdf5;border-color:#07594d}
:root:not([data-theme=dark]) .hero .secondary{color:#07594d;border-color:#8fa99a}
:root:not([data-theme=dark]) .hero .secondary:hover{background:#edf0e5}
:root:not([data-theme=dark]) .hero .gate-status,:root:not([data-theme=dark]) .gate-date-label{color:#4b6a60}
:root:not([data-theme=dark]) .gate-date-label time{color:#8b6826}
:root[data-theme=dark] .top{background:#0b2d27;border-color:#294d41}
:root[data-theme=dark] .top nav a,:root[data-theme=dark] .top .theme-toggle{color:#fffdf5}
:root[data-theme=dark] .top .nav-contact,:root[data-theme=dark] .top .theme-toggle{border-color:#91aa9b}
:root[data-theme=dark] .top .brand-logo,:root[data-theme=dark] .pencil-mark,:root[data-theme=dark] .gate-signature svg{filter:brightness(0) invert(1)}
:root[data-theme=dark] .pencil-mark{background:transparent}
:root[data-theme=dark] .gate-signature>circle:first-child{fill:#063e34}
.news-signup{padding:22px;margin:20px 0 25px;min-height:0;background:var(--surface)}
.news-signup .signup-brand{display:none}
.news-signup h2{font-size:26px}
.news-signup input[type=email]{max-width:none}
.news-signup .consent{font-size:15px;max-width:none}
#refresh-news{font-size:15px;margin:0 0 4px}
@media(max-width:620px){.news-signup{padding:18px}.news-signup h2{font-size:24px}}
:root[data-theme=dark] .story-state .pencil-mark{opacity:1}
/* Display the whole master logo without circular clipping. */
.tile-art .full-brand-mark{width:100%;max-width:270px;background:#fffdf5;border-radius:8px;padding:14px;overflow:visible}
.story-state .pencil-mark{border-radius:8px;padding:7px}
:root[data-theme=dark] .tile-art .full-brand-mark{background:transparent}
.top nav{gap:10px}
.top nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 15px;border:1px solid #a9baad;border-radius:10px;text-decoration:none;line-height:1.35;transition:background .2s,border-color .2s,box-shadow .2s}
.top nav a:hover{background:#e9efe3;border-color:#557d6b;box-shadow:0 3px 12px #123b340c}
.nav-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.top nav a[aria-current=page]{background:#e6eee0;border-color:#44755f}
.top nav a.nav-notify{background:#07594d;border-color:#07594d;color:#fffdf5;font-weight:700}
.top nav a.nav-notify:hover{background:#034438}
.top .theme-toggle{border-radius:10px;min-height:46px}
:root[data-theme=dark] .top nav a{border-color:#547467}
:root[data-theme=dark] .top nav a:hover,:root[data-theme=dark] .top nav a[aria-current=page]{background:#164438;border-color:#91aa9b}
:root[data-theme=dark] .top nav a.nav-notify{background:#e1bf71;border-color:#e1bf71;color:#123b34}
:root[data-theme=dark] .top nav a.nav-notify:hover{background:#f0d493}
.connect-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(24px,5vw,70px);align-items:start;padding:20px 0 38px}
.connect-grid .footer-main{display:block;padding:10px 0}
.connect-grid address{margin-top:25px}
.connect-grid .connect-signup{margin:0;padding:28px;min-height:0;background:var(--surface)}
.connect-signup .signup-brand{display:none}
.connect-signup h2{font-size:28px}
.connect-signup input[type=email]{max-width:none}
.connect-signup .consent{max-width:none}
@media(max-width:1100px){.top{flex-wrap:wrap}.top nav{flex-wrap:wrap;justify-content:flex-start}.top .nav-contact{display:inline-flex}}
@media(max-width:720px){.connect-grid{grid-template-columns:1fr;gap:15px}.connect-grid .connect-signup{padding:23px}}
@media(max-width:620px){.top{display:block;position:relative;padding:16px 18px}.top .brand-logo{width:175px;height:100px}.top nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;width:100%}.top nav a{font-size:15px;padding:10px;min-height:46px}.top .theme-toggle{position:absolute;right:18px;top:22px;font-size:14px;padding:8px;min-width:78px}.top .nav-contact{display:inline-flex}.tile-art .full-brand-mark{max-width:250px;padding:10px}}
@media(max-width:350px){.top .brand-logo{width:150px}.top .theme-toggle{right:13px;min-width:72px}.top nav a{font-size:14px;gap:6px;padding:9px}.nav-icon{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.top nav a{transition:none}}