/* Catalogue-led photography across the Turkish site. */
.editorial-hero-media img{object-position:center 50%}
.home-guide-list a:nth-child(3),.home-guide-list a:nth-child(3):hover{background:linear-gradient(0deg,rgba(38,19,10,.8),rgba(38,19,10,.3)),url('assets/pergola-night.webp') center/cover}
.home-approach-media img{object-position:center 55%}
.home-work-list a{grid-template-columns:120px 170px minmax(0,1.05fr) minmax(0,.95fr) 36px;gap:22px;min-height:150px}
.home-work-list a>img{grid-column:1;grid-row:1;width:120px;height:90px;object-fit:cover;border-radius:12px}
.home-work-list a>span{grid-column:2;grid-row:1}
.home-work-list a>strong{grid-column:3;grid-row:1}
.home-work-list a>small{grid-column:4;grid-row:1}
.home-work-list a>b{grid-column:5;grid-row:1}
.home-outlook{background:#e7d6c2}
.home-outlook-grid{gap:22px;padding-block:22px}
.home-outlook-grid a,.home-outlook-grid a+a{border:0;border-radius:20px;padding:40px;overflow:hidden;background:linear-gradient(0deg,rgba(39,21,12,.88),rgba(39,21,12,.35)),url('assets/pergola-night.webp') center/cover;color:#fff;min-height:390px}
.home-outlook-grid a+a{background:linear-gradient(0deg,rgba(39,21,12,.9),rgba(39,21,12,.3)),url('assets/pergola-terrace.webp') center/cover}
.home-outlook-grid h2,.home-outlook-grid span,.home-outlook-grid b{color:#fff}
.image-hero:before{background-position:center 52%}
.product-hero:before{background-position:center 54%}
.export-hero:before{background-position:center 42%}
.fair-hero:before{background-position:center 44%}
.contact-hero:before{background-position:center 50%}
.export-example{grid-template-columns:minmax(240px,.7fr) 1.3fr;column-gap:55px;row-gap:14px;align-items:center}
.export-photo{grid-column:1;grid-row:1 / span 2;width:100%;margin:0}
.export-photo img{display:block;width:100%;height:320px;object-fit:cover;border-radius:18px}
.export-photo figcaption{margin-top:10px;color:var(--muted);font-size:.72rem;line-height:1.5}
.export-example>.kicker{grid-column:2;grid-row:1;align-self:end}
.export-example>div{grid-column:2;grid-row:2;align-self:start}
.gallery-grid figure:first-child img{object-position:center 48%}
@media(max-width:1100px){.home-work-list a{grid-template-columns:95px 1fr 1fr 36px;gap:16px}.home-work-list a>img{width:95px;height:80px}.home-work-list a>span{grid-column:2;grid-row:1;align-self:start}.home-work-list a>strong{grid-column:2;grid-row:1;align-self:end;padding-top:26px}.home-work-list a>small{grid-column:3;grid-row:1}.home-work-list a>b{grid-column:4;grid-row:1}}
@media(max-width:700px){.home-work-list a{grid-template-columns:90px 1fr 24px;grid-template-rows:auto auto auto;gap:6px 14px;min-height:138px}.home-work-list a>img{grid-column:1;grid-row:1 / span 3;width:90px;height:110px}.home-work-list a>span{grid-column:2;grid-row:1;padding:0}.home-work-list a>strong{grid-column:2;grid-row:2;padding:0;font-size:1.25rem}.home-work-list a>small{grid-column:2;grid-row:3}.home-work-list a>b{grid-column:3;grid-row:2}.home-outlook-grid{gap:12px}.home-outlook-grid a,.home-outlook-grid a+a{min-height:320px;padding:30px}.export-example{grid-template-columns:1fr;gap:20px}.export-photo{grid-column:1;grid-row:1}.export-photo img{height:250px}.export-example>.kicker{grid-column:1;grid-row:2}.export-example>div{grid-column:1;grid-row:3}}

/* Reflective hover: a restrained light sweep over product and project imagery. */
.system-card,.home-product-image,.case-thumb,.home-approach-media{isolation:isolate}
.home-product-image{position:relative}
.system-card::before,.home-product-image::after,.case-thumb::after,.home-approach-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 27%,rgba(255,255,255,.04) 38%,rgba(255,255,255,.34) 49%,rgba(255,255,255,.05) 60%,transparent 73%);transform:translateX(-120%) skewX(-12deg);pointer-events:none}
.system-card-content,.case-thumb span,.home-approach-media span{z-index:2}
.home-product-image img,.case-thumb img,.home-approach-media img{transition:transform .65s ease,filter .65s ease}
.home-work-list a>img{transition:transform .5s ease,filter .5s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.system-card::before,.home-product-image::after,.case-thumb::after,.home-approach-media::after{transition:transform .85s ease}.system-card:hover::before,.home-product:hover .home-product-image::after,.case-thumb:hover::after,.home-approach-media:hover::after{transform:translateX(120%) skewX(-12deg)}.home-product:hover img,.case-thumb:hover img,.home-approach-media:hover img{transform:scale(1.045);filter:saturate(1.07)}.gallery-grid figure img{transition:transform .6s ease,filter .6s ease}.gallery-grid figure:hover img{transform:scale(1.035);filter:brightness(1.08)}.home-work-list a:hover>img{transform:scale(1.06);filter:brightness(1.08)}}

/* A real catalogue image paired with a clearly labelled conceptual "before". */
.before-after{background:#f4ede3}
.before-after-layout{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:clamp(36px,6vw,96px);align-items:center}
.before-after-copy h2{margin:24px 0;line-height:1.06}
.before-after-copy h2 em{color:#ef804b}
.before-after-copy>p{max-width:490px;color:#625950;font-size:1.06rem;line-height:1.7}
.before-after-copy .before-after-note{margin-top:28px;padding-top:17px;border-top:1px solid #d9c9b7;font-size:.78rem;line-height:1.6;color:#766c63}
.before-after-widget{min-width:0}
.before-after-stage{position:relative;isolation:isolate;aspect-ratio:1443/1064;border-radius:20px;overflow:hidden;background:#d1c4b6;cursor:ew-resize;touch-action:none;box-shadow:0 20px 48px rgba(54,30,18,.12)}
.before-after-stage img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.before-after-stage .after-image{clip-path:inset(0 0 0 var(--split))}
.before-label,.after-label{position:absolute;top:20px;z-index:2;padding:9px 13px;border-radius:999px;background:rgba(41,25,17,.76);backdrop-filter:blur(6px);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.08em;pointer-events:none}
.before-label{left:20px}.after-label{right:20px}
.compare-divider{position:absolute;z-index:3;left:var(--split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 10px rgba(0,0,0,.18);pointer-events:none}
.compare-divider>span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;background:#ec824e;color:#fff;font-size:1.35rem;font-weight:700;box-shadow:0 5px 16px rgba(0,0,0,.23)}
.before-after-control{display:flex;align-items:center;gap:15px;margin-top:20px;color:#593a2a;font-size:.67rem;letter-spacing:.12em;font-weight:800}
.before-after-control input{flex:1;min-width:0;height:28px;cursor:ew-resize;accent-color:#ed814d}
.before-after-widget:focus-within .before-after-stage{outline:3px solid #ed814d;outline-offset:4px}
@media(max-width:850px){.before-after-layout{grid-template-columns:1fr;gap:28px}.before-after-copy>p{max-width:700px}.before-after-copy h2{font-size:clamp(2.8rem,7vw,4.5rem)}}
@media(max-width:600px){.before-after-stage{aspect-ratio:4/5}.before-after-stage img{object-position:center}.before-label,.after-label{top:14px;padding:7px 9px;font-size:.52rem}.before-label{left:12px}.after-label{right:12px}.compare-divider>span{width:46px;height:46px}.before-after-control{gap:9px;font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.home-product-image img,.case-thumb img,.home-approach-media img,.gallery-grid figure img{transition:none}}