:root{color-scheme:light;--paper:#f7f4ec;--ink:#24251f;--muted:#68695f;--line:#d9d6ca;--green:#355f4b;--orange:#d8673d;--pink:#e9a79b;--yellow:#e8c568;--white:#fffefa;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit}button{color:inherit}.skip-link{position:absolute;top:-60px;left:16px;z-index:20;padding:10px 14px;background:var(--ink);color:white}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #bd4c2f;outline-offset:4px}.topbar{height:76px;padding:0 max(5.3vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:750;letter-spacing:-1.2px}.mark{display:grid;place-items:center;width:31px;height:31px;background:var(--green);color:var(--white);border-radius:50%;font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:-2px}.top-note{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px}.nav-link{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding:7px 0}.nav-link span{color:var(--orange);font-size:18px;margin-left:8px}
.intro{position:relative;max-width:1440px;margin:auto;padding:69px 7.4vw 84px;min-height:538px;display:grid;grid-template-columns:0.9fr 1.1fr;align-items:center;gap:6.5vw}.intro-copy{padding-bottom:25px}.eyebrow{font-size:10px;line-height:1.4;letter-spacing:1.65px;font-weight:750;color:var(--green);margin:0 0 20px;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.1vw,88px);line-height:.99;letter-spacing:-4.5px;font-weight:550;margin:0 0 25px}h1 em{color:var(--green);font-family:var(--serif);font-weight:400;letter-spacing:-4px}.intro-text{font-size:16px;line-height:1.7;color:#52534a;max-width:390px;margin-bottom:27px}.jump-link{display:inline-flex;align-items:center;gap:17px;text-decoration:none;font-size:13px;font-weight:700;border-bottom:1px solid var(--green);padding:0 0 8px}.jump-link span{color:var(--orange);font-size:19px}.intro-art{height:375px;position:relative}.intro-art:before{content:"";position:absolute;inset:-12px 15px 13px -13px;border:1px solid var(--green);transform:rotate(-2deg)}.intro-art img{width:100%;height:100%;object-fit:cover;position:relative;display:block;filter:saturate(.75)}.art-stamp{position:absolute;right:-24px;top:25px;background:var(--yellow);width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);font-size:9px;letter-spacing:1.2px;font-weight:800;color:#39301e}.art-stamp b{font-size:32px;line-height:1.1;color:var(--orange)}.art-caption{position:absolute;bottom:12px;left:14px;color:white;font-size:9px;letter-spacing:1.8px;font-weight:750;text-shadow:0 1px 5px #000}.intro-index{position:absolute;bottom:24px;left:50%;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1px;color:var(--muted)}.intro-index i{display:block;width:45px;height:1px;background:var(--orange)}
.shelf{background:#eeece3;padding:66px max(7.4vw,24px) 74px}.shelf-heading,.controls,.results-line,.workshop-grid,.empty-state{max-width:1120px;margin-left:auto;margin-right:auto}.shelf-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.shelf-heading .eyebrow{margin-bottom:11px}.shelf-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,49px);letter-spacing:-1.8px;line-height:1.1;margin:0}.shelf-aside{font-family:var(--serif);font-size:15px;line-height:1.5;font-style:italic;color:#66685e;text-align:right;margin:0 1px 4px 16px}.controls{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(180px,.85fr) auto;align-items:end;gap:18px;padding:19px 0 22px;border-top:1px solid var(--line)}.control-label{display:block;font-size:10px;letter-spacing:1.15px;text-transform:uppercase;font-weight:750;margin-bottom:7px;color:#66685e}.search-wrap{height:47px;border-bottom:1px solid #aaa99d;display:flex;align-items:center;gap:10px}.search-wrap svg{width:19px;height:19px;fill:none;stroke:var(--green);stroke-width:1.8}.search-wrap input{border:0;background:transparent;outline:none;width:100%;height:100%;font-size:14px;color:var(--ink)}.search-wrap input::placeholder{color:#898a80}.category-field select{width:100%;height:47px;border:0;border-bottom:1px solid #aaa99d;border-radius:0;background-color:transparent;color:var(--ink);padding:0 30px 0 0;font-size:14px}.saved-filter{height:47px;border:1px solid var(--green);background:transparent;color:var(--green);display:flex;align-items:center;gap:9px;padding:0 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.saved-icon{font-size:20px;line-height:1}.saved-count{display:grid;place-items:center;border-radius:50%;background:#d9e0d7;width:21px;height:21px;font-size:11px}.saved-filter[aria-pressed="true"]{background:var(--green);color:white}.saved-filter[aria-pressed="true"] .saved-count{background:#fff;color:var(--green)}.results-line{display:flex;align-items:center;gap:13px;margin-bottom:17px;color:#63645a;font-size:11px}.results-line #result-count{font-weight:700;color:var(--ink)}.results-rule{height:1px;background:var(--line);flex:1}.results-note{font-family:var(--serif);font-style:italic;font-size:12px}
.workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.workshop-card{background:var(--white);position:relative;min-width:0;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 0 rgba(47,48,38,.06)}.workshop-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px #393d3114}.card-image{display:block;width:100%;height:195px;object-fit:cover;filter:saturate(.82)}.card-image-wrap{position:relative;overflow:hidden}.ingredient-tag{position:absolute;top:12px;left:12px;background:var(--paper);padding:6px 9px 5px;text-transform:uppercase;font-size:9px;letter-spacing:1.3px;font-weight:800;color:var(--green)}.card-number{position:absolute;right:12px;top:12px;color:white;font-size:10px;letter-spacing:1px;text-shadow:0 1px 4px #000}.card-content{padding:17px 18px 18px}.card-topline{display:flex;align-items:center;justify-content:space-between;color:#707066;font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px}.card-date{font-weight:750;color:var(--orange)}.card-content h3{font-family:var(--serif);font-weight:400;font-size:25px;letter-spacing:-.6px;line-height:1.12;margin:0 0 8px}.card-description{font-size:12px;line-height:1.55;color:#5f6057;margin:0 0 18px;min-height:38px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e2d8;padding-top:12px}.card-facts{font-size:10px;color:#65665c}.card-price{font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}.open-item{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;background:transparent}.workshop-card:focus-within{outline:3px solid #bd4c2f;outline-offset:3px}.workshop-card:focus-within .open-item{opacity:0}.saved-mark{position:absolute;right:12px;bottom:13px;color:var(--green);font-size:18px;pointer-events:none}.empty-state{text-align:center;padding:60px 20px 50px;background:var(--white);border:1px dashed #aaa99d}.empty-doodle{display:grid;place-items:center;margin:0 auto 10px;width:42px;height:42px;background:#e9d7bd;border-radius:50%;font-size:22px;color:var(--orange);transform:rotate(-30deg)}.empty-state h3{font:400 28px var(--serif);margin:0 0 8px}.empty-state p{color:var(--muted);font-size:14px;margin-bottom:17px}.text-button{border:0;background:none;color:var(--green);font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px}.closing-note{max-width:1120px;margin:0 auto;padding:53px 24px;display:flex;justify-content:center;align-items:center;gap:19px}.closing-note>span:first-child{font-size:26px;color:var(--orange)}.closing-note p{font-family:var(--serif);font-style:italic;font-size:20px;margin:0}.closing-sign{font-size:11px;color:var(--green);font-weight:750}footer{border-top:1px solid var(--line);padding:23px max(5.3vw,24px);display:flex;align-items:center;justify-content:space-between;color:#6e6f65;font-size:11px}footer .wordmark{font-size:16px;color:var(--ink)}footer .mark{width:25px;height:25px;font-size:17px}
dialog{padding:0;border:0;width:min(930px,calc(100% - 40px));max-width:none;max-height:min(760px,calc(100dvh - 40px));background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #10140f55;overflow:auto}dialog::backdrop{background:#1f261f9c;backdrop-filter:blur(3px)}.dialog-close{position:sticky;z-index:2;top:13px;float:right;margin:13px 13px -55px 0;width:42px;height:42px;border:0;border-radius:50%;background:var(--paper);font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}.detail-layout{display:grid;grid-template-columns:.92fr 1fr;min-height:560px}.detail-photo{position:relative;min-height:560px;background:#ddd}.detail-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:17px;left:19px;font-size:9px;color:white;letter-spacing:1.6px;font-weight:750;text-shadow:0 1px 5px #000}.detail-copy{padding:58px 48px 31px;display:flex;flex-direction:column}.detail-copy .eyebrow{margin-bottom:16px}.detail-separator{color:var(--orange)}.detail-copy h2{font:400 clamp(35px,4vw,51px)/1.04 var(--serif);letter-spacing:-1.8px;margin:0 0 18px}.detail-body{font-size:14px;line-height:1.7;color:#55564e;margin-bottom:27px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-facts div{padding:13px 8px 13px 0}.detail-facts div:nth-child(odd){border-right:1px solid var(--line)}.detail-facts div:nth-child(even){padding-left:17px}.detail-facts div:nth-child(n+3){border-top:1px solid var(--line)}.detail-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#717267;margin-bottom:5px}.detail-facts dd{font-size:13px;font-weight:700;margin:0}.detail-bottom{margin-top:auto;padding-top:23px;display:flex;justify-content:space-between;align-items:end;gap:15px}.detail-price{margin:0;display:flex;flex-direction:column;gap:2px}.detail-price span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#73746a}.detail-price strong{font-size:27px;line-height:1.2;font-variant-numeric:tabular-nums}.save-button{min-height:47px;padding:0 16px;background:var(--green);color:white;border:1px solid var(--green);display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.save-button[aria-pressed="true"]{background:transparent;color:var(--green)}.save-star{font-size:18px}.detail-footnote{font-size:10px;color:#73746a;margin:14px 0 0}.no-scroll{overflow:hidden}
@media(max-width:900px){.intro{padding-left:6vw;padding-right:6vw;gap:5vw;min-height:470px}.intro-art{height:320px}.shelf{padding-left:6vw;padding-right:6vw}.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-copy{padding-left:32px;padding-right:32px}}
@media(max-width:600px){.topbar{height:62px;padding:0 20px}.wordmark{font-size:19px}.top-note{display:none}.nav-link{font-size:11px}.intro{padding:46px 23px 59px;display:flex;flex-direction:column;align-items:stretch;gap:31px}.intro-copy{padding:0}.intro .eyebrow{font-size:9px;letter-spacing:1.35px;margin-bottom:17px}h1{font-size:57px;letter-spacing:-3px;margin-bottom:16px}h1 em{letter-spacing:-3px}.intro-text{font-size:15px;line-height:1.6;max-width:340px;margin-bottom:20px}.jump-link{font-size:12px}.intro-art{height:224px;margin:0 10px 0 4px}.art-stamp{width:80px;height:80px;right:-16px;top:15px;font-size:7px}.art-stamp b{font-size:25px}.art-caption{font-size:8px}.intro-index{display:none}.shelf{padding:44px 20px 52px}.shelf-heading{margin-bottom:21px;align-items:start}.shelf-heading h2{font-size:37px;letter-spacing:-1.3px}.shelf-aside{font-size:12px;margin-top:17px}.controls{grid-template-columns:1fr 1fr;gap:13px 14px;padding:16px 0 19px}.search-field{grid-column:1/-1}.control-label{font-size:9px}.search-wrap,.category-field select,.saved-filter{height:45px}.search-wrap input{font-size:14px}.category-field select{font-size:13px}.saved-filter{justify-content:center;padding:0 7px;gap:7px;font-size:11px}.saved-icon{font-size:17px}.results-line{gap:9px;font-size:10px;margin-bottom:13px}.results-note{display:none}.workshop-grid{grid-template-columns:1fr;gap:16px}.card-image{height:210px}.card-content{padding:15px 16px 16px}.card-content h3{font-size:24px}.card-description{min-height:0;margin-bottom:13px}.closing-note{padding:34px 20px;gap:11px;flex-wrap:wrap}.closing-note p{font-size:17px}.closing-note>span:first-child{font-size:21px}footer{padding:19px 20px;gap:10px}footer>span{display:none}footer a:last-child{font-size:10px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.detail-layout{display:block;min-height:0}.detail-photo{height:220px;min-height:0}.detail-copy{padding:30px 23px 24px}.detail-copy h2{font-size:39px}.detail-body{font-size:14px;margin-bottom:19px}.detail-bottom{margin-top:23px}.detail-price strong{font-size:25px}.save-button{padding:0 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.saved-icon{width:20px;height:20px}.saved-icon svg,.save-star svg,.saved-mark svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.saved-filter[aria-pressed="true"] .saved-icon svg,.save-button[aria-pressed="true"] .save-star svg,.saved-mark svg{fill:currentColor}.saved-mark{width:17px;height:17px}.save-star{width:19px;height:19px;flex:none}.art-stamp b{width:25px;height:25px}.art-stamp b svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}.closing-note>span:first-child{width:24px;height:24px}.closing-note>span:first-child svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
