body{--bg:#efeee8;--ink:#5c6154;--accent:#a2765c;--line:#5c615430}
.site-nav{border:0}
.wordmark{font-size:42px;font-weight:400}
.desktop-nav{gap:35px;font-size:11px}
.interval-cover{position:relative;padding:50px 8vw 75px;min-height:830px;overflow:hidden}
.interval-heading{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin-top:25px}
.interval-heading h1{font-size:clamp(98px,10vw,158px);line-height:.88;font-weight:400}
.interval-heading p{font-size:14px;margin-right:8vw}
.interval-photo{height:270px;width:59%;margin-left:auto;margin-top:-30px;position:relative;z-index:1}
.interval-photo img{object-position:50% 65%}
.interval-circle{position:absolute;width:480px;height:480px;top:115px;right:21%;border:1px solid #a2765c70;border-radius:50%}
.interval-scroll{font:10px 'DM Mono';position:absolute;bottom:70px;left:8vw;border-bottom:1px solid;padding-bottom:10px}
.interval-practices{padding:90px 12vw;background:#e3e5dc}
.practice-tabs{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-bottom:30px}
.practice-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:inherit;padding:15px 0;cursor:pointer;font-size:14px}
.practice-tabs button[aria-selected=true]{border-color:#a2765c;color:#77553f}
.practice-panel{min-height:170px;padding:15px 0}
.practice-panel>span{font:80px/1 'Cormorant Garamond';color:#a2765c;width:120px}
.practice-panel h3{font:36px 'Cormorant Garamond'}
.practice-panel p{max-width:500px}
.interval-welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:40px 80px;padding:90px 12vw}
.interval-welcome>.label{grid-column:1/-1}
.interval-welcome>p{font:clamp(56px,6vw,90px)/1 'Cormorant Garamond';letter-spacing:-.04em}
.interval-welcome>div{align-self:end;font-size:14px;max-width:330px}
.contact{padding:80px 12vw;background:#d6c5b6;border:0}
.contact h2{font-size:clamp(55px,6vw,86px)}
@media(max-width:760px){.interval-cover{padding:35px 25px 90px;min-height:730px}
.interval-heading{display:block}
.interval-heading h1{font-size:115px}
.interval-heading p{margin-top:25px;margin-left:40%}
.interval-photo{width:83%;height:180px;margin-top:30px}
.interval-circle{width:290px;height:290px;right:-45px;top:180px}
.interval-scroll{bottom:35px;left:25px}
.interval-practices,.interval-welcome,.contact{padding:55px 25px}
.practice-tabs{gap:18px}
.practice-tabs button{font-size:11px}
.practice-panel>span{width:50px;font-size:55px}
.practice-panel h3{font-size:30px}
.interval-welcome{grid-template-columns:1fr}
.interval-welcome>p{font-size:65px}
}