/* InspiredHome — premium visual refinement layer */
:root{
  --paper:#f4f1eb;
  --ink:#25231f;
  --muted:#777168;
  --clay:#a66f54;
  --home-accent:#b78b65;
  --line:rgba(37,35,31,.14);
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --premium-dark:#26251f;
  --premium-cream:#e9e3d8;
}
html{scroll-padding-top:90px}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;letter-spacing:-.018em;-webkit-font-smoothing:antialiased}
::selection{background:#c6a486;color:#211e1a}
.noise{opacity:.022}
a{transition:color .25s ease,opacity .25s ease}
.site-header{padding-top:24px;padding-bottom:24px;backdrop-filter:blur(0);transition:background .3s ease,padding .3s ease}
.header-brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.06em;font-weight:500}
.header-logo{width:29px;height:29px;object-fit:contain}
.desktop-nav{gap:clamp(18px,2.3vw,36px);margin-left:auto;margin-right:clamp(20px,3vw,48px)}
.desktop-nav a,.header-contact{font-size:12px;letter-spacing:.035em;font-weight:500}
.header-contact{border:1px solid currentColor;border-radius:999px;padding:12px 18px}
.header-contact:hover{background:#fff;color:#25231f;opacity:1}
.home-announcement{background:#282720;color:#e9e3d8}
.hero{min-height:700px;height:min(920px,100svh)}
.hero-image{transform:scale(1.015);transition:transform 8s cubic-bezier(.2,.6,.2,1)}
.hero.hero-ready .hero-image.is-active{transform:scale(1.075)}
.hero-overlay{background:linear-gradient(90deg,rgba(17,17,15,.48),rgba(17,17,15,.08) 72%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 30%,rgba(0,0,0,.48))}
.hero-content{padding:clamp(135px,15vh,190px) 7.4% 54px}
.hero-content h1{max-width:1100px;font-size:clamp(66px,10.4vw,154px);line-height:.84;letter-spacing:-.085em}
.hero-content h1 em,.page-title em,.section-heading h2 em,.services h2 em,.studio h2 em{color:#d4b69a}
.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600}
.hero-bottom p{font-size:13px;line-height:1.55;font-weight:500;max-width:270px}
.scroll-cue{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.section-pad{padding-left:max(7.2vw,28px);padding-right:max(7.2vw,28px)}
.intro{padding-top:clamp(100px,13vw,190px);padding-bottom:clamp(100px,13vw,190px)}
.statement{font-size:clamp(44px,6.2vw,90px);line-height:.98;max-width:1050px;margin:clamp(70px,10vw,145px) 0 48px}
.small-copy{font-size:13px;line-height:1.7;color:#68645d}
.section-heading{grid-template-columns:.75fr 2fr .75fr;margin-bottom:52px}
.section-heading h2,.services h2,.studio h2{font-size:clamp(44px,5.7vw,82px);line-height:.94}
.text-link{font-size:12px;letter-spacing:.035em;border-bottom-color:#8b7867;padding-bottom:9px;gap:30px}
.project-grid{gap:90px 34px}
.project-card img,.project-image,.service-gallery-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.project-card:hover img,.service-gallery-card:hover img{transform:scale(1.035)}
.project-card .project-title,.project-card h3{letter-spacing:-.04em}
.project-card .project-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.page-hero{padding-top:clamp(130px,16vw,220px);padding-bottom:clamp(75px,9vw,125px);background:var(--paper)}
.page-title{font-size:clamp(68px,11vw,150px);line-height:.82;letter-spacing:-.085em}
.page-title em{color:var(--clay)}
.seo-lead{max-width:590px;color:#69645d;font-size:15px;line-height:1.8;margin-top:30px}
.service-showcase-heading{padding-top:60px;padding-bottom:48px}
.service-showcase-heading h2{font-size:clamp(44px,6.5vw,88px);line-height:.92;letter-spacing:-.07em}
.service-showcase-heading h2 em{color:var(--clay)}
.service-showcase-heading>p:last-child{max-width:440px;color:#6d675f;line-height:1.7;font-size:14px}
.service-showcase-grid{gap:18px}
.service-gallery-card{overflow:hidden;background:#e8e2d8}
.service-gallery-card img{display:block;width:100%;height:100%;object-fit:cover}
.service-gallery-card:focus-within{outline:2px solid var(--clay);outline-offset:4px}
.filters{gap:8px;margin-bottom:32px}
.filters button{border-radius:999px;padding:10px 19px;font-size:11px;letter-spacing:.04em;border-color:rgba(37,35,31,.22);transition:all .25s ease}
.filters button:hover{border-color:var(--ink)}
.filters .on{background:var(--premium-dark);border-color:var(--premium-dark)}
.process{padding-top:100px;padding-bottom:110px}
.process-item{border-top:1px solid var(--line);padding:26px 0}
.quote{background:var(--premium-dark);color:#f4f1eb;padding:clamp(70px,10vw,140px) 7.2%;font:400 clamp(32px,4.7vw,64px)/1.08 var(--serif);letter-spacing:-.035em}
.quote em{color:#c9a98b}
.studio-showcase{padding-top:70px;padding-bottom:100px}
.studio-values{padding-top:90px;padding-bottom:110px;background:#eae5dc}
.studio-value-card,.founder-card{border-top:1px solid var(--line);padding-top:24px}
.founder-card img,.founder-portraits img{filter:saturate(.82)}
.contact-page{background:var(--premium-dark);color:#f4f1eb}
.contact-page h1{font-size:clamp(58px,8vw,112px);line-height:.9;letter-spacing:-.075em}
.contact-page h1 em{color:#c9a98b}
.contact-page-copy .eyebrow,.contact-page .eyebrow{color:#c9a98b}
.contact-panel{background:#302e27}
.contact-form input,.contact-form textarea,.contact-form select{background:transparent;color:#f4f1eb;border-radius:0;border-bottom:1px solid rgba(244,241,235,.35)}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#c9a98b;outline:none}
.contact-form button,.contact-link{border-radius:999px;letter-spacing:.04em}
.contact-form button{background:#c9a98b;color:#25231f;padding:15px 24px}
.contact-form button:hover{background:#eee4d8}
.site-footer{background:#211f1b;color:#c8c2b8;padding-top:72px;padding-bottom:72px;gap:48px}
.site-footer .brand{font-size:21px;color:#f4f1eb}
.site-footer a:hover{color:#d8b999}
.seo-page{padding-top:80px;padding-bottom:100px}
.seo-h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.06em;font-weight:500}
.seo-faq details{border-top:1px solid var(--line);padding:20px 0}
.seo-faq summary{font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.seo-faq summary:after{content:'+';font-size:20px;color:var(--clay);line-height:1}
.seo-faq details[open] summary:after{content:'−'}
.seo-faq p{max-width:760px;color:#6c675f;line-height:1.75;margin:16px 0 0}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid #b78b65;outline-offset:4px}
@media(min-width:1101px){
 body[data-page="home"] .site-header{top:32px;padding-left:7.2%;padding-right:7.2%}
 body[data-page="home"] .header-contact{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.65)}
 body[data-page="home"] .header-contact:hover{background:#f4f1eb;color:#25231f}
}
@media(max-width:1100px){
 .site-header{padding-top:16px;padding-bottom:16px}
 .header-brand{font-size:18px}
 body[data-page="home"] .site-header{top:0;background:rgba(20,19,17,.18);backdrop-filter:blur(12px)}
 .menu-toggle{border:1px solid rgba(255,255,255,.45);border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center}
 .menu-toggle span{background:#fff!important}
 body:not([data-page="home"]) .menu-toggle{border-color:var(--line)}
 body:not([data-page="home"]) .menu-toggle span{background:var(--ink)!important}
 .mobile-nav{background:var(--paper)}
 .mobile-nav a{font-family:var(--serif);font-size:clamp(30px,7vw,44px);font-weight:400}
 .hero{min-height:650px;height:88svh}
 .hero-content{padding:140px 7% 38px}
 .hero-content h1{font-size:clamp(62px,12vw,112px)}
 .section-heading{grid-template-columns:1fr;gap:20px}
 .section-heading .text-link{justify-self:start}
 .project-grid{gap:56px 20px}
 .site-footer{gap:32px}
}
@media(max-width:700px){
 .hero{height:82svh;min-height:600px}
 .hero-content{padding:130px 24px 30px}
 .hero-content h1{font-size:clamp(58px,14vw,92px);line-height:.88}
 .hero-bottom{align-items:end;gap:20px}
 .hero-bottom p{width:min(62%,250px);font-size:12px}
 .scroll-cue{font-size:9px;gap:7px}
 .scroll-cue span{width:24px}
 .section-pad{padding-left:24px;padding-right:24px}
 .intro{padding-top:90px;padding-bottom:95px}
 .intro-top{display:grid;gap:18px}
 .statement{font-size:clamp(42px,11vw,66px);margin:75px 0 35px}
 .section-heading h2,.services h2,.studio h2{font-size:clamp(42px,11vw,66px)}
 .project-grid{grid-template-columns:1fr;gap:42px}
 .project-card.project-small{width:100%}
 .page-hero{padding-top:128px;padding-bottom:68px}
 .page-title{font-size:clamp(62px,15vw,100px)}
 .seo-lead{font-size:14px;line-height:1.7}
 .service-showcase-heading{padding-top:42px;padding-bottom:28px}
 .service-showcase-grid{gap:12px}
 .process{padding-top:65px;padding-bottom:70px}
 .studio-values{padding-top:65px;padding-bottom:75px}
 .contact-page-copy,.contact-panel{padding-left:24px;padding-right:24px}
 .site-footer{padding:52px 24px}
 .quote{padding:70px 24px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}