@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
:root{--paper:#fafafa;--ink:#191919;--muted:#686868;--line:#d7d7d7;color-scheme:light;font-family:Pretendard,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #666;outline-offset:6px}button:disabled{cursor:default}button{border:0;background:none}p{line-height:1.85;word-break:keep-all}svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h2{letter-spacing:-2px}.shell{max-width:1240px;margin-inline:auto;padding-inline:48px}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:20}.skip-link:focus{top:10px}[hidden]{display:none!important}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:132px}.stamp{background:var(--ink);color:white;border:3px solid var(--ink);box-shadow:inset 0 0 0 2px white;border-radius:42% 38% 44% 32% / 24% 40% 26% 35%;padding:16px 25px 14px;font-size:29px;line-height:1;font-weight:900;letter-spacing:-1.5px;transform:rotate(-3deg);font-style:italic}.stamp span{display:block;font-style:normal;font-size:7px;letter-spacing:2px;margin-top:10px;text-align:center}.site-header nav{display:flex;gap:34px;font-size:14px;margin-left:auto}.site-header nav a{padding:12px 0}.room-link{font-size:12px;font-weight:700;display:flex;align-items:center;gap:22px;border:1.5px solid var(--ink);border-radius:7px 13px 6px 9px;padding:14px 17px;margin-left:22px}.room-link:hover{background:var(--ink);color:white}.room-link span{font-size:20px}
.hero{padding-top:36px;padding-bottom:62px}.hero-top{display:flex;justify-content:space-between;align-items:center;border-top:1.5px solid var(--ink);padding-top:20px;font-size:10px;font-weight:600;letter-spacing:1.8px}.hero-top button{font-size:11px;letter-spacing:0;color:var(--muted);padding:10px 0}.hero-top button span{font-size:19px;margin-left:10px}.hero-title-wrap{position:relative;width:100%;margin-top:10px}.hero h1{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-size:clamp(105px,16vw,202px);line-height:1.12;letter-spacing:-.095em;transform:rotate(-1.3deg);width:fit-content}.wordmark-dot{display:inline-block;margin-left:.05em}.hand-note{position:absolute;right:12px;bottom:28px;transform:rotate(-9deg);font-family:Georgia,serif;font-style:italic;font-size:22px}.hand-note svg{display:block;width:95px;margin:2px 0 0 auto;stroke-width:2}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.hero-bottom p{font-size:17px;line-height:1.8;letter-spacing:-.35px}.round-arrow{display:grid;place-items:center;width:50px;height:50px;border:1.5px solid var(--ink);border-radius:47% 52% 48% 44%;font-size:25px}.round-arrow:hover{background:var(--ink);color:white}
.shelf{display:grid;grid-template-columns:1.23fr 1fr 1fr 1fr;align-items:center;gap:26px;padding:55px 14px 35px}.shelf-piece{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:235px;padding:21px;background:var(--paper);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);transition:transform .22s}.shelf-piece small{font-size:9px;letter-spacing:1.5px;font-weight:700}.shelf-piece strong{font-size:25px;letter-spacing:-1px}.shelf-piece>span:last-child,.sleeve-cover>span:last-child{font-size:10px;margin-top:8px}.shelf-piece svg{width:100%;height:105px;stroke-width:3.4}.sleeve{border:0;box-shadow:none;background:none;padding:0;isolation:isolate;transform:rotate(-5deg);height:250px;margin-right:4px}.sleeve-cover{position:absolute;inset:0 18px 0 0;border:2px solid var(--ink);border-radius:4px 8px 2px 6px;box-shadow:4px 6px 0 var(--ink);background:var(--ink);color:white;padding:21px;display:flex;flex-direction:column;justify-content:space-between}.vinyl{position:absolute;width:200px;height:200px;right:-27px;top:24px;border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle,#fff 0 3px,#222 4px 17px,#fafafa 18px 26px,transparent 27px),repeating-radial-gradient(#191919 0 4px,#424242 5px,#191919 6px);z-index:-1}.sleeve:hover{transform:rotate(-5deg) translateY(-8px)}.notebook{height:220px;transform:rotate(3deg);border-radius:4px 8px 5px 3px;padding-left:27px}.binding{position:absolute;left:-6px;top:16px;bottom:15px;width:12px;background:repeating-linear-gradient(transparent 0 10px,var(--ink) 10px 13px,transparent 13px 20px)}.notebook:hover{transform:rotate(3deg) translateY(-8px)}.demo-tape{height:211px;transform:rotate(-3deg);border-radius:13px 10px 8px 12px}.demo-tape:hover{transform:rotate(-3deg) translateY(-8px)}.essay-note{height:233px;transform:rotate(4deg);border-radius:2px 3px 18px 4px;background:repeating-linear-gradient(var(--paper) 0 26px,#e7e7e7 26px 27px)}.essay-note:hover{transform:rotate(4deg) translateY(-8px)}
.work-section{padding-top:60px;padding-bottom:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-top:2px solid var(--ink);padding-top:32px;margin-bottom:35px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:15px}.section-heading h2{font-size:46px}.asterisk{font-size:37px;font-weight:400;display:inline-block;margin-left:19px;transform:rotate(-12deg)}.section-heading p{font-size:12px;text-align:right;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{font-size:13px;border:1.5px solid var(--ink);border-radius:50px;padding:10px 21px;min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters button:hover{box-shadow:2px 2px 0 var(--ink)}.collection-status{font-size:11px;color:var(--muted);margin:20px 0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.work-card{text-align:left;padding:0;display:block;width:100%}.work-art{position:relative;aspect-ratio:1.1;background:#f0f0f0;border:1.5px solid var(--ink);border-radius:5px 10px 3px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .2s,transform .2s}.work-card:hover .work-art{box-shadow:5px 6px 0 var(--ink);transform:translate(-2px,-2px)}.art-label{position:absolute;top:18px;left:18px;font-size:9px;letter-spacing:1.8px}.art-year{position:absolute;bottom:15px;right:16px;font-size:10px;letter-spacing:2px}.art-record .disc{width:64%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(#191919 0 3px,#3f3f3f 4px,#191919 5px);display:grid;place-items:center;transform:rotate(-14deg);box-shadow:4px 7px 0 #c9c9c9}.disc-label{width:39%;aspect-ratio:1;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center;padding:7px;font-size:12px;font-weight:800;line-height:1.25;white-space:normal;word-break:keep-all}.work-art svg{width:65%;height:65%;stroke-width:3}.art-piano{background:var(--ink);color:var(--paper)}.work-card h3{font-size:19px;letter-spacing:-.6px;line-height:1.45;margin:17px 0 6px;display:flex;justify-content:space-between;gap:10px}.work-card h3 span{font-size:19px;font-weight:400;flex-shrink:0}.work-card p{font-size:11px;color:var(--muted);line-height:1.8}.prototype-note{font-size:10px;color:var(--muted);margin-top:30px}.empty-collection{grid-column:1/-1;border:1.5px dashed #9d9d9d;border-radius:7px 17px 4px 10px;padding:55px 24px;text-align:center;min-height:285px}.empty-collection svg{width:80px;height:75px;margin-bottom:13px;stroke-width:2.5}.empty-collection h3{font-size:22px;letter-spacing:-1px;margin-bottom:12px}.empty-collection p{font-size:13px;color:var(--muted)}.empty-collection button{border-bottom:1px solid var(--ink);padding:10px 0 5px;margin-top:15px;font-size:12px}
.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;border-top:1.5px solid var(--ink);padding-top:75px;padding-bottom:80px}.about-art{display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-7deg)}.about-art svg{width:235px;max-width:100%;stroke-width:3}.egg-body{fill:white}.about-art>span{font-family:Georgia,serif;font-style:italic;font-size:22px;margin-top:22px}.about-copy h2{font-size:37px;line-height:1.4;margin-bottom:23px}.about-copy p{font-size:14px;line-height:1.95;margin-top:17px}.about-copy details{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.about-copy summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:7px 0}.about-copy summary::-webkit-details-marker{display:none}.about-copy details p{font-size:12px;color:var(--muted)}.room-section{padding-bottom:70px}.room-invite{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:30px 18px 35px 22px;padding:52px 55px;box-shadow:7px 8px 0 var(--ink)}.room-invite h2{font-size:42px;line-height:1.4;margin-bottom:20px}.room-invite p{font-size:14px}.room-button{display:inline-flex;gap:45px;align-items:center;margin-top:25px;background:var(--ink);color:white;padding:17px 22px;border-radius:6px 13px 5px 9px;font-size:13px;font-weight:700}.room-button span{font-size:23px}.room-spark{position:absolute;width:180px;height:180px;right:11%;top:27%;transform:rotate(13deg);stroke-width:2}footer{display:flex;align-items:center;gap:30px;padding-block:24px 45px;font-size:10px}footer>span{letter-spacing:1px;color:var(--muted)}footer>a:last-child{margin-left:auto}.footer-mark{font-family:Arial,sans-serif;font-weight:900;font-size:28px;letter-spacing:-2px}
dialog{border:2px solid var(--ink);border-radius:10px 20px 8px 15px;background:var(--paper);color:var(--ink);padding:45px;width:min(620px,calc(100% - 32px));max-height:85dvh;box-shadow:8px 9px 0 var(--ink)}dialog::backdrop{background:rgb(0 0 0 / .5);backdrop-filter:blur(3px)}.close-dialog{position:absolute;right:10px;top:10px;font-size:29px;width:44px;height:44px}#dialog-content .eyebrow{margin-top:10px}#dialog-content h2{font-size:34px;line-height:1.3;margin:20px 0}#dialog-content p{font-size:14px;margin:15px 0}#dialog-content dl{border-top:1px solid var(--line);padding-top:17px;display:grid;grid-template-columns:80px 1fr;gap:15px;font-size:13px}#dialog-content dd{margin:0}.unavailable{background:#eee;padding:20px;border-radius:5px;margin-top:25px!important;color:#555}body:has(dialog[open]){overflow:hidden}
.opening{position:fixed;inset:0;z-index:100;background:var(--paper);display:grid;place-items:center}.opening video{display:block;width:100%;height:100%;object-fit:contain}.opening button{position:absolute;bottom:32px;right:36px;padding:13px 20px;border:1.5px solid var(--ink);border-radius:30px;background:var(--paper);font-size:12px}.opening.leaving{opacity:0;transition:opacity .45s;pointer-events:none}body.opening-active{overflow:hidden}
@media(min-width:1500px){.shell{max-width:1360px}.hero h1{font-size:220px}.shelf{gap:38px}.shelf-piece{height:255px}.sleeve{height:275px}.vinyl{height:230px;width:230px}.notebook{height:245px}.demo-tape{height:230px}.essay-note{height:253px}}
@media(max-width:850px){.shell{padding-inline:28px}.hero h1{font-size:18vw}.hand-note{font-size:17px;bottom:0;right:0}.shelf{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;margin:auto;padding-inline:20px}.shelf-piece{margin:12px;height:240px}.vinyl{height:195px;width:195px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{gap:32px}.room-spark{right:6%;width:135px}.site-header nav{gap:22px}.room-link{margin-left:0}}
@media(max-width:540px){.shell{padding-inline:22px}.site-header{min-height:105px;gap:12px}.stamp{font-size:22px;padding:14px 19px 12px;letter-spacing:-1px}.stamp span{font-size:5px;letter-spacing:1.5px}.site-header nav{display:none}.room-link{font-size:10px;gap:12px;padding:10px 12px}.hero{padding-top:17px;padding-bottom:30px}.hero-top{letter-spacing:1px;font-size:8px;padding-top:12px}.hero-top button{font-size:10px}.hero h1{font-size:21vw;letter-spacing:-.095em;margin-top:10px}.hero-title-wrap{margin-bottom:28px}.hand-note{font-size:14px;bottom:-29px;right:9px}.hand-note svg{display:none}.hero-bottom{margin-top:30px}.hero-bottom p{font-size:13px}.round-arrow{width:40px;height:40px;font-size:20px}.shelf{gap:18px 15px;padding:37px 6px 13px}.shelf-piece{margin:5px;height:177px;padding:14px;box-shadow:3px 4px 0 var(--ink)}.shelf-piece small{font-size:7px;letter-spacing:1px}.shelf-piece strong{font-size:21px}.shelf-piece>span:last-child,.sleeve-cover>span:last-child{font-size:8px}.shelf-piece svg{height:78px}.sleeve{padding:0;box-shadow:none;height:187px}.sleeve-cover{inset:0 10px 0 0;padding:14px}.vinyl{width:140px;height:140px;right:-20px;top:25px}.notebook{height:173px;padding-left:20px}.demo-tape{height:169px}.essay-note{height:181px}.work-section{padding-top:35px;padding-bottom:50px}.section-heading{padding-top:25px;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.section-heading h2{font-size:34px}.asterisk{font-size:27px;margin-left:12px}.section-heading p{font-size:10px}.filters{gap:6px}.filters button{font-size:11px;padding:9px 14px;min-height:40px}.work-grid{gap:25px 14px}.art-label{font-size:7px;top:12px;left:12px}.art-year{font-size:8px;bottom:10px;right:10px}.disc-label{font-size:8px;padding:4px}.work-card h3{font-size:15px;margin-top:12px;letter-spacing:-.5px}.work-card h3 span{font-size:15px}.work-card p{font-size:10px}.work-art{aspect-ratio:.98}.prototype-note{font-size:9px;line-height:1.7}.collection-status{font-size:10px}.about-section{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:45px}.about-art{order:2}.about-art svg{width:140px}.about-art>span{font-size:17px;margin-top:8px}.about-copy h2{font-size:31px}.about-copy p{font-size:13px}.room-invite{padding:31px 26px;border-radius:20px 12px 24px 16px;box-shadow:4px 5px 0 var(--ink)}.room-invite h2{font-size:30px}.room-invite p{font-size:12px}.room-spark{width:65px;height:65px;right:22px;top:33px}.room-button{gap:24px;font-size:11px;padding:13px 17px}.room-section{padding-bottom:38px}footer{flex-wrap:wrap;gap:14px;padding-block:20px 30px}footer>span{font-size:7px;letter-spacing:.5px}.footer-mark{font-size:23px}footer>a:last-child{font-size:9px}dialog{padding:30px 24px}#dialog-content h2{font-size:27px}.opening button{bottom:24px;right:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening{display:none!important}}