@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--black:#0b0b0b;--bone:#f0f0f0;--bone-2:#b4b4b4;--bone-3:#7a7a7a;--bone-4:#565656;--rule:rgb(240 240 240 / 16%);--rule-hi:rgb(240 240 240 / 40%);--serif:'Instrument Serif','Times New Roman',Times,serif;--sans:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--meta:10px;--body:12px;--ease:cubic-bezier(0.22, 1, 0.36, 1);--m:clamp(16px, 3.2vw, 52px);--g:clamp(12px, 1.5vw, 26px)}*{box-sizing:border-box}body,html{margin:0;overflow-x:clip;background:var(--black)}body{color:var(--bone);font-family:var(--sans);font-size:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}::selection{background:var(--bone);color:var(--black)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.sheet{position:relative;min-height:100svh;padding:var(--m);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"mast mast mast mast mast mast mast  mast  mast  mast  mast  mast" "name name name name name bun  woods woods woods woods woods woods" "strp strp strp strp dusk dusk woods woods woods woods woods woods" "indx indx indx indx indx indx good  good  good  good  good  good" "colo colo colo colo colo colo colo  colo  colo  colo  colo  colo";grid-template-rows:auto;column-gap:var(--g);row-gap:clamp(14px,1.8vw,30px);align-content:start}.mast{grid-area:mast;display:flex;align-items:center;gap:var(--g);font-size:var(--meta);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3)}.mast-name{flex:none;color:var(--bone-2)}.mast-rule{flex:1 1 auto;height:1px;background:var(--rule)}.sound{flex:none;display:flex;align-items:center;gap:9px;margin:0;padding:15px 0 15px 6px;background:0 0;border:0;cursor:pointer;font:inherit;font-size:var(--meta);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3);-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease)}.sound:hover{color:var(--bone)}.sound-word{position:relative;display:inline-block}.sound-b{position:absolute;inset:0}.sound-a{opacity:0}.sound[aria-pressed=true] .sound-a{opacity:1;color:var(--bone)}.sound[aria-pressed=true] .sound-b{opacity:0}.sound-a,.sound-b{transition:opacity .2s linear}.sound-meter{display:flex;align-items:flex-end;gap:2px;height:12px}.sound-meter i{display:block;width:2px;height:3px;background:var(--bone-4);transform-origin:50% 100%;transform:scaleY(1);transition:background-color .2s var(--ease)}.sound[aria-pressed=true] .sound-meter i{background:var(--bone)}.name{grid-area:name;align-self:end;margin:0 0 0 -.035em;font-family:var(--serif);font-weight:400;font-size:clamp(46px, 8.4vw, 128px);line-height:.9;letter-spacing:-.035em;color:var(--bone);overflow-wrap:anywhere}.name span{display:block}.name span:last-child{padding-left:.16em}.plate{position:relative;margin:0;overflow:hidden;background:#000;transition:opacity 380ms var(--ease),transform 520ms var(--ease)}.plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.9) contrast(1.06);transition:transform .9s var(--ease)}.plate::after{content:attr(data-n);position:absolute;left:0;bottom:0;padding:3px 6px;font-size:8.5px;letter-spacing:.14em;color:var(--bone-3);background:rgb(0 0 0 / 62%);transition:color 240ms var(--ease)}.sheet:has(.plate:hover) .plate{opacity:.42}.sheet:has(.plate:hover) .plate:hover{opacity:1}.plate:hover{transform:translateY(-3px)}.plate:hover::after{color:var(--bone)}.plate:hover img{transform:scale(1.03)}.p-woods{grid-area:woods;margin-right:calc(var(--m) * -1);min-height:clamp(320px,46vh,540px)}.strip{grid-area:strp;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-self:start}.p-strip{aspect-ratio:3/2}.p-dusk{grid-area:dusk;align-self:start;aspect-ratio:4/3}.p-bun{grid-area:bun;align-self:end;aspect-ratio:1/1}.index{grid-area:indx;display:flex;flex-direction:column;border-top:1px solid var(--rule)}.index a{display:flex;align-items:center;gap:var(--g);min-height:44px;padding:6px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--bone-2)}.i-name{flex:none;font-family:var(--serif);font-size:clamp(16px, 1.5vw, 22px);line-height:1;color:var(--bone);transition:transform 420ms var(--ease)}.i-name em{font-style:normal;font-size:.58em;color:var(--bone-4)}.i-lead{flex:1 1 auto;height:1px;background:var(--rule-hi);transform:scaleX(.2);transform-origin:0 50%;transition:transform 480ms var(--ease),background-color 480ms var(--ease)}.i-val{flex:none;max-width:48%;font-size:var(--meta);letter-spacing:.08em;color:var(--bone-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 420ms var(--ease)}.index a:focus-visible .i-lead,.index a:hover .i-lead{transform:scaleX(1);background:var(--bone)}.index a:focus-visible .i-name,.index a:hover .i-name{transform:translateX(8px)}.index a:focus-visible .i-val,.index a:hover .i-val{color:var(--bone)}.goods{grid-area:good;display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr);gap:var(--g);align-items:start;border-top:1px solid var(--rule);padding-top:14px}.p-goods{aspect-ratio:1/1}.p-goods img{object-fit:contain;filter:grayscale(.55) contrast(1.04)}.goods-text{min-width:0}.goods-title{margin:0 0 4px;font-family:var(--serif);font-weight:400;font-size:clamp(20px, 2.1vw, 30px);line-height:1;letter-spacing:-.02em;color:var(--bone)}.goods-quote{margin:0 0 12px;font-family:var(--serif);font-size:clamp(13px, 1.2vw, 17px);color:var(--bone-2)}.goods-buy{display:inline-flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--bone);font-family:var(--serif);font-size:clamp(14px, 1.3vw, 18px);padding:8px 0 12px;min-width:82px}.goods-rule{display:block;height:1px;background:var(--bone-4);transform-origin:0 50%;transition:transform 440ms var(--ease),background-color 440ms var(--ease)}.goods-buy:focus-visible .goods-rule,.goods-buy:hover .goods-rule{background:var(--bone);transform:scaleX(1.3)}.goods-meta{margin:0;font-size:var(--meta);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-4)}.colophon{grid-area:colo;display:flex;align-items:center;gap:var(--g);padding-top:10px;border-top:1px solid var(--rule);font-size:var(--meta);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-4)}.colophon a{color:var(--bone-3);text-decoration:none;border-bottom:1px solid var(--rule);padding:13px 0;transition:color .2s var(--ease),border-color .2s var(--ease)}.colophon a:hover{color:var(--bone);border-color:var(--bone)}@keyframes plate-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes type-in{from{opacity:0}to{opacity:1}}.ready .plate{animation:plate-in .9s var(--ease) both}.ready .p-woods{animation-delay:60ms}.ready .strip .p-strip:first-child{animation-delay:.2s}.ready .strip .p-strip:nth-child(2){animation-delay:255ms}.ready .strip .p-strip:nth-child(3){animation-delay:310ms}.ready .p-dusk{animation-delay:365ms}.ready .p-bun{animation-delay:420ms}.ready .p-goods{animation-delay:470ms}.ready .colophon,.ready .goods-text,.ready .index,.ready .mast,.ready .name{animation:.7s linear both type-in}.ready .name{animation-delay:170ms}.ready .mast{animation-delay:.5s}.ready .index{animation-delay:490ms}.ready .goods-text{animation-delay:540ms}.ready .colophon{animation-delay:580ms}@media (max-width:900px){.sheet{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"mast mast mast mast mast mast" "name name name name name name" "woods woods woods woods woods woods" "strp strp strp strp strp strp" "bun  bun  dusk dusk dusk dusk" "indx indx indx indx indx indx" "good good good good good good" "colo colo colo colo colo colo";grid-template-rows:auto;row-gap:clamp(16px,4vw,28px)}.name{align-self:start;font-size:clamp(44px, 15vw, 92px)}.p-woods{margin-right:calc(var(--m) * -1);margin-left:calc(var(--m) * -1);min-height:clamp(240px,40vh,420px)}.p-bun{align-self:start}.p-dusk{min-height:clamp(110px,20vh,190px)}.p-strip{min-height:clamp(84px,14vh,130px)}}@media (max-width:420px){.i-val{max-width:42%;font-size:9px}.i-name{font-size:15px}.goods{grid-template-columns:minmax(0,76px) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ready .colophon,.ready .goods-text,.ready .index,.ready .mast,.ready .name,.ready .plate{animation-duration:1ms}.plate:hover,.plate:hover img{transform:none}}