:root{--ink:#211f1d;--paper:#f8f5f0;--cream:#eee8df;--gold:#af8750;--line:#d8d0c5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:300;line-height:1.6}
img{display:block;width:100%}a{color:inherit;text-decoration:none}.site-header{height:94px;background:rgba(255,255,255,.96);display:flex;align-items:center;padding:0 3.5vw;gap:36px;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(0,0,0,.06)}
.brand{display:flex;flex-direction:column;min-width:270px}.brand span{font:600 30px/1 "Cormorant Garamond",serif;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.55em;margin-top:8px}
.nav{margin-left:auto;display:flex;gap:32px;align-items:center}.nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:36px 0 31px;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--gold)}
.languages{display:flex;gap:8px;font-size:11px}.languages button{border:0;background:none;cursor:pointer;color:#777;padding:0}.languages button.active{color:var(--ink);font-weight:600}.menu-toggle{display:none;background:none;border:0;font-size:24px;margin-left:auto}
.hero{min-height:680px;display:grid;grid-template-columns:39% 61%;background:#f4f0eb}.hero-copy{padding:110px 5vw 70px 13vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:500;color:#766758}.hero h1,.section h2{font:500 clamp(44px,5vw,72px)/.96 "Cormorant Garamond",serif;letter-spacing:-.02em;margin:12px 0 22px}.gold-line{width:54px;height:1px;background:var(--gold);margin:2px 0 22px}.hero-copy>p:not(.eyebrow){max-width:390px;font-size:17px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500;padding:15px 23px;border:1px solid var(--gold);cursor:pointer}.primary{background:var(--gold);color:#fff}.ghost{background:transparent;color:var(--ink)}
.hero-scene{position:relative;overflow:hidden;background:linear-gradient(115deg,#ddd5ca,#f4eee6 65%,#d5cabd);display:flex;align-items:center;justify-content:center;padding:80px 8% 120px}.hero-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.8),transparent 35%);pointer-events:none}.wall-art{position:relative;width:min(720px,90%);padding:12px;background:#342b26;box-shadow:0 14px 35px rgba(0,0,0,.24)}.wall-art img{aspect-ratio:16/9;object-fit:cover}.console{position:absolute;bottom:82px;width:76%;height:46px;background:#b7a894;box-shadow:0 24px 0 #82715f;display:flex;gap:70px;align-items:center;padding-left:13%}.console span{width:60px;height:10px;border-radius:50%;background:#3d322c}
.section{padding:90px 5.5vw}.section-heading{text-align:center;max-width:780px;margin:0 auto 42px}.section-heading h2{font-size:52px}.section-heading p:last-child{color:#6f6861}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category{position:relative;overflow:hidden;min-height:225px}.category img{height:100%;object-fit:cover;transition:.5s}.category:hover img{transform:scale(1.05)}.category div{position:absolute;left:0;right:0;bottom:0;padding:45px 15px 16px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;text-align:center;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.muted{background:var(--cream)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.portfolio-grid figure{margin:0;background:#fff;padding:12px 12px 16px}.portfolio-grid img{aspect-ratio:4/5;object-fit:cover}.portfolio-grid figcaption{padding-top:13px}.portfolio-grid figcaption span{font-family:"Cormorant Garamond",serif;font-size:24px}.portfolio-grid small{display:block;color:#83786d}
.about{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:55px;align-items:center}.about-image img{aspect-ratio:1.15/1;object-fit:cover}.about-copy h2{font-size:48px}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:3px;margin-top:8px}blockquote{font:italic 30px/1.35 "Cormorant Garamond",serif;margin:0;padding:35px;border-left:1px solid var(--gold)}
.process{background:#25211e;color:#f5efe8}.process .eyebrow{color:#c6aa80}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps>div{border-top:1px solid #6c5d4e;padding-top:24px}.steps b{font:500 34px "Cormorant Garamond",serif;color:#bd9560}.steps h3{font:500 27px "Cormorant Garamond",serif}.steps p{color:#cfc7bf;font-size:14px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1200px;margin:auto}.contact h2{font-size:54px}.contact form{display:grid;gap:18px}.contact label span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px}.contact input,.contact textarea,.contact select{width:100%;border:0;border-bottom:1px solid #bfb5aa;background:transparent;padding:12px 2px;font:inherit}.contact .button{width:max-content}
footer{background:#e8e1d8;padding:36px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}footer .brand{min-width:auto}footer .brand span{font-size:24px}
@media(max-width:1050px){.site-header{height:76px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 5vw 20px;align-items:flex-start}.nav.open{display:flex}.nav a{padding:13px 0}.languages{margin-left:0}.brand{min-width:auto}.brand span{font-size:25px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8vw}.hero-scene{min-height:480px}.category-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1fr}.about blockquote{grid-column:1/-1}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{padding:0 20px}.languages{display:none}.brand small{letter-spacing:.35em}.hero-copy{padding:65px 24px}.hero h1{font-size:52px}.hero-scene{min-height:350px;padding:55px 25px 95px}.console{bottom:60px}.section{padding:65px 22px}.section-heading h2,.about-copy h2,.contact h2{font-size:42px}.category-grid,.portfolio-grid,.about,.steps,.contact{grid-template-columns:1fr}.category{min-height:245px}.about{gap:28px}.contact{gap:40px}footer{flex-direction:column;text-align:center}.hero-actions .button{width:100%}}