:root{--black:#090909;--panel:#111;--gold:#d5a52d;--gold2:#f3d278;--ivory:#f5f0e6;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Manrope,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{height:38px;background:#050505;border-bottom:1px solid #272015;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:.12em;color:#cfc6b7}.topbar div{display:flex;gap:28px}header{height:92px;position:absolute;top:38px;z-index:20;width:100%;display:flex;align-items:center;padding:0 6vw;border-bottom:1px solid #ffffff22;transition:.3s}header.sticky{position:fixed;top:0;height:76px;background:#090909ee;backdrop-filter:blur(18px)}.brand{height:82px;width:145px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand img{width:120px;height:120px;object-fit:contain}nav{display:flex;gap:35px;margin-left:auto;margin-right:40px}nav a{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.gold-btn{background:linear-gradient(135deg,#b67c10,var(--gold2),#b67c10);color:#0a0907;padding:15px 25px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;border:0;cursor:pointer}.line-btn{display:inline-block;margin-left:12px;padding:14px 24px;border:1px solid #ffffff66;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.menu{display:none;background:none;border:0;color:white;font-size:1.6rem}.hero{height:100vh;min-height:700px;position:relative}.slides,.slide{height:100%}.slide{display:none;position:absolute;inset:0;background-image:linear-gradient(90deg,#050505e8 0%,#0505058a 48%,#05050525),var(--bg);background-size:cover;background-position:center}.slide.active{display:flex;animation:fade .8s}.hero-copy{align-self:center;margin-left:8vw;max-width:780px;padding-top:100px}.eyebrow{color:var(--gold2);font-size:.72rem;letter-spacing:.24em;font-weight:700}.hero h1,.section-copy h2,.section-head h2,.statement h2,.quote h2{font-family:Cinzel,serif;font-weight:500;line-height:1.08;margin:20px 0 24px;font-size:clamp(3rem,6vw,6.3rem)}em{font-style:normal;color:var(--gold2)}.hero p{max-width:620px;color:#d7d2ca;line-height:1.75;margin-bottom:34px}.dots{position:absolute;right:5vw;top:50%;display:grid;gap:12px}.dots button{width:7px;height:7px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent}.dots button.active{background:var(--gold2);border-color:var(--gold2)}.scroll{position:absolute;bottom:35px;left:8vw;font-size:.64rem;letter-spacing:.2em;color:#bbb}.about{padding:130px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#0d0d0d}.about-img{position:relative}.about-img img{width:100%;height:620px;object-fit:cover;filter:saturate(.65)}.experience{position:absolute;right:-45px;bottom:-35px;background:var(--gold);color:#080808;padding:28px;display:flex;align-items:center;gap:15px}.experience strong{font:600 3rem Cinzel}.experience span{font-size:.7rem;letter-spacing:.12em;line-height:1.5}.section-copy h2,.section-head h2,.statement h2,.quote h2{font-size:clamp(2.2rem,4vw,4.4rem)}.section-copy p{color:var(--muted);line-height:1.85}.stats{display:flex;border-top:1px solid #333;margin-top:38px;padding-top:30px;gap:35px}.stats div{display:grid}.stats strong{font:600 1.65rem Cinzel;color:var(--gold2)}.stats span{font-size:.7rem;color:#999}.services,.projects,.process{padding:120px 7vw}.section-head{max-width:800px;margin-bottom:60px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2c261c}.service{min-height:360px;padding:38px 30px;border-right:1px solid #2c261c;transition:.35s}.service:last-child{border:0}.service:hover{background:linear-gradient(160deg,#1e180c,#0d0d0d);transform:translateY(-8px)}.service>span,.steps b{font:500 2rem Cinzel;color:#735917}.service h3,.project h3,.steps h3{font:500 1.35rem Cinzel;margin-top:65px}.service p,.steps p{color:#999;line-height:1.7}.service a{display:inline-block;margin-top:25px;color:var(--gold2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.statement{min-height:520px;background:linear-gradient(#050505aa,#050505cc),url('https://images.unsplash.com/photo-1737427962962-6e33fd7c30c2?auto=format&fit=crop&w=1800&q=85') center/cover fixed;display:grid;place-items:center;text-align:center;padding:80px 6vw}.project-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:310px 310px;gap:18px}.project{position:relative;overflow:hidden}.project.tall{grid-row:1/3}.project img{width:100%;height:100%;object-fit:cover;transition:.8s;filter:saturate(.7)}.project:hover img{transform:scale(1.06);filter:saturate(1)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#050505e6)}.project div{position:absolute;left:28px;bottom:18px;z-index:2}.project span{color:var(--gold2);font-size:.64rem;letter-spacing:.18em}.project h3{margin:8px 0;font-size:1.5rem}.process{background:#0e0e0e}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2b251b}.steps>div{background:#0e0e0e;padding:30px}.steps h3{margin-top:30px}.quote{padding:120px 8vw;background:linear-gradient(115deg,#171107,#090909 55%);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.quote p{color:#aaa;line-height:1.7}form{padding:36px;border:1px solid #3c3020;background:#0b0b0bcc}form>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:10px;margin-bottom:18px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#d6cbb9}input,select,textarea{width:100%;background:#151515;border:1px solid #383838;color:white;padding:14px;font:inherit;font-size:.9rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical}.form-status{margin:10px 0 0;color:var(--gold2)}footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding:80px 7vw 30px;background:#050505;border-top:1px solid #211c14;color:#999}footer h4{font:500 1rem Cinzel;color:var(--ivory);margin-bottom:22px}footer>div:not(.footer-brand):not(.copyright){display:flex;flex-direction:column;gap:12px;font-size:.8rem}.footer-brand img{width:160px;height:160px;object-fit:contain;margin-top:-35px}.footer-brand p{max-width:330px;line-height:1.7}.copyright{grid-column:1/-1;border-top:1px solid #242424;padding-top:24px;font-size:.7rem;text-align:center}.whatsapp{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#090909;font-weight:800;z-index:30;box-shadow:0 10px 30px #000}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes fade{from{opacity:.3}to{opacity:1}}
@media(max-width:900px){.topbar{display:none}header{top:0;height:80px;padding:0 5vw}.brand{width:100px}.brand img{width:95px;height:95px}header>.gold-btn{display:none}.menu{display:block;margin-left:auto}nav{position:absolute;top:80px;left:0;right:0;margin:0;background:#090909;display:none;flex-direction:column;padding:25px 6vw}nav.open{display:flex}.hero{min-height:650px}.hero-copy{margin:0 6vw;padding-top:70px}.hero h1{font-size:clamp(2.6rem,12vw,4.4rem)}.about{grid-template-columns:1fr;padding:90px 6vw}.about-img img{height:460px}.experience{right:-8px}.service-grid{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:0}.project-grid{grid-template-columns:1fr;grid-template-rows:420px 300px 300px}.project.tall{grid-row:auto}.steps{grid-template-columns:1fr 1fr}.quote{grid-template-columns:1fr;padding:90px 6vw}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.hero{height:92vh}.hero-copy p{font-size:.9rem}.line-btn{margin:10px 0 0}.dots{display:none}.service-grid,.steps{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #2c261c;min-height:auto}.stats{gap:18px}.stats strong{font-size:1.3rem}.about-img img{height:390px}form>div{grid-template-columns:1fr}.quote,.services,.projects,.process{padding:80px 5vw}footer{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.copyright{grid-column:auto}}

/* Social and direct enquiry update */
.brand{width:160px}.brand img{width:145px;height:145px}.top-social,.social-head{display:flex;align-items:center;gap:7px}.top-social svg,.social-head svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.top-social .fill,.social-head .fill,.floating-social .fill{fill:currentColor;stroke:none}.social-head{color:var(--gold2);margin-right:18px}.direct-wa{display:inline-flex;margin-top:18px;padding:13px 18px;border:1px solid #836523;color:var(--gold2);font-size:.82rem;letter-spacing:.04em}.send-wa{display:inline-flex;align-items:center;gap:10px}.footer-social{display:flex;gap:10px;margin-top:20px}.footer-social a{border:1px solid #44351d;color:var(--gold2);padding:9px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.floating-social{position:fixed;right:24px;bottom:24px;display:grid;gap:10px;z-index:30}.floating-social a{position:static;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px #000}.floating-social svg{width:25px;height:25px}.floating-social .instagram{background:linear-gradient(145deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.floating-social .instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}.floating-social .whatsapp{background:#25d366;color:white}.floating-social .whatsapp svg{fill:currentColor}.quote form{box-shadow:0 28px 80px #0008}.quote input,.quote select,.quote textarea{border-radius:0}.form-status{min-height:20px}
@media(max-width:900px){.social-head{display:none}.brand{width:112px}.brand img{width:106px;height:106px}}

/* Premium architectural edition */
body{background:#070707;background-image:radial-gradient(circle at 10% 12%,#36250822,transparent 28%),linear-gradient(90deg,transparent 49.9%,#c99a2610 50%,transparent 50.1%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:linear-gradient(115deg,transparent 0 48%,#e0ae2b08 48.1% 48.2%,transparent 48.3%)}
header{padding-left:5vw;padding-right:5vw;background:linear-gradient(180deg,#050505aa,transparent)}
header:after{content:"";position:absolute;left:5vw;right:5vw;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--gold),#fff2,transparent)}
.brand{width:180px;justify-content:flex-start;filter:drop-shadow(0 8px 18px #000)}.brand img{width:158px;height:158px}
nav a{position:relative;padding:10px 0;transition:.25s}nav a:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--gold2);transition:.3s}nav a:hover{color:var(--gold2)}nav a:hover:after{width:100%}
.hero{min-height:760px}.slide{background-image:linear-gradient(90deg,#050505f5 0%,#050505bc 38%,#05050542 70%),linear-gradient(180deg,transparent 60%,#070707),var(--bg)}
.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#d6a62d10 1px,transparent 1px),linear-gradient(#d6a62d0b 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 62%)}
.hero-copy{position:relative;z-index:2;border-left:1px solid #d8ab4566;padding-left:38px;margin-left:7vw}.hero-copy:before{content:"";position:absolute;width:9px;height:9px;background:var(--gold2);left:-5px;top:0;transform:rotate(45deg);box-shadow:0 0 24px var(--gold)}
.hero h1{letter-spacing:-.035em;text-shadow:0 12px 45px #000}.hero h1 em{background:linear-gradient(90deg,#b77910,#fff0a4,#c28a17);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .gold-btn,.quote .gold-btn{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:0 12px 45px #c38b1930}.line-btn{position:relative;border-color:#d5a52d55;color:#eee}.line-btn:hover{border-color:var(--gold2);color:var(--gold2)}
.hero-emblem{position:absolute;right:8vw;bottom:8vh;z-index:3;width:190px;text-align:center;filter:drop-shadow(0 18px 30px #000)}.hero-emblem img{width:100%;opacity:.92}.hero-emblem span{display:block;margin-top:-6px;font-size:.58rem;letter-spacing:.28em;color:#dcc47c}
.trust-ribbon{height:60px;display:flex;align-items:center;overflow:hidden;border-top:1px solid #725718;border-bottom:1px solid #725718;background:linear-gradient(90deg,#171005,#241907,#171005);color:#f0d580}.trust-ribbon div{display:flex;align-items:center;gap:38px;width:max-content;white-space:nowrap;animation:marquee 24s linear infinite}.trust-ribbon span{font:600 .72rem Cinzel;letter-spacing:.25em}.trust-ribbon i{font-style:normal;font-size:.5rem;color:#8a6516}@keyframes marquee{to{transform:translateX(-50%)}}
.about,.services,.projects,.process,.quote{position:relative}.about:before,.services:before,.projects:before,.process:before{content:"";position:absolute;top:52px;left:3vw;width:68px;height:68px;border-left:1px solid #7d5e1c;border-top:1px solid #7d5e1c}
.about-img img{box-shadow:28px 28px 0 #181207,29px 29px 0 #624916}.about-img:after{content:"SONA / CRAFT";position:absolute;left:-52px;top:50%;transform:rotate(-90deg);font-size:.58rem;letter-spacing:.28em;color:#80672c}
.section-head h2,.section-copy h2,.quote h2{letter-spacing:-.025em}.section-head h2 em,.section-copy h2 em,.quote h2 em{background:linear-gradient(90deg,#c48b17,#ffe9a3,#bc8012);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-grid{border:0;gap:14px;background:transparent}.service{position:relative;overflow:hidden;border:1px solid #3b2d18!important;background:linear-gradient(145deg,#14120e,#0b0b0b);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.service:before{content:"";position:absolute;top:0;right:0;width:22px;height:22px;background:#765612}.service:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transition:.45s}.service:hover{transform:translateY(-12px);box-shadow:0 28px 70px #000}.service:hover:after{width:100%}.service>span{font-size:3.2rem;opacity:.65}.service h3{margin-top:42px}
.statement{border-block:1px solid #8e6a23;background-attachment:scroll}.statement>div{padding:65px;border:1px solid #d8b45b4d;background:#050505a8;backdrop-filter:blur(8px);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
.project-grid{gap:22px}.project{border:1px solid #6f541d;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}.project div{left:34px;bottom:28px}.project h3{font-size:1.8rem}.project:before{content:"↗";position:absolute;right:22px;top:22px;z-index:3;width:42px;height:42px;border:1px solid #e7c66d;display:grid;place-items:center;color:#f5dd92;background:#09090999;transition:.35s}.project:hover:before{background:var(--gold);color:#080808;transform:rotate(45deg)}
.steps{background:transparent;gap:12px}.steps>div{position:relative;border-top:1px solid #6b501b;border-bottom:1px solid #262015;background:linear-gradient(180deg,#15120c,#0b0b0b);min-height:250px}.steps>div:after{content:"";position:absolute;right:-7px;top:45px;width:13px;height:13px;border:1px solid var(--gold);background:#0c0c0c;transform:rotate(45deg);z-index:2}.steps>div:last-child:after{display:none}
.quote{border-top:1px solid #6c501b;background:radial-gradient(circle at 12% 30%,#5a3b101f,transparent 35%),linear-gradient(115deg,#171107,#070707 60%)}.quote:after{content:"SONA";position:absolute;left:2vw;bottom:-30px;font:700 12rem Cinzel;color:#d9a52b08;pointer-events:none}.quote form{position:relative;z-index:2;border:1px solid #72561d;background:linear-gradient(145deg,#13110d,#080808);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}
input,select,textarea{background:#0a0a0a;border-color:#3d3324;padding:16px}.direct-wa{border-color:#8f6b21;background:#171107;transition:.25s}.direct-wa:hover{background:var(--gold);color:#080808}
footer{background:radial-gradient(circle at 10% 10%,#3e2b0d20,transparent 28%),#040404}.footer-brand img{width:190px;height:190px;filter:drop-shadow(0 12px 25px #000)}
.floating-social a{transition:.3s}.floating-social a:hover{transform:translateY(-4px) scale(1.06)}
@media(max-width:900px){.brand{width:120px}.brand img{width:112px;height:112px}.hero-emblem{width:125px;right:4vw;bottom:6vh;opacity:.75}.hero-copy{margin-left:5vw;padding-left:24px}.service-grid{gap:10px}.about:before,.services:before,.projects:before,.process:before{display:none}}
@media(max-width:560px){.hero-emblem{display:none}.trust-ribbon{height:50px}.trust-ribbon div{gap:25px}.statement>div{padding:35px 20px}.about-img img{box-shadow:12px 12px 0 #181207,13px 13px 0 #624916}.about-img:after{display:none}.steps>div:after{display:none}.floating-social{right:15px;bottom:15px}.floating-social a{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trust-ribbon div{animation:none}.reveal{transition:none}}

/* Focused two-logo refinement */
.topbar{display:none!important}
header,header.sticky{top:0;height:118px;padding:0 5vw;background:linear-gradient(180deg,#030303 0%,#0a0a0af7 78%,#0a0a0ad9 100%);backdrop-filter:blur(18px);box-shadow:0 18px 55px #0009}
header:before{content:"";position:absolute;inset:8px 1.4vw;border:1px solid #c7922838;pointer-events:none;clip-path:polygon(0 0,38% 0,40% 2px,100% 2px,100% 100%,62% 100%,60% calc(100% - 2px),0 calc(100% - 2px))}
header:after{left:4vw;right:4vw;background:linear-gradient(90deg,transparent,#9a6a15,var(--gold2),#9a6a15,transparent);box-shadow:0 0 18px #d5a52d66}
.brand{height:112px;width:205px;overflow:visible;justify-content:center;position:relative;z-index:2}
.brand:before{content:"";position:absolute;width:180px;height:72px;border-radius:50%;background:#d7a52a1b;filter:blur(24px);z-index:-1}
.brand img{width:194px;height:194px;object-fit:contain;filter:drop-shadow(0 0 9px #e7bc4b55) drop-shadow(0 12px 22px #000)}
nav{margin-left:auto;margin-right:28px;gap:28px}nav a{font-weight:600;color:#eee}
.hero{padding-top:0;min-height:790px}.hero-copy{padding-top:150px}.slide{background-position:center 42%}
.hero-emblem{display:none!important}
.trust-ribbon{position:relative;z-index:4;box-shadow:0 14px 45px #000}
.about{padding-top:150px}.about-img img{border:1px solid #7f5d18;padding:8px;background:#0b0b0b}
.section-head:after{content:"";display:block;width:130px;height:1px;margin-top:30px;background:linear-gradient(90deg,var(--gold2),transparent)}
.service{background:radial-gradient(circle at 85% 10%,#62471622,transparent 30%),linear-gradient(145deg,#15120d,#080808)}
.service:hover{border-color:#c69a3a!important;box-shadow:0 30px 80px #000,0 0 35px #bd891421}
.project img{transform:scale(1.01)}.project:hover img{transform:scale(1.08)}
.quote form{box-shadow:0 30px 90px #000b,0 0 50px #b27d1514}
.footer-brand img{width:220px;height:220px;margin-top:-50px;filter:drop-shadow(0 0 12px #c8942940) drop-shadow(0 15px 25px #000)}
@media(max-width:1050px){header,header.sticky{height:104px}.brand{height:100px;width:160px}.brand img{width:152px;height:152px}nav{gap:17px;margin-right:16px}nav a{font-size:.7rem}}
@media(max-width:900px){header,header.sticky{height:92px;padding:0 4vw}.brand{height:88px;width:145px;justify-content:flex-start}.brand img{width:138px;height:138px}.menu{position:relative;z-index:3}nav{top:92px;border-top:1px solid #6d4f19;box-shadow:0 20px 50px #000}.hero-copy{padding-top:120px}.hero{min-height:720px}}
@media(max-width:560px){header,header.sticky{height:84px}.brand{height:80px;width:128px}.brand img{width:124px;height:124px}nav{top:84px}.hero-copy{padding-top:105px}.footer-brand img{width:190px;height:190px}}

/* Logo fit correction: keep the full circular mark inside the header */
header,header.sticky{height:108px}
.brand{height:104px;width:150px;overflow:visible}
.brand:before{width:132px;height:54px}
.brand img{width:126px;height:126px}
.hero-copy{padding-top:138px}
@media(max-width:1050px){header,header.sticky{height:98px}.brand{height:94px;width:132px}.brand img{width:114px;height:114px}.hero-copy{padding-top:126px}}
@media(max-width:900px){header,header.sticky{height:88px}.brand{height:84px;width:120px}.brand img{width:102px;height:102px}nav{top:88px}.hero-copy{padding-top:112px}}
@media(max-width:560px){header,header.sticky{height:80px}.brand{height:76px;width:108px}.brand img{width:92px;height:92px}nav{top:80px}.hero-copy{padding-top:100px}}

/* Minimal footer — detailed columns removed */
.minimal-footer{display:block;padding:0 7vw;background:#040404;border-top:1px solid #6b4e18}
.minimal-footer .copyright{padding:24px 0;text-align:center;border:0;color:#8f897f;font-size:.72rem;letter-spacing:.06em}

/* Inner pages: services and testimonials */
.inner-page{background:#080808}.inner-page header{position:fixed}.inner-page nav a.current{color:var(--gold2)}.inner-page nav a.current:after{width:100%}
.inner-hero{min-height:620px;padding:190px 8vw 90px;display:flex;align-items:flex-end;position:relative;border-bottom:1px solid #72551d;background-size:cover;background-position:center}.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505f4,#050505a8 55%,#05050555),linear-gradient(0deg,#080808,transparent 50%)}.inner-hero>div{position:relative;z-index:2;max-width:920px}.inner-hero h1{font:500 clamp(3rem,6vw,6rem)/1.08 Cinzel;margin:18px 0}.inner-hero p{max-width:650px;color:#ccc;line-height:1.8}.services-hero{background-image:url('https://images.unsplash.com/photo-1737427962962-6e33fd7c30c2?auto=format&fit=crop&w=2400&q=92')}.testimonials-hero{background-image:url('https://cdn.sanity.io/images/c6vnqwfv/production/57e0fa0790eab26adca6c843d5630220500dd6d7-1456x816.png?auto=format&w=2200&q=92')}
.service-showcase{padding:110px 7vw;display:grid;gap:34px}.service-showcase article{display:grid;grid-template-columns:1.15fr .85fr;min-height:470px;border:1px solid #493718;background:linear-gradient(145deg,#14110c,#090909);overflow:hidden}.service-showcase article:nth-child(even){grid-template-columns:.85fr 1.15fr}.service-showcase article:nth-child(even) .service-photo{order:2}.service-photo{overflow:hidden}.service-photo img{width:100%;height:100%;min-height:470px;object-fit:cover;filter:saturate(.75);transition:.7s}.service-showcase article:hover img{transform:scale(1.05);filter:saturate(1)}.service-detail{padding:55px;align-self:center}.service-detail>span{color:var(--gold2);font-size:.7rem;letter-spacing:.2em}.service-detail h2{font:500 clamp(1.8rem,3vw,3rem)/1.2 Cinzel;margin:18px 0}.service-detail p,.service-detail li{color:#aaa;line-height:1.75}.service-detail ul{padding-left:18px}.service-detail a{display:inline-block;margin-top:20px;color:var(--gold2);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.testimonial-section{padding:110px 7vw}.sample-note{max-width:760px;margin:0 auto 44px;padding:14px 18px;border:1px solid #6c501b;color:#d9c692;text-align:center;font-size:.8rem}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:auto}.testimonial-grid article{padding:42px;min-height:280px;border:1px solid #453418;background:radial-gradient(circle at 90% 10%,#79581a22,transparent 28%),linear-gradient(145deg,#14120e,#090909);position:relative;transition:.35s}.testimonial-grid article:hover{transform:translateY(-8px);border-color:#b88b2b;box-shadow:0 25px 65px #000}.testimonial-grid article:before{content:'“';position:absolute;right:28px;top:14px;font:6rem Cinzel;color:#d5a52d16}.stars{color:var(--gold2);letter-spacing:.18em}.testimonial-grid blockquote{margin:28px 0;font:500 1.18rem/1.75 Cinzel;color:#eee}.testimonial-grid article>div:last-child{display:grid;border-top:1px solid #302719;padding-top:20px}.testimonial-grid b{color:var(--gold2)}.testimonial-grid span{color:#888;font-size:.75rem;margin-top:5px}.inner-cta{text-align:center;padding:100px 6vw;background:linear-gradient(135deg,#191205,#080808);border-top:1px solid #624917}.inner-cta h2{font:500 clamp(2rem,4vw,4rem) Cinzel;margin:18px auto 34px}
@media(max-width:900px){.inner-hero{min-height:540px;padding:150px 6vw 70px}.service-showcase{padding:75px 5vw}.service-showcase article,.service-showcase article:nth-child(even){grid-template-columns:1fr}.service-showcase article:nth-child(even) .service-photo{order:0}.service-photo img{height:360px;min-height:0}.service-detail{padding:38px}.testimonial-grid{grid-template-columns:1fr}}
@media(max-width:560px){.inner-hero{min-height:490px;padding-top:125px}.inner-hero h1{font-size:2.65rem}.service-showcase{padding:55px 4vw}.service-photo img{height:280px}.service-detail{padding:28px}.testimonial-section{padding:65px 5vw}.testimonial-grid article{padding:30px}.testimonial-grid blockquote{font-size:1rem}}

/* White + yellow architectural theme */
:root{--black:#fff;--panel:#fff9dc;--gold:#f5c400;--gold2:#ffd633;--ivory:#171717;--muted:#656565}
body{background:#fff;color:#171717;background-image:linear-gradient(90deg,transparent 49.9%,#f5c40012 50%,transparent 50.1%)}body:before{display:none}
header,header.sticky{background:#ffffffed;box-shadow:0 8px 30px #24242413;border-bottom:1px solid #ece7d4}header:before{border-color:#f5c40055}header:after{background:linear-gradient(90deg,transparent,#f5c400,transparent);box-shadow:none}.brand{filter:none}.brand:before{background:#f5c40016}.brand img{filter:drop-shadow(0 6px 10px #0002)}
nav{gap:20px}nav a{color:#202020;font-size:.68rem}nav a:hover{color:#b68a00}nav a:after{background:#f5c400}.social-head{color:#252525}.menu{color:#171717}.gold-btn{background:#f5c400;color:#151515;clip-path:none;border-radius:3px}.gold-btn:hover{background:#171717;color:#fff}
.slide{background-image:linear-gradient(90deg,#fffefaee 0%,#fff9e4c9 36%,#fff8d535 67%),linear-gradient(180deg,transparent 62%,#fff),var(--bg)}.slide:before{background:linear-gradient(90deg,#f5c40018 1px,transparent 1px),linear-gradient(#f5c40012 1px,transparent 1px);background-size:80px 80px}.hero-copy{border-left-color:#f5c400}.hero-copy:before{background:#f5c400;box-shadow:none}.hero h1{color:#151515;text-shadow:none}.hero h1 em,.section-head h2 em,.section-copy h2 em,.quote h2 em{background:none;color:#d29f00}.hero p{color:#4b4b4b}.line-btn{border-color:#222;color:#222}.line-btn:hover{background:#171717;color:#fff}.dots button{border-color:#222}.scroll{color:#444}
.trust-ribbon{background:#f5c400;color:#171717;border:0}.trust-ribbon i{color:#fff}.about,.services,.projects,.process,.quote{background:#fff}.about-img img{filter:none;background:#fff;border-color:#f5c400;box-shadow:24px 24px 0 #ffed99,25px 25px 0 #f5c400}.experience{background:#f5c400}.section-copy p,.service p,.steps p,.quote p{color:#656565}.stats{border-color:#e6e0ca}.stats strong,.eyebrow{color:#b68a00}
.service-grid{gap:18px}.service{background:#fff;border:1px solid #e6dcae!important;box-shadow:0 14px 35px #26200a0b;clip-path:none}.service:before{background:#f5c400}.service:hover{background:#fff8d9;border-color:#f5c400!important;box-shadow:0 24px 55px #5c480f16}.service>span,.steps b{color:#d5a500}.service a{color:#9b7600}.statement{border:0;background:linear-gradient(#fff9e1d9,#fff8d9d9),url('https://images.unsplash.com/photo-1737427962962-6e33fd7c30c2?auto=format&fit=crop&w=1800&q=85') center/cover}.statement>div{background:#fffffff0;border-color:#f5c400;clip-path:none}.statement h2{color:#171717}.project{border-color:#f5c400;clip-path:none}.project:after{background:linear-gradient(transparent 40%,#111d)}.project div{color:#fff}.project:before{background:#f5c400;color:#111;border:0}.process{background:#fffbed}.steps{gap:16px}.steps>div{background:#fff;border:1px solid #eadfbd;box-shadow:0 10px 30px #362b0b0b}.steps>div:after{background:#f5c400;border:0}.quote{background:#fff7d1;border-top-color:#f5c400}.quote:after{color:#f5c40014}.quote form{background:#fff;border:1px solid #e3ce75;box-shadow:0 25px 70px #5b461314;clip-path:none}.quote label{color:#4b4637}.quote input,.quote select,.quote textarea{background:#fff;border-color:#d9d3bd;color:#171717}.direct-wa{background:#fff;color:#6f5500;border-color:#f5c400}.direct-wa:hover{background:#f5c400;color:#111}.minimal-footer{background:#171717;border-top:6px solid #f5c400}.minimal-footer .copyright{color:#d8d8d8}
.package-section{padding:120px 7vw;background:#fffbed}.package-section .section-head p{max-width:720px;color:#666;line-height:1.75}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-card{position:relative;background:#fff;padding:42px;border:1px solid #eadca7;box-shadow:0 16px 40px #4536000c}.package-card.featured{border:2px solid #f5c400;transform:translateY(-12px)}.package-no{font:600 2.2rem Cinzel;color:#d4a400}.package-card h3{font:600 1.55rem Cinzel;margin:28px 0 14px}.package-card p,.package-card li{color:#666;line-height:1.7}.package-card ul{padding-left:20px;margin:22px 0}.package-card a{color:#8c6b00;font-weight:700}.package-card .tag{position:absolute;right:18px;top:18px;background:#f5c400;padding:6px 10px;font-size:.65rem;font-weight:800;letter-spacing:.1em}
.design-package,.interior-section{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.design-photo img,.interior-photo img{width:100%;height:100%;min-height:620px;object-fit:cover}.design-package .section-copy,.interior-section .section-copy{padding:110px 8vw;background:#fff}.design-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0}.design-list div{padding:18px;border-bottom:1px solid #e9dfa9}.design-list b{color:#c39800;margin-right:10px}.interior-section{background:#fffbed}.interior-chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.interior-chips span{padding:10px 14px;background:#fff5bd;border:1px solid #ebcd47;font-size:.8rem}.career-section{padding:90px 8vw;background:#171717;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;border-top:8px solid #f5c400}.career-section h2{font:500 clamp(2.2rem,4vw,4rem)/1.12 Cinzel;margin:18px 0}.career-section p{color:#ccc;line-height:1.8}.career-section .line-btn{color:#fff;border-color:#f5c400;margin-left:0}
.inner-page{background:#fff;color:#171717}.inner-page header{background:#fff}.inner-hero:before{background:linear-gradient(90deg,#fffefaef,#fff9dfbd 55%,#fff4b433),linear-gradient(0deg,#fff,transparent 50%)}.inner-hero h1,.inner-hero p{color:#171717}.service-showcase,.testimonial-section{background:#fffbed}.service-showcase article,.testimonial-grid article{background:#fff;border-color:#ead79b;clip-path:none}.service-detail p,.service-detail li,.testimonial-grid span{color:#666}.testimonial-grid blockquote{color:#222}.sample-note{color:#6c5200;background:#fff;border-color:#f5c400}.inner-cta{background:#fff7c8;border-top-color:#f5c400}.inner-cta h2{color:#171717}
@media(max-width:1120px){nav{gap:12px}nav a{font-size:.61rem}.social-head{display:none}}
@media(max-width:900px){nav{background:#fff;border-top-color:#f5c400}.package-grid{grid-template-columns:1fr}.package-card.featured{transform:none}.design-package,.interior-section,.career-section{grid-template-columns:1fr}.interior-photo{order:-1}.design-photo img,.interior-photo img{min-height:420px}.design-package .section-copy,.interior-section .section-copy{padding:80px 6vw}.career-section{padding:75px 6vw}}
@media(max-width:560px){.package-section{padding:75px 5vw}.package-card{padding:30px}.design-list{grid-template-columns:1fr}.design-photo img,.interior-photo img{min-height:300px}.about-img img{box-shadow:10px 10px 0 #ffed99,11px 11px 0 #f5c400}}

/* Mobile logo and social alignment refinement */
.brand img{image-rendering:auto;backface-visibility:hidden}
.floating-social{align-items:center}.floating-social a{padding:0;line-height:0}.floating-social svg{display:block;overflow:visible}
@media(max-width:900px){
  header,header.sticky{height:84px;padding:0 16px}
  .brand{width:88px;height:80px;justify-content:flex-start;overflow:visible;flex:0 0 88px}
  .brand:before{display:none}
  .brand img{width:80px;height:80px;max-width:none;object-fit:contain;filter:none!important;transform:none}
  nav{top:84px}
  .hero-copy{padding-top:108px}
  .floating-social{right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:50px}
  .floating-social a{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;align-items:center;justify-content:center;margin:0;border:0;box-shadow:0 8px 22px #0003}
  .floating-social svg{width:23px;height:23px;margin:0;flex:none}
}
@media(max-width:420px){
  header,header.sticky{height:78px}
  .brand{width:80px;height:74px;flex-basis:80px}
  .brand img{width:74px;height:74px}
  nav{top:78px}
  .hero-copy{padding-top:100px}
  .floating-social{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:46px;gap:9px}
  .floating-social a{width:46px;height:46px;min-width:46px;min-height:46px}
  .floating-social svg{width:22px;height:22px}
}

/* Authoritative mobile layout — keep this block last */
@media(max-width:768px){
  html{scroll-padding-top:76px}
  body{font-size:16px;width:100%;overflow-x:hidden;background:#fff}
  body.menu-open{overflow:hidden}
  header,header.sticky{position:fixed;inset:0 0 auto 0;height:76px;padding:0 16px;background:#fffffff7;border-bottom:1px solid #eadb98;box-shadow:0 5px 22px #241b0014;backdrop-filter:blur(14px)}
  header:before,header:after{display:none}
  .brand{width:74px;height:72px;flex:0 0 74px;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0}
  .brand img{display:block;width:70px;height:70px;object-fit:contain;filter:none!important;transform:none!important}
  .menu{display:grid;place-items:center;margin-left:auto;width:44px;height:44px;padding:0;border:1px solid #e6cf68;border-radius:50%;background:#fff7cc;color:#171717;font-size:1.35rem;line-height:1;position:relative;z-index:4}
  header>.gold-btn,.social-head{display:none}
  nav{position:fixed;top:76px;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:18px 20px 40px;background:#fff;overflow-y:auto;border:0;box-shadow:none}
  nav.open{display:flex}
  nav a{display:flex;align-items:center;min-height:54px;padding:10px 4px;border-bottom:1px solid #eee5be;color:#171717;font-size:.83rem;font-weight:700;letter-spacing:.07em}
  nav a:after{display:none}
  .hero{height:100svh;min-height:650px;max-height:850px;padding:0}
  .slides,.slide{height:100%}
  .slide{background-position:62% center;background-image:linear-gradient(180deg,#fff9e8dd 0%,#fff9e594 35%,#fffdf5ec 72%,#fff 100%),var(--bg)}
  .slide:before{background-size:46px 46px;opacity:.45;mask-image:linear-gradient(#000,transparent 72%)}
  .hero-copy{align-self:flex-end;width:auto;max-width:none;margin:0;padding:0 20px 64px;border:0}
  .hero-copy:before{display:none}
  .hero .eyebrow{display:block;font-size:.68rem;line-height:1.5;letter-spacing:.16em}
  .hero h1{font-size:clamp(2.35rem,11vw,3.35rem);line-height:1.03;letter-spacing:-.04em;margin:13px 0 17px;overflow-wrap:normal;word-break:normal}
  .hero p{max-width:34rem;margin:0 0 24px;color:#3f3a2c;font-size:.95rem;line-height:1.65}
  .hero-copy>div{display:grid;grid-template-columns:1fr;gap:10px;max-width:300px}
  .hero .gold-btn,.hero .line-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:13px 18px;text-align:center}
  .dots{display:flex;left:20px;right:auto;top:auto;bottom:28px;gap:9px}
  .dots button{width:8px;height:8px}
  .scroll{display:none}
  .trust-ribbon{height:46px}.trust-ribbon div{gap:24px}.trust-ribbon span{font-size:.62rem;letter-spacing:.15em}
  .about,.services,.projects,.process,.quote,.package-section,.career-section{padding:68px 20px}
  .about{display:grid;grid-template-columns:1fr;gap:55px}
  .about-img img{width:100%;height:390px;padding:5px;box-shadow:9px 9px 0 #ffed99,10px 10px 0 #f5c400}
  .experience{right:-2px;bottom:-26px;padding:18px 20px}.experience strong{font-size:2.25rem}.experience span{font-size:.62rem}
  .section-copy h2,.section-head h2,.statement h2,.quote h2,.career-section h2{font-size:clamp(2rem,9vw,2.75rem);line-height:1.08;margin:14px 0 20px}
  .section-copy p,.package-section .section-head p,.quote p,.career-section p{font-size:.95rem;line-height:1.75}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;padding-top:22px}.stats strong{font-size:1.2rem}.stats span{font-size:.62rem}
  .section-head{margin-bottom:34px}
  .package-grid,.service-grid,.steps{display:grid;grid-template-columns:1fr;gap:14px}
  .package-card,.service,.steps>div{min-height:0;padding:28px 24px;transform:none!important}
  .package-card.featured{border-width:2px}
  .service h3{margin-top:25px}.service>span{font-size:2.2rem}
  .design-package,.interior-section{display:grid;grid-template-columns:1fr}
  .design-photo,.interior-photo{height:310px;order:0}
  .design-photo img,.interior-photo img{height:310px;min-height:0}
  .design-package .section-copy,.interior-section .section-copy{padding:64px 20px;order:1}
  .design-list{grid-template-columns:1fr;gap:0;margin:24px 0 30px}.design-list div{padding:14px 4px}
  .statement{min-height:390px;padding:46px 20px}.statement>div{width:100%;padding:32px 18px}
  .project-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .project,.project.tall{height:310px;grid-row:auto}.project div{left:20px;bottom:16px}.project h3{font-size:1.35rem}.project:before{right:14px;top:14px;width:38px;height:38px}
  .steps>div{min-height:0}.steps>div:after{display:none}.steps h3{margin-top:16px}
  .career-section{grid-template-columns:1fr;gap:22px}.career-section .line-btn{display:flex;justify-content:center;width:100%;margin:20px 0 0;padding:14px}
  .quote{display:grid;grid-template-columns:1fr;gap:38px}.quote:after{display:none}.quote form{padding:22px 16px}.quote form>div{grid-template-columns:1fr;gap:0}label{font-size:.72rem}input,select,textarea{min-height:48px;font-size:16px}
  .direct-wa{width:100%;justify-content:center;text-align:center}
  .minimal-footer{padding:0 20px}.minimal-footer .copyright{font-size:.68rem;line-height:1.6;padding:20px 0}
  .floating-social{right:12px;bottom:max(14px,env(safe-area-inset-bottom));width:46px;gap:9px;z-index:60}
  .floating-social a{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;box-shadow:0 7px 20px #0003}
  .floating-social svg{width:22px;height:22px}
  .inner-hero{min-height:520px;padding:140px 20px 54px}.inner-hero h1{font-size:clamp(2.25rem,10vw,3rem)}
  .service-showcase,.testimonial-section{padding:58px 16px}.service-showcase article,.service-showcase article:nth-child(even){grid-template-columns:1fr}.service-showcase article:nth-child(even) .service-photo{order:0}.service-photo img{height:280px;min-height:0}.service-detail{padding:28px 22px}
  .testimonial-grid{grid-template-columns:1fr}.testimonial-grid article{padding:27px 22px;min-height:0}.testimonial-grid blockquote{font-size:1rem;line-height:1.65}
}
@media(max-width:380px){
  .hero-copy{padding-left:16px;padding-right:16px}.hero h1{font-size:2.2rem}
  .about,.services,.projects,.process,.quote,.package-section,.career-section{padding-left:16px;padding-right:16px}
  .stats{grid-template-columns:1fr}.stats div{padding:7px 0;border-bottom:1px solid #eee2ae}
}

/* Full-screen navigation on mobile and desktop */
header .menu{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;margin-left:14px;padding:0;border:1px solid #e2c650;border-radius:50%;background:#fff4b4;color:#171717;font-size:1.45rem;line-height:1;cursor:pointer;position:relative;z-index:5}
header nav{position:fixed;inset:108px 0 0 0;z-index:3;display:none;margin:0;padding:clamp(34px,6vw,80px) 7vw;background:linear-gradient(135deg,#fff 0%,#fff9d8 100%);overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:0 7vw}
header nav.open{display:grid}
header nav a{display:flex;align-items:center;min-height:84px;padding:15px 4px;border-bottom:1px solid #e4d48c;color:#171717;font:600 clamp(1.15rem,2.2vw,2rem)/1.2 Cinzel;letter-spacing:.02em;text-transform:none}
header nav a:before{content:'0' counter(menuitem);counter-increment:menuitem;margin-right:16px;color:#b58a00;font:700 .72rem Manrope;letter-spacing:.1em}
header nav{counter-reset:menuitem}
header nav a:after{display:none}
header nav a:hover{padding-left:14px;background:#f5c40018;color:#8a6800}
header .social-head{margin-left:auto}
@media(max-width:900px){
  header nav{inset:76px 0 0 0;display:none!important;grid-template-columns:1fr;align-content:start;padding:20px 20px 42px}
  header nav.open{display:grid!important}
  header nav a{min-height:58px;padding:8px 3px;font-size:1rem}
  header nav a:before{margin-right:13px;font-size:.65rem}
  header .menu{width:44px;height:44px;flex-basis:44px;margin-left:auto}
}
@media(min-width:901px){body.menu-open{overflow:hidden}}

/* High-contrast logo panel */
header .brand{width:112px;height:96px;flex:0 0 112px;padding:5px;overflow:hidden;justify-content:center;background:linear-gradient(145deg,#1b1b1b,#050505);border:1px solid #e0b420;border-radius:8px;box-shadow:0 8px 24px #0002,0 0 0 4px #f5c40012;filter:none}
header .brand:before{display:none}
header .brand img{width:94px;height:94px;max-width:100%;object-fit:contain;filter:none!important;transform:none!important}
@media(max-width:900px){
  header .brand{width:70px;height:66px;flex:0 0 70px;padding:3px;border-radius:7px}
  header .brand img{width:62px;height:62px}
}

/* Full header matched to the black-and-gold logo */
header,header.sticky{background:linear-gradient(135deg,#050505 0%,#17130a 58%,#080808 100%);border-bottom:1px solid #d7a91d;box-shadow:0 9px 30px #0005,0 1px 0 #f3cf5b33;backdrop-filter:blur(16px)}
header .brand{background:transparent;border-color:#dcb22f66;box-shadow:none}
header .brand img{filter:drop-shadow(0 2px 7px #f5c40025)!important}
header .social-head{color:#f0c83e}
header>.gold-btn{background:#f5c400;color:#111}
header>.gold-btn:hover{background:#ffe36b;color:#000}
header .menu{background:#f5c400;border-color:#ffe477;color:#111;box-shadow:0 5px 18px #0006}
header nav{background:radial-gradient(circle at 15% 15%,#4b370d3d,transparent 28%),linear-gradient(135deg,#050505,#17130a)}
header nav a{color:#f6f1df;border-bottom-color:#6d571d}
header nav a:before{color:#f5c400}
header nav a:hover{color:#ffd94d;background:#f5c40012}

/* Logo without a surrounding box */
header .brand{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;outline:0}
header .brand img{max-width:none}
@media(max-width:900px){header .brand{width:68px;height:68px;flex-basis:68px}header .brand img{width:64px;height:64px}}

/* Final navigation fix: every item stays visible at every screen height */
header nav{
  inset:0;
  z-index:4;
  padding:132px 7vw 44px;
  align-content:start;
  overscroll-behavior:contain;
}
header nav.open{display:grid}
header .brand,header .social-head,header>.gold-btn,header .menu{position:relative;z-index:6}
header nav a{min-height:72px}

@media(max-width:900px){
  header nav{
    inset:0;
    padding:100px 18px max(32px,env(safe-area-inset-bottom));
    grid-template-columns:1fr;
    align-content:start;
    overflow-y:auto;
  }
  header nav.open{display:grid!important}
  header nav a{
    min-height:64px;
    padding:12px 8px;
    font:600 clamp(1.12rem,5vw,1.35rem)/1.25 Cinzel;
    letter-spacing:.01em;
  }
  header nav a:before{min-width:28px;margin-right:12px;font-size:.72rem}
}

@media(max-width:380px){
  header nav{padding-top:92px}
  header nav a{min-height:60px;font-size:1.05rem}
}

/* Clean open-menu header alignment */
body.menu-open header>.social-head,
body.menu-open header>.gold-btn{display:none}
body.menu-open header .menu{margin-left:auto}
body.menu-open header nav{padding-top:104px}
body.menu-open header nav a{min-height:64px}

@media(max-width:900px){
  body.menu-open header nav{padding-top:86px}
  body.menu-open header nav a{min-height:62px}
}

/* Definitive menu layout: one clean column and a true right-aligned close */
body.menu-open header .menu{
  position:fixed;
  top:30px;
  right:5vw;
  margin:0;
}
header nav,
body.menu-open header nav{
  grid-template-columns:1fr;
  align-content:start;
  padding:108px max(24px,calc((100vw - 720px)/2)) 36px;
}
header nav a,
body.menu-open header nav a{
  width:100%;
  min-height:58px;
  padding:10px 8px;
  font-size:clamp(1.1rem,2vw,1.55rem);
}

@media(max-width:900px){
  body.menu-open header .menu{top:16px;right:16px}
  header nav,
  body.menu-open header nav{padding:82px 18px 28px}
  header nav a,
  body.menu-open header nav a{min-height:60px;font-size:1.12rem}
}

@media(min-width:901px) and (max-width:1120px){
  header>.gold-btn{margin-left:auto}
}

/* Fit the complete seven-item menu inside one viewport — no swipe required */
header nav.open{
  height:100vh;
  height:100dvh;
  overflow:hidden;
  grid-template-rows:repeat(7,minmax(0,1fr));
}
header nav.open a{
  min-height:0;
  height:100%;
  overflow:hidden;
}

@media(max-width:900px){
  header nav.open{
    padding-top:78px;
    padding-bottom:max(8px,env(safe-area-inset-bottom));
  }
  header nav.open a{
    min-height:0;
    padding:4px 8px;
    font-size:clamp(.88rem,2.35vh,1.12rem);
  }
}

@media(max-height:560px){
  header nav.open{padding-top:68px;padding-bottom:4px}
  header nav.open a{font-size:.86rem;padding:2px 8px}
  body.menu-open header .menu{top:10px}
}

/* Slightly larger, sharper header logo */
header .brand{width:132px;height:104px;flex-basis:132px}
header .brand img{width:112px;height:112px}

@media(max-width:900px){
  header .brand{width:82px;height:78px;flex-basis:82px}
  header .brand img{width:76px;height:76px}
}

/* Prominent brand header — make the complete logo readable at a glance */
header,header.sticky{height:150px}
header .brand{width:172px;height:146px;flex-basis:172px}
header .brand img{width:160px;height:160px}
.hero-copy{padding-top:182px}
body.menu-open header nav{padding-top:148px}
body.menu-open header .menu{top:52px}

@media(max-width:900px){
  header,header.sticky{height:104px}
  header .brand{width:108px;height:102px;flex-basis:108px}
  header .brand img{width:110px;height:110px}
  .hero-copy{padding-top:134px}
  header nav.open,body.menu-open header nav{padding-top:100px}
  body.menu-open header .menu{top:30px}
}

@media(max-height:560px) and (max-width:900px){
  header nav.open,body.menu-open header nav{padding-top:82px}
  body.menu-open header .menu{top:14px}
}

/* Normal scrolling header — it leaves the screen with the page */
header,header.sticky,.inner-page header{
  position:absolute;
  top:0;
}

/* Compact brand promise between the logo and navigation */
.header-tagline{
  margin:0 24px 0 4px;
  padding-left:20px;
  border-left:1px solid #d5a52d80;
  color:#fff;
  font:900 .76rem/1.55 Manrope,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 2px #000,0 0 5px #000,0 0 12px #000b;
}
.header-tagline span{color:#ffd21a;text-shadow:0 1px 2px #000,0 0 5px #000,0 0 11px #000c}

@media(max-width:1180px){
  .header-tagline{font-size:.68rem;letter-spacing:.07em;margin-right:14px;padding-left:14px}
}

@media(max-width:900px){
  .header-tagline{
    margin:0 8px 0 2px;
    padding-left:9px;
    font-size:.6rem;
    line-height:1.45;
    letter-spacing:.055em;
  }
}

@media(max-width:390px){
  .header-tagline{font-size:.54rem;letter-spacing:.02em;padding-left:7px}
}