@font-face{font-family:"Noto Serif Display";src:url(NotoSerifDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Serif Display";src:url(NotoSerifDisplay-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Noto Sans Display";src:url(NotoSansDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#e1effb;--bg-alt:#c7e1fa;--ink:#182e4a;--ink-soft:#354b63;--ink-faint:#435a70;--line:#a9bfd1;--gold:#75513b;--dark-bg:#c7e1fa;--dark-ink:#182e4a;--display:"Noto Serif Display",Georgia,serif;--sans:"Noto Sans Display",Arial,sans-serif}
body{background-color:var(--bg);background-image:repeating-linear-gradient(112deg,transparent 0 3px,rgba(51,96,146,.034) 3px 4px);font-family:var(--display)}
.bar{background:linear-gradient(112deg,#c5e0fb,#deedfc 65%,#c9e3fb);border-top:5px solid var(--dark-bg);padding:clamp(25px,3.4vw,54px) 12px 24px}
.wordmark,footer .f-name{font-family:var(--display);font-weight:400;letter-spacing:.095em;text-indent:0}.wordmark{font-size:clamp(30px,5.3vw,82px)}.wordmark i{font-weight:400;font-size:.88em}
.wordmark-sub,nav,.pricing,.preview-note,.piece small,dialog button,.house-link,.eyebrow{font-family:var(--sans)}
.wordmark-sub{font-size:11px;letter-spacing:.17em;color:#405770}
nav{background:#edf6ff;color:#182e4a;border:0;padding:5px 18px;gap:4px clamp(14px,2.5vw,46px)}nav a{color:inherit;font-size:12px;letter-spacing:.11em;padding:11px 0}nav a:hover,nav a:focus-visible{color:#694a36;text-decoration:underline;text-underline-offset:5px}
.hero{padding:0;max-width:1600px;margin:auto}.opening{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.65fr);align-items:center;background:#cbe3fa}.opening-copy{padding:clamp(24px,4.2vw,80px)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em}.opening h1{font:400 clamp(52px,6.3vw,100px)/.93 var(--display);letter-spacing:-.05em;margin:25px 0}.opening h1 i{font-weight:400}.opening-copy>p:not(.eyebrow){max-width:33ch;font-size:clamp(18px,1.55vw,25px);line-height:1.4}
.house-link{display:inline-block;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding:7px 0;font-size:15px}.opening .enlarge img{width:100%;height:auto}.hero-info{max-width:780px;margin:auto;padding:24px 22px 42px}.hero-info .craft-note{text-align:center}
section.chapter{padding-block:clamp(52px,7vw,95px)}.chapter-head{max-width:none;text-align:left;border-top:1px solid var(--gold);padding:20px 0 0;margin:0 0 30px}.chapter-head h2{font:400 clamp(44px,5.5vw,80px)/1 var(--display);letter-spacing:-.045em;margin:0 0 10px}.rule{display:none}.chapter-head p{font-size:19px}
.piece figcaption,.hero-info figcaption,figcaption{font:400 clamp(23px,2.3vw,37px)/1.2 var(--display);letter-spacing:-.02em;text-transform:none;color:var(--ink);text-align:left}.hero-info figcaption,.hero-info .pricing{text-align:center}
.piece .pricing,.hero-info .pricing{font:400 15px/1.5 var(--sans);letter-spacing:.025em;color:var(--gold);margin:9px 0}.piece .pricing{text-align:left}.hero-info .pricing{text-align:center}
.craft-note,.case-details{max-width:none;margin:9px 0;padding:0}.piece small{color:var(--ink-faint);font-size:12px}.spec{border-top:1px solid var(--line);margin-top:16px}.spec summary,.case-details summary{font:15px/1.5 var(--sans);padding:10px 0;color:var(--ink)}.spec p{font:18px/1.45 var(--display);margin:0 0 12px}.spec strong{font:14px var(--sans);color:var(--gold);display:block}.pieces{gap:clamp(35px,5vw,70px) clamp(18px,3vw,46px)}
#styles,#consultation{background:#d2e6f9}#styles .directory{max-width:none}.directory summary{font:24px var(--display)}.directory a{font:16px/1.6 var(--sans)}footer{background:#c7e1fa;color:#182e4a}footer .f-name,footer a{color:#182e4a}footer a{font:15px var(--sans)}
dialog{padding:12px;background:var(--bg)}dialog::backdrop{background:#132840df}dialog button{background:var(--ink);color:white;border:0;padding:8px 16px}
@media(max-width:760px){.opening{display:flex;flex-direction:column}.opening .enlarge{order:-1}.opening-copy{width:100%;padding:22px 24px 28px}.opening h1{font-size:49px;margin:9px 0}.opening h1 br{display:none}.opening h1 i:before{content:" "}.opening-copy p{margin:8px 0}.bar{padding:19px 10px 14px}.wordmark-sub{font-size:10px}.pieces{grid-template-columns:1fr}nav{gap:0 16px;padding:5px 12px}nav a{font-size:11px;padding:7px 0}.hero-info{padding-bottom:16px}.chapter-head h2{font-size:45px}}
.residence-spread{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);align-items:center;gap:clamp(20px,4vw,60px)}
@media(max-width:700px){.residence-spread{grid-template-columns:1fr}.residence-spread figure:first-child{max-width:70%;margin:auto}}
.appointment-page{margin:0;color:var(--ink);font-size:18px;line-height:1.55}.appointment-page .bar,.appointment-page footer{text-align:center}.appointment-page .wordmark,.appointment-page .wordmark-sub{margin:0}.appointment-page .wordmark-sub{margin-top:8px;text-transform:uppercase}.appointment-page nav{display:flex;justify-content:center;flex-wrap:wrap}.appointment-page nav a{text-transform:uppercase;text-decoration:none}.consult-cover{max-width:1020px;margin:clamp(20px,4vw,50px) auto 0}.consult-cover img{display:block;width:100%;height:auto}.appointment-story{max-width:850px;margin:auto;padding:clamp(24px,6vw,70px)}.storyEyebrow{font:13px var(--sans);color:var(--ink-soft)}.appointment-story h1{font:400 clamp(40px,6vw,72px)/1.05 var(--display);margin:.4em 0}.appointment-story h2{font:400 30px var(--display)}.consultColumns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.consultProcess{border-top:1px solid var(--line)}.consultProcess li{padding:6px}.consultProcess li strong{display:block}.consultAction a{color:var(--ink);display:inline-block;margin:1em 0}.consultAction span{display:block;font:14px var(--sans)}.appointment-page footer{padding:40px}.appointment-page *{box-sizing:border-box}@media(max-width:640px){.consultColumns{grid-template-columns:1fr;gap:0}}
.buying-list{max-width:900px}.buying-list .spec{margin-top:0}.buying-list .spec summary{font:clamp(22px,2.4vw,30px)/1.2 var(--display);padding:16px 0}.buying-list .spec p{max-width:66ch}.buying-links{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:25px}
:root{color-scheme:light}
body,.appointment-page{color:var(--ink);background-color:var(--bg);font-family:var(--sans)}
.bar{position:relative;isolation:isolate;border-top:2px solid #b29273;padding:clamp(19px,2.4vw,40px) 15px 23px}
.bar:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(90deg,rgba(101,144,179,.23) 1px,transparent 1px),linear-gradient(rgba(101,144,179,.23) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent 39%,transparent 61%,black)}
.wordmark{font:400 clamp(42px,6.4vw,92px)/1.12 var(--display);letter-spacing:-.055em;color:#162c48}
.wordmark i{font-size:.78em;color:#795944;letter-spacing:-.07em;margin:0 .04em}
.wordmark-sub,.appointment-page .wordmark-sub{font:400 11px/1.6 var(--sans);letter-spacing:.17em;margin:8px 0 0;text-transform:uppercase}
nav{border-top:1px solid #a0b9d0;border-bottom:1px solid #b8cada;background:#edf6ff;color:var(--ink)}
nav a,.appointment-page nav a{font:400 12px/1.4 var(--sans);text-transform:none;letter-spacing:.05em;padding:14px 0}
.opening{background:linear-gradient(130deg,#c9e3fc,#e2f1fc);border-bottom:1px solid #a0b9d0}.opening-copy{padding:clamp(28px,3.7vw,65px)}.opening h1{font-size:clamp(50px,5.45vw,86px);line-height:1.04;letter-spacing:-.055em}.opening h1 i{color:#344f70}.opening-copy>p:not(.eyebrow){font:400 clamp(16px,1.25vw,19px)/1.65 var(--sans)}
.eyebrow{font-size:10px;letter-spacing:.15em;color:#3d536c}
.hero-info{padding-block:clamp(36px,5vw,75px)}.hero-info small,.piece small{font:12px/1.6 var(--sans);color:var(--ink-faint)}
.craft-note,.chapter-head p,.case-details p,.spec p{font:400 clamp(16px,1.05vw,18px)/1.65 var(--sans)}
.chapter-head{border-top:1px solid #a3b9ce;position:relative;padding-top:25px}.chapter-head:before{content:"";position:absolute;top:-1px;left:0;width:58px;height:2px;background:#9b7153}
.chapter-head h2{font-size:clamp(39px,4.3vw,65px)}.piece figcaption,.hero-info figcaption{font-size:clamp(23px,2.1vw,32px)}
#styles,#consultation{background-color:#d4e8fb}.appointment-story h1,.appointment-story h2,.directory summary,.buying-list .spec summary{font-family:var(--display)}
.appointment-story .consultLead{font:clamp(19px,2vw,25px)/1.55 var(--display)}.appointment-story .consultRule{width:65px;border-top:1px solid #9b7153;margin:32px 0}
footer{background:linear-gradient(110deg,#c6dff7,#deedfa);border-top:1px solid #a8bfd4}.appointment-page footer a,footer p{color:var(--ink)}
@media(max-width:760px){.bar{padding:17px 10px 15px}.opening h1{font-size:clamp(38px,8vw,53px)}nav a,.appointment-page nav a{padding:7px 0;font-size:12px}.opening-copy{padding:22px 24px 29px}.wordmark-sub,.appointment-page .wordmark-sub{font-size:10px;letter-spacing:.12em}}
