.project-showcase-page .sg-section{padding:48px 0 80px;background:#0b0c0b;color:#f4f4f2}.sg-container{width:84%;max-width:1560px;margin:auto}.sg-topline{display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#999}.sg-topline nav{display:flex;gap:7px;flex-wrap:wrap;color:#ff6729}.sg-topline a{color:inherit}.sg-topline p{margin:0}.sg-topline p span{padding:0 4px}.sg-intro{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(330px,1fr);gap:48px;align-items:end;margin:32px 0}.sg-intro h1{font-size:clamp(32px,3.65vw,68px);line-height:1.07;letter-spacing:normal;font-weight:400;margin:0}.sg-summary p{font-size:16px;line-height:1.5;color:#b8b8b5;margin:0 0 18px;max-width:480px}.sg-actions{display:flex;gap:12px}.sg-actions button{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;font-size:16px;line-height:1.2;flex:1;white-space:nowrap}.sg-actions svg{width:20px;height:20px;flex:none}.sg-cta{background:#ff6729;color:white;border:1px solid #ff6729;transition:background .2s}.sg-cta:hover{background:#e65116}.sg-favorite{background:transparent;border:1px solid #41423f;color:#eee;transition:border-color .2s,background .2s}.sg-favorite:hover{border-color:#ff6729;background:#ffffff08}.sg-favorite[aria-pressed=true] svg{fill:#ff6729;color:#ff6729}.sg-gallery{outline:none}.sg-gallery:focus-visible{outline:2px solid #ff6729;outline-offset:6px}.sg-stage{position:relative;aspect-ratio:2.05;background:#191d17;overflow:hidden;touch-action:pan-y pinch-zoom}.sg-image-button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.sg-main-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:opacity .18s}.sg-stage:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.sg-main-zoom,.sg-prev,.sg-next,.sg-thumb-zoom{position:absolute;display:grid;place-items:center;color:#fff;background:#101210b8;border:0;padding:0;z-index:3;transition:background .2s,border-color .2s}.sg-main-zoom:hover,.sg-prev:hover,.sg-next:hover,.sg-thumb-zoom:hover{background:#ff6729}.sg-main-zoom{top:16px;right:16px;width:36px;height:36px}.sg-main-zoom svg{width:16px;height:16px}.sg-prev,.sg-next{width:46px;height:46px;top:calc(50% - 23px)}.sg-prev{left:16px}.sg-next{right:16px}.sg-prev svg{transform:rotate(180deg)}.sg-prev svg,.sg-next svg{width:23px;height:23px}.sg-caption{position:absolute;z-index:2;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;font-size:15px;line-height:1.3}.sg-counter{font-variant-numeric:tabular-nums;color:#ddd}.sg-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.sg-thumb{position:relative;min-width:0;aspect-ratio:1.65}.sg-select{position:relative;width:100%;height:100%;padding:0;border:2px solid transparent;overflow:hidden;display:block;background:transparent;color:white;text-align:left;cursor:pointer}.sg-select img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s,opacity .2s;opacity:.65}.sg-select:hover img,.sg-select[aria-pressed=true] img{opacity:1}.sg-select:hover img{transform:scale(1.04)}.sg-select[aria-pressed=true]{border-color:#ff6729}.sg-select span{position:absolute;inset:auto 0 0;padding:24px 9px 9px;background:linear-gradient(transparent,#000b);font-size:12px;line-height:1.3}.sg-select b{font-weight:400;color:#ff9a70;margin-right:8px}.sg-thumb-zoom{width:24px;height:24px;right:6px;top:6px}.sg-thumb-zoom svg{width:12px;height:12px}.sg-hint{display:flex;gap:12px;color:#999;font-size:12px;margin:14px 0 0}.sg-hint>span:first-child{color:#ff6729}.sg-section button:focus-visible,.sg-section a:focus-visible{outline:2px solid #ffab80;outline-offset:3px}
@media(min-width:1800px){.sg-intro{grid-template-columns:1.9fr 1fr}.sg-summary p{font-size:18px}}
@media(max-width:1100px){.sg-container{width:calc(100% - 64px)}.sg-intro{gap:24px;grid-template-columns:1.35fr 1fr}.sg-actions button{font-size:14px;padding:12px;gap:8px}.sg-summary p{font-size:14px}.sg-thumbs{gap:8px}.sg-select span{font-size:11px;padding:22px 6px 6px}.sg-select b{display:none}.sg-thumb-zoom{width:28px;height:28px;right:5px;top:5px}}
@media(max-width:700px){.project-showcase-page .sg-section{padding:24px 0 48px}.sg-container{width:calc(100% - 32px)}.sg-topline{display:block;font-size:12px}.sg-topline p{margin-top:15px;font-size:12px}.sg-intro{display:block;margin:22px 0}.sg-intro h1{font-size:clamp(30px,7.9vw,48px);line-height:1.08}.sg-summary{margin-top:18px}.sg-summary p{font-size:14px;max-width:460px;margin-bottom:16px}.sg-actions button{min-height:52px;padding:12px 15px;font-size:14px}.sg-stage{aspect-ratio:1.35}.sg-main-image{object-position:50% 55%}.sg-main-zoom{width:32px;height:32px;top:10px;right:10px}.sg-prev,.sg-next{width:36px;height:42px;top:calc(50% - 21px)}.sg-prev{left:8px}.sg-next{right:8px}.sg-caption{left:14px;right:14px;bottom:14px;font-size:12px}.sg-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ff6729 #272824;padding-bottom:8px;gap:8px;margin-top:10px}.sg-thumb{flex:0 0 128px;scroll-snap-align:start}.sg-select span{font-size:11px}.sg-thumb-zoom{width:22px;height:22px}.sg-hint{font-size:11px;flex-wrap:wrap;gap:6px}}
@media(prefers-reduced-motion:reduce){.sg-section *{scroll-behavior:auto!important;transition:none!important}}
.project-showcase-page .main{padding-top:var(--sg-header-height,65px)}
.project-showcase-page section[id]{scroll-margin-top:calc(var(--sg-header-height,80px) + 20px)}
.project-showcase-page .sg-section{width:100%;min-width:0}.sg-container,.sg-gallery{min-width:0}
.sg-actions button{min-width:0}
@media(max-width:360px){.sg-actions{gap:8px}.sg-actions button{padding:12px 10px;font-size:13px;gap:8px}.sg-actions svg{width:17px;height:17px}}
/* One desktop grid for the complete variant, including all inherited sections. */
@media(min-width:1101px){
 .project-showcase-page .main .container,
 .project-showcase-page .footer > .container {
  width:84%;max-width:1560px;margin-inline:auto;padding-inline:0;
 }
 .project-showcase-page .main .request .request-row.container {
  width:84%;max-width:1560px;margin-inline:auto;padding-inline:0;
 }
}

@media(min-width:1101px){
 .project-showcase-page .header>.container{width:84%;max-width:1560px;margin-inline:auto;padding-inline:0}
 .project-showcase-page .header-row{gap:20px}
 .project-showcase-page .header-logo{flex-shrink:0}
 .project-showcase-page .header-menu{min-width:0}
}

/* A single content boundary and heading rhythm for the complete project. */
body.project-showcase-page{--project-content-width:84%;--project-content-max:1560px;--project-heading-size:clamp(40px,3.6vw,64px);--project-heading-leading:1.1}
body.project-showcase-page .main :is(.container,.sg-container),
body.project-showcase-page .header>.container,
body.project-showcase-page .footer>.container,
body.project-showcase-page .main .request .request-row.container,
body.project-showcase-page .main .ntp>.container{box-sizing:border-box;width:var(--project-content-width);max-width:var(--project-content-max);padding-inline:0;margin-inline:auto}
body.project-showcase-page .request-consultation .request-right{width:100%;margin-inline:0;min-width:0}
body.project-showcase-page .request-consultation .request-right__wrap{width:100%;margin:0}
body.project-showcase-page .main :is(h2.section-title,.project-3d-heading,.consultation-alt .consultation-heading h2){font-family:var(--first-font);font-size:var(--project-heading-size);font-weight:400;line-height:var(--project-heading-leading);letter-spacing:normal}
body.project-showcase-page .main h2.section-title>span{font-size:inherit;line-height:inherit}
body.project-showcase-page .project-3d-head{display:flex;align-items:last baseline;justify-content:space-between;gap:24px;margin-bottom:32px}
body.project-showcase-page .project-3d-head h2{margin:0}
body.project-showcase-page .project-3d-head>p{margin:0;color:#929292;font-size:14px;line-height:1.4;flex:none}
body.project-showcase-page .news-block__link{display:flex}
@media(min-width:769px){body.project-showcase-page .consultation-alt .consultation-heading{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
@media(max-width:1100px){body.project-showcase-page{--project-content-width:calc(100% - 64px)}}
@media(max-width:700px){
 body.project-showcase-page{--project-content-width:calc(100% - 32px);--project-heading-size:34px}
 body.project-showcase-page .project-3d-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}
 body.project-showcase-page .project-3d-head>p{font-size:14px;flex:auto}
}
/* Article copy cannot shrink its neighbouring action or wrap its label. */
body.project-showcase-page .news-block__info{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:end;gap:20px}
body.project-showcase-page .news-block__link.nv-action{width:100%;white-space:nowrap!important}
@media(max-width:768px){body.project-showcase-page .news-block__info{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Equal section breathing room above and below the content. */
body.project-showcase-page{--project-section-space:clamp(56px,5vw,80px)}
body.project-showcase-page .main>:is(.planning-editorial,.project-3d,.facades,.packages,.related-projects,.steps,.news,.consultation-alt){padding-block:var(--project-section-space)}
body.project-showcase-page .project-3d{border-top:0}
@media(max-width:700px){body.project-showcase-page{--project-section-space:48px}}
/* Keep paired card actions on one line inside the narrower project grid. */
body.project-showcase-page .ntp .ntp-card__actions .ntp-button{padding-inline:12px;gap:8px}
body.project-showcase-page .ntp .ntp-card__actions .ntp-button>span{white-space:nowrap}
@media(min-width:701px) and (max-width:1400px){body.project-showcase-page .ntp .ntp-card__actions .ntp-button{font-size:14px}}

/* On phones the adaptation film leads the form and reaches both screen edges. */
@media(max-width:1024px){
 body.project-showcase-page .main .request.request-consultation .request-row.container{width:100%;max-width:none;margin:0;padding:0;grid-template-columns:minmax(0,1fr)}
 body.project-showcase-page .request-consultation .request-right{grid-row:1;width:100%;margin:0}
 body.project-showcase-page .request-consultation .request-right__wrap{height:auto}
 body.project-showcase-page .request-consultation .project-film__video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
 body.project-showcase-page .request-consultation .request-row.container .request-left{grid-row:2;width:calc(100% - 64px);margin-inline:auto;padding:40px 0}
}
@media(max-width:700px){
 body.project-showcase-page .main .sg-section{padding-bottom:20px}
 body.project-showcase-page .main>.planning-editorial{padding-top:28px}
 body.project-showcase-page .request-consultation .request-row.container .request-left{width:calc(100% - 32px);padding-block:32px}
}