/* Alderfolk site v11 - CG round 9a. Fraunces headings, Inter text, six sizes: 60 40 32 20 16 12. Breakpoints 1200 / 700. No shadows, gradients or transforms. */
@font-face{font-family:Inter;src:url(assets/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url(assets/fonts/fraunces-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--serif:Fraunces,Georgia,"Times New Roman",serif;--forest:#263d31;--gold:#d9b66c;--ink:#293c32;--paper:#f3eedf;--light:#faf9f5;--soft:#eef1eb;--muted:#626b59;--border:#829084;--disabled:#bdc7be;--gold-hover:#e5c881;--gold-press:#c8a35c;--error:#9c3932;--rule:#bcc6bb;--press:#e2e7de;--sans:Inter,Arial,Helvetica,sans-serif;--w:min(1312px,calc(100vw - 128px));--pad:48px;--header:80px;--deep:#ece5d3}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
body{margin:0;background:var(--light);color:var(--ink);font:400 16px/24px var(--sans);font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0,"dlig" 0;-webkit-text-size-adjust:100%;letter-spacing:0}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit;letter-spacing:0}
h1,h2,h3,p,figure,ul,dl,dd,fieldset{margin:0}
ul{padding:0;list-style:none}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.wrap{width:var(--w);margin:0 auto}
.narrow{width:min(720px,100%);margin:0 auto}
h1,h2{font-weight:800;letter-spacing:0}
h2{font-size:32px;line-height:40px}
.skip{position:fixed;top:-100px;left:16px;background:var(--paper);padding:12px;z-index:60;border-radius:8px}.skip:focus{top:8px}
:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.tone-forest :focus-visible,.site-header :focus-visible,.site-footer :focus-visible{outline-color:var(--gold)}
.tone-forest{background:var(--forest);color:var(--paper)}
.tone-light{background:var(--light)}
.tone-soft{background:var(--soft)}
.text-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.small{color:var(--muted)}
.body{font-size:16px;line-height:24px}
/* transitions: colour only, removed for reduced motion */
a,.button,input,textarea,.chip span,summary{transition:color 140ms ease-out,background-color 140ms ease-out,border-color 140ms ease-out,outline-color 140ms ease-out}
/* header */
.site-header{background:var(--forest);color:var(--paper);height:var(--header);position:relative;z-index:50}
.bar{display:flex;align-items:center;justify-content:space-between;height:var(--header)}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px}
.brand .leaf{width:18px;height:38px}
.brand .word{font-size:32px;line-height:40px;font-weight:800}
#site-nav{display:flex;gap:16px}
#site-nav a,.f-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:4px}
#site-nav a:hover,#site-nav a[aria-current],.f-links a:hover,.f-links a[aria-current]{text-decoration-color:var(--gold)}
.menu-btn{display:none;width:68px;height:48px;border:1px solid var(--border);border-radius:8px;background:var(--forest);color:var(--paper);font-weight:600}
/* controls */
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:8px;font-weight:700;cursor:pointer;text-align:center}
.button.primary{background:var(--gold);color:var(--ink);width:184px}
.button.primary:hover{background:var(--gold-hover)}.button.primary:active{background:var(--gold-press)}
.tone-forest .button.primary:hover{background:var(--paper)}.tone-forest .button.primary:active{background:var(--deep)}
.button.secondary{background:var(--soft);color:var(--ink);border-color:var(--border)}
.button.secondary:hover{background:var(--paper)}.button.secondary:active{background:var(--press)}
.button.steam,.button.steam:hover,.button.steam:active{background:var(--forest);border-color:var(--border);color:var(--disabled);cursor:default;opacity:1;width:auto;min-width:208px}
.button.wide{width:100%}
/* picture frame */
.frame{display:block;border:1px solid var(--gold);border-radius:4px;background:var(--paper);padding:8px}
.frame .pic{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden}
.frame.r31 .pic{aspect-ratio:3/1}.frame.r32 .pic{aspect-ratio:3/2}.frame.r43 .pic{aspect-ratio:4/3}
.frame .pic img{width:100%;height:100%;object-fit:contain}
.frame.contain .pic img{width:auto;height:auto;max-width:100%;max-height:100%}
.frame.logo-paper{background:var(--paper)}.frame.logo-forest{background:var(--forest)}
.tag{position:absolute;left:8px;bottom:8px;height:24px;padding:0 8px;border-radius:4px;background:var(--forest);color:var(--paper);font-size:12px;line-height:24px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.frame.logo-paper .pic,.frame.logo-forest .pic{aspect-ratio:1200/220}
/* signup */
.signup label,.contact-form label,.contact-form legend,.contact-form .label{display:block;font-weight:600}
input[type=email],input[type=text],textarea{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--light);color:var(--ink)}
textarea{padding:12px 16px;min-height:120px;resize:vertical;display:block}
input[type=email]:hover,input[type=text]:hover,textarea:hover{border-color:var(--forest)}
.tone-forest input:focus-visible{outline-color:var(--gold)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{position:relative;display:block;margin-top:16px;font-weight:400!important}
.consent input{position:absolute;left:0;top:12px;width:20px;height:20px;margin:0;accent-color:var(--gold)}
.consent span{display:block;padding:10px 0 10px 32px;min-height:44px}
.consent a{text-decoration:underline;text-underline-offset:4px;position:relative}
.status{min-height:24px;margin-top:8px}
.thanks{font-size:20px;line-height:28px;font-weight:600}
/* inner pages */
.page{padding:var(--pad) 0}
.page h1{font-size:40px;line-height:48px;margin:24px 0}
.page .body{margin-bottom:16px}
.page .banner .pic{aspect-ratio:3/1}
.faq-h{font-size:20px;line-height:28px;font-weight:600;margin:32px 0 16px;font-weight:800}
.faq{display:grid;gap:16px}
.faq details,.doc details{background:var(--soft);border-radius:12px}
.faq summary,.doc summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:20px;font-size:20px;line-height:28px;font-weight:600;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.plus{flex:none;font-weight:600;width:20px;text-align:center}
.plus::before{content:"+"}details[open]>summary .plus::before{content:"\2212"}
.answer,.doc .body{padding:0 20px 20px}
.answer p{margin:0}
.faq-foot{margin-top:24px}
.page-cta{padding:var(--pad) 0}
.page-cta h2{margin-bottom:8px}.page-cta .body{margin-bottom:24px}
/* contact */
.contact-form{margin:32px 0}
.contact-form label,.contact-form .label{margin-top:20px;margin-bottom:8px}
.contact-form legend{margin-bottom:8px}
fieldset{border:0;padding:0;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.contact-form .chip{margin:0;position:relative}
.chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--soft);font-weight:600}
.chip input:checked+span{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.chip input:focus-visible+span{outline:2px solid var(--forest);outline-offset:3px}
.issue-hint{margin-top:16px;color:var(--muted)}
.attach{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.attach input[type=file]{position:absolute;opacity:0;width:1px;height:1px}
.attach input[type=file]:focus-visible+label{outline:2px solid var(--forest);outline-offset:3px}
.contact-form .attach-btn{margin:0;display:inline-flex}
.file-hint{color:var(--muted)}
.file-list{margin-top:8px}
.contact-form .button.wide{margin-top:24px}
/* press */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}
.facts div{background:var(--soft);border-radius:12px;padding:16px 20px}
.facts dt{color:var(--muted);font-weight:600}
.press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.press-grid li{display:grid;gap:8px;align-content:start}
.dl{display:flex;flex-direction:column;min-height:48px;font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:2px}
.dl:hover{text-decoration-color:var(--gold)}
.dl-meta{font-weight:400;color:var(--muted)}
/* privacy */
.doc-meta{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted)}
.doc-intro{margin:16px 0}
.doc-tools{display:flex;gap:16px;margin:24px 0}
.doc-banner{font-size:20px;line-height:28px;font-weight:800;margin:32px 0 16px}
.doc details{margin-bottom:16px}
.doc summary{font-size:20px}
.doc .n{margin-right:12px;color:var(--muted)}
.doc ul{list-style:disc;padding-left:20px}.doc li{margin-bottom:8px}
.doc .body p{margin-bottom:12px}
.pattern div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:8px 0;border-top:1px solid var(--rule)}
.pattern dt{font-weight:600}
.to-top{display:inline-block;margin-top:24px}
.doc a:not(.to-top){text-decoration:underline;text-underline-offset:4px}
/* footer */
@media (max-width:1199px){:root{--w:min(944px,calc(100vw - 80px));--pad:40px}}
@media (max-width:699px){
:root{--w:calc(100vw - 48px);--pad:28px}
h2{font-size:32px;line-height:40px}
.menu-btn{display:inline-flex;align-items:center;justify-content:center}
#site-nav{display:none;position:absolute;top:var(--header);left:0;right:0;flex-direction:column;gap:0;background:var(--forest);padding:8px 24px 16px;border-top:1px solid var(--border)}
.menu-open #site-nav{display:flex}
#site-nav a{min-height:48px}
:root:not(.js) .menu-btn{display:none}
:root:not(.js) .site-header{height:auto}
:root:not(.js) .bar{flex-wrap:wrap;padding:8px 0}
:root:not(.js) #site-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;width:100%;border:0;padding:0}
.facts,.press-grid,.press-grid.logos{grid-template-columns:1fr}
.pattern div{grid-template-columns:1fr;gap:4px}
/*9A-PHONE*/
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.plain-h{margin-bottom:24px}
legend{padding:0}
.press-grid+.small,.logos+.small{margin-top:24px}
.cf-turnstile{margin-top:16px;min-height:65px}

/* ---------- round 9a: hero, beats, signup panel, footer ---------- */
.button.primary,.button.steam{flex:none}
.hero{padding:24px 0 53px}
.hero-in{display:grid;grid-template-columns:1fr;row-gap:47px}
.hero h1{font-size:40px;line-height:48px;font-weight:800}
.genre{font-size:16px;line-height:24px;font-weight:400;margin-top:16px}
.hero-actions{display:flex;gap:12px;margin-top:24px;flex-direction:column}
.hero-actions .button{width:100%}
.hero-pic{display:flex;justify-content:center}
.frame.fit{display:inline-block;max-width:100%}
.frame.fit .pic{display:block;position:relative;aspect-ratio:auto;overflow:hidden;line-height:0}
.frame.fit .pic img{display:block;height:auto;width:min(var(--iw,100%),100%);object-fit:fill}
.w-hero{--iw:702px}.w-169{--iw:708px}.w-folk{--iw:511px}.w-heir{--iw:811px}.w-season{--iw:146px}.w-inside{--iw:830px}
.beat{padding:28px 0 32px}
.beat-in{display:block}
.beat-text{display:block}
.num{display:block;font-size:12px;line-height:18px;font-weight:700;margin-bottom:4px}
.beat h2{margin:0}
.beat .cap{margin-top:8px;max-width:360px}
.beat .media{display:flex;justify-content:center;margin-top:20px}
.beat .mid-cta{margin-top:20px}
.beat .mid-cta .button{width:100%}
.tone-paper{background:var(--paper)}.tone-deep{background:var(--deep)}
.seasons{display:grid;grid-template-columns:repeat(2,minmax(0,152px));gap:20px 24px;justify-content:center}
.seasons .frame.fit{max-width:100%}
.seasons figure{justify-items:center}
.seasons figcaption{font-size:12px;line-height:18px;font-weight:600}
.signup-band{background:var(--deep);padding:24px 0}
.signup-panel{border-radius:12px;padding:24px;display:grid;gap:16px}
.signup-panel h2{margin-bottom:8px}
.signup .button{margin-top:12px;width:100%}
@media (min-width:700px){.signup .button{width:184px}}
.signup-panel input[type=email]{background:var(--paper);border-color:var(--gold)}
.site-footer{background:var(--forest);color:var(--paper);height:400px}
.f-links a{padding:0}
.f-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand brand" "tag tag" "links links" "studio studio" "legal legal";padding-top:32px}
.f-brand{grid-area:brand}
.f-tag{grid-area:tag;margin-top:12px;font-size:16px;line-height:24px}
.f-links{grid-area:links;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;margin:24px 0 0}
.f-studio{grid-area:studio;margin-top:24px;font-size:12px;line-height:18px}
.f-legal{grid-area:legal;margin-top:12px;font-size:16px;line-height:24px;text-align:left}
.site-footer .brand .word{font-size:32px}
@media (min-width:700px){
:root{--w:min(944px,calc(100vw - 80px))}
.hero{padding:40px 0 67px}
.hero-in{row-gap:40px}
.status{min-height:0;margin-top:0}.status:not(:empty){margin-top:8px}
.hero h1{font-size:60px;line-height:68px}
.genre{font-size:20px;line-height:28px;max-width:550px}
.hero-actions{flex-direction:row;gap:16px;margin-top:24px}
.hero-actions .button{width:auto}
.hero-actions .button.primary{width:184px}
.beat{padding:32px 0}
}
@media (min-width:700px){.f-links a{padding:0 8px}}
@media (min-width:1200px){
.seasons{grid-template-columns:repeat(4,164px);gap:32px}
:root{--w:min(1312px,calc(100vw - 128px))}
.hero{padding:0;height:520px}
.hero-in{grid-template-columns:minmax(0,550px) minmax(0,1fr);column-gap:40px;align-items:start;row-gap:0}
.hero-text{padding-top:54px}
.hero-pic{padding-top:40px;display:block;max-width:720px;justify-self:end;min-width:0;width:100%}
.beat-in{display:grid;grid-template-columns:360px minmax(0,1fr);column-gap:40px;align-items:start}
.beat .media{margin-top:0}
.signup-panel{grid-template-columns:632px 1fr;gap:24px}
.signup-form{max-width:440px}
.site-footer{height:200px}
.f-grid{grid-template-columns:1fr auto;grid-template-areas:"brand links" "tag legal" "studio studio";padding-top:32px}
.f-links{display:flex;gap:12px;justify-self:end;margin:0 -8px 0 0;height:48px}
.f-tag{margin-top:26px}
.f-legal{margin-top:26px;justify-self:end;text-align:right}
.f-studio{margin-top:20px}
}
@media (min-width:700px) and (max-width:1199px){
.hero-pic{display:flex;justify-content:center}
.signup-panel{grid-template-columns:1fr 1fr;gap:32px}
.f-grid{grid-template-columns:1fr auto;grid-template-areas:"brand links" "tag legal" "studio studio"}
.f-links{display:flex;gap:12px;justify-self:end;margin:0 -8px 0 0;height:48px}
.f-tag{margin-top:26px}.f-legal{margin-top:26px;justify-self:end;text-align:right}.f-studio{margin-top:20px}
.site-footer{height:200px}
}
@media (max-width:699px){
.w-folk{--iw:293px}.w-season{--iw:134px}
}

/* ---------- round 9a, Adi's change 26 Oct: four-picture hero, one collage of ten ---------- */
.hero{padding:24px 0 32px;height:auto}
.hero-in{display:grid;grid-template-columns:1fr;row-gap:32px;align-items:start}
.hero-text{padding-top:0}
.hero-pics{display:block}
.hero-pics .hp-extra{display:none}
.frame.fit .pic img.w-fill{width:100%;height:auto}
.hero-pics .frame.fit,.collage .frame.fit{display:block;width:100%}
.look-cap{margin:8px 0 24px}
.collage{columns:2;column-gap:16px}
.collage figure{break-inside:avoid;margin:0 0 16px;display:grid;gap:8px;justify-items:stretch}
.collage figcaption{font-size:12px;line-height:18px;font-weight:600}
.beat{padding:28px 0 16px}
@media (min-width:700px){
.hero{padding:40px 0}
.hero-in{row-gap:32px}
.hero-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:560px}
.hero-pics .hp-extra{display:block}
.collage{columns:3;column-gap:24px}
.collage figure{margin-bottom:24px}
.beat{padding:32px 0 8px}
}
@media (min-width:1200px){
.hero{padding:40px 0;height:auto}
.hero-in{grid-template-columns:minmax(0,550px) minmax(0,1fr);column-gap:40px;row-gap:0;align-items:center}
.hero-text{padding-top:0}
.hero-pics{justify-self:end;width:100%;max-width:560px;padding-top:0}
}

/* ---------- 26 Oct, second change: even grid of ten, rounded corners, new hero pictures ---------- */
.frame{border-radius:16px}
.frame.fit .pic{border-radius:8px}
.hero-pics .frame.fit,.look-grid .frame.fit{display:block;width:100%}
.hero-pics .frame.fit .pic,.look-grid .frame.fit .pic{aspect-ratio:16/9}
.hero-pics .frame.fit img.w-fill,.look-grid .frame.fit img.w-fill{width:100%;height:100%;object-fit:cover}
.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.look-grid figure{margin:0;display:grid;gap:8px}
.look-grid figcaption{font-size:12px;line-height:18px;font-weight:600}
@media (min-width:1200px){.look-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}}

/* ---------- 26 Oct, third change: header buttons, Notify popup, one FAQ and contact page ---------- */
#site-nav{display:flex;align-items:center;gap:24px}
#site-nav .links{display:flex;gap:8px}
.hbtns{display:flex;gap:12px;align-items:center}
.hbtns .button{padding:0 20px}
.hbtns .button.primary{width:auto;min-width:144px}
.hbtns .button.steam{min-width:0}
.hero-text .genre{max-width:550px}
.hero-in{align-items:center}
@media (max-width:1199px){
.menu-btn{display:inline-flex;align-items:center;justify-content:center}
#site-nav{display:none;position:absolute;top:var(--header);left:0;right:0;flex-direction:column;align-items:stretch;gap:12px;background:var(--forest);padding:8px calc((100vw - var(--w)) / 2) 24px;border-top:1px solid var(--border)}
.menu-open #site-nav{display:flex}
#site-nav .links{flex-direction:column;gap:0}
.hbtns{flex-direction:column;align-items:stretch}
.hbtns .button,.hbtns .button.primary,.hbtns .button.steam{width:100%}
:root:not(.js) .menu-btn{display:none}
:root:not(.js) .site-header{height:auto}
:root:not(.js) .bar{flex-wrap:wrap;padding:8px 0}
:root:not(.js) #site-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;width:100%;border:0;padding:0}
:root:not(.js) #site-nav .links{flex-direction:row}
:root:not(.js) .hbtns{display:none}
}
/* Notify popup */
.notify-dialog{border:0;padding:0;background:transparent;max-width:none;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:auto;color:var(--paper)}
.notify-dialog::backdrop{background:rgba(38,61,49,.78)}
.nd-in{position:relative;border-radius:12px;padding:24px;border:1px solid var(--gold)}
.nd-in h2{font-size:20px;line-height:28px;padding-right:96px}
.nd-in .body{margin-top:8px}
.nd-close{position:absolute;top:16px;right:16px;min-height:48px;width:auto;padding:0 16px}
.nd-in .signup{margin-top:16px}
.nd-in .signup .button{margin-top:16px;width:100%}
.nd-in input[type=email]{margin-top:8px;background:var(--paper);border-color:var(--gold)}
.nd-in .consent{margin-top:12px}
/* one page for FAQ and contact */
.help{padding:32px 0 48px}
.help h1{font-size:40px;line-height:48px;margin:0 0 8px}
.help .lead{margin:0 0 24px}
.help-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.help .faq-h{font-size:20px;line-height:28px;margin:24px 0 8px}
.help .help-faq .faq-h:first-child{margin-top:0}
.help .faq{display:block;border-top:1px solid var(--rule)}
.help .faq details{background:none;border-radius:0;border-bottom:1px solid var(--rule);margin:0}
.help .faq summary{min-height:48px;padding:10px 0;font-size:16px;line-height:24px;font-weight:700}
.help .answer{padding:0 0 12px}
.help-contact{background:var(--soft);border-radius:16px;padding:24px;min-width:0}
.help-contact h2{font-size:20px;line-height:28px;margin:0 0 4px}
.help-contact .contact-form{margin:8px 0 12px}
.help-contact .contact-form label,.help-contact .contact-form .label{margin-top:12px;margin-bottom:4px}
.help-contact .contact-form legend{margin-bottom:4px}
.help-contact .chips{gap:6px}
.help-contact .chip span{min-height:44px;padding:0 12px}
.help-contact .issue-hint{margin-top:8px}
.help-contact textarea{min-height:96px}
.help-contact .attach{gap:8px 12px}
.help-contact .contact-form .button.wide{margin-top:16px}
.help-contact .consent{margin-top:12px}
.f2{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
@media (min-width:700px){.f2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (min-width:1200px){
.help-grid{grid-template-columns:minmax(0,1fr) 480px;gap:48px;align-items:start}
.help-contact{position:sticky;top:96px}
}
html{scroll-padding-top:96px}
.help-contact .contact-form .chip{margin:0}

.button.steam,.button.steam:visited{background:transparent;border:1px solid var(--border);color:var(--paper);cursor:pointer;min-width:0;text-decoration:none}
.button.steam:hover{background:rgba(243,238,223,.1);border-color:var(--paper);color:var(--paper)}
.button.steam{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.button.steam img{width:24px;height:24px;display:block}

/* v12 phone and tablet menu: Notify in the bar, icon button, full-height panel */
.bar-end{display:flex;align-items:center;gap:8px}
.bar-cta{display:none}
.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu-btn .bars{display:block;position:relative;width:22px;height:16px}
.menu-btn .bars i{position:absolute;left:0;width:22px;height:2px;border-radius:1px;background:var(--paper);transition:transform 140ms,opacity 140ms,top 140ms}
.menu-btn .bars i:nth-child(1){top:0}.menu-btn .bars i:nth-child(2){top:7px}.menu-btn .bars i:nth-child(3){top:14px}
.menu-open .menu-btn .bars i:nth-child(1){top:7px;transform:rotate(45deg)}
.menu-open .menu-btn .bars i:nth-child(2){opacity:0}
.menu-open .menu-btn .bars i:nth-child(3){top:7px;transform:rotate(-45deg)}
@media (max-width:1199px){
.menu-btn{width:48px;height:48px;padding:0}
.bar-cta{display:inline-flex;width:auto;min-width:0;padding:0 16px;height:48px}
.hbtns .button.primary{display:none}
#site-nav{position:fixed;top:var(--header);left:0;right:0;bottom:0;overflow-y:auto;gap:0;padding:8px calc((100vw - var(--w)) / 2) 32px;border-top:1px solid var(--rule)}
#site-nav .links{width:100%}
#site-nav .links a{min-height:56px;padding:0;font-size:20px;border-bottom:1px solid rgba(243,238,223,.16);text-decoration:none;width:100%}
#site-nav .links a[aria-current]{color:var(--gold)}
.hbtns{margin-top:24px}
:root:not(.js) .bar-cta{display:none}
:root:not(.js) .hbtns .button.primary{display:none}
}
@media (max-width:699px){.brand .word{font-size:20px;line-height:28px}.brand{gap:8px}}
@media (max-width:359px){.brand .leaf{display:none}}
.bar-end .button.bar-cta{width:auto;min-width:0;flex:none;padding:0 16px}

/* v13 one-line footer and picture viewer */
.site-footer{height:auto}
.f-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"brand" "links" "legal";padding:32px 0 32px;row-gap:0}
.f-links{margin:20px 0 0}
.f-legal{margin-top:20px;text-align:left;justify-self:start}
@media (min-width:700px) and (max-width:1199px){
.f-grid{grid-template-columns:1fr auto;grid-template-areas:"brand links" "legal legal";padding:32px 0}
.f-links{margin:0 -8px 0 0}
.f-legal{margin-top:16px;justify-self:start;text-align:left}
}
@media (min-width:1200px){
.f-grid{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0;height:112px}
.f-links{margin:0;height:auto}
.f-legal{margin:0;text-align:right;justify-self:auto}
}
.lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;color:var(--paper)}
.lightbox::backdrop{background:rgba(38,61,49,.96)}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox img{display:block;max-width:calc(100vw - 32px);max-height:calc(100dvh - 128px);width:auto;height:auto;border:1px solid var(--gold);border-radius:16px;background:var(--forest);margin-top:48px}
.lb-close{position:absolute;top:16px;right:16px}
a.frame[data-lb]{cursor:zoom-in}

.release-date{margin-top:24px;font-size:20px;line-height:28px;font-weight:700;color:var(--gold)}
.release-date time{color:var(--gold)}
.release-date time{white-space:nowrap}

/* v14 fonts: Fraunces for titles and the wordmark (as in the game and logo), Inter for text and controls */
h1,h2,h3,.brand .word,.help h1,.page h1{font-family:var(--serif)}
h1,h2{font-weight:700}
.brand .word{font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:32px;line-height:40px}
.site-footer .brand .word{font-size:32px}
@media (max-width:699px){.brand .word{font-size:20px;line-height:28px}}
.faq summary,.help .faq summary{font-family:var(--sans)}

.release-date{display:block;margin-top:24px;padding:16px 24px;border:1px solid var(--gold);border-radius:16px;background:rgba(217,182,108,.1);width:fit-content;max-width:100%;font-size:16px;line-height:24px;font-weight:400;color:var(--paper)}
.release-date .rd-label{display:block;font-size:12px;line-height:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.release-date .rd-date{display:block;margin-top:4px;font-family:var(--serif);font-size:32px;line-height:40px;font-weight:700;color:var(--gold);white-space:nowrap}
.release-date .rd-where{display:block;margin-top:4px}
@media (max-width:699px){.release-date{width:100%}}
.release-date{box-sizing:border-box}
.release-date .rd-date{white-space:normal}
@media (max-width:389px){.release-date .rd-date{font-size:20px;line-height:28px}.release-date{padding:16px}}
@media (min-width:360px) and (max-width:699px){.release-date{padding:16px}.release-date .rd-date{white-space:nowrap}}

.trailer-frame{max-width:944px;margin:0 auto}
.trailer-frame .pic{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--forest)}
.trailer-frame video{display:block;width:100%;height:100%;object-fit:contain;background:var(--forest)}
.trailer-frame video:focus-visible{outline:3px solid var(--gold);outline-offset:2px}