:root{--ink:#161514;--paper:#F5F3EF;--rose:#EFA1AD;--cobalt:#2438E8;--red:#E0311A;--dim:#8f8d88;--line:#dcd9d2;--lined:#2c2b29;--wrap:1380px;--pad:clamp(22px,4.6vw,44px);--disp:"Bricolage Grotesque",sans-serif;--dispw:800;--dispw2:600;--mono:"Fragment Mono",monospace;--spark:var(--rose);--struct:var(--rose);--on-rgb:22,21,20}*{margin:0;box-sizing:border-box}body{background:var(--ink);color:var(--paper);font-family:var(--body,var(--disp));font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}html{overflow-x:clip}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:-100%;z-index:70;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px 300px;animation:grainShift 1.2s steps(6) infinite}@keyframes grainShift{0%{transform:translate(0)}17%{transform:translate(-2%,1%)}33%{transform:translate(1%,-2%)}50%{transform:translate(-1%,2%)}67%{transform:translate(2%,1%)}83%{transform:translate(-2%,-1%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px),(prefers-reduced-motion:reduce){.companion{display:none}}.hero{position:relative;height:78svh;min-height:560px;overflow:hidden;background:var(--ink)}.hero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04) brightness(.6)}.hero .scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#16151480,#16151429 58%,#16151475)}.hero .t{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:104%;text-align:center;color:var(--paper);font-weight:var(--dispw);font-size:clamp(46px,8.5vw,113px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase;z-index:72}.hero .t .serif{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}.hero .t .spark{color:var(--spark)}.hero .t .ln{display:block;overflow:hidden;padding-bottom:.18em;margin-bottom:-.18em}.hero .t .ln>span{display:block;transform:translateY(125%);animation:rise 1s cubic-bezier(.22,1,.36,1) forwards}.hero .t .ln:nth-child(2)>span{animation-delay:.12s}@keyframes rise{to{transform:translateY(0)}}.hero .nfo{position:absolute;right:var(--pad);bottom:11vh;text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;line-height:1.9;color:var(--paper);opacity:0;animation:fade 1s .8s forwards;z-index:72}.hero .nfo .h{color:var(--struct);background:var(--paper);padding:1px 7px;display:inline-block;margin-bottom:8px}.hero .kck{position:absolute;left:var(--pad);bottom:11vh;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--paper);opacity:0;animation:fade 1s .7s forwards;line-height:1.9;z-index:72}.hero .kck b{color:var(--spark);font-weight:400}@keyframes fade{to{opacity:1}}@media(max-width:900px){.statrow .stat:has(.note){margin-left:0}.statrow .stat .note{text-align:left}}.story .side{position:static}.story .body.rv{transition-delay:.12s}.story .body a{border-bottom:1px solid var(--line)}.story .body a:hover{color:var(--struct);border-color:var(--struct)}.scope{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.scope .sk{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--red);margin-right:6px}.scope span:not(.sk){font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#4c4a45;border:1px solid var(--line);background:#fff;padding:7px 13px}.obj{margin-top:30px;border-top:2px solid var(--ink);padding-top:18px;max-width:60ch}.obj .ok{color:var(--red)}.obj ul{list-style:none;margin-top:14px}.obj li{position:relative;padding-left:26px;margin-bottom:12px;color:#4c4a45;font-size:16.5px;line-height:1.55}.obj li:before{content:"✳";position:absolute;left:0;top:4px;font-size:12px;color:var(--red)}.brand{background:var(--ink);padding:9vh 0 10vh}.brand .bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--lined);margin-bottom:16px}.brand .bar .mono b{color:var(--spark)}.plates{display:grid;grid-template-columns:1.45fr .95fr;grid-template-rows:auto auto;gap:14px}.plate{position:relative;margin:0;border:1px solid var(--lined);background:#1c1b1a;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,40px) clamp(20px,3vw,40px) 40px;min-height:210px;overflow:hidden}.plate img{max-width:100%;max-height:100%;object-fit:contain;display:block}.plate .pcap{position:absolute;left:13px;bottom:10px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.p-word{grid-column:1;grid-row:1}.p-sound{grid-column:2;grid-row:1;padding:0}.p-sound img{width:100%;height:100%;object-fit:cover;max-height:none}.p-pal{grid-column:1;grid-row:2;padding:0}.p-pal img{width:100%;height:100%;object-fit:cover;max-height:none}.p-sound .pcap,.p-pal .pcap{background:#161514d9;padding:4px 9px;left:10px;bottom:10px}.p-pal .pcap{bottom:auto;top:10px}.p-note{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:clamp(22px,2.6vw,36px)}.p-note .k{color:var(--red)}.p-note p{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-size:clamp(19px,1.7vw,25px);line-height:1.4;color:var(--paper)}#cdd{padding:12vh 0 11vh}#cdd .cdd-head{display:flex;gap:clamp(20px,3.4vw,54px);flex-wrap:wrap;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:18px}#cdd .cdd-word{position:relative;background:none;border:0;padding:0 0 6px;cursor:pointer;font-family:var(--disp);font-weight:var(--dispw);font-size:clamp(30px,5.2vw,74px);letter-spacing:-.035em;line-height:1;text-transform:uppercase;color:#16151426;transition:color .5s cubic-bezier(.22,1,.36,1)}#cdd .cdd-word.on{color:var(--ink)}#cdd .cdd-word .cdd-bar{position:absolute;left:0;bottom:-19px;height:2px;width:0;background:var(--red);transition:none}#cdd .cdd-word.on .cdd-bar{width:100%;transition:width 4.6s linear}#cdd .cdd-stage{margin-top:6vh;display:grid}#cdd .cdd-panel{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;gap:44px 64px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}#cdd .cdd-panel.on{opacity:1;transform:none;pointer-events:auto}#cdd .cdd-col p{color:#4c4a45;font-size:clamp(15px,1.15vw,17px);line-height:1.62;margin-bottom:1em}#cdd .cdd-col p b{color:var(--ink);font-weight:var(--dispw2)}#cdd .cdd-col p:first-child{font-size:clamp(16px,1.3vw,19px);color:var(--ink)}@media(max-width:820px){#cdd .cdd-panel{position:relative;grid-template-columns:1fr;gap:20px;opacity:1;transform:none;pointer-events:auto;display:none}#cdd .cdd-panel.on{display:grid}#cdd .cdd-stage{min-height:0}}@media(prefers-reduced-motion:reduce){#cdd .cdd-word .cdd-bar{transition:none}}.kitsec{position:relative;background:#fff;color:var(--ink);padding:10vh 0 12vh;overflow:hidden}.kithead{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:6vh}.kithead .mono b{color:var(--red)}.kithead .kitdim{color:#8f8d88}.miccheck{position:absolute;left:calc(var(--pad) - 8px);top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#1615143d;pointer-events:none;z-index:1}.kit{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,3.4vw,60px);max-width:1060px;margin:0 auto}.kc{margin:0;opacity:0;transform:translateY(18px);flex:1 1 240px;max-width:300px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.kit.show .kc{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}.kc img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.kit.show .kc:hover img{transform:scale(1.06)}@media(max-width:820px){.kc{flex:1 1 200px;max-width:260px}.miccheck{display:none}}@media(max-width:480px){.kc{flex:1 1 100%;max-width:260px}}.tsgal{position:relative}.badge{position:absolute;right:var(--pad);top:24px;width:118px;height:118px;z-index:3;animation:spin 18s linear infinite;pointer-events:none}.badge text{font-family:var(--mono);font-size:10px;letter-spacing:.13em;fill:var(--red);text-transform:uppercase}.cta{text-align:center;padding:2vh 0 12vh}.cta .ck{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#8f8d88;margin-bottom:14px}.cta p{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-size:clamp(24px,3vw,42px);line-height:1.2;color:var(--ink)}.cta a{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid var(--ink);padding:12px 26px;transition:background .3s,color .3s}.cta a:hover{background:var(--ink);color:var(--paper)}.over{position:relative;z-index:1;background:inherit}.underfoot{position:fixed;left:0;right:0;bottom:0;z-index:0}@media(max-width:900px),(prefers-reduced-motion:reduce){.underfoot{position:static}.over{margin-bottom:0!important}}@media(max-width:900px){.story{grid-template-columns:1fr}.story .side{position:static}.statrow>.in{justify-content:center;gap:28px 44px}.plates{grid-template-columns:1fr 1fr}.p-word{grid-column:1/3;grid-row:1}.p-sound{grid-column:1;grid-row:2}.p-note{grid-column:2;grid-row:2}.p-pal{grid-column:1/3;grid-row:3}.p-glove{grid-column:1/3;grid-row:4}.p-glove img{max-height:420px}.kit{grid-template-columns:repeat(2,1fr)}.frames{columns:2}.hero .kck,.badge{display:none}}@media(max-width:560px){.frames{columns:1}.kit,.plates{grid-template-columns:1fr}.p-word,.p-sound,.p-note,.p-pal,.p-glove{grid-column:1;grid-row:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero .t .ln>span{transform:none}.hero .nfo,.hero .kck{opacity:1}.rv{opacity:1;transform:none}.grain{animation:none}.frames .fr,.kit .kc{opacity:1;transform:none}}.navburger,.mnav{display:none}@media(max-width:680px){.corners .c2{display:none}.corners .c1 b{font-size:23px}.corners .c3,.corners .c4{display:none}.hero .t,.hero h1{width:100%!important;font-size:clamp(32px,8.8vw,48px)!important;padding:0 16px}.navburger{display:flex;position:fixed;top:19px;right:19px;z-index:81;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;cursor:pointer;mix-blend-mode:difference}.navburger span{display:block;height:2px;width:24px;background:#fff;border-radius:2px;transition:transform .3s cubic-bezier(.76,0,.24,1),opacity .2s}#navtog:checked~.navburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}#navtog:checked~.navburger span:nth-child(2){opacity:0}#navtog:checked~.navburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mnav{display:flex;position:fixed;inset:0;z-index:80;background:var(--ink);flex-direction:column;justify-content:center;gap:2px;padding:0 var(--pad);transform:translateY(-100%);transition:transform .55s cubic-bezier(.76,0,.24,1)}#navtog:checked~.mnav{transform:none}.mnav a{font-family:var(--disp);font-weight:var(--dispw);font-size:clamp(34px,12vw,58px);line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;color:var(--paper)}.mnav a:active{color:var(--spark)}.mnav .mnav-foot{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}}.foot-dock{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 18px}.foot-dock .fd-clock{color:var(--dim)}
