/* Editorial refinement: native interactions, local assets, mobile first sizing. */
:root{--gutter:clamp(24px,5vw,88px);--warm:#fff}
.site-header{height:88px;border-bottom-color:#e9ecee}.brand{width:224px}.site-header nav{gap:28px;font-size:12px;font-weight:400}.nav-contact{padding:9px 10px 9px 20px}.nav-contact span{width:30px;height:30px}
.hero{grid-template-columns:44% 56%;min-height:690px;max-width:1920px}.hero-copy{padding-top:43px;padding-bottom:32px;display:flex;flex-direction:column}.hero h1{font-size:clamp(46px,5.35vw,83px);font-weight:400;line-height:1.03;letter-spacing:-.065em;margin-top:62px}.hero h1 .hero-result{color:#fff}.hero-description{max-width:340px;font-size:15px;line-height:1.8;margin-top:28px}.hero .text-link{font-size:12px;align-self:flex-start;margin-top:24px}.hero-visual{min-height:690px}.hero-visual>img{object-position:50% 56%}.hero .hero-caption{background:#fff;bottom:28px;left:28px;right:28px;padding:19px 22px;box-shadow:none}.hero-caption strong{font-size:21px}.hero-caption small{font-size:10px}.hero-discover{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:45px;color:#d0d9df;width:100%;max-width:340px;font-size:11px;line-height:1.6}.discover-circle{border:1px solid #70818c;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;color:white;font-size:23px;flex:none;transition:background .2s,border-color .2s}.hero-discover:hover .discover-circle{background:var(--orange);border-color:var(--orange);color:var(--navy)}.hero .image-index{background:#0f293dd9;top:24px;right:28px;font-size:8px;font-weight:600;letter-spacing:.12em}
.transformation{background:var(--warm);padding:0}.transformation.is-interactive{min-height:155svh}.transformation-sticky{top:88px;padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,6vw,105px);align-items:center}.transformation-story{min-width:0;padding-block:20px}.transformation-story h2{font-size:clamp(45px,4.8vw,74px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin-top:32px}.transformation-story h2>span{color:var(--navy)}.transformation-description{font-size:15px;max-width:340px;line-height:1.8;margin-top:26px;color:var(--muted)}.transformation-hint{display:flex;align-items:center;gap:12px;font-size:12px;text-align:left;max-width:none;margin-top:26px;padding:0;color:var(--navy)}.transformation-hint .gesture-icon{width:42px;height:42px;border:1px solid #d7dee2;display:grid;place-items:center;border-radius:50%;font-size:25px;margin:0}.transformation-project{border-top:1px solid #d7dee2;margin-top:48px;padding-top:23px}.transformation-project>span{display:block;font-size:10px;color:var(--muted)}.transformation-project>strong{display:block;font-size:17px;font-weight:400;letter-spacing:-.03em;margin-top:10px}.transformation-project .text-link{background:none;color:var(--navy);font-size:11px;margin-top:13px;padding-bottom:8px;gap:26px}.comparison-figure{min-width:0;margin:0}.comparison{height:min(65svh,690px);min-height:470px;max-height:none;width:100%;background:#c4beb4}.comparison>img{object-position:50% 56%;pointer-events:none}.compare-label{background:white;color:var(--navy);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:11px 14px;top:20px}.compare-label-before{left:20px}.compare-label-after{right:20px}.compare-divider{width:2px;filter:drop-shadow(0 2px 5px #0003)}.compare-divider>span{background:white;color:var(--navy);width:62px;height:62px;font-size:28px;border:0;box-shadow:0 0 0 7px #ffffff30;display:flex;justify-content:space-evenly}.compare-divider i{font-style:normal;font-weight:400;line-height:1}.comparison input{min-width:0}.comparison-footer{gap:20px;align-items:center;padding-top:13px}.comparison-footer p{font-size:9px;margin:0;color:var(--muted);max-width:none}.compare-actions{gap:0;border-bottom:1px solid #d7dee2}.compare-actions button{font-size:10px;min-height:40px;padding:0 12px;border:0;position:relative;background:none;color:var(--muted)}.compare-actions button[aria-pressed=true],.compare-actions button:hover{background:transparent;color:var(--navy)}.compare-actions button[aria-pressed=true]:after{content:'';height:2px;background:var(--orange);bottom:-1px;position:absolute;left:10px;right:10px}
.intro{padding-block:110px}.intro h2{font-weight:400;font-size:clamp(35px,3.5vw,52px);line-height:1.15}.intro-grid{gap:90px}.intro-grid p{font-size:15px;line-height:1.85}.intro .text-link{font-size:12px}.projects{padding-bottom:100px}.projects>h2{font-weight:400;font-size:clamp(40px,4.6vw,68px);letter-spacing:-.06em}.project-tools{margin-top:34px}.filters{gap:30px}.project-grid{grid-template-columns:1fr 1fr;gap:60px 46px}.project-card:nth-child(even){margin-top:0}.project-image,.project-card:nth-child(even) .project-image{aspect-ratio:1.36}.project-meta h3{font-weight:400;font-size:28px}.project-meta p{font-size:11px}.project-description,.project-explore{display:none}.project-tag{font-size:8px;padding:9px 12px;letter-spacing:.12em}.project-arrow{width:48px;height:48px}.project-card.project-featured{grid-column:1/-1;margin-bottom:5px}.project-featured .project-button{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch;background:var(--warm)}.project-card.project-featured .project-image{aspect-ratio:1.23;height:100%;min-height:440px}.project-featured .project-meta{padding:50px 45px;align-items:start;gap:22px;align-self:center}.project-featured .project-meta h3{font-size:clamp(32px,3.4vw,50px);max-width:350px;line-height:1.08;letter-spacing:-.055em}.project-featured .project-meta p{margin-top:15px}.project-featured .project-description{display:block;max-width:325px;font-size:13px;line-height:1.8;margin-top:28px}.project-featured .project-explore{display:inline-block;margin-top:30px;border-bottom:1px solid var(--navy);padding-bottom:10px;font-size:11px}.project-featured .project-arrow{display:none}.project-featured .project-image img{object-position:50% 60%}.portfolio-note{margin-top:45px}
.expertise h2,.about h2,.contact h2{font-weight:400}.expertise-grid{gap:100px;padding-block:100px}.about{gap:85px}.about-image>img{height:580px}.contact{background:var(--warm);border-top:1px solid var(--line)}.contact-grid{gap:90px;padding-block:95px}.contact h2{font-size:clamp(52px,5vw,76px)}.contact-intro .eyebrow:before{content:'';display:inline-block;background:var(--orange);width:22px;height:3px;vertical-align:middle;margin-right:12px}.contact-intro .contact-email{margin-top:40px}.contact-form{background:transparent;padding:0}.form-heading{font-size:23px;font-weight:400}.field input,.field select,.field textarea{background:transparent}.form-submit{min-height:60px}.form-submit:hover .submit-icon{background:#fff}.site-footer .footer-main{padding-block:60px}.gallery-frame{background:#fff}.gallery-controls{box-shadow:0 2px 20px #0001}
@media(min-width:1600px){.hero{min-height:760px}.hero-visual{min-height:760px}.transformation-story h2{font-size:78px}}
@media(max-width:1100px){.site-header nav{gap:20px}.hero{min-height:640px}.hero-visual{min-height:640px}.hero h1{font-size:5.4vw}.hero-copy{padding-right:28px}.hero-discover{padding-top:30px}.transformation-sticky{gap:42px}.transformation-story h2{font-size:5.5vw}.transformation-project{margin-top:28px}.comparison{min-height:450px}.project-featured .project-meta{padding:30px 25px;gap:15px}.project-featured .project-description{font-size:12px}.project-card.project-featured .project-image{min-height:400px}.expertise-grid{gap:65px}.contact-grid{gap:50px}}
@media(max-width:820px){.site-header{height:78px}.site-header nav{top:77px}.brand{width:204px}.hero{grid-template-columns:45% 55%;min-height:590px}.hero-visual{min-height:590px}.hero h1{font-size:5.65vw;margin-top:40px}.hero .hero-caption{left:17px;right:17px;padding:16px}.hero-caption strong{font-size:17px}.hero-discover{font-size:10px}.transformation.is-interactive{min-height:0}.transformation-sticky{position:relative;top:auto;grid-template-columns:1fr;gap:28px;padding-block:54px}.transformation-story{padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.transformation-story>.eyebrow{grid-column:1/-1}.transformation-story h2{font-size:54px;grid-row:2/5}.transformation-description{margin-top:32px;max-width:none}.transformation-hint{margin-top:16px}.transformation-project{grid-column:1/-1;margin-top:25px;padding-top:16px;display:flex;align-items:center;gap:20px}.transformation-project>strong{margin:0}.transformation-project .text-link{margin:0 0 0 auto;white-space:nowrap}.comparison{height:70svh;min-height:440px;max-height:720px}.intro-grid{gap:40px}.project-grid{gap:40px 25px}.project-featured .project-meta{display:block;padding:25px}.project-featured .project-number{display:block;margin-bottom:15px}.project-featured .project-meta h3{font-size:32px}.project-featured .project-description{font-size:12px;margin-top:20px}.project-meta h3{font-size:23px}.expertise-grid{gap:40px}.about{gap:40px}.about-image>img{height:510px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-intro .contact-email{margin-top:25px}}
@media(max-width:600px){:root{--gutter:23px}.site-header{height:74px}.brand{width:186px}.site-header nav{top:73px}.hero{display:flex;min-height:0}.hero-copy{padding:28px var(--gutter) 27px}.hero h1{font-size:clamp(42px,10.8vw,64px);margin-top:25px;letter-spacing:-.06em;line-height:1.06}.hero h1 br:first-of-type{display:none}.hero h1 .hero-alla{display:inline}.hero h1 .hero-alla:before{content:' '}.hero h1 .hero-result{display:block}.hero-description{font-size:13px;line-height:1.75;margin-top:19px;max-width:320px}.hero .text-link{font-size:11px;margin-top:13px}.hero-discover{display:none}.hero-visual{height:430px;min-height:0}.hero-visual>img{object-position:50% 66%}.hero .hero-caption{left:18px;right:18px;bottom:18px;padding:15px 17px}.hero-caption strong{font-size:19px}.hero-caption small{font-size:9px}.hero .image-index{right:18px;top:18px;font-size:7px}.transformation-sticky{padding-block:42px 35px;gap:24px}.transformation-story{display:block}.transformation-story h2{font-size:43px;line-height:1.04;margin-top:18px}.transformation-story h2 br{display:none}.transformation-story h2>span{display:block}.transformation-description{font-size:13px;line-height:1.75;margin-top:17px;max-width:330px}.transformation-hint{font-size:11px;margin-top:20px;gap:10px}.transformation-hint .gesture-icon{width:35px;height:35px;font-size:22px}.transformation-project{display:none}.comparison{height:auto;aspect-ratio:3/4;min-height:0;max-height:none}.comparison>img{object-position:center}.compare-divider>span{width:54px;height:54px;font-size:26px;box-shadow:0 0 0 5px #ffffff35}.compare-label{top:13px;font-size:9px;padding:9px 12px}.compare-label-before{left:13px}.compare-label-after{right:13px}.comparison-footer{display:flex;flex-direction:column;gap:9px;padding-top:12px}.comparison-footer p{font-size:9px}.compare-actions{margin:0;width:100%;justify-content:space-between}.compare-actions button{flex:1;min-height:44px;font-size:11px}.intro{padding-block:65px}.intro-grid{gap:24px}.intro h2{font-size:33px}.intro-grid p{font-size:14px}.projects{padding-bottom:65px}.projects>h2{font-size:39px;max-width:340px}.project-tools{margin-top:20px;margin-bottom:26px}.filters{flex-wrap:nowrap;overflow-x:auto;gap:25px;width:100%;scrollbar-width:thin}.filter{font-size:11px;padding:14px 0}.project-grid{grid-template-columns:1fr;gap:38px}.project-card.project-featured{grid-column:auto;margin:0}.project-featured .project-button{display:block;background:none}.project-card.project-featured .project-image{aspect-ratio:1.05;min-height:0;height:auto}.project-featured .project-meta,.project-meta{display:flex;gap:15px;padding:16px 0 0;align-items:start}.project-featured .project-number{margin:0;display:inline}.project-featured .project-meta h3,.project-meta h3{font-size:25px;line-height:1.1}.project-featured .project-meta p,.project-meta p{margin-top:8px;font-size:11px}.project-featured .project-description,.project-featured .project-explore{display:none}.project-featured .project-arrow{display:grid}.project-image,.project-card:nth-child(even) .project-image{aspect-ratio:1.2}.project-tag{font-size:8px;padding:8px 10px}.project-arrow{width:44px;height:44px}.expertise-grid{padding-block:60px;gap:35px}.expertise h2{font-size:48px}.service-list h3{font-size:27px}.about{padding-block:64px;gap:32px}.about h2{font-size:39px}.about-image>img{height:420px}.contact-grid{padding-block:59px;gap:38px}.contact h2{font-size:51px}.contact-form{padding-top:26px;border-top:1px solid #d7dee2}.contact-intro .contact-email{font-size:12px}.contact-intro>p:not(.eyebrow){font-size:14px}.form-heading{font-size:23px}.site-footer .footer-main{padding-block:45px}.gallery-frame{height:52svh;min-height:310px}.project-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.dialog-shell{padding:14px}.dialog-top{padding-bottom:14px}.dialog-layout{padding-top:14px}}
@media(max-width:360px){:root{--gutter:19px}.brand{width:171px}.hero h1{font-size:40px}.hero-caption strong{font-size:17px}.transformation-story h2{font-size:39px}.contact h2{font-size:47px}.timeline{gap:28px}.timeline>div{min-width:108px}.gallery-controls{gap:3px}.gallery-controls span{min-width:45px}.hero-visual{height:390px}}
@media(max-height:760px) and (min-width:821px){.transformation.is-interactive{min-height:0}.transformation-sticky{position:relative;top:auto}.comparison{height:580px}.hero{min-height:620px}.hero-visual{min-height:620px}}
@media(prefers-reduced-motion:reduce){.transformation.is-interactive{min-height:0}.transformation-sticky{position:relative;top:auto}.discover-circle{transition:none}}
@media(max-width:600px){.transformation-description{display:none}.transformation-sticky{padding-top:35px}.transformation-hint{margin-top:17px}.transformation-story h2{line-height:1.08}}
.hero-visual>img{object-position:50% 66%}.transformation{border-bottom:1px solid var(--line)}.transformation-story h2>span{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:10px}.project-featured .project-meta{border-block:1px solid var(--line)}.contact{background:var(--navy);color:#fff}.contact h2,.contact .form-heading,.contact .field label{color:#fff}.contact-intro>p:not(.eyebrow){color:#c8d3da}.contact-intro .contact-email{border-bottom-color:#96a8b5}.contact-form{color:#fff}.contact .form-required,.contact .field label span,.contact .form-privacy,.contact .contact-mode,.contact #message-length{color:#c8d3da}.contact .field input,.contact .field textarea,.contact .field select{color:white;border-color:#7a8f9e}.contact .field input::placeholder,.contact .field textarea::placeholder{color:#b8c6d0}.contact .field select option{color:var(--navy);background:white}.contact .form-privacy a{color:#fff}.contact .form-submit{background:#fff;color:var(--navy)}.contact .field-error{color:#ffc6ad}.contact .field [aria-invalid=true]{border-color:#ffc6ad}.contact .form-status{color:var(--navy)}.contact input:focus-visible,.contact textarea:focus-visible,.contact select:focus-visible,.contact a:focus-visible,.contact button:focus-visible{outline-color:var(--orange)}.contact-form{border-top-color:#597080}.site-footer{border-top:1px solid #49606d}
.project-grid.is-filtered .project-featured{grid-column:auto}.is-filtered .project-featured .project-button{display:block;background:none}.is-filtered .project-featured .project-image{aspect-ratio:1.36;height:auto;min-height:0}.is-filtered .project-featured .project-meta{padding:18px 0 0;display:flex;align-items:start;border:0;gap:20px}.is-filtered .project-featured .project-number{margin:0}.is-filtered .project-featured .project-meta h3{font-size:28px}.is-filtered .project-featured .project-description,.is-filtered .project-featured .project-explore{display:none}.is-filtered .project-featured .project-arrow{display:grid}
@media(max-width:600px){.project-featured .project-meta{border:0}.is-filtered .project-featured .project-meta h3{font-size:25px}.hero-visual>img{object-position:50% 66%}.transformation-story h2>span{text-underline-offset:7px;text-decoration-thickness:2px}}

/* Sector navigation and two-step enquiry. */
.sector-nav{display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;gap:30px;padding-block:24px;border-bottom:1px solid var(--line);background:#fff}
.sector-nav>span{font-size:12px;color:var(--muted)}.sector-nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;font-size:15px;border-left:1px solid var(--line);padding-left:30px}.sector-nav i{font-style:normal;color:var(--orange);font-size:24px;transition:transform .2s}.sector-nav a:hover i{transform:translate(2px,-2px)}
.form-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.step-count{font-size:11px;white-space:nowrap;color:#c8d3da}.form-progress{display:flex;list-style:none;gap:20px;margin:23px 0 0;padding:0}.form-progress li{flex:1;border-top:2px solid #536b7c;padding-top:11px;color:#aebfc9;font-size:11px}.form-progress li[aria-current=step]{border-color:var(--orange);color:#fff}.contact-form .form-required{margin:21px 0}.contact-form .sector-field{margin:0 0 26px}.sector-field legend{font-size:12px;font-weight:600;margin-bottom:14px}.sector-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sector-option{position:relative;cursor:pointer;min-width:0}.sector-option input{position:absolute;opacity:0;width:1px;height:1px}.sector-option>span{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #718696;min-height:64px;padding:13px;font-size:12px;line-height:1.4}.sector-option i{font-style:normal;color:#9eb1be;font-size:17px}.sector-option input:checked+span{color:var(--navy);background:white;border-color:white}.sector-option input:checked+span i{color:#b64f00}.sector-option input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}.sector-option input[aria-invalid=true]+span{border-color:#ffc6ad}.sector-option:hover>span{border-color:white}.step-note{font-size:10px;color:#c8d3da;line-height:1.6;margin-top:13px}.project-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #536b7c;padding-bottom:15px;margin-bottom:25px;font-size:12px;line-height:1.6}.project-summary>span{overflow-wrap:anywhere}.project-summary button{background:transparent;color:white;font-size:11px;min-height:44px;flex:none;padding:8px 0 8px 14px}.project-summary button span{margin-left:9px;color:var(--orange)}.contact .field select{font-size:14px}.contact #form-step-title{scroll-margin-top:110px}.contact #form-step-title:focus{outline:none}.contact .form-submit:hover{background:#eef2f5}.contact .form-submit:hover .submit-icon{background:var(--orange)}
@media(max-width:820px){.sector-nav{grid-template-columns:repeat(3,1fr);gap:25px;padding-block:14px}.sector-nav>span{display:none}.sector-nav a{padding-left:20px}.sector-nav a:first-of-type{border:0;padding-left:0}}
/* On phones the photograph leads; the desktop composition is unchanged. */
@media(max-width:600px){
  .site-header{height:68px}.site-header nav{top:67px}.brand{width:178px}.menu-toggle{min-height:44px;font-size:11px;gap:12px}.menu-toggle i{width:24px}
  .hero{flex-direction:column}.hero-visual{order:0;height:clamp(270px,39svh,365px);min-height:0}.hero-visual>img{object-position:50% 74%}
  .hero .hero-caption{top:16px;bottom:auto;left:var(--gutter);right:auto;width:auto;max-width:calc(100% - 46px);padding:10px 12px;gap:18px;background:#fff}.hero-caption strong{font-size:13px;font-weight:600;letter-spacing:-.025em;margin-top:4px}.hero-caption small{font-size:8px}.hero-caption .square-arrow{width:32px;height:32px;font-size:22px}.hero .image-index{display:none}
  .hero-copy{order:1;padding:23px var(--gutter) 24px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.07em;gap:9px}.hero-copy .orange-line{width:19px}.hero h1{font-size:clamp(35px,10.25vw,57px);margin-top:15px;line-height:1.04}.hero-description{font-size:12px;line-height:1.65;margin-top:14px;max-width:360px}.hero .text-link{margin-top:13px;min-height:44px;padding-bottom:5px;gap:23px;font-size:11px}.hero .text-link>span{font-size:24px}
  .sector-nav{padding-block:8px;gap:12px}.sector-nav a{font-size:11px;padding-left:12px;gap:7px;min-height:48px}.sector-nav i{font-size:19px}
  .form-topline{gap:12px}.contact .form-heading{font-size:23px;line-height:1.15}.sector-options{grid-template-columns:repeat(2,1fr)}.sector-option>span{min-height:58px;padding:13px}.contact #form-step-title{scroll-margin-top:90px}.contact .form-progress{gap:15px}.contact .form-required{margin-block:20px}.contact .form-submit{min-height:58px}.contact-form{padding-inline:0}
}
@media(max-width:360px){.brand{width:166px}.hero h1{font-size:34px}.hero-copy{padding-top:21px}.hero-caption strong{font-size:12px}.sector-nav{gap:8px}.sector-nav a{font-size:10px;padding-left:9px}.sector-options{gap:8px}.sector-option>span{font-size:11px;padding:11px}.contact .form-heading{font-size:21px}}

/* Residenza contemporanea dining-room crop and the contrasting editorial section. */
#hero-image{object-position:50% 48%}.intro-blue{background:var(--navy);color:#fff}.intro-blue h2{color:#fff}.intro-blue .secondary{color:#c8d3da}.intro-blue .text-link{color:#fff}.intro-blue .text-link>span{color:var(--orange)}.intro-blue .text-link:focus-visible{outline-color:var(--orange)}.intro-blue+.projects{padding-top:70px}
@media(max-width:600px){#hero-image{object-position:50% 45%}.intro-blue+.projects{padding-top:24px}}
.project-featured .project-button{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.project-card.project-featured .project-image{width:100%;min-width:0}.project-featured .project-meta{min-width:0}