/* Interior pages share the homepage's material palette and type system. */
:root{--ink:#181a19;--slate:#2a302d;--paper:#f4f1ea;--soft:#e9e4d9;--brass:#b28a55;--white:#fffdf9;--line:rgba(24,26,25,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Manrope,Arial,sans-serif}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(3.9rem,7.8vw,8rem);max-width:11ch;margin-bottom:1.5rem}h2{font-size:clamp(2.7rem,5.4vw,5.4rem);margin-bottom:1.25rem}h3{font-size:clamp(1.55rem,2.2vw,2.25rem)}p{max-width:70ch}.wrap{width:min(100% - 10vw,1480px);margin-inline:auto}.section{padding-block:clamp(5rem,8vw,9rem)}.eyebrow{display:flex;align-items:center;gap:.75rem;color:var(--brass);font:500 .67rem/1.3 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:29px;height:1px;background:currentColor}.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);color:#5a5e57;line-height:1.7}.muted{color:#62665e}.button{display:inline-flex;justify-content:center;align-items:center;gap:.65rem;border:1px solid transparent;padding:1rem 1.3rem;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--slate);color:white}.button-dark:hover{background:var(--brass)}.button-light{background:var(--white);color:var(--ink)}.button-outline{border-color:rgba(255,255,255,.65);color:white}.button-outline:hover{background:white;color:var(--ink)}.button-whatsapp{background:#25d366;color:#103d21}.text-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--brass);border-bottom:1px solid currentColor;padding-bottom:.4rem;font:500 .7rem/1.2 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.text-link:hover{color:var(--ink)}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:1.25rem 5vw;display:flex;justify-content:space-between;align-items:center;background:rgba(24,26,25,.95);color:white;transition:padding .3s,box-shadow .3s}.site-header.scrolled{padding-block:.85rem;box-shadow:0 4px 20px rgba(0,0,0,.14)}.brand{font-family:"Playfair Display",Georgia,serif;font-size:1.8rem;letter-spacing:-.08em;line-height:1}.brand em{color:var(--brass)}.nav-links{display:flex;align-items:center;gap:1.5rem;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.nav-links>a:not(.nav-quote){opacity:.8}.nav-links>a:hover,.nav-links>a[aria-current]{opacity:1;color:#d9af78}.nav-quote{border:1px solid rgba(255,255,255,.55);padding:.7rem .9rem}.nav-quote:hover{background:var(--brass);border-color:var(--brass);color:white!important}.menu-button{display:none;appearance:none;border:0;background:none;color:white;font-size:1.25rem}
.page-hero{padding:clamp(9rem,16vw,14rem) 0 clamp(4rem,7vw,7rem);background:var(--slate);color:white;position:relative;overflow:hidden}.page-hero:not(.page-hero--image) h1{max-width:18ch}.page-hero:after{content:"IW";position:absolute;right:-1vw;bottom:-.1em;font:700 clamp(17rem,37vw,39rem)/.7 "Playfair Display",Georgia,serif;letter-spacing:-.13em;color:rgba(255,255,255,.035);pointer-events:none}.page-hero .wrap{position:relative;z-index:1}.page-hero .eyebrow{margin-bottom:1.4rem;color:#e5bd83}.page-hero .lead{color:rgba(255,255,255,.75);max-width:52ch}.page-hero--image{min-height:78vh;display:flex;align-items:end;background-size:cover;background-position:center}.page-hero--image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,18,.88),rgba(17,20,18,.3)),linear-gradient(0deg,rgba(17,20,18,.54),transparent)}.page-hero--image:after{display:none}.page-hero--image .wrap{padding-bottom:1rem}.page-hero--image .lead{color:white}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,9vw,9rem);align-items:start}.intro-grid h2{max-width:12ch}.intro-grid .lead{margin-top:.2rem}.rule{border:0;border-top:1px solid var(--line);margin:0}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}.section-heading h2{max-width:13ch;margin:0}.section-heading .eyebrow{margin-bottom:1rem}
.feature-band{background:var(--slate);color:white}.feature-band .muted,.feature-band .lead{color:rgba(255,255,255,.72)}.feature-band .eyebrow{color:#dcb47b}.feature-band .rule{border-color:rgba(255,255,255,.18)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:center}.split.reverse>*:first-child{order:2}.split-photo{height:clamp(420px,44vw,670px);overflow:hidden;background:#d8d4c9}.split-photo img{height:100%;object-fit:cover}.split-copy{max-width:540px}.split-copy h2{max-width:13ch}.split-copy p{color:#5b5f58}.feature-band .split-copy p{color:rgba(255,255,255,.7)}.service-note{padding-top:1.4rem;border-top:1px solid var(--line);margin-top:2rem;font-size:.9rem;color:#666b63}.service-note b{color:var(--ink)}.feature-band .service-note{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.7)}.feature-band .service-note b{color:white}.inline-list{list-style:none;margin:1.7rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}.inline-list li{padding:.55rem .7rem;border:1px solid var(--line);font:500 .65rem/1.2 "DM Mono",monospace;letter-spacing:.05em;text-transform:uppercase}.feature-band .inline-list li{border-color:rgba(255,255,255,.22)}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:340px;gap:1rem}.work-grid figure{position:relative;overflow:hidden;background:#ddd8cf}.work-grid figure:first-child{grid-row:span 2}.work-grid figure:nth-child(5){grid-column:span 2}.work-grid img{height:100%;object-fit:cover;transition:transform .6s}.work-grid figure:hover img{transform:scale(1.05)}.work-grid figcaption{position:absolute;left:0;bottom:0;padding:.62rem .75rem;background:white;font:500 .63rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;border-top:1px solid var(--line)}.case-facts div{padding-top:1.2rem;font-size:.9rem;color:#60645d}.case-facts b{display:block;margin-bottom:.35rem;color:var(--ink);font:500 .68rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.quote-panel{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;background:var(--soft)}.quote-panel h2{font-size:clamp(2.3rem,4vw,4rem);max-width:14ch;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:285px;gap:1rem}.project-grid figure{position:relative;overflow:hidden;background:#313733}.project-grid figure:nth-child(3){grid-row:span 2}.project-grid img{height:100%;object-fit:cover;transition:transform .6s}.project-grid figure:hover img{transform:scale(1.04)}.project-grid figcaption{position:absolute;left:0;bottom:0;padding:.65rem .8rem;background:rgba(20,23,21,.9);color:white;font:500 .62rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.project-grid__wide{grid-column:span 2}.project-grid-actions{margin-top:2rem}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.value-card{padding:2rem;border-top:1px solid var(--line);background:rgba(255,255,255,.35)}.value-card i{font-size:1.4rem;color:var(--brass)}.value-card h3{margin:3rem 0 .7rem}.value-card p{color:#62665e;font-size:.9rem;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.step{border-top:1px solid rgba(255,255,255,.25);padding-top:1.3rem}.step span{font:500 .68rem "DM Mono",monospace;color:#dcb47b}.step h3{margin:1.4rem 0 .7rem}.step p{color:rgba(255,255,255,.7);font-size:.92rem}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,8vw,8rem)}.contact-layout h2{max-width:11ch}.contact-links{display:grid;gap:1rem;margin-top:2.5rem}.contact-links a,.contact-links div{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;font-size:1.05rem}.contact-links i{color:var(--brass);width:1.2rem}.contact-links a:hover{color:var(--brass)}.quote-form{padding:clamp(1.5rem,3vw,3rem);background:var(--white);box-shadow:0 18px 50px rgba(20,22,20,.06)}.form-title{font:500 2rem "Playfair Display",Georgia,serif;letter-spacing:-.04em;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.field{display:flex;flex-direction:column;gap:.4rem}.field.full{grid-column:1/-1}label{font:500 .64rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#666960}input,select,textarea{width:100%;border:0;border-bottom:1px solid #cac9c1;border-radius:0;outline:0;padding:.8rem 0;background:transparent;font-size:.9rem;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--brass)}textarea{min-height:100px;resize:vertical}.quote-form button{margin-top:1.6rem;width:100%}.form-note{font-size:.75rem;color:#686c65;text-align:center;margin:.8rem auto 0}
.ad-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.ad-item{display:flex;flex-direction:column;gap:.9rem}.ad-frame{aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--slate);color:white;isolation:isolate}.ad-frame img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.ad-item:hover img{transform:scale(1.04)}.ad-frame:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,15,12,.93),rgba(10,15,12,.05) 72%)}.ad-frame--door:before{background:linear-gradient(0deg,rgba(14,15,14,.94),rgba(14,15,14,.28) 72%)}.ad-frame--finish:before{background:linear-gradient(0deg,rgba(24,28,26,.96),rgba(24,28,26,.05) 72%)}.ad-brand{position:absolute;top:1.3rem;left:1.3rem;font:500 1.5rem "Playfair Display",serif;letter-spacing:-.07em}.ad-brand em{color:#e5bd83}.ad-frame-content{position:absolute;bottom:1.4rem;left:1.4rem;right:1.4rem}.ad-frame-content small{display:block;margin-bottom:1rem;font:500 .59rem "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#e5bd83}.ad-frame-content strong{display:block;max-width:10ch;font:500 clamp(2.4rem,4vw,4.3rem)/.98 "Playfair Display",serif;letter-spacing:-.06em}.ad-frame-content span{display:block;margin-top:1.2rem;font-size:.8rem}.ad-item-footer{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.ad-item-footer b{font:500 .67rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.ad-item-footer a{font-size:.7rem;color:var(--brass);text-transform:uppercase;font-weight:800}.ad-note{margin-top:1rem;color:#696d66;font-size:.83rem}.flyer-shell{min-height:100vh;padding:8rem 5vw 4rem;background:#e7e5de}.flyer-toolbar{width:min(100%,750px);margin:0 auto 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.flyer-toolbar p{margin:0;font-size:.82rem;color:#64685f}.flyer-canvas{position:relative;width:min(100%,750px);aspect-ratio:4/5;margin:auto;overflow:hidden;background:var(--slate);color:white;box-shadow:0 30px 80px rgba(14,17,14,.23);isolation:isolate}.flyer-canvas img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2}.flyer-canvas:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,16,13,.96),rgba(11,16,13,.08) 73%)}.flyer-canvas[data-theme=door]:before{background:linear-gradient(0deg,rgba(12,14,13,.97),rgba(12,14,13,.24) 75%)}.flyer-canvas .flyer-top{position:absolute;top:5%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:start;gap:1rem}.flyer-canvas .flyer-top .brand{font-size:clamp(2rem,5vw,3.4rem)}.flyer-canvas .flyer-top span{font:500 clamp(.5rem,1vw,.75rem) "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid white;padding-top:.55rem}.flyer-copy{position:absolute;left:6%;right:6%;bottom:6%}.flyer-copy small{display:block;color:#e5bd83;font:500 clamp(.7rem,1.5vw,1.05rem) "DM Mono",monospace;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2.5%}.flyer-copy h1{font-size:clamp(3rem,8vw,7.5rem);line-height:.95;max-width:10ch;margin-bottom:3%}.flyer-copy p{font-size:clamp(.9rem,1.8vw,1.35rem);margin-bottom:5%;max-width:30ch}.flyer-bottom{display:flex;justify-content:space-between;gap:1rem;align-items:end;border-top:1px solid rgba(255,255,255,.6);padding-top:3%;font:500 clamp(.65rem,1.25vw,1rem) "DM Mono",monospace;letter-spacing:.04em}.flyer-bottom span:last-child{text-align:right}
.cta-strip{background:var(--brass);color:#171c18;padding:4.2rem 0}.cta-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta-strip h2{font-size:clamp(2.3rem,4.5vw,4.8rem);max-width:13ch;margin:0}.cta-strip .button{white-space:nowrap}.site-footer{background:var(--ink);color:rgba(255,255,255,.72);padding:3rem 5vw 1.3rem}.footer-top{display:flex;justify-content:space-between;gap:3rem}.footer-top .brand{color:white}.footer-top p{max-width:35ch;font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.footer-links a:hover{color:#e5bd83}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1.2rem;margin-top:3rem;font:500 .62rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.ad-brand,.flyer-canvas .flyer-top .brand{text-shadow:0 2px 14px rgba(0,0,0,.68)}.flyer-canvas .flyer-top span{text-shadow:0 2px 10px rgba(0,0,0,.7)}
.campaign-hero{background:#262d29}.campaign-hero h1{max-width:12ch!important}.campaign-hero-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.6rem}.campaign-hero-meta span{border:1px solid rgba(255,255,255,.3);padding:.65rem .85rem;color:#ece8de;font:500 .64rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.campaign-intro{max-width:23ch!important;margin:0}.campaign-filters{display:flex;flex-wrap:wrap;gap:.55rem;border-top:1px solid var(--line);padding:1.2rem 0 2rem}.campaign-filters button{appearance:none;border:1px solid #cbc6b9;background:transparent;color:var(--ink);padding:.68rem .85rem;cursor:pointer;font:600 .69rem "DM Mono",monospace;letter-spacing:.04em;transition:background .2s,color .2s,border-color .2s}.campaign-filters button span{margin-left:.55rem;opacity:.6}.campaign-filters button:hover,.campaign-filters button.active{background:var(--slate);color:white;border-color:var(--slate)}.campaign-gallery{row-gap:3rem}.campaign-gallery .ad-frame:after,.flyer-canvas:after{content:"";position:absolute;top:1.2rem;right:1.2rem;width:2rem;height:2rem;border-top:1px solid #e5bd83;border-right:1px solid #e5bd83;pointer-events:none}.campaign-gallery .ad-frame-content strong{font-size:clamp(2.25rem,3.8vw,4rem)}.campaign-gallery .ad-frame-content span{line-height:1.45}.flyer-pagination{width:min(100%,750px);display:flex;justify-content:space-between;margin:1.4rem auto 0;font:600 .68rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.flyer-pagination a{display:inline-flex;align-items:center;gap:.55rem;border-bottom:1px solid var(--brass);padding-bottom:.4rem}.flyer-pagination a:hover{color:var(--brass)}.flyer-canvas .flyer-copy h1{font-size:clamp(3rem,7vw,6.3rem)}
.ad-item-actions,.flyer-toolbar-actions{display:flex;align-items:center;gap:.9rem}.ad-item-actions a{white-space:nowrap}.flyer-toolbar-actions{gap:.5rem}.flyer-toolbar-actions .button{white-space:nowrap}.campaign-gallery .ad-item-footer{align-items:flex-start}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-links{gap:.8rem}.nav-links>a:not(.nav-quote){display:none}.menu-button{display:block}.nav-links{position:absolute;top:100%;right:0;left:0;background:var(--ink);padding:1.2rem 5vw;display:none;flex-direction:column;align-items:stretch;gap:1rem}.nav-links.open{display:flex}.nav-links>a:not(.nav-quote){display:block}.nav-quote{text-align:center}.work-grid{grid-auto-rows:280px}.project-grid{grid-auto-rows:230px}}
@media(max-width:700px){.wrap{width:calc(100% - 3rem)}.page-hero{padding:9rem 0 4rem}.page-hero--image{min-height:670px}.intro-grid,.split,.contact-layout{grid-template-columns:1fr}.split.reverse>*:first-child{order:0}.split-photo{height:480px}.values-grid,.steps,.ad-gallery{grid-template-columns:1fr}.ad-gallery{max-width:470px;margin:auto}.ad-frame-content strong{font-size:3.6rem}.work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.work-grid figure:first-child{grid-row:span 2}.work-grid figure:nth-child(5){grid-column:span 2}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.project-grid figure:nth-child(3){grid-row:auto}.project-grid__wide{grid-column:span 2}.case-facts{grid-template-columns:1fr 1fr}.quote-panel,.cta-strip .wrap{align-items:start;flex-direction:column}.quote-panel{padding:2rem}.footer-top{flex-direction:column}.flyer-shell{padding:7rem 1rem 2rem}.flyer-toolbar{align-items:start;flex-direction:column}.flyer-toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.flyer-toolbar .button{width:100%}}
@media(max-width:500px){h1{font-size:clamp(3.65rem,16vw,5rem)}.hero-actions{display:grid}.hero-actions .button{width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.work-grid{grid-template-columns:1fr;grid-auto-rows:280px}.work-grid figure:first-child,.work-grid figure:nth-child(5){grid-column:auto;grid-row:auto}.case-facts{grid-template-columns:1fr}.flyer-copy h1{font-size:clamp(2.5rem,10.5vw,4rem)}.flyer-copy p{font-size:.85rem}.flyer-top span{max-width:10ch;text-align:right}.flyer-bottom{font-size:.55rem}.footer-bottom{flex-direction:column}}
@media print{body{background:white}.site-header,.site-footer,.flyer-toolbar,.flyer-pagination{display:none!important}.flyer-shell{padding:0;background:white;min-height:0}.flyer-canvas{width:100%;height:100vh;max-height:none;aspect-ratio:auto;box-shadow:none;break-inside:avoid}.flyer-canvas,.flyer-canvas *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.flyer-copy h1{font-size:10vw}.flyer-copy p{font-size:2vw}@page{size:portrait;margin:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
