
:root{
  --ink:#0b0e12;--ink2:#14191f;--charcoal:#232930;--paper:#f5f1e8;--paper2:#fbfaf7;
  --gold:#b18433;--gold2:#d0ad66;--muted:#6e7378;--line:#ddd6c7;--white:#fff;
  --max:1240px;--shadow:0 24px 70px rgba(11,14,18,.14)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.serif{font-family:"Cormorant Garamond",Georgia,serif}
.eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.24em;color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.25s}
.btn-primary{background:var(--gold);color:var(--ink)} .btn-primary:hover{background:var(--gold2);transform:translateY(-1px)}
.btn-ghost{color:#fff;background:transparent}.btn-ghost:hover{background:rgba(255,255,255,.06)}
.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn-dark:hover{background:var(--charcoal)}
.section{padding:100px 0}.section-paper{background:var(--paper)}.section-dark{background:var(--ink);color:#fff}
.section-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.6rem,5vw,4.8rem);font-weight:500;line-height:.98;letter-spacing:-.025em;margin:.15em 0 .35em}
.section-intro{max-width:780px;color:var(--muted);font-size:1.08rem}.section-dark .section-intro{color:#bcc1c5}

/* nav */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,14,18,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:13px;color:white}.brand-mark{width:52px;height:52px;object-fit:contain}
.brand-name{font:500 1.22rem/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.15em}.brand-sub{display:block;color:var(--gold2);font-size:.63rem;letter-spacing:.34em;text-transform:uppercase;margin-top:7px}
.nav-links{display:flex;gap:27px;align-items:center;color:#d6dadd;font-size:.84rem}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.25s}.nav-links a:hover:after{right:0}
.nav-cta{border:1px solid var(--gold);padding:10px 15px;color:#fff;font-size:.74rem;text-transform:uppercase;letter-spacing:.11em}.menu-btn{display:none;background:none;border:0;color:white;font-size:1.5rem}

/* hero */
.hero{min-height:790px;position:relative;overflow:hidden;display:flex;align-items:center;color:#fff;background:linear-gradient(120deg,rgba(11,14,18,.99),rgba(16,21,27,.95))}
.hero:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 76% 30%,rgba(177,132,51,.17),transparent 27%),
linear-gradient(105deg,transparent 60%,rgba(255,255,255,.025) 60% 61%,transparent 61%);
pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:2}
.hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(4rem,7.2vw,7.7rem);font-weight:500;line-height:.83;letter-spacing:-.035em;margin:13px 0 28px}
.hero h1 span{display:block;color:var(--gold2)}.hero-copy{max-width:740px;color:#c7cbce;font-size:1.13rem}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}
.hero-art{position:relative;min-height:555px;display:flex;align-items:center;justify-content:center}
.hero-art img{width:min(96%,600px);border:1px solid rgba(255,255,255,.10);box-shadow:0 36px 80px rgba(0,0,0,.36);transform:rotate(1deg)}
.hero-art:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(177,132,51,.28);border-radius:50%;right:0;top:55px}
.hero-art:after{content:"";position:absolute;width:1px;height:300px;background:linear-gradient(transparent,var(--gold),transparent);right:35px;bottom:10px}
.hero-footer{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),var(--max));display:flex;justify-content:space-between;color:#999fa4;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}

/* visual strips */
.brand-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.brand-strip figure{margin:0;background:white;border:1px solid #e7e0d4;overflow:hidden;min-height:260px;display:flex;align-items:center}
.brand-strip img{width:100%;height:100%;object-fit:cover;transition:.4s}.brand-strip figure:hover img{transform:scale(1.025)}
.visual-pair{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.visual-frame{background:#fff;padding:12px;border:1px solid #ded7ca;box-shadow:var(--shadow)}.visual-frame.dark{background:#14191f;border-color:#222}
.visual-frame img{width:100%}.caption{font-size:.76rem;color:var(--muted);margin-top:10px}

/* trust */
.trust-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.trust-statement{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.7rem,4.4vw,4.6rem);line-height:1.03;font-weight:500;margin:0}.trust-statement em{font-style:normal;color:var(--gold)}
.trust-point{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:27px 0;border-top:1px solid var(--line)}.trust-point:last-child{border-bottom:1px solid var(--line)}
.trust-num{font:500 1.7rem/1 Georgia,serif;color:var(--gold)}.trust-point h3{margin:0 0 7px;font-size:1.02rem}.trust-point p{margin:0;color:var(--muted)}

/* services */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.service-card{background:#fff;border:1px solid #e3dccf;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.service-card img{width:100%;aspect-ratio:1.05/1;object-fit:cover;border-bottom:1px solid #eee7dc}
.service-body{padding:27px;display:flex;flex:1;flex-direction:column}.service-body h3{font:500 1.8rem/1.04 "Cormorant Garamond",Georgia,serif;margin:0 0 12px}.service-body p{color:var(--muted);font-size:.93rem;margin:0 0 22px}.service-body a{margin-top:auto;color:var(--gold);font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* philosophy & values */
.philosophy-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.14);margin-top:50px}
.principle{padding:30px 24px;border-right:1px solid rgba(255,255,255,.14)}.principle:last-child{border-right:0}.principle h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px}.principle p{color:#aeb4b8;margin:0;font-size:.9rem}
.value-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:45px}.value-gallery img{aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(255,255,255,.12)}

/* founder */
.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.founder-visual{position:relative}.founder-visual img{width:100%;box-shadow:var(--shadow)}.founder-visual:after{content:"";position:absolute;right:-18px;bottom:-18px;width:45%;height:45%;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.founder-copy h2{font:500 clamp(3.4rem,5vw,5.3rem)/.92 "Cormorant Garamond",Georgia,serif;margin:.15em 0 .35em}.founder-copy p{color:var(--muted);font-size:1.04rem}.signature{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.signature strong{display:block}.signature span{color:var(--muted);font-size:.88rem}
.credentials{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7d0c4;margin-top:45px}.credential{background:var(--paper);padding:32px}.credential .big{font:500 2.9rem/1 "Cormorant Garamond",Georgia,serif;color:var(--gold)}.credential p{font-size:.88rem;color:var(--muted);margin:10px 0 0}

/* pages */
.page-hero{background:var(--ink);color:white;padding:105px 0 85px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-100px;top:-220px;width:520px;height:520px;border:1px solid rgba(177,132,51,.22);transform:rotate(-11deg)}
.page-hero h1{font:500 clamp(4rem,7vw,7rem)/.86 "Cormorant Garamond",Georgia,serif;margin:12px 0 24px}.page-hero p{max-width:780px;color:#c1c5c8;font-size:1.1rem}
.service-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:52px 0;border-bottom:1px solid var(--line)}.service-detail h2{font:500 2.7rem/1 "Cormorant Garamond",Georgia,serif;margin:0}.service-detail h2 span{display:block;color:var(--gold);font:700 .72rem/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.service-detail p{margin-top:0;color:var(--muted)}.service-detail ul{columns:2;padding-left:20px}.service-detail li{margin:7px 0;break-inside:avoid}
.inline-visual{width:145px;margin-bottom:22px;border:1px solid var(--line)}
.timeline{border-left:1px solid var(--gold);padding-left:34px;margin-top:35px}.timeline-item{position:relative;padding:0 0 34px 20px}.timeline-item:before{content:"";position:absolute;left:-41px;top:7px;width:12px;height:12px;background:var(--gold);border:5px solid var(--paper);border-radius:50%}.timeline-item h3{margin:0 0 7px}.timeline-item p{margin:0;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.contact-card{background:var(--ink);color:#fff;padding:48px;overflow:hidden}.contact-card img{width:75%;margin:0 auto 30px;border:1px solid rgba(255,255,255,.1)}.contact-card h2{font:500 2.8rem/1 "Cormorant Garamond",Georgia,serif}.contact-row{padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-row small{display:block;color:var(--gold2);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
.form{display:grid;gap:17px}.form label{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.form input,.form select,.form textarea{width:100%;padding:14px;border:1px solid #d6d0c4;background:#fff;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold)}.form textarea{min-height:160px;resize:vertical}.notice{font-size:.8rem;color:var(--muted)}
.prose{max-width:880px}.prose h2{font:500 2.6rem/1 "Cormorant Garamond",Georgia,serif;margin-top:1.8em}.prose p,.prose li{color:#4f555a}

/* CTA/footer */
.cta{background:var(--gold);padding:68px 0}.cta-grid{display:flex;gap:40px;justify-content:space-between;align-items:center}.cta h2{font:500 clamp(2.8rem,5vw,5.1rem)/.9 "Cormorant Garamond",Georgia,serif;margin:0}.cta p{max-width:650px;margin:15px 0 0}
.footer{background:#070a0d;color:#bec3c6;padding:62px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:45px}.footer h4{color:#fff;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.footer a{display:block;margin:9px 0}.footer a:hover{color:var(--gold2)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:45px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#858b90}.footer-motto{color:var(--gold2);letter-spacing:.11em;text-transform:uppercase}

@media(max-width:980px){
 .nav-links{display:none;position:absolute;left:0;right:0;top:82px;padding:24px;background:var(--ink);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.nav-cta{display:none}
 .hero{min-height:auto;padding:85px 0 110px}.hero-grid,.visual-pair,.trust-grid,.founder-grid,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:auto}.hero-art img{max-width:650px}.hero-footer{display:none}
 .service-grid{grid-template-columns:repeat(2,1fr)}.philosophy-grid,.value-gallery{grid-template-columns:repeat(2,1fr)}.credentials{grid-template-columns:repeat(2,1fr)}.service-detail{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .container{width:min(calc(100% - 28px),var(--max))}.section{padding:76px 0}.nav{height:72px}.brand-mark{width:43px;height:43px}.brand-name{font-size:1rem}
 .hero h1{font-size:clamp(3.7rem,18vw,5.2rem)}.hero-art{display:none}.service-grid,.brand-strip,.credentials,.footer-grid{grid-template-columns:1fr}.philosophy-grid,.value-gallery{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
 .service-detail ul{columns:1}.cta-grid{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column}
}
