/* One control system for static pages and runtime templates. */
:root{--paper:#f8f5ee;--ink:#30231d;--gold:#a77c37;--ice:#d7bd82;--muted:#716158;--line:#dfd8cb;--plate:#fffdf9;--tint:#eee7da;--text:'DM Sans',Arial,sans-serif;--display:'Bodoni Moda',Georgia,serif;--control-height:46px;--control-radius:999px;--control-border:#b9ac98}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--text)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(46px,6.7vw,92px)}h2{font-size:clamp(35px,4vw,55px)}h3{font-size:16px;line-height:1.4;font-weight:500}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}
button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.btn,.chip,.icon-btn,.nav-saved{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);max-width:100%;border:1px solid transparent;border-radius:var(--control-radius);padding:11px 21px;font:600 12px/1.4 var(--text);background:var(--ink);color:var(--paper);cursor:pointer;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:hover,.btn:hover{background:#584034;box-shadow:0 5px 15px #30231d14;transform:translateY(-1px)}.btn.soft,.chip{background:var(--tint);color:var(--ink);border-color:var(--control-border)}.btn.soft:hover,.chip:hover{background:#e3d6c1;border-color:var(--gold)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.icon-btn,.save,.nav-saved{width:46px;height:46px;flex:none;padding:0;background:var(--plate);color:var(--ink);border-color:var(--line);font-size:23px}.icon-btn:hover,.save[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-saved{width:auto;min-width:46px;padding-inline:12px;font-size:16px}.nav-saved span{font:600 11px var(--text)}button:active,.btn:active,.chip:active,.icon-btn:active{transform:translateY(1px);box-shadow:none}button:disabled,input:disabled,select:disabled,.btn[aria-disabled=true]{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}:is(button,a,input,select):focus-visible{outline:3px solid var(--gold);outline-offset:4px}input,select{min-height:var(--control-height);max-width:100%;width:100%;min-width:0;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--plate);padding:11px 17px;font-size:13px;appearance:none;box-shadow:0 2px 8px #30231d04}input:hover,select:hover{border-color:var(--gold)}input::placeholder{color:var(--muted)}select{cursor:pointer;padding-right:36px;background:var(--plate) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2330231d' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 16px center}label{display:grid;gap:7px;font-size:11px;font-weight:600;min-width:0}.small{font-size:12px}.quiet,.footer-jump,.amazon{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.skip{position:fixed;top:-100px;z-index:10001;background:var(--paper);padding:12px}.skip:focus{top:0}
.header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:20px}.logo{display:inline-flex;gap:10px;align-items:center;font:500 28px var(--display);letter-spacing:-.04em}.header nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:600}.header nav>a:not(.nav-saved){display:inline-flex;align-items:center;min-height:46px}.header nav>a:hover{color:#775426}
/* Twenty local catalog photos, with a bronze shade behind the text. */
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:calc(100svh - 80px);background:var(--ink);color:var(--paper)}.hero-wall{position:absolute;z-index:-2;inset:-22% -7%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;transform:rotate(-7deg);pointer-events:none}.wall-col{display:flex;flex-direction:column;gap:16px;animation:wall-drift 76s linear infinite;will-change:transform}.wall-col:nth-child(2){animation-duration:86s;animation-direction:reverse}.wall-col:nth-child(3){animation-duration:68s}.wall-col:nth-child(4){animation-duration:82s;animation-direction:reverse}.wall-col:nth-child(5){animation-duration:72s}.wall-cell{display:block;aspect-ratio:4/5;overflow:hidden;flex:none;border-radius:12px;background:var(--plate)}.wall-cell img{width:100%;height:100%;object-fit:cover}@keyframes wall-drift{to{transform:translateY(calc(-50% - 8px))}}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#30231d22 0%,#30231d60 24%,#30231de8 65%,#30231df7 100%)}.hero-copy{padding-block:160px 68px}.hero-copy .eyebrow{display:table;color:var(--ice);background:var(--ink);padding:7px 11px;border-radius:4px;margin-bottom:24px}.hero h1{font-size:clamp(68px,7.6vw,112px);max-width:1000px;margin-bottom:24px;text-shadow:0 3px 30px #0003}.hero h1 em{font-weight:500;color:var(--ice)}.hero p{max-width:430px;color:var(--paper);font-size:16px;line-height:1.6;margin-bottom:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 0}.hero .btn{background:var(--ice);color:var(--ink);border-color:var(--ice);font-size:13px;padding-inline:24px}.hero .btn:hover{background:var(--paper);border-color:var(--paper)}.hero .btn.soft{background:#30231d8c;border-color:#cfc1aa;color:var(--paper)}.hero .btn.soft:hover{background:var(--paper);color:var(--ink)}
.section-line{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:56px 0 28px}.section-line h2{margin-bottom:0}.section-line p{color:var(--muted);font-size:13px;margin:0}.section-tiles{display:flex;overflow-x:auto;gap:22px;padding:0 0 20px;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent}.section-tile{width:152px;flex-shrink:0;font-size:12px;font-weight:600}.section-tile img{width:152px;height:174px;object-fit:cover;background:var(--tint);border-radius:90px 90px 8px 8px;margin-bottom:12px;transition:transform .25s}.section-tile:hover img{transform:translateY(-4px)}.section-tile span{display:flex;align-items:center;min-height:44px}.feed-head{border-top:1px solid var(--line);margin-top:42px;padding-top:46px}.feed-head>.eyebrow{color:#7b5825}.feed-head .section-line{margin-top:16px}.feed-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 32px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}.card{position:relative;min-width:0;display:flex;flex-direction:column;border-radius:12px;background:var(--plate);overflow:hidden;box-shadow:0 3px 14px #30231d06;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #30231d12}.card-photo{display:block;background:#f0ebe2;aspect-ratio:4/5;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.card:hover .card-photo img{transform:scale(1.035)}.card-body{padding:20px}.card>.card-body{display:flex;flex-direction:column;flex:1}.card .eyebrow{color:var(--muted);font-size:9px;letter-spacing:.12em;min-height:15px}.card h3{margin:9px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;overflow-wrap:anywhere}.card h3 a:hover{color:#775426}.variant{font-size:10px;line-height:1.4;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.card .variant{min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .variant:empty{display:block}.price{font-size:17px;font-weight:700;display:flex;flex-wrap:wrap;gap:7px;align-items:baseline}.price del{font-size:12px;color:var(--muted);font-weight:400}.compare-note{font-size:9px;font-weight:400;color:var(--muted)}.source-date{color:var(--muted);font-size:10px;margin:8px 0 16px}.card-links{margin-top:auto;padding-top:4px}.card-links .btn{width:100%;font-size:11px;padding-inline:10px}.save{position:absolute;right:10px;top:10px;box-shadow:0 2px 9px #30231d0c}.product-info .icon-btn{position:static}.product-info .card-links{margin-top:24px;padding:0}.product-info .card-links .btn{width:auto;font-size:13px;padding-inline:24px}
.feed-feature{background:var(--ink);color:var(--paper);padding:38px 26px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.feed-feature h3{font:40px/1.08 var(--display);letter-spacing:-.03em;margin:25px 0}.feed-feature p{font-size:13px;color:#d0c4b3}.feed-feature .btn{background:var(--ice);color:var(--ink);align-self:start}.video-card{background:var(--tint);border-radius:12px;overflow:hidden;min-width:0}.video-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.video-card p{font-size:12px}.feed-status{font-size:12px;text-align:center;color:var(--muted);padding:36px}#feed-sentinel{height:1px}
.footer{margin-top:88px;padding:56px 0 145px;background:#e9e0d0}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer p{font-size:12px;color:#64554a;max-width:420px}.footer .logo{margin-bottom:16px}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:12px}.footer nav a{min-height:44px;display:flex;align-items:center}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid #c7bba7;margin-top:36px;padding-top:28px}.footer-bottom p{max-width:100%}.intro{padding:64px 0 38px;max-width:900px}.intro .eyebrow{color:#7b5825}.intro h1{font-size:clamp(46px,6vw,78px);margin:18px 0 22px}.intro p{max-width:620px;color:var(--muted)}.content{max-width:820px;padding:10px 0 30px}.content h2{font-size:36px;margin:40px 0 18px}.content h3{margin:26px 0 12px}.content a:not(.btn){text-decoration:underline;text-underline-offset:4px}.content p{max-width:700px}.source{font-size:12px;color:var(--muted)}.filters{padding:24px;background:var(--tint);border-radius:16px;margin:0 0 30px;display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:18px 14px}.filter-actions{display:flex;align-items:end}.filter-actions button{width:100%}#results-status{font-size:12px;color:var(--muted);margin:0 0 24px}
.product-view{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:56px 0}.product-view>img{width:100%;max-height:720px;aspect-ratio:4/5;object-fit:contain;background:var(--plate);border-radius:16px}.product-info{padding:20px 0}.product-info h1{font-size:clamp(36px,4vw,54px);margin:20px 0}.product-info .price{font-size:26px}.product-info dt{font-size:11px;color:var(--muted)}.product-info dd{margin:0 0 16px}.product-info .source{margin-top:22px}.pairing{padding:44px 0 52px;border-top:1px solid var(--line)}.pairing>p:not(.pair-total){max-width:620px}.pairing h2{margin:14px 0 20px}.pairing .grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.pair-total{font:30px var(--display);margin:26px 0 16px}.notice{background:var(--tint);padding:20px 24px;border-radius:12px;font-size:13px;margin-top:28px}.guide-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.guide-photos img{width:100%;height:300px;object-fit:contain;background:var(--plate);border-radius:120px 120px 12px 12px}.photo-note{display:grid;place-content:center;height:100%;padding:20px;font:24px var(--display)}.saved-grid{margin-top:28px}#toast{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:var(--control-radius);z-index:10001;font-size:12px;max-width:90vw}.amazon{color:var(--muted);font-size:11px}.ck{--ck-bg:#30231d;--ck-fg:#f8f5ee;--ck-accent:#d7bd82}[hidden]{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(64px,8vw,95px)}.product-view{gap:32px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:72px;gap:12px}.logo{font-size:23px;gap:7px}.logo img{width:28px}.header nav{gap:14px;font-size:12px}.desktop{display:none!important}.nav-saved{font-size:18px;min-width:46px;padding-inline:10px}.hero{min-height:calc(100svh - 72px)}.hero-wall{grid-template-columns:repeat(3,minmax(0,1fr));inset:-12% -20%;gap:10px}.wall-col{gap:10px;animation-name:wall-drift-phone}.wall-col:nth-child(n+4){display:none}.wall-cell{border-radius:10px}@keyframes wall-drift-phone{to{transform:translateY(calc(-50% - 5px))}}.hero-copy{padding:150px 0 154px}.hero-copy .eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:clamp(43px,12vw,68px);line-height:1.06;letter-spacing:-.05em;margin-bottom:22px}.hero p{font-size:14px;max-width:310px}.hero .actions{gap:9px;margin-top:25px}.hero .btn{font-size:12px;padding-inline:18px}.hero-shade{background:linear-gradient(180deg,#30231d18,#30231d80 27%,#30231dee 55%,#30231df7 100%)}.section-line{margin:38px 0 24px;gap:12px}.section-line h2{font-size:34px}.section-line p{display:none}.section-tiles{gap:14px}.section-tile{width:112px;font-size:11px}.section-tile img{width:112px;height:134px;margin-bottom:8px}.feed-head{margin-top:28px;padding-top:32px}.feed-head .section-line{align-items:center}.feed-head h2{font-size:34px;max-width:220px}.footer-jump{font-size:10px;flex:none}.feed-toolbar{gap:8px;margin:22px 0 26px}.chip{font-size:11px;padding-inline:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.card{border-radius:10px}.card-body{padding:13px}.card h3{font-size:13px;line-height:1.4}.card .eyebrow{font-size:8px;letter-spacing:.08em}.card .price{font-size:16px}.card-links .btn{font-size:10px;padding:10px 8px;min-height:46px}.source-date{font-size:9px;line-height:1.6;margin-bottom:14px}.save{right:7px;top:7px}.feed-feature{padding:26px 17px}.feed-feature h3{font-size:29px;margin:20px 0}.feed-feature p{font-size:12px}.feed-feature .btn{font-size:11px;padding-inline:14px}.footer{margin-top:56px;padding-top:38px}.footer-top{grid-template-columns:1fr;gap:30px}.footer nav{gap:4px 18px}.intro{padding:42px 0 24px}.intro h1{font-size:48px}.intro p{font-size:14px}.filters{padding:18px 14px;gap:16px 10px;border-radius:12px}.filters label{font-size:10px}.filters input,.filters select{font-size:12px;padding-left:13px}.filters select{padding-right:30px;background-position:right 12px center}.product-view{display:block;padding:28px 0}.product-info h1{font-size:38px}.product-info .actions{gap:10px}.pairing{padding-block:30px 36px}.pairing .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing h2{font-size:36px}.pairing .card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 6px)}.content{font-size:14px}.content h2{font-size:32px}.guide-photos{gap:12px}.guide-photos img{height:210px}}
@media(max-width:350px){.logo{font-size:20px}.header nav{gap:9px}.hero-copy{padding-top:120px;padding-bottom:150px}.hero .btn{font-size:11px;padding-inline:13px}.grid{gap:20px 10px}.card-body{padding:11px}.card-links .btn{font-size:9px}.card .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.wall-col{will-change:auto}}