@font-face{font-family:Jacquard;src:url('assets/Jacquard12_400Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Romulus;src:url('assets/Romulus.ttf') format('truetype');font-display:swap}
:root{--paper:#f7f0e1;--card:#fffbf2;--ink:#252b25;--green:#214d3f;--green-deep:#173b33;--red:#832d36;--gold:#b18b48;--gold-light:#f2e3bd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background-color:#102b27;background-image:radial-gradient(#d6b5701a .6px,transparent .8px),radial-gradient(ellipse at 72% 25%,#285948 0%,var(--green-deep) 53%,#102b27 100%);background-size:12px 12px,auto;color:var(--paper);font-family:Georgia,serif}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:3px solid #ffda82;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;z-index:10;top:-100px;left:12px;padding:10px 14px;background:var(--card);color:var(--ink)}
.skip-link:focus{top:12px}
.site-header{height:122px;border-bottom:1px solid #b18b4877;display:grid;grid-template-columns:1fr 380px 1fr;align-items:center;padding:12px 5%}
.logo-wrap{position:relative;width:350px;max-width:100%;justify-self:center;container-type:inline-size}
.logo{display:block;width:100%;height:auto;object-fit:contain;image-rendering:pixelated}
.logo-english{display:none;position:absolute;left:25.5%;top:68.5%;width:55.5%;height:15.5%;background:#f4d495;color:#201a10;align-items:center;justify-content:center;font:4.1cqw/1 Romulus,serif;white-space:nowrap;overflow:hidden}
html[lang="en"] .logo-english{display:flex}
.mast-note,.edition{font:12px/1.55 Romulus,serif;letter-spacing:.11em;color:#e5cf9b}
.header-end{display:flex;flex-direction:column;align-items:flex-end;gap:13px}
.language-switch{display:flex;align-items:center;gap:9px;font:14px Romulus,serif;letter-spacing:.13em;white-space:nowrap}
.language-switch button{padding:3px 1px;border:0;background:none;color:#d7c49d;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:#f0c879;text-decoration:underline;text-underline-offset:5px}
.language-switch button[aria-pressed="false"]{opacity:.66}
.language-switch span{width:1px;height:14px;background:currentColor;opacity:.5}
.intro{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;padding:38px 20px 22px}
.intro-copy{max-width:1050px}
.eyebrow,.crest>span:last-child,.download-copy>span,.carousel-left>span,.quote-caption,.quote-prompt{font-family:Romulus,Georgia,serif;letter-spacing:.11em}
.eyebrow{font-size:15px;color:#f1c773}
h1,h2,p,blockquote{margin:0}
h1{font:normal clamp(68px,7vw,111px)/.81 Jacquard,serif;margin:17px 0 20px}
h1 em{font-style:normal;color:#e5b76c}
.intro p{font-size:21px;line-height:1.35;max-width:735px;color:#e9dbc0}
.crest{display:flex;flex-direction:column;align-items:center;gap:5px;margin-right:25px;margin-bottom:13px;min-width:260px}
.crown{width:60px;height:51px;display:block;background:url('assets/atlas-core.png') -66px -69px / 192px 192px no-repeat;image-rendering:pixelated;transform:scale(1.3)}
.crest>span:last-child{font-size:11px;color:#d4bc87;white-space:nowrap;margin-top:10px}
.theatre{max-width:1300px;margin:0 auto;padding:0 20px}
.theatre-border{border:9px solid #ad834a;outline:3px solid #6d4b2d;box-shadow:0 22px 30px #091f1dbb,inset 0 0 0 4px #edcb8e;background:#e8d9b9}
.theatre-scene{height:430px;position:relative;overflow:hidden}
.scene-bg{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;position:absolute;inset:0}
.scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,#1e352433,transparent 25%,#efe3c990 70%,#f7eee0b3)}
.scene-character{position:absolute;width:420px;height:420px;object-fit:contain;left:2%;bottom:-130px;image-rendering:pixelated;filter:drop-shadow(8px 10px 1px #1d2418aa)}
.theatre-quote{position:absolute;left:41%;top:39px;right:40px;background:#fffaf0;border:3px solid #423027;box-shadow:8px 8px 0 #7c5434;padding:30px 34px 26px;min-height:284px;color:var(--ink)}
.quote-caption{font-size:12px;color:var(--red)}
.theatre-quote blockquote{font:normal clamp(27px,2.9vw,39px)/1.16 Romulus,serif;color:var(--green);margin:15px 0 18px;overflow-wrap:break-word}
.quote-rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:11px}
.quote-prompt{font-size:11px;color:#796047}
.carousel-bar{height:66px;display:flex;justify-content:space-between;align-items:center;color:#f1dbad;padding:0 7px}
.carousel-left{display:flex;align-items:center;gap:25px}
.carousel-left>span{font-size:11px}
.carousel-progress{display:flex;gap:6px}
.carousel-progress i{width:27px;height:4px;background:#a08657;display:block}
.carousel-progress i.active{background:#f0cf82}
.carousel-controls{display:flex;align-items:center;gap:14px}
.carousel-arrow{font:32px/1 Georgia,serif;color:inherit;border:1px solid currentColor;background:transparent;width:42px;height:42px;cursor:pointer}
.carousel-arrow:hover{background:#ffffff1c}
.count{font:14px Romulus,serif;letter-spacing:.09em;min-width:70px;text-align:center}
.download{max-width:1300px;margin:auto;padding:25px 20px 31px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #bb996955}
.download-copy>span{color:#e5bb76;font-size:12px}
.download h2{font:normal 39px Jacquard,serif;margin-top:5px}
.store-badges{display:flex;align-items:center;gap:8px}
.store-link{display:block;line-height:0;border-radius:8px}
.store-link:not([href]){cursor:default}
.badge{display:block;object-fit:contain;flex:none;filter:drop-shadow(4px 5px 0 #102a24)}
.badge.apple{width:188px;height:auto}
.badge.google{width:205px;height:auto}
.contact{max-width:1300px;margin:auto;padding:34px 20px 48px;border-top:1px solid #bb996955;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:50px}
.contact-copy>span{font:12px Romulus,serif;letter-spacing:.11em;color:#e5bb76}
.contact h2{font:normal clamp(40px,5vw,62px)/1 Jacquard,serif;margin:9px 0 12px}
.contact-copy p{max-width:500px;color:#e9dbc0;font-size:18px;line-height:1.4}
#contact-form{display:grid;gap:8px}
#contact-form label{font:14px Romulus,serif;letter-spacing:.05em;color:#f0d6a5}
#contact-form input,#contact-form textarea{width:100%;border:1px solid #b99660;background:#fffaf0;color:#252b25;border-radius:2px;padding:10px 12px;font:17px/1.35 Georgia,serif}
#contact-form textarea{resize:vertical;min-height:124px}
#contact-form input:focus-visible,#contact-form textarea:focus-visible{outline:3px solid #ffda82;outline-offset:2px}
#contact-form button{justify-self:start;margin-top:8px;padding:12px 22px;border:1px solid #f0cf82;background:#e5b76c;color:#102b27;font:17px Romulus,serif;cursor:pointer}
#contact-form button:hover{background:#f0cf82}
#contact-form button:disabled{opacity:.65;cursor:wait}
.contact-status{min-height:1.5em;font-size:14px;color:#f0d6a5}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;border-top:1px solid #9d774c77;color:#cbb889;font:12px Romulus,serif;letter-spacing:.08em}
.site-footer nav{display:flex;gap:10px;align-items:center}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px) and (min-width:701px){
  .site-header{grid-template-columns:1fr 300px 1fr}.logo-wrap{width:290px}.mast-note,.edition{font-size:10px}
  .intro p{max-width:600px}.crest{min-width:185px;margin-right:0}.crest>span:last-child{font-size:9px}
  .theatre-quote{left:36%;right:22px;padding:24px 25px}.scene-character{left:-4%;width:390px}
  .download h2{font-size:34px}.badge.apple{width:165px}.badge.google{width:181px}
}
@media(max-width:700px){
  .site-header{height:87px;padding:8px 17px;grid-template-columns:1fr auto}.mast-note,.edition{display:none}.logo-wrap{width:220px;justify-self:start}.header-end{gap:0}.language-switch{font-size:12px}
  .intro{padding:30px 22px 20px}.intro-copy{width:100%}.eyebrow{font-size:11px}h1{font-size:65px;line-height:.86;margin:18px 0}.intro p{font-size:16px}.crest{display:none}
  .theatre{padding:0 16px}.theatre-border{border-width:6px;outline-width:2px}.theatre-scene{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;padding:12px 12px 20px}.scene-wash{background:linear-gradient(0deg,#eee0c28c,#eee0c222 57%)}.scene-character{position:relative;width:min(67vw,265px);height:235px;left:auto;bottom:auto;flex:none;object-position:center center;align-self:center;z-index:1}
  .theatre-quote{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:0;padding:20px 20px 17px;box-shadow:5px 5px 0 #7c5434;z-index:2}.quote-caption{font-size:10px}.theatre-quote blockquote{font-size:29px;line-height:1.14;margin:10px 0 12px}.quote-prompt{font-size:9px}
  .carousel-bar{height:57px;padding:0}.carousel-left>span{display:none}.carousel-progress i{width:20px}.carousel-controls{gap:5px}.carousel-arrow{width:34px;height:34px;font-size:26px}.count{font-size:12px;min-width:56px}
  .download{display:block;padding:22px 22px 26px}.download-copy>span{font-size:10px}.download h2{font-size:32px}.store-badges{margin-top:18px;justify-content:flex-start;gap:1px}.badge.apple{width:min(40vw,155px)}.badge.google{width:min(44vw,170px)}
  .contact{display:block;padding:28px 22px 36px}.contact-copy p{font-size:16px}.contact form{margin-top:22px}
  .site-footer{font-size:9px;line-height:1.35;padding:14px 18px;align-items:flex-start}
}
@media(max-width:360px){h1{font-size:55px}.theatre{padding:0 10px}.theatre-quote{left:8px;right:8px;padding:16px}.theatre-quote blockquote{font-size:26px}.quote-prompt{font-size:8px}.download{padding-left:16px;padding-right:16px}.site-footer{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}