@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f6f1e8;--ink:#27201b;--accent:#783b32;--muted:#665d52;--line:#d8cbbd;--display:"Instrument Serif",Georgia,serif;--body:"DM Sans",system-ui,sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}img{width:100%;height:100%;display:block;object-fit:cover}figure,h1,h2,h3,p{margin:0}.skip{position:fixed;left:12px;top:12px;transform:translateY(-150%);background:white;padding:12px;z-index:2}.skip:focus{transform:none}.top{max-width:1600px;margin:auto;min-height:76px;padding:0 clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);gap:20px}.logo{font-family:var(--display);font-size:34px;letter-spacing:-.055em;width:max-content}.logo span{color:var(--accent)}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.footer a:hover{color:var(--accent)}.topcta{justify-self:end;font-size:13px;border-bottom:1px solid var(--accent);padding:6px 0;white-space:nowrap}.topcta span,.cardlink span,.button span{margin-left:9px}.hero{display:grid;grid-template-columns:41% 59%;max-width:1600px;margin:auto;min-height:570px}.intro{padding:clamp(30px,6.2vw,104px);align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:700;font-size:10px;color:var(--accent);line-height:1.5}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.047em;line-height:.97}h1{font-size:clamp(56px,7.4vw,122px);margin:15px 0 22px}em{font-weight:400;color:var(--accent)}.desc,.section-head>p,.inquiry>div>p:not(.eyebrow),.story p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted);max-width:360px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 18px;border:1px solid transparent;font-weight:600;font-size:13px;line-height:1.3;min-height:46px}.intro .button{margin-top:26px}.dark{color:#fff7eb;background:#29211c}.dark:hover{background:var(--accent)}.outline{color:var(--ink);border-color:var(--line);background:transparent}.hero-image{min-height:100%;position:relative;background:#c0a68a}.hero-image img{position:absolute;inset:0;object-position:center 52%}.hero-image figcaption{position:absolute;bottom:14px;right:15px;background:#241b15cf;color:#fff7eb;padding:6px 8px;font-size:10px;letter-spacing:.025em}.shell{max-width:1440px;margin:auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}.collection{padding-top:77px;padding-bottom:78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}h2{font-size:clamp(48px,6vw,86px);margin-top:9px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.filters button{padding:8px 12px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:24px;font-size:12px}.filters button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gallery article{padding-bottom:13px;border-bottom:1px solid var(--line)}.gallery figure{aspect-ratio:1/1.08;overflow:hidden;background:#d4c0a8;margin-bottom:15px}.gallery img{transition:transform .35s ease}.gallery article:hover img{transform:scale(1.035)}h3{font-size:clamp(29px,3vw,49px);margin:6px 0 9px}.gallery article p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.5;min-height:38px}.cardlink{display:inline-flex;gap:6px;font-size:13px;font-weight:700;color:var(--accent);padding:9px 0}.cardlink:hover{text-decoration:underline}.image-note{margin-top:12px;color:var(--muted);font-size:11px}.story{background:#382621;color:#fff4e4}.story-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:18px;padding-top:66px;padding-bottom:66px}.story .eyebrow,.story em{color:#eab2a1}.story p:not(.eyebrow){margin-top:20px;color:#f3dbca;max-width:620px}.inquiry{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(18px,7vw,105px);padding-top:78px;padding-bottom:75px}.inquiry>div>p:not(.eyebrow){margin:18px 0 6px}form{background:#efe5d8;border:1px solid var(--line);padding:clamp(15px,3vw,34px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wide{grid-column:1/-1}label{display:grid;gap:5px;font-weight:650;font-size:12px}input,select,textarea{width:100%;min-width:0;background:#fcf8f1;border:1px solid #cbbbac;color:var(--ink);padding:10px;border-radius:0;font-size:14px}textarea{resize:vertical}form>.button{margin-top:15px}#message{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.message-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}#feedback{font-size:12px;color:var(--muted);margin-top:7px}.footer{border-top:1px solid var(--line);padding-top:19px;padding-bottom:19px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.footer .logo{color:var(--ink)}
@media(max-width:1050px){.hero{min-height:490px}.intro{padding:clamp(25px,5vw,70px)}}
@media(max-width:700px){.top{grid-template-columns:1fr auto;min-height:60px;gap:10px}.top nav{display:none}.logo{font-size:30px}.hero{grid-template-columns:1fr;min-height:0}.intro{padding:34px 20px}.intro .button{margin-top:18px}.hero-image{aspect-ratio:1.23;min-height:0}.hero-image img{object-position:center}.collection,.inquiry{padding-top:49px;padding-bottom:49px}.section-head{display:block}.section-head>p{margin-top:9px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery figure{margin-bottom:9px}.gallery article p:not(.eyebrow){min-height:0}.story-grid,.inquiry{grid-template-columns:1fr}.story-grid{padding-top:45px;padding-bottom:45px;gap:4px}.footer span{display:none}}
@media(max-width:360px){.gallery,.form-grid{grid-template-columns:1fr}.topcta{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
