
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,600&display=swap');
:root{--ink:#14251e;--muted:#69736d;--cream:#f5f1e8;--paper:#fffdf8;--gold:#c9a66b;--line:#ded9ce;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#c9a66b 1px,transparent 1px);background-size:32px 32px;z-index:-1}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,37,30,.1)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand .mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;font-family:"Playfair Display";font-size:22px}.brand b{display:block;font-size:16px;letter-spacing:.02em}.brand small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}nav{display:flex;gap:25px;font-size:13px}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--gold);transition:.3s}nav a:hover:after{width:100%}.nav-cta{padding:11px 17px;border:1px solid var(--ink);font-size:12px}.drawer-btn{display:none;border:0;background:none;width:42px}.drawer-btn i{display:block;height:2px;background:var(--ink);margin:5px 0}.hero{min-height:700px;position:relative;overflow:hidden;background:var(--ink);color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,37,30,.96) 0%,rgba(20,37,30,.76) 48%,rgba(20,37,30,.28)),url("./assets/hero.svg") center/cover;transform:scale(1.03)}.hero-grid{min-height:700px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative}.hero-copy{padding:100px 0}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;opacity:.72}.hero h1{font:500 clamp(48px,6vw,82px)/.98 "Playfair Display",serif;max-width:780px;margin:20px 0}.hero h1 em{color:#e5c98f}.hero p{max-width:570px;font-size:18px;color:#e9e8e1}.actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:14px 20px;border:1px solid transparent;font:600 12px "DM Sans";cursor:pointer}.primary{background:var(--gold);color:var(--ink)}.ghost{border-color:rgba(255,255,255,.45);color:#fff}.trust{display:flex;gap:35px;margin-top:50px;font-size:11px;color:#d2d8d2}.trust span b{display:block;color:white;margin-top:3px}.hero-art{height:420px;position:relative}.floating-card{position:absolute;right:10%;bottom:12%;background:#fff;color:var(--ink);padding:28px 34px;min-width:190px;box-shadow:0 25px 70px #0005;transform:rotate(3deg)}.floating-card strong{font:600 38px "Playfair Display";display:block}.floating-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.stats{background:var(--gold);color:var(--ink)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.stat-grid div{padding:10px 24px;border-right:1px solid #14251e33}.stat-grid div:last-child{border:0}.stat-grid strong{font:600 30px "Playfair Display";display:block}.stat-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1fr .75fr;gap:60px;margin-bottom:50px;align-items:end}.section h2{font:500 clamp(36px,5vw,60px)/1.05 "Playfair Display";margin:13px 0}.section-head p{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);transition:.45s;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #14251e12}.product-image{aspect-ratio:1.25;overflow:hidden;background:var(--cream)}.product-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.product-card:hover img{transform:scale(1.06)}.product-copy{padding:23px}.product-copy span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#8a6c3e}.product-copy h3{font:500 26px "Playfair Display";margin:6px 0}.product-copy p{font-size:13px;color:var(--muted);min-height:62px}.text-link{font-size:12px;font-weight:700}.services{background:var(--cream)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{background:var(--cream);padding:35px;min-height:240px}.service b{font-size:11px;color:#9c7a48}.service h3{font:500 27px "Playfair Display"}.service p{font-size:13px;color:var(--muted)}.about{background:#edf0ea}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}.portrait{aspect-ratio:1;max-width:420px;border-radius:50%;background:linear-gradient(145deg,#2b4438,#c9a66b);display:grid;place-items:center;position:relative;border:12px solid #fff;box-shadow:0 30px 80px #14251e20}.initial{width:70%;height:70%;border-radius:50%;display:grid;place-items:center;background:#fff1;color:#fff;font:600 90px "Playfair Display";border:1px solid #fff6}.portrait span{position:absolute;bottom:-12px;right:2%;background:var(--ink);color:#fff;padding:12px 20px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.about-copy p{color:var(--muted);max-width:720px}.work-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.work-strip img{width:100%;aspect-ratio:1;object-fit:cover;transition:.4s}.work-strip img:hover{transform:scale(.97) rotate(-1deg)}code{font-size:11px}.quote{background:var(--ink);color:#fff;padding:110px 0;text-align:center}.quote-inner{max-width:850px}.quote h2{font:500 clamp(38px,6vw,70px)/1.05 "Playfair Display"}.quote p{color:#cbd1cc}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-list{display:grid;gap:12px;margin-top:35px}.contact-list a{font-size:20px;font-weight:600}.contact-list span{font-size:13px;color:var(--muted)}.form{background:#fff;padding:32px;border:1px solid var(--line);display:grid;gap:18px}.form label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;border:1px solid var(--line);padding:13px;margin-top:7px;font:14px "DM Sans";background:#fff}.form textarea{min-height:130px;resize:vertical}.form small{color:var(--muted)}.footer{background:#0d1915;color:#dfe5df;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr .9fr;gap:45px}.footer p,.footer a{color:#9fa9a2;font-size:12px}.footer-grid>div>a{display:block;margin:8px 0}.footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.18em}.light .mark{border-color:#c9a66b}.light b{color:#fff}.footer-bottom{border-top:1px solid #ffffff18;margin-top:55px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#78847c}.install-app{position:fixed;right:16px;bottom:16px;z-index:60;border:0;background:var(--gold);color:var(--ink);padding:13px 18px;font-weight:700;box-shadow:0 10px 30px #0003}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){.container{width:min(calc(100% - 32px),var(--max))}.nav-wrap{height:68px}.nav-cta{display:none}.drawer-btn{display:block;order:3;position:relative;z-index:130} .drawer-backdrop{position:fixed;inset:0;background:rgba(8,18,14,.62);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:105}.drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}nav{position:fixed;top:0;right:0;left:auto;width:min(86vw,360px);height:100dvh;background:#fffdf8!important;display:flex;flex-direction:column;padding:0 24px 32px;gap:0;transform:translateX(105%);transition:transform .3s ease;z-index:120;box-shadow:-18px 0 55px rgba(0,0,0,.25);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--line)}nav.open{transform:translateX(0)}.drawer-head{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:8px;position:sticky;top:0;background:#fffdf8;z-index:2;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.drawer-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(20,37,30,.08)}.drawer-close:hover{background:var(--cream)}nav a{font-size:18px;padding:17px 4px;border-bottom:1px solid var(--line);background:#fffdf8;display:block;color:var(--ink)}nav a:last-child{border-bottom:0}body.drawer-open{overflow:hidden}.hero,.hero-grid{min-height:720px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:75px 0}.hero h1{font-size:52px}.hero-art{height:120px}.floating-card{right:5%;bottom:20px}.trust{gap:15px;flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid div:nth-child(2){border:0}.section{padding:75px 0}.section-head{grid-template-columns:1fr;gap:15px}.product-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service{min-height:auto}.about-grid{grid-template-columns:1fr;gap:55px}.portrait{max-width:320px;margin:auto}.work-strip{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-direction:column;gap:8px}.install-app{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.product-card,.product-image img,.work-strip img{transition:none}}
