@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{color:#f8f1e8;background:#020203;font-family:Inter,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#020203;scrollbar-width:thin;scrollbar-color:#8f523f #080507}body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden;overscroll-behavior-x:none}button{font:inherit}.scroll-story{position:relative;height:600vh;height:600svh;background:#020203}.stage{position:sticky;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:#020203}.camera{position:absolute;inset:0;overflow:hidden}.background-comic,.background-cinema{position:absolute;inset:-4%;transform-origin:center}.background-comic{opacity:.9;background:radial-gradient(circle at 50% 52%,rgba(220,32,25,.7),transparent 42%),repeating-conic-gradient(from -18deg at 50% 52%,rgba(235,45,30,.12) 0deg 5deg,transparent 5deg 12deg),repeating-linear-gradient(135deg,rgba(230,34,26,.14) 0 2px,transparent 2px 15px),linear-gradient(145deg,#050203 8%,#6c090b 50%,#070203 90%)}.background-comic:after{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle,#d24531 0 1px,transparent 1.5px);background-size:9px 9px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000);mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}.background-cinema{opacity:0;background:radial-gradient(ellipse at 50% 58%,rgba(143,31,20,.68),transparent 40%),radial-gradient(ellipse at 50% 35%,rgba(87,10,10,.45),transparent 62%),linear-gradient(125deg,#090304,#260607 48%,#070204)}.portrait-glow{position:absolute;z-index:2;left:50%;top:53%;width:min(36vw,420px);aspect-ratio:.7;opacity:0;transform:translate(-50%,-50%) scale(.65);border-radius:50%;background:radial-gradient(ellipse,rgba(255,196,105,.55),rgba(213,73,28,.2) 38%,transparent 70%);filter:blur(18px);pointer-events:none}.world-divider{position:absolute;z-index:2;left:50%;top:8%;width:1px;height:84%;opacity:0;transform:rotate(9deg);transform-origin:center;background:linear-gradient(transparent,rgba(198,49,36,.9) 18%,rgba(240,177,91,.7) 50%,rgba(198,49,36,.9) 82%,transparent);box-shadow:0 0 12px #d333257a;pointer-events:none}.world-divider i{position:absolute;inset:0 -4px;border-left:1px solid rgba(255,192,103,.18);border-right:1px solid rgba(190,37,29,.16)}.characters{position:absolute;z-index:3;inset:0;width:min(100%,1400px);margin:auto;pointer-events:none}.character{position:absolute;width:min(44vw,480px);opacity:0;transform-origin:50% 50%;backface-visibility:hidden}.character-umut{left:3%;top:31%}.character-gamze{right:3%;top:14%}.safe-image>img{display:block;width:100%;height:auto;max-height:68svh;object-fit:contain;object-position:center center}.character .asset-placeholder,.together-portrait .asset-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:18px;color:#ffffff9e;text-align:center;letter-spacing:.16em;font-size:8px;border:1px solid rgba(232,177,96,.32);background:linear-gradient(145deg,#1e1011,#380b0d)}.character .asset-placeholder{aspect-ratio:3 / 4}.asset-placeholder small{display:block;margin-top:8px;opacity:.55;font-size:7px;letter-spacing:.05em;text-transform:none}.safe-image.is-loading>img{visibility:hidden}.safe-image.is-ready>img{visibility:visible}.together-portrait{position:absolute;z-index:4;left:50%;top:48%;width:min(88vw,720px);height:min(69svh,760px);opacity:0;transform:translate(-50%,-50%);transform-origin:50% 50%}.together-portrait>img{width:100%;height:100%;object-fit:contain;object-position:center center}.together-portrait .asset-placeholder{border-radius:3px;background:radial-gradient(circle at 50% 45%,#651416,#160506 68%)}.energy-link{position:absolute;z-index:5;left:50%;top:31%;width:3px;height:38%;opacity:0;transform:rotate(9deg);transform-origin:center;pointer-events:none;background:linear-gradient(transparent,#e33829 20%,#ffd594 48%,#e33829 78%,transparent);box-shadow:0 0 10px #e3482d,0 0 28px #ffac4bbf,0 0 52px #bd1a148c}.energy-link span{position:absolute;left:50%;top:50%;width:54px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,211,139,.34);border-radius:50%;box-shadow:inset 0 0 22px #ffad4c2e,0 0 24px #ff7f303d}.placeholder-mark{display:block;width:24px;height:24px;margin:0 auto 12px;border:1px solid #c89353;transform:rotate(45deg)}.particles{--particle-intensity: .22;position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:.35;pointer-events:none}.vignette{position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(0,0,0,.23) 70%,rgba(0,0,0,.82) 115%),linear-gradient(180deg,rgba(0,0,0,.52),transparent 25%,transparent 70%,rgba(0,0,0,.72))}.grain{position:absolute;z-index:8;inset:-50%;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}}.scene-reveal{position:absolute;z-index:9;inset:0;pointer-events:none;background:#000}.story-copy{position:absolute;z-index:10;left:0;right:0;padding:0 7vw;text-align:center;opacity:0;text-shadow:0 3px 30px #000;pointer-events:none}.story-copy span{color:#e1b874;font-size:9px;font-weight:600;letter-spacing:.34em}.story-copy h1{margin:12px auto 0;max-width:900px;font:500 clamp(38px,10vw,90px)/.95 "Cormorant Garamond",serif;letter-spacing:-.035em;text-wrap:balance}.copy-opening{top:50%;transform:translateY(-50%)}.copy-opening:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(90vw,720px);height:45vh;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(142,10,10,.34),transparent 68%)}.copy-opening .opening-kicker{display:block;color:#d8a85d;font:600 clamp(8px,2.2vw,11px)/1 Inter,sans-serif;letter-spacing:.48em;text-shadow:0 0 18px rgba(255,166,72,.45)}.opening-rule{width:min(58vw,370px);height:1px;margin:15px auto 13px;background:linear-gradient(90deg,transparent,#c82920 24%,#f0be68 50%,#c82920 76%,transparent);box-shadow:0 0 10px #dc3322a6}.opening-rule-bottom{width:min(38vw,250px);margin-top:15px;opacity:.65}.copy-opening h1{margin:0 auto;color:#f7eee1;font:600 clamp(33px,9.2vw,78px)/.84 Inter,sans-serif;letter-spacing:-.065em;text-transform:uppercase}.opening-line{display:block}.opening-line.line-1{color:#efc27b;font-size:.55em;letter-spacing:.06em}.opening-line.line-2{margin:.19em 0 .16em;color:#f4eee6;font-size:.72em;letter-spacing:-.02em}.opening-line.line-3{color:#db3026;text-shadow:0 0 24px rgba(207,28,22,.5),0 3px 0 #4b0909}.copy-final{bottom:max(8%,env(safe-area-inset-bottom));padding-top:13vh;background:linear-gradient(transparent,#050102c2 45%,#050102e6)}.copy-final h1{font-size:clamp(38px,9vw,88px)}.copy-final>p{max-width:560px;margin:12px auto 0;color:#fff0dbb8;font:400 clamp(14px,3.6vw,19px)/1.45 "Cormorant Garamond",serif;letter-spacing:.02em}.scroll-cue{position:absolute;z-index:10;left:50%;bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(-50%);color:#fff6;font-size:7px;letter-spacing:.24em}.scroll-cue i{width:1px;height:25px;background:linear-gradient(transparent,#d9a963);animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:scaleY(.55);transform-origin:bottom;opacity:.45}}.debug{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));right:12px;color:#eaded8;font:10px/1.4 ui-monospace,monospace}.debug-toggle{float:right;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:inherit;background:#090203cc;cursor:pointer}.debug-body{clear:both;display:grid;gap:6px;min-width:144px;margin-top:7px;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#090203d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.debug-body span{display:flex;justify-content:space-between;gap:12px;color:#a28079}.debug-body b{color:#e1bd7f;font-weight:500}.debug-body button{margin-top:4px;padding:6px;border:1px solid rgba(225,189,127,.3);border-radius:6px;color:#e1bd7f;background:transparent;cursor:pointer}@media(min-width:700px){.character{width:min(36vw,475px)}.character>img{max-height:72svh;object-position:center center}.character-umut{left:12%;top:19%}.character-gamze{right:12%;top:19%}.copy-final{bottom:5%}.copy-final h1{font-size:clamp(44px,6vw,86px)}}@media(min-width:1180px){.character{width:min(31vw,465px)}.character-umut{left:15%}.character-gamze{right:15%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.scroll-cue i{animation:none}.scroll-story{height:400svh}}@media(max-height:560px)and (orientation:landscape){.character{width:min(30vw,340px);max-height:80svh;top:10%}.copy-final h1{font-size:8vh}}