*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #e2b94f;outline-offset:4px}p,h1,h2,h3{margin-top:0}html{overflow-x:hidden}body{overflow-x:hidden}section[id]{scroll-margin-top:24px}
/* Gallery */
.gallery-body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111814;color:#f4f2e8}.gallery-head{border-bottom:1px solid #ffffff18}.gallery-head-inner{max-width:1240px;padding:18px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-brand{font-size:18px;font-weight:800}.gallery-brand:first-letter{color:#d5b770}.gallery-head nav{display:flex;gap:22px;font-size:13px;color:#d8decf}.gallery-head nav a:hover{color:#e8c778}.gallery-main{max-width:1240px;margin:auto;padding:68px 30px 100px}.gallery-intro{max-width:810px}.gallery-eyebrow,.gallery-card-copy>span,.gallery-footnote span{font-size:11px;letter-spacing:.2em;font-weight:800;color:#d6b86d}.gallery-intro h1{font-size:clamp(38px,5.7vw,72px);line-height:1.13;letter-spacing:-.055em;margin:18px 0 22px}.gallery-intro h1 em{font-style:normal;color:#d6b86d}.gallery-intro p{line-height:1.85;color:#b8c1b9;font-size:16px;max-width:700px}.gallery-disclaimer{display:inline-block;border:1px solid #d6b86d66;color:#e2ce92;border-radius:99px;font-size:12px;padding:8px 14px;margin-top:14px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:46px}.gallery-card{min-width:0;background:#1a231e;border:1px solid #ffffff22;border-radius:26px;overflow:hidden}.gallery-card-art{height:300px;display:grid;place-items:center;overflow:hidden}.gallery-classic .gallery-card-art{background:radial-gradient(circle at 72% 30%,#b88d4244,transparent 34%),#0b2a22}.gallery-cream .gallery-card-art{background:radial-gradient(circle at 20% 24%,#fff7db,transparent 45%),#e9c9a4}.gallery-neon .gallery-card-art{background:radial-gradient(circle at 75% 18%,#ec3ef966,transparent 33%),#1e163e}.gallery-minimal .gallery-card-art{background:#dce2dc}.mini-device{width:190px;height:310px;border:7px solid #19241e;border-radius:26px 26px 0 0;transform:translateY(32px) rotate(-5deg);box-shadow:0 26px 60px #0006;padding:15px;overflow:hidden}.gallery-classic .mini-device{background:#0d241b;color:#e4cb89}.gallery-cream .mini-device{background:#fffaf0;color:#50372b;transform:translateY(32px) rotate(4deg);border-color:#6d584d}.gallery-neon .mini-device{background:#17102f;color:#baf967;transform:translateY(32px) rotate(-4deg);border-color:#0a0920}.gallery-minimal .mini-device{background:#fff;color:#141a18;transform:translateY(32px) rotate(4deg);border-color:#25332e}.mini-nav{display:flex;justify-content:space-between;gap:3px;font-size:10px;font-weight:800;align-items:center}.mini-nav span:nth-child(2){font-size:7px;letter-spacing:.06em}.mini-stage{margin-top:40px;position:relative}.mini-stage small{display:block;font-size:6px;letter-spacing:.15em}.mini-stage strong{display:block;font-size:22px;line-height:1.22;margin-top:12px}.mini-stage i{font-size:48px;font-style:normal;display:block;text-align:right;line-height:1}.mini-bars{display:flex;gap:6px;margin-top:16px}.mini-bars b{height:34px;flex:1;background:currentColor;opacity:.18;border-radius:5px}.gallery-card-copy{padding:26px 28px 30px}.gallery-card-copy h2{font-size:27px;margin:8px 0 8px}.gallery-card-copy p{color:#b8c1b9;font-size:14px;line-height:1.65;min-height:46px}.gallery-card-copy a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-top:18px;margin-top:20px;color:#e8c778;font-weight:700}.gallery-card-copy a:hover{text-decoration:underline}.gallery-footnote{margin-top:60px;border-top:1px solid #ffffff26;padding:32px 0;display:flex;justify-content:space-between;gap:28px;align-items:center}.gallery-footnote h2{font-size:26px;margin:10px 0}.gallery-footnote p{color:#b8c1b9;margin-bottom:0;line-height:1.7}.gallery-footnote a{flex:none;background:#d9bb73;color:#1b221a;border-radius:10px;padding:15px 20px;font-weight:800}
/* Preview frame */
body:not(.gallery-body){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111814;color:#edf1ec}.design-page{min-height:100vh;padding:24px 20px 50px}.preview-top{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.preview-top span{color:#d8b96a;border:1px solid #d8b96a66;border-radius:100px;padding:8px 12px;text-align:center}.preview-top a{color:#e9eee8}.preview-top a:last-child{font-weight:700;color:#e5c474}.style-switch{max-width:980px;margin:16px auto 32px;padding:5px;background:#ffffff14;border:1px solid #ffffff21;border-radius:13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.style-switch a{text-align:center;font-size:13px;padding:10px 6px;border-radius:9px;white-space:nowrap}.style-switch a[aria-current=page]{background:#e1c47a;color:#1a241c;font-weight:800}.design-stage{max-width:980px;min-height:600px;margin:auto;display:flex;justify-content:center;align-items:flex-start;padding:30px 20px 44px;background:radial-gradient(circle at 50% 18%,#d0aa6344,transparent 44%),#18221c;border-radius:26px;border:1px solid #ffffff19}.design-end{max-width:980px;margin:24px auto;text-align:center;font-size:12px;color:#b7c1b6;line-height:1.8}.design-end a{display:inline-block;margin-top:8px;color:#e6c979;font-weight:700}.mobile-design{width:min(100%,430px);min-width:0;box-shadow:0 35px 80px #0008;overflow:hidden}.mobile-design section{position:relative}.mobile-design h1,.mobile-design h2,.mobile-design h3{letter-spacing:-.04em}.mobile-design .mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);position:relative;padding:13px 18px 18px;font-size:13px;text-align:center}.mobile-nav a{padding:11px 4px;border-radius:12px;min-height:42px}.mobile-design .sample-order{display:flex;flex-direction:column;gap:7px}.mobile-design .sample-order span{font-size:12px;line-height:1.6}.mobile-design section[id]{scroll-margin-top:20px}
/* Classic / lounge */
.classic-design{background:#092118;color:#eee6cf}.classic-head{height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7b86e40}.classic-head a{font-family:Georgia,serif;color:#d9bc77;font-weight:700;font-size:22px}.classic-head a span{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.2em;margin-left:4px}.classic-head>span{font-size:11px;color:#b9b7a9}.classic-hero{min-height:480px;padding:40px 26px 0;overflow:hidden;background:radial-gradient(circle at 76% 70%,#ad793753,transparent 34%)}.classic-kicker{font-size:10px;letter-spacing:.2em;color:#d5b570}.classic-hero h1{font-family:Georgia,"Songti SC",serif;font-size:47px;line-height:1.28;font-weight:500;margin:19px 0}.classic-hero h1 em{font-style:normal;color:#dab978}.classic-hero p{font-size:14px;color:#c1c9bd;margin-bottom:24px}.classic-hero>a{position:relative;z-index:2;display:inline-flex;gap:20px;align-items:center;border:1px solid #d7b86e;color:#ead29a;border-radius:2px;padding:12px 16px;font-size:13px}.classic-orb{position:absolute;width:234px;height:234px;border-radius:50%;bottom:-56px;right:-18px;background:radial-gradient(circle at 35% 30%,#f2d69c,#8d562d 40%,#281c16 65%,#121915 73%);box-shadow:0 0 0 15px #cfa85820,0 0 0 32px #cfa8580c,0 10px 45px #000c;display:grid;place-items:center;transform:rotate(-16deg)}.classic-orb span{font:italic 52px Georgia,serif;color:#f8deb6;text-shadow:0 2px 5px #3b291f}.classic-menu,.classic-account,.classic-orders{padding:32px 24px}.classic-menu{background:#102b20}.section-lead>span,.classic-account>span,.classic-orders>span{font-size:10px;letter-spacing:.18em;color:#cfb16f}.section-lead h2,.classic-account h2,.classic-orders h2{font:normal 32px Georgia,"Songti SC",serif;margin:10px 0 6px}.section-lead p{color:#b2c1b4;font-size:12px}.classic-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.classic-product{background:#19372a;border:1px solid #cba85d3d;border-radius:10px;overflow:hidden;min-width:0}.classic-product-art{height:100px;display:grid;place-items:center;font-size:58px;color:#f6e3b4;background:radial-gradient(circle,#ae895185,#274132)}.classic-product-art.art-1{background:radial-gradient(circle,#af6b3a85,#27352a)}.classic-product-art.art-2{background:radial-gradient(circle,#b69a5e91,#35452a)}.classic-product-art.art-3{background:radial-gradient(circle,#66865b91,#244235)}.classic-product>div:last-child{padding:12px}.product-index{font-size:8px;letter-spacing:.1em;color:#d2b878}.classic-product h3{font-size:15px;margin:6px 0}.classic-product p{font-size:10px;color:#b7c6b5;min-height:25px;margin:0 0 8px}.classic-product strong{font-size:15px;color:#e7c87d}.classic-account{background:#0e271d}.classic-ticket{border:1px solid #d6b46e83;padding:20px;margin-top:20px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(135deg,#2a4731,#10281c)}.classic-ticket strong{font:normal 25px Georgia,serif}.classic-ticket span{font-size:13px}.classic-ticket b{color:#e8cc84}.classic-ticket small{font-size:10px;color:#b8c4b7;margin-top:8px}.classic-orders{background:#102b20}.classic-orders .sample-order{padding:18px 0;border-top:1px solid #d7b86e66;border-bottom:1px solid #d7b86e66}.classic-design .mobile-nav{background:#081b14;border-top:1px solid #d7b86e40;color:#e9d39f}
/* Cream / friendly */
.cream-design{background:#fcf8ef;color:#413027}.cream-head{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.cream-head strong{letter-spacing:-.05em;font-size:17px}.cream-head strong span{color:#ee8f6b}.cream-sun{width:38px;height:38px;border-radius:50%;background:#f6df9e;display:grid;place-items:center;font-size:20px}.cream-hero{padding:24px 23px 18px;min-height:468px;background:#f6e8d6;border-radius:22px 22px 0 0;overflow:hidden}.cream-hero-copy{position:relative;z-index:2}.cream-hero-copy>span,.cream-title span,.cream-section-title span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#a66c54}.cream-hero h1{font-size:45px;line-height:1.19;letter-spacing:-.07em;margin:22px 0 14px}.cream-hero h1 span{color:#ec9874}.cream-hero p{font-size:14px;color:#795f53}.cream-hero a{display:inline-flex;gap:32px;background:#44322b;color:#fff8ee;padding:13px 17px;border-radius:99px;font-weight:700;font-size:13px}.cream-illustration{position:absolute;width:250px;height:255px;border-radius:45% 50% 10% 10%;bottom:-50px;right:-12px;background:radial-gradient(circle at 32% 30%,#ffebba,#e8a690 65%,#c98970);transform:rotate(-9deg);display:grid;place-items:center}.cream-cup{width:112px;height:116px;border-radius:15px 15px 55px 55px;background:#fff6db;color:#9f6749;box-shadow:12px 15px 0 #b7725b4d;display:grid;place-items:center;font-size:90px;line-height:1;transform:rotate(8deg)}.cream-illustration>span{position:absolute;bottom:37px;right:20px;font-size:10px;letter-spacing:.12em;color:#62453d}.cream-menu,.cream-member,.cream-orders{padding:34px 23px}.cream-title{display:flex;align-items:end;justify-content:space-between;gap:10px}.cream-title h2,.cream-section-title h2{font-size:29px;margin:8px 0 0}.cream-title>span{letter-spacing:0;color:#b8846b}.cream-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.cream-product{border-radius:19px;background:#fff;border:1px solid #eee2d3;overflow:hidden;box-shadow:0 8px 20px #b8906e16}.cream-product-art{height:104px;background:#f5d6ba;display:grid;place-items:center}.cream-product-art.art-1{background:#e5d4a7}.cream-product-art.art-2{background:#f0c9b3}.cream-product-art.art-3{background:#d5e2c9}.cream-product-art span{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#fff9e5aa;font-size:45px;color:#ae7457}.cream-product-info{padding:11px}.cream-product-info>div{display:flex;justify-content:space-between;align-items:flex-start;gap:3px}.cream-product h3{font-size:14px;margin:0}.cream-product-info span{font-size:13px;color:#d37e62;font-weight:800;white-space:nowrap}.cream-product p{font-size:10px;color:#8c7d72;margin:8px 0 0}.cream-member{background:#f4e6dd}.cream-member-card{margin-top:18px;padding:20px;border-radius:18px;background:#fdf8ed;display:flex;flex-direction:column;gap:10px}.cream-member-card strong{font-size:23px}.cream-member-card span{font-size:13px}.cream-member-card b{color:#c16c56}.cream-member-card small{font-size:10px;color:#9b8a7f}.cream-orders .sample-order{margin-top:20px;padding:17px;border-radius:15px;background:#fff}.cream-design .mobile-nav{background:#fff6e9;border-top:1px solid #e8dac8;color:#5c4033}
/* Neon / nightlife */
.neon-design{background:#0f0b23;color:#f9f6ff}.neon-head{height:68px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a0fc4a44}.neon-head strong{font-size:28px;letter-spacing:-.12em;color:#bdff6b}.neon-head strong span{color:#ff51df}.neon-head>span:nth-child(2){font-size:11px;letter-spacing:.16em;font-weight:800}.neon-open{color:#beff71;font-size:9px;letter-spacing:.08em}.neon-hero{padding:34px 22px 0;min-height:485px;background:radial-gradient(circle at 82% 62%,#be3cf465,transparent 38%),linear-gradient(145deg,#1d1548,#100b22);overflow:hidden}.neon-tag,.neon-section-head>span,.neon-member>span,.neon-orders>span{font:700 10px monospace;letter-spacing:.12em;color:#bdff6b}.neon-hero h1{font-size:54px;line-height:1.08;text-transform:uppercase;letter-spacing:-.08em;margin:22px 0}.neon-hero h1 em{font-style:normal;color:#ff55e0;text-shadow:0 0 32px #ff37d366}.neon-hero p{color:#ccc4e4;font-size:14px}.neon-hero a{position:relative;z-index:2;display:inline-block;margin-top:12px;border:1px solid #bdff6b;background:#bdff6b;color:#151021;padding:13px 16px;font:800 12px monospace;letter-spacing:.08em;transform:skew(-5deg)}.neon-disc{position:absolute;width:224px;height:224px;border-radius:50%;bottom:-47px;right:-15px;border:20px solid #1c1138;background:repeating-radial-gradient(circle,#341966 0 5px,#170b30 6px 13px);box-shadow:0 0 0 3px #ef54e6,0 0 50px #c231c18f;display:grid;place-items:center;transform:rotate(-20deg)}.neon-disc span{border-radius:50%;background:#bdff6b;color:#1f1030;width:65px;height:65px;display:grid;place-items:center;font-weight:1000;letter-spacing:-.14em;font-size:25px}.neon-ticker{padding:12px 6px;text-align:center;color:#100c21;background:#bdff6b;font:800 10px monospace;letter-spacing:.08em;white-space:nowrap;overflow:hidden}.neon-menu,.neon-member,.neon-orders{padding:32px 22px}.neon-section-head{display:flex;align-items:end;justify-content:space-between}.neon-section-head h2{font-size:34px;line-height:1.04;margin:15px 0 0}.neon-section-head h2 span{color:#ff55e0}.neon-products{display:grid;gap:10px;margin-top:24px}.neon-product{background:#1b1439;border:1px solid #6b48aa;padding:15px 16px;min-width:0}.neon-product-top{display:flex;justify-content:space-between;align-items:center;color:#b6ff70}.neon-product-top span{font:700 9px monospace;letter-spacing:.1em}.neon-product-top b{font-size:21px}.neon-product h3{font-size:20px;margin:8px 0 12px}.neon-product>div:last-child{display:flex;justify-content:space-between;gap:6px;align-items:center}.neon-product p{font-size:11px;color:#c6bbda;margin:0}.neon-product strong{font-size:17px;color:#ff77df;white-space:nowrap}.neon-member{background:#1b1136}.neon-member h2,.neon-orders h2{font-size:27px;margin:12px 0 18px}.neon-member-card{border:1px solid #bdff6b;background:#a0e45b13;padding:20px;display:flex;flex-direction:column;gap:10px}.neon-member-card strong{font-size:21px}.neon-member-card span{font-size:13px}.neon-member-card b{color:#b8ff6e}.neon-member-card small{font:700 10px monospace;color:#bbadd3;letter-spacing:.12em;margin-top:10px}.neon-orders .sample-order{border-left:3px solid #ff55e0;padding:12px 16px;background:#20183a}.neon-design .mobile-nav{background:#100b20;border-top:1px solid #9b56c059;font:700 11px monospace;letter-spacing:.08em;color:#baff71}
/* Minimal / utility */
.minimal-design{background:#fff;color:#18211d}.minimal-head{height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ded8}.minimal-head a{font-size:29px;font-weight:900;letter-spacing:-.12em}.minimal-head a span{color:#9cae90}.minimal-head>span:nth-child(2){font-size:11px;color:#66716b}.minimal-head>span:last-child{font-size:20px}.minimal-hero{padding:30px 24px 36px}.minimal-hero>span,.minimal-heading span{font-size:10px;letter-spacing:.15em;color:#667b6c;font-weight:800}.minimal-hero h1{font-size:51px;line-height:1.1;letter-spacing:-.08em;margin:36px 0 26px}.minimal-hero>div{display:flex;align-items:end;justify-content:space-between;gap:12px}.minimal-hero p{font-size:13px;line-height:1.6;color:#69776d;max-width:180px;margin:0}.minimal-hero a{flex:none;border-bottom:2px solid #24372b;font-weight:800;padding-bottom:6px;font-size:13px}.minimal-menu,.minimal-member,.minimal-orders{padding:29px 24px}.minimal-menu{background:#f3f6f1}.minimal-heading{display:flex;justify-content:space-between;align-items:end;gap:10px}.minimal-heading h2{font-size:30px;margin:6px 0 0}.minimal-heading small{color:#78887a;font-size:10px;text-align:right}.minimal-products{margin-top:20px;border-top:1px solid #9aaba0}.minimal-product{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid #b9c5bc;padding:19px 0}.minimal-num{color:#879a8b;font-size:11px;font-weight:800}.minimal-product h3{font-size:17px;margin:0 0 6px}.minimal-product p{font-size:11px;color:#718075;margin:0}.minimal-product strong{font-size:17px;white-space:nowrap}.minimal-member{background:#fff}.minimal-info{margin-top:18px;padding:18px 0;border-top:1px solid #8d9c8f;border-bottom:1px solid #8d9c8f;display:flex;flex-direction:column;gap:9px}.minimal-info strong{font-size:20px}.minimal-info span{font-size:12px;color:#56675b}.minimal-info b{color:#1d3021}.minimal-info small{font-size:10px;color:#849186}.minimal-orders{background:#f3f6f1}.minimal-orders .minimal-info{padding:18px 0}.minimal-design .mobile-nav{background:#fff;border-top:1px solid #d0d9d1;font-weight:700}
@media(max-width:700px){.gallery-head-inner{padding:16px 20px}.gallery-head nav{gap:12px;font-size:11px}.gallery-main{padding:45px 20px 70px}.gallery-grid{grid-template-columns:1fr;gap:16px;margin-top:36px}.gallery-card-art{height:230px}.mini-device{transform:translateY(50px) rotate(-5deg)}.gallery-cream .mini-device,.gallery-minimal .mini-device{transform:translateY(50px) rotate(4deg)}.gallery-neon .mini-device{transform:translateY(50px) rotate(-4deg)}.gallery-card-copy{padding:23px}.gallery-card-copy p{min-height:0}.gallery-footnote{display:block}.gallery-footnote a{display:inline-block;margin-top:24px}.design-page{padding:13px 0 30px}.preview-top{padding:0 12px}.preview-top a{font-size:11px}.preview-top span{font-size:10px;padding:6px 8px}.style-switch{margin:12px 10px 14px}.style-switch a{font-size:11px;padding:10px 1px}.design-stage{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent}.mobile-design{width:100%;max-width:none;box-shadow:none}.design-end{padding:0 20px}}
@media(max-width:360px){.gallery-head nav a:first-child{display:none}.gallery-main{padding-inline:16px}.gallery-intro h1{font-size:35px}.gallery-intro p{font-size:14px}.classic-hero h1{font-size:41px}.cream-hero h1{font-size:40px}.neon-hero h1{font-size:46px}.minimal-hero h1{font-size:46px}.cream-product-info>div{display:block}.cream-product-info span{display:block;margin-top:4px}.preview-top{gap:5px}.preview-top a{font-size:10px}.preview-top span{font-size:9px}.style-switch{gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}