:root{--cream:#f2eee6;--ink:#292521;--plaster:#ddd3c4;--olive:#73785e;--burgundy:#7b3d43;--walnut:#8e6e54;--line:rgba(41,37,33,.18);--muted:#6c6861;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:30;background:var(--cream);padding:.7rem 1rem}.nav{height:72px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:rgba(242,238,230,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font:600 1.04rem var(--display);letter-spacing:-.07em;white-space:nowrap}.brand b{color:var(--burgundy);font-weight:600}.nav-links{display:flex;gap:1.65rem;font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.nav-links a{color:var(--muted);padding:.5rem 0;border-bottom:1px solid transparent}.nav-links a:hover,.nav-links a:focus,.nav-links a[aria-current=page]{color:var(--ink);border-color:var(--burgundy)}.hero{min-height:100svh;padding:11rem 6vw 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;background:var(--ink);color:var(--cream)}.hero-copy{max-width:700px}.kicker,.index{font:500 .64rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.kicker{color:#c49a8d}.hero h1{font:500 clamp(4rem,9vw,10rem) var(--display);letter-spacing:-.12em;line-height:.83;margin:1.7rem 0 2.3rem}.hero h1 em{font-style:normal;color:#d5b39d}.lead{font-size:1.1rem;color:rgba(242,238,230,.7);max-width:390px;margin:0}.button{display:inline-flex;align-items:center;gap:1.3rem;padding:1rem 1.2rem;background:var(--burgundy);color:#fff;font:500 .63rem var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:.2s}.button:hover,.button:focus{background:#612e35;transform:translateY(-2px)}.hero .button{margin-top:1.6rem}.hero-image{height:min(62vw,700px);background:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1500&q=80') center/cover;position:relative}.hero-image:after{content:'Milan / Residential interior';position:absolute;right:1rem;bottom:1rem;background:var(--cream);color:var(--ink);padding:.55rem .7rem;font:500 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.section{padding:8rem 6vw}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;border-top:1px solid var(--line);padding-top:1rem;margin-bottom:3.4rem}.title{font:500 clamp(2.8rem,6vw,6.5rem) var(--display);letter-spacing:-.1em;line-height:.88;margin:1.2rem 0 0}.aside{max-width:290px;color:var(--muted);font-size:.93rem;text-align:right}.plaster{background:var(--plaster)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem}.project{margin:0}.project:nth-child(1),.project:nth-child(4){grid-column:span 7}.project:nth-child(2),.project:nth-child(3),.project:nth-child(5),.project:nth-child(6){grid-column:span 5}.project:nth-child(2),.project:nth-child(5){margin-top:5rem}.project-img{height:clamp(250px,32vw,470px);overflow:hidden;position:relative}.project:nth-child(1) .project-img,.project:nth-child(4) .project-img{height:clamp(300px,42vw,610px)}.project-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.62);transition:transform .7s}.project:hover img{transform:scale(1.035)}.tag{position:absolute;z-index:1;left:1rem;top:1rem;background:var(--cream);padding:.5rem .65rem;font:500 .58rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.project figcaption{display:flex;justify-content:space-between;padding-top:.7rem;font-size:.86rem}.project figcaption span{color:var(--muted);font-size:.78rem}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.philosophy-copy{max-width:500px}.philosophy-copy p{font-size:1.14rem;color:var(--muted)}.material{background:var(--burgundy);color:#fff;min-height:430px;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.material:after{content:'SERA';position:absolute;right:-.11em;bottom:-.12em;color:rgba(242,238,230,.2);font:500 9rem var(--display);letter-spacing:-.13em;line-height:.7}.material .big{position:relative;z-index:1;font:500 8rem var(--display);letter-spacing:-.17em;line-height:.7}.material p{position:relative;z-index:1;max-width:290px;color:rgba(255,255,255,.7)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service{padding:1.5rem 1.2rem 2rem 0;border-bottom:1px solid var(--line);min-height:175px}.service:not(:first-child){padding-left:1.2rem;border-left:1px solid var(--line)}.service-num{font:500 .63rem var(--mono);color:var(--burgundy)}.service h3{font:500 clamp(1.35rem,2.5vw,2.4rem) var(--display);letter-spacing:-.08em;line-height:.95;margin:2.7rem 0 0}.process-list{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--line)}.process-row h3{font:500 clamp(1.8rem,3.5vw,3.8rem) var(--display);letter-spacing:-.08em;line-height:.9;margin:0}.process-row p{max-width:320px;color:var(--muted);margin:0}.cta-band{background:var(--olive);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:2rem}.cta-band .index{color:#e0e1ce}.cta-band .button{background:var(--ink)}.cta-band .button:hover{background:#111}.page-hero{min-height:72svh;padding:11rem 6vw 6rem;background:var(--plaster);display:flex;align-items:end}.page-hero h1{font:500 clamp(4rem,9vw,10rem) var(--display);letter-spacing:-.12em;line-height:.83;margin:1.7rem 0 2rem}.page-hero h1 em{font-style:normal;color:var(--burgundy)}.page-hero .hero-inner{max-width:920px}.page-hero .lead{color:var(--muted)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.detail h2{font:500 clamp(2.3rem,5vw,5.5rem) var(--display);letter-spacing:-.1em;line-height:.88;margin:1.2rem 0 2rem}.detail p{color:var(--muted);max-width:400px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gallery img{width:100%;height:230px;object-fit:cover;filter:saturate(.6)}.gallery img:first-child{grid-column:span 2;height:430px}.studio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:center}.studio-card{background:var(--ink);color:var(--cream);min-height:460px;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}.studio-card .mark{font:500 8rem var(--display);letter-spacing:-.15em;line-height:.7;color:#c49a8d}.studio-copy{max-width:520px}.studio-copy p{font-size:1.12rem;color:var(--muted)}.contact{background:var(--plaster)}.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.contact-intro{font-size:1.1rem;color:var(--muted);max-width:330px}.contact-intro a{color:var(--burgundy);text-decoration:underline;text-underline-offset:3px}.form{border-top:1px solid var(--line)}.field{padding:1rem 0;border-bottom:1px solid var(--line)}.field label{display:block;color:var(--muted);font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem}.field input,.field select,.field textarea{width:100%;border:0;background:transparent;color:var(--ink);outline:none;padding:0}.field select{appearance:none}.field textarea{resize:vertical;min-height:100px}.consent{display:flex;gap:.6rem;padding:1rem 0;color:var(--muted);font-size:.78rem}.consent input{accent-color:var(--burgundy);margin-top:.25rem}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.form-note{font-size:.77rem;color:var(--muted);max-width:280px}.status{font-size:.83rem;color:var(--burgundy);min-height:1.3em;margin:.8rem 0 0}.whatsapp{position:fixed;z-index:15;right:1.25rem;bottom:1.25rem;border-radius:999px;background:#238b58;color:#fff;padding:.75rem 1rem;display:flex;align-items:center;gap:.6rem;box-shadow:0 8px 22px rgba(0,0,0,.18);font:500 .61rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.whatsapp svg{width:18px;height:18px;fill:currentColor}footer{padding:1.5rem 6vw 2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);font:500 .62rem var(--mono);letter-spacing:.07em;text-transform:uppercase}footer a:hover{color:var(--burgundy)}@media(max-width:760px){.nav{height:64px;padding:0 5vw}.nav-links{gap:.75rem;max-width:65%;overflow-x:auto;white-space:nowrap;font-size:.51rem}.hero{display:block;padding:8rem 5vw 4rem}.hero h1{font-size:clamp(3.7rem,16vw,6.4rem);margin:1.5rem 0 2rem}.hero-image{height:82vw;margin-top:3.5rem}.section{padding:5rem 5vw}.section-head{display:block;margin-bottom:2.2rem}.aside{text-align:left;margin-top:1rem}.project-grid{grid-template-columns:1fr 1fr;gap:1rem}.project,.project:nth-child(n){grid-column:span 1;margin:0}.project:nth-child(1),.project:nth-child(4){grid-column:span 2}.project-img,.project:nth-child(n) .project-img{height:clamp(190px,55vw,320px)}.project:nth-child(1) .project-img,.project:nth-child(4) .project-img{height:clamp(250px,73vw,430px)}.project figcaption{display:block;font-size:.78rem}.project figcaption span{display:block;margin-top:.25rem;font-size:.7rem}.tag{left:.65rem;top:.65rem;font-size:.5rem}.philosophy,.detail,.studio-grid,.contact-grid{display:block}.material,.studio-card{min-height:340px;margin-bottom:2.5rem;padding:1.7rem}.material .big{font-size:6rem}.service-grid{display:block}.service{min-height:auto;padding:1.3rem 0 1.7rem}.service:not(:first-child){padding-left:0;border-left:0}.service h3{margin:1.5rem 0 0}.process-row{grid-template-columns:38px 1fr;gap:.8rem 1rem}.process-row p{grid-column:2}.process-row h3{font-size:2rem}.cta-band{display:block}.cta-band .button{margin-top:2rem}.page-hero{min-height:70svh;padding:8rem 5vw 4rem}.page-hero h1{font-size:clamp(3.7rem,16vw,6.4rem)}.gallery{margin-top:2.5rem}.gallery img{height:180px}.gallery img:first-child{height:300px}.contact-intro{margin-bottom:2.5rem}.whatsapp{right:.7rem;bottom:.7rem;padding:.7rem .85rem}.whatsapp span{display:none}footer{display:block;line-height:2.1;padding:1.3rem 5vw}footer span,footer a{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.project-img img{transition:none}}
