:root{color-scheme:light}*{box-sizing:border-box}html{background:#f2e3fa}body{margin:0;color:#141414;font-family:Arial,Helvetica,"Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}.page{width:min(100%,690px);margin:0 auto;padding:clamp(12px,3.5vw,24px);display:flex;flex-direction:column;gap:clamp(10px,2.2vw,14px)}.hero{background:#ffeb28;border-radius:clamp(18px,5vw,28px);min-height:clamp(315px,57vh,480px);padding:clamp(30px,7vw,58px) 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.eyebrow{font-size:clamp(11px,2.7vw,15px);font-weight:800;letter-spacing:.025em;margin:0}.hero h1{font-size:clamp(57px,13vw,105px);font-weight:900;letter-spacing:-.085em;line-height:1.03;margin:clamp(24px,5vw,35px) 0 clamp(16px,3vw,24px);padding-right:.08em}.soon-sticker{width:min(99%,510px);height:clamp(115px,27vw,165px);position:relative;display:grid;place-items:center;transform:rotate(-1deg)}.sticker-shape{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.025))}.soon-sticker span{position:relative;z-index:1;font-size:clamp(24px,6.5vw,43px);font-weight:900;letter-spacing:-.055em;white-space:nowrap;transform:rotate(2deg)}.tagline{font-size:clamp(16px,3.7vw,21px);margin:clamp(17px,4vw,25px) 0 0}.photos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(9px,2.3vw,14px)}.photo{margin:0;border-radius:clamp(17px,4.5vw,25px);overflow:hidden;aspect-ratio:.92;background:#2356b7}.photo img{display:block;width:100%;height:100%;object-fit:cover}.model img{object-position:50% 46%}.product img{object-fit:cover}footer{text-align:center;font-size:11px;color:#615369;padding:5px 0 8px}@media(min-width:720px){body{min-height:100vh;display:flex;align-items:center;justify-content:center}.page{padding:24px}}@media(max-width:380px){.hero{min-height:300px}.soon-sticker span{font-size:clamp(21px,6.3vw,27px)}}

/* Restrained organic details: a few gentle drips at the hero edges. */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;background:#fff;opacity:.96;z-index:-1}
.hero::before{width:116px;height:32px;top:-19px;left:10%;border-radius:40% 35% 55% 45% / 50% 55% 45% 50%;transform:rotate(-9deg)}
.hero::after{width:94px;height:26px;bottom:-16px;right:12%;border-radius:48% 52% 45% 55% / 50% 45% 55% 50%;transform:rotate(7deg)}
@media(max-width:480px){.hero::before{width:75px;height:24px;top:-15px}.hero::after{width:66px;height:20px;bottom:-12px}}