@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500;1,600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.page{overflow:hidden}.top{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5vw;position:relative;z-index:5}.top .name{font-size:23px;letter-spacing:-1px;font-weight:750}.top nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:800;letter-spacing:.12em}.top .outline{border:1px solid currentColor;padding:12px 20px;border-radius:50px}.chip{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.23em;font-weight:800}.chip:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}.panel{min-height:640px;position:relative}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.04fr .96fr}.hero-copy{padding:85px 5vw 90px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-copy h1{font-size:clamp(68px,7.8vw,138px);line-height:.93;letter-spacing:-.085em;margin:30px 0}.hero-copy h1 em,.display em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.065em}.hero-copy p{font-size:14px;max-width:340px;line-height:1.9;margin:0 0 30px}.action{display:inline-flex;width:max-content;padding:15px 23px;gap:34px;border-radius:50px;font-size:12px;font-weight:800;align-items:center}.hero-art{position:relative;min-height:520px;overflow:hidden}.hero-art:after{content:'✳';position:absolute;right:8%;top:10%;font-size:75px;opacity:.65}.big-orb{width:77%;aspect-ratio:1;position:absolute;top:10%;left:13%;border-radius:50%;box-shadow:inset -32px -27px 38px #21180f40,15px 35px 60px #1b171030;transform:rotate(-15deg)}.art-stalk{position:absolute;height:82%;width:26%;border-radius:45% 45% 5% 5%;bottom:-25%;left:38%;transform:rotate(23deg);box-shadow:12px 0 33px #0002}.art-line{position:absolute;inset:15%;border:1px solid #ffffff70;border-radius:50%;transform:rotate(35deg) scaleX(.73)}.detail-bar{padding:18px 5vw;font-size:10px;font-weight:800;letter-spacing:.23em;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid currentColor}.s{padding:110px 5vw}.head{font-size:clamp(48px,6vw,94px);line-height:1.03;letter-spacing:-.072em;margin:20px 0 45px;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.box{padding:32px;min-height:260px;border:1px solid #0002;display:flex;flex-direction:column;justify-content:space-between}.box .num{opacity:.5;font-size:12px}.box h3{font-size:29px;line-height:1.12;letter-spacing:-1.2px;margin:0}.box p{font-size:13px;line-height:1.7;opacity:.7;margin:12px 0 0}.banner{padding:105px 5vw;text-align:center}.banner h2{font-size:clamp(50px,8vw,130px);letter-spacing:-.09em;line-height:.97;margin:17px 0 25px}.banner p{font-size:13px;opacity:.75}.banner .action{margin-top:25px}.foot{padding:30px 5vw;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.1em;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#122e2d;color:white;border-radius:70px;padding:14px 21px;z-index:40;font-size:12px;display:none;max-width:calc(100vw - 30px);box-shadow:0 14px 30px #0003;text-align:center}.toast.show{display:block}.demo-label{position:fixed;bottom:17px;right:18px;z-index:8;padding:8px 12px;background:#083f3fe3;color:white;border-radius:30px;font:700 10px 'DM Sans',sans-serif;letter-spacing:.06em}.muted{opacity:.65}.reveal{animation:fade .8s both}@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
/* BEAUTY */.beauty{background:#e9e1d6;color:#4d4339}.beauty .top{border-bottom:1px solid #75665840}.beauty .action{background:#57483b;color:#fff}.beauty .hero-art{background:#c2bcaa}.beauty .big-orb{background:radial-gradient(circle at 35% 30%,#f0d8b6,#ad9a7e 60%,#776e5b)}.beauty .art-stalk{background:linear-gradient(110deg,#6a7f62,#b2bf9b 47%,#52634d)}.beauty .art-stalk:nth-child(4){left:58%;bottom:-36%;height:83%;transform:rotate(-14deg);background:linear-gradient(110deg,#aabca0,#647a5c)}.beauty .cards .box{background:#f0eae1}.beauty .banner{background:#d0c3b1}.beauty .testimonial{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(25px,4vw,55px);line-height:1.2;max-width:880px;margin:auto}
/* CAFE */.cafe{background:#3e251e;color:#ffead1}.cafe .top{border-bottom:1px solid #ffffff40}.cafe .action{background:#f5c38b;color:#3b211a}.cafe .hero-art{background:#ba6846}.cafe .big-orb{background:radial-gradient(circle at 33% 26%,#f8d3a8 0 12%,#db9766 36%,#804327 65%,#562816 78%);box-shadow:0 0 0 30px #d7825260,0 25px 50px #341b1390}.cafe .art-stalk{border-radius:50%;width:52%;height:52%;bottom:-17%;left:41%;transform:rotate(-8deg);background:radial-gradient(circle at 50% 50%,#f7ca99 0 25%,#8b5031 31% 50%,#4d2e23 51%)}.cafe .cards .box{border-color:#ebc5a751;background:#5b3025}.cafe .banner{background:#cb7a4a;color:#41261c}.cafe .banner .action{background:#3e251e;color:#ffead1}.menu-switch{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.menu-switch button{border:1px solid #e7c8aa88;background:transparent;color:inherit;padding:10px 17px;border-radius:40px;font-size:11px}.menu-switch button.active{background:#f8cc9c;color:#47251b}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.menu-item{display:flex;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid #efd2b03c}.menu-item strong{font-size:18px}.menu-item span{font-size:13px;opacity:.7}
/* INTERIOR */.space{background:#e1e4db;color:#2f423a}.space .top{border-bottom:1px solid #4b6b5860}.space .action{background:#30493b;color:white}.space .hero-art{background:#afbbaa}.space .big-orb{border-radius:0;transform:rotate(-8deg);background:linear-gradient(145deg,#ecf0e8 0 24%,#839582 25% 27%,#e1e9da 28% 64%,#758774 65%);width:73%;aspect-ratio:.84;left:14%;top:12%;box-shadow:30px 25px 0 #8b9d8d,35px 33px 60px #1a39252b}.space .art-stalk{background:linear-gradient(140deg,#b6a38b,#6c775f);border-radius:0;width:47%;height:37%;left:24%;bottom:8%;transform:skew(-15deg)}.space .cards .box{background:#f0f2eb}.space .banner{background:#bbc9b7}.space .gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.space .gallery .visual{min-height:300px;background:linear-gradient(140deg,#d7ddd2 0 25%,#81958b 26% 40%,#e7e8db 41% 70%,#a4b0a1 71%);display:grid;place-items:center;color:#34463c;font-size:clamp(22px,4vw,50px);font-family:'Playfair Display',serif}.space .gallery .visual:nth-child(2){background:linear-gradient(20deg,#a6a78c 0 35%,#ecece1 36% 53%,#67796b 54%)}
@media(max-width:760px){.top{height:70px}.top nav{gap:12px;font-size:9px}.top nav a:nth-child(1){display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:72px 6vw 60px}.hero-copy h1{font-size:clamp(59px,13vw,100px)}.hero-art{min-height:390px}.head{font-size:clamp(45px,10vw,70px)}.cards{grid-template-columns:1fr}.box{min-height:190px}.s{padding:75px 6vw}.detail-bar{font-size:8px;padding:14px 6vw}.menu-list{grid-template-columns:1fr}.space .gallery{grid-template-columns:1fr}.banner{padding:85px 6vw}.banner h2{font-size:clamp(44px,11vw,85px)}.foot{padding:25px 6vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}