:root{--ink:#161616;--cream:#f5f0e4;--pink:#ff6f91;--blue:#489eea;--yellow:#ffd43b;--green:#60bf89;--orange:#ff7d38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}header{height:76px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid}.logo,footer b{font:400 31px "Archivo Black"}nav{display:flex;gap:27px;font:700 10px "Space Mono"}header .bag{justify-self:end;font:700 10px "Space Mono";border:2px solid;padding:10px 13px}header button{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 76px)}.hero-copy{padding:7vw 4vw;border-right:2px solid;display:flex;flex-direction:column}.hero-copy>p,.title>p,.brand-wall>p,.wrap-copy>p,.shop p{font:700 10px "Space Mono";letter-spacing:.12em}.hero h1,.title h2,.brand-wall h2,.wrap-copy h2,.shop h2{font:400 clamp(52px,6.6vw,105px)/.95 "Archivo Black";letter-spacing:-.055em;margin:45px 0}.hero h1 span{color:var(--pink)}.hero-copy>div{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:2px solid;padding-top:22px}.hero-copy b{font-size:18px}.hero-copy small{line-height:1.8}.hero-products{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1.25fr .75fr}.hero-products>div{border-bottom:2px solid;border-right:2px solid}.product-photo{background-size:cover;background-position:center}.p1{background-image:url("https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1200&q=86")}.p2{background-image:url("https://images.unsplash.com/photo-1602874801006-e26c8c72d7b3?auto=format&fit=crop&w=900&q=86")}.product-word{background:var(--blue);display:grid;place-items:center;text-align:center;font:400 clamp(40px,5vw,75px)/.85 "Archivo Black"}.product-tag{background:var(--yellow);display:grid;place-items:center;text-align:center;font:700 20px/1.3 "Space Mono"}.tape{overflow:hidden;background:var(--ink);color:#fff;padding:12px 0;white-space:nowrap}.tape div{font:700 13px "Space Mono";animation:move 20s linear infinite}@keyframes move{to{transform:translateX(-50%)}}.finder{padding:110px 6vw;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:5vw}.title h2{font-size:clamp(45px,5vw,75px)}.finder-buttons{display:flex;flex-direction:column}.finder-buttons button{background:transparent;border:0;border-bottom:2px solid;padding:20px 5px;text-align:left;font:500 19px "Noto Sans JP";cursor:pointer}.finder-buttons button.active{background:var(--yellow);padding-left:18px}.finder-result{background:var(--pink);padding:45px;align-self:center}.finder-result span{font:700 9px "Space Mono"}.finder-result h3{font:400 32px/1.4 "Archivo Black"}.finder-result p{font-size:12px;line-height:1.9}.categories{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid}.categories article{min-height:470px;padding:35px;border-right:2px solid;display:flex;flex-direction:column}.categories span{font:700 11px "Space Mono"}.categories h2{font:400 clamp(28px,3vw,48px) "Archivo Black";writing-mode:vertical-rl;margin:45px auto}.categories p{margin-top:auto;font-size:11px;line-height:1.8}.beauty{background:var(--orange)}.fragrance{background:var(--blue)}.food{background:var(--yellow)}.fashion{background:var(--green)}.brand-wall{padding:120px 6vw;background:var(--cream)}.brand-wall h2{max-width:850px}.brand-wall>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid;border-left:2px solid}.brand-wall span{border-right:2px solid;border-bottom:2px solid;padding:23px;font:700 15px "Space Mono"}.wrapping{display:grid;grid-template-columns:1.15fr .85fr;background:var(--pink)}.wrap-photo{min-height:700px;background:url("https://images.unsplash.com/photo-1549465220-1a8b9238cd48?auto=format&fit=crop&w=1300&q=88") center/cover;border-right:2px solid}.wrap-copy{padding:100px 6vw}.wrap-copy h2{font-size:clamp(42px,4.5vw,67px)}.wrap-copy>p:not(:first-child){font-size:13px;line-height:2}.wrap-copy a{display:block;border:2px solid;padding:18px;margin-top:50px;font:700 11px "Space Mono";text-align:center}.shop{padding:110px 6vw;background:var(--blue);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.shop h2{font-size:clamp(54px,7vw,100px)}.shop dl{margin-top:30px}.shop dl div{display:grid;grid-template-columns:100px 1fr;border-bottom:2px solid;padding:18px 0}.shop dt{font:700 10px "Space Mono"}.shop dd{margin:0;font-size:13px}.shop>a{grid-column:2;border:2px solid;padding:18px;text-align:center;font:700 11px "Space Mono"}footer{height:110px;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}footer span,footer small{font:700 9px "Space Mono"}
@media(max-width:800px){header{height:66px;grid-template-columns:1fr auto}header nav,header .bag{display:none}header button{display:block;border:0;background:none;font:700 10px "Space Mono"}.hero{grid-template-columns:1fr}.hero-copy{min-height:640px;border-right:0}.hero-products{height:650px}.finder{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.brand-wall>div{grid-template-columns:1fr 1fr}.wrapping{grid-template-columns:1fr}.wrap-photo{min-height:550px;border-right:0;border-bottom:2px solid}.shop{grid-template-columns:1fr}.shop>a{grid-column:1}footer{height:auto;padding:35px 6vw;grid-template-columns:1fr;gap:14px}}@media(max-width:480px){.hero h1{font-size:55px}.hero-copy>div{grid-template-columns:1fr}.hero-products{height:520px}.categories article{min-height:350px;padding:25px}.brand-wall>div{grid-template-columns:1fr}.wrap-copy{padding:75px 7vw}.shop{padding:80px 7vw}.shop h2{font-size:52px}.shop dl div{grid-template-columns:80px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tape div{animation:none}}