:root{--crema:#dc9a54;--ink:#22140d;--paper:#f3ecdf;--rule:1.5px;--frame:clamp(8px,1.1vw,16px);--pad:clamp(14px,2.2vw,34px);--wide:"wdth" 125;--font:"Archivo","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--ink)}body{padding:var(--frame);padding-top:max(var(--frame),env(safe-area-inset-top));padding-bottom:max(var(--frame),env(safe-area-inset-bottom));font:500 15px/1.4 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.label{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600}.sheet{background:var(--crema);min-height:calc(100dvh - 2*var(--frame));flex-direction:column;display:flex}.bar{margin:0 calc(var(--pad)/2);padding:14px calc(var(--pad)/2);border-bottom:var(--rule) solid var(--ink);justify-content:space-between;align-items:center;gap:16px;display:flex}.bar nav{gap:clamp(14px,2.4vw,30px);font-size:.82rem;font-weight:600;display:flex}.bar nav a:hover{text-underline-offset:4px;text-decoration:underline}.bar time{font-variant-numeric:tabular-nums}.word{padding:clamp(14px,2.2vw,30px) var(--pad) clamp(12px,1.8vw,26px);margin:0;line-height:.82;overflow:hidden}.word b{white-space:nowrap;font-variation-settings:var(--wide);letter-spacing:-.015em;text-transform:uppercase;font-size:13vw;font-weight:900;display:inline-block}.word .out{color:var(--crema);-webkit-text-stroke:clamp(2.5px,.36vw,5px) var(--ink);paint-order:stroke fill;margin-left:0}.hero{border-top:var(--rule) solid var(--ink);flex:1;grid-template-columns:1.55fr 1fr 1.65fr;min-height:560px;display:grid}.hero>*+*{border-left:var(--rule) solid var(--ink)}.say p{padding:clamp(20px,2.6vw,36px) var(--pad);border-bottom:var(--rule) solid var(--ink);font-variation-settings:var(--wide);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2.7vw,3.3rem);font-weight:800;line-height:1}.cta{--c:var(--ink);margin:clamp(26px,3.4vw,54px) var(--pad);background:linear-gradient(var(--c),var(--c)) 0 0/18px var(--rule), linear-gradient(var(--c),var(--c)) 0 0/var(--rule) 18px, linear-gradient(var(--c),var(--c)) 100% 0/18px var(--rule), linear-gradient(var(--c),var(--c)) 100% 0/var(--rule) 18px, linear-gradient(var(--c),var(--c)) 0 100%/18px var(--rule), linear-gradient(var(--c),var(--c)) 0 100%/var(--rule) 18px, linear-gradient(var(--c),var(--c)) 100% 100%/18px var(--rule), linear-gradient(var(--c),var(--c)) 100% 100%/var(--rule) 18px;background-repeat:no-repeat;align-items:center;gap:38px;padding:22px 26px;transition:background-color .15s,color .15s;display:inline-flex}.cta:hover{background-color:var(--ink);color:var(--crema)}.cta svg{width:28px;height:14px;transition:transform .15s}.cta:hover svg{transform:translate(6px)}.why{flex-direction:column;display:flex}.why .label{padding:22px calc(var(--pad)*.8);border-bottom:var(--rule) solid var(--ink);flex:0 0 38%}.why .body{padding:clamp(22px,2.6vw,34px) calc(var(--pad)*.8)}.why p{max-width:24ch;margin:0;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.32}.why .kinds{border-top:var(--rule) solid var(--ink);letter-spacing:.06em;margin-top:clamp(22px,2.6vw,36px);padding-top:16px;font-size:.78rem;font-weight:600}.pick{flex-direction:column;min-width:0;display:flex}.pick header{padding:22px calc(var(--pad)*.8) 0;justify-content:space-between;gap:12px;display:flex}.pick .stage{text-align:center;flex:1;align-content:center;place-items:center;gap:clamp(18px,2.2vw,30px);padding:28px 16px;display:grid}.pick .mark{filter:drop-shadow(0 26px 22px #4622066b);width:clamp(170px,20vw,290px);transition:transform .2s cubic-bezier(.3,1.5,.5,1);display:block}.pick .mark:hover{transform:translateY(-6px)rotate(-2deg)}.pick .mark svg{width:100%;height:auto;display:block}.pick h2{font-variation-settings:var(--wide);text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:800;line-height:1}.pick .tag{max-width:30ch;margin:8px auto 0;font-size:.95rem}.pick footer{padding:0 calc(var(--pad)*.6) 22px;justify-content:space-between;align-items:center;display:flex}.pick .tabs{gap:clamp(18px,3vw,44px);font-size:.82rem;font-weight:600;display:flex}.pick .tabs a{border-bottom:2px solid #0000;padding:10px 2px}.pick .tabs a:hover,.pick .tabs a:focus-visible{border-color:var(--ink)}.pick button{all:unset;cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.pick button:focus-visible{outline:2px solid var(--ink)}.pick button svg{width:12px;height:22px}.pick button:hover svg{transform:scale(1.25)}.index{background:var(--paper);padding:clamp(28px,4.5vw,72px) var(--pad) clamp(28px,4vw,56px)}.index .top{gap:var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,3.2fr);align-items:start;display:grid}.index .meta{padding-top:.5em;font-size:.82rem;line-height:1.25}.index h2{letter-spacing:-.045em;text-transform:uppercase;margin:0 0 clamp(14px,2vw,26px);font-size:clamp(3.4rem,10.5vw,10rem);font-weight:800;line-height:.84}.rows{grid-column:2;margin:0;padding:0;list-style:none}.rows a{--c:var(--ink);--k:var(--paper);border-top:var(--rule) solid var(--ink);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) clamp(72px,8vw,112px) 3.4rem;align-items:start;gap:clamp(12px,2vw,28px);padding:clamp(12px,1.4vw,18px) 0 clamp(14px,1.6vw,22px);transition:background-color .12s,color .12s,padding .12s;display:grid}.rows li:last-child a{border-bottom:var(--rule) solid var(--ink)}.rows a:hover,.rows a:focus-visible{background:var(--c);color:var(--k);outline:0;padding-left:14px;padding-right:14px}.rows .name{letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(1.7rem,3.6vw,3.3rem);font-weight:500;line-height:.98}.rows .name small{letter-spacing:.1em;vertical-align:top;font-variant-numeric:tabular-nums;margin-right:.9em;font-size:.3em;font-weight:600;position:relative;top:.5em}.rows .desc{padding-top:.35em;font-size:.92rem;line-height:1.3}.rows .desc span{opacity:.75;margin-top:.7em;font-size:.68rem;display:block}.rows .thumb svg{width:100%;height:auto;display:block}.rows .date{letter-spacing:.08em;text-transform:uppercase;padding-top:.3em;font-size:.62rem;font-weight:600;line-height:1.3}.foot{padding:16px var(--pad);border-top:var(--rule) solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.foot b{font-variant-numeric:tabular-nums;font-weight:600}.foot a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=900px){.hero{grid-template-columns:1fr 1fr;min-height:0}.say{grid-column:1/-1;grid-template-columns:1fr;display:grid}.hero>.why{border-top:0;border-left:0}.why .label{flex-basis:auto}.index .top{grid-template-columns:1fr}.rows{grid-column:1}.index .meta{order:2;display:none}}@media (width<=640px){.bar nav a{display:none}.word b{display:block}.word .out{margin-top:.06em;margin-left:0}.hero{grid-template-columns:1fr}.hero>*+*{border-left:0}.cta{margin:22px var(--pad);justify-content:space-between;display:flex}.hero>.pick{border-top:var(--rule) solid var(--ink);order:2}.hero>.why{border-top:var(--rule) solid var(--ink);order:3}.why .label{border-bottom:0;padding-bottom:0}.why p{max-width:none}.pick .mark{width:min(56vw,230px)}.rows a{grid-template-columns:minmax(0,1fr) 76px}.rows .name{grid-column:1}.rows .thumb{grid-area:1/2/span 2}.rows .desc{grid-area:2/1;padding-top:0}.rows .date{grid-column:1/-1}.rows .date br{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.bean{vertical-align:.05em;width:.44em;height:.6em;margin:0 .1em 0 .16em;display:inline-block;transform:rotate(24deg)}