:root{--text:#251e18;--paper:#fcf5e9;--dark:#1e1712;--gold:#c5a375;--serif:"Times New Roman","Noto Serif",Georgia,serif;--sans:Arial,"Noto Sans",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,p{margin:0}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.018em}.wrap{width:90.4%;max-width:1700px;margin-left:auto;margin-right:auto}.link-rule{display:inline-flex;align-items:center;gap:12px;position:relative;padding:3px 0 8px;color:inherit;font-family:var(--serif);font-size:clamp(13px,1.45vw,20px);white-space:nowrap}.link-rule::after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 20px);height:1px;background:currentColor}.link-rule span{font-family:Arial;font-size:.95em}.link-rule:hover{color:#d7b68c}.eyebrow{display:flex;align-items:center;gap:12px;color:#9d835e;font:700 clamp(8px,.76vw,12px)/1.3 var(--sans);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap}.eyebrow::after{content:"";display:block;width:clamp(32px,5.7vw,93px);height:1px;background:currentColor;opacity:.6}.outline{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid rgba(158,119,74,.63);background:transparent;color:inherit;padding:10px 18px;font-family:var(--serif);font-size:clamp(13px,1.2vw,18px);transition:background .25s,color .25s}.outline:hover{background:#c4a577;color:#1c130c}.line-arrow{font-family:var(--sans)}
/* HERO: original reference uses a dark left third and airy image on the right. */
.hero{position:relative;height:40.2vw;min-height:350px;max-height:760px;color:#fff;background:#241b13;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;z-index:-3;right:0;top:0;width:73%;height:100%;object-fit:cover;object-position:center 45%}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#17120f 0%,rgba(23,18,15,.97) 20%,rgba(23,18,15,.85) 32%,rgba(23,18,15,.30) 48%,rgba(23,18,15,.02) 80%),linear-gradient(0deg,rgba(16,12,8,.5),transparent 33%)}.hero::after{content:"";z-index:-1;position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0,transparent 44%,rgba(25,18,14,.15) 100%);pointer-events:none}
.site-header{position:relative;z-index:15;height:clamp(62px,7vw,104px);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;min-width:0}.brand img{display:block;width:clamp(142px,16vw,225px);height:auto;max-height:70px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:clamp(23px,3vw,52px);font:clamp(12px,1.2vw,16px)/1.2 var(--serif)}.nav>a:not(.nav-cta){padding:8px 0}.nav>a:not(.nav-cta):hover{color:#dfc096}.nav-cta{border:1px solid rgba(205,171,127,.68);padding:10px 17px;transition:.2s}.nav-cta:hover{background:rgba(197,163,117,.22)}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:25px;padding:8px}
.hero-copy{position:absolute;top:26%;left:5.55%;z-index:2;width:54%;max-width:850px}.hero h1{font-size:clamp(44px,5.15vw,88px);line-height:.96;letter-spacing:-.028em;white-space:nowrap;text-shadow:0 1px 14px rgba(0,0,0,.15)}.hero-description{font:clamp(13px,1.37vw,21px)/1.3 var(--serif);margin-top:clamp(8px,1vw,18px);color:#f2e9df}.hero-action{margin-top:clamp(16px,2.5vw,32px);color:#edd1a2}.hero-tabs{position:absolute;right:5.6%;bottom:4.3%;display:flex;gap:clamp(18px,2.7vw,47px);z-index:2;color:#efe3d7;font-family:var(--serif);font-size:clamp(10px,1.16vw,16px)}.hero-tabs a{position:relative;white-space:nowrap;opacity:.88}.hero-tabs a:first-child::after,.hero-tabs a:hover::after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:1px;background:#e6c493}.hero-tabs a:hover{opacity:1}
/* Light gallery */
.styles{background:radial-gradient(ellipse at 97% 8%,rgba(243,214,163,.26),transparent 31%),radial-gradient(ellipse at -6% 85%,rgba(240,201,136,.21),transparent 28%),#fbf4e8;padding:clamp(26px,2.55vw,48px) 0 clamp(16px,2vw,38px)}.styles-head{display:grid;grid-template-columns:1.28fr .62fr;align-items:center;gap:38px;margin-bottom:clamp(16px,1.9vw,32px)}.styles h2{font-size:clamp(47px,5.2vw,83px);line-height:.93;letter-spacing:-.03em;margin-top:clamp(8px,.7vw,13px)}.styles-intro{max-width:400px;font:clamp(12px,1.18vw,18px)/1.42 var(--serif);padding-top:24px;justify-self:end}.styles-rows{display:grid;gap:clamp(8px,1vw,18px)}.styles-row{display:grid;gap:clamp(16px,2.15vw,34px)}.styles-row:first-child{grid-template-columns:1.075fr .925fr}.styles-row:last-child{grid-template-columns:.98fr 1fr}.style-card{display:block;min-width:0}.style-picture{overflow:hidden;aspect-ratio:2.32/1;background:#e3d5bf}.style-picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.style-card:hover img{transform:scale(1.035)}.style-caption{display:flex;align-items:center;gap:15px;min-height:clamp(27px,3vw,46px);font:clamp(15px,1.78vw,27px)/1.1 var(--serif)}.style-caption .line-arrow{font-size:.9em;color:#8b775f}.more-styles{margin-top:clamp(12px,1.4vw,25px);display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,2.8vw,46px);align-items:center;text-align:center}.more-styles::before,.more-styles::after{content:"";height:1px;background:rgba(126,99,69,.34);margin-top:12px}.more-caption{color:#927757;font:700 clamp(8px,.79vw,12px)/1.3 var(--sans);letter-spacing:.25em;margin-bottom:8px;text-transform:uppercase}.more-styles .outline{padding:8px 22px}
/* Dark editorial sections */
.dark{background:radial-gradient(ellipse at 10% 10%,rgba(92,61,40,.33),transparent 48%),linear-gradient(90deg,#231a14 0%,#1c1510 100%);color:#f8eee3}.living{padding:clamp(16px,2vw,32px) 0 0}.living-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(32px,5vw,92px);align-items:center;padding-bottom:clamp(14px,1.5vw,30px)}.living-copy h2{font-size:clamp(37px,4.1vw,67px);line-height:.97;letter-spacing:-.029em;margin:clamp(7px,.8vw,15px) 0}.living-copy p{font:clamp(12px,1.29vw,19px)/1.36 var(--serif);max-width:390px;color:#f0e4d7}.living-copy .link-rule{margin-top:clamp(9px,1.1vw,19px);color:#dfbb87}.living-right{min-width:0}.living-media{position:relative;width:100%;padding:0;border:0;overflow:hidden;background:#35291f;display:block;aspect-ratio:2.63/1}.living-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.living-media:hover img{transform:scale(1.03)}.living-meta{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font:clamp(13px,1.5vw,21px) var(--serif)}.living-meta span:last-child{font-family:Arial;color:#d9b789}
.projects{border-top:1px solid rgba(163,130,93,.23);padding:clamp(12px,1.5vw,27px) 0 clamp(12px,1.7vw,28px)}.projects-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(9px,1.2vw,19px)}.projects-head>a{font:clamp(13px,1.3vw,19px) var(--serif);color:#daba8c;border-bottom:1px solid rgba(218,186,140,.65);padding-bottom:3px}.project-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:clamp(12px,1.9vw,30px)}.project-card{display:block;min-width:0}.project-photo{width:100%;overflow:hidden;background:#36291f}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.03)}.project-large .project-photo{aspect-ratio:2.15/1}.project-stack{display:grid;grid-template-rows:1fr 1fr;gap:clamp(10px,1.7vw,25px)}.project-stack .project-photo{aspect-ratio:2.94/1}.project-caption{display:flex;align-items:center;gap:14px;min-height:clamp(25px,2.3vw,38px);font:clamp(14px,1.62vw,23px) var(--serif)}.project-stack .project-caption{font-size:clamp(13px,1.35vw,20px);min-height:clamp(21px,2.2vw,35px)}.project-caption span{font-family:Arial;color:#d9b789;font-size:.8em}
/* Consultation */
.consult{position:relative;min-height:23vw;max-height:410px;overflow:hidden;color:#fff;background:#2b1d14;isolation:isolate}.consult-photo{position:absolute;inset:0 0 0 auto;width:68%;height:100%;object-fit:cover;object-position:center;z-index:-2}.consult::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(31,23,17,.99) 0%,rgba(31,23,17,.92) 32%,rgba(31,23,17,.5) 57%,rgba(31,23,17,.04) 83%)}.consult-content{padding:clamp(17px,2.6vw,41px) 0}.consult h2{font-size:clamp(36px,4.05vw,67px);line-height:.96;margin:clamp(6px,.8vw,12px) 0}.consult p{font:clamp(12px,1.28vw,18px)/1.35 var(--serif);color:#f1e5d8;margin-bottom:clamp(9px,1.2vw,18px)}.consult .outline{color:#fff;padding:8px 15px}
.footer{border-top:1px solid rgba(195,160,110,.24);background:#1a130f;color:#e8d9c9}.footer-inner{min-height:clamp(60px,6.8vw,108px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer .brand img{width:clamp(130px,14vw,215px)}.footer-links{display:flex;gap:clamp(25px,3.1vw,55px);font:clamp(12px,1.15vw,17px) var(--serif)}.footer-url{text-align:right;font:clamp(12px,1.15vw,17px) var(--serif)}
/* Functional design-preview dialogs; no backend submission */
.modal{position:fixed;inset:0;z-index:99;display:none;place-items:center;padding:20px;background:rgba(10,8,6,.72);backdrop-filter:blur(6px)}.modal.open{display:grid}.modal-box{position:relative;background:#fbf3e7;width:min(500px,100%);padding:35px;box-shadow:0 25px 100px #0006}.modal h2{font:34px/1.05 var(--serif);margin-bottom:15px;color:#231a14}.modal p{font:15px/1.6 var(--serif);color:#4d4034}.modal-close{position:absolute;right:17px;top:12px;font-size:28px;color:#644a32;border:0;background:transparent}.modal form{display:grid;gap:12px;margin-top:15px}.modal label{display:grid;gap:5px;font-size:13px;color:#5b4838}.modal input,.modal textarea{width:100%;padding:10px 11px;border:1px solid #cbb9a1;background:#fffdf8;color:#241a14;outline:0}.modal textarea{resize:vertical;min-height:90px}.modal button[type=submit]{background:#251a14;border:0;color:white;padding:12px;cursor:pointer}.status{display:none;margin-top:12px;padding:10px;background:#eee2cf;font-size:13px;color:#4a3220}
@media(min-width:1450px){.hero h1{font-size:clamp(74px,5.15vw,88px)}}
@media(max-width:780px){.wrap{width:90%}.nav{gap:16px}.nav-cta{padding:8px 11px}.hero{height:390px}.hero h1{font-size:46px}.hero-copy{top:27%;left:5%}.styles h2{font-size:46px}.styles-head{gap:20px}.styles-intro{font-size:12px}.living-grid{gap:20px}.living-copy h2{font-size:36px}.consult{min-height:225px}}
@media(max-width:600px){.hero{height:640px;max-height:none}.hero-photo{width:100%;object-position:55% center;opacity:.82}.hero::before{background:linear-gradient(90deg,rgba(20,14,10,.92) 0%,rgba(20,14,10,.65) 42%,rgba(20,14,10,.15) 100%),linear-gradient(0deg,rgba(15,11,8,.75),transparent 38%)}.site-header{height:76px}.brand img{width:150px}.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:69px;background:rgba(25,18,12,.98);padding:12px 16px 17px;border:1px solid #6b5038;flex-direction:column;align-items:stretch;gap:0;font:16px/1.2 var(--serif)}.nav.open{display:flex}.nav a{padding:13px!important}.nav-cta{margin-top:6px;text-align:center}.hero-copy{width:90%;left:5%;top:26%}.hero h1{font-size:clamp(38px,9vw,54px);white-space:normal}.hero-description{font-size:16px;margin-top:18px}.hero-action{margin-top:24px}.hero-tabs{right:5%;left:5%;bottom:26px;justify-content:space-between;gap:8px;font-size:11px}.styles{padding:38px 0}.styles-head{display:block;margin-bottom:22px}.styles h2{font-size:clamp(40px,10vw,58px)}.styles-intro{max-width:420px;justify-self:start;padding-top:16px;font-size:14px}.styles-row,.styles-row:first-child,.styles-row:last-child{display:grid;grid-template-columns:1fr;gap:13px}.styles-rows{gap:13px}.style-picture{aspect-ratio:2/1}.style-caption{font-size:21px;min-height:33px}.more-styles{grid-template-columns:1fr;gap:0;margin-top:25px}.more-styles::before,.more-styles::after{display:none}.more-styles .outline{font-size:15px}.living-grid{grid-template-columns:1fr;padding:20px 0 26px;gap:22px}.living-copy h2{font-size:43px}.living-copy p{font-size:15px}.living-media{aspect-ratio:2.1/1}.living-meta{font-size:15px}.projects{padding:20px 0 24px}.projects-head>a{font-size:14px}.project-grid{display:block}.project-large{margin-bottom:12px}.project-large .project-photo{aspect-ratio:1.65/1}.project-stack{gap:12px}.project-stack .project-photo{aspect-ratio:2.5/1}.project-caption,.project-stack .project-caption{font-size:19px;min-height:35px}.consult{min-height:400px;max-height:none}.consult-photo{width:100%;opacity:.56}.consult::after{background:linear-gradient(90deg,rgba(31,23,17,.95),rgba(31,23,17,.64))}.consult-content{padding:53px 0}.consult h2{font-size:45px}.consult p{font-size:15px}.footer-inner{grid-template-columns:1fr;justify-items:start;gap:15px;padding:24px 0}.footer-url{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}