/* Responsive composition for the original three concept brands only. */
html{scroll-behavior:smooth;scroll-padding-top:24px}body{overflow-x:visible}a,button{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}a{color:inherit}main{overflow:clip}.sample-bar{padding:12px max(24px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;gap:18px;align-items:center;font:11px/1.7 sans-serif;border-bottom:1px solid currentColor}.sample-bar a{text-decoration:none;white-space:nowrap}.sample-bar span{opacity:.75}header{max-width:1360px;margin-inline:auto;padding:28px 40px;gap:28px}header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}header nav a{margin:0;min-height:44px;display:inline-flex;align-items:center}.hero{max-width:1360px;margin-inline:auto;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:55px 40px 100px}.hero>div{min-width:0}.hero h1{font-size:clamp(40px,4.7vw,68px);line-height:1.4;letter-spacing:.01em;overflow-wrap:normal}.hero .sub{max-width:34em;font-size:clamp(14px,1.25vw,16px);line-height:2}.cta{flex-wrap:wrap;gap:22px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;max-width:100%;padding:16px 24px;font-size:14px}.btn2,.ghost{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.section-inner{max-width:1200px;margin:auto}.content-section{padding:90px max(32px,calc((100% - 1200px)/2));border-top:1px solid currentColor}.content-section h2{font-size:clamp(28px,3vw,42px);line-height:1.55;margin-bottom:30px}.content-section p{font-size:14px;line-height:2;max-width:44em}.section-label{display:block;font-size:11px;letter-spacing:.2em;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.detail-grid article{padding:28px;border:1px solid currentColor;border-radius:var(--radius,0);min-width:0}.detail-grid h3{font-size:20px;line-height:1.6;margin:15px 0}.detail-grid p{font-size:13px}.detail-grid .amount{font-size:25px;margin-top:24px}.sample-contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.sample-contact .btn{margin-top:25px}.sample-footer{padding:28px max(24px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:11px/1.9 sans-serif;border-top:1px solid currentColor}.sample-footer p{max-width:650px}.sample-footer a{text-underline-offset:5px}.sample-fine{font-size:11px!important;margin-top:22px!important;opacity:.8}
/* NOCTO: a bounded still-life, with the caption in normal document flow. */
.nocto .sample-bar,.nocto .sample-footer{color:var(--soft);border-color:var(--rule)}.nocto .hero::before{right:-5%;top:0;width:60%;height:100%}.nocto .visual{height:auto;min-height:460px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;gap:35px}.nocto .cup{width:85%;max-width:460px;flex-shrink:0}.nocto .tag{position:static;align-self:flex-end;text-align:right;margin-right:5%}.nocto .tag b{font-size:36px}.nocto .tag span{color:var(--soft)}.nocto .steam{font-size:120px;top:-10px}.nocto .num{display:none}.nocto .content-section{border-color:var(--rule)}.nocto .row{margin-top:40px;grid-template-columns:repeat(3,minmax(0,1fr))}.nocto .card{padding:35px 28px}.nocto .card h3{font-size:22px}.nocto .content-section p{color:var(--soft)}.nocto .content-section .eyebrow{color:var(--amber)}
/* KORORI: relative coordinates keep all of the illustration inside its stage. */
.korori{--radius:24px}.korori .hero{padding-bottom:80px}.korori .hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.3}.korori .stage{height:auto;aspect-ratio:1;max-width:600px;width:100%;justify-self:center;isolation:isolate}.korori .blob{inset:0;width:100%;height:100%;border-width:2px}.korori .d1{width:55%;height:55%;left:10%;top:26%}.korori .d2{width:36%;height:36%;right:5%;top:6%}.korori .d3{width:31%;height:31%;right:12%;bottom:3%}.korori .price{width:26%;height:26%;left:0;bottom:0;border-width:2px}.korori .price small,.korori .price em{font-size:clamp(9px,1vw,12px)}.korori .price b{font-size:clamp(28px,3vw,40px)}.korori .spr{width:3.4%;height:1.3%;border-width:1px;z-index:2}.korori .spr:nth-of-type(1){left:27%!important;top:38%!important}.korori .spr:nth-of-type(2){left:45%!important;top:43%!important}.korori .spr:nth-of-type(3){left:20%!important;top:56%!important}.korori .spr:nth-of-type(4){left:49%!important;top:64%!important}.korori .spr:nth-of-type(5){left:37%!important;top:72%!important}.korori .star{font-size:32px!important}.korori .star:nth-of-type(6){right:57%!important;top:5%!important}.korori .star:nth-of-type(7){right:1%!important;bottom:35%!important}.korori .wave{display:none}.korori .content-section{background:var(--cream);border:0}.korori .content-section:nth-of-type(2){background:var(--m)}.korori .detail-grid article:nth-child(1){background:#ffe2eb}.korori .detail-grid article:nth-child(2){background:#f3d4af}.korori .detail-grid article:nth-child(3){background:#fff1b1}.mini-donut{display:block;width:90px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 0 23%,var(--frost,#ff8fb1) 24% 60%,#d4944c 61%);margin-bottom:25px;filter:drop-shadow(3px 4px 0 #3a2a20)}
/* PUFFY: scaled scenery, but an independently readable menu card. */
.puffy .hero h1{font-size:clamp(40px,4.9vw,70px)}.puffy .holo{background:linear-gradient(90deg,#b74286,#7652b2 60%,#356fa2);background-clip:text;-webkit-background-clip:text}.puffy .tag{font-size:12px;padding:9px 13px}.puffy .stage{height:auto;aspect-ratio:1;max-width:590px;width:100%;justify-self:center;isolation:isolate}.puffy .moon{right:8%;top:4%;width:76%;height:76%;box-shadow:0 0 45px 10px #ffffff80}.puffy .moon::after{right:-10%;top:-2%;width:88%;height:88%}.puffy .card{left:50%;top:50%;transform:translate(-50%,-50%);width:76%;max-width:360px;padding:26px;background:#ffffffd9;border-radius:24px}.puffy .card li{gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.8}.puffy .card li b{color:#8e447a;white-space:nowrap}.puffy .c1{left:1%;bottom:12%;width:48%;height:12%}.puffy .c1::before{width:44%;height:155%;left:14%;top:-70%}.puffy .c1::after{width:32%;height:115%;left:52%;top:-45%}.puffy .c2{right:0;bottom:2%;width:35%;height:10%}.puffy .c2::before{width:42%;height:145%;left:16%;top:-65%}.puffy .c2::after{width:32%;height:110%;left:50%;top:-45%}.puffy .spark:nth-of-type(1){left:3%!important;top:8%!important;font-size:32px!important}.puffy .spark:nth-of-type(2){right:1%!important;top:58%!important}.puffy .spark:nth-of-type(3){left:80%!important;top:0!important}.puffy .spark:nth-of-type(4){left:1%!important;top:77%!important}.puffy .spark:nth-of-type(5){right:22%!important;bottom:16%!important}.puffy .btn{background:#8163ab;color:#fff;box-shadow:0 8px 25px -15px #684783}.puffy .content-section{background:#ffffff88;border-color:#ffffffb0}.puffy .detail-grid article{background:#ffffff8c;border:1px solid #fff;border-radius:24px}.nail-set{display:flex;gap:8px;align-items:center;justify-content:center;height:120px}.nail-set i{width:18%;max-width:43px;height:85px;border-radius:40% 40% 30% 30%;background:var(--nail);box-shadow:inset 5px 0 9px #fff9,2px 5px 12px #7652b21c;border:1px solid #fff}.nail-set i:nth-child(2){height:100px}.nail-set i:nth-child(4){height:75px}.nail-set i:nth-child(5){height:65px}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:110px}}
@media(max-width:1050px){header{padding:24px 32px}.hero{padding:35px 32px 70px;gap:20px}.hero h1{font-size:44px}.korori .hero h1,.puffy .hero h1{font-size:46px}.kicker{font-size:10px;letter-spacing:.2em}.nocto .visual{min-height:0}.detail-grid{gap:15px}.detail-grid article{padding:23px}.puffy .card{width:85%;padding:20px}.puffy .card h3{font-size:13px}.puffy header nav{gap:15px}.puffy header nav a{font-size:11px}}
@media(max-width:800px){.sample-bar{padding:10px 24px;font-size:10px}.sample-bar span{max-width:12em;text-align:right}header{padding:24px;flex-wrap:wrap;gap:18px}.logo{font-size:23px}header nav{width:100%;justify-content:flex-start;gap:8px 22px}header nav a{font-size:11px!important;letter-spacing:.12em;min-height:36px}.korori nav a{padding:8px 17px}.hero{grid-template-columns:minmax(0,1fr);padding:20px 24px 64px;gap:44px;max-width:620px}.hero h1,.korori .hero h1,.puffy .hero h1{font-size:clamp(36px,7.5vw,52px);line-height:1.4;margin:24px 0}.hero .sub{font-size:14px}.hero .sub br{display:none}.cta{margin-top:28px;gap:18px}.nocto .visual{width:100%;max-width:420px;margin:0 auto;min-height:0;gap:20px}.nocto .cup{width:80%}.nocto .tag b{font-size:30px}.nocto .steam{font-size:80px;top:-20px}.nocto .row{grid-template-columns:1fr;gap:1px}.nocto .card{padding:30px}.korori .stage,.puffy .stage{max-width:460px}.korori .price small,.korori .price em{font-size:11px}.korori .price b{font-size:30px}.puffy .card{width:80%;padding:24px}.puffy .tag{font-size:11px}.content-section{padding:64px 24px}.detail-grid{grid-template-columns:1fr;max-width:550px;margin-inline:auto;gap:20px}.detail-grid article{padding:28px}.sample-contact{grid-template-columns:1fr;gap:30px}.sample-footer{padding:28px 24px}.sample-footer p{font-size:10px}.nocto .hero::before{right:0;top:25%;width:100%;height:75%}.puffy .card li{font-size:12px}.puffy .card h3{font-size:13px}}
@media(max-width:360px){.sample-bar span{display:none}.hero h1,.korori .hero h1,.puffy .hero h1{font-size:34px}.korori .price small,.korori .price em{font-size:9px}.puffy .card{width:88%;padding:18px}.sticker{font-size:12px}.cta{gap:15px}.btn{padding:15px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}