:root{--cream:#f8f5ee;--ink:#202820;--forest:#243228;--muted:#62695d;--line:#dcd9cf;--paper:#f0ebe0;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a57437;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3,.wordmark{font-family:var(--serif)}.skip{position:absolute;left:10px;top:-100px;z-index:6;background:white;padding:8px}.skip:focus{top:8px}.announcement{min-height:34px;background:#253428;color:#f7f2e6;display:grid;place-items:center;text-align:center;padding:5px 18px;font-size:11px;letter-spacing:.07em}.announcement button{background:none;border:0;color:inherit;font:inherit;padding:0}.announcement span{margin-left:9px}.site-header{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(20px,5.5vw,95px);background:var(--cream);border-bottom:1px solid #e8e3d9}.wordmark{font-size:30px;letter-spacing:.07em;white-space:nowrap;line-height:1}.wordmark i{font-weight:400;font-size:.82em;color:#786a4b}.site-header nav,.header-actions{display:flex;align-items:center;gap:clamp(15px,2.5vw,40px)}.site-header nav a{font-size:12px;font-weight:600;white-space:nowrap}.site-header nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.header-actions{justify-content:end;gap:17px}.header-actions button{border:0;background:none;padding:7px 2px;font-size:12px;font-weight:600}.cart-trigger{display:flex;align-items:center;gap:4px}.cart-trigger svg{width:22px}.hero{position:relative;min-height:clamp(530px,47vw,730px);display:grid;align-items:center;background:#26342a url('./assets/hero.webp') center 57%/cover no-repeat;color:#faf5ea}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,27,20,.71),rgba(16,27,20,.36) 42%,transparent 72%)}.hero-content{position:relative;width:min(1340px,89%);margin:auto;padding:66px 0 74px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.20em;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#eee6d1}.hero .eyebrow:before{content:"";width:24px;height:1px;background:#b8a580}.hero h1{font-size:clamp(65px,7.4vw,118px);line-height:.84;letter-spacing:-.045em;margin:21px 0 24px;max-width:720px}.hero h1 em{color:#e9d9b8;font-weight:400}.hero p:not(.eyebrow){max-width:355px;font-size:15px;line-height:1.65;color:#f1ebde}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px 23px;margin-top:27px}.btn{border:1px solid var(--forest);background:var(--forest);color:#fffdf5;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 18px;min-height:46px;font-size:12px;font-weight:650;text-align:center;transition:background .2s,color .2s}.btn:hover{background:#405044}.btn.light{background:#f4ecdc;color:#222d23;border-color:#f4ecdc}.btn.light:hover{background:#e7d7bc}.btn.outline{background:transparent;color:var(--forest)}.btn.outline:hover{background:#e9e4d8}.link-button{border:0;background:none;padding:2px 0;font-weight:650;font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero .link-button{color:#faf5ea}.hero-caption{position:absolute;right:5.5%;bottom:23px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff6e5}.wrap{max-width:1450px;width:89%;margin:auto}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section h2,.discovery h2,.trade h2{font-size:clamp(44px,5vw,76px);letter-spacing:-.025em;line-height:.94;margin-top:9px}.section-head p:not(.eyebrow){color:var(--muted);max-width:310px}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.line-card{position:relative;background:#46463a;color:white;overflow:hidden;min-height:272px;display:flex;align-items:end;padding:21px}.line-card img{position:absolute;inset:0;height:100%;object-position:center 47%;transition:transform .4s}.line-card:hover img{transform:scale(1.035)}.line-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,25,19,.83),rgba(25,25,19,.10) 69%)}.line-card div{position:relative;z-index:1}.line-card h3{font-size:38px;line-height:1}.line-card p{font-size:12px;margin-top:6px}.line-card .arrow{position:absolute;right:17px;bottom:21px;z-index:1;font-size:24px;line-height:1}.store{background:#f1ede4}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.tab,.pill{padding:7px 13px;border:1px solid #bdbfb2;background:transparent;font-size:12px}.tab.active,.pill.active{color:white;background:var(--forest);border-color:var(--forest)}.filters{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));max-width:800px;gap:10px;margin-bottom:20px}.filters select,.fields select,.fields input,.fields textarea,.pick select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6c5b8;background:#fbf9f2;color:var(--ink);border-radius:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px 13px}.product{position:relative;min-width:0}.product-image{display:block;width:100%;padding:0;border:0;background:#e2d9ca;overflow:hidden}.product-image img{aspect-ratio:1.14;transition:transform .35s}.product-image:hover img{transform:scale(1.04)}.product .line{display:block;margin-top:9px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.product h3{font-size:28px;line-height:1.05;margin:4px 0}.product h3 button{background:none;border:0;padding:0;text-align:left;font:inherit}.product .variants{color:var(--muted);font-size:12px}.empty{grid-column:1/-1;padding:25px 0}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.family{background:var(--paper);border:1px solid var(--line);padding:17px;text-align:left;min-height:155px}.family:hover{border-color:#797e67}.dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--swatch,#e3dac7);margin-right:7px;vertical-align:middle}.family strong{display:block;font:29px/1 var(--serif);margin:8px 0 5px}.family small{color:var(--muted)}.discovery{background:#e8ddc9;display:grid;grid-template-columns:1fr 1fr}.discovery-photo{height:100%;min-height:410px}.discovery-copy{padding:60px clamp(30px,7vw,120px);align-self:center}.discovery p:not(.eyebrow),.trade p:not(.eyebrow){margin:16px 0 23px;max-width:420px}.trade{padding:67px 0;background:#28382d;color:#f8f1df}.trade .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.trade-buttons{display:flex;flex-wrap:wrap;gap:8px}.trade .btn.outline{color:#f8f1df;border-color:#c8c1a9}.trade .btn.outline:hover{color:var(--ink)}footer{background:#1d291f;color:#f8f1df;padding:36px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.footer-links button{border:0;background:none;color:inherit;padding:0;font-size:inherit}.footer-note{font-size:11px;color:#d8cebc;margin-top:20px}
dialog{max-width:min(760px,calc(100% - 28px));width:100%;padding:0;border:1px solid var(--line);background:var(--cream);color:var(--ink);max-height:92dvh;overflow:auto}dialog::backdrop{background:#142217a6}.modal-shell{padding:clamp(19px,4vw,38px);position:relative}.modal-close{position:absolute;top:9px;right:10px;border:0;background:var(--cream);font-size:25px;line-height:1;width:35px;height:35px;z-index:1}.modal-shell h2{font-size:clamp(34px,6vw,56px);line-height:.95;margin:6px 33px 12px 0}.modal-shell p{margin:0 0 12px}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0}.detail img{height:100%;min-height:325px}.detail-copy{padding:30px 20px}.pick,.fields{display:grid;gap:12px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}.pick label,.fields label{font-size:12px;font-weight:600}.pick label>span,.fields label>span{display:block;margin-bottom:5px}.fields .wide,.fields .form-status,.fields .consent{grid-column:1/-1}.fields textarea{resize:vertical;min-height:70px}.fields .consent{display:flex;align-items:start;gap:7px}.fields .consent input{width:auto;min-height:auto}.form-status{margin:0;color:#6d3c1d}.list-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row small{display:block;color:var(--muted)}.list-row button{background:transparent;border:1px solid var(--line);min-width:27px;min-height:27px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#toast{position:fixed;z-index:6;bottom:15px;left:50%;transform:translateX(-50%);background:var(--forest);color:white;padding:9px 16px;max-width:calc(100% - 25px)}#toast:empty{display:none}
@media(max-width:900px){.grid,.family-grid{grid-template-columns:repeat(3,1fr)}.line-card{min-height:225px}}
@media(max-width:690px){html{scroll-padding-top:110px}.site-header{grid-template-columns:1fr auto;padding:8px 5.5%;min-height:auto;row-gap:8px}.site-header nav{grid-row:2;grid-column:1/-1;gap:14px;overflow-x:auto;padding:0 0 3px}.site-header nav a{font-size:11px}.header-actions{grid-column:2;grid-row:1}.wordmark{font-size:26px}.hero{min-height:560px;background-position:64% center}.hero:before{background:linear-gradient(90deg,#101b14c7,#101b145c 78%)}.hero h1{font-size:clamp(60px,14vw,89px)}.hero-content{padding:44px 0}.hero-caption{bottom:13px}.section{padding:48px 0}.section-head{display:block}.section-head p:not(.eyebrow){margin-top:9px}.line-grid{gap:6px}.line-card{min-height:169px;padding:9px}.line-card h3{font-size:25px}.line-card p{display:none}.line-card .arrow{font-size:15px;right:7px;bottom:9px}.grid,.family-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters select:first-child{grid-column:1/-1}.product h3{font-size:23px}.family{min-height:135px;padding:12px}.family strong{font-size:25px}.discovery{grid-template-columns:1fr}.discovery-photo{min-height:0;height:280px}.discovery-copy{padding:36px 5.5% 44px}.trade{padding:44px 0}.trade .wrap{display:block}.detail{grid-template-columns:1fr}.detail img{min-height:0;height:245px;object-position:center 48%}.detail-copy{padding:18px}.fields{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@font-face{font-family:"Instrument Serif";src:url('./assets/instrument.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url('./assets/instrument-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url('./assets/dm-sans.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url('./assets/dm-sans-600.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap}
.detail img{object-fit:contain;background:#eee2d3}
@media(max-width:690px){.hero{background-position:61% center}.hero h1{letter-spacing:-.035em}.hero-caption{font-size:9px}}
.wordmark-art{display:block;width:100%;aspect-ratio:4.49;background:url('./assets/wordmark.webp') center/contain no-repeat}
.wordmark:has(.wordmark-art){display:block;width:clamp(135px,15vw,204px)}
footer .wordmark-art{background-image:url('./assets/wordmark-light.webp')}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.product-meta .line{margin-top:0}
.product-meta .wordmark-art{flex:0 0 62px}
.detail-mark{width:105px;margin-bottom:16px}
.dialog-intro{max-width:55ch;color:var(--muted)}
@media(max-width:370px){.product-meta .wordmark-art{flex-basis:48px}}
.hero .eyebrow{text-transform:none}
