@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');
:root{--ink:#263432;--paper:#f4f0e8;--surface:#fbf8f2;--accent:#c96f5b;--muted:#6b7771;--line:rgba(38,52,50,.3);--display:'Newsreader',Georgia,serif;--body:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}.site-shell{overflow:hidden}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{text-decoration:none;display:flex;align-items:baseline;gap:14px}.brand-name,.footer>div{font:500 24px var(--display);letter-spacing:-.03em}.brand-location,.footer-location{font:12px var(--mono);color:var(--muted)}.nav{display:flex;align-items:center;gap:27px;font-size:13px}.nav a{text-decoration:none}.nav-cta{padding:10px 14px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.nav-cta span,.button span{color:var(--accent);margin-left:8px}.opening{min-height:650px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:9vw;padding:9vw 5vw 8vw;border-bottom:1px solid var(--line)}.opening-copy{align-self:center}.eyebrow{margin:0 0 27px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.05em;text-transform:uppercase}.opening h1,h2{margin:0;font:400 clamp(54px,7.2vw,108px)/.94 var(--display);letter-spacing:-.055em}.opening h1 em,h2 em{color:var(--ink);font-style:italic}.hero-intro{max-width:560px;margin:31px 0 30px;font-size:19px;line-height:1.5}.opening-aside{align-self:end;max-width:290px;padding-bottom:8px}.aside-label{margin:0 0 24px;font-size:13px}.aside-label span{color:var(--muted)}.aside-note{margin:0;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.text-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}.primary-link{font-weight:600}.text-link span{color:var(--accent)}.section{padding:10vw 5vw;border-bottom:1px solid var(--line)}.section-intro{margin-bottom:6vw}.section-intro h2{max-width:800px}.work-section{background:var(--surface)}.portfolio-empty{min-height:230px;display:grid;grid-template-columns:minmax(0,1.2fr) .8fr;gap:7vw;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.portfolio-empty p{max-width:650px;margin:0;font:400 clamp(25px,3.3vw,48px)/1.05 var(--display);letter-spacing:-.035em}.portfolio-empty .text-link{justify-self:start;margin-bottom:5px}.work-footnote{max-width:440px;margin:22px 0 0;color:var(--muted);font-size:13px}.conversation-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;background:var(--paper)}.conversation-heading{margin:0}.conversation-list{border-top:1px solid var(--line)}.conversation-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:500 clamp(20px,2.6vw,35px)/1.1 var(--display);text-decoration:none}.conversation-line span:last-child{color:var(--accent);font-family:var(--body);font-size:22px;transition:transform .2s}.conversation-line:hover span:last-child{transform:translate(4px,4px)}.questions-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;background:#dfe7df}.question-list{border-top:1px solid var(--line)}.question-list article{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.question-mark{font:400 29px var(--display);color:var(--accent)}.question-list h3{margin:0 0 8px;font:500 25px/1.1 var(--display)}.question-list p{max-width:500px;margin:0;color:#51615c;font-size:14px}.send-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:end}.send-grid h2{font-size:clamp(48px,6vw,92px)}.send-grid p{max-width:390px;margin:0;color:var(--muted);font-size:17px}.booking-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;background:#ede3dd}.booking-intro>p:not(.eyebrow){max-width:370px;margin:28px 0 0;font-size:16px}.local-note{color:var(--muted);font:12px var(--mono);letter-spacing:.03em}.booking-form{border-top:1px solid var(--line)}fieldset{border:0;margin:0;padding:0}.form-step{padding:28px 0 0}.form-step[hidden]{display:none}.form-step legend{font:500 27px var(--display)}.step-help{margin:6px 0 22px;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.booking-form label{display:flex;flex-direction:column;gap:8px;padding:15px 0;font-size:12px}.booking-form input,.booking-form textarea,.booking-form select{width:100%;padding:8px 0;border:0;border-bottom:1px solid rgba(38,52,50,.65);border-radius:0;background:transparent;color:var(--ink);font:16px var(--body);outline:none}.booking-form textarea{border:1px solid rgba(38,52,50,.65);padding:12px;resize:vertical}.booking-form input:focus,.booking-form textarea:focus,.booking-form select:focus{border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:500 12px var(--body);cursor:pointer;transition:background .2s,color .2s}.button-dark{background:var(--ink);color:var(--paper)}.button:hover{background:var(--accent);color:var(--paper)}.next-step{margin-top:18px}.form-actions{display:flex;justify-content:space-between;gap:14px;margin-top:20px}.form-legal,.form-message{color:var(--muted);font-size:12px}.form-legal{max-width:490px;margin:22px 0 0}.form-message{min-height:22px;margin-top:22px}.form-message.success{color:#176b3a}.form-message.error{color:#a22626}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5vw;font-size:12px}.footer>div{display:flex;gap:12px;align-items:baseline}.footer p{color:var(--muted);margin:0}.footer a{text-decoration:none}.admin-section{min-height:75vh}.admin-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.admin-header h1{font:400 70px var(--display)}.admin-warning{border:1px solid var(--accent);padding:16px;max-width:700px;font:12px/1.4 var(--mono)}.admin-list{margin-top:38px;border-top:1px solid var(--ink)}.admin-card{display:grid;grid-template-columns:1.3fr 1fr auto;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.admin-card h3{margin:0 0 7px;font-size:21px}.admin-card p{margin:5px 0;font-size:13px}.admin-card small{color:var(--muted);font:11px var(--mono)}.status{display:inline-block;padding:5px 7px;border:1px solid currentColor;font:10px var(--mono);text-transform:uppercase}.status.confirmed{color:#167141}.status.rejected{color:#a00}.status.pending,.status.alternative{color:#985e00}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.small-button{border:1px solid var(--ink);background:transparent;padding:9px 10px;font:10px var(--mono);cursor:pointer}.small-button.confirm{background:var(--ink);color:var(--paper)}.empty{padding:35px 0;color:var(--muted);font:13px var(--mono)}
@media (max-width:760px){.topbar{padding:19px 20px}.nav{gap:10px}.nav a:not(.nav-cta){display:none}.nav-cta{padding:9px 10px}.brand-name{font-size:22px}.opening{display:block;min-height:0;padding:74px 20px 65px}.opening-aside{margin-top:75px}.opening h1{font-size:clamp(55px,16vw,84px)}.hero-intro{font-size:17px}.section{padding:74px 20px}.section-intro{margin-bottom:42px}.portfolio-empty,.send-grid{display:block}.portfolio-empty p{font-size:34px}.portfolio-empty .text-link{margin-top:35px}.work-footnote{margin-top:21px}.conversation-section,.questions-section,.booking-section{display:block}.conversation-list,.question-list{margin-top:43px}.conversation-line{font-size:25px;padding:21px 0}.send-grid p{margin-top:30px}.booking-form{margin-top:46px}.form-grid{grid-template-columns:1fr}.form-step legend{font-size:25px}.form-actions{align-items:stretch}.form-actions .button{flex:1}.footer{align-items:flex-start;flex-direction:column;padding:24px 20px}.admin-header{align-items:flex-start;flex-direction:column}.admin-card{grid-template-columns:1fr;gap:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.conversation-line span:last-child,.button{transition:none}}