.about-page .topbar{background:rgba(14,25,12,.97)}.about-page a:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--gold);color:var(--green-deep);padding:15px}.skip-link:focus{top:10px}.story-hero{padding:160px 6vw 0;max-width:1800px;margin:auto}.story-intro{max-width:1050px;margin-bottom:55px}.story-intro h1{font-size:clamp(52px,6.8vw,102px);font-weight:500;line-height:1.03;letter-spacing:-.04em;margin:0}.story-intro>p:not(.eyebrow){font-size:19px;line-height:1.7;color:var(--muted);margin:25px 0}.story-hero figure{margin:0;position:relative}.story-hero figure img{display:block;width:100%;height:clamp(300px,47vw,650px);object-fit:cover;border-radius:22px}.story-hero figcaption{font-size:10px;letter-spacing:.2em;color:var(--gold-light);padding-top:18px}.story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;scroll-margin-top:95px}.about-page h2{font-size:clamp(40px,4.8vw,72px);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0}.story-copy p,.taste p,.visit>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 22px}.story-date{color:var(--gold-light);font-size:24px;margin-top:36px}.story-date span{display:block;color:var(--muted);font-size:11px;letter-spacing:.1em;margin-top:10px}.story-features{display:grid;grid-template-columns:repeat(3,1fr);padding:0 6vw 80px;gap:32px}.story-features article{border-top:1px solid var(--gold);padding-top:25px}.story-features span{font-size:10px;letter-spacing:.16em;color:var(--gold-light)}.story-features h3{font-size:32px;font-weight:500;margin:20px 0 14px}.story-features p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.moments{background:var(--green-dark)}.section-heading{margin-bottom:42px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.moments figure,.taste figure{margin:0}.moments img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:16px;display:block}.moments figcaption{padding-top:18px;font-size:12px;color:var(--gold-light)}.taste{display:grid;grid-template-columns:.85fr 1fr;gap:8vw;align-items:center}.taste img{width:100%;height:auto;max-height:660px;object-fit:cover;display:block;border-radius:18px}.taste h2{margin-bottom:30px}.visit{text-align:center;background:linear-gradient(120deg,var(--green),var(--green-dark));border-top:1px solid var(--line)}.visit h2{margin-bottom:24px}.visit .actions{justify-content:center}.about-page nav [aria-current]{color:var(--gold-light)}@media(max-width:900px){.about-page .topbar{height:100px;grid-template-columns:1fr auto;grid-template-rows:60px 32px}.about-page .topbar nav{display:flex;grid-row:2;grid-column:1/-1;gap:26px;font-size:12px}.about-page .reserve{display:block;grid-column:2;grid-row:1}.about-page .brand img{height:44px}.story-hero{padding-top:145px}.story,.taste{grid-template-columns:1fr;gap:36px}.story-features{gap:20px}.moments-grid{gap:16px}.taste figure{max-width:540px}.story-copy p{font-size:16px}}@media(max-width:560px){.story-hero{padding:140px 20px 0}.story-intro{margin-bottom:35px}.story-intro h1{font-size:48px}.story-intro>p:not(.eyebrow){font-size:16px}.story-hero figure img{height:300px;object-position:center}.story-features{grid-template-columns:1fr;padding:0 20px 64px;gap:30px}.moments-grid{grid-template-columns:1fr;gap:30px}.moments img{max-height:540px}.taste img{max-height:540px}.about-page .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.16em}.visit .btn{width:100%;padding-inline:14px}.about-page .reserve{font-size:10px;padding:10px}.story{scroll-margin-top:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 30 Eylül 2026: uzun rooftop başlıkları için responsive denge */
.story-features article{min-width:0}.story-features h3{overflow-wrap:anywhere}
@media(max-width:560px){.story-intro h1{font-size:clamp(42px,11.5vw,48px);line-height:1.02}.story-features h3{font-size:29px}}