*{box-sizing:border-box}.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111111e0;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading-overlay.is-hidden{opacity:0;pointer-events:none}.loading-text{color:#ffffffb3;letter-spacing:.04em;font-size:16px;font-weight:500;animation:1.6s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.5}50%{opacity:1}}body.is-loading{overflow:hidden}:root{color:#1e1b18;background:#111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@property --sway-x{syntax:"<length>";inherits:false;initial-value:0}@property --sway-y{syntax:"<length>";inherits:false;initial-value:0}@property --sway-rotate{syntax:"<angle>";inherits:false;initial-value:0deg}html,body{min-height:100%;margin:0}body{background:#111;min-height:100svh}.audio-toggle{z-index:20;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11111185;border:1px solid #ffffff5c;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed;box-shadow:0 10px 24px #0000003d}.audio-toggle-icon{width:20px;height:20px;position:absolute}.audio-toggle-icon-on:before{content:"♪";font-size:20px;line-height:20px;position:absolute;inset:0}.audio-toggle-icon-off{display:none}.audio-toggle-icon-off:before,.audio-toggle-icon-off:after{content:"";background:currentColor;border-radius:999px;width:16px;height:2px;position:absolute;top:9px;left:2px;transform:rotate(45deg)}.audio-toggle-icon-off:after{transform:rotate(-45deg)}.audio-toggle.is-muted .audio-toggle-icon-on{display:none}.audio-toggle.is-muted .audio-toggle-icon-off{display:block}.scroll-cue{z-index:20;left:50%;bottom:max(22px, env(safe-area-inset-bottom));color:#fff;filter:drop-shadow(0 5px 10px #0000007a);opacity:0;pointer-events:none;justify-items:center;gap:8px;animation:2.8s ease-out .5s forwards scroll-cue;display:grid;position:fixed;transform:translate(-50%)}.scroll-cue-label{letter-spacing:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1111118a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.scroll-cue-arrow{border-bottom:2px solid;border-right:2px solid;width:16px;height:16px;transform:rotate(45deg)}.scroll-cue.is-hidden{display:none}.page{min-height:var(--page-height,100svh);background:radial-gradient(circle at top,#ffffff21,#0000 34rem),#111}.viewport{width:100%;height:100svh;height:var(--viewport-height,100svh);justify-content:center;align-items:flex-start;display:flex;position:sticky;top:0;overflow:hidden}.invitation{aspect-ratio:1080/8640;width:min(100%,540px);transform:translate3d(0, var(--scene-y,0px), 0);isolation:isolate;will-change:transform;background:#efe6dc;position:relative;overflow:hidden;box-shadow:0 0 70px #0000006b}.background,.parallax-layer{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;position:absolute;left:0}.background{z-index:0}.background-first{top:0}.parallax-layer{z-index:2;transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(var(--intro-x,0px), 0, 0) translate3d(var(--sway-x,0px), var(--sway-y,0px), 0) rotate(calc(var(--layer-rotate,0deg) + var(--sway-rotate,0deg)));will-change:transform;contain:layout style}.layer-top{filter:drop-shadow(0 26px 12px #0006);top:0}.layer-samet{filter:drop-shadow(8px 14px 8px #00000052);width:58%;animation:4.6s ease-in-out infinite alternate sign-sway-left;top:9.05%;left:-5%}.layer-sena{--layer-rotate:-2deg;filter:drop-shadow(8px 14px 8px #00000052);width:59%;animation:5.1s ease-in-out -1.4s infinite alternate sign-sway-right;top:13.05%;left:46%}.person-layer{z-index:2;width:22%;opacity:var(--person-opacity,0);transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(var(--person-x,0px), var(--person-y,0px), 0) rotate(calc(var(--layer-rotate,0deg) + var(--person-rotate,0deg)));filter:drop-shadow(10px 18px 8px #00000057);top:7.25%}.person-samet{--layer-rotate:-1deg;left:27%}.person-sena{--layer-rotate:1.4deg;left:51%}.cloud-layer{z-index:1;width:46%;opacity:var(--cloud-opacity,0);transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(var(--cloud-x,0px), var(--cloud-y,0px), 0);filter:drop-shadow(10px 16px 8px #00000042)}.cloud-left{top:12.75%;left:-8%}.cloud-right{width:38%;transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(var(--cloud-x,0px), var(--cloud-y,0px), 0) scaleX(-1);top:11.2%;left:auto;right:-9%}.cloud-top{width:25%;transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(0, var(--cloud-y,0px), 0) scaleX(-1);top:8.2%;left:34%}.cloud-lower{opacity:var(--cloud-opacity,0);transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(var(--cloud-x,0px), 0, 0) rotate(var(--cloud-rotate,0deg)) scaleX(var(--cloud-flip,1))}.cloud-lower-1{--cloud-rotate:-4deg;width:42%;top:16.5%;left:-10%}.cloud-lower-2{--cloud-flip:-1;--cloud-rotate:6deg;width:36%;top:21.25%;left:auto;right:-12%}.cloud-lower-3{--cloud-rotate:3deg;width:28%;top:27.5%;left:8%}.cloud-lower-4{--cloud-flip:-1;--cloud-rotate:-5deg;width:45%;top:33.25%;left:auto;right:-7%}.cloud-lower-5{--cloud-rotate:5deg;width:34%;top:41%;left:-9%}.seam-cloud{z-index:4;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(10px 16px 8px #0000003d);width:56%;height:auto;position:absolute;top:48.6%}.seam-cloud-1{width:72%;top:47.75%;left:-18%;transform:rotate(-3deg)}.seam-cloud-2{width:78%;top:47.55%;left:14%;transform:scaleX(-1)rotate(2deg)}.seam-cloud-big{width:92%;top:47.9%;left:5%;transform:rotate(-1deg)}.seam-cloud-front{z-index:5;width:33%;top:47.35%;left:37%;transform:scaleX(-1)rotate(4deg)}.seam-cloud-3{width:68%;top:47.85%;right:-22%;transform:rotate(5deg)}.saloon-layer{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 18px 14px #00000038);width:100%;height:auto;position:absolute;top:63%;left:0}.bird-layer{z-index:3;width:19%;height:auto;opacity:var(--bird-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--bird-x,-30vw), var(--bird-y,0px), 0) rotate(var(--bird-rotate,0deg));filter:drop-shadow(8px 12px 6px #0000003d);will-change:transform, opacity;position:absolute;top:7.5%;left:0}.fall-layer{z-index:5;width:39%;opacity:var(--fall-opacity,0);transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(0, var(--fall-y,0px), 0) rotate(var(--fall-rotate,0deg));filter:drop-shadow(10px 18px 8px #00000057);top:6.9%}.fall-samet{z-index:3;--fall-rotate:-8deg;left:17%}.fall-sena{z-index:3;--fall-rotate:7deg;left:44%}.fall-samet-smokin{z-index:3;--fall-rotate:-8deg;left:16.5%}.fall-sena-bride{z-index:3;--fall-rotate:7deg;left:43.5%}.grass-samet-smokin{--fall-rotate:-8deg;width:19.2%;left:29%}.grass-sena-bride{--fall-rotate:7deg;width:25%;left:47.6%}.landed-layer{z-index:3;opacity:var(--landed-opacity,0);transform:translate3d(0, var(--parallax-y,0px), 0) translate3d(0, var(--landed-y,0px), 0) rotate(var(--landed-rotate,0deg));filter:drop-shadow(10px 18px 8px #00000057);top:6.9%}.landed-samet{--landed-rotate:0deg;width:12.5%;left:32.5%}.landed-sena{--landed-rotate:0deg;width:27%;left:49%}.desk-layer{z-index:4;width:48%;height:auto;opacity:var(--desk-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(-50%, var(--desk-y,0px), 0) translate3d(var(--desk-x,-100vw), 0, 0);filter:drop-shadow(10px 16px 8px #00000047);position:absolute;top:6.9%;left:50%}.microphone-layer{z-index:5;width:13%;height:auto;opacity:var(--microphone-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(-50%, var(--microphone-y,0px), 0) translate3d(var(--microphone-x,100vw), 0, 0) rotate(-4deg);filter:drop-shadow(8px 12px 6px #00000042);position:absolute;top:6.9%;left:52%}.official-layer{z-index:3;width:17%;height:auto;opacity:var(--official-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(0, var(--official-y,0px), 0) translate3d(var(--official-x,-100vw), 0, 0);filter:drop-shadow(10px 16px 8px #00000047);position:absolute;top:6.9%;left:16%}.speech-bubble{z-index:6;height:auto;opacity:var(--bubble-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(8px 12px 6px #00000038);position:absolute;top:6.9%}.samet-evet-layer{width:24%;transform:translate3d(0, var(--bubble-y,0px), 0) translate3d(var(--bubble-x,-100vw), 0, 0) rotate(-3deg);left:16%}.sena-evet-layer{width:24%;transform:translate3d(0, var(--bubble-y,0px), 0) translate3d(var(--bubble-x,100vw), 0, 0) rotate(3deg);right:15%}.second-bird-layer{z-index:6;width:11%;height:auto;opacity:var(--second-bird-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--second-bird-x,100vw), var(--second-bird-y,0px), 0) scale(var(--second-bird-scale,.45)) rotate(var(--second-bird-rotate,-24deg));filter:drop-shadow(8px 12px 6px #00000038);will-change:transform, opacity;position:absolute;top:0;left:0}.sun-layer{z-index:1;width:42%;height:auto;opacity:var(--sun-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--sun-x,100vw), var(--sun-y,0px), 0) rotate(calc(var(--sun-rotate,0deg) + var(--sun-idle-rotate,0deg)));filter:drop-shadow(0 16px 14px #ffbe5033);will-change:transform, opacity;position:absolute;top:0;left:0}.mounth-layer{z-index:1;width:106%;height:auto;opacity:var(--mounth-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--mounth-x,-100vw), var(--mounth-y,0px), 0);filter:drop-shadow(0 16px 14px #00000029);will-change:transform, opacity;position:absolute;top:0;left:0}.city-layer{z-index:2;width:100%;height:auto;opacity:var(--city-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--city-x,100vw), var(--city-y,0px), 0);filter:drop-shadow(0 22px 22px #00000061)drop-shadow(0 6px 8px #00000040);will-change:transform, opacity;position:absolute;top:0;left:0}.kozan-layer{z-index:1;width:23%;height:auto;opacity:var(--kozan-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--kozan-x,0px), var(--kozan-y,0px), 0) scale(var(--kozan-scale,.72));filter:drop-shadow(4px 12px 8px #00000047);will-change:transform, opacity;position:absolute;top:0;left:0}.seyirci-layer{z-index:7;width:125%;height:auto;opacity:var(--seyirci-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--seyirci-x,0px), var(--seyirci-y,0px), 0);filter:drop-shadow(0 14px 12px #0003);will-change:transform, opacity;position:absolute;top:0;left:-12.5%}.grass-layer{z-index:3;width:100%;height:auto;opacity:var(--grass-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--grass-x,100vw), var(--grass-y,0px), 0);filter:drop-shadow(0 12px 10px #00000029);will-change:transform, opacity;position:absolute;top:0;left:0}.celenk-layer{z-index:4;width:57.5%;height:auto;opacity:var(--celenk-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(var(--celenk-x,100vw), var(--celenk-y,0px), 0) scale(var(--celenk-scale,.88));filter:drop-shadow(0 14px 12px #00000038);will-change:transform, opacity;position:absolute;top:0;left:0}.closing-top-layer,.closing-bottom-layer{z-index:9;width:100%;height:auto;opacity:var(--closing-opacity,0);-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.closing-top-layer{transform:translate3d(0, var(--closing-top-y,-100vh), 0)}.closing-bottom-layer{transform:translate3d(0, var(--closing-bottom-y,100vh), 0)}@keyframes scroll-cue{0%{opacity:0;transform:translate(-50%,-12px)}18%,62%{opacity:1}42%{transform:translate(-50%,8px)}to{opacity:0;transform:translate(-50%,18px)}}@keyframes sign-sway-left{0%{--sway-x:-8px;--sway-y:4px;--sway-rotate:-2.8deg}36%{--sway-x:9px;--sway-y:-6px;--sway-rotate:2deg}68%{--sway-x:4px;--sway-y:7px;--sway-rotate:-1.2deg}to{--sway-x:12px;--sway-y:-3px;--sway-rotate:2.5deg}}@keyframes sign-sway-right{0%{--sway-x:8px;--sway-y:-4px;--sway-rotate:2.4deg}42%{--sway-x:-10px;--sway-y:6px;--sway-rotate:-1.8deg}73%{--sway-x:-5px;--sway-y:-7px;--sway-rotate:1.1deg}to{--sway-x:-12px;--sway-y:3px;--sway-rotate:-2.4deg}}.stage{z-index:3;width:100%;height:25%;position:absolute;left:0}.stage-intro{top:0}.stage-ceremony{top:25%}.stage-wedding{top:50%}.stage-rsvp{top:75%}@media (hover:none) and (pointer:coarse){.parallax-layer,.bird-layer,.second-bird-layer,.sun-layer,.mounth-layer,.city-layer,.kozan-layer,.seyirci-layer,.grass-layer,.celenk-layer,.closing-top-layer,.closing-bottom-layer{will-change:auto}}@media (width<=420px){.invitation{width:100%;box-shadow:none}.audio-toggle{width:36px;height:36px}.audio-toggle-icon{width:18px;height:18px}.audio-toggle-icon-on:before{font-size:18px;line-height:18px}}@media (height<=500px) and (orientation:landscape){.invitation{aspect-ratio:1080/8640;width:auto;height:100%}.scroll-cue{bottom:max(10px, env(safe-area-inset-bottom))}.audio-toggle{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}}@media (width>=421px) and (width<=768px){.invitation{width:min(100%,480px)}}@media (width>=769px) and (width<=1199px){.invitation{width:min(90%,540px)}.audio-toggle{width:44px;height:44px}.audio-toggle-icon{width:22px;height:22px}.audio-toggle-icon-on:before{font-size:22px;line-height:22px}}@media (width>=1200px){.invitation{width:min(42vw,600px);box-shadow:0 0 90px #00000080}.audio-toggle{width:48px;height:48px;top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right))}.audio-toggle-icon{width:24px;height:24px}.audio-toggle-icon-on:before{font-size:24px;line-height:24px}.scroll-cue-label{padding:8px 14px;font-size:14px}}