*{box-sizing:border-box}
body{margin:0;background:#0B1C12;color:#10271A;font:400 16px/1.6 Inter,system-ui,sans-serif}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer}
.page{background:#F7F4EE}
.tight{font-family:'Inter Tight',sans-serif}
.wrap{max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}
.wrap-l{max-width:1360px;margin:0 auto;padding-left:48px;padding-right:48px}
.kicker{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:500;letter-spacing:.3em;color:#8A6131}
.kicker:before{content:"";width:40px;height:1px;background:#B08048}
.kicker.gold{color:#E9B67B}.kicker.gold:before{background:#E9B67B}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 36px;background:#10271A;color:#F7F4EE;text-decoration:none;font-size:15px;font-weight:500;border-radius:2px;border:0}
.btn.ghost{background:transparent;color:#10271A;border:1px solid #10271A;padding:0 28px}
.btn.light{background:#F7F4EE;color:#10271A;min-height:52px;padding:0 32px}
.btn.line{background:transparent;color:#F7F4EE;border:1px solid #F7F4EE;min-height:52px;padding:0 32px}
.linkbtn{padding:0;border:0;background:none;color:inherit;text-decoration:none}
/* header */
.hero{background:linear-gradient(180deg,#FBF9F5 0%,#F3EEE5 100%);overflow:hidden}
.top{border-bottom:1px solid #E4DED2}
.top .wrap-l{min-height:108px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px}
.logo{height:100px;width:auto;margin-left:-30px}
.menu{display:flex;flex-wrap:wrap;align-items:center;gap:40px;font-size:14px;font-weight:500}
.menu a,.menu button{text-decoration:none;color:#10271A}
.hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:48px 96px;padding-top:48px;padding-bottom:64px}
.hero-txt{flex:1 1 440px;min-width:0;max-width:540px}
.hero h1{margin:40px 0 0;font:300 clamp(64px,8vw,120px)/1 'Inter Tight',sans-serif;letter-spacing:.01em}
.lead{margin:28px 0 0;font:300 26px/1.35 'Inter Tight',sans-serif;color:#24402D;letter-spacing:-.01em}
.muted{color:#5B6458}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:48px}
.under{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid #B08048}
.facts{margin:64px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:24px;border-top:1px solid #E0D9CB;font-size:14px}
.facts dt{font-size:11px;letter-spacing:.18em;color:#8A6131}.facts dd{margin:6px 0 0;font-weight:500}
.hero-img{flex:1 1 440px;min-width:0;display:flex;justify-content:center}
.hero-img figure{margin:0;width:min(100%,540px)}
.hero-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:55% 55%;box-shadow:0 30px 70px rgba(16,39,26,.18)}
.hero-img figcaption{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;letter-spacing:.2em;color:#5B6458}
/* catalog */
.cat{background:#0E0E0E;color:#F7F4EE}
.cat .wrap{padding-top:48px;padding-bottom:48px}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
h2.sec{margin:0;font:500 32px/1.1 'Inter Tight',sans-serif;letter-spacing:-.02em}
.grey{color:#A8A49C}
.grid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 14px}
.card{display:flex;flex-direction:column}
.card .ph{padding:0;border:0;background:none;width:100%}
.card .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#1A1A1A}
.tog{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.tog button{min-height:32px;padding:0 4px;border-radius:2px;border:1px solid #3A3A3A;background:transparent;color:#A8A49C;font:500 12px Inter,sans-serif;letter-spacing:.02em}
.tog button.on{background:#F7F4EE;color:#10271A;border-color:#F7F4EE}
.card .nm{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:12px;flex-wrap:wrap}
.card h3{margin:0;font:600 14px 'Inter Tight',sans-serif;letter-spacing:.06em}
.card .sz{font-size:11px;color:#A8A49C}
.card .acts{display:flex;flex-wrap:wrap;gap:0 14px}
.card .acts a,.card .acts button{display:inline-flex;align-items:center;min-height:34px;font-size:13px;font-weight:500;text-decoration:none}
.card .acts a{color:#E9B67B}
.card .acts button{padding:0;border:0;background:none;color:#F7F4EE;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#5A5853}
/* options */
.opts{background:#EFEAE0}.opts .wrap{padding-top:56px;padding-bottom:56px}
.opts h3{margin:0 0 12px;font-size:13px;font-weight:500;color:#5B6458}
.ogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.ogrid.f{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.opt{background:#FBFAF6;padding:16px 20px;display:flex;align-items:center;gap:16px}
.opt b{display:block;font:600 16px 'Inter Tight',sans-serif}.opt small{display:block;font-size:14px;color:#5B6458}
/* glass */
.glass .wrap{padding-top:72px;padding-bottom:72px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.g3 img{width:100%;aspect-ratio:4/5;object-fit:cover}
.g3 figure{margin:0}.g3 figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.soon{aspect-ratio:4/5;border:1px dashed #B8B2A4;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.2em;color:#5B6458}
/* instagram */
.ig{border-top:1px solid #E2DDD2}
.ig .wrap{padding-top:96px}
.strip-o{overflow:hidden;padding-bottom:96px}
.strip{display:flex;gap:16px;width:max-content;animation:kay 60s linear infinite}
.strip:hover{animation-play-state:paused}
@keyframes kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.strip{animation:none}}
.sq{position:relative;flex:0 0 300px;overflow:hidden;background:#EFEAE0}
.sq img{width:300px;height:300px;object-fit:cover;transition:transform .5s}
.sq:hover img{transform:scale(1.04)}
.sq span{position:absolute;inset:0;background:rgba(16,39,26,.55);color:#F7F4EE;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;opacity:0;transition:opacity .25s}
.sq:hover span,.sq:focus-visible span{opacity:1}
/* band + footer */
.band{background:#10271A;color:#F7F4EE}
.band .wrap{padding-top:56px;padding-bottom:56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.band h2{margin:0;font:300 32px/1.2 'Inter Tight',sans-serif;letter-spacing:-.01em}
.row{display:flex;flex-wrap:wrap;gap:12px}
footer{background:#0B1C12;color:#B9C2B5}
footer .a{padding-top:48px;padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px}
footer .a img{height:80px;width:auto}
footer nav{display:flex;flex-wrap:wrap;gap:28px;font-size:14px}
footer nav a,footer nav button{color:#F7F4EE;text-decoration:none}
footer .b{padding-top:20px;padding-bottom:32px;border-top:1px solid #1C3324;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px}
/* overlays */
.ov{position:fixed;inset:0;z-index:40;overflow-y:auto;display:none}
.ov.open{display:block}
.ov .bar{position:sticky;top:0;z-index:2}
.ov .bar>div{min-height:84px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ov .bar button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:500 14px Inter,sans-serif;color:inherit}
#urun{background:#F7F4EE}#urun .bar{background:#FBF9F5;border-bottom:1px solid #E4DED2}
#urun .bar img{height:76px;width:auto}
.pd{display:flex;flex-wrap:wrap;gap:56px 96px;align-items:flex-start;padding-top:48px;padding-bottom:96px}
.pd .l{flex:1.15 1 480px;min-width:0}.pd .r{flex:1 1 360px;min-width:0;max-width:500px;padding-top:16px}
.pd .main{width:100%;aspect-ratio:4/5;object-fit:cover;background:#EEEAE3;box-shadow:0 30px 70px rgba(16,39,26,.12)}
.views{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:12px}
.views button{display:flex;align-items:center;gap:14px;padding:8px;border-radius:2px;border:1px solid #E0D9CB;background:#FBF9F5;text-align:left;opacity:.75}
.views button.on{border-color:#10271A;opacity:1}
.views img{width:72px;aspect-ratio:4/5;object-fit:cover}
.views b{display:block;font:600 15px 'Inter Tight',sans-serif;color:#10271A}.views small{display:block;font-size:13px;color:#5B6458}
.pd h2{margin:28px 0 0;font:300 clamp(48px,5.4vw,88px)/1 'Inter Tight',sans-serif;letter-spacing:.04em}
.note{margin:16px 0 0;font-size:15px;color:#45524A;padding-left:16px;border-left:2px solid #B08048}
.spec{margin:36px 0 0;border-top:1px solid #E0D9CB;font-size:15px}
.spec div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #E0D9CB}
.spec dt{color:#5B6458}.spec dd{margin:0;font-weight:500;text-align:right}
#iletisim-sayfa{z-index:45;background:#10271A;color:#F7F4EE}
#iletisim-sayfa .bar{background:#0B1C12;border-bottom:1px solid #21402B}
#iletisim-sayfa .bar img{height:72px;width:auto}
.ct{padding-top:112px;padding-bottom:88px}
.ct h2{margin:24px 0 0;max-width:720px;font:300 clamp(34px,3.6vw,48px)/1.15 'Inter Tight',sans-serif;letter-spacing:-.01em}
.cgrid{display:flex;flex-wrap:wrap;gap:32px;margin-top:56px;align-items:stretch}
.cards{flex:1 1 420px;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cards a{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid #2C4A34;text-decoration:none;color:#F7F4EE;border-radius:2px}
.cards small{font-size:12px;letter-spacing:.2em;color:#B9C2B5}
.cards span{font:400 19px 'Inter Tight',sans-serif;word-break:break-word}
.form{flex:1 1 420px;min-width:0;background:#F7F4EE;color:#10271A;padding:32px;border-radius:2px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#5B6458}
.form input,.form select,.form textarea{min-height:44px;padding:0 12px;border:1px solid #D9D2C4;background:#fff;font:15px Inter,sans-serif;color:#10271A;border-radius:2px}
.form textarea{padding:10px 12px;resize:vertical}
.form .full{grid-column:1/-1}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:64px;padding-top:32px;border-top:1px solid #2C4A34}
.trust b{display:block;font:500 16px 'Inter Tight',sans-serif}.trust span{font-size:14px;color:#B9C2B5}
/* eterna page */
.crumb{padding-top:28px;font-size:13px;color:#5B6458}.crumb a{text-decoration:none}
.et{display:flex;flex-wrap:wrap;gap:64px 96px;align-items:flex-start;padding-top:40px;padding-bottom:120px}
.et .l{flex:1.15 1 520px;min-width:0}.et .r{flex:1 1 380px;min-width:0;max-width:500px;padding-top:24px}
.stage{width:100%;aspect-ratio:4/5;background:#10271A;overflow:hidden;box-shadow:0 30px 70px rgba(16,39,26,.12)}
.stage img,.stage video{width:100%;height:100%;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:12px}
.thumbs button{position:relative;padding:0;border:1px solid transparent;background:#EEEAE3;opacity:.7}
.thumbs button.on{border-color:#10271A;opacity:1}
.thumbs img{width:100%;aspect-ratio:4/5;object-fit:cover}
.play{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:999px;background:rgba(16,39,26,.75);display:flex;align-items:center;justify-content:center}
.et h1{margin:32px 0 0;font:300 clamp(56px,6vw,96px)/1 'Inter Tight',sans-serif;letter-spacing:.01em}
.feat{background:#EFEAE0}.feat .wrap-l{padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px}
.feat i{font-style:normal;font-size:12px;letter-spacing:.24em;color:#8A6131}
.feat h2{margin:12px 0 0;font:500 22px 'Inter Tight',sans-serif}.feat p{margin:10px 0 0;font-size:15px;color:#5B6458}
.idea{max-width:900px;margin:0 auto;padding:120px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.idea h2{margin:0;font:400 40px/1.2 'Inter Tight',sans-serif;letter-spacing:-.01em}
.wa-fab{position:fixed;right:24px;bottom:24px;z-index:10;width:56px;height:56px;border-radius:999px;background:#E9B67B;color:#10271A;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(16,39,26,.25)}
@media (max-width:1100px){.grid6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.wrap,.wrap-l{padding-left:16px;padding-right:16px}.grid6{grid-template-columns:repeat(2,minmax(0,1fr))}.menu{gap:20px}.logo{height:72px;margin-left:-16px}.facts{grid-template-columns:1fr 1fr}.cards,.form{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.idea{padding:72px 16px}.ct{padding-top:56px}}
.card a.ph{display:block}
.card .acts a.pg{color:#F7F4EE;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#5A5853}

/* başlık: logo yeşili zemin, krem yazı */
.top{background:#162B1A;border-bottom:0}
.top .wrap-l{min-height:96px}
.logo{height:64px;width:auto;margin-left:0}
.menu a,.menu button{color:#F7F4EE}
.menu a:hover,.menu button:hover{color:#E3A868}
@media (max-width:640px){
.top .wrap-l{min-height:68px;flex-wrap:nowrap;gap:12px}
.logo{height:38px;margin-left:0}
.menu{gap:14px;font-size:13px;flex-wrap:nowrap}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;padding-top:28px;padding-bottom:40px;align-items:start}
.hero-txt{display:contents}
.hero-txt .kicker{grid-column:1/-1;grid-row:1;font-size:10px;letter-spacing:.22em}
.hero h1{grid-column:1;grid-row:2;margin-top:22px;font-size:54px}
.hero .lead{grid-column:1;grid-row:3;font-size:18px;margin-top:14px}
.hero-txt>p.muted{grid-column:1;grid-row:4;font-size:13px}
.hero-img{grid-column:2;grid-row:2/5;align-self:start;margin-top:22px}
.hero-img figcaption{font-size:10px;margin-top:10px}
.cta{grid-column:1/-1;grid-row:5;margin-top:28px;gap:16px}
.facts{grid-column:1/-1;grid-row:6;margin-top:32px;grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* daha sakin yazı boyutları */
.hero h1{font-size:clamp(52px,6vw,92px)}
.lead{font-size:22px}
h2.sec{font-size:26px}
#cam-heykel h2.sec{font-size:30px!important}
.band h2{font-size:26px}
.idea h2{font-size:32px}
.pd h1,.pd h2{font-size:clamp(40px,4.4vw,68px)!important}
.et h1{font-size:clamp(46px,5vw,76px)}
.ct h2{font-size:clamp(28px,3vw,40px)}
@media (max-width:640px){
.hero h1{font-size:42px;margin-top:18px}
.hero .lead{font-size:16px;margin-top:10px}
.hero-txt>p.muted{font-size:12.5px}
.hero-img{margin-top:18px}
h2.sec{font-size:22px}
#cam-heykel h2.sec{font-size:24px!important}
.band h2{font-size:22px}
.idea h2{font-size:26px}
.pd h1,.pd h2{font-size:40px!important}
.et h1{font-size:44px}
.ct h2{font-size:26px}
.btn{min-height:50px;padding:0 26px;font-size:14px}
body{font-size:15px}
}

@media (max-width:640px){.hero-txt>p.muted{font-size:13px!important;margin-top:10px!important}}

/* masaüstü düzeni telefonda da: yazılar solda, görsel sağda; logo daha küçük */
.logo{height:52px}
.top .wrap-l{min-height:84px}
@media (max-width:640px){
.logo{height:30px}
.top .wrap-l{min-height:58px}
.menu{gap:12px;font-size:12px}
.hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0 14px;align-items:center;padding-top:24px;padding-bottom:32px}
.hero-txt{display:block;grid-column:1;grid-row:1;max-width:none}
.hero-txt .kicker{font-size:8.5px;letter-spacing:.16em;gap:8px}
.hero-txt .kicker:before{width:18px}
.hero h1{margin-top:14px;font-size:38px}
.hero .lead{font-size:14px;margin-top:8px}
.hero-txt>p.muted{font-size:11.5px!important;margin-top:8px!important;line-height:1.5}
.cta{flex-direction:column;align-items:flex-start;gap:6px;margin-top:16px}
.cta .btn{min-height:40px;padding:0 14px;font-size:11.5px}
.cta .under{min-height:32px;font-size:12px}
.facts{margin-top:16px;padding-top:12px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));font-size:11px}
.facts dt{font-size:8.5px;letter-spacing:.12em}
.facts dd{margin-top:3px}
.hero-img{grid-column:2;grid-row:1;margin-top:0;align-self:center}
.hero-img figcaption{font-size:9px;margin-top:8px;letter-spacing:.15em}
}

@media (max-width:640px){.hero-txt .kicker{white-space:nowrap;font-size:8px;letter-spacing:.1em}}

/* telefonda: Malzeme/Yükseklik/Üretim görselin altında, tam genişlik */
@media (max-width:640px){
.hero-in{align-items:start}
.hero-txt{display:contents}
.hero-txt .kicker{grid-column:1;grid-row:1}
.hero h1{grid-column:1;grid-row:2}
.hero .lead{grid-column:1;grid-row:3}
.hero-txt>p.muted{grid-column:1;grid-row:4}
.cta{grid-column:1;grid-row:5}
.hero-img{grid-column:2;grid-row:1/6;align-self:center}
.facts{grid-column:1/-1;grid-row:6;margin-top:22px;padding-top:16px;gap:12px;font-size:13px}
.facts dt{font-size:10px;letter-spacing:.16em}
.facts dd{margin-top:4px}
}

@media (max-width:640px){.facts{font-size:11.5px;margin-top:18px;padding-top:14px}.facts dt{font-size:9px;letter-spacing:.14em}.facts dd{margin-top:3px}}

/* alt bölüm daha derli toplu, footer logosu küçük */
footer .a img,footer .a .flogo,.flogo{height:40px;width:auto}
#iletisim-sayfa .bar .flogo{height:40px}
footer .a{padding-top:32px;padding-bottom:20px;gap:16px 32px}
footer nav{gap:20px;font-size:13px}
footer .b{padding-top:14px;padding-bottom:22px;font-size:12px}
.band .wrap{padding-top:36px;padding-bottom:36px;gap:16px}
.btn.light,.btn.line{min-height:46px;padding:0 24px;font-size:14px}
@media (max-width:640px){
.flogo,footer .a .flogo{height:30px}
footer .a{padding-top:24px;padding-bottom:14px;gap:12px}
footer nav{gap:16px;font-size:12.5px}
.band .wrap{padding-top:28px;padding-bottom:28px}
.band h2{font-size:19px}
.band .row{flex-wrap:nowrap;gap:8px;width:100%}
.btn.light,.btn.line{min-height:42px;padding:0 14px;font-size:12.5px;flex:1 1 auto}
}

h1.sec{margin:0;font:500 26px/1.1 'Inter Tight',sans-serif;letter-spacing:-.02em}
@media (max-width:640px){h1.sec{font-size:22px}}