:root{color-scheme:dark;--ink:#fff3df;--copper:#eda164;--night:#0b2236}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--night)}
body{color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,4vw,64px) clamp(24px,5.6vw,104px);overflow:hidden}
.landscape{position:absolute;inset:0;z-index:-2;background:url('istanbul.webp') center center/cover no-repeat}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:clamp(230px,22vw,365px);height:auto;display:block;margin-left:-.45vw}
.status{display:flex;align-items:center;gap:26px;white-space:nowrap;text-transform:uppercase;letter-spacing:.27em;font-size:.875rem;color:var(--copper)}
.line{display:inline-block;flex:none;width:48px;height:1px;background:var(--copper)}
.intro{margin-top:clamp(60px,9vh,124px);max-width:680px;padding-bottom:180px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(76px,8.8vw,152px);line-height:.96;margin:0 0 24px;text-wrap:balance}
p{font-size:clamp(18px,1.6vw,26px);font-weight:400;line-height:1.5;letter-spacing:.025em;max-width:650px;margin:0;text-wrap:pretty}
.footer{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:32px;font-size:1rem;letter-spacing:.12em}
@media(min-aspect-ratio:2/1){.intro{margin-top:40px;padding-bottom:120px}h1{font-size:clamp(76px,7.5vw,130px)}}
@media(max-width:700px){
 .page{padding:28px 26px;min-height:max(780px,100svh)}
 .header{align-items:flex-start;flex-direction:column;gap:24px}
 .logo{width:238px;margin-left:-5px}
 .status{font-size:.75rem;letter-spacing:.22em;gap:16px}.status .line{width:32px}
 .landscape{background-size:auto 69%;background-position:58% bottom}
 .page:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0b2236 0%,#0b2236 23%,rgba(11,34,54,.92) 36%,rgba(11,34,54,.38) 51%,transparent 66%,rgba(5,20,33,.35) 100%)}
 .intro{margin-top:48px;padding-bottom:280px;max-width:440px}
 h1{font-size:clamp(66px,15vw,100px);line-height:1.02;margin-bottom:22px}
 p{font-size:1.125rem;line-height:1.5;max-width:350px}
 .footer{font-size:.875rem;letter-spacing:.1em;padding-top:20px}.footer .line{width:32px}
}
@media(prefers-reduced-motion:no-preference){.intro{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}}