:root{--ink:#0d0d0c;--charcoal:#181714;--gold:#c99b50;--pale:#f3ecdf;--muted:#a49d91;--line:rgba(225,202,165,.24)}
.brand-name{font-weight:800;text-transform:uppercase}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--pale);font-family:Manrope,Arial,sans-serif}
.page-grain{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(rgba(255,255,255,.1) .55px,transparent .65px);background-size:5px 5px;mix-blend-mode:soft-light}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:12px max(4vw,32px);border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand img,.footer-brand img{display:block;width:170px;height:68px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:27px}
.nav-links>a,footer a{font-size:12px;color:var(--pale);text-decoration:none;transition:color .2s}
.nav-links>a:not(.button):hover,footer a:hover{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--gold);background:var(--gold);color:#16120b;padding:16px 21px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:bold 11px 'DM Mono',monospace;transition:all .25s}
.button:hover{background:#e5b869;transform:translateY(-2px)}
.button span{font-size:17px;line-height:0}
.button-small{padding:12px 15px;font-size:10px}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:24px;height:1px;background:var(--pale);margin:6px}
.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1440px;margin:auto;padding:70px max(6vw,48px);gap:40px}
.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:10px;margin:0 0 24px}
.eyebrow span{height:1px;width:27px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.05em;font-weight:600;line-height:.98}
h1{font-size:clamp(62px,7.2vw,106px);margin-bottom:28px}
h1 em,h2 em{font-family:Manrope,Arial,sans-serif;color:var(--gold);font-style:italic;font-weight:500}
.hero-text{max-width:515px;color:#cec5b7;font-size:17px;line-height:1.7}
.hero-actions{display:flex;gap:28px;align-items:center;margin-top:36px}
.text-link{color:var(--pale);font:bold 11px 'DM Mono',monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:7px}
.text-link b{font-size:16px;color:var(--gold);margin-left:8px}
.trust-line{display:flex;align-items:center;gap:11px;color:var(--muted);font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;margin-top:62px}
.trust-line i{width:3px;height:3px;border-radius:50%;background:var(--gold)}
.hero-art{min-height:480px;background:#12110f;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(202,158,86,.45)}
.hero-art:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,4,0) 48%,rgba(5,5,4,.38) 100%)}
.hero-slideshow{position:absolute;inset:0;overflow:hidden}
.hero-slide{margin:0;position:absolute;inset:0;opacity:0;animation:hero-fade 24s infinite ease-in-out}
.hero-slide img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.04) brightness(1.08)}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:4s}.hero-slide:nth-child(3){animation-delay:8s}.hero-slide:nth-child(4){animation-delay:12s}.hero-slide:nth-child(5){animation-delay:16s}.hero-slide:nth-child(6){animation-delay:20s}
@keyframes hero-fade{0%{opacity:0}4%,20%{opacity:1}24%,100%{opacity:0}}
.hero-frame{position:absolute;inset:20px;border:1px solid rgba(201,155,80,.6)}
.art-caption{position:absolute;z-index:3;bottom:28px;left:34px;display:flex;gap:8px;align-items:center;padding:11px 13px;border-left:2px solid var(--gold);background:rgba(12,12,10,.8);font:9px 'DM Mono',monospace;letter-spacing:.16em;color:#d6b06d}
.art-caption strong{font-size:10px}
.brand-statement{overflow:hidden;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--gold);font:500 10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.brand-marquee{display:flex;width:max-content;animation:brand-scroll 28s linear infinite}.brand-marquee-group{display:flex;align-items:center;gap:10px;padding-right:10px}.brand-marquee-group span{border:1px solid rgba(201,155,80,.72);border-radius:999px;padding:8px 13px;line-height:1}.brand-marquee b{font-size:13px;font-weight:400;color:#e6bf78;margin:0 7px}@keyframes brand-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.brand-marquee,.hero-slide{animation:none}.hero-slide:first-child{opacity:1}}
.intro,.services,.process,.membership,.testimonials,.contact{padding:130px max(6vw,48px)}
.intro{border-top:1px solid var(--line)}
.intro-grid,.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:80px}
.intro h2,.section-heading h2,.contact h2{font-size:clamp(42px,5vw,73px);margin:0}
.intro-grid>div>p,.section-heading>p,.membership-copy>p,.contact-top>p{font-size:15px;line-height:1.8;color:#c7beb0;max-width:430px}
.intro .text-link{display:inline-block;margin-top:14px}
.brand-promise{color:var(--gold)!important;font:500 11px 'DM Mono',monospace!important;letter-spacing:.14em;text-transform:uppercase;margin:24px 0 0!important}
.services{background:#e9e1d3;color:#171511}
.services .section-heading{margin-bottom:65px}
.services .section-heading>p{align-self:end;color:#4b443a}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #b4a897;border-left:1px solid #b4a897}
.service-card{min-height:300px;padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #b4a897;border-bottom:1px solid #b4a897;cursor:pointer;transition:background .3s,color .3s}
.service-card:hover,.service-card.featured{background:#1a1916;color:var(--pale)}
.card-no{font:10px 'DM Mono',monospace;color:var(--gold);margin:0}
.service-icon{display:block;color:var(--gold);font-size:31px;margin-bottom:22px}
.service-card h3{font-size:25px;letter-spacing:-.05em;margin-bottom:12px}
.service-card div p{font-size:14px;line-height:1.7;max-width:390px;color:#6c6459}
.service-card:hover div p,.service-card.featured div p{color:#c9c1b4}
.service-card>a{align-self:flex-end;display:flex;align-items:center;gap:9px;color:var(--gold);font-size:24px;text-decoration:none}.service-card>a:before{content:'Request';font:500 10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.process{position:relative;overflow:hidden}
.process-mark{position:absolute;right:-50px;top:-120px;font:500px 'Playfair Display';color:rgba(201,155,80,.06);line-height:1}
.process .section-heading{position:relative}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:86px}
.steps article{border-top:1px solid var(--line);padding-top:20px}
.steps span{font:11px 'DM Mono',monospace;color:var(--gold)}
.steps h3{font-size:26px;letter-spacing:-.05em;margin:44px 0 13px}
.steps p{font-size:14px;line-height:1.75;color:#c1b8ab;max-width:285px}
.membership{background:#c99b50;color:#17130d;display:grid;grid-template-columns:1.1fr .9fr;gap:80px}
.membership .eyebrow{color:#3e2a0c}
.membership .eyebrow span{background:#3e2a0c}
.membership h2{font-size:clamp(43px,5vw,70px);margin-bottom:25px}
.membership h2 em{color:#443010}
.membership-copy>p{color:#47371e}
.button-outline{background:transparent;border-color:#32240f;margin-top:12px}
.button-outline:hover{background:#17130d;color:#e5bd7b}
.membership-panel{border:1px solid rgba(54,37,8,.6);padding:30px;position:relative;overflow:hidden}.membership-panel:before{content:'';position:absolute;right:-58px;top:49px;width:150px;height:1px;background:rgba(54,37,8,.55);transform:rotate(-48deg);transform-origin:left}
.membership-panel>p{font:10px 'DM Mono';letter-spacing:.16em;margin-bottom:45px}
.membership-panel ul{list-style:none;padding:0;margin:0}
.membership-panel li{display:flex;gap:18px;border-top:1px solid rgba(54,37,8,.35);padding:20px 0;font-size:15px}
.membership-panel b{font:10px 'DM Mono';color:#5e4215}
.panel-stamp{position:absolute;right:12px;bottom:-30px;font:100px Manrope,Arial,sans-serif;line-height:.72;color:rgba(69,49,14,.16);font-weight:700}
.testimonials{background:#161512}
.quote-wrap{display:flex;align-items:center;justify-content:center;gap:45px}
.quote{display:none;text-align:center;max-width:850px;margin:35px 0 10px}
.quote.active{display:block;animation:fade .35s}
.quote blockquote{margin:0;font:clamp(28px,3.5vw,51px)/1.2 'Playfair Display',serif;letter-spacing:-.035em}
.quote figcaption{margin-top:30px;color:var(--gold);font:10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}
.quote figcaption span{color:#655434;margin:0 6px}
.quote-control{width:40px;height:40px;border:1px solid var(--line);color:var(--gold);background:none;font-size:18px;cursor:pointer}
.owner{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center;padding:130px max(6vw,48px);background:#e9e1d3;color:#171511}.owner-image{min-height:490px;position:relative;overflow:hidden;border:1px solid #b4a897}.owner-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 22%;filter:saturate(.82) contrast(1.04)}.owner-image-label{position:absolute;z-index:1;bottom:22px;left:22px;display:flex;align-items:center;gap:11px;padding:11px 14px;border-left:2px solid var(--gold);background:rgba(14,14,12,.88);color:var(--pale);font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.owner-image-label strong{color:var(--gold);font-size:11px}.owner-copy h2{font-size:clamp(42px,5vw,70px);margin-bottom:27px}.owner-copy h2 em{color:#7f5924}.owner-copy>p{max-width:515px;color:#514a40;font-size:15px;line-height:1.85}.owner-copy .text-link{display:inline-block;margin-top:10px;color:#171511}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.contact-top h2{margin-bottom:27px}
.contact-phone{display:inline-block;color:var(--gold);font:700 23px Manrope,Arial,sans-serif;letter-spacing:.02em;text-decoration:none;margin-top:11px}.service-area{font:10px 'DM Mono',monospace!important;color:var(--muted)!important;letter-spacing:.08em;text-transform:uppercase;margin-top:12px!important}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px;padding-top:30px}
.contact-form label{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.07em;color:var(--gold)}
input,select,textarea{width:100%;display:block;background:transparent;color:var(--pale);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;font:14px Manrope;margin-top:5px;outline:none}
select option{background:var(--charcoal)}
textarea{resize:vertical;border:1px solid var(--line);padding:12px;margin-top:10px}
.wide{grid-column:span 2}
.contact-form button{border:0;cursor:pointer;width:max-content}
.form-note{align-self:center;margin:0;font-size:11px;color:var(--muted);line-height:1.6}
footer{border-top:1px solid var(--line);padding:38px max(4vw,32px) 27px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;align-items:start}
footer>p{font-size:13px;color:var(--muted);max-width:200px;line-height:1.6;margin:0}
.footer-phone{color:var(--gold);font:700 14px Manrope,Arial,sans-serif;letter-spacing:.04em}
footer>div{display:flex;gap:20px;justify-content:flex-end}
footer small{grid-column:1/-1;color:#746d63;font:9px 'DM Mono';letter-spacing:.05em;margin-top:24px}
@keyframes fade{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@media(max-width:760px){.site-header{height:75px;padding:7px 22px}
.brand img{width:132px;height:56px}
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;left:0;right:0;top:74px;background:#161512;border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:flex-start}
.nav-links.open{display:flex}
.hero{grid-template-columns:1fr;padding:60px 25px 40px;min-height:auto}
.hero-art{min-height:320px}
.hero-text{font-size:15px}
.trust-line{margin-top:37px;flex-wrap:wrap}
.intro,.services,.process,.membership,.testimonials,.owner,.contact{padding:75px 25px}
.intro-grid,.section-heading,.membership,.owner,.contact{grid-template-columns:1fr;gap:30px}
.intro h2,.section-heading h2,.contact h2{font-size:43px}
.service-grid{grid-template-columns:1fr}
.service-card{min-height:255px}
.steps{grid-template-columns:1fr;gap:25px;margin-top:50px}
.steps h3{margin-top:26px}
.membership-panel{min-height:330px}
.owner-image{min-height:360px}
.quote-wrap{gap:12px}
.quote blockquote{font-size:28px}
.quote-control{flex-shrink:0}
.contact-form{grid-template-columns:1fr}
.wide{grid-column:auto}
.contact-form .button{width:100%}
.form-note{text-align:center}
footer{grid-template-columns:1fr;gap:18px}
footer>div{justify-content:flex-start;flex-wrap:wrap}
footer small{grid-column:auto;margin-top:10px}
.hero-actions{gap:18px}
.button{padding:15px 15px}
.text-link{font-size:10px}
}


