:root{--cream:#f7f3ec;--paper:#fffcf7;--espresso:#2c2019;--brown:#75452a;--gold:#b88a50;--line:#e0d7ca}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--cream);color:var(--espresso);font:15px/1.75 Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
.utility{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;row-gap:8px;background:var(--espresso);color:#eee4d4;font-size:11px;letter-spacing:.6px;padding:8px 6%}
.utility>span:nth-child(2){text-align:center}
.utility>a{justify-self:end;white-space:nowrap}
.utility>span{min-width:0}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 6%;position:sticky;top:0;z-index:10;background:#fffcf7f7;border-bottom:1px solid var(--line);transition:padding .2s;backdrop-filter:blur(12px)}
header.compact{padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px;line-height:1.2}
.brand img{border-radius:50%}
.brand b{display:block;font:bold 25px Georgia;letter-spacing:2px}
.brand b span{display:block;font:8px Arial;letter-spacing:2px;margin-top:5px}
nav{display:flex;gap:25px;font-size:12px}
nav a{padding:10px 0}
nav a:hover,nav a[aria-current=page]{color:var(--brown);text-decoration:underline;text-underline-offset:8px}
.button{display:inline-block;background:var(--brown);color:white;padding:14px 24px;border:1px solid var(--brown);font-size:13px;transition:background .2s}
.button:hover{background:var(--espresso)}
.small{padding:11px 18px;white-space:nowrap}
#menu{display:none}
.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;background:var(--espresso);color:var(--cream);position:relative}
.hero-copy{padding:72px 9% 45px 12%;align-self:center}
.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.4px;text-transform:uppercase;color:var(--brown)}
h1{font:clamp(48px,5.3vw,82px)/1.07 Georgia;margin:30px 0 25px;letter-spacing:-2px}
h2{font:clamp(32px,3.2vw,48px)/1.2 Georgia;margin:16px 0 24px;letter-spacing:-.8px}
em{font-weight:normal;color:var(--brown)}
.hero em,.hero .eyebrow{color:#dfba82}
.hero-brand{letter-spacing:4px;font-size:12px;margin-top:25px}
.hero .lead{font:21px/1.6 Georgia}
.hero-copy>p:not(.eyebrow):not(.hero-brand){max-width:450px}
.hero-copy>p{color:#eadfd0}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0}
.hero .button{background:#d0a066;color:var(--espresso);border-color:#d0a066}
.text-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--gold);padding:9px 0}
.hero-note{border-top:1px solid #ffffff25;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;margin-top:35px;color:#d5c3ac}
.hero-photo{position:relative;overflow:hidden;background:#635442}
.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2c201922,transparent),linear-gradient(transparent 80%,#20180d99)}
.photo-label{position:absolute;bottom:25px;left:25px;color:white;z-index:1;font-size:12px;letter-spacing:1px}
.visit-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 7%;border-bottom:1px solid var(--line);background:var(--paper)}
.visit-strip>div{padding:0 30px;border-right:1px solid var(--line)}
.visit-strip>div:first-child{padding-left:0}
.visit-strip>div:last-child{border:0}
.visit-strip span{display:block;color:var(--brown);font-size:9px;letter-spacing:2px;margin-bottom:5px}
.visit-strip strong{font:21px Georgia}
.section{padding:75px 7%;max-width:1600px;margin:auto;scroll-margin-top:15px}
.home-intro{text-align:center;max-width:880px}
.home-intro>p:not(.eyebrow){max-width:620px;margin:20px auto;color:#68584a}
.home-intro .text-link{margin-top:10px}
.page-heading{background:#ece3d6;text-align:center;padding:45px 6% 35px;border-bottom:1px solid var(--line)}
.page-heading h1{font-size:52px;margin:15px 0}
.page-heading>p:last-child{font-size:12px;color:#78634e}
.page-heading a{text-decoration:underline}
.story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;padding-top:80px}
.story-image{position:relative;padding-bottom:60px}
.story-image>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e4dacb}
.year-block{position:absolute;bottom:0;left:30px;background:var(--paper);padding:22px 40px;border:1px solid var(--line);text-align:center}
.year-block strong{display:block;font:60px/1 Georgia;color:var(--brown)}
.year-block span{font-size:9px;letter-spacing:2px;text-transform:uppercase}
.history-tag{display:inline-block;background:#ece1d0;color:var(--brown);padding:6px 15px;font-size:12px}
.fine-line{width:60px;height:1px;background:var(--gold);margin:20px 0}
.story-copy .lead{font:17px/1.9 Arial}
.story-copy>p{color:#625044}
.story-copy .button{margin-top:15px}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}
.section-heading h2{margin-bottom:0}
.section-heading>p{font-size:13px;min-width:180px;color:#705d49}
.products-section{background:#efe8dc;max-width:none}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1400px;margin:auto}
.product-card{background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:box-shadow .25s}
.product-card:hover{box-shadow:0 10px 30px #30201515}
.product-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .4s}
.product-card:hover>img{transform:scale(1.025)}
.product-copy{padding:22px 25px 26px}
.product-copy h3{font:28px Georgia;margin:6px 0 12px}
.product-copy p:last-child{font-size:13px;margin:0;color:#645243}
.product-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.product-filters button{padding:10px 22px;background:none;border:1px solid #bbaa93;color:var(--brown);min-height:44px;font-size:12px}
.product-filters button.selected{background:var(--brown);color:white;border-color:var(--brown)}
.section-end{text-align:center;margin-top:35px}
.product-card[hidden]{display:none}
.product-art{min-height:200px;background:#e6d8c3;display:grid;place-items:center}
.product-letter{font:80px Georgia}
.product-no,.product-mark{font-size:10px}
.dark{background:var(--cream);color:var(--espresso)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}
.gallery-item{background:var(--paper);color:inherit;border:1px solid var(--line);padding:0;text-align:left;overflow:hidden}
.gallery-item:first-child{grid-column:span 2;grid-row:span 2}
.gallery-item img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;transition:filter .3s}
.gallery-item:first-child img{aspect-ratio:1.2;object-fit:contain;background:#e9dfd0}
.gallery-item:hover img{filter:brightness(1.07)}
.gallery-item span{display:block;padding:17px;font:17px Georgia}
.gallery-item b{float:right}
.caption{font-size:12px;color:#766957;margin-top:25px}
.video-section{display:grid;grid-template-columns:1fr .7fr;column-gap:10%;background:var(--espresso);color:var(--cream);max-width:none;padding-left:12%;padding-right:12%;align-content:center}
.video-section>.eyebrow{grid-column:1;color:#d0a066;align-self:end;margin-top:70px}
.video-section h2{grid-column:1;font-size:48px;align-self:center}
.video-section h2 em{color:#d0a066}
.video-section>p:not(.eyebrow){grid-column:1;align-self:start}
.video-wrap{grid-column:2;grid-row:1/5;position:relative;max-width:330px;justify-self:end;width:100%}
.video-wrap video{display:block;width:100%;max-height:530px;background:var(--espresso)}
#video-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:1;width:90px;height:90px;border-radius:50%;background:#f7f1e7ed;color:var(--brown);border:1px solid var(--gold);font-size:22px}
#video-play span{display:block;font:8px Arial;letter-spacing:2px;margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.contact{background:var(--cream)}
#saatler{padding:30px;border:1px solid var(--line);background:var(--paper)}
#iletisim{padding:30px 0}
table{width:100%;border-collapse:collapse;font-size:13px}
caption{text-align:left;margin-bottom:10px}
th,td{border-bottom:1px solid var(--line);padding:9px 0}
th{text-align:left;font-weight:normal}
td{text-align:right}
.today th,.today td{color:var(--brown);font-weight:bold}
.phone{display:block;font:30px Georgia;margin:25px 0}
address{font-style:normal;max-width:300px}
#status{font-size:12px;color:var(--brown)}
.map-panel{margin-top:25px;padding:20px;border:1px solid var(--line);background:#efe6d8}
.map-panel button{background:none;border:0;border-bottom:1px solid var(--brown);color:var(--brown);padding:10px 0;min-height:44px}
.map-panel iframe{width:100%;height:280px;border:0;margin-top:15px}
.footer-columns{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:10%;margin-bottom:35px}
.footer-columns>div>a{display:block;font-size:13px;margin-bottom:10px}
footer{background:#251c16;color:#d9cbb4;padding:55px 7% 25px}
.footer-logo{display:block;border-radius:50%;margin:0 0 20px;width:80px;height:80px}
footer strong{font:28px Georgia}
footer h3{font:21px Georgia;margin:10px 0 25px}
footer p{font-size:12px}
footer small{display:block;border-top:1px solid #ffffff20;padding-top:25px;font-size:11px}
.mobile-bar{display:none}
.skip{position:absolute;top:-100px}
.skip:focus{top:0;z-index:50;background:white}
dialog{background:var(--espresso);color:white;border:0;border-radius:4px;max-width:90vw;text-align:center}
dialog::backdrop{background:#000d}
dialog img{display:block;max-width:75vw;max-height:70vh;margin:auto}
dialog button{border:0;background:#eee0c9;padding:12px 20px;min-width:44px;min-height:44px}
#close{display:block;margin:0 0 10px auto}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:1100px){header{gap:15px;padding-left:4%;padding-right:4%}
nav{gap:16px}
.brand .wordmark{display:none}
.hero{min-height:570px}
.hero-copy{padding:50px 8%}
.section{padding:60px 6%}
.product-grid{gap:18px}
.story{gap:5%}
.video-section h2{font-size:38px}
.visit-strip{padding:25px 6%}
.visit-strip strong{font-size:18px}
}
@media(max-width:760px){html{scroll-padding-top:90px}
.utility{font-size:11px;padding:10px 5%;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
.utility>span:first-child{grid-column:1/-1}
.utility>span:nth-child(2){text-align:left}
header{padding:12px 5%}
header>.button{display:none}
.brand .wordmark{display:block}
.brand img{width:44px;height:44px}
#menu{display:block;background:none;border:0;font-size:25px;width:44px;height:44px}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 6%;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
nav.open{display:grid}
nav a{padding:10px}
.hero{grid-template-columns:1fr;min-height:0}
.hero-copy{padding:35px 6%}
.hero h1{font-size:52px;letter-spacing:-1px;margin:24px 0}
.hero-brand{font-size:11px}
.hero .lead{font-size:20px}
.hero-photo{height:360px}
.hero-photo>img{object-position:center 60%}
.hero-note{margin-top:25px;font-size:9px;letter-spacing:.5px}
.actions{gap:18px;margin:25px 0}
.visit-strip{padding:22px 6%;grid-template-columns:1fr;gap:18px}
.visit-strip>div{padding:0;border:0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.visit-strip span{font-size:8px;letter-spacing:1px;margin:0}
.visit-strip strong{font-size:16px}
.section{padding:45px 6%}
.home-intro h2{font-size:34px}
.page-heading{padding:30px 6%}
.page-heading h1{font-size:40px}
.story,.split{grid-template-columns:1fr;gap:35px}
.story-image{padding-bottom:45px}
.year-block{padding:17px 30px;left:20px}
.year-block strong{font-size:48px}
.story-copy h2{font-size:34px}
.section-heading{display:block}
.section-heading>p{margin-top:18px}
.product-grid{grid-template-columns:1fr;gap:24px}
.product-copy{padding:20px}
.product-copy h3{font-size:27px}
.product-filters{gap:8px}
.product-filters button{padding:10px 15px}
.gallery{grid-template-columns:1fr 1fr;gap:15px}
.gallery-item:first-child{grid-column:span 2;grid-row:auto}
.gallery-item:first-child img{aspect-ratio:4/3}
.gallery-item img{aspect-ratio:3/4}
.gallery-item span{font-size:14px;padding:12px}
.video-section{display:block;text-align:center}
.video-section>.eyebrow{margin-top:0}
.video-section h2{font-size:36px}
.video-wrap{max-width:290px;margin:30px auto 0}
.footer-columns{grid-template-columns:1fr 1fr;gap:25px}
.footer-columns>div:first-child{grid-column:span 2}
#saatler{padding:25px}
#iletisim{padding:0}
.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;background:var(--brown);color:white;justify-content:space-around;padding:15px 10px;padding-bottom:max(15px,env(safe-area-inset-bottom));font-size:14px}
body{padding-bottom:58px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

.play-triangle{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--brown);margin:0 auto 10px;transform:translateX(2px)}

/* Ana sayfanın fotoğraf ve tarih odaklı bölümleri. */
.page-home .hero-copy{position:relative;overflow:hidden}
.page-home .hero-copy:before{content:'1971';position:absolute;font:170px Georgia;opacity:.035;bottom:15px;right:10px;pointer-events:none}
.home-intro{padding-bottom:25px}
.intro-rule{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;color:var(--gold)}
.intro-rule span{height:1px;width:65px;background:var(--line)}
.intro-rule b{font:italic 20px Georgia}
.page-home .story{padding-top:35px;padding-bottom:85px}
.page-home .story-image{margin-top:10px}
.page-home .story-image:before{content:'';position:absolute;inset:-12px 20px 70px -12px;border:1px solid var(--gold);z-index:-1}
.page-home .story-copy h2{font-size:40px}
.page-home .products-section{background:linear-gradient(135deg,#e9ddcb,#f5efe6)}
.home-gallery{background:var(--paper);max-width:none}
.home-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.home-gallery-grid a{display:block;min-width:0;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.home-gallery-grid figure{display:flex;flex-direction:column;height:100%;margin:0}
.home-gallery-grid img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .4s}
.home-gallery-grid a:hover img{transform:scale(1.03)}
.home-gallery-grid figcaption{display:block;flex:1;width:100%;min-height:66px;font:20px/1.45 Georgia;padding:18px 20px;overflow-wrap:anywhere;border-top:1px solid var(--line)}
.page-home .story .button{background:transparent;color:var(--brown)}
.page-home .story .button:hover{background:var(--brown);color:white}
@media(max-width:760px){.home-intro{padding-bottom:12px}
.page-home .story{padding-top:25px;padding-bottom:45px}
.page-home .story-copy h2{font-size:34px}
.page-home .hero-copy:before{font-size:130px}
.home-gallery-grid{grid-template-columns:1fr 1fr;gap:16px}
.home-gallery-grid a:last-child{grid-column:span 2}
.home-gallery-grid img{height:240px}
.home-gallery-grid a:last-child img{height:250px;object-position:center 42%}
.home-gallery-grid figcaption{font-size:16px;line-height:1.5;padding:14px;min-height:76px}
}


.gallery-item span{min-height:76px;line-height:1.5;overflow-wrap:anywhere}
.product-card{display:flex;flex-direction:column}
.product-copy{flex:1}
.home-gallery-grid img{flex:none}