:root{--blue:#78aec8;--navy:#183b53;--cream:#f4eee7;--white:#fafaf8;--ink:#22272b;--line:#d3d4d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button,a{touch-action:manipulation}img{max-width:100%;display:block}button{cursor:pointer}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:1.08}em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(36px,4.25vw,68px)}.header{height:100px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;color:white;transition:background .3s,height .3s,box-shadow .3s}.header.scrolled,.header.inner{height:82px;background:rgba(250,250,248,.96);backdrop-filter:blur(14px);color:var(--ink);box-shadow:0 1px #22272b15}.brand{background:transparent;display:block;flex-shrink:0;padding:3px 9px}.brand img{width:63px;height:61px;object-fit:contain}.header nav{display:flex;gap:30px;font-size:13px}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}.header-cta{border:1px solid #ffffff70;padding:15px 20px;font-size:13px}.header-cta span{margin-left:20px}.scrolled .header-cta,.inner .header-cta{border-color:#bcc6cc}.menu-toggle{display:none}.hero{height: min(980px,100svh);min-height:720px;position:relative;color:white;overflow:hidden;background:var(--navy)}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 58%;animation:heroZoom 2.5s cubic-bezier(.2,.6,.3,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,31,.78),rgba(9,24,31,.34) 52%,rgba(9,24,31,.06)),linear-gradient(0deg,#101e2680,transparent 45%,#101e2640)}.hero-grid{position:absolute;inset:0 5%;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;pointer-events:none}.hero-content{position:absolute;top:23%;left:8%;max-width:760px}.eyebrow,.section-label{font-size:11px;letter-spacing:.17em;font-weight:500}.hero h1{font-size:clamp(62px,6.9vw,112px);margin:26px 0}.hero h1 span{display:block;animation:rise 1.1s both;clip-path:inset(-10% -10% -10% -10%)}.hero h1 span:nth-child(2){animation-delay:.12s}.hero h1 span:nth-child(3){animation-delay:.24s}.hero h1 em{color:#c6e3ed}.hero-description{max-width:410px;font-size:14px;line-height:1.9;color:#e4e7e8;animation:rise 1.2s .3s both}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:32px;animation:rise 1.2s .4s both}.button{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:20px 25px;border:1px solid transparent;font-size:13px;transition:background .25s,color .25s}.button span{font-size:20px}.button.light{background:var(--white);color:var(--ink)}.button:hover{background:var(--blue);color:var(--navy)}.text-link{font-size:13px;border-bottom:1px solid #ffffff80;padding:12px 0}.text-link span{margin-left:20px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:24px;font-size:9px;letter-spacing:.13em}.hero-bottom a{display:flex;gap:20px;align-items:center}.section{padding:100px 8%}.section-label{display:flex;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:58px;color:var(--navy)}.section-label>span{font-size:9px;letter-spacing:.13em}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.body-copy{font-size:15px;line-height:1.9;color:#5b6265;max-width:470px;margin-top:25px}.underlined-link{display:inline-flex;align-items:center;gap:50px;font-size:13px;border-bottom:1px solid #919d9f;padding:15px 0;margin-top:25px}.underlined-link span{font-size:22px}.about-image{margin-top:48px}.about-image img{height:440px;width:100%;object-fit:cover;object-position:78% center}.about-image figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;margin-top:16px}.services-line{display:flex;justify-content:space-between;margin-top:80px;border-top:1px solid var(--line);padding-top:26px;font-size:13px}.services-line span:before{content:"+";color:var(--blue);margin-right:18px}.transformation{background:var(--navy);color:white;height:auto;position:relative}.transformation .section-label,.values .section-label{color:#b9d5e1;border-color:#ffffff30;margin-bottom:30px}.transformation-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.transformation-heading h2{font-size:clamp(35px,3.8vw,58px)}.transformation-heading p{font-size:13px;line-height:1.9;max-width:270px;color:#b9cbd5}.process{background:var(--cream);padding-top:65px;padding-bottom:70px}.process-heading{display:flex;justify-content:space-between;gap:50px}.process h3{font-size:32px;font-weight:400;letter-spacing:-.04em}.process-heading p{max-width:440px;font-size:14px;line-height:1.8;color:#5b6265}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:45px 0 25px}.step{border-top:1px solid #a6b3ba;padding-top:20px}.step>span{font-size:12px;color:#35627a}.step h4{font-weight:500;font-size:17px;margin:25px 0 10px}.step p{font-size:12px;color:#5b6265;line-height:1.7;max-width:160px}.fine-print{font-size:11px;color:#62676a}.projects-heading{display:flex;justify-content:space-between;align-items:end}.projects-heading p{font-size:14px;line-height:1.8;color:#677176}.filters{display:flex;gap:25px;align-items:center;font-size:11px;margin:40px 0 25px;color:#677176}.filters .selected{color:var(--navy);border-bottom:1px solid var(--navy);padding:10px 0}.project-card{display:block}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;height:580px;object-fit:cover;object-position:50% 55%;transition:transform 1s,filter .6s}.project-card:hover img{transform:scale(1.035);filter:brightness(.92)}.project-arrow{position:absolute;right:25px;bottom:25px;background:var(--white);color:var(--navy);width:65px;height:65px;display:grid;place-items:center;font-size:30px;transition:transform .4s}.project-card:hover .project-arrow{transform:translate(3px,-3px)}.project-tag{position:absolute;left:25px;top:25px;padding:10px 14px;background:#fafaf8e6;color:var(--navy);font-size:10px;letter-spacing:.12em}.project-caption{display:flex;justify-content:space-between;padding:24px 0;align-items:center;border-bottom:1px solid var(--line)}.project-caption h3{font-size:27px;font-weight:400;letter-spacing:-.03em}.project-caption p{font-size:12px;color:#687379;margin-top:10px}.project-caption>span{font-size:12px}.values{background:#202b32;color:white}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.values em{color:#a8cddd}.value{border-bottom:1px solid #ffffff30;padding:20px 0}.value:first-child{padding-top:0}.value summary{list-style:none;display:flex;align-items:center;font-size:20px;cursor:pointer;gap:25px}.value summary::-webkit-details-marker{display:none}.value summary>span{font-size:10px;color:var(--blue)}.value summary b{margin-left:auto;font-size:22px;font-weight:300}.value[open] summary b{transform:rotate(45deg)}.value p{font-size:13px;line-height:1.9;color:#bcc8ce;margin:20px 30px 3px 39px}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2{font-size:clamp(36px,4vw,61px)}fieldset{border:0;padding:0;margin:0;min-width:0}form label{display:block;font-size:12px;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #a9aaa5;border-radius:0;background:transparent;padding:12px 0;color:var(--ink);outline-offset:4px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #78aec8}fieldset:disabled{opacity:.65}.consent{display:flex;gap:10px;align-items:center;font-size:11px}.consent a{text-decoration:underline}.dark{background:var(--navy);color:white;width:100%}.honeypot{position:absolute;left:-10000px}.footer{background:#162932;color:#e6eef0;padding:50px 5% 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em}.footer-wordmark{font-size:clamp(40px,11.5vw,180px);font-weight:500;letter-spacing:-.065em;line-height:1.5;border-bottom:1px solid #ffffff25;white-space:nowrap}.footer-wordmark>span{font-size:20px;vertical-align:top;display:inline-block;margin-top:3vw;margin-left:15px}.footer-bottom{padding-top:25px;font-size:10px;letter-spacing:0;color:#c3cfd4}.footer-bottom>div{display:flex;gap:24px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;color:black;padding:12px}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.js-motion .reveal.visible{opacity:1;transform:none}.detail{padding-top:150px}.detail h1{font-size:clamp(40px,6vw,90px);margin:30px 0}.detail .body-copy{max-width:700px}.detail-cover{margin-top:45px}.detail-cover img{width:100%;height:auto}.gallery-open{display:block;border:0;padding:0;background:none;cursor:zoom-in;width:100%}.gallery-note{font-size:12px;margin:16px 0;color:#657077}.lightbox{border:0;padding:20px;background:#12252e;color:white;max-width:95vw;max-height:95vh}.lightbox::backdrop{background:#07151bed}.lightbox img{max-height:80vh;width:auto;object-fit:contain}.lightbox button{display:block;margin:0 0 15px auto;background:none;border:1px solid #ffffff70;color:white;padding:10px 15px}.privacy-copy{max-width:850px;min-height:60vh}.privacy-copy p{line-height:1.9;margin:20px 0;color:#5b6265}@keyframes heroZoom{from{transform:scale(1.07);clip-path:inset(0 0 8%)}to{transform:scale(1);clip-path:inset(0)}}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1400px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}}@media(max-width:1100px){.header nav{gap:18px;font-size:12px}.header{padding-left:4%;padding-right:4%}.header-cta{font-size:11px;padding:14px}.hero-content{left:6%}.section{padding:80px 6%}.about-grid,.values-grid,.contact-grid{gap:6%}.hero{min-height:740px}.about-image img{height:400px}.project-image img{height:500px}.value summary{font-size:17px}.footer-bottom>span:last-child{display:none}}
@media(max-width:760px){html{scroll-padding-top:85px}.header,.header.scrolled,.header.inner{height:78px;padding:9px 5%}.brand img{width:48px;height:47px}.brand{padding:3px 6px}.header-cta{margin-left:auto;margin-right:20px;font-size:10px;padding:12px}.header-cta span{margin-left:8px}.menu-toggle{display:flex;gap:10px;align-items:center;order:3;background:none;color:inherit;border:0;font-size:12px;padding:12px 0}.menu-toggle span{font-size:18px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--white);color:var(--ink);padding:25px 7% 35px;border-bottom:1px solid var(--line)}.header.menu-open{background:var(--white);color:var(--ink)}.header.menu-open nav{display:flex;flex-direction:column;gap:12px;animation:rise .3s both}.header nav a{font-size:20px}.hero{min-height:720px;height:94svh;max-height:950px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#10232bd9,#10232b38),linear-gradient(0deg,#10232bb3,transparent)}.hero-content{top:24%;left:7%;right:6%}.eyebrow{font-size:9px}.hero h1{font-size:clamp(51px,11.5vw,80px);margin:26px 0}.hero-description{font-size:13px;max-width:320px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:27px}.button{padding:17px 20px;font-size:12px;gap:20px}.text-link{font-size:12px}.hero-bottom{bottom:22px;font-size:8px}.hero-bottom>span:nth-child(2){display:none}.section{padding:65px 7%}.section-label{font-size:9px;margin-bottom:35px;letter-spacing:.13em;padding-bottom:20px}.section-label>span{display:none}.about-grid,.values-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-image{margin-top:0}.about-image img{height:370px}.body-copy{font-size:14px}.services-line{margin-top:40px;flex-direction:column;gap:20px}.transformation{height:auto}.transformation-heading{display:block}.transformation-heading h2{font-size:36px}.transformation-heading p{margin-top:25px;max-width:330px}.process-heading{display:block}.process-heading p{margin-top:20px}.steps{grid-template-columns:1fr;gap:0;margin-top:25px}.step{display:grid;grid-template-columns:40px 1fr;padding:20px 0;gap:8px}.step h4{margin:0}.step p{grid-column:2;max-width:none}.step>span{padding-top:4px}.underlined-link{gap:25px;font-size:12px}.projects-heading{display:block}.projects-heading p{margin-top:25px}.filters{align-items:start;gap:25px;font-size:10px}.filters>span:last-child{max-width:180px;padding-top:10px;line-height:1.7}.project-image img{height:390px;object-position:60% center}.project-arrow{width:48px;height:48px;right:15px;bottom:15px}.project-tag{left:15px;top:15px;font-size:8px}.project-caption{align-items:start;gap:15px}.project-caption h3{font-size:24px}.project-caption p{font-size:10px;line-height:1.7}.project-caption>span{font-size:10px;white-space:nowrap;padding-top:8px}.value summary{font-size:19px}.form-row{gap:20px}.footer{padding:35px 7% 25px}.footer-top{font-size:8px}.footer-wordmark{font-size:11.1vw;line-height:2}.footer-wordmark>span{font-size:10px;margin-left:5px}.footer-bottom{align-items:start;gap:20px;font-size:9px}.footer-bottom>div{gap:10px;flex-wrap:wrap;justify-content:end}.detail{padding-top:120px}.detail h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.transformation{height:auto}}
.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.gallery-track .gallery-open{flex:0 0 100%;scroll-snap-align:start}.gallery-controls{display:flex;align-items:center;justify-content:space-between}.gallery-controls button{border:1px solid #a9aaa5;background:transparent;padding:10px 20px;margin-left:8px}.project-pagination{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:25px;gap:25px}


/* The complete photo is the no-JS/reduced-motion fallback. */
.transformation-content { padding: 64px 8%; }
.renewal-figure { margin: 0; min-height: 0; }
.renewal-stage { position: relative; overflow: hidden; background: #102d41; aspect-ratio: 1672 / 941; }
.renewal-stage > img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; }
.renewal-blueprint { position: absolute; inset: 0; color: #97c9de; background: linear-gradient(#78aec818 1px,transparent 1px),linear-gradient(90deg,#78aec818 1px,transparent 1px); background-size: 32px 32px; }
.renewal-blueprint svg { width: 100%; height: 100%; }
.renewal-blueprint > span { position: absolute; top: 18px; right: 20px; font-size: 9px; letter-spacing: .13em; }
.renewal-scan { display: none; position: absolute; top: 0; bottom: 0; left: var(--reveal); width: 1px; background: #d2f4ff; box-shadow: 0 0 20px 3px #a5e5ff66; opacity: var(--scan-opacity,0); pointer-events: none; }
.renewal-figure figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0 14px; }
.renewal-caption { display: flex; align-items: center; gap: 20px; }
.renewal-caption strong { font-weight: 400; font-size: clamp(17px,2vw,26px); }
.renewal-figure figcaption span { color: #b9d5e1; font-size: 9px; letter-spacing: .1em; line-height: 1.6; }
.renewal-progress { height: 2px; background: #ffffff25; }
.renewal-progress i { display: block; height: 100%; background: #a6d3e5; transform: scaleX(var(--progress,1)); transform-origin: left; }
.renewal-hint { display: none; margin-top: 12px; font-size: 9px; letter-spacing: .13em; color: #b9d5e1; }
.renewal-animated { height: 235svh; }
.renewal-animated .transformation-content { position: sticky; top: 82px; height: calc(100svh - 82px); padding-block: 26px 20px; display: flex; flex-direction: column; }
.renewal-animated .section-label { margin-bottom: 20px; padding-bottom: 18px; }
.renewal-animated .transformation-heading { margin-bottom: 22px; }
.renewal-animated .transformation-heading h2 { font-size: clamp(32px,3.6vw,54px); }
.renewal-animated .renewal-figure { flex: 1; display: flex; flex-direction: column; }
.renewal-animated .renewal-stage { flex: 1; min-height: 0; aspect-ratio: auto; }
.renewal-animated .renewal-stage > img { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--reveal,0%)) 0 0); }
.renewal-animated .renewal-scan,.renewal-animated .renewal-hint { display: block; }
.renewal-animated .renewal-blueprint svg { transform: scale(var(--drawing-scale,1)); opacity: var(--drawing-opacity,1); }
@media (max-width: 1100px) { .transformation-content { padding-inline: 6%; } }
@media (max-width: 760px) {
    .transformation-content { padding: 45px 7%; }
    .renewal-animated { height: 190svh; }
    .renewal-animated .transformation-content { top: 78px; height: calc(100svh - 78px); padding-block: 20px 16px; }
    .renewal-animated .section-label { margin-bottom: 16px; padding-bottom: 12px; }
    .renewal-animated .transformation-heading h2 { font-size: 30px; }
    .renewal-animated .transformation-heading p { margin-top: 12px; font-size: 12px; line-height: 1.6; }
    .renewal-figure figcaption { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 14px 12px; }
    .renewal-caption { gap: 12px; }
    .renewal-blueprint > span { font-size: 7px; right: 12px; top: 12px; }
}
.renewal-animated .renewal-blueprint { opacity: calc(1 - var(--progress, 0)); }

/* Combined facade hero: keep the corner and the stone detailing in focus. */
.hero-image { object-position: 55% center; }
.hero-shade { background: linear-gradient(90deg,rgba(9,24,31,.76),rgba(9,24,31,.32) 48%,rgba(9,24,31,.04) 76%),linear-gradient(0deg,#101e2670,transparent 35%,#101e2635); }
@media(max-width:760px) {
    .hero-image { object-position: 54% center; }
    .hero-shade { background: linear-gradient(90deg,#10232bc7,#10232b30),linear-gradient(0deg,#10232b90,transparent); }
}
/* Original logo outlines are vector paths, including the original lettering. */
.brand img { width: 64px; height: 64px; }
.brand { padding: 3px 8px; }
.brand-intro { position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; background: #fafaf8; pointer-events: none; animation: brand-intro-exit .45s cubic-bezier(.4,0,.2,1) 1.05s forwards; }
.brand-intro-mark { width: clamp(120px,14vw,180px); animation: brand-intro-reveal .85s cubic-bezier(.16,1,.3,1) both; }
.brand-intro-mark img { width: 100%; height: auto; }
.brand-intro-line { height: 1px; width: 100px; background: #78aec8; transform-origin: left; animation: brand-intro-line .9s cubic-bezier(.2,.7,.3,1) both; }
@keyframes brand-intro-reveal { from { opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(10px); } to { opacity: 1; clip-path: inset(0); transform: translateY(0); } }
@keyframes brand-intro-line { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes brand-intro-exit { to { opacity: 0; visibility: hidden; } }
@media(max-width:760px) { .brand img { width: 49px; height: 49px; } }
@media(prefers-reduced-motion:reduce) { .brand-intro { display: none; } }
/* Dynamic portfolio keeps featured projects distinct from compact standard cards. */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;margin-top:40px}.portfolio-grid .featured-project{grid-column:1/-1}.portfolio-grid .featured-project:nth-child(2n){margin-left:8%}.portfolio-grid .standard-project .project-image img{height:280px}.portfolio-grid .standard-project .project-caption{display:block}.portfolio-grid .standard-project .project-caption h3{font-size:23px}.portfolio-grid .standard-project .project-caption>span{display:block;margin-top:12px}.portfolio-grid .project-caption p{max-width:650px;line-height:1.7}.portfolio-empty{padding:60px 0;border-bottom:1px solid var(--line);color:#5b6265}.portfolio-empty h2{font-size:34px;margin-bottom:20px}.portfolio-search{display:flex;gap:20px;align-items:end;margin-top:30px;max-width:640px}.portfolio-search label{flex:1;margin:0}.portfolio-search .button{width:auto}.filters{flex-wrap:wrap}.filters a{padding:10px 0}.pagination{display:flex;justify-content:center;gap:14px;margin-top:50px}.pagination a{padding:12px 18px;border:1px solid var(--line)}.pagination a[aria-current=page]{background:var(--navy);color:white}.project-facts{display:flex;gap:25px;flex-wrap:wrap;font-size:13px;color:#526c79}.project-description{white-space:pre-line;line-height:1.9;font-size:16px;max-width:900px;margin:45px 0}.gallery-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.gallery-slide img{max-height:75svh;object-fit:contain;background:#e9edf0}.gallery-slide figcaption{padding:20px 0}.gallery-slide figcaption h3{font-weight:400;font-size:23px}.gallery-slide figcaption p{margin-top:10px;color:#5b6265;line-height:1.7}.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:25px}.lightbox-controls button{margin:15px 0 0}.related-heading{margin-top:80px;font-size:36px}.related-grid .featured-project{grid-column:auto;margin-left:0!important}.related-grid .project-image img{height:280px}.related-grid .project-caption{display:block}.preview-banner{background:#daeaf0;color:#183b53;padding:20px;font-size:13px}.preview-banner a{margin-left:25px;text-decoration:underline}.renewal-project-link{padding:0 8% 50px}.portfolio-grid{animation:portfolio-enter .4s ease both}@keyframes portfolio-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .featured-project:nth-child(2n){margin-left:0}.portfolio-grid .featured-project .project-image img{height:420px}.portfolio-grid .standard-project .project-image img{height:260px}.related-grid .featured-project .project-image img{height:260px}.portfolio-search{align-items:stretch;flex-direction:column}.portfolio-search .button{align-self:start}.project-facts{gap:12px}.renewal-project-link{padding-inline:7%}}

/* Keep the supplied portrait photographs intact within wide project frames. */
.project-image:has(img[src*="/beytepe-projesi/"]){background:var(--cream)}
.project-image img[src*="/beytepe-projesi/"]{object-fit:contain;object-position:center}
.detail-cover>img{max-height:85svh;object-fit:contain;background:var(--cream)}

/* Shared portfolio cards: bounded home/standard cards, larger featured portfolio cards. */
.project-card{min-width:0}
.project-card .project-image{height:240px;border-radius:7px;isolation:isolate;background:var(--cream)}
.project-card .card-image-link{display:block;position:absolute;inset:0;touch-action:pan-y}
.project-card .project-image img.card-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 950ms ease,transform 1.4s ease;pointer-events:none}
.project-card .project-image img.card-slide.is-active{opacity:1}
.project-card:hover img.card-slide{transform:scale(1.035);filter:none}
.project-card .project-tag{left:14px;top:14px;font-size:9px;padding:8px 10px;pointer-events:none}
.project-card .project-caption{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:160px;padding:17px 0 15px;gap:12px}
.project-card .project-caption h3{font-size:23px;line-height:1.2}
.project-card .project-caption .card-description{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px}
.project-card .project-caption .card-location{margin-top:6px;font-size:11px;color:var(--navy)}
.card-detail-link{font-size:11px;display:flex;justify-content:space-between;align-items:center;color:var(--navy)}
.card-detail-link span{font-size:19px;transition:transform .3s}.card-detail-link:hover span{transform:translate(3px,-3px)}
.portfolio-grid>.featured-project .project-image{height:480px}
.home-project-grid>.project-card{grid-column:auto;margin-left:0!important}
.home-project-grid>.project-card .project-image,.related-grid>.project-card .project-image{height:240px}
.card-arrows{position:absolute;inset:0 10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;opacity:0;transition:opacity .25s}
.project-card:hover .card-arrows,.project-card:focus-within .card-arrows{opacity:1}
.card-arrows button{pointer-events:auto;border:1px solid #ffffff60;background:#fafaf8e8;color:var(--navy);border-radius:50%;width:36px;height:36px}
.card-slider-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:15px 12px 8px;background:linear-gradient(transparent,#14293670);pointer-events:none}
.card-dots{display:flex;gap:0}.card-dots button{position:relative;width:24px;height:26px;border:0;padding:0;background:none;pointer-events:auto}
.card-dots button:after{content:"";position:absolute;left:9px;top:10px;width:5px;height:5px;border-radius:50%;background:#ffffff80;transition:background .3s,transform .3s}
.card-dots button[aria-pressed=true]:after{background:white;transform:scale(1.3)}
.card-play{pointer-events:auto;border:0;color:white;background:#183b5340;width:30px;height:30px;border-radius:50%;font-size:12px}
.gallery-heading{margin-top:55px;font-size:clamp(28px,3vw,42px)}
@media(max-width:1100px){.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-project-grid{grid-template-columns:1fr}.portfolio-grid>.featured-project .project-image{height:360px}.home-project-grid>.project-card .project-image,.related-grid>.project-card .project-image{height:240px}.card-arrows{opacity:1}}
@media(hover:none){.card-arrows{opacity:1}}
@media(prefers-reduced-motion:reduce){.project-card:hover img.card-slide{transform:none}.card-play{display:none}}
.portfolio-grid .project-card .project-caption{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:160px;min-height:160px}.portfolio-grid .project-card .project-caption .card-detail-link{margin-top:auto}

/* Supplied horizontal brand artwork, always rendered at its original ratio. */
.brand{padding:10px 12px;border-radius:2px}
.brand img{width:260px;height:auto;aspect-ratio:3837/711;object-fit:contain}
.brand-intro-mark{width:min(680px,82vw);background:transparent;padding:16px}
.footer-logo-row{padding:38px 0;border-bottom:1px solid #ffffff25}
.footer-brand{display:inline-block;width:min(560px,100%);background:transparent;padding:20px 24px;border-radius:2px}
.footer-brand img{width:100%;height:auto;aspect-ratio:3837/711;object-fit:contain}
@media(min-width:761px) and (max-width:1100px){.brand img{width:210px}.header nav{gap:12px;font-size:11px}.header-cta{padding:12px 10px}.header-cta span{margin-left:8px}}
@media(max-width:760px){.brand{padding:9px 10px}.brand img{width:clamp(160px,51vw,240px);height:auto}.header-cta{display:none}.menu-toggle{margin-left:auto}.footer-logo-row{padding:28px 0}.footer-brand{padding:15px}.brand-intro-mark{padding:10px}}

/* Light logo over the hero; original artwork on the light navigation bar. */
.header:not(.scrolled):not(.inner):not(.menu-open) .brand img{filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.header.scrolled .brand img,.header.inner .brand img,.header.menu-open .brand img{filter:none}
/* Warm walnut footer with ivory branding and restrained brass accents. */
.footer{background:linear-gradient(120deg,#352820 0%,#49382d 60%,#3c2e26 100%);color:#f3eadd;border-top:1px solid #ac89614d}
.footer-logo-row{border-bottom-color:#c7a67a40}
.footer-brand{padding-left:0;padding-right:0;background:transparent}
.footer-brand img{filter:brightness(0) invert(1);opacity:.94}
.footer-top{color:#d8bea0}
.footer-bottom{color:#d7c5b3}
.footer a{transition:color .25s ease}
.footer a:hover{color:#fff7ec}

/* Projects collection: scoped so homepage sliders and detail photographs stay independent. */
.portfolio-banner{height:310px;position:relative;overflow:hidden;background:#22272b;color:white;border-bottom:1px solid var(--blue)}
.portfolio-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1);animation:collection-banner-enter 1.4s cubic-bezier(.2,.7,.3,1) both}
.portfolio-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10171bd9,#10171b70)}
.portfolio-banner-content{position:relative;z-index:1;max-width:1600px;margin:auto;padding:168px 4% 0;animation:rise .85s .1s both}
.portfolio-banner-content>p{font-size:9px;letter-spacing:.2em;color:#cbd7dc;margin-bottom:15px}
.portfolio-banner h1{font-size:clamp(30px,3.5vw,48px);font-weight:500;letter-spacing:.035em}
.portfolio-collection{max-width:1600px;margin:auto;padding:40px 4% 90px;min-height:55vh}
.collection-filters{display:flex;justify-content:center;gap:42px;position:relative;border-bottom:1px solid #b5c4cb;padding:0 0 22px;margin-bottom:28px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.collection-filters>a{font-size:12px;color:#68747a;padding:15px 2px;position:relative}
.collection-filters>a[aria-current=true]{color:var(--navy)}
.collection-filters>a[aria-current=true]:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:-22px;left:0;right:0}
.filter-indicator{display:none;position:absolute;bottom:0;left:0;height:2px;background:var(--blue);transition:transform .45s cubic-bezier(.2,.7,.3,1),width .45s;pointer-events:none}
.filter-enhanced .filter-indicator{display:block}.filter-enhanced .collection-filters>a:after{display:none}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.collection-item{min-width:0}.collection-item[hidden],.collection-empty[hidden]{display:none}
.portfolio-tile{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;background:#293a42;isolation:isolate}
.portfolio-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.portfolio-tile:after{content:"";position:absolute;inset:0;background:#101e28a3;transition:background .5s;z-index:1}
.portfolio-tile-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:white}
.portfolio-tile-copy h2{font-size:clamp(18px,1.7vw,27px);font-weight:500;letter-spacing:.035em;text-transform:uppercase;line-height:1.25;transition:transform .5s}
.portfolio-tile-copy p{font-size:11px;letter-spacing:.09em;margin-top:10px;color:#e0e6e9;transition:transform .5s}
.portfolio-tile-cta{position:absolute;bottom:20%;font-size:9px;letter-spacing:.13em;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.portfolio-tile-cta>span{margin-left:12px;font-size:17px}
.portfolio-tile:hover>img,.portfolio-tile:focus-visible>img{transform:scale(1.04)}
.portfolio-tile:hover:after,.portfolio-tile:focus-visible:after{background:#101e287a;box-shadow:inset 0 0 0 1px #78aec890}
.portfolio-tile:hover h2,.portfolio-tile:hover p,.portfolio-tile:focus-visible h2,.portfolio-tile:focus-visible p{transform:translateY(-12px)}
.portfolio-tile:hover .portfolio-tile-cta,.portfolio-tile:focus-visible .portfolio-tile-cta{opacity:1;transform:none}
.collection-empty{text-align:center;padding:65px 20px 80px;color:#657077}
.collection-empty>span{font-size:10px;letter-spacing:.18em;color:var(--navy)}
.collection-empty h2{font-size:clamp(28px,3vw,40px);margin:20px 0}
.collection-empty p{font-size:14px;line-height:1.7}.collection-empty a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--blue);padding-bottom:8px;font-size:12px;color:var(--navy)}
.project-pagination a{font-size:12px;line-height:1.8}.project-pagination strong{font-weight:500;font-size:16px}
@keyframes collection-banner-enter{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(max-width:1100px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-filters{gap:26px}}
@media(max-width:760px){.portfolio-banner{height:260px}.portfolio-banner-content{padding:144px 7% 0}.portfolio-banner-content>p{font-size:8px}.portfolio-banner h1{font-size:30px}.portfolio-collection{padding:20px 7% 55px}.collection-filters{justify-content:flex-start;gap:25px;padding-bottom:16px;margin-bottom:22px}.collection-filters>a{font-size:11px}.collection-grid{grid-template-columns:1fr;gap:20px}.portfolio-tile-copy h2{font-size:23px}.portfolio-tile-cta{opacity:1;transform:none;bottom:15%}.portfolio-tile-copy h2,.portfolio-tile-copy p{transform:translateY(-8px)}}
@media(hover:none){.portfolio-tile-cta{opacity:1;transform:none;bottom:15%}.portfolio-tile-copy h2,.portfolio-tile-copy p{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.portfolio-tile:hover>img,.portfolio-tile:focus-visible>img{transform:none}}

@media(max-width:760px){.collection-filters{scrollbar-width:none}.collection-filters::-webkit-scrollbar{display:none}.collection-filters>a[aria-current=true]:after{bottom:-16px}}

/* Preserve the lettering in the supplied portrait cover inside bounded cards. */
.branded-cover{background:#242724!important}.portfolio-tile.branded-cover>img,.project-card .branded-cover img.card-slide{object-fit:contain;object-position:center!important;transform:none!important}.portfolio-tile.branded-cover:after{background:transparent}.branded-cover .project-tag{display:none}

/* Shared compact portrait cards for homepage and collection. */
.collection-grid{grid-template-columns:repeat(3,minmax(0,330px));justify-content:center;gap:24px}
.portfolio-tile{aspect-ratio:2/3;width:100%;max-width:330px}
.portfolio-tile>img{object-position:center}
.portfolio-tile:after{background:linear-gradient(180deg,#101e2826,#101e28a6 55%,#101e2870)}
.portfolio-tile.branded-cover:after{background:transparent}
.portfolio-tile.branded-cover:hover:after,.portfolio-tile.branded-cover:focus-visible:after{background:transparent;box-shadow:inset 0 0 0 1px var(--blue)}
.portfolio-tile-copy h2{font-size:23px}.portfolio-tile-copy p{font-size:11px}
.portfolio-tile-cta{bottom:12%}
.home-portrait-grid,.related-portrait-grid{margin-top:40px}
@media(max-width:1100px){.collection-grid{grid-template-columns:repeat(2,minmax(0,330px))}}
@media(max-width:760px){.collection-grid{grid-template-columns:minmax(0,290px);gap:22px}.portfolio-tile{max-width:290px}.portfolio-tile-copy h2{font-size:22px}}

/* Shared hover/focus treatment. All motion stays inside the existing card bounds. */
.portfolio-tile>img{transition:transform 700ms cubic-bezier(.2,.7,.3,1)}
.portfolio-tile.branded-cover>img{transform:scale(1)!important}
.portfolio-tile:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#09151d30,#09151de6 50%,#09151d70);opacity:0;box-shadow:inset 0 0 0 1px #78aec899;transition:opacity 400ms ease-out}
.portfolio-tile-copy{transition:opacity 400ms ease-out}
.tile-discover{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:13px;color:white;font-size:12px;font-weight:500;letter-spacing:.14em;opacity:0;transform:translateY(12px);transition:opacity 450ms ease-out,transform 450ms cubic-bezier(.2,.7,.3,1);pointer-events:none}
.tile-discover-arrow{font-size:24px;display:inline-block;transition:transform 300ms ease-out}
.portfolio-tile:is(:hover,:focus-visible)>img{transform:scale(1.04)}
.portfolio-tile.branded-cover:is(:hover,:focus-visible)>img{transform:scale(1.04)!important}
.portfolio-tile:is(:hover,:focus-visible):before{opacity:1}
.portfolio-tile:is(:hover,:focus-visible) .portfolio-tile-copy{opacity:0}
.portfolio-tile:is(:hover,:focus-visible) .tile-discover{opacity:1;transform:translateY(0)}
.portfolio-tile:is(:hover,:focus-visible) .tile-discover-arrow{transform:translate(3px,-3px)}
@media(hover:none),(max-width:760px){
 .tile-discover{inset:auto 12px 12px;padding:10px 8px;background:#14232bd9;opacity:1;transform:none;font-size:10px;letter-spacing:.1em}
 .tile-discover-arrow{font-size:18px}
 .portfolio-tile:hover:before{opacity:0}
 .portfolio-tile:hover .portfolio-tile-copy{opacity:1}
 .portfolio-tile:hover>img,.portfolio-tile.branded-cover:hover>img{transform:none!important}
 .portfolio-tile:focus-visible:before{opacity:1}
}
@media(prefers-reduced-motion:reduce){
 .portfolio-tile>img,.portfolio-tile.branded-cover:is(:hover,:focus-visible)>img{transform:none!important}
 .tile-discover,.portfolio-tile:is(:hover,:focus-visible) .tile-discover,.portfolio-tile:is(:hover,:focus-visible) .tile-discover-arrow{transform:none;transition:none}
 .portfolio-tile:before,.portfolio-tile-copy{transition:none}
}

/* Crossfade to the original photograph; both images load with the visible card. */
.portfolio-tile>img.tile-clean-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:none;transform:scale(1)!important;transition:transform 750ms cubic-bezier(.2,.7,.3,1)}
.portfolio-tile>img.tile-cover-photo{position:relative;z-index:1;opacity:1;transition:opacity 750ms ease-out,transform 750ms cubic-bezier(.2,.7,.3,1)}
.portfolio-tile.has-hover-photo:is(:hover,:focus-visible)>.tile-cover-photo{opacity:0;transform:scale(1)!important}
.portfolio-tile:is(:hover,:focus-visible)>.tile-clean-photo,.portfolio-tile:not(.has-hover-photo):is(:hover,:focus-visible)>.tile-cover-photo{transform:scale(1.03)!important}
.portfolio-tile:after{transition:opacity 700ms ease-out,background 700ms ease-out}
.portfolio-tile:is(:hover,:focus-visible):after{opacity:0}
.portfolio-tile:before{background:linear-gradient(180deg,transparent 28%,#0b1a2438 50%,transparent 72%);transition:opacity 700ms ease-out}
.tile-discover{text-shadow:0 1px 6px #10232b;transition:opacity 650ms ease-out,transform 650ms cubic-bezier(.2,.7,.3,1)}
@media(hover:none){
 .portfolio-tile.has-hover-photo>.tile-cover-photo{opacity:0}
 .portfolio-tile:after{opacity:.35}
 .portfolio-tile.has-hover-photo:after{opacity:0}
 .portfolio-tile>.tile-clean-photo,.portfolio-tile:hover>.tile-clean-photo{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
 .portfolio-tile>img.tile-clean-photo,.portfolio-tile>img.tile-cover-photo,.portfolio-tile:is(:hover,:focus-visible)>img.tile-clean-photo,.portfolio-tile:is(:hover,:focus-visible)>img.tile-cover-photo{transform:none!important;transition:none}
 .portfolio-tile:before,.portfolio-tile:after,.tile-discover{transition:none}
}

/* The branded cover must also mask the clean photo in its contain-fit margins. */
.portfolio-tile.branded-cover>img.tile-cover-photo{
 position:absolute;inset:0;width:100%;height:100%;display:block;
 object-fit:contain;background:#242724;
}
.portfolio-tile.branded-cover:after{
 position:absolute;inset:0;z-index:2;pointer-events:none;
 background:rgba(8,16,22,.08);opacity:1;
 transition:opacity 750ms ease-out;
}
.portfolio-tile.branded-cover:is(:hover,:focus-visible):after{opacity:0}
@media(hover:none){.portfolio-tile.branded-cover.has-hover-photo:after{opacity:0}}
@media(prefers-reduced-motion:reduce){.portfolio-tile.branded-cover:after{transition:none}}

/* Featured records receive a bounded larger presentation, in catalog order. */
.collection-grid{grid-template-columns:repeat(3,minmax(0,380px));align-items:center}
.collection-grid>.collection-item:not(.priority-item),.collection-grid>.portfolio-tile:not(.priority-tile){width:100%;max-width:300px;justify-self:center}
.portfolio-tile.priority-tile{max-width:380px}
@media(max-width:1100px){.collection-grid{grid-template-columns:repeat(2,minmax(0,360px))}.portfolio-tile.priority-tile{max-width:360px}}
@media(max-width:760px){.collection-grid{grid-template-columns:minmax(0,310px)}.portfolio-tile.priority-tile{max-width:310px}.collection-grid>.collection-item:not(.priority-item),.collection-grid>.portfolio-tile:not(.priority-tile){max-width:270px}}

.project-group{margin-top:65px}.project-group[hidden]{display:none}.group-heading{font-size:clamp(30px,3.4vw,48px);margin-bottom:40px}.project-group .section-label{margin-bottom:25px}
.editorial-project{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:8%;align-items:center;background:#f4eee7;padding:30px;margin:0 0 45px;min-height:560px;border-top:1px solid #78aec850}
.editorial-photo .portfolio-tile{width:100%;max-width:350px;margin:auto}.editorial-copy{max-width:520px}.editorial-copy>span{font-size:11px;letter-spacing:.12em;color:var(--navy)}.editorial-copy h3{font-size:clamp(32px,3.8vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:22px 0}.editorial-copy p{font-size:15px;line-height:1.9;color:#61686b}
.editorial-project.visible .editorial-photo{animation:editorial-mask 1s ease-out both}.editorial-project.visible .editorial-copy{animation:rise .8s .15s both}@keyframes editorial-mask{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}
.project-carousel{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:5px 3px 20px;scrollbar-width:thin;touch-action:pan-x pan-y;overflow-anchor:none}.carousel-item{flex:0 0 290px}.project-carousel .portfolio-tile{width:100%;max-width:none}.project-carousel.few-projects{justify-content:center}.project-group+.project-group{margin-top:95px}.portfolio-contact{text-align:center;background:var(--cream);padding:70px 7%}.portfolio-contact>p{font-size:10px;letter-spacing:.18em;margin-bottom:20px}.portfolio-contact h2{font-size:clamp(30px,3.5vw,48px)}
@media(max-width:760px){.editorial-project{grid-template-columns:1fr;padding:22px;gap:30px;min-height:0}.editorial-photo .portfolio-tile{max-width:270px}.editorial-copy h3{font-size:34px}.project-carousel.few-projects{justify-content:flex-start}.carousel-item{flex-basis:260px}.project-group+.project-group{margin-top:65px}}



/* ==========================================
   UZUNLAR YAPI + ÖZHUZUR İNŞAAT
   EŞİT SEVİYEDE İKİLİ LOGO TASARIMI
   ========================================== */

/* NAVBAR */

.header .brand-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    flex-shrink: 0;
    min-width: 0;
}

    .header .brand-group .brand {
        width: 145px;
        height: 55px;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: transparent;
    }

        .header .brand-group .brand img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-fit: contain;
        }

/* İki logo arasında minimal ayırıcı */

.header .brand-ozhuzur {
    position: relative;
}

    .header .brand-ozhuzur::before {
        content: "";
        position: absolute;
        left: -9px;
        top: 18%;
        height: 64%;
        width: 1px;
        background: currentColor;
        opacity: 0.25;
    }

/* Koyu hero üzerinde iki logo da açık görünür */

.header:not(.scrolled):not(.inner):not(.menu-open)
.brand-group img {
    filter: brightness(0) invert(1);
}

/* Açık navbar üzerinde orijinal logolar */

.header.scrolled .brand-group img,
.header.inner .brand-group img,
.header.menu-open .brand-group img {
    filter: none;
}


/* ==========================================
   FOOTER
   ========================================== */

.footer .footer-brand-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 55px;
    flex-wrap: wrap;
}

.footer .footer-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    max-width: 100%;
    height: 110px;
    padding: 0;
    margin: 0;
    background: transparent;
}

    .footer .footer-brand img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

/* Footer logosu ayırıcı */

.footer .footer-brand-ozhuzur {
    position: relative;
}

    .footer .footer-brand-ozhuzur::before {
        content: "";
        position: absolute;
        left: -28px;
        height: 60%;
        top: 20%;
        width: 1px;
        background: #c7a67a70;
    }

/* Koyu footer üzerinde bütün logolar beyaz */

.footer .footer-brand-group img {
    filter: brightness(0) invert(1);
    opacity: 0.94;
}


/* ==========================================
   TABLET
   ========================================== */

@media (min-width: 761px) and (max-width: 1250px) {

    .header .brand-group {
        gap: 10px;
    }

        .header .brand-group .brand {
            width: 105px;
            height: 45px;
        }

    .header .brand-ozhuzur::before {
        left: -5px;
    }

    .header nav {
        gap: 12px;
        font-size: 11px;
    }

    .header-cta {
        padding: 12px 10px;
        font-size: 11px;
    }

    .footer .footer-brand {
        width: 235px;
        height: 90px;
    }
}


/* ==========================================
   MOBİL
   ========================================== */

        /* İKİ LOGOYU EŞİT ORANDA BÜYÜT */

        /* NAVBAR */
        .header .brand-group .brand {
            width: 174px;
            height: 66px;
        }

    .header .brand-group {
        gap: 20px;
    }

    /* FOOTER */
    .footer .footer-brand {
        width: 360px;
        height: 132px;
    }

    .footer .footer-brand-group {
        gap: 60px;
    }

    /* TABLET */
    @media (min-width: 761px) and (max-width: 1250px) {
        .header .brand-group .brand {
            width: 126px;
            height: 54px;
        }

        .footer .footer-brand {
            width: 282px;
            height: 108px;
        }
    }

    /* MOBİL */
    @media (max-width: 760px) {
        .header .brand-group .brand {
            width: clamp(86px, 25vw, 126px);
            height: 48px;
        }

        .header .brand-group {
            gap: 10px;
        }

        .footer .footer-brand {
            width: min(44%, 228px);
            height: 91px;
        }

        .footer .footer-brand-group {
            gap: 20px;
        }
    }

    @media (max-width: 360px) {
        .header .brand-group .brand {
            width: 84px;
            height: 42px;
        }
    }

/* ÖZHUZUR İNŞAAT LOGOSUNU BÜYÜT */

/* Navbar */
/* Render the tightly framed artwork directly without fractional transforms. */
.header .brand-group .brand-ozhuzur img,
.footer .footer-brand-ozhuzur img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 1119 / 125;
    object-fit: contain;
    transform: none;
}

/* Match the supplied cover artwork so contain-fit images leave no top gap. */
.portfolio-tile.branded-cover{aspect-ratio:1697/2400}
.project-card .project-image.branded-cover{aspect-ratio:1697/2400;height:auto}

/* Direct contact links follow the existing open editorial layout. */
.contact-grid>div{min-width:0}
.contact-details{display:flex;flex-direction:column;align-items:flex-start;margin:32px 0 24px;gap:8px}
.contact-details a{display:inline-flex;align-items:center;gap:14px;min-height:48px;max-width:100%;padding:10px 0;border-bottom:1px solid var(--line);transition:color .25s,border-color .25s}
.contact-details .contact-email{font-size:clamp(20px,2.4vw,38px);letter-spacing:-.035em;overflow-wrap:anywhere}
.contact-phone{font-size:clamp(20px,1.8vw,27px)}
.contact-details a:hover,.footer-contact a:hover{color:var(--blue);border-color:var(--blue)}
.footer-contact{display:flex;flex-wrap:wrap;gap:8px 32px;padding:22px 0;border-bottom:1px solid #c7a67a40}
.footer-contact a{display:inline-flex;align-items:center;min-height:48px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
@media(max-width:760px){.contact-details{margin:24px 0}.contact-details .contact-email{font-size:clamp(20px,6vw,30px)}.footer-contact{flex-direction:column;align-items:flex-start;gap:4px}}
@media(prefers-reduced-motion:reduce){.contact-details a,.footer-contact a{transition:none}}

.contact .contact-details{margin:28px 0 0;align-items:stretch;max-width:100%}
.contact .contact-details a{width:100%;padding:24px 0;gap:20px;font-size:clamp(22px,2.8vw,40px);letter-spacing:-.04em;flex-wrap:wrap}
.contact-label{font-size:12px;letter-spacing:.12em;min-width:90px;color:var(--navy)}
.contact .contact-details a>span:last-child{margin-left:auto}
@media(max-width:760px){.contact .contact-details a{font-size:clamp(20px,5.5vw,28px);gap:12px}.contact-label{width:100%}}

/* Clean photos fill the fixed card frame during the existing crossfade. */
.carousel-item .portfolio-tile.branded-cover>img.tile-clean-photo{object-fit:cover!important}

/* About: simple corporate introduction with modest paired logos. */
.corporate-about .about-brands{display:flex;align-items:center;justify-content:flex-start;gap:clamp(28px,5vw,64px);padding:28px 0;margin:8px 0 30px;border-bottom:1px solid var(--line)}
.corporate-about .about-brand{width:min(32vw,260px);height:76px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.corporate-about .about-brand img{width:100%;height:auto;object-fit:contain}
.corporate-about .about-brand-ozhuzur img{width:114.388%;max-width:none;flex-shrink:0;position:relative;left:1.117%}
.corporate-about .about-corporate-copy{max-width:1000px;display:grid;gap:24px}
.corporate-about .about-corporate-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.95;color:#515b62}
@media(max-width:760px){.corporate-about .about-brands{flex-direction:column;gap:10px;padding:24px 0;margin-bottom:28px;align-items:flex-start}.corporate-about .about-brand{width:min(100%,240px);height:64px}.corporate-about .about-corporate-copy{gap:20px}}

/* Supplied construction and architectural visualization share one reveal frame. */
#donusum .renewal-before{position:absolute;inset:0}
#donusum .renewal-before img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#donusum .renewal-stage>img{object-fit:cover;object-position:center}

/* Contact address follows the existing contact rows. */
.contact-address{display:flex;align-items:baseline;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.contact-address-text{flex:1;min-width:0;font-size:clamp(20px,1.8vw,27px);line-height:1.6;overflow-wrap:break-word}
.mobile-control-label{display:none}
@media(max-width:760px){
 .contact-address{flex-direction:column;gap:12px}
 .contact-address-text{font-size:20px}
 .mobile-hidden-arrow{display:none!important}
 .mobile-control-label{display:inline;font-size:12px}
 .card-arrows button,.gallery-controls button,.lightbox-controls button,.carousel-toolbar button{width:auto;min-width:44px;padding-inline:12px}
 .underlined-link,.hero-bottom a,.tile-discover{gap:0}
}

.underlined-link>.link-copy,.underlined-link>.link-copy>.mobile-hidden-arrow{font-size:inherit}