:root{--green:#003d32;--green-light:#075445;--gold:#d6a53a;--gold-light:#f2c65d;--cream:#fff6e5;--white:#fff;--container:1280px;--radius:5px;--font-body:Arial,Helvetica,sans-serif;--font-heading:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--green);font-family:var(--font-body);line-height:1.6}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.container{width:min(var(--container),calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-80px;padding:10px;background:var(--cream);z-index:10}
.skip-link:focus{top:10px}
:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}
.header{background:var(--green);color:var(--white);border-bottom:1px solid #d6a53a40;position:relative;z-index:2}
.header-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:10px}
.brand{flex-shrink:0;width:170px;display:flex;align-items:center;justify-content:center}.brand img{width:auto;height:auto;max-width:100%;max-height:100px}
.navigation{display:flex;align-items:center;gap:24px}
.navigation>a,.navigation>button:not(.button){font-size:14px;white-space:nowrap;border:0;background:none;color:var(--white);padding:8px 0}
.navigation>[aria-current]{color:var(--gold-light);border-bottom:1px solid var(--gold)}
.navigation>a:hover{color:var(--gold-light)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:13px 21px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,color .18s}
.button svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.button-gold{color:var(--green);background:var(--gold);border-color:var(--gold)}
.button-gold:not(:disabled):hover{background:var(--gold-light)}
.button-outline{background:#003d3259;border-color:#fff9;color:var(--white)}
.button-outline:not(:disabled):hover{background:var(--green-light)}
button:disabled{cursor:default}
.menu-toggle{display:none}
/* Unmodified original interior photograph; position preserves the menu screen. */
.hero{background-color:var(--green-light);background-image:linear-gradient(90deg,rgba(0,45,37,.92) 0%,rgba(0,45,37,.70) 32%,rgba(0,45,37,.30) 58%,rgba(0,45,37,.05) 100%),url('../assets/images/atay-mami-hero.webp');background-size:cover;background-position:center,center 32%;background-repeat:no-repeat;color:var(--white)}
.hero-inner{min-height:660px;display:flex;align-items:center;padding-block:80px}
.hero-content{max-width:550px}
.eyebrow{margin:0 0 20px;color:var(--gold-light);font-size:14px;letter-spacing:.25em;font-weight:600}
h1{font-family:var(--font-heading);font-size:clamp(48px,6.1vw,84px);line-height:1.08;letter-spacing:-.035em;font-weight:400;margin:0 0 16px}
.subtitle{font-size:18px;letter-spacing:.16em;color:var(--gold-light);margin:0 0 30px}
.intro{font-size:18px;line-height:1.8;margin:0 0 36px;color:#fff6e5}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-inner{gap:16px}.navigation{gap:15px}.brand{width:170px}.navigation>a,.navigation>button:not(.button){font-size:13px}.call{padding-inline:14px}}
@media(max-width:950px){.brand img{max-height:90px}.header-inner{min-height:110px;flex-wrap:wrap}.brand{width:170px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;border:1px solid #f2c65d66;border-radius:var(--radius);background:transparent;color:var(--gold-light)}.menu-toggle span{width:22px;height:2px;background:currentColor;margin-inline:auto}.navigation{display:none;width:100%;flex-direction:column;align-items:stretch;gap:6px;padding:12px 0 20px}.navigation.is-open{display:flex}.navigation>a,.navigation>button:not(.button){text-align:left;min-height:44px;font-size:16px;padding:10px 12px}.navigation .call{align-self:flex-start;margin-top:8px}.hero-inner{min-height:660px}.hero{background-position:center,center 32%}}
@media(max-width:600px){.brand{width:140px}.brand img{max-height:80px}.header-inner{min-height:100px}.container{width:calc(100% - 40px)}.hero-inner{min-height:650px;padding-block:64px}.eyebrow{font-size:12px;letter-spacing:.2em;margin-bottom:18px}h1{font-size:clamp(40px,11vw,62px)}.subtitle{font-size:13px;letter-spacing:.1em;margin-bottom:26px}.intro{font-size:16px;line-height:1.8}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.button{min-height:52px}.hero-content{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
