/* Original City Of Circle Patterns artwork, cropped into opening and closing borders. */
:root{--cream:#f4efdf;--paper:#f4efdf;--yellow:#d1b34b;--ink:#302f2c;--line:#d5cebd;--muted:#69675e;--painting-gray:#e4e1d7;--painting-rust:#943d2c}
body{background:var(--cream)}
.header{background:var(--cream);border-bottom-color:transparent}
.painted-opening,.painted-ending{position:relative;overflow:hidden;pointer-events:none;background:var(--cream)}
.painted-opening{height:clamp(110px,15.7vw,220px);margin-bottom:-24px;mask-image:linear-gradient(#000 62%,transparent 100%)}
.painted-opening img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:multiply}
.painted-ending{height:clamp(110px,16.8vw,240px);mask-image:linear-gradient(transparent 0%,#000 35%)}
.painted-ending img{width:100%;height:100%;object-fit:cover;object-position:center bottom;mix-blend-mode:multiply}
body[data-page=home] .hero{min-height:450px;background:var(--cream)}
body[data-page=home] .hero-copy{padding-top:28px;padding-bottom:55px;background:var(--cream)}
body[data-page=home] .hero-identity{padding-top:0;padding-bottom:25px}
body[data-page=home] .practice-tools{background:var(--painting-gray);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-page=home] .two-sides,body[data-page=home] .selected{background:var(--cream)}
body[data-page=home] .studio-feature{background:var(--painting-gray)}
body[data-page=home] .home-studio-note{background:var(--cream);border-top-color:var(--line);border-bottom-color:var(--line)}
body[data-page=home] .closing{background:var(--cream);color:var(--ink);border-top:1px solid var(--line)}
body[data-page=home] .closing .eyebrow{color:var(--muted)}
body[data-page=home] .closing a strong{color:var(--ink)}
.button:not(.light-button):hover,.light-button:hover{background:var(--yellow);color:var(--ink)}
.header nav a:after{background:var(--painting-rust)}
.footer-top,.footer-bottom{background:var(--ink);color:var(--cream)}
.footer-name>span{color:var(--yellow)}
@media(max-width:700px){.painted-opening{height:115px;margin-bottom:-12px}.painted-opening img{object-fit:cover;object-position:center top}.painted-ending{height:130px}.painted-ending img{object-fit:cover}body[data-page=home] .hero{min-height:0}body[data-page=home] .hero-copy{padding-top:18px;padding-bottom:22px}body[data-page=home] .hero-identity{padding-bottom:25px}.header{padding-bottom:6px}}

/* Vertical slices reach the physical page edges, with transparent canvas. */
.painted-opening,.painted-ending{height:170px;margin:0;mask-image:none;background:var(--cream);isolation:isolate}
.painted-opening img,.painted-ending img{position:absolute;width:clamp(180px,27vw,380px);height:auto;max-width:none;object-fit:contain;mix-blend-mode:normal}
.painted-opening img:first-child{left:0;top:-210px}
.painted-opening img:last-child{right:0;top:-85px}
.painted-ending img:first-child{left:0;bottom:-100px}
.painted-ending img:last-child{right:0;bottom:-230px}
@media(max-width:700px){.painted-opening,.painted-ending{height:110px;margin:0}.painted-opening img,.painted-ending img{width:170px}.painted-opening img:first-child{top:-170px}.painted-opening img:last-child{top:-65px}.painted-ending img:first-child{bottom:-80px}.painted-ending img:last-child{bottom:-185px}}