:root{color-scheme:light;--paper:#f4f1e9;--ink:#211f1a;--quiet:#514e46;--rule:#b9b2a4;--linen:#e8e2d7;--serif:"Baskervville",Baskerville,Georgia,serif;--sans:"Instrument Sans",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit;text-underline-offset:.25em}
.action-arrow {
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -.15em;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #55654b;outline-offset:4px}
img{width:100%;height:auto;display:block}
figure,p{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;margin:0;line-height:.98}
h1{font-size:clamp(4.2rem,7.25vw,8.4rem)}
h2{font-size:clamp(3rem,5.3vw,6rem)}
.wrap{width:min(92%,1450px);margin-inline:auto}
.skip{position:absolute;top:0;left:1rem;transform:translateY(-110%);background:var(--paper);padding:.5rem;z-index:1}
.skip:focus{transform:none}
.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.header{padding:1.35rem 0 1.25rem;border-bottom:1px solid var(--rule)}
.mark{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.92;text-decoration:none;white-space:nowrap}
.mark span{font-size:.73rem;font-weight:400;margin-bottom:.18rem}
.mark strong{font-size:1.95rem;font-weight:600;letter-spacing:-.085em}
nav{display:flex;flex-wrap:wrap;gap:clamp(.85rem,3vw,3rem)}
nav a,.footer{font-size:.82rem}
nav a{text-decoration:none}
nav a:hover,.footer a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns: .89fr 1.11fr;align-items:center;gap:clamp(1.2rem,4vw,5rem);padding:clamp(1.5rem,4vw,4.5rem) 0 clamp(3.5rem,8vw,8rem)}
.hero-copy>p:not(.label),.section p:not(.label),.studio p:not(.label){max-width:38ch;color:var(--quiet);margin-top:1.4rem}
.label{font:500 .71rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.3rem}
.under{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.7rem;font-size:.87rem}
.under:hover{color:#55654b}
.hero img{aspect-ratio:1.16;object-fit:cover;object-position:center 62%}
figcaption{display:flex;justify-content:space-between;gap:.75rem;border-top:1px solid var(--rule);padding-top:.55rem;margin-top:.5rem;color:var(--quiet);font-size:.75rem}
.section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,7vw,8rem);padding:clamp(3rem,7vw,7rem) 0;border-top:1px solid var(--rule)}
.review ul{padding-left:1.05rem;margin:1.2rem 0 0;color:var(--quiet);max-width:44ch}
.review li+li{margin-top:.45rem}
.drawing{align-self:center}
.drawing img{width:100%;background:var(--linen)}
.studio{background:var(--linen)}
.studio-inner{display:grid;grid-template-columns:.6fr 1.4fr;gap:1.4rem;padding:clamp(3rem,8vw,8rem) 0}
.contact{border-top:0}
form{display:grid;gap:1.15rem;align-self:start}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
label{display:grid;gap:.4rem;font-size:.83rem}
input,select,textarea,button{font:inherit}
input,select,textarea{width:100%;border:1px solid #90897d;border-radius:0;padding:.65rem;background:transparent;color:var(--ink)}
textarea{resize:vertical;min-height:6rem}
button{width:fit-content;border:1px solid var(--ink);background:var(--ink);color:var(--paper);min-height:44px;padding:.6rem 1rem;cursor:pointer}
button .action-arrow{margin-left:.4rem}
button:hover{background:#3f473b}
.footer{padding:1.5rem 0;border-top:1px solid var(--rule)}
.footer .mark strong{font-size:1.5rem}
.confirmation{padding:10vh 0}
@media(max-width:760px){.hero,.section,.studio-inner{grid-template-columns:1fr}.hero{padding-top:2.6rem;gap:2.2rem}.hero img{aspect-ratio:1.08}.studio-inner{gap:.25rem}.footer{flex-wrap:wrap}}
@media(max-width:370px){.mark strong{font-size:1.55rem}nav{gap:.65rem}nav a{font-size:.74rem}.fields{grid-template-columns:1fr}h1{font-size:3.6rem}}