:root{color-scheme:light;--paper:#f4f0e6;--ink:#171717;--yellow:#fff33f;--red:#ef522e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}::selection{background:var(--yellow);color:var(--ink)}
.site-header{height:86px;padding:0 clamp(22px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--ink)}
.wordmark{text-decoration:none;font-size:clamp(23px,2.3vw,32px);font-weight:900;letter-spacing:-.075em;white-space:nowrap}.wordmark-dot,.period{color:var(--red)}
.header-link{text-decoration:none;border:1.5px solid var(--ink);border-radius:100px;padding:12px 19px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;display:flex;align-items:center;gap:20px;transition:background .2s,transform .2s}.header-link:hover,.header-link:focus-visible{background:var(--yellow);transform:translateY(-2px)}.header-link span{font-size:19px;line-height:0}
.hero{padding:clamp(52px,7vw,112px) clamp(22px,4vw,70px) clamp(75px,8vw,132px);min-height:660px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.6fr);align-items:end;gap:clamp(32px,6vw,110px);overflow:hidden}
.eyebrow{font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:36px}.eyebrow-dot{width:10px;height:10px;border-radius:50%;background:var(--red);flex:none}.eyebrow-index{color:#8e8678}
.hero h1{font-size:clamp(70px,11.1vw,177px);line-height:.86;letter-spacing:-.095em;font-weight:900;margin:0;white-space:nowrap}.hero-highlight{position:relative;isolation:isolate}.hero-highlight:before{content:"";position:absolute;z-index:-1;left:-.025em;right:-.055em;bottom:.055em;height:.76em;background:var(--yellow);transform:rotate(-1.5deg)}
.hero-side{padding-bottom:12px}.hero-side p{font-size:clamp(20px,2vw,29px);line-height:1.27;letter-spacing:-.045em;font-weight:600;margin:0 0 37px;max-width:350px}
.smile-sticker{width:148px;height:148px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);box-shadow:7px 8px 0 var(--ink);transform:rotate(13deg);display:grid;place-items:center;margin:0 18px 60px auto}.smile-sticker span{font-family:Arial,sans-serif;font-size:126px;font-weight:400;line-height:1;transform:translateY(-5px)}
.hero-cta{text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:56px;min-width:240px;border-bottom:2px solid var(--ink);padding-bottom:12px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:800}.hero-cta span{font-size:23px;line-height:.7;transition:transform .2s}.hero-cta:hover span{transform:translateY(5px)}
.ticker{background:var(--ink);color:var(--yellow);height:56px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:17px;letter-spacing:.08em;font-weight:900}.ticker div{min-width:max-content;animation:ticker 34s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.collection{padding:clamp(70px,7vw,115px) clamp(22px,4vw,70px) clamp(100px,8vw,145px)}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:53px}.section-index{font-size:12px;font-weight:800;letter-spacing:.13em;margin:0 0 16px}.collection h2{font-size:clamp(48px,7vw,104px);line-height:.95;letter-spacing:-.075em;margin:0;font-weight:900}.collection-guide{width:255px;flex:none}.collection-guide>span{font-size:13px;display:inline-block;border:1px solid var(--ink);border-radius:30px;padding:8px 13px;font-weight:800}.collection-guide p{font-size:15px;line-height:1.4;letter-spacing:-.015em;margin:13px 0 0}
.wall{border:1px solid #d1c7b9;min-height:600px;padding:clamp(25px,3.5vw,58px);background-color:#d9d1c3;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:27px 27px;box-shadow:inset 0 2px 7px rgba(32,24,12,.06);columns:4 215px;column-gap:clamp(22px,2.8vw,45px)}
.artifact{--tilt:0deg;display:block;width:100%;break-inside:avoid;page-break-inside:avoid;appearance:none;border:0;background:transparent;text-align:left;padding:0;margin:0 0 clamp(28px,4vw,57px);cursor:zoom-in;transform:rotate(var(--tilt));transition:transform .22s ease,filter .22s ease;filter:drop-shadow(5px 7px 2px rgba(40,31,18,.22))}.artifact:nth-child(5n+1){--tilt:-2deg}.artifact:nth-child(5n+2){--tilt:1.5deg}.artifact:nth-child(5n+3){--tilt:-.8deg}.artifact:nth-child(5n+4){--tilt:2.2deg}.artifact:nth-child(7n){margin-top:25px}.artifact:hover,.artifact:focus-visible{transform:rotate(0) scale(1.045) translateY(-4px);filter:drop-shadow(9px 12px 4px rgba(40,31,18,.28));position:relative;z-index:2}.artifact:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.artifact-frame{display:block;background:#faf8f2;padding:clamp(8px,1.05vw,15px) clamp(8px,1.05vw,15px) 11px;box-shadow:0 0 0 1px rgba(37,31,27,.14)}.artifact:nth-child(5n+2) .artifact-frame{background:#f5e9d9}.artifact:nth-child(7n+3) .artifact-frame{background:#fff7c5}.artifact-image{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:#fff}.artifact-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 2px 1px;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.artifact-caption strong{font-size:12px;letter-spacing:-.02em}.artifact-arrow{font-size:20px;line-height:.6}.noscript{padding:20px;background:#fff}
.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:25px clamp(22px,4vw,70px);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}
.viewer{border:0;padding:0;background:transparent;color:#fff;width:min(1400px,100vw);max-width:100vw;max-height:100svh;overflow:visible}.viewer::backdrop{background:rgba(13,13,13,.94);backdrop-filter:blur(12px)}.viewer[open]{animation:viewer-in .22s ease-out both}@keyframes viewer-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.viewer-shell{display:flex;flex-direction:column;max-height:100svh;min-height:min(760px,100svh);padding:18px clamp(14px,2.5vw,36px)}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-brand{font-size:11px;letter-spacing:.13em;font-weight:800}.viewer-close,.viewer-arrow{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}.viewer-close:hover,.viewer-arrow:hover,.viewer-close:focus-visible,.viewer-arrow:focus-visible{background:#fff;color:#171717;transform:scale(1.06)}.viewer-close{width:43px;height:43px;border-radius:50%;font-size:18px}.viewer-content{min-height:0;flex:1;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:clamp(8px,2vw,32px);padding:18px 0}.viewer-content img{display:block;margin:auto;max-width:100%;max-height:calc(100svh - 160px);height:auto;width:auto;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.35)}.viewer-arrow{height:52px;width:52px;border-radius:50%;font-size:24px}.viewer-bottom{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;min-height:30px}.viewer-bottom span:nth-child(2){color:#fff33f}.viewer-hint{color:#999}body.is-viewing{overflow:hidden}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;gap:36px}.hero h1{font-size:clamp(70px,13vw,130px)}.hero-side{display:flex;align-items:end;gap:25px;justify-content:space-between}.hero-side p{max-width:450px;margin:0}.smile-sticker{width:110px;height:110px;margin:0 15px 20px 0;order:2;flex:none}.smile-sticker span{font-size:95px}.hero-cta{display:none}.wall{columns:3 190px}}
@media(max-width:650px){.site-header{height:70px}.header-link{padding:9px 12px;font-size:10px;gap:8px}.hero{padding-top:65px;padding-bottom:75px}.eyebrow{font-size:10px;margin-bottom:27px}.hero h1{font-size:clamp(55px,13vw,84px)}.hero-side{align-items:center}.hero-side p{font-size:18px;max-width:310px}.smile-sticker{width:75px;height:75px;box-shadow:4px 5px 0 var(--ink);margin:0 6px 0 0}.smile-sticker span{font-size:68px}.ticker{height:44px;font-size:12px}.collection-heading{display:block;margin-bottom:30px}.collection h2{font-size:54px}.collection-guide{width:auto;margin-top:25px;display:flex;align-items:center;gap:14px}.collection-guide>span{white-space:nowrap}.collection-guide p{margin:0;font-size:12px}.wall{columns:1;padding:21px 28px}.artifact{max-width:430px;margin-left:auto;margin-right:auto}.artifact{margin-bottom:25px}.artifact-image{max-height:330px}.artifact-caption{font-size:8px;padding-top:8px}.artifact-caption strong{font-size:10px}.site-footer{font-size:10px;flex-wrap:wrap}.viewer-content{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.viewer-arrow{width:35px;height:35px;font-size:18px}.viewer-content img{max-height:calc(100svh - 130px)}.viewer-hint{display:none}}
@media(max-width:420px){.hero h1{font-size:12.9vw}.wall{columns:1 225px}.artifact-image{max-height:none}.collection-guide{display:block}.collection-guide p{margin-top:10px}.viewer-brand{font-size:9px}.viewer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}