/* İDEA light identity: quiet surfaces, precise lines, and full color photography. */
:root{
  --ink:#25343a;
  --dark:#25343a;
  --night:#25343a;
  --coal:#25343a;
  --paper:#fbfcfa;
  --ivory:#fbfcfa;
  --mist:#f1f5f1;
  --cream:#f6f7f3;
  --gold:#c7aa76;
  --champagne:#c7aa76;
  --bronze:#806641;
  --muted:#596760;
  --line:#dce4dc;
}
body{background:#fff;color:var(--ink)}
::selection{background:#dce9dd;color:var(--ink)}

/* Navigation */
.site-header,.home .site-header{background:rgba(255,255,255,.97);color:var(--ink);border-bottom:1px solid #e2e8e1;backdrop-filter:blur(18px);box-shadow:none}
.home .site-header:after{background:#e2e8e1}
.site-utility,.home .site-utility{background:#f5f7f4;color:#53635b;border-color:#e7ece6}
.brand,.brand small,.primary-nav a{color:var(--ink)}
.brand small{color:#68766e}
.brand img{border-color:#e1e7df}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:#806641;border-bottom-color:#bfa16b}
.header-cta{background:var(--ink);border:1px solid var(--ink);color:#fff}
.header-cta:hover{background:#415752;border-color:#415752;color:#fff}
.menu-toggle span{background:var(--ink)}
.site-utility .utility-whatsapp,.header-whatsapp{align-items:center;justify-content:center;flex:none;background:#24734e;color:#fff;border-radius:50%;transition:background .2s ease,transform .2s ease}
.site-utility .utility-whatsapp{display:inline-flex;width:26px;height:26px;margin-left:-14px}
.site-utility .utility-whatsapp svg,.header-whatsapp svg{display:block;width:18px;height:18px}
.site-utility .utility-whatsapp:hover,.header-whatsapp:hover{background:#17583a;transform:translateY(-1px)}
.site-utility .utility-whatsapp:focus-visible,.header-whatsapp:focus-visible{outline:2px solid #24734e;outline-offset:3px}
.header-whatsapp{display:none}
.button-white{border-color:#c9d4ca;background:#fff;color:var(--ink)}
.button-white:hover{background:#edf3ed;border-color:#a9baaa;color:var(--ink)}
.button-ghost,.button-secondary,.button-outline{border-color:#96a89b;color:var(--ink);background:transparent}
.button-ghost:hover,.button-secondary:hover,.button-outline:hover{background:#eaf0e9;color:var(--ink)}
.button-gold,.cta-band .button-gold{background:var(--ink);border-color:var(--ink);color:#fff}
.button-gold:hover,.cta-band .button-gold:hover{background:#415752;border-color:#415752;color:#fff}
.kicker.light,.page-hero .kicker{color:var(--bronze)}
.breadcrumb{color:#725a36}

/* Opening: a clean editorial page next to the project photograph. */
.arch-hero{background:#f8faf7;color:var(--ink)}
.arch-hero:before{background:linear-gradient(90deg,#f8faf7 0%,rgba(248,250,247,.98) 28%,rgba(248,250,247,.83) 47%,rgba(248,250,247,.09) 79%)}
.arch-hero-visual img{filter:saturate(.98) contrast(1.02) brightness(1.03)}
.arch-hero-visual>span{background:rgba(255,255,255,.87);color:var(--ink);padding:8px 10px}
.arch-eyebrow,.arch-eyebrow:before{color:var(--bronze)}
.arch-eyebrow:before{background:var(--bronze)}
.arch-hero h1{color:var(--ink)}
.arch-hero h1 em{color:#98794d}
.arch-hero-copy>p{color:#495a53}
.arch-action{border-color:#c5d1c5}
.arch-action-light{background:var(--ink);border-color:var(--ink);color:#fff}
.arch-action-light b{background:#fff;color:var(--ink)}
.arch-action-light:hover{background:#405951;border-color:#405951;color:#fff}
.arch-action-outline{background:rgba(255,255,255,.73);color:var(--ink)}
.arch-action-outline b{border-color:#aebfb0}
.arch-action-outline:hover{background:#e8f0e9;color:var(--ink)}
.arch-hero-footer,.arch-hero-footer a{color:#54665b}
.arch-hero-outline{-webkit-text-stroke:1px rgba(37,52,58,.16)}
.arch-paths{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.arch-paths a{border-color:var(--line)}
.arch-paths a:hover{background:#f5f8f4}
.arch-paths a span{color:var(--bronze)}
.arch-manifesto,.arch-projects,.before-after{background:#fff}
.arch-manifesto-visual img,.arch-project-image img{filter:saturate(.97)}
.arch-manifesto-visual span{background:rgba(255,255,255,.95);color:var(--ink)}
.arch-systems{background:#f4f7f3}
.arch-system-stage{background:#fff;border:1px solid #dce5db;min-height:672px}
.arch-system-tabs{border-color:#dce5db}
.arch-system-tabs button{color:var(--ink);border-color:#dce5db;min-height:96px}
.arch-system-tabs button:hover,.arch-system-tabs button[aria-selected=true]{background:#eef4ee}
.arch-system-tabs button[aria-selected=true]{box-shadow:inset 3px 0 #a88653}
.arch-system-panels img{filter:saturate(.97)}
.arch-system-panels{min-height:672px}
.arch-system-panels article:after{background:linear-gradient(0deg,rgba(13,28,26,.77),rgba(13,28,26,.02) 66%)}
.arch-interlude{background:#f2f6f1;color:var(--ink)}
.arch-interlude-image img{filter:saturate(.9) brightness(1.08)}
.arch-interlude:after{background:linear-gradient(90deg,rgba(249,251,247,.92),rgba(249,251,247,.64) 53%,rgba(249,251,247,.05))}
.arch-interlude-inner>span,.arch-interlude em{color:#8e7048}
.arch-world{background:#f3f7f3;color:var(--ink)}
.arch-world-photo img{filter:saturate(.98) brightness(1.03)}
.arch-world-photo>span{background:rgba(255,255,255,.9);color:var(--ink)}
.arch-world .arch-label,.arch-world h2 em{color:#8e7048}
.arch-world h2{color:var(--ink)}
.arch-world p,.arch-world-proof,.arch-world-proof small{color:#53635b}
.arch-world-links,.arch-world-links a,.arch-world-proof{border-color:#cbd8cc}
.arch-world-links a:hover{color:#806641}
.arch-world-proof img{filter:saturate(.9)}

/* The first scroll answers who the visitor is, then what the space needs. */
.audience-section{background:#fff;padding-block:clamp(90px,9vw,145px)}
.audience-heading,.needs-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:end;margin-bottom:56px}
.audience-heading h2,.needs-heading h2{font:500 clamp(4.7rem,7.4vw,8rem)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;margin:24px 0 0}
.audience-heading h2 em,.needs-heading h2 em{color:#98794d}
.audience-heading>p,.needs-heading>p{max-width:410px;color:#53645a;line-height:1.75;font-size:1.04rem;margin:0 0 6px}
.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.audience-card{min-width:0;background:#fff;border:1px solid #dce5dc;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}
.audience-card:hover{transform:translateY(-5px);border-color:#b7c8b8;box-shadow:0 24px 55px rgba(33,61,42,.09)}
.has-motion .audience-card{opacity:0;transform:translateY(76px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.has-motion .audience-card:nth-child(even){transform:translateY(-76px)}
.has-motion .audience-card.is-visible{opacity:1;transform:translateY(0)}
.has-motion .audience-card.is-visible:hover{transform:translateY(-5px)}
.has-motion .audience-card:nth-child(2){transition-delay:.07s}
.has-motion .audience-card:nth-child(3){transition-delay:.14s}
.has-motion .audience-card:nth-child(4){transition-delay:.21s}
.has-motion .audience-card.is-visible:hover{transition-delay:0s}
.audience-image{height:clamp(230px,25vw,350px);overflow:hidden;background:#edf1eb;position:relative}
.audience-image:before{content:"MİMARİ KONSEPT";position:absolute;z-index:2;left:13px;bottom:13px;padding:7px 9px;background:rgba(255,255,255,.88);color:#21352b;font-size:.54rem;font-weight:800;letter-spacing:.12em}
.audience-image:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 33%,rgba(255,255,255,.2) 49%,transparent 66%);transform:translateX(-125%) skewX(-9deg);pointer-events:none}
.audience-card:hover .audience-image:after{transform:translateX(125%) skewX(-9deg);transition:transform .85s}
.audience-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .7s}
.audience-card:hover img{transform:scale(1.035)}
.audience-card-copy{padding:28px 24px 31px;display:flex;flex-direction:column;flex:1}
.audience-card-copy>span,.need-category{font-size:.62rem;font-weight:800;letter-spacing:.17em;color:#856942}
.audience-card h3{font:500 clamp(1.9rem,2.5vw,2.8rem)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:14px 0}
.audience-card p{font-size:.89rem;color:#5b6a60;line-height:1.62;margin:0 0 26px}
.audience-card b{margin-top:auto;border-top:1px solid #dce5dc;padding-top:16px;font-size:.67rem;text-transform:uppercase;letter-spacing:.11em}
.needs-section{background:#f3f7f2;padding-block:clamp(90px,9vw,145px)}
.needs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.need-card{background:#fff;border:1px solid #dce5dc;padding:clamp(27px,3vw,47px);display:flex;flex-direction:column;min-height:390px}
.need-card h3{font:500 clamp(2.5rem,3.3vw,4.2rem)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:17px 0 15px}
.need-card>p{max-width:480px;color:#5b6a60;line-height:1.65;margin:0 0 38px;font-size:.93rem}
.need-products{margin-top:auto;border-top:1px solid #dce5dc}
.need-products>div{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 0;border-bottom:1px solid #dce5dc}
.need-products>div>a{font-weight:700;font-size:.9rem}
.need-products>div>a:hover,.need-products nav a:hover,.needs-help a:hover{color:#806641}
.need-products nav{display:flex;gap:17px;flex-wrap:wrap}
.need-products nav a{font-size:.69rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#627267;text-decoration:underline;text-underline-offset:4px}
.needs-help{margin:31px 0 0;color:#56675b;font-size:.9rem}
.needs-help a{font-weight:800;text-decoration:underline;text-underline-offset:4px}
.audience-next{background:#f3f7f2}
.audience-next .compare-grid>div{background:#fff}
.audience-products .related-grid{margin-top:38px}
.audience-resources{background:#fff}
.audience-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.audience-resource-grid>div{border-top:1px solid #cbd8cc;padding:25px 20px 0 0}
.audience-resource-grid h3{font:500 2rem/1 'Cormorant Garamond',Georgia,serif;margin:0 0 19px}
.audience-resource-grid a{display:block;width:max-content;max-width:100%;border-bottom:1px solid currentColor;padding-block:5px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:11px 0}
.audience-resource-grid a:hover{color:#806641}

/* Inner page openings and product content */
.page-hero,.plain-hero{background:#f7faf6;color:var(--ink)}
.page-hero h1{color:var(--ink);font-size:clamp(4.5rem,7vw,7rem);max-width:670px}
.page-hero h1 em,.image-hero h1 em,.page-hero em{color:#95774d}
.page-hero p{color:#4d6055;max-width:540px}
.image-hero:before{inset:0 0 0 39%;background-position:center}
.image-hero:after{background:linear-gradient(90deg,#f7faf6 0%,rgba(247,250,246,.98) 30%,rgba(247,250,246,.78) 49%,rgba(247,250,246,.04) 79%)}
.product-hero-photo-note{position:absolute;z-index:2;right:clamp(20px,5vw,72px);bottom:30px;background:rgba(255,255,255,.9);color:var(--ink);padding:9px 12px;font-size:.58rem;font-weight:800;letter-spacing:.14em}
.plain-hero:after{border-color:rgba(89,120,91,.13);color:rgba(45,76,51,.055)}
.product-facts{background:#f2f6f1;color:var(--ink)}
.product-facts dl>div{border-color:#cfdbcf}
.product-facts dl{border-color:#cfdbcf}
.product-facts dt{color:#6a796f}
.product-facts dd{color:var(--ink)}
.system-composition{background:#f3f7f3;color:var(--ink)}
.system-composition-copy>p,.system-composition-copy>div span{color:#4f6157}
.system-composition-copy>div{border-color:#cbd8cc}
.system-composition-copy>div strong{color:#806641}
.case-visual{background:#f3f7f3;color:var(--ink)}
.case-visual p,.case-visual figcaption{color:#52645a}
.compare-section,.faq-section,.system-finder{background:#f6f8f5}
.content-section{background:#fff}
.product-page-nav{background:rgba(255,255,255,.97)}
.finder-card-image img{filter:saturate(.98)}
.export-contact,.contact-hours{font-size:.88rem;line-height:1.7;color:#5b6b61}
.export-contact{margin-top:22px}
.export-contact a{text-decoration:underline;text-underline-offset:4px}

/* Closing request and footer remain light on every route. */
.cta-band{background:#edf3ec;color:var(--ink);border-top:1px solid #d7e2d6}
.cta-inner p{color:#54665b}
.cta-band .kicker.light{color:var(--bronze)}
.cta-band .button-ghost{border-color:#9bad9d;color:var(--ink)}
.site-footer{background:#fff;color:var(--ink);border-top:1px solid #e0e7df}
.footer-main p,.footer-main a:not(.footer-logo),.footer-bottom{color:#586960}
.footer-main strong{color:#806641}
.footer-bottom{border-color:#e0e7df}
.site-footer a:hover{color:#806641}
.site-footer .footer-main a.footer-whatsapp{color:#806641;font-weight:700}
.footer-bottom .footer-address{color:#586960;text-decoration:underline;text-decoration-color:#c6d2c7;text-underline-offset:4px}
.footer-bottom .footer-address:hover{color:#806641}
@media(max-width:650px){.footer-bottom .footer-address{display:block;margin-top:10px}}
.mobile-action-bar{background:#fff;border-top:1px solid #dce5db;box-shadow:0 -7px 25px rgba(28,53,37,.08)}
.mobile-action-bar a{background:var(--ink);color:#fff}
.mobile-action-bar a+a{background:#fff;border-color:#9dad9c;color:var(--ink)}

@media(max-width:850px){
  .header-inner{min-height:76px}
  .header-whatsapp{display:inline-flex;width:38px;height:38px;margin-left:auto;margin-right:-8px}
  .menu-toggle{margin-left:0}
  .primary-nav{background:#fff;border-top:1px solid #e1e8e0;box-shadow:0 20px 30px rgba(23,45,29,.08)}
  .primary-nav a{color:var(--ink);border-color:#e1e8e0}
  .home .site-header:after{left:32px;right:32px}
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audience-image{height:290px}
  .audience-resource-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .arch-hero{min-height:760px}
  .arch-hero-visual{inset:0}
  .arch-hero-visual img{object-position:60% center}
  .arch-hero:before{background:linear-gradient(90deg,rgba(248,250,247,.96),rgba(248,250,247,.89) 55%,rgba(248,250,247,.56))}
  .arch-hero-shell{min-height:760px}
  .arch-hero-visual>span{right:20px;bottom:14px}
  .arch-system-stage{border:0}
  .arch-paths a,.arch-paths a+a,.arch-system-tabs button{border-color:#dce5db}
  .arch-interlude:after{background:rgba(249,251,247,.82)}
  .audience-heading,.needs-heading{grid-template-columns:1fr;gap:22px}
  .audience-heading>p,.needs-heading>p{max-width:640px}
}
@media(max-width:650px){
  .page-hero,.plain-hero{min-height:540px}
  .page-hero h1{font-size:clamp(3.2rem,11vw,5.2rem)}
  .image-hero:before{inset:0;background-position:62% center}
  .image-hero:after{background:linear-gradient(90deg,rgba(248,250,247,.96),rgba(248,250,247,.83) 70%,rgba(248,250,247,.54))}
  .product-hero-photo-note{right:19px;bottom:14px}
  .arch-hero-footer{color:#4f6055}
  .arch-world-photo>span{left:19px;bottom:19px}
  .audience-section,.needs-section{padding-block:76px}
  .audience-heading,.needs-heading{margin-bottom:35px}
  .audience-heading h2,.needs-heading h2{font-size:clamp(4.1rem,12vw,5.6rem)}
  .audience-grid,.needs-grid,.audience-resource-grid{grid-template-columns:1fr}
  .audience-section{overflow:clip}
  .has-motion .audience-card:nth-child(odd){transform:translateX(-48px)}
  .has-motion .audience-card:nth-child(even){transform:translateX(48px)}
  .has-motion .audience-card.is-visible{transform:translateX(0)}
  .has-motion .audience-card.is-visible:hover{transform:translateY(-5px)}
  .audience-image{height:270px}
  .audience-card-copy{padding:24px 23px 27px}
  .need-card{min-height:0;padding:28px 23px}
  .need-card>p{margin-bottom:30px}
  .need-products>div{align-items:flex-start;flex-direction:column;gap:9px}
  .need-products nav{gap:21px}
}
@media(prefers-reduced-motion:reduce){.has-motion .audience-card,.has-motion .audience-card:nth-child(even),.has-motion .audience-card:nth-child(odd){opacity:1;transform:none;transition:none}}
@media(max-width:700px){
  .product-facts dl>div+div{border-color:#cfdbcf}
}

/* Keep the original İDEA mark at a readable size across the site. */
.brand{gap:0;flex:none}
.brand img{display:block;width:76px;height:76px;object-fit:contain;border:0;border-radius:0}
.footer-logo{display:inline-block;line-height:0}
.footer-logo img{display:block;width:94px;height:94px;object-fit:contain;border:0;border-radius:0}
@media(max-width:850px){
  .brand img{width:66px;height:66px}
}

/* Oversized brand signature beneath the footer links. */
.footer-signature{display:flex;justify-content:center;align-items:flex-start;height:clamp(190px,24vw,390px);overflow:hidden;background:#101c20;border-top:1px solid #27373a}
.footer-signature-word{display:block;width:100%;margin-top:clamp(25px,3vw,52px);color:transparent;background:linear-gradient(180deg,#dce2e0 0%,#a5b0af 27%,#536568 45%,#101c20 64%);-webkit-background-clip:text;background-clip:text;font:800 clamp(180px,43vw,680px)/.82 'DM Sans',sans-serif;letter-spacing:-.11em;text-align:center;white-space:nowrap;user-select:none}
@media(max-width:600px){.footer-signature{height:180px}.footer-signature-word{margin-top:28px;font-size:clamp(170px,44vw,260px)}}