.portfolio-section{padding:90px 0 75px;border-top:1px solid var(--line);overflow:hidden;background:var(--paper)}.portfolio-heading{padding:0 7%;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.portfolio-heading h2{font-size:clamp(42px,5vw,76px);font-weight:300;line-height:1.15;margin:18px 0 0;letter-spacing:-.025em}.portfolio-heading h2 em{font-style:normal;color:var(--sand)}.portfolio-heading p{font-size:12px;line-height:1.9;margin:0;max-width:240px;color:#74806e}.portfolio-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:7vw;padding:8px 7vw 30px;scrollbar-width:none;overscroll-behavior-x:contain}.portfolio-track::-webkit-scrollbar{display:none}.portfolio-entry{flex:0 0 72vw;max-width:1150px;scroll-snap-align:start;position:relative;display:block;overflow:hidden;color:white;background:#d9d9ce;aspect-ratio:1.8;min-height:380px}.portfolio-visual{position:absolute;inset:0;overflow:hidden}.portfolio-visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.5s cubic-bezier(.22,1,.36,1);background:#b9c2b5}.portfolio-entry.visible .portfolio-visual img{transform:scale(1)}.portfolio-entry:hover .portfolio-visual img{transform:scale(1.04)}.portfolio-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14231ccc,transparent 70%)}.portfolio-entry:before{content:'';position:absolute;inset:0;background:#ece9df;z-index:3;transform:translateY(0);transition:transform 1.15s cubic-bezier(.76,0,.24,1);pointer-events:none}.portfolio-entry.visible:before{transform:translateY(-101%)}.portfolio-top{position:absolute;top:26px;inset-inline:30px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:10px;letter-spacing:2px}.portfolio-top>span:first-child{border:1px solid #ffffff65;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;letter-spacing:0}.portfolio-caption{position:absolute;bottom:35px;inset-inline:35px;display:flex;justify-content:space-between;align-items:end;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .8s .45s,transform .9s .45s}.portfolio-entry.visible .portfolio-caption{opacity:1;transform:none}.portfolio-caption small{font-size:10px;letter-spacing:2px;color:#dfdacb}.portfolio-caption h3{font-size:clamp(35px,4.1vw,64px);font-weight:300;line-height:1.15;margin:12px 0 0}.portfolio-open{width:65px;height:65px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:background .3s,color .3s,transform .3s}.portfolio-entry:hover .portfolio-open{background:#e2ceaa;color:var(--ink);transform:rotate(-20deg)}.portfolio-controls{margin:10px 7% 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-nav{display:flex;gap:10px}.portfolio-nav button{width:43px;height:43px;border:1px solid #c7ccbf;border-radius:50%;background:transparent;color:var(--ink);font-size:20px;transition:.3s}.portfolio-nav button:hover{background:var(--ink);color:var(--paper)}.portfolio-nav button:disabled{opacity:.3;cursor:default}.portfolio-count{font-size:11px;letter-spacing:3px;color:#78836f;display:flex;gap:15px;align-items:center}.portfolio-count strong{font-weight:500;color:var(--ink)}.portfolio-count:after{content:'';width:70px;height:1px;background:#c7ccbf}.portfolio-controls>a{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:8px}.portfolio-track:focus-visible{outline:1px solid var(--sand);outline-offset:-6px}@media(max-width:750px){.portfolio-section{padding:65px 0 50px}.portfolio-heading{display:block;margin-bottom:28px}.portfolio-heading p{margin-top:18px;max-width:none}.portfolio-heading h2{font-size:46px}.portfolio-entry{flex-basis:86vw;aspect-ratio:.95;min-height:360px}.portfolio-track{gap:16px;padding-bottom:20px}.portfolio-top{top:20px;inset-inline:20px;font-size:8px}.portfolio-caption{bottom:25px;inset-inline:22px}.portfolio-caption h3{font-size:38px}.portfolio-open{width:46px;height:46px;font-size:20px}.portfolio-controls{gap:15px;flex-wrap:wrap}.portfolio-count{letter-spacing:1px;gap:9px}.portfolio-count:after{width:35px}.portfolio-controls>a{font-size:11px}.portfolio-nav button{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.portfolio-entry:before{display:none}.portfolio-caption{opacity:1;transform:none}.portfolio-visual img{transform:none!important;transition:none}.portfolio-track{scroll-behavior:auto}}
/* Give the selected development depth without changing gallery geometry. */
.portfolio-track{padding-top:42px;padding-bottom:58px;perspective:1600px}
.portfolio-entry{transform-origin:center;transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .75s,opacity .75s;will-change:transform}
.portfolio-entry.visible{transform:scale(.95);box-shadow:0 8px 20px #14231c0a}
.portfolio-entry.visible.is-active{transform:translateY(-8px) scale(1.025);box-shadow:0 26px 42px -16px #14231c70;z-index:2}
.portfolio-entry.visible:not(.is-active) .portfolio-visual img{filter:saturate(.72);transition:transform 1.5s,filter .75s}
.portfolio-entry.is-active .portfolio-visual img{filter:saturate(1)}
.contact.contact-with-form{position:relative;isolation:isolate;background:#e8e9df url('featured-project.jpg') center 52%/cover no-repeat}
.contact.contact-with-form:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eeeee5e8,#eeeee5b8 55%,#eeeee5a8);z-index:-1}
html[dir=rtl] .contact.contact-with-form:before{background:linear-gradient(270deg,#eeeee5e8,#eeeee5b8 55%,#eeeee5a8)}
.contact-with-form .contact-form{padding:32px 36px;background:#f8f7f0ed;border:1px solid #ffffffb3;box-shadow:0 20px 60px #14231c12;backdrop-filter:blur(10px);border-radius:3px}
@media(max-width:750px){.portfolio-track{padding-top:30px;padding-bottom:40px}.portfolio-entry.visible.is-active{transform:translateY(-5px) scale(1.015)}.contact-with-form .contact-form{padding:25px 20px}.contact.contact-with-form:before{background:#eeeee5d6}}
@media(prefers-reduced-motion:reduce){.portfolio-entry{transition:none}.portfolio-entry.visible,.portfolio-entry.visible.is-active{transform:none}}

/* Softer selected-card movement and balanced photographic contact backdrop. */
.portfolio-entry{transition:transform 1.1s cubic-bezier(.25,.8,.25,1),box-shadow 1.1s cubic-bezier(.25,.8,.25,1),opacity 1.1s}
.portfolio-entry.visible.is-active{transform:translateY(-6px) scale(1.018)}
.contact.contact-with-form:before{background:linear-gradient(90deg,#eeeee5e0 0%,#eeeee59e 48%,#eeeee559 100%)}
html[dir=rtl] .contact.contact-with-form:before{background:linear-gradient(270deg,#eeeee5e0 0%,#eeeee59e 48%,#eeeee559 100%)}
.contact-with-form .contact-form{background:#f8f7f0e0;backdrop-filter:blur(6px)}
@media(max-width:750px){.portfolio-entry.visible.is-active{transform:translateY(-4px) scale(1.012)}.contact.contact-with-form:before,html[dir=rtl] .contact.contact-with-form:before{background:linear-gradient(180deg,#eeeee5db,#eeeee580)}.contact-with-form .contact-form{background:#f8f7f0eb}}
@media(prefers-reduced-motion:reduce){.portfolio-entry{transition:none}.portfolio-entry.visible.is-active{transform:none}}

/* Compact desktop gallery; depth stays inside each card so scrolling is stable. */
.portfolio-entry.visible,.portfolio-entry.visible.is-active{transform:none}
.portfolio-entry.visible .portfolio-visual img{transform:scale(1.02);transition:transform 1s cubic-bezier(.25,.8,.25,1),filter 1s}
.portfolio-entry.visible.is-active .portfolio-visual img{transform:scale(1.065)}
.portfolio-entry{transition:box-shadow 1s,opacity 1s;will-change:auto}
@media(min-width:751px){.portfolio-entry{flex-basis:46vw;max-width:720px;aspect-ratio:1.6;min-height:0}.portfolio-track{padding-top:25px;padding-bottom:40px;padding-inline-end:calc(100vw - min(46vw,720px) - 7vw)}.portfolio-caption h3{font-size:clamp(32px,3vw,48px)}.portfolio-open{width:48px;height:48px}.portfolio-caption{inset-inline:26px;bottom:26px}.portfolio-top{inset-inline:26px;top:22px}}
/* Consistent 150px logo frame, independent of text direction. */
header{height:82px;margin-bottom:-82px}
header .brand,html[lang^=en] header .brand{width:150px;height:48px;flex:0 0 150px;transform-origin:center}
header .brand img,html[lang^=en] header .brand img{position:absolute;left:0;top:0;width:175px;height:auto;transform:translate(-13px,-26px)}
@media(max-width:750px){header{height:74px;margin-bottom:-74px}header .header-end{gap:10px}.owners-link{font-size:9px!important;padding:7px!important}}
@media(prefers-reduced-motion:reduce){.portfolio-entry.visible .portfolio-visual img,.portfolio-entry.visible.is-active .portfolio-visual img{transform:none;transition:none}}

.portfolio-entry.visible:not(.is-active) .portfolio-visual img{transition:transform 1s cubic-bezier(.25,.8,.25,1),filter 1s}

/* First development opens as a wide image, then settles into the gallery. */
.portfolio-entry{height:min(28.75vw,450px);transition:flex-basis 1.35s cubic-bezier(.22,1,.36,1),height 1.35s cubic-bezier(.22,1,.36,1),box-shadow 1s,opacity .9s}
.portfolio-track{height:calc(min(28.75vw,450px) + 65px);transition:height 1.35s cubic-bezier(.22,1,.36,1);overflow-y:hidden}
.portfolio-intro .portfolio-track{height:calc(min(65vh,650px) + 65px);pointer-events:none}
.portfolio-intro .portfolio-entry:first-child{flex-basis:86vw;max-width:none;height:min(65vh,650px)}
.portfolio-intro .portfolio-entry:not(:first-child){opacity:0}
.portfolio-intro .portfolio-controls{opacity:0;pointer-events:none}
.portfolio-controls{transition:opacity .8s}
.portfolio-section + section{scroll-margin-top:82px}
@media(max-width:750px){.portfolio-entry{height:max(360px,90.53vw)}.portfolio-track{height:calc(max(360px,90.53vw) + 70px)}.portfolio-intro .portfolio-entry:first-child{height:65vh}.portfolio-intro .portfolio-track{height:calc(65vh + 70px)}.portfolio-section + section{scroll-margin-top:74px}}
@media(prefers-reduced-motion:reduce){.portfolio-entry,.portfolio-track,.portfolio-controls{transition:none}}

@media(min-width:751px){.portfolio-entry{max-width:none;flex-basis:min(46vw,720px)}}

.hero-video{object-position:center!important}

.feature-outline{font-size:clamp(70px,14vw,190px)}