@import url('../assets/fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1e8;color:#17372e;font-family:'DM Sans',sans-serif}a{color:inherit} .top{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid #c5cbbf;font-size:13px;font-weight:600}.top img{width:165px;height:auto}.top a{text-decoration:none}.hero{background:#132b24;color:#f3f2e9;padding:clamp(48px,7vw,100px) 5vw 0;overflow:hidden}.hero-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:5vw}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#c1d3c3}.hero h1{font-size:clamp(3.3rem,7vw,7rem);line-height:.96;letter-spacing:-.045em;margin:28px 0;font-weight:700}.hero h1 em{font-family:Fraunces,serif;color:#dcb09b;font-weight:400}.hero p{max-width:43ch;line-height:1.65;color:#d9e4d9}.portrait{width:100%;height:min(64vw,650px);object-fit:cover;object-position:50% 25%;display:block}.disclosure{background:#e8e4d8;padding:20px 5vw;color:#263e34;line-height:1.6;font-size:14px}.disclosure p{max-width:1000px;margin:auto}.story{max-width:1100px;margin:auto;padding:100px 5vw;display:grid;grid-template-columns:.65fr 1fr;gap:7vw}.story h2{font:400 clamp(2.5rem,5vw,4.5rem)/1.05 Fraunces,serif;margin:0}.story-content{font-size:18px;line-height:1.8}.story-content p{margin:0 0 1.5em}.story-content h3{font-size:23px;line-height:1.3;margin:2em 0 .6em}.city{height:clamp(280px,45vw,580px);background:linear-gradient(0deg,rgba(9,34,26,.5),transparent),url('../assets/istanbul-story-generated.png') center/cover;display:flex;align-items:end;color:white;padding:5vw}.city p{font:400 clamp(2.3rem,5vw,5rem)/1.05 Fraunces,serif;margin:0;max-width:13ch}.end{background:#17372e;color:#f4f1e8;padding:80px 5vw;text-align:center}.end h2{font:400 clamp(2.5rem,5vw,4rem)/1.1 Fraunces,serif;margin:0 0 20px}.button{display:inline-block;background:#f4f1e8;color:#17372e;padding:17px 23px;text-decoration:none;font-weight:700;margin-top:16px}.foot{padding:24px 5vw;font-size:12px;line-height:1.6}.top a:focus-visible,.button:focus-visible{outline:3px solid #bf6f4a;outline-offset:4px}@media(max-width:700px){.hero-inner,.story{grid-template-columns:1fr}.hero-inner{gap:30px}.portrait{height:450px}.story{padding:65px 6vw;gap:24px}.story-content{font-size:16px}.top img{width:130px}.city{min-height:300px}}

/* The city scene drifts slowly while visible; its caption stays still and readable. */
.city { position:relative; overflow:hidden; isolation:isolate; background:#17372e; }
.city::before { content:""; position:absolute; z-index:-2; inset:-5%; background:url('../assets/istanbul-story-generated.png') center/cover; }
.city::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(9,34,26,.65),transparent 75%); }