:root{--ink:#0e0d0b;--ink2:#171512;--gold:#c9a45c;--g2:#e6d3a8;--txt:#e9e4d8;--mut:#9a9283;--line:rgba(201,164,92,.28)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--txt);font:300 17px/1.7 Jost,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit}
.top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5vw;background:linear-gradient(var(--ink),rgba(14,13,11,.85));border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.logo img{height:40px;width:auto}.top nav{display:flex;gap:36px}.top nav a{text-decoration:none;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);transition:color .3s}.top nav a:hover{color:var(--gold)}
.call{border:1px solid var(--gold);color:var(--gold);text-decoration:none;padding:9px 22px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;transition:.3s}.call:hover{background:var(--gold);color:var(--ink)}
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:130px 7vw 60px}
.kicker,.lbl{font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}
h1{font:300 clamp(56px,7.4vw,118px)/.95 'Cormorant Garamond',serif;margin:24px 0}h1 em,h2 em{color:var(--gold);font-style:italic}
.lead{max-width:440px;color:var(--mut)}
.btn{display:inline-block;margin-top:34px;background:none;border:1px solid var(--gold);color:var(--g2);padding:15px 38px;font:400 13px Jost;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:.35s}.btn:hover{background:var(--gold);color:var(--ink)}
.dial-wrap{text-align:center}#dial{width:min(520px,100%);height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}.now{font:300 15px Jost;letter-spacing:.4em;color:var(--mut);margin-top:10px}
section{padding:120px 7vw}.lbl{margin-bottom:46px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.list{max-width:1100px}.row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .4s}
.row span{font:400 28px 'Cormorant Garamond',serif}.row i{color:var(--mut);font-style:normal;font-size:15px}.row b{font-weight:400;color:var(--gold);white-space:nowrap}.row:hover{padding-left:14px}
.note{margin-top:28px;color:var(--mut);font-size:14px}
.prac{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:var(--ink2)}.ph{overflow:hidden;aspect-ratio:4/5}.ph img{width:100%;height:115%;object-fit:cover}
h2{font:300 clamp(40px,4.4vw,66px)/1.05 'Cormorant Garamond',serif;margin-bottom:26px}.ptxt p{color:var(--mut);margin-bottom:14px;max-width:480px}
dl{display:flex;gap:44px;margin-top:40px;flex-wrap:wrap}dt{font:300 46px 'Cormorant Garamond',serif;color:var(--gold)}dd{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:16vw;gap:18px}.grid figure{overflow:hidden}.grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1s;filter:saturate(.7)}.grid figure:hover img{transform:scale(1.06);filter:saturate(1)}
.a{grid-column:1/4;grid-row:span 2}.b{grid-column:4/7}.c{grid-column:4/5;grid-row:span 1}.d{grid-column:5/7}
blockquote{font:300 italic clamp(26px,3vw,40px)/1.35 'Cormorant Garamond',serif;max-width:900px;margin:90px auto 0;text-align:center}cite{display:block;font:400 12px Jost;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:22px}
.wgrid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.wiz p{color:var(--mut);margin-bottom:22px}.wiz a{color:var(--g2);text-decoration:none;border-bottom:1px solid var(--line)}
form label{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:22px}form input,form textarea{display:block;width:100%;margin-top:6px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--txt);font:300 17px Jost;padding:8px 0;outline:0}form input:focus,form textarea:focus{border-color:var(--gold)}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 7vw 70px;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}
.badge{position:fixed;left:14px;bottom:14px;z-index:50;background:rgba(14,13,11,.9);border:1px solid var(--line);color:var(--g2);font:400 11px Jost;letter-spacing:.06em;padding:6px 12px;text-decoration:none}
.r{opacity:0;transform:translateY(34px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.r.in{opacity:1;transform:none}
@media(max-width:860px){.top nav{display:none}.top{padding:14px 5vw}.logo img{height:32px}.call{padding:8px 14px;font-size:11px}
.hero{grid-template-columns:1fr;padding:110px 6vw 40px;text-align:center}.lead{margin:auto}.dial-wrap{order:-1}#dial{width:min(320px,80vw)}
section{padding:80px 6vw}.row{grid-template-columns:1fr auto;gap:4px 16px}.row i{grid-column:1;grid-row:2}.row b{grid-row:1/3;grid-column:2;align-self:center}.row span{font-size:23px}
.prac,.wgrid{grid-template-columns:1fr;gap:50px}.grid{grid-template-columns:1fr 1fr;grid-auto-rows:44vw}.a{grid-column:1/3}.b,.c,.d{grid-column:auto}.d{grid-column:1/3}dl{gap:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.r{opacity:1;transform:none}}
