@font-face{font-family:"ArchivoX";src:url(fonts/ArchivoX-800.ttf) format("truetype");font-weight:100 900}
@font-face{font-family:"ArchivoL";src:url(fonts/ArchivoL-600.ttf) format("truetype");font-weight:100 900}
:root{--noir:#0A0A0A;--smoke:#161615;--ivory:#FFFFFF;--paper:#F4F3F0;--stone:#8D8A83;--line:rgba(10,10,10,.16);--lined:rgba(255,255,255,.16);
--gilt:#C8B38A;--gilt2:#C8B38A;--signal:#C8B38A;--serif:"ArchivoX",sans-serif;--sans:"Archivo",system-ui,sans-serif;--mono:"ArchivoL",sans-serif;--it:"Cormorant Garamond",serif}
body{background:#fff}
.grain{opacity:.035}
h1,h2,h3,.drawer a,.qa button,.prob .k,.case .no,.price .amt,.quote-big,.step h3,.cell h3,.case h3,.about h2,.contact h2,.foot-top h3,.price .care h3,.alertdemo h3,.thanks h3,.vals b{text-transform:uppercase;letter-spacing:-.01em}
em,.it{font-family:var(--it)!important;font-style:italic!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;font-size:1.12em}
.dark em{color:var(--gilt)}
.label{letter-spacing:.22em;font-size:11px}
/* nav brand */
.nav .wm{display:flex;align-items:center;gap:14px}.nav .wm .bm svg{height:36px;width:36px}.nav .wm .bt{font:400 12.5px/1 var(--serif);letter-spacing:.14em}
.nav .wm svg path{fill:currentColor}
/* square crossword geometry */
.btn,.chip,.case .tag,.disclaimer,.price,.qa .pm,.burger,.notif,.notif .ic{border-radius:0!important}
.btn{font:600 12.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;height:58px}
.btn:before{background:var(--gilt)}
.btn.light{--b:#fff;--f:#0A0A0A}
.btn.gold{--b:#fff;--f:#0A0A0A}.btn.gold:before{background:var(--gilt)}
/* hero */
.hero{padding-top:150px}
.hero .glow{background:radial-gradient(closest-side,rgba(200,179,138,.10),transparent 70%)}
.xgrid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,#000 30%,transparent 95%);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 95%)}
.bigX{position:absolute;right:-4vw;top:16vh;width:min(70vw,1100px);opacity:.09;pointer-events:none}
.bigX svg path{fill:#fff}
.hero h1{font-size:clamp(56px,9vw,168px);line-height:.86;max-width:none}
.hero h1 em{font-size:1.18em;line-height:.6}
.hero-bot{border-top-color:rgba(255,255,255,.16)}
/* section heads */
.sec-head h2{font-size:clamp(36px,5vw,88px);line-height:.92}
.prob .k{font-size:56px;color:var(--noir)}
.prob article{border-color:var(--noir)}
.prob{border-top:1.5px solid var(--noir)}
.prob h3{font:700 22px/1.15 var(--sans);text-transform:none}
.quote-big{font:400 clamp(28px,3.4vw,56px)/1.02 var(--serif);text-transform:uppercase}
.quote-big em{font-size:1.1em}
.cell{border-color:rgba(255,255,255,.18)!important}
.cell h3{font-size:clamp(26px,2.6vw,42px);line-height:.95}
.alertdemo h3{font-size:clamp(32px,3.8vw,62px);line-height:.92}
.notif .ic{font:400 20px var(--serif)}.notif .ic.g{background:var(--gilt)}
.case .no{font-size:clamp(70px,8vw,130px);-webkit-text-stroke:1.5px var(--noir)}
.case h3{font-size:clamp(40px,5vw,84px);line-height:.9}
.case .tag:before{border-radius:0}
.media .desk{border-radius:0;box-shadow:0 0 0 1.5px var(--noir),0 50px 100px -50px rgba(0,0,0,.5)}
.step h3{font-size:clamp(22px,2vw,32px);line-height:1}
.step .k{font:400 44px/1 var(--serif);letter-spacing:0;color:var(--gilt)}
.steps{border-left:1px solid var(--lined)}.step{border-right:1px solid var(--lined);padding-left:26px;border-bottom:1px solid var(--lined)}
.price{border:1.5px solid var(--noir);background:#fff}
.price .amt{font-size:clamp(100px,12vw,200px);letter-spacing:-.04em}
.price .care h3{font-size:clamp(34px,3.2vw,52px)}
.price li i{color:var(--noir);font-weight:600}
.qa button{font:400 clamp(18px,1.8vw,26px)/1.15 var(--serif)}
.faq,.qa{border-color:var(--noir)!important}
.qa.open .pm{background:var(--noir)}
.about h2{font-size:clamp(36px,4.6vw,78px);line-height:.92}
.about .portrait{border-radius:0;background:#141413;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}
.about .portrait .mono svg{width:52%;color:#fff}
.about .portrait .mono svg path:nth-child(2){fill:currentColor}
.about .vals b{font:400 20px/1.1 var(--serif)}
.sigline{font:italic 400 clamp(40px,4vw,64px)/1 var(--it);color:var(--gilt);margin-top:56px}
.contact h2{font-size:clamp(44px,5.6vw,96px);line-height:.9}
.f input,.f select,.f textarea{font-family:var(--sans)}
.f{border-color:var(--noir)}
.chip:has(input:checked){background:var(--noir)}
.thanks h3{font-size:clamp(38px,4.4vw,70px)}
.foot-top h3{font-size:clamp(32px,4vw,64px);line-height:.92}
footer .huge svg path,footer .huge svg rect[fill="currentColor"]{fill:#fff}
footer .huge{color:#fff;max-width:1200px}
.marquee .t{font:400 clamp(26px,3.4vw,50px)/1 var(--serif);text-transform:uppercase}
.marquee .t span:nth-child(even){font:400 14px/1 var(--mono);color:var(--gilt)}
.marquee{border-color:var(--noir)}
.drawer a{font:400 36px/1.1 var(--serif)}
.phone{border-radius:34px}
.cursor{border-radius:0}
@media (max-width:640px){
 .hero h1{font-size:clamp(50px,14vw,66px)}
 .bigX{width:150vw;right:-30vw;top:58vh;opacity:.08}
 .nav .wm .bt{font-size:11px;letter-spacing:.1em}
 .sec-head h2{font-size:clamp(34px,9.6vw,46px)}
 .case h3{font-size:46px}.case .no{font-size:72px}
 .price .amt{font-size:104px}
 .quote-big{font-size:28px}
 .about h2{font-size:36px}.contact h2{font-size:44px}
 .cell h3{font-size:28px}.alertdemo h3{font-size:34px}
}
.bigX{right:auto;left:4vw;top:13vh;width:92vw;opacity:.07}
@media (max-width:640px){.bigX{display:none}.about h2{font-size:29px}.step .k{font-size:28px}.sec-head h2{overflow-wrap:anywhere}}

.about .creds{margin-top:40px;border-top:1px solid var(--lined);padding-top:22px;display:flex;gap:18px 28px;align-items:baseline;flex-wrap:wrap}
.about .creds ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 22px;margin:0;padding:0}
.about .creds li{font:600 12.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ivory)}
.about .creds li:before{content:"";display:inline-block;width:6px;height:6px;background:var(--gilt);margin-right:9px;vertical-align:middle;transform:translateY(-1px)}
.about .creds .label{color:var(--stone)}
.about .creds+.vals{margin-top:28px}
html[data-theme="light"] .about .creds li{color:var(--noir)}
html.lt .about .creds li{font-size:16px}
@media (max-width:640px){.about .creds{flex-direction:column;gap:14px}.about .creds li{font-size:12px}.about .creds ul{gap:12px 18px}}