@font-face{font-family:SkySerif;src:url('/assets/fonts/cormorant-garamond.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:SkyHand;src:url('/assets/fonts/caveat.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--sky-ink:#174e86;--sky-white:#fffdf7;--sky-serif:SkySerif,Georgia,serif;--sky-hand:SkyHand,'Segoe Print',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body.sky-page{margin:0;background:#0866c3;color:var(--sky-white);font-family:'Segoe UI',Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}[hidden]{display:none!important}.sky-skip{position:fixed;top:-80px;left:16px;background:#174e86;color:#fff;padding:12px;z-index:110}.sky-skip:focus{top:10px}.sky-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 3.8%;font-size:13px}.sky-brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:.08em;font-size:14px}.sky-brand img{width:34px;height:34px}.sky-brand small{display:block;font-size:7px;letter-spacing:.22em;line-height:1.8;opacity:.8}.sky-header nav{display:flex;align-items:center;gap:32px}.sky-header nav a{padding:8px 0;border-bottom:1px solid transparent;text-shadow:0 1px 10px #064c8e66}.sky-header nav a:hover{border-bottom-color:#fff9}.sky-header nav a:last-child{padding:9px 15px;border:1px solid #ffffff60;border-radius:30px}.sky-menu{display:none;background:none;border:1px solid #fff8;color:#fff;border-radius:24px;padding:9px 16px}.sky-world{position:relative;isolation:isolate;height:100svh;min-height:720px;max-height:1700px;overflow:clip}.sky-backdrop{position:absolute;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:sky-breathe 65s ease-in-out infinite alternate;pointer-events:none}.sky-shade{position:absolute;inset:0;background:linear-gradient(#003c8026,transparent 35%);z-index:-3;pointer-events:none}.sky-clouds{position:absolute;z-index:4;bottom:-3%;left:-5%;width:110%;height:34%;object-fit:fill;pointer-events:none;animation:cloud-drift 40s ease-in-out infinite alternate}.sky-title{position:absolute;top:11%;left:50%;transform:translateX(-50%);text-align:center;width:76%;z-index:3;pointer-events:none}.sky-title>p{font-size:10px;letter-spacing:.28em;margin:0 0 16px;opacity:.8}.sky-title h1{font-family:var(--sky-serif);font-size:clamp(76px,7.8vw,186px);font-weight:600;letter-spacing:-.045em;line-height:.82;margin:0;color:var(--sky-white);text-shadow:0 2px 24px #05478b18}.sky-title h1 span{display:block}.sky-record-position{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;flex-direction:column;gap:15px}.sky-record-link{display:block;width:clamp(230px,22vw,490px);aspect-ratio:1;perspective:1000px;animation:record-float 8s ease-in-out infinite;position:relative}.sky-record-link:focus-visible{border-radius:50%;outline-offset:12px}.sky-record-plane{width:100%;height:100%;transform:rotateX(12deg) rotateY(-24deg) rotateZ(-12deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.sky-record-link:hover .sky-record-plane{transform:rotateX(5deg) rotateY(-12deg) rotateZ(-8deg)}.sky-record-disc{position:relative;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#17171c 0 2px,#29282e 3px,#121217 4px,#222127 5px);border:3px solid #32313a;box-shadow:5px 7px 0 #0a0a10,9px 11px 0 #23212c,14px 24px 32px #08396655,inset 0 0 14px #ffffff3a;animation:record-turn 30s linear infinite;mask-image:radial-gradient(circle,transparent 0 4px,#000 5px);-webkit-mask-image:radial-gradient(circle,transparent 0 4px,#000 5px)}.sky-record-disc:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 15deg,transparent 0deg,#dceaff45 40deg,transparent 82deg,transparent 165deg,#dceaff30 210deg,transparent 245deg);mix-blend-mode:screen}.sky-record-label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 27%,#98384d,#751b32 65%,#55162a);border:1px solid #b4787a;color:#eed8c5;box-shadow:inset 0 0 10px #0003}.sky-record-label img{width:44%;height:auto;margin-top:-8%}.sky-record-label>span{font-size:clamp(6px,.48vw,11px);letter-spacing:.14em;margin-top:4%}.sky-record-label small{font-size:clamp(4px,.34vw,8px);letter-spacing:.05em;margin-top:3%}.sky-record-label i{position:absolute;top:50%;left:50%;width:5%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #d4aa8c}.sky-enter{margin:0;color:#fff;font-family:var(--sky-hand);font-size:clamp(21px,1.8vw,34px);letter-spacing:.02em;text-shadow:0 1px 8px #0055a266;transform:rotate(-3deg)}.sky-enter span{margin-left:10px}.sky-note{position:absolute;z-index:6;font-family:var(--sky-hand);color:#fff;font-size:clamp(25px,2.1vw,48px);line-height:.92;letter-spacing:0;text-shadow:0 1px 10px #02478633;transform:rotate(var(--note-angle,-7deg));max-width:23%;font-weight:400}.sky-note small{display:block;font-family:'Segoe UI',sans-serif;font-size:10px;line-height:1.4;letter-spacing:.02em;opacity:.85;margin-top:10px}.sky-note span{display:inline-block;font-family:var(--sky-hand)}.sky-note .note-arrow{font-size:1.6em;line-height:.3;vertical-align:middle;margin-left:8px}.sky-note .note-star{font-size:1.2em}.sky-note i{display:block;width:75%;border-bottom:2px solid #fff;border-radius:50%;height:6px;transform:rotate(-6deg);margin-top:5px}.sky-note[href]{transition:filter .2s,opacity .2s}.sky-note[href]:hover{filter:drop-shadow(0 0 5px #fff5);opacity:.85}.n1{top:17%;left:13%;--note-angle:-10deg}.n2{top:39%;left:28%;--note-angle:-14deg}.n3{top:31%;left:11%;--note-angle:-9deg}.n4{top:49%;left:17%;--note-angle:-14deg}.n5{top:63%;left:24%;--note-angle:-7deg}.n6{top:38%;right:22%;--note-angle:-9deg}.n7{top:20%;right:7%;--note-angle:-10deg}.n8{top:53%;right:12%;--note-angle:-9deg}.n9{top:69%;right:10%;--note-angle:-7deg}.sky-doodles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.9}.sky-footer{position:absolute;z-index:8;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 3.8%;color:#1c4f7e;font-size:10px;background:#fff8}.sky-footer nav{display:flex;gap:24px;align-items:center}.sky-footer button{color:inherit;border:0;padding:0;background:none;font-size:inherit}.sky-footer a:hover,.sky-footer button:hover{text-decoration:underline}.sky-footer a:focus-visible,.sky-footer button:focus-visible{outline-color:#174e86}.sky-page.leaving .sky-world{opacity:0;transform:scale(1.015);transition:opacity .32s,transform .5s}.sky-page .intro{z-index:100}.sky-page .intro h2{font-family:'Segoe UI',sans-serif}.sky-page .intro .vinyl-label{background:#751b32}.intro-open{overflow:hidden}.sky-world.paused *,body.scene-hidden .sky-world *{animation-play-state:paused!important}@keyframes sky-breathe{from{transform:scale(1.025) translateX(-.3%)}to{transform:scale(1.055) translateX(.3%)}}@keyframes cloud-drift{from{transform:translateX(-1.4%) translateY(1%)}to{transform:translateX(1.4%) translateY(-1%)}}@keyframes record-turn{to{transform:rotate(360deg)}}@keyframes record-float{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
@media(min-width:2100px){.sky-title{top:12%}.sky-record-position{top:59%}.sky-title h1{font-size:clamp(170px,7.3vw,210px)}}
@media(max-width:1100px){.sky-title{width:85%;top:14%}.sky-title h1{font-size:8.3vw}.sky-note{font-size:2.7vw}.n1{top:23%;left:8%}.n3{left:7%;top:37%}.n2{left:22%;top:48%}.n4{left:9%;top:57%}.n5{left:16%;top:73%}.n6{right:15%;top:44%}.n7{right:5%;top:28%}.n8{right:7%;top:58%}.n9{top:75%;right:7%}.sky-record-position{top:61%}.sky-record-link{width:30vw}.sky-doodles{opacity:.5}.sky-header nav{gap:20px}}
@media(max-width:700px){.sky-header{padding:18px 20px}.sky-menu{display:block;margin-left:auto}.sky-header nav{display:none;position:absolute;top:66px;right:18px;left:18px;background:#fffdf7;box-shadow:0 10px 40px #00417b44;color:#174e86;border-radius:12px;padding:16px 20px;grid-template-columns:1fr 1fr;gap:8px 20px}.sky-header nav.open{display:grid}.sky-header nav a{padding:10px 0;text-shadow:none}.sky-header nav a:last-child{border-color:#174e8640;padding:10px}.sky-world{height:100svh;min-height:830px;max-height:none}.sky-title{top:14%;width:96%}.sky-title>p{font-size:8px;margin-bottom:18px;letter-spacing:.18em}.sky-title h1{font-size:clamp(51px,9.9vw,76px);line-height:.9;letter-spacing:-.045em}.sky-record-position{top:53%;gap:16px}.sky-record-link{width:min(55vw,290px)}.sky-enter{font-size:25px}.sky-note{font-size:25px;max-width:38%;line-height:1}.sky-note small{font-size:9px;max-width:150px}.n1{top:31%;left:6%}.n2{display:none}.n3{top:33%;left:auto;right:6%;text-align:right}.n4{top:67%;left:8%}.n5{top:78%;left:10%;font-size:23px}.n6{top:67%;right:8%;text-align:right}.n7{top:78%;right:6%;font-size:23px}.n8,.n9{display:none}.sky-note .note-arrow{display:none}.sky-doodles{display:none}.sky-clouds{height:25%;bottom:-2%;width:150%;left:-25%}.sky-backdrop{object-position:center}.sky-footer{position:relative;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px 20px;background:#e9f3fd;font-size:10px}.sky-footer nav{gap:18px}.sky-record-disc{box-shadow:4px 5px 0 #0a0a10,7px 9px 0 #23212c,8px 18px 25px #08396655}.sky-note i{border-bottom-width:1px}}
@media(max-width:380px){.sky-note{font-size:22px}.sky-title h1{font-size:48px}.sky-enter{font-size:23px}.sky-header{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky-world *{animation:none!important}.sky-page.leaving .sky-world{transition:none;transform:none}.sky-record-plane{transition:none}.sky-page .intro-record,.sky-page .intro-tunnel i{animation:none!important}}
/* Keep notes clear of the denser foreground cloud layer. */
@media(min-width:1101px){.sky-title h1{font-size:clamp(76px,7.2vw,186px)}.sky-record-position{top:56.5%}.n5{top:59%;left:24%}.n8{right:17%;top:52%}.n9{right:14%;top:66%}.sky-enter{color:#fff;text-shadow:0 1px 8px #07549eaa,0 2px 14px #07549e88}}
@media(min-width:2100px){.sky-title h1{font-size:clamp(170px,7.1vw,210px)}}
@media(max-width:700px){.sky-title h1{font-size:clamp(44px,9.8vw,68px)}.sky-enter{width:max-content;max-width:92vw;white-space:nowrap;font-size:22px;text-align:center}.n1{top:30%}.n3{top:29%;font-size:23px}.n4,.n6{top:70%}.n5,.n7{display:none}}

/* Typography polish: give Turkish marks and handwriting room to breathe. */
.sky-title h1{letter-spacing:-.028em;line-height:.92;font-kerning:normal;font-synthesis:none}
.sky-note{line-height:1.08;font-synthesis:none;text-shadow:0 1px 7px #07539b66}
.sky-note .note-arrow{line-height:1;vertical-align:baseline}
.sky-enter{line-height:1.2;font-synthesis:none}
.sky-footer{left:3.8%;right:3.8%;bottom:20px;padding:0;background:none;color:#173d60;font-size:12px;gap:24px;text-shadow:0 1px 6px #ffffffb0}
.sky-legal{display:flex;flex-direction:column;gap:6px}
.sky-legal strong{font-size:11px;font-weight:700;letter-spacing:.16em}
.sky-legal>span{font-size:11px;color:#31536f}
.sky-footer nav{gap:28px}
.sky-footer nav a,.sky-footer button{display:inline-flex;align-items:center;gap:10px;min-height:40px;border-bottom:1px solid transparent;transition:border-color .2s,color .2s;font-weight:500}
.sky-footer nav a:hover,.sky-footer button:hover{text-decoration:none;border-bottom-color:#173d6055;color:#071e35}
.sky-footer nav a span,.sky-footer button span{font-size:16px}
@media(max-width:700px){.sky-title h1{line-height:.95;letter-spacing:-.03em}.sky-footer{left:auto;right:auto;bottom:auto;margin:0;padding:24px 20px;background:#edf5fc;text-shadow:none;gap:14px}.sky-legal{align-items:center;gap:7px}.sky-footer nav{gap:20px;flex-wrap:wrap;justify-content:center}.sky-footer nav a,.sky-footer button{font-size:11px;gap:6px}.sky-note{line-height:1.08}}

/* Living sky: independent, transform-only cloud drift and distant aircraft. */
.sky-backdrop{animation:sky-breathe 48s ease-in-out infinite alternate}
.sky-clouds{animation:cloud-sail 32s ease-in-out infinite alternate;width:120%;left:-10%;height:31%}
@keyframes cloud-sail{from{transform:translate3d(-3%,1%,0)}to{transform:translate3d(3%,-2%,0)}}
.sky-airplane{position:absolute;z-index:1;top:8%;left:-15%;width:clamp(55px,5vw,110px);color:#edf5ff;filter:drop-shadow(0 2px 2px #174e8622);pointer-events:none;animation:sky-fly 48s linear infinite;opacity:0}
.sky-airplane:before{content:'';position:absolute;right:85%;top:49%;height:1px;width:clamp(60px,10vw,180px);background:linear-gradient(90deg,transparent,#ffffff88)}
.sky-airplane svg{display:block;width:100%}
@keyframes sky-fly{0%,12%{transform:translate3d(0,15px,0) scale(.7);opacity:0}15%{opacity:.8}40%{opacity:.8}45%,100%{transform:translate3d(135vw,-30px,0) scale(.7);opacity:0}}
.sky-footer{justify-content:flex-start;bottom:24px}.sky-legal strong{display:none}.sky-legal>span{font-size:11px}
.sky-note{line-height:1.1;text-shadow:0 2px 4px #07559c,0 0 16px #07559c99}
.sky-note:before{content:'';position:absolute;inset:-12px -20px;z-index:-1;background:radial-gradient(ellipse,#0758a52e,transparent 72%);pointer-events:none}
.sky-enter{text-shadow:0 2px 4px #07559c,0 0 12px #07559c}
.sky-doodles{display:none}
@media(min-width:1101px){.sky-title{top:10%;width:80%}.sky-title h1{font-size:clamp(76px,6.5vw,178px);line-height:.92}.sky-record-position{top:61%}.sky-record-link{width:min(22vw,34vh,450px)}.n1{left:13%;top:21%}.n2{left:26%;top:40%}.n3{left:13%;top:37%}.n4,.n9{display:none}.n5{left:24%;top:59%}.n6{right:21%;top:39%}.n7{right:8%;top:22%;max-width:17%}.n8{right:21%;top:57%}.sky-enter{font-size:clamp(23px,1.8vw,34px);white-space:nowrap}.sky-note{font-size:clamp(27px,2.1vw,46px)}}
@media(min-width:701px) and (max-width:1100px){.n4,.n9{display:none}.n8{right:14%;top:59%}.n5{top:69%}.sky-title h1{font-size:7.8vw}.sky-record-link{width:min(29vw,34vh)}}
@media(max-width:700px){.sky-clouds{height:23%;width:165%;left:-33%}.n4{display:none}.n6{top:64%;right:7%}.sky-record-position{top:51%}.sky-footer{position:absolute;bottom:18px;left:0;right:0;padding:0 20px;background:none;margin:0}.sky-legal>span{font-size:10px}.sky-airplane{top:9%;width:55px}.sky-title{top:14%}}
/* Keep the sky visible until a cloud curtain covers it; never fade to blue. */
.sky-page.departing .sky-world{opacity:1;transform:none}
.sky-flight-cover{position:fixed;inset:-8%;z-index:90;pointer-events:none;visibility:hidden;transform:translate3d(-115%,0,0);background:#e7f0f6 url('/assets/sky/cloud-bank.webp') center/cover no-repeat;box-shadow:40px 0 100px 80px #e7f0f6;border-radius:0 45% 45% 0}
.departing .sky-flight-cover{visibility:visible;transform:translate3d(0,0,0);border-radius:0;transition:transform .9s cubic-bezier(.65,0,.25,1),border-radius .9s}
.flight-plane{position:absolute;right:-2%;top:42%;width:clamp(120px,18vw,300px);color:#fff;filter:drop-shadow(0 4px 8px #55768d55)}
@media(prefers-reduced-motion:reduce){.sky-airplane{display:none}.sky-flight-cover{display:none}}

@media(min-width:1101px){.n6{right:25%;top:40%}.n8{right:26%;top:58%}.sky-record-position{top:60%}}
.sky-note{paint-order:stroke fill;-webkit-text-stroke:.35px #1764ac88}

@media(max-width:700px){.n6{top:70%;right:8%}}

/* The existing foreground clouds rise instead of a separate wipe. */
.sky-flight-cover{display:none!important}
.sky-clouds{transition:height 1.25s cubic-bezier(.4,0,.2,1),bottom 1.25s cubic-bezier(.4,0,.2,1)}
.departing .sky-clouds{animation:none!important;transform:none;height:170%;bottom:-20%;z-index:30}
.departing .sky-header,.departing .sky-note,.departing .sky-title,.departing .sky-record-position{opacity:0;transition:opacity .65s ease .25s}
@media(prefers-reduced-motion:reduce){.sky-clouds{transition:none}}

/* Skywriting stays tied to the actual label, at every viewport width. */
.sky-backdrop{animation-duration:24s}.sky-clouds{animation-duration:16s}
.sky-writing{position:relative;width:max-content;max-width:90%;margin:0 auto 16px;isolation:isolate;pointer-events:none}
.sky-writing p{font:500 10px 'Segoe UI',sans-serif;letter-spacing:.28em;margin:0;line-height:24px;animation:sky-write 24s linear infinite;white-space:nowrap;text-shadow:0 0 8px #ffffff55}
.sky-writing .sky-airplane{left:-55px;top:-4px;width:52px;z-index:2;filter:drop-shadow(0 1px 2px #174e8633);animation:writing-plane 24s linear infinite;opacity:0}
.sky-writing .sky-airplane:before{width:115px;height:2px;top:49%;background:linear-gradient(90deg,transparent,#ffffff33,#ffffffbd);filter:blur(.65px)}
@keyframes writing-plane{0%,3%{left:-55px;opacity:0;transform:translateY(0)}5%{opacity:.95}23%{opacity:.95}26%,100%{left:calc(100% + 65px);opacity:0;transform:translateY(-2px)}}
@keyframes sky-write{0%,5%{clip-path:inset(0 100% 0 0)}23%,100%{clip-path:inset(0 -8px 0 0)}}
@media(max-width:700px){.sky-writing{margin-bottom:18px}.sky-writing p{font-size:8px;letter-spacing:.18em}.sky-writing .sky-airplane{width:42px;top:1px}}
@media(prefers-reduced-motion:reduce){.sky-writing p{animation:none;clip-path:none}.sky-writing .sky-airplane{display:none}.sky-backdrop,.sky-clouds{animation:none}}