/* Logosmind motion identity — built on the current English/Turkish site. */
@font-face{font-family:Anton;src:url('../fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--studio-paper:#f4f0e5;--studio-ink:#171815;--studio-yellow:#ffe34b;--studio-red:#ec492e;--studio-display:Anton,Impact,sans-serif;--studio-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--studio-ease:cubic-bezier(.22,1,.36,1);--site-header:76px}
html{overflow-x:clip;scroll-padding-top:var(--site-header)}
body{overflow-x:clip}
::selection{background:#ffe34b;color:#171815}
.motion-home{background:var(--studio-paper);color:var(--studio-ink)}
.motion-home .actual-site{overflow:clip;background:var(--studio-paper)}
.motion-home .actual-site::before{display:none}
.motion-home .live-header{position:sticky;top:0;z-index:90;max-width:none;min-height:var(--site-header);padding:14px 3.3%;gap:26px;background:#f4f0e5f5;backdrop-filter:blur(16px);border-bottom:1px solid #17181526}
.motion-home .live-header::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--studio-red);transform:scaleX(var(--page-progress,0));transform-origin:left}
.motion-home .live-wordmark{font-size:21px;letter-spacing:-.065em;color:var(--studio-ink)}
.motion-home .live-wordmark::before{content:none}
.motion-home .live-rule{height:1px;border:0;background:transparent}
.motion-home .live-nav{font:11px var(--studio-mono);gap:26px}
.motion-home .live-nav a{padding:12px 0}
.motion-home .live-nav a::before{content:'( ';opacity:.45}
.motion-home .live-nav a::after{content:' )';position:static;height:auto;background:none;transform:none;opacity:.45}
.motion-home .live-nav a.is-active{color:#b32b18}
.motion-home .live-brand{display:flex;align-items:center;gap:9px;flex-shrink:0}
.motion-home .live-brand .live-face{display:block;flex:0 0 30px;width:30px;transition:transform .4s var(--studio-ease)}
.motion-home .live-face:hover{transform:rotate(15deg)}
.motion-home .live-face{position:relative}.motion-home .live-face::after{content:'';position:absolute;inset:-8px -3px}
.motion-home .site-language{font:10px var(--studio-mono);border-color:#17181540;border-radius:30px;padding:2px}
.motion-home .site-language a{border-radius:30px;min-height:30px;min-width:31px;padding:6px}
.motion-home .site-language a[aria-current=page]{background:#171815;color:#f4f0e5}
.motion-home a:focus-visible,.motion-home button:focus-visible,.motion-home [tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.motion-home button{font-family:inherit}
/* Five collected game prints share one frame and leave along separate paths. */
.launch-sequence{position:relative;isolation:isolate}
.launch-pin{position:relative;height:calc(100svh - var(--site-header));min-height:610px;overflow:clip;padding:24px 3.3% 0}
.motion-home[data-experience=scroll] .launch-sequence{height:calc(200svh - var(--site-header)*2)}
.motion-home[data-experience=scroll] .launch-pin{position:sticky;top:var(--site-header);min-height:0}
.launch-eyebrow{position:relative;z-index:9;display:flex;justify-content:space-between;font:10px/1.5 var(--studio-mono);letter-spacing:.015em}
.launch-eyebrow b{margin-left:26px;font-size:16px}
.launch-pin h1{position:relative;z-index:2;margin:18px 0 0;font-weight:400}
.launch-title{display:block;white-space:nowrap;text-transform:uppercase;font:400 clamp(84px,15.75vw,260px)/1 var(--studio-display);letter-spacing:-.025em;transform:translate3d(calc(var(--launch,0)*-105vw),0,0)}
.launch-yellow{position:absolute;z-index:0;top:29%;left:1.6%;right:1.6%;bottom:9%;border-radius:28px;background:#e8dfb9;transform:scale(calc(1 + var(--launch,0)*.04),calc(1 + var(--launch,0)*.25));transform-origin:50% 70%}
.launch-feelings{position:absolute;z-index:1;left:3.1%;bottom:9%;font:400 clamp(70px,14.1vw,245px)/1 var(--studio-display);letter-spacing:-.025em;white-space:nowrap;text-transform:uppercase;color:#354738;transform:translate3d(calc(var(--launch,0)*105vw),0,0)}
.launch-collage{position:absolute;z-index:3;inset:0;pointer-events:none}
/* Whole 2:3 covers: no nested crops and no logo hidden behind a neighbour. */
.hero-print{position:absolute;top:36%;left:var(--print-left);width:min(13vw,23svh);max-width:270px;margin:0;padding:6px;background:#f8f3e6;border:1px solid #252d2a;border-radius:4px;box-shadow:2px 4px 0 #252d2a20,0 18px 25px #27271824;transform:translate3d(calc(var(--flight,0)*var(--exit-x)),calc(var(--print-y) + var(--flight,0)*var(--exit-y)),0) rotate(calc(var(--print-angle) + var(--flight,0)*var(--exit-turn))) scale(calc(1 + var(--flight,0)*.12));will-change:transform;transform-origin:50% 80%}
.hero-print-image{aspect-ratio:2/3;background:var(--print-bg);border-radius:2px}
.hero-print img{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:contain;border-radius:2px}
.hero-print figcaption{display:flex;gap:5px;align-items:center;min-height:27px;font:clamp(5px,.55vw,8px)/1.3 var(--studio-mono);color:#28332b;letter-spacing:.01em;white-space:nowrap}
.hero-print figcaption>span{opacity:.5;margin-right:auto}
.hero-print--baa{--print-left:26%;--print-y:22px;--print-angle:-6deg;--print-bg:#ffd7e4;--exit-x:-110vw;--exit-y:-25vh;--exit-turn:-45deg;z-index:1}
.hero-print--gammon{--print-left:40.2%;--print-y:0px;--print-angle:-3deg;--print-bg:#241915;--exit-x:-65vw;--exit-y:-130vh;--exit-turn:-32deg;z-index:2}
.hero-print--vesperline{--print-left:54.4%;--print-y:-8px;--print-angle:0deg;--print-bg:#1e3934;--exit-x:2vw;--exit-y:140vh;--exit-turn:28deg;z-index:3}
.hero-print--sunny{--print-left:68.6%;--print-y:0px;--print-angle:3deg;--print-bg:#fff0cb;--exit-x:70vw;--exit-y:-120vh;--exit-turn:42deg;z-index:4}
.hero-print--mew{--print-left:82.8%;--print-y:22px;--print-angle:6deg;--print-bg:#e7b888;--exit-x:110vw;--exit-y:40vh;--exit-turn:55deg;z-index:5}
.device-bar{display:flex;align-items:center;gap:5px;height:23px;padding:0 3px 6px;color:#e5d7b6}
.device-bar i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
.device-bar span{margin-left:auto;color:inherit;transform:none;font:7px var(--studio-mono);letter-spacing:.06em}
.launch-copy{position:absolute;z-index:8;left:3.6%;top:44%;max-width:19%;transform:translateX(calc(var(--launch,0)*-50vw));opacity:calc(1 - var(--launch,0))}
.launch-copy p{font:12px/1.6 var(--studio-mono)}
.launch-explore{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;padding:15px 16px;border-radius:4px;background:#27382d;color:#f4f0e5;font:10px/1.2 var(--studio-mono);transition:transform .35s var(--studio-ease),background .25s}
.launch-explore b{font-size:22px;font-weight:400}
.launch-explore:hover{background:#171815;transform:translateY(-4px)}
.launch-aside{position:absolute;z-index:7;top:13%;right:3.6%;display:flex;align-items:center;flex-direction:column;gap:15px;transform:translateX(calc(var(--launch,0)*45vw));font:9px/1.6 var(--studio-mono);text-align:center}
.heart-seal{display:grid;place-items:center;width:73px;height:73px;border:1px solid #171815;background:#f4f0e5;border-radius:50%;font:52px Arial,sans-serif;rotate:12deg}
.launch-bottom{position:absolute;z-index:8;bottom:0;left:3.3%;right:3.3%;height:9%;display:flex;align-items:center;justify-content:space-between;font:9px var(--studio-mono);letter-spacing:.08em}
.launch-bottom>a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #171815;border-radius:50%;font:23px var(--ui);transition:background .25s,color .25s}
.launch-bottom>a:hover{background:#171815;color:#fff}
.launch-bottom>a{position:relative}.launch-bottom>a::after{content:'';position:absolute;inset:-6px;border-radius:50%}
/* The five worlds occupy one screen and respond directly to vertical scroll. */
.motion-home .live-carousel{position:relative;z-index:10;margin:0;scroll-margin-top:0;--world-bg:#9fd46f;--world-ink:#20391c;--world-accent:#fff6d3}
.motion-home .world-pin{position:relative;background:var(--world-bg);color:var(--world-ink);overflow:clip;transition:background .3s,color .3s}
.motion-home[data-experience=scroll] .live-carousel{height:470svh;margin-top:calc(var(--site-header) - 100svh)}
.motion-home[data-experience=scroll] .world-pin{position:sticky;top:var(--site-header);height:calc(100svh - var(--site-header))}
.world-topline{position:relative;z-index:12;padding:22px 3.3%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.motion-home .live-carousel-eyebrow{margin:0;color:inherit;font:10px/1.5 var(--studio-mono);letter-spacing:.02em}
.skip-worlds{font:10px/1.5 var(--studio-mono);text-decoration:underline;text-underline-offset:5px}
.skip-worlds span{margin-left:15px}
.motion-home .live-carousel-track{display:block;position:relative;overflow:clip;border-radius:0;gap:0;scroll-snap-type:none}
.motion-home[data-experience=scroll] .live-carousel-track{position:absolute;inset:82px 0 91px}
.motion-home .live-card{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;min-height:650px;width:100%;border:0;border-radius:0;background:var(--world-bg);color:var(--world-ink);isolation:isolate;overflow:clip;scroll-margin-top:var(--site-header)}
.motion-home[data-experience=scroll] .live-card{position:absolute;inset:0;min-height:0;height:100%;will-change:transform;transform:translate3d(calc(var(--scene-offset,0)*100%),0,0)}
.motion-home .live-card--baa,.world-pin[data-world=baa]{--world-bg:#9fd46f;--world-ink:#20391c;--world-accent:#fff6d3}
.motion-home .live-card--gammon,.world-pin[data-world=gammon]{--world-bg:#672532;--world-ink:#fff0c5;--world-accent:#ffde73}
.motion-home .live-card--vesperline,.world-pin[data-world=vesperline]{--world-bg:#183c37;--world-ink:#e6efb5;--world-accent:#e6efb5}
.motion-home .live-card--sunny,.world-pin[data-world=sunny]{--world-bg:#dce7cf;--world-ink:#2f493c;--world-accent:#fff3cd}
.motion-home .live-card--maze,.world-pin[data-world=maze]{--world-bg:#261535;--world-ink:#edceff;--world-accent:#cde783}
.motion-home .live-card--mew,.world-pin[data-world=mew]{--world-bg:#f5b940;--world-ink:#4e2c28;--world-accent:#eff1df}
.motion-home .live-card-copy{padding:25px 12px 25px 7.5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:5;min-width:0;transform:translate3d(calc(var(--scene-entry,0)*80px - var(--scene-exit,0)*90px),calc(var(--world-travel,0)*-18px),0)}
.world-index{font:11px var(--studio-mono);letter-spacing:.09em;margin-bottom:18px;opacity:.65}
.motion-home .live-card .live-available{padding:6px 9px;border:1px solid currentColor;border-radius:20px;background:none;color:inherit;transform:none;font:10px/1.4 var(--studio-mono)}
.motion-home .live-card h2{margin:18px 0 0;font:400 clamp(54px,7.3vw,112px)/.97 var(--studio-display);letter-spacing:-.015em;text-transform:uppercase;color:inherit}
.motion-home .live-card-stroke{width:54px;height:2px;margin:19px 0;background:currentColor;border-radius:0;transform:none;opacity:.5}
.motion-home .live-note{font:17px/1.45 var(--ui);color:inherit}
.motion-home .live-note::before{display:none}
.motion-home .live-store{display:flex;justify-content:space-between;gap:28px;width:auto;min-width:192px;min-height:52px;margin-top:22px;padding:11px 16px;border:1px solid var(--world-accent);border-radius:6px;background:var(--world-accent);color:var(--world-bg);font:9px/1.3 var(--studio-mono);transition:transform .4s var(--studio-ease),box-shadow .4s}
.motion-home .live-store strong{display:inline-block;font:400 15px var(--ui);letter-spacing:0}
.motion-home .live-store>b{font-size:25px}
.motion-home .live-store:hover{transform:translate(4px,-4px);box-shadow:-5px 5px 0 #0003}
.motion-home .live-vesperline-links{display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:22px;flex-wrap:wrap}
.motion-home .live-vesperline-links .live-store{margin:0;min-width:170px}
.motion-home .live-app-store img{width:128px;height:auto}
.motion-home .live-cat{position:absolute;top:22px;right:15%;width:35px;height:31px;opacity:.45}
.motion-home .live-art{position:relative;display:block;min-width:0;margin:0;padding:0;background:none;overflow:visible;perspective:1200px;transform:translate3d(calc(var(--scene-entry,0)*70px),0,0)}
.world-orbit{position:absolute;inset:7% 6% 7% 4%;border:1px solid currentColor;opacity:.24;border-radius:50%;transform:rotate(calc(-35deg + var(--world-travel,0)*120deg)) scale(calc(.75 + var(--world-travel,0)*.4))}
.world-orbit::before,.world-orbit::after{content:'';position:absolute;inset:-2%;border:1px solid currentColor;border-radius:50%;transform:rotate(65deg)}
.world-orbit::after{transform:rotate(120deg)}
.motion-home .world-number{position:absolute;top:0;right:8%;font:400 clamp(180px,26vw,400px)/1 var(--studio-display);color:var(--world-accent);opacity:.09;letter-spacing:-.035em;transform:translateX(calc(45px - var(--world-travel,.5)*110px))}
.world-device{position:absolute;z-index:4;left:50%;top:50%;padding:10px;border-radius:16px;background:#161a17;border:1px solid #c1c4a280;box-shadow:6px 9px 0 #13131277,0 35px 50px #0003;transform:translate(-50%,-50%) translate3d(calc(55px - var(--world-travel,.5)*85px + var(--scene-entry,0)*110px - var(--scene-exit,0)*120px),calc(32px - var(--world-travel,.5)*55px),0) rotate(calc(12deg - var(--world-travel,.5)*22deg + var(--scene-entry,0)*18deg - var(--scene-exit,0)*20deg)) scale(calc(.84 + var(--world-travel,.5)*.22));transform-origin:center;overflow:hidden}
.world-device--landscape{width:87%;max-width:760px;left:47%}
.world-device--portrait{width:auto;max-width:45%}
.world-device .world-screen{display:block;width:100%;height:auto;max-height:calc(100svh - 280px);object-fit:contain;border-radius:8px;transform:none;box-shadow:none}
.world-device--landscape .world-screen{aspect-ratio:auto}
.world-device--portrait .world-screen{background:#141912;width:auto;height:min(53svh,480px);max-height:none}
.motion-home .live-art>.world-emblem{position:absolute;z-index:6;bottom:8%;left:8%;width:86px;height:86px;max-width:none;border:5px solid var(--world-accent);border-radius:24%;box-shadow:5px 8px 0 #0003;transform:translate3d(calc(38px - var(--world-travel,.5)*85px),calc(32px - var(--world-travel,.5)*65px),0) rotate(calc(14deg - var(--world-travel,.5)*42deg - var(--scene-exit,0)*45deg)) scale(calc(.8 + var(--world-travel,.5)*.3));object-fit:cover}
.motion-home .world-character{position:absolute;z-index:5;right:4%;bottom:6%;width:23%;max-width:180px;height:auto;max-height:65%;object-fit:contain;filter:drop-shadow(8px 12px 9px #0004);transform:translate3d(calc(-70px + var(--world-travel,.5)*95px + var(--scene-entry,0)*100px),calc(65px - var(--world-travel,.5)*105px),0) rotate(calc(-18deg + var(--world-travel,.5)*38deg + var(--scene-exit,0)*35deg))}
.motion-home .world-character--baa{right:6%;bottom:8%;width:26%;max-width:200px}
.motion-home .world-character--gammon{right:8%;bottom:4%;width:22%;image-rendering:pixelated}
.motion-home .world-character--vesperline{width:25%;right:7%;bottom:7%;border:5px solid #d7d695;border-radius:5px}
.motion-home .world-character--sunny{right:6%;bottom:9%;width:28%;max-width:210px}
.motion-home .world-character--maze{right:2%;bottom:8%;width:26%;border:5px solid #cde783;border-radius:5px;image-rendering:pixelated}
.motion-home .world-character--mew{right:3%;bottom:4%;width:25%;max-width:185px;height:auto;max-height:64%;border:5px solid #fff1cd;border-radius:5px}
.motion-home .world-spark{position:absolute;left:6%;top:10%;font-size:80px;color:var(--world-accent);transform:translate3d(calc(var(--world-travel,.5)*-35px),calc(var(--world-travel,.5)*40px),0) rotate(calc(var(--world-travel,.5)*220deg + var(--scene-offset,0)*90deg))}
.motion-home .live-carousel-controls{position:relative;z-index:15;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:18px;padding:15px 3.3% 19px;margin:0;background:var(--world-bg);color:var(--world-ink);transition:background .3s,color .3s}
.motion-home .live-carousel-controls[hidden]{display:none}
.motion-home[data-experience=scroll] .live-carousel-controls{position:absolute;bottom:0;left:0;right:0;min-height:91px}
.motion-home .live-carousel-controls>button{width:44px;height:44px;border:1px solid currentColor;color:inherit;background:none;transition:background .2s,transform .3s}
.motion-home .live-carousel-controls>button:hover{background:#ffffff24;transform:scale(1.08)}
.motion-home .live-carousel-controls [data-carousel-prev]{grid-area:1/1}.motion-home .live-carousel-controls [data-carousel-next]{grid-area:1/3}
.motion-home .live-carousel-pagination{grid-area:1/2;display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.motion-home .live-carousel-pagination button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;width:100%;height:44px;padding:0 0 8px;border:0;background:none;color:inherit;cursor:pointer;font:9px/1.2 var(--studio-mono);text-align:left;opacity:.7}
.motion-home .live-carousel-pagination button::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;border:0;border-radius:0;background:currentColor;opacity:.25}
.motion-home .live-carousel-pagination button[aria-current=true]{opacity:1}
.pager-number{opacity:.65}.pager-name{font-size:9px}.pager-fill{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--world-accent);transform:scaleX(var(--step-progress,0));transform-origin:left}
.motion-home .live-carousel-controls p{grid-area:2/1/auto/-1;margin:0;color:inherit;text-align:center;font:9px var(--studio-mono)}
/* Studio: a statement that fills with color, then a fan of working sketches. */
.motion-home .live-after{position:relative;z-index:12;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:20px 5%;align-content:center;padding:100px 6%;background:#171815;color:#f4f0e5;isolation:isolate;scroll-margin-top:var(--site-header)}
.motion-home .live-after>p:first-of-type{grid-column:1/-1;font:11px var(--studio-mono);letter-spacing:.03em}
.motion-home .live-after h2{grid-column:1/-1;position:relative;z-index:3;max-width:1100px;margin:7px 0 26px;font:400 clamp(50px,8vw,140px)/1.02 var(--studio-display);text-transform:uppercase;letter-spacing:-.012em;color:#ffe34b}
@supports (background-clip:text){.motion-home[data-experience=scroll] .live-after h2{background:linear-gradient(90deg,#ffe34b calc(var(--about,0)*100%),#66665d calc(var(--about,0)*100% + 10%));background-clip:text;color:transparent}}
.motion-home .live-after .live-about-copy{grid-column:1;position:relative;z-index:3;margin:0;max-width:590px;font:18px/1.75 var(--ui);letter-spacing:0;color:#e3dfd1}
.motion-home .live-investor-link{grid-column:1;justify-self:start;align-self:start;display:flex;gap:26px;position:relative;z-index:3;margin-top:16px;padding:16px 20px;border-radius:6px;border:1px solid #ffe34b;background:#ffe34b;color:#171815;font:12px/1.5 var(--studio-mono);transition:transform .35s var(--studio-ease)}
.motion-home .live-investor-link:hover{transform:translate(4px,-4px);background:#f4f0e5}
.studio-drawing{grid-area:1/1;position:relative;isolation:isolate;overflow:clip}
.studio-drawing .about-orbit{position:absolute;z-index:1;inset:8% 8% 5% 13%;width:auto;height:auto;border:1px solid #ffe34b66;border-radius:50%}
.about-orbit::before{content:'';position:absolute;inset:8%;border:1px solid #ffe34b66;border-radius:50%;transform:rotate(calc(var(--about,0)*150deg)) rotateX(50deg)}
.about-orbit>span{position:absolute;right:-.15em;top:10%;width:1em;height:1em;font-size:clamp(44px,5vw,80px);line-height:1;text-align:center;color:#ffe34b;transform:rotate(calc(var(--about,0)*150deg))}
.studio-stamp{position:absolute;z-index:2;right:11%;bottom:8%;width:28%;height:auto;display:grid;grid-template-rows:240px auto 2px;gap:14px}
.motion-home .live-city{display:block;position:absolute;z-index:2;transform:rotate(calc(-7deg + var(--about,0)*14deg));width:100%;height:100%;margin:0;background-position:center;background-size:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen}
.motion-home .live-made{grid-area:2/1;display:flex;align-items:center;justify-self:center;gap:15px;position:relative;left:auto;bottom:auto;font:12px/1.4 var(--studio-mono);color:#ffe34b;pointer-events:none}
.motion-home .live-made b{font-size:26px;font-weight:400}
.motion-home .live-rays{z-index:3;top:30%;left:8%;transform:rotate(10deg)}
.motion-home .live-rays i{background:#ffe34b}
.motion-home .studio-stamp .live-title-stroke{grid-area:3/1;position:static;justify-self:center;width:44%;height:2px;margin:0;border-radius:0;background:#ffe34b;transform:none}
.studio-doodles{position:relative;height:34px;background:#f4f0e5}
.studio-doodles .live-floating-wave{position:absolute;bottom:0;left:14%;height:27px;opacity:.3}
.studio-doodles .live-star{position:absolute;top:3px;left:48%;height:25px;opacity:.3}
.studio-doodles .live-botanical{position:absolute;bottom:0;right:15%;height:26px;opacity:.3}
/* The diary stays in view as a closed deck opens into three distinct prints. */
.motion-home .live-diary{position:relative;z-index:12;background:#f4f0e5;color:#171815;scroll-margin-top:0}
.diary-pin{position:relative;min-height:650px;padding:55px 6% 45px;overflow:clip}
.motion-home[data-experience=scroll] .live-diary{height:190svh}
.motion-home[data-experience=scroll] .diary-pin{position:sticky;top:var(--site-header);height:calc(100svh - var(--site-header));min-height:0}
.motion-home .diary-pin>p{font:11px var(--studio-mono);letter-spacing:.03em}
.motion-home .live-diary h2{max-width:1080px;margin-top:22px;font:400 clamp(44px,6.5vw,104px)/1.05 var(--studio-display);letter-spacing:-.015em;text-transform:uppercase}
.diary-fan{position:relative;height:340px;margin:40px auto 0;max-width:1120px;perspective:1000px}
.diary-piece{position:absolute;left:50%;top:0;width:30%;margin:0;padding:17px;border:1px solid #171815;border-radius:5px;box-shadow:0 18px 28px #342b1822;background:#ecd694;transform-origin:50% 80%;will-change:transform;--spread:var(--diary-spread,1)}
.diary-piece>span{display:block;font:10px var(--studio-mono);margin-bottom:16px}
.diary-piece img{display:block;width:100%;height:215px;object-fit:cover;border-radius:3px}
.diary-piece--one{z-index:3;transform:translateX(calc(-50% - var(--spread)*108%)) translateY(calc(28px - var(--spread)*24px)) rotate(calc(-9deg - var(--spread)*5deg))}
.diary-piece--two{z-index:2;background:#dce7cf;transform:translateX(-50%) translateY(calc(12px - var(--spread)*30px)) rotate(calc(6deg - var(--spread)*6deg))}
.diary-piece--three{z-index:1;background:#e8dfb9;transform:translateX(calc(-50% + var(--spread)*108%)) translateY(calc(var(--spread)*4px)) rotate(calc(15deg - var(--spread)*1deg))}
.diary-piece--three img{object-fit:contain;mix-blend-mode:multiply}
.diary-progress{position:absolute;bottom:28px;left:43%;right:43%;display:flex;align-items:center;gap:12px;font:9px var(--studio-mono)}
.diary-progress>i{position:relative;flex:1;height:2px;background:#17181525}
.diary-progress>i::after{content:'';position:absolute;inset:0;background:#354738;transform-origin:left;transform:scaleX(var(--diary,1))}
.motion-home .live-footer{position:relative;z-index:12;display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:55px 6% 35px;background:#ffe34b;color:#171815;font:10px/1.6 var(--studio-mono);letter-spacing:0;scroll-margin-top:var(--site-header)}
.contact-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font:400 clamp(88px,15vw,240px)/1.06 var(--studio-display);letter-spacing:-.025em;text-transform:uppercase;border-bottom:1px solid #17181550;padding-bottom:30px}
.contact-title>span{font-family:var(--ui);transition:transform .4s var(--studio-ease)}
.contact-title:hover>span{transform:translate(8px,-8px)}
.motion-home .live-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 24px;justify-content:start}
.motion-home .live-footer-links a:hover{color:#b32b18;text-decoration:underline;text-underline-offset:4px}
/* Carry the same typography and restrained motion through the current game pages. */
.subpage .sub-header{background:color-mix(in srgb,var(--game-paper,var(--studio-paper)) 94%,transparent);backdrop-filter:blur(15px)}
.subpage .sub-nav{font-family:var(--studio-mono);font-weight:400}
.subpage::before{opacity:.06}
.game-body .game-tagline,.game-body .game-hero h1:not(:has(img)),.game-body .game-heading h2,.game-body .sunny-feature-copy h2,.game-body .sunny-social-heading h2,.game-body .game-availability h2,.game-body .game-resources h2{font-family:var(--studio-display);font-weight:400;line-height:1.06;letter-spacing:.005em}
.game-body .game-tagline{font-size:clamp(40px,4vw,64px)}
.game-body .game-heading h2{font-size:clamp(40px,4.8vw,72px)}
.game-body .game-hero h1:not(:has(img)){font-size:clamp(50px,6vw,90px)}
.game-body .game-button,.game-body .game-hero-table,.game-body .game-gallery figure>a{transition:transform .55s var(--studio-ease),box-shadow .55s var(--studio-ease)}
@media(hover:hover){.game-body .game-gallery figure>a:hover{transform:translateY(-7px);box-shadow:0 24px 40px #0002}}
.subpage .policy-hero h1{font-family:var(--studio-display);font-weight:400;line-height:1.06;letter-spacing:.005em}
.investor-page{--display:var(--studio-display)}
.investor-page h1,.investor-page h2{font-weight:400;line-height:1.08;letter-spacing:.005em}
/* Localization keeps the decorative title separate from the accessible full H1. */
html[lang=tr] .motion-home #live-title>.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[lang=tr] .launch-title{font-size:14.2vw}
html[lang=tr] .launch-feelings{font-size:12vw}
html[lang=tr] .launch-copy p{font-size:12px}
html[lang=tr] .live-card .live-available{font-size:9px}
@media(min-width:1800px){.launch-title{font-size:14.5vw}.launch-feelings{font-size:14vw}}
@media(max-width:1100px){
 .motion-home .live-header{gap:18px}.motion-home .live-nav{gap:18px}
 .launch-copy{max-width:21%}.launch-copy p{font-size:11px}.launch-aside{font-size:8px;right:3%}.heart-seal{width:58px;height:58px;font-size:40px}

 .launch-feelings{bottom:11%}
 .launch-copy{top:41%}
 .motion-home .live-card h2{font-size:clamp(52px,8vw,90px)}.motion-home .live-note{font-size:16px}.motion-home .live-card-copy{padding-left:8%}
 .motion-home .live-store{min-width:178px}.world-device--landscape{width:98%}.world-device--portrait{width:auto;max-width:47%}
 .motion-home .live-vesperline-links{gap:9px}.motion-home .live-vesperline-links .live-store{min-width:145px}.motion-home .live-app-store img{width:115px}
 .motion-home .world-character--mew{width:39%}.motion-home .world-spark{font-size:60px}.motion-home .live-carousel-pagination{gap:11px}.pager-name{font-size:8px}
 .diary-piece img{height:200px}.motion-home .live-footer{grid-template-columns:1fr}.motion-home .live-after .live-about-copy{font-size:16px}
}
@media(max-width:760px){
 :root{--site-header:68px}
 .motion-home .live-header{padding:12px 20px;gap:12px;min-height:68px}.motion-home .live-wordmark{font-size:18px}.motion-home .live-wordmark::before{font-size:23px;margin-right:6px}
 .motion-home .live-nav{font-size:10px;gap:12px}.motion-home .site-language{font-size:11px}.motion-home .live-rule{display:none}.motion-home .live-nav{margin-left:auto}.motion-home .site-language{margin-left:auto}
 .launch-pin{padding:20px 20px 0;min-height:720px}.launch-eyebrow{font-size:8px}.launch-eyebrow b{margin-left:8px}.launch-title{font-size:15.2vw}.launch-pin h1{margin-top:24px}
 .launch-yellow{top:23%;left:14px;right:14px;bottom:13%;border-radius:30px}.launch-feelings{bottom:18%;left:5%;font-size:13.4vw}
 .launch-copy{left:25px;top:25%;max-width:46%}.launch-copy p{font-size:12px}.launch-explore{padding:12px 14px;gap:18px;margin-top:15px}
 .launch-aside{top:25%;right:28px;max-width:34%;font-size:9px}.heart-seal{width:52px;height:52px;font-size:34px}.launch-aside>span:last-child{max-width:125px}





 .launch-bottom{left:22px;right:22px;height:11%;font-size:9px}

 .motion-home .live-card{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:730px}
 .motion-home[data-experience=scroll] .live-card{grid-template-rows:44% 56%;min-height:0}
 .motion-home .live-art{grid-row:1;margin:0 16px;min-height:280px}.motion-home[data-experience=scroll] .live-art{min-height:0}
 .motion-home .live-card-copy{grid-row:2;display:block;padding:10px 28px 24px;align-self:center;transform:translateY(calc(var(--scene-offset,0)*-15px))}
 .motion-home .world-index{display:none}.motion-home .live-card .live-available{display:inline-block;font-size:10px;max-width:90%;padding:4px 8px}
 .motion-home .live-card h2{font-size:clamp(42px,9vw,68px);line-height:1.03;margin:12px 0}
 .motion-home .live-card h2 br{display:none}.motion-home .live-card h2{white-space:normal}
 .motion-home .live-card-stroke{display:none}.motion-home .live-note{font:14px/1.5 var(--ui)}
 .motion-home .live-store{margin-top:14px;min-height:44px;padding:8px 13px;min-width:170px}
 .motion-home .live-vesperline-links{margin-top:14px;gap:13px}.motion-home .live-vesperline-links .live-store{margin:0;min-width:154px}.motion-home .live-app-store img{width:122px}
 .world-device--landscape{width:min(90%,500px);left:50%;padding:6px;border-radius:11px}
 .world-device--portrait{width:auto;max-width:44%;padding:5px;top:52%}
 .world-device--portrait .world-screen{height:25svh;max-height:260px;max-width:100%;width:auto}.world-device .device-bar{height:15px;padding-bottom:4px}.device-bar span{font-size:6px}
 .world-device--landscape .world-screen{width:100%;height:auto;max-height:250px}.motion-home .world-number{font-size:220px;top:-20px;right:15%}
 .world-orbit{inset:7% 9% 5%}.motion-home .live-art>.world-emblem{width:60px;height:60px;border-width:3px;bottom:7%;left:12%}
 .motion-home .world-character{max-height:75%;width:auto;max-width:25%;bottom:1%;right:9%}.motion-home .world-character--mew{height:86%;max-width:40%;max-height:90%;right:5%}
 .motion-home .world-character--gammon{height:55%;width:auto;right:11%}.motion-home .world-character--baa{height:auto;width:28%;max-width:30%;bottom:4%}.motion-home .world-character--sunny{height:53%;width:auto;max-width:30%}
 .motion-home .world-character--maze,.motion-home .world-character--vesperline{height:auto;max-height:70%;width:auto;border-width:3px}
 .motion-home .world-spark{font-size:42px;top:4%;left:11%}
 .world-topline{padding:18px 22px;gap:12px}.motion-home .live-carousel-eyebrow{font-size:9px;max-width:64%}.skip-worlds{font-size:10px;text-align:right;padding-block:14px;margin-block:-14px}.skip-worlds span{margin-left:2px}
 .motion-home[data-experience=scroll] .live-carousel-track{inset:51px 0 90px}
 .motion-home .live-carousel-controls{padding:10px 20px 16px;gap:10px;grid-template-columns:40px 1fr 40px}
 .motion-home .live-carousel-controls>button{width:40px;height:40px}.motion-home .live-carousel-pagination{gap:0}.motion-home .live-carousel-pagination button::before,.motion-home .pager-fill{left:4.5px;right:4.5px;width:auto}
 .motion-home .live-carousel-pagination button{grid-template-columns:1fr;justify-items:center;height:37px}.pager-name{display:none}.pager-number{font-size:10px}.motion-home .live-carousel-controls p{font-size:11px}
 .motion-home .live-after{grid-template-columns:1fr;min-height:0;padding:70px 26px 350px;gap:20px}.motion-home .live-after h2{font-size:clamp(48px,10vw,80px);margin:0 0 10px}.motion-home .live-after .live-about-copy{font-size:16px}
 .studio-stamp{width:65%;right:19%;height:auto;bottom:35px;grid-template-rows:220px auto 2px}
 .motion-home .live-investor-link{font-size:11px;margin-top:4px}.motion-home .live-diary{min-height:0;padding:55px 26px 70px}.motion-home .live-diary h2{font-size:clamp(40px,8.5vw,65px)}
 .diary-fan{margin-top:50px;grid-template-columns:1fr 1fr;gap:12px}.diary-piece{padding:10px}.diary-piece>span{font-size:8px;margin-bottom:10px}.diary-piece img{height:140px}.diary-piece--three{grid-column:1/-1;justify-self:center;width:70%;margin-top:15px}.diary-piece--three img{height:180px}
 .diary-piece--one{translate:0 0}.diary-piece--two{translate:0 0}.diary-piece--three{translate:0 0}
 .motion-home .live-footer{padding:42px 26px 30px;gap:26px}.motion-home .live-footer{font-size:11px}.motion-home .live-footer-links{grid-template-columns:1fr 1fr;gap:0 16px;font-size:11px}.motion-home .live-footer-links a{display:flex;align-items:center;min-height:44px}.contact-title{font-size:17vw;padding-bottom:26px}
 html[lang=tr] .launch-title{font-size:13.8vw}html[lang=tr] .launch-feelings{font-size:11.7vw}html[lang=tr] .launch-copy p{font-size:11px}
}
@media(max-width:620px){
 .motion-home .live-nav{position:absolute;top:calc(100% - 1px);right:16px;width:220px;background:#f4f0e5;border:1px solid #17181540;border-radius:14px;box-shadow:0 15px 28px #0002;font-size:12px;padding:15px 22px;gap:0;margin:0}
 .motion-home .live-nav a{display:flex;align-items:center;gap:6px;min-height:44px}
 .motion-home .live-menu-toggle{margin-left:0;order:5}.motion-home .site-language{margin-left:auto}
 .launch-copy{top:24.5%;max-width:50%}.launch-aside{top:24%}.launch-pin h1{margin-top:19px}


 .launch-feelings{font-size:13.7vw;bottom:16%}.launch-yellow{top:23%;bottom:11%}.launch-bottom{height:10%;font-size:9px}

 .launch-explore{font-size:10px;gap:12px}.launch-copy p{font-size:11px}.launch-eyebrow{font-size:8px}.launch-aside{font-size:9px;right:24px}.heart-seal{width:45px;height:45px;font-size:32px}
 .motion-home .live-card h2{font-size:10.5vw}.motion-home .live-card-copy{padding-inline:24px}
 .motion-home .live-note br{display:none}.motion-home .live-note{max-width:290px;font-size:14px;line-height:1.6}
}
@media(max-width:370px){
 .motion-home .live-header{padding-inline:14px;gap:8px}.motion-home .live-wordmark{font-size:16px}.motion-home .site-language a{min-width:28px;min-height:28px}
 .launch-pin{padding-inline:14px}.launch-copy{left:23px}.launch-copy p{font-size:10px}.launch-explore{padding:10px 12px;font-size:9px}.launch-aside{right:22px;font-size:8px}.launch-eyebrow{font-size:7px}
 .motion-home .live-vesperline-links{gap:8px}.motion-home .live-vesperline-links .live-store{min-width:132px;padding-inline:10px}.motion-home .live-app-store img{width:108px}
 .motion-home .live-store strong{font-size:14px}.motion-home .live-card h2{font-size:10vw}
 .launch-bottom{gap:8px;font-size:8px}.launch-bottom .motion-switch{font-size:10px;padding-inline:8px}
 .world-topline{gap:8px}.world-scroll-cue>span:first-child,.skip-worlds{white-space:nowrap}.skip-worlds{font-size:9px}.world-topline .scroll-cue-line{width:26px}.world-topline .scroll-cue-line i{transform:translateX(calc(var(--chapter-progress,0)*18px))}
}
@media(max-height:730px) and (min-width:761px){
 .motion-home .world-index{margin-bottom:10px;font-size:9px}.motion-home .live-card-copy{padding-block:10px}.motion-home .live-card h2{font-size:clamp(55px,6.8vw,100px);margin-top:12px}
 .motion-home .live-card-stroke{margin:13px 0}.motion-home .live-note{font-size:15px}.motion-home .live-store,.motion-home .live-vesperline-links{margin-top:15px}
 .motion-home .live-store{min-height:47px}.motion-home .world-device .world-screen{max-height:calc(100svh - 230px)}
}
@media(max-height:680px) and (max-width:760px){
 .motion-home[data-experience=scroll] .live-card{grid-template-rows:42% 58%}.motion-home .live-card-copy{padding-top:3px;padding-bottom:5px}.motion-home .live-card h2{font-size:9vw;margin-block:8px}.motion-home .live-note{font-size:12px}.motion-home .live-card .live-available{font-size:9px}.motion-home .live-store,.motion-home .live-vesperline-links{margin-top:10px}
}
/* Phones held sideways: a slimmer sticky header leaves more of the short screen to the page. */
@media(max-height:500px) and (orientation:landscape){
 :root{--site-header:56px}.motion-home .live-header{min-height:56px;padding-block:6px}
}
/* Camera movement stays visible on smaller screens without covering the copy. */
.world-scroll-cue{display:flex;align-items:center;gap:10px;margin:9px 0 0;font:8px var(--studio-mono);letter-spacing:.1em;opacity:.8}
.world-scroll-cue b{font:16px var(--ui);transform:translateY(calc(var(--chapter-progress,0)*5px))}
.scroll-cue-line{position:relative;display:block;width:68px;height:2px;background:currentColor}
.scroll-cue-line i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--world-accent);transform:translateX(calc(var(--chapter-progress,0)*60px))}
.world-screen-stack{position:relative;border-radius:8px;overflow:hidden}
.world-device .world-screen--next{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;clip-path:inset(calc((1 - var(--screen-reveal,0))*100%) 0 0)}
.motion-home[data-experience=scroll] .live-card-copy{will-change:transform}
.motion-home:not([data-experience=scroll]) .world-scroll-cue{display:none}
@media(min-width:761px){
 .motion-home .live-diary{padding:0;overflow:visible}
 .motion-home .diary-fan{display:block;margin-top:35px}
 .motion-home .diary-piece{rotate:none;translate:none}
}
@media(max-width:1100px) and (min-width:761px){
 .hero-print figcaption{font-size:5px;min-height:23px;gap:4px}
 .launch-copy{top:44%;max-width:20%}.launch-copy p{font-size:11px}
 .world-device--landscape{width:87%}
 .motion-home .diary-piece img{height:180px}
 .diary-pin{padding-top:38px}.diary-fan{height:285px}
}
/* Narrow tablets: the full-width title reaches the seal, so the seal gets smaller and moves right. */
@media(max-width:980px) and (min-width:761px){
 .launch-aside{right:2%}.heart-seal{width:46px;height:46px;margin-block:6px;font-size:32px;translate:10px 0}
 /* 44px touch targets for the header, skip and footer links on tablets and sideways phones. */
 .motion-home .live-nav a{padding-block:14px}.skip-worlds{padding-block:14px;margin-block:-14px}
 .motion-home .live-footer-links{row-gap:0}.motion-home .live-footer-links a{display:flex;align-items:center;min-height:44px}
}
@media(max-width:760px){
 .launch-copy{top:23%;left:26px;max-width:48%}.launch-aside{top:23%;right:26px}
 .launch-yellow{top:20%;bottom:11%;background:#e8dfb9}
 .launch-feelings{bottom:13%;font-size:13.4vw}
 /* Both rows sit below the copy and above BIG FEELINGS: the print size follows the pin height too. */
 .hero-print{--mobile-print:clamp(60px,calc((100svh - var(--site-header))*.218 - 4.6vw - 63px),min(24vw,12svh));width:var(--mobile-print);top:calc(23% + 131px);padding:4px;max-width:none;transform-origin:center}
 .hero-print figcaption{font-size:5px;min-height:18px;gap:3px}
 .hero-print--baa{--print-left:8%;--print-y:6px;--print-angle:-5deg}
 .hero-print--gammon{--print-left:38%;--print-y:-4px;--print-angle:0deg}
 .hero-print--vesperline{--print-left:68%;--print-y:6px;--print-angle:5deg}
 .hero-print--sunny{--print-left:23%;--print-y:calc(var(--mobile-print)*1.5 + 24px);--print-angle:-4deg}
 .hero-print--mew{--print-left:53%;--print-y:calc(var(--mobile-print)*1.5 + 24px);--print-angle:4deg}

 .motion-home[data-experience=scroll] .live-carousel-track{inset:74px 0 90px}
 .world-topline{padding-top:14px}.world-scroll-cue{font-size:8px;margin-top:5px;gap:7px}.scroll-cue-line{width:44px}.scroll-cue-line i{transform:translateX(calc(var(--chapter-progress,0)*36px))}
 .motion-home .live-card-copy{transform:translate3d(calc(var(--scene-entry,0)*40px - var(--scene-exit,0)*60px),0,0)}
 .world-device{transform:translate(-50%,-50%) translate3d(calc(24px - var(--world-travel,.5)*44px + var(--scene-entry,0)*80px),calc(15px - var(--world-travel,.5)*26px),0) rotate(calc(12deg - var(--world-travel,.5)*24deg + var(--scene-entry,0)*15deg)) scale(calc(.78 + var(--world-travel,.5)*.24))}
 .motion-home .world-character{transform:translate3d(calc(-25px + var(--world-travel,.5)*55px),calc(30px - var(--world-travel,.5)*45px),0) rotate(calc(-20deg + var(--world-travel,.5)*45deg))}
 .motion-home .world-character--mew{height:auto;max-width:24%;max-height:66%;width:auto;right:8%;border-width:3px}
 .motion-home .live-art>.world-emblem{transform:translate3d(calc(25px - var(--world-travel,.5)*45px),calc(16px - var(--world-travel,.5)*26px),0) rotate(calc(15deg - var(--world-travel,.5)*45deg));left:12%}
 .motion-home .live-diary{padding:0;overflow:visible}.diary-pin{padding:35px 26px 70px;min-height:600px}
 .motion-home[data-experience=scroll] .live-diary{height:170svh}
 .motion-home .live-diary h2{font-size:clamp(35px,8.5vw,60px);margin-top:18px}
 .motion-home .diary-fan{display:block;height:270px;margin-top:60px}
 .motion-home .diary-piece{width:55%;left:50%;top:0;margin:0;padding:10px;rotate:none;translate:none;--spread:var(--diary-spread,1)}
 .motion-home .diary-piece img{height:220px}.motion-home .diary-piece>span{font-size:8px;white-space:nowrap}
 .diary-piece--one{transform:translateX(calc(-50% - var(--spread)*50%)) rotate(calc(-10deg - var(--spread)*8deg)) scale(calc(1 - var(--spread)*.3))}
 .diary-piece--two{transform:translateX(-50%) translateY(calc(var(--spread)*-25px)) rotate(calc(6deg - var(--spread)*6deg)) scale(calc(1 - var(--spread)*.3))}
 .diary-piece--three{transform:translateX(calc(-50% + var(--spread)*50%)) rotate(calc(16deg + var(--spread)*2deg)) scale(calc(1 - var(--spread)*.3))}
 .diary-progress{left:33%;right:33%;bottom:34px}
}
@media(max-height:730px) and (min-width:761px){
 .diary-pin{padding-top:32px}.motion-home .live-diary h2{font-size:5.8vw;max-width:1050px}
 .motion-home .diary-fan{margin-top:25px}.motion-home .diary-piece img{height:190px}
}
@media(max-width:370px){
 .hero-print figcaption{font-size:4px}.motion-home .live-brand{gap:6px}.motion-home .live-face{flex-basis:25px;width:25px}
 .motion-home .diary-piece img{height:180px}.motion-home .diary-piece>span{font-size:6px}
}
/* Static rendering is complete, readable and usable with reduced motion or no JS. */
.motion-home:not([data-experience=scroll]) .live-card{transform:none!important}
.motion-home:not([data-experience=scroll]) .live-card-copy,.motion-home:not([data-experience=scroll]) .live-art{transform:none}
.motion-home:not([data-experience=scroll]) .live-card h2{scroll-margin-top:100px}
@keyframes studio-page-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes studio-page-out{to{opacity:0}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:studio-page-out .16s ease both}::view-transition-new(root){animation:studio-page-in .45s var(--studio-ease) both}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-home .live-after h2{color:#ffe34b!important;background:none!important}}
.motion-home[data-experience=scroll] .live-card[data-near=false]{visibility:hidden;will-change:auto}

.motion-home .live-card--baa .live-store,.motion-home .live-card--sunny .live-store,.motion-home .live-card--mew .live-store{color:var(--world-ink)}

.motion-switch{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #17181544;border-radius:30px;background:transparent;color:#171815;font:9px var(--studio-mono);cursor:pointer;transition:background .25s}
.motion-switch:hover,.motion-switch[aria-pressed=true]{background:#171815;color:#f4f0e5}
.motion-switch[hidden]{display:none}
@media(max-width:760px){.motion-switch{font-size:11px;min-height:44px;padding-inline:9px}.launch-counter{display:none}.motion-home .live-carousel-controls>button{width:44px;height:44px}.motion-home .live-carousel-pagination button{height:44px}.motion-home .live-carousel-controls{grid-template-columns:44px 1fr 44px}}



@media(max-width:760px) and (max-height:740px),(min-width:501px) and (max-width:760px){
 .hero-print{width:17%;top:51%;padding:3px}
 .hero-print figcaption{font-size:3.6px;min-height:16px;gap:2px}
 .hero-print--baa{--print-left:4%;--print-y:20px;--print-angle:-6deg}
 .hero-print--gammon{--print-left:22.7%;--print-y:4px;--print-angle:-3deg}
 .hero-print--vesperline{--print-left:41.4%;--print-y:0px;--print-angle:0deg}
 .hero-print--sunny{--print-left:60.1%;--print-y:4px;--print-angle:3deg}
 .hero-print--mew{--print-left:78.8%;--print-y:20px;--print-angle:6deg}
}

@media(min-width:501px) and (max-width:760px) and (min-height:741px){
 .hero-print{width:min(17vw,13svh);top:46%}
 .hero-print figcaption{font-size:5px;min-height:18px}
}
@media(max-width:760px){html[lang=tr] .launch-copy{top:21%}}