:root{--paper:#f7f7f4;--ink:#151515;--muted:#72726e;--line:#d8d8d2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.site-header{min-height:132px;padding:34px clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:48px}
.brand{width:clamp(180px,18vw,290px);display:block}.brand img{width:100%;height:auto;display:block}
nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,44px);font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase}
nav>a,.work-menu>summary{position:relative;padding:9px 18px 9px 0}
nav>a:after,.work-menu>summary:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ink);transition:right .25s ease}
nav>a:hover:after,nav>a.active:after,.work-menu:hover>summary:after,.work-menu[open]>summary:after{right:0}
.work-menu{position:relative}.work-menu>summary{list-style:none;cursor:pointer;user-select:none}.work-menu>summary::-webkit-details-marker{display:none}
.work-menu>summary:before{content:"";position:absolute;right:1px;top:50%;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.work-links{position:absolute;z-index:10;top:100%;left:-18px;min-width:165px;padding:18px;background:var(--paper);display:grid;gap:12px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.2s ease}
.work-menu:hover .work-links,.work-menu:focus-within .work-links,.work-menu[open] .work-links{opacity:1;transform:none;pointer-events:auto}.work-links a{font-size:9px;color:var(--muted)}
.contact-page{max-width:1110px;margin:0 auto;padding:clamp(85px,10vw,150px) clamp(24px,5vw,72px) clamp(110px,13vw,190px);border-top:1px solid var(--line)}
.contact-copy{max-width:720px;margin-bottom:clamp(60px,8vw,110px)}
h1{margin:0 0 46px;font-family:"Times New Roman",Times,serif;font-size:clamp(64px,9vw,126px);font-weight:400;line-height:.9;letter-spacing:-.055em}
.contact-copy>p{max-width:620px;margin:0 0 18px;font-family:"Times New Roman",Times,serif;font-size:clamp(19px,2vw,25px);line-height:1.55}
.email-link{border-bottom:1px solid var(--ink)}
.email-link:hover,.email-link:focus-visible{opacity:.6}
form{max-width:760px}
.form-honey{display:none}
.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{margin-bottom:28px}
label{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.06em}
input,textarea{display:block;width:100%;padding:13px 12px;border:1px solid #bdbdb8;border-radius:0;background:#fff;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}
textarea{resize:vertical}
input:focus,textarea:focus{outline:1px solid var(--ink);outline-offset:0}
button{padding:13px 24px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
button:hover,button:focus-visible{background:transparent;color:var(--ink)}
.form-status{min-height:24px;margin:18px 0 0;font-size:10px;line-height:1.6;color:var(--muted)}
footer{padding:40px clamp(24px,4vw,72px) 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:10px;line-height:1.7;letter-spacing:.04em;color:var(--muted)}
footer p{max-width:520px;margin:0 0 24px}.socials{display:flex;flex-wrap:wrap;gap:18px}.copyright{justify-self:end;text-align:right}.social-icons{gap:15px}.social-icons a{width:20px;height:20px;display:grid;place-items:center}.social-icons svg{width:17px;height:17px;display:block}
@media(max-width:760px){
 .site-header{min-height:auto;padding:24px 18px 28px;align-items:flex-start;gap:24px}.brand{width:160px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:9px;letter-spacing:.12em}.work-links{left:auto;right:0}
 .contact-page{padding:72px 18px 100px}.contact-copy{margin-bottom:65px}.name-fields{grid-template-columns:1fr;gap:0}
 footer{grid-template-columns:1fr;gap:34px;padding:30px 18px}.copyright{justify-self:start;text-align:left}
}
@media(max-width:420px){.site-header{display:block}.brand{margin-bottom:22px}nav{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}