@font-face{font-family:Modam;src:url('assets/fonts/Modam-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Modam;src:url('assets/fonts/Modam-ExtraBold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--paper:#f6f1e7;--ink:#193e37;--muted:#617069;--teal:#143e39;--gold:#edbe66;--line:#d9d9ca;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.9 Modam,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;line-height:1.5}a:focus-visible,button:focus-visible{outline:3px solid #ad7b3c;outline-offset:5px}::selection{background:var(--gold);color:var(--ink)}.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:var(--gold);padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}
header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:94px;display:flex;align-items:center;gap:42px}.brand{margin-inline-end:auto}.brand img{width:94px;height:74px;object-fit:contain}.nav-links{display:flex;gap:32px;font-size:14px}.nav-links a:hover,.text-link:hover{color:#a2652c}.nav-download{font-size:14px;border:1px solid var(--ink);padding:9px 22px;border-radius:5px}.nav-download span{margin-inline-start:20px}.menu-toggle{display:none}.mobile-menu{background:var(--paper);padding:12px 24px 24px}.mobile-menu a{display:block;padding:12px;border-bottom:1px solid var(--line)}
.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:710px;padding-block:48px 30px}.eyebrow{font-size:12px;letter-spacing:.2px;font-weight:800;display:flex;gap:10px;align-items:center}.tiny-star{font-size:22px;color:#a96b30}.hero h1{font-size:clamp(44px,4.7vw,67px);line-height:1.55;letter-spacing:-2px;margin-top:18px}.hero h1>span{color:#ae6a31;position:relative}.hero h1>span:after{content:'';position:absolute;bottom:2px;right:0;width:100%;height:7px;background:var(--gold);clip-path:polygon(0 45%,100% 0,98% 80%,2% 100%)}.hero-description{color:var(--muted);font-size:15px;margin-top:22px;line-height:2.15;max-width:470px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:57px;border-radius:5px;padding:14px 23px;font-weight:800;font-size:15px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#f5ce87}.button-gold{background:var(--gold);color:#243e32;box-shadow:0 4px 0 #b58a44}.button-arrow{font-size:24px;line-height:1}.text-link{font-size:13px;display:flex;gap:14px;align-items:center}.platform-note{font-size:11px;color:var(--muted);margin-top:15px}.platform-note span{padding-inline:8px}.hero-facts{display:flex;margin-top:36px;gap:26px}.hero-facts>div{display:flex;align-items:center;gap:10px;padding-inline-end:26px;border-inline-end:1px solid var(--line)}.hero-facts>div:last-child{border:0;padding:0}.hero-facts strong{font-size:31px;font-weight:800}.hero-facts span{font-size:11px;max-width:55px;line-height:1.9}
.hero-art{position:relative;height:620px;isolation:isolate;align-self:end}.arch{position:absolute;inset:0 22px 20px;border-radius:260px 260px 8px 8px;overflow:hidden;background:#bdd6c5;outline:1px solid #b4ba9e;outline-offset:10px}.village{width:100%;height:100%;object-fit:cover;object-position:center 64%}.arch:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#143e3970,transparent 55%)}.character{position:absolute;bottom:0;object-fit:contain;object-position:bottom;filter:drop-shadow(0 16px 12px #15342936);pointer-events:none}.kabir{height:83%;width:52%;left:-10px;z-index:1}.amir{height:79%;width:60%;right:0;z-index:2}.art-sun{position:absolute;right:2px;top:34px;z-index:3;color:#a9682b;font-size:60px;line-height:1}.art-caption{position:absolute;left:-12px;top:32%;z-index:3;background:var(--paper);padding:16px 19px;display:flex;gap:12px;align-items:center;font-size:14px;box-shadow:0 6px 24px #142e2310;transform:rotate(-6deg)}.caption-line{height:44px;width:2px;background:#b88445}.art-label{position:absolute;bottom:32px;left:40px;z-index:4;color:white;font-size:10px;writing-mode:vertical-rl}.hero-bottom{display:flex;justify-content:center;align-items:center;gap:44px;background:var(--teal);color:#f0e4c7;padding:18px;font-size:13px}.hero-bottom i{font-style:normal;color:var(--gold);font-size:18px}
.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}h2{font-size:clamp(30px,3.5vw,47px);letter-spacing:-1.2px}.section-heading h2{margin-top:16px}.section-intro{font-size:14px;color:var(--muted);line-height:2.2;max-width:360px}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.play-card{padding:26px;border:1px solid #d9d7c6;background:#eeebdf;border-radius:6px;display:flex;flex-direction:column}.knowledge{background:#e5eae0}.words{background:#efe5d7}.card-index{font-size:11px;color:#6b786b}.play-card h3{font-size:23px;letter-spacing:-.6px;margin-bottom:12px}.play-card>p{font-size:13px;color:#58685d;line-height:2.1}.card-foot{border-top:1px solid #c9cdbb;padding-top:18px;margin-top:auto;display:flex;justify-content:space-between;font-size:11px}.play-card>p{margin-bottom:24px}.card-foot>span{font-size:20px}.discovery-art,.mini-quiz,.word-art{height:184px;position:relative;display:flex;align-items:center;justify-content:center;margin-block:8px 16px}.letter{font-family:Georgia,serif;font-size:112px;color:#9b683d;transform:rotate(-12deg);line-height:1}.discovery-ring{position:absolute;width:126px;height:126px;border:1px dashed #9a9c77;border-radius:50%;top:20px;left:calc(50% - 63px)}.found{position:absolute;bottom:15px;left:12%;font-size:10px;color:white;background:var(--teal);padding:4px 12px;transform:rotate(-5deg)}.mini-quiz{flex-direction:column;gap:12px}.mini-quiz>p:first-child{font-size:12px;font-weight:800}.quiz-answers{display:flex;gap:8px;width:100%}.quiz-answers button{flex:1;background:#faf8ed;border:1px solid #bac5ae;border-radius:4px;padding:9px;font-size:12px;min-height:44px}.quiz-answers button:hover{border-color:#31594b}.quiz-answers .correct{background:var(--teal);color:white}.quiz-answers .incorrect{border-color:#a45c43;background:#f7ddd1}.quiz-feedback{font-size:10px;min-height:25px;color:#516349;text-align:center}.word-art{gap:5px}.word-art span{width:44px;height:54px;display:grid;place-items:center;background:#faf6e9;border:1px solid #c9ac83;border-bottom:4px solid #b7986d;border-radius:5px;font-size:25px;transform:rotate(-5deg)}.word-art span:nth-child(even){transform:translateY(-12px) rotate(6deg)}
.journey{background:var(--teal);color:var(--paper);overflow:hidden}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.journey .eyebrow{color:var(--gold)}.journey h2{margin-block:16px}.journey h2 em{color:var(--gold);font-style:normal}.journey-copy>p:not(.eyebrow){font-size:14px;color:#c4d0c5;max-width:400px}.chapter-list{margin-top:30px}.chapter{display:flex;width:100%;gap:24px;align-items:center;border:0;border-bottom:1px solid #ffffff24;background:transparent;color:#c8d5c9;text-align:start;padding:12px 14px;min-height:54px;transition:background .2s,color .2s}.chapter>span:first-child{font-size:11px;opacity:.7}.chapter b{font-size:14px;font-weight:400}.chapter-arrow{margin-inline-start:auto;opacity:0}.chapter.active{background:#f2c778;color:#173d32;border-color:transparent;border-radius:3px}.chapter:hover:not(.active){background:#ffffff0d}.chapter.active b{font-weight:800}.chapter.active .chapter-arrow{opacity:1}.journey-visual{position:relative;padding:20px 38px 90px}.map-frame{border:7px solid #e7d8b5;outline:1px solid #baaa82;border-radius:130px 130px 8px 8px;overflow:hidden;transform:rotate(-5deg);max-width:335px;margin:auto}.map-frame img{width:100%;height:auto}.chapter-note{position:absolute;bottom:0;right:-15px;width:92%;background:#f2ead9;color:var(--ink);padding:24px 28px;box-shadow:0 12px 30px #051d292a;transform:rotate(2deg);min-height:166px}.chapter-note .eyebrow{color:#9a622d;font-size:10px}.chapter-note h3{font-size:23px;margin:6px 0}.chapter-note p{font-size:12px;color:#5a695e}.map-stamp{position:absolute;left:-25px;top:32px;background:var(--gold);color:var(--ink);width:94px;height:94px;display:grid;place-content:center;border-radius:50%;text-align:center;font-size:13px;font-weight:800;transform:rotate(12deg);outline:1px dashed #71582b;outline-offset:-7px}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.shot:nth-child(even){margin-top:36px}.shot-open{position:relative;width:100%;padding:7px;border:1px solid #cccab9;border-radius:24px;background:#e4e2d4;display:block;transition:transform .25s}.shot-open:hover{transform:translateY(-6px)}.shot-open img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:18px}.shot-open>span{position:absolute;bottom:20px;left:18px;background:var(--paper);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:23px}.shot figcaption{font-size:12px;margin-top:16px}.shot figcaption span{font-size:10px;color:#92784c;margin-inline-end:12px}.swipe-note{display:none}.codex{padding-top:30px}.codex-inner{text-align:center;border-top:1px solid var(--line);padding-top:66px;max-width:850px}.codex-symbol{font-size:42px;line-height:1;color:#a67037;margin-bottom:24px}.codex .eyebrow{justify-content:center;color:#9b6939}.codex h2{margin-block:18px}.codex h2 span{color:#9e6834}.codex-inner>p:not(.eyebrow){font-size:14px;max-width:600px;margin:auto;color:var(--muted);line-height:2.2}.codex-tags{display:flex;justify-content:center;gap:12px;margin-top:25px;flex-wrap:wrap}.codex-tags span{border:1px solid var(--line);border-radius:40px;padding:5px 18px;font-size:11px}.download-section{padding-top:0}.download-panel{background:var(--teal);color:var(--paper);text-align:center;padding:52px 24px;border-radius:180px 180px 6px 6px;position:relative;overflow:hidden}.download-panel:before,.download-panel:after{content:'✦';position:absolute;top:45%;font-size:120px;color:#edbe6621;left:8%;line-height:1}.download-panel:after{left:auto;right:8%;font-size:70px;top:24%}.download-panel>img{width:175px;height:auto;margin:0 auto 20px;position:relative}.download-panel .eyebrow{justify-content:center;color:var(--gold)}.download-panel h2{margin:10px 0}.download-panel>p:not(.eyebrow){color:#c4d0c5;font-size:14px}.download-panel .button{margin-top:28px;position:relative;z-index:1}.download-meta{display:flex;justify-content:center;gap:20px;font-size:11px;color:#c2cdbf;margin-top:24px}.download-meta>span+span{border-inline-start:1px solid #ffffff30;padding-inline-start:20px}.site-footer{padding-bottom:35px}.footer-inner{border-top:1px solid var(--line);padding-top:25px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:var(--muted)}.mobile-cta{display:none}.lightbox{padding:0;border:0;background:transparent;max-height:92dvh;max-width:92vw;overflow:visible}.lightbox::backdrop{background:#071e1bea;backdrop-filter:blur(6px)}.lightbox>img{max-height:88dvh;max-width:90vw;width:auto;height:auto;border-radius:12px}.lightbox-close{position:absolute;top:5px;left:5px;background:#f6f1e7;color:var(--ink);width:44px;height:44px;border-radius:50%;border:0;font-size:30px;line-height:1;box-shadow:0 2px 10px #0003}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero-grid{min-height:780px}.hero-art{height:680px}}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.nav{gap:24px}.nav-links{gap:20px;font-size:12px}.hero-grid{gap:20px;min-height:640px}.hero-art{height:540px}.hero h1{font-size:48px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-facts{gap:16px}.hero-facts>div{padding-inline-end:16px}.hero-facts strong{font-size:27px}.hero-facts span{font-size:10px}.hero-description{font-size:14px}.play-card{padding:20px}.play-card h3{font-size:20px}.journey-grid{gap:40px}.gallery{gap:16px}.journey-visual{padding-inline:20px}.chapter-note{right:0}.map-stamp{left:0}.art-caption{left:0;padding:12px}.word-art{gap:3px}.word-art span{width:35px}.mini-quiz>p:first-child{font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:30px}.container{width:calc(100% - 40px)}.nav{height:76px;gap:20px}.brand img{width:78px;height:64px}.nav-links{display:none}.nav-download{font-size:11px;padding:7px 13px}.nav-download span{margin-inline-start:8px}.menu-toggle{display:flex;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:18px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-grid{grid-template-columns:1fr;gap:32px;padding-block:32px 0;min-height:0}.hero-copy{max-width:530px;margin-inline:auto;width:100%}.hero .eyebrow{font-size:11px}.hero h1{font-size:clamp(39px,8vw,56px);margin-top:12px;line-height:1.5;letter-spacing:-1.6px}.hero-description{font-size:13px;margin-top:18px;max-width:440px}.desktop-break{display:none}.hero-actions{gap:22px;margin-top:24px;flex-wrap:nowrap}.button{font-size:13px;gap:25px;min-height:54px;padding:12px 19px}.text-link{font-size:11px;gap:8px}.platform-note{font-size:10px;margin-top:12px}.hero-facts{margin-top:26px;gap:20px;justify-content:flex-start}.hero-facts strong{font-size:28px}.hero-facts>div{gap:9px;padding-inline-end:20px}.hero-facts span{max-width:none;font-size:10px}.hero-art{height:440px;width:min(100%,450px);margin:auto}.arch{inset:0 24px 0}.kabir{height:91%;left:-2px;width:52%}.amir{height:86%;right:0;width:60%}.art-caption{top:24%;left:0;font-size:12px;padding:12px 16px}.art-sun{font-size:49px;right:8px;top:22px}.art-label{left:40px;bottom:25px}.hero-bottom{padding:14px 10px;gap:24px;font-size:11px}.hero-bottom i{font-size:14px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:28px}h2{font-size:33px;letter-spacing:-.7px}.section-heading h2{margin-top:12px}.section-intro{font-size:13px;margin-top:18px}.eyebrow{font-size:10px}.play-grid{grid-template-columns:1fr;gap:16px}.play-card{padding:24px}.play-card h3{font-size:23px}.play-card>p{font-size:13px}.discovery-art,.mini-quiz,.word-art{height:150px;margin-block:2px 12px}.word-art span{width:47px;height:57px}.mini-quiz>p:first-child{font-size:13px}.quiz-answers{max-width:310px}.quiz-feedback{font-size:11px}.found{left:22%;bottom:0}.discovery-ring{top:9px}.journey-grid{grid-template-columns:1fr;gap:35px}.journey h2 br{display:none}.journey-copy>p:not(.eyebrow){font-size:13px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:24px}.chapter{gap:10px;padding:10px;min-height:52px}.chapter b{font-size:12px}.chapter>span:first-child{font-size:10px}.chapter:last-child{grid-column:1/-1}.journey-visual{width:min(100%,400px);margin:auto;padding:10px 30px 100px}.map-frame{max-width:280px;border-width:5px}.chapter-note{padding:20px;width:94%;bottom:0;min-height:157px}.chapter-note h3{font-size:21px}.chapter-note p{font-size:11px}.map-stamp{width:77px;height:77px;font-size:11px;left:2px;top:30px}.gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 20px;scrollbar-width:thin;scrollbar-color:#b5ba9e transparent}.shot{flex:0 0 73%;max-width:285px;scroll-snap-align:start}.shot:nth-child(even){margin-top:0}.shot figcaption{font-size:12px}.shot-open{border-radius:24px}.swipe-note{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:10px}.codex{padding-top:15px}.codex-inner{padding-top:45px}.codex h2{font-size:28px}.codex-inner>p:not(.eyebrow){font-size:13px}.codex-tags{gap:8px}.codex-tags span{padding:4px 13px}.download-section{padding-top:0;padding-bottom:45px}.download-panel{border-radius:110px 110px 5px 5px;padding:42px 22px}.download-panel h2{font-size:30px}.download-panel>p:not(.eyebrow){font-size:12px}.download-panel>img{width:150px}.download-panel:before{font-size:65px;left:-12px;top:50%}.download-panel:after{right:0;font-size:45px;top:26%}.download-meta{font-size:10px;gap:12px}.download-meta>span+span{padding-inline-start:12px}.footer-inner{flex-wrap:wrap;gap:12px;font-size:10px}.footer-inner>span{width:100%;font-weight:800}.footer-inner>a:last-child{margin-inline-start:auto}.site-footer{padding-bottom:115px}.mobile-cta{position:fixed;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));right:14px;left:14px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--teal);color:var(--paper);padding:12px 17px;border:1px solid #c3d1b654;box-shadow:0 4px 20px #0b302e35;border-radius:8px;transition:transform .25s,opacity .25s}.mobile-cta>span{font-size:11px}.mobile-cta>b{font-size:12px;color:var(--gold)}.mobile-cta>b>span{margin-inline-start:12px}.mobile-cta.is-hidden{transform:translateY(120px);opacity:0;pointer-events:none}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:37px}.hero-actions{gap:16px}.button{gap:16px;padding-inline:15px}.hero-facts{gap:12px}.hero-facts>div{padding-inline-end:12px;gap:6px}.hero-facts strong{font-size:25px}.hero-facts span{max-width:50px}.hero-art{height:370px}.hero-bottom{gap:15px}.nav{gap:12px}.chapter{gap:6px}.chapter b{font-size:11px}.codex h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* A shorter introduction gives the artwork the first screen on mobile. */
.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800}
.brand img{width:48px;height:48px;border-radius:13px}
.hero-grid{grid-template-areas:'copy art' 'download art';grid-template-rows:1fr 1fr;gap:0 36px;min-height:650px;padding-block:34px 24px}
.hero-copy{grid-area:copy;align-self:end;padding-bottom:25px}
.hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.6;margin-top:15px;letter-spacing:-1.8px}
.hero-art{grid-area:art;height:580px}
.hero-download{grid-area:download;align-self:start;display:flex;align-items:center;gap:20px}
.hero-download .platform-note{margin:0;font-size:11px}
.download-panel>.download-icon{width:104px;height:104px;border-radius:25px;box-shadow:0 10px 30px #051e2e40;margin-bottom:26px}
.mobile-cta-brand{display:flex;align-items:center;gap:10px}
.mobile-cta-brand img{border-radius:9px;flex-shrink:0}

/* Motion uses opacity and transforms, so it never changes the layout. */
@keyframes enter-soft{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes scene-enter{
  from{opacity:0;transform:translateY(26px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes amir-enter{
  from{opacity:0;transform:translate(18px,18px)}
  to{opacity:1;transform:translate(0,0)}
}
@keyframes kabir-enter{
  from{opacity:0;transform:translate(-18px,14px)}
  to{opacity:1;transform:translate(0,0)}
}
@keyframes character-settle{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@keyframes star-twinkle{
  0%,100%{opacity:1;transform:rotate(0) scale(1)}
  50%{opacity:.6;transform:rotate(25deg) scale(.85)}
}
@keyframes caption-enter{
  from{opacity:0;transform:translateY(12px) rotate(-2deg)}
  to{opacity:1;transform:translateY(0) rotate(-6deg)}
}
@keyframes dialog-enter{
  from{opacity:0;transform:translateY(12px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
.hero-copy{animation:enter-soft .7s cubic-bezier(.2,.7,.2,1) both}
.hero-art{animation:scene-enter .9s cubic-bezier(.2,.7,.2,1) both}
.hero-download{animation:enter-soft .7s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-art .amir{animation:amir-enter .8s .12s both,character-settle 2.8s 1s ease-in-out}
.hero-art .kabir{animation:kabir-enter .8s .2s both}
.art-sun{animation:star-twinkle 2s .4s ease-in-out 2}
.art-caption{animation:caption-enter .8s .25s both}
.reveal-enter{animation:enter-soft .65s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1) both}
.mobile-menu:not([hidden]){animation:enter-soft .22s ease-out both}
.lightbox[open]{animation:dialog-enter .25s cubic-bezier(.2,.7,.2,1) both}
.lightbox[open]::backdrop{animation:backdrop-enter .25s ease-out both}
.button{position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,background .22s}
.button:after{content:'';position:absolute;inset:-70% auto -70% -70%;width:35%;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:skewX(-20deg);pointer-events:none;transition:left .6s ease}
.button-arrow{transition:transform .22s}
.button:active{transform:translateY(2px);box-shadow:0 1px 0 #b58a44}
.nav-download,.quiz-answers button{transition:background .2s,transform .2s,border-color .2s}
.nav-download:active,.quiz-answers button:active{transform:scale(.97)}
.chapter{transition:background .25s,color .25s,transform .25s}
.chapter-arrow{transition:opacity .25s,transform .25s}
.shot-open img{transition:filter .35s}
.play-card{transition:transform .3s,box-shadow .3s}
.brand img{transition:transform .3s}
@media(hover:hover) and (pointer:fine){
  .button:hover:after{left:135%}
  .button:hover .button-arrow{transform:translateY(3px)}
  .play-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #15342910}
  .chapter:hover .chapter-arrow{opacity:1;transform:translateX(-4px)}
  .brand:hover img{transform:rotate(-6deg)}
  .shot-open:hover img{filter:saturate(1.1)}
}
@media(min-width:1500px){.hero-art{height:640px}.hero-grid{min-height:710px}}
@media(min-width:761px) and (max-width:1050px){
  .hero-grid{min-height:570px;gap:0 24px}
  .hero-art{height:500px}
  .hero h1{font-size:40px}
  .hero-download{flex-wrap:wrap;gap:14px}
}
@media(max-width:760px){
  .nav{height:68px}
  .brand{font-size:22px;gap:9px}
  .brand img{width:42px;height:42px}
  .hero-grid{grid-template-areas:'copy' 'art' 'download';grid-template-rows:auto auto auto;gap:18px;min-height:0;padding-block:20px 24px}
  .hero-copy{padding:0;text-align:center}
  .hero .eyebrow{justify-content:center;font-size:10px}
  .hero h1{font-size:clamp(29px,7.7vw,42px);line-height:1.5;letter-spacing:-1px;margin-top:5px}
  .hero-art{height:clamp(280px,45svh,390px);width:min(100%,400px)}
  .hero-download{justify-content:center;gap:15px}
  .hero-download .platform-note{font-size:10px}
  .hero-download .button{min-height:50px}
  .art-caption{font-size:11px;padding:9px 12px}
  .art-sun{font-size:40px;top:14px}
  .hero-bottom{padding:12px;gap:30px}
  .mobile-cta{padding:9px 12px}
}
@media(max-width:370px){
  .brand{font-size:20px;gap:7px}
  .brand img{width:38px;height:38px}
  .hero-grid{gap:15px;padding-top:17px}
  .hero-art{height:clamp(260px,43svh,330px)}
  .mobile-cta-brand{gap:7px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-enter{opacity:1;transform:none}
  .button:after{display:none}
}