
:root{
  --ink:#111015; --paper:#fbf8f4; --cream:#f1e9df; --gold:#b48a49;
  --rose:#c84673; --rose2:#f3b6ca; --blue:#395d78; --muted:#6f6b6e;
  --shadow:0 20px 60px rgba(21,17,20,.12); --radius:26px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea,select{font:inherit}
.serif{font-family:Georgia,'Times New Roman',serif}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--gold)}
.container{width:min(1180px,92vw);margin:auto}.section{padding:86px 0}.section.tight{padding:58px 0}.section-title{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.1rem);line-height:1.05;margin:.25rem 0 1rem}.lead{font-size:1.08rem;color:#565158;max-width:760px}.small{font-size:.86rem;color:#716b72}
.topbar{background:#111015;color:#eee;padding:8px 0;font-size:.78rem}.topbar .container{display:flex;justify-content:space-between;gap:15px;align-items:center}.topbar a{opacity:.9}
.nav{position:sticky;top:0;z-index:80;background:rgba(251,248,244,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,16,21,.08)}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,serif;font-weight:700;letter-spacing:.08em}.brand small{display:block;font-family:Arial,sans-serif;font-size:.6rem;letter-spacing:.25em;color:var(--gold);font-weight:700}
.navlinks{display:flex;align-items:center;gap:22px;font-size:.88rem}.navlinks a{padding:27px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{border-color:var(--gold)}
.navtools{display:flex;align-items:center;gap:8px}.pill,.btn{border:none;cursor:pointer;border-radius:999px;padding:12px 18px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center}.pill{background:#eee6dd}.btn.primary{background:var(--ink);color:#fff}.btn.gold{background:var(--gold);color:white}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}.btn.light{background:#fff;color:#111}.btn:hover{transform:translateY(-1px)}
.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem}
.hero{position:relative;min-height:760px;height:calc(100vh - 108px);overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.4s ease,transform 8s ease}.hero-slide.active{opacity:1;transform:scale(1.12)}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,9,.84) 0%,rgba(7,6,9,.55) 42%,rgba(7,6,9,.18) 70%,rgba(7,6,9,.38) 100%)}
.hero-content{position:relative;z-index:2;color:white;min-height:inherit;display:flex;align-items:center}.hero-copy{max-width:690px;padding-top:30px}.hero h1{font-family:Georgia,serif;font-size:clamp(3.4rem,7vw,7.6rem);line-height:.9;margin:.25rem 0 1rem;font-weight:500}.hero h1 span{display:block;font-size:.42em;letter-spacing:.18em;margin-top:.5em}.hero p{font-size:1.15rem;max-width:620px;color:#eee}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{position:absolute;right:5vw;bottom:35px;z-index:3;color:#fff;font-size:.8rem;letter-spacing:.08em}
.stats{margin-top:-45px;position:relative;z-index:8}.stats-grid{background:white;border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stat{padding:28px;border-right:1px solid #eee}.stat:last-child{border:0}.stat strong{font-family:Georgia,serif;font-size:1.6rem}.stat span{display:block;color:#777;font-size:.78rem;margin-top:3px}
.grid{display:grid;gap:22px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}
.card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.07);border:1px solid rgba(18,14,18,.06)}.card-img{height:390px;overflow:hidden;position:relative;background:#ddd}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .card-img img{transform:scale(1.04)}.card-body{padding:24px}.card h3{font-family:Georgia,serif;font-size:1.55rem;margin:0 0 .5rem}.tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:700;margin-bottom:.5rem}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.category{height:440px;position:relative;border-radius:28px;overflow:hidden;color:#fff;background:#111}.category img{width:100%;height:100%;object-fit:cover}.category::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 70%)}.category-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.category-copy h3{font-family:Georgia,serif;font-size:2rem;margin:.2rem 0}.category-copy p{margin:0;color:#e9e9e9;font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.portrait{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#111}.portrait img{width:100%;max-height:760px;object-fit:cover}.quote{font-family:Georgia,serif;font-size:clamp(1.6rem,3.5vw,3.2rem);line-height:1.15;margin:0}.timeline{border-left:1px solid var(--gold);padding-left:24px}.timeline-item{margin:0 0 28px}.timeline-item strong{display:block;font-family:Georgia,serif;font-size:1.3rem}.timeline-item span{color:#777}
.band{background:var(--ink);color:white}.band .lead{color:#d9d4d7}.feature-banner{min-height:520px;border-radius:32px;overflow:hidden;position:relative;background-position:center;background-size:cover;display:flex;align-items:end}.feature-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.12))}.feature-banner .content{position:relative;z-index:2;padding:38px;color:#fff;max-width:720px}.feature-banner h2{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,5rem);line-height:.95;margin:.2rem 0 1rem}
.gallery{columns:3 260px;column-gap:18px}.gallery figure{margin:0 0 18px;break-inside:avoid;border-radius:20px;overflow:hidden;background:white}.gallery img{width:100%}.gallery figcaption{padding:10px 14px;font-size:.78rem;color:#777}
.media-card{padding:28px;background:#fff;border-radius:24px;border:1px solid #e9e4de}.media-card h3{font-family:Georgia,serif;font-size:1.5rem;margin-top:.2rem}.media-card .icon{font-size:2rem}
.contact-panel{background:#fff;border-radius:30px;box-shadow:var(--shadow);padding:34px}.contact-list{display:grid;gap:12px}.contact-item{padding:14px 0;border-bottom:1px solid #eee}.contact-item:last-child{border:0}.contact-item b{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.form{display:grid;gap:13px}.form input,.form textarea,.form select{width:100%;padding:14px 16px;border:1px solid #d9d3ce;border-radius:13px;background:#fff}.form textarea{min-height:140px;resize:vertical}.notice{background:#fff7dc;border:1px solid #ead28a;color:#66551b;padding:14px 16px;border-radius:14px;font-size:.84rem}
.qrbox{background:white;padding:20px;border-radius:24px;display:flex;align-items:center;gap:18px;box-shadow:0 10px 32px rgba(0,0,0,.06)}.qrbox img{width:130px;height:130px}.qrbox h3{font-family:Georgia,serif;margin:.2rem 0}
.footer{background:#0d0d0f;color:#ddd;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}.footer h4{font-family:Georgia,serif;color:white}.footer a{display:block;color:#c9c4c8;margin:7px 0}.footnote{border-top:1px solid #2d2b30;margin-top:32px;padding-top:18px;font-size:.76rem;color:#918c92;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-hero{background:#131216;color:white;padding:95px 0 75px}.page-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:.3rem 0 1rem}.breadcrumbs{font-size:.78rem;color:#bbb}
.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:start}.sticky{position:sticky;top:112px}.product-detail .main-img{border-radius:30px;overflow:hidden;max-height:800px}.product-detail .main-img img{width:100%;height:100%;object-fit:cover}.bullet{padding-left:18px}.bullet li{margin:8px 0}
.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 11px;background:#eee7df;border-radius:999px;font-size:.78rem}
.bag-panel{position:fixed;right:18px;bottom:18px;z-index:90;background:#111;color:white;border-radius:999px;padding:12px 18px;box-shadow:var(--shadow);font-size:.85rem;display:none}.bag-panel.show{display:block}
@media(max-width:980px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.navlinks.open{display:flex}.navlinks a{padding:6px 0}.menu-btn{display:block}.stats-grid{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.split,.product-detail{grid-template-columns:1fr}.sticky{position:static}.footer-grid{grid-template-columns:1fr 1fr}.hero-note{display:none}}
@media(max-width:650px){.hero{min-height:700px}.hero h1{font-size:3.5rem}.hero-copy{padding-top:0}.topbar .container{justify-content:center}.topbar .right{display:none}.stats{margin-top:-25px}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:20px}.grid4,.grid3,.grid2{grid-template-columns:1fr}.category{height:390px}.section{padding:60px 0}.footer-grid{grid-template-columns:1fr}.navtools .pill{display:none}.qrbox{align-items:flex-start}.card-img{height:440px}}

/* ===== V2: shiny commerce / multilingual / static CSV additions ===== */
:root{--champagne:#e5c177;--deep:#090a0d;--pearl:#fffaf3}
body{background:
radial-gradient(circle at 12% 5%,rgba(229,193,119,.10),transparent 22rem),
radial-gradient(circle at 90% 14%,rgba(200,70,115,.07),transparent 24rem),var(--paper)}
.topbar a{display:inline}.shine-text{background:linear-gradient(100deg,#111 20%,#b48a49 45%,#f0d89b 52%,#111 67%);background-size:260% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandShine 8s linear infinite}.shine-text small{color:var(--gold);-webkit-text-fill-color:var(--gold)}
@keyframes brandShine{0%{background-position:220% center}100%{background-position:-120% center}}
.shiny-hero,.order-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#0b0b0e,#17131a 55%,#241b19)}
.shiny-hero:after,.order-hero:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,rgba(255,235,187,.13) 49%,transparent 56%);animation:heroGlint 8s ease-in-out infinite;pointer-events:none}
@keyframes heroGlint{0%,30%{transform:translateX(-30%)}70%,100%{transform:translateX(34%)}}
.lang-select{border:1px solid #ded5ca;border-radius:999px;background:#fff;padding:8px 11px;max-width:112px;font-size:.78rem;color:#222}.order-pill{background:linear-gradient(135deg,#111,#2a2014);color:#fff!important;border-color:#caa15c!important}.order-pill [data-bag-count]{display:inline-flex;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:var(--gold);font-size:.7rem;margin-left:4px}
.shimmer-card{position:relative;overflow:hidden}.shimmer-card:after{content:"";position:absolute;top:-80%;left:-80%;width:45%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:rotate(18deg);animation:cardSweep 7s ease-in-out infinite;pointer-events:none}@keyframes cardSweep{0%,55%{left:-70%}85%,100%{left:135%}}
.shine-btn{position:relative;overflow:hidden;box-shadow:0 9px 25px rgba(180,138,73,.22)}
.request-card{appearance:none;text-align:left;border:1px solid #e6ddd3;border-radius:24px;padding:28px 24px;background:linear-gradient(145deg,#fff,#f7efe6);min-height:190px;cursor:pointer;box-shadow:0 15px 35px rgba(21,17,20,.07);transition:.25s transform,.25s box-shadow}.request-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(21,17,20,.13)}.request-card span{display:block;color:var(--gold);font-family:Georgia,serif;font-size:2.2rem}.request-card b{display:block;font-family:Georgia,serif;font-size:1.45rem;margin:6px 0}.request-card small{color:#6f6b6e}.center-actions,.center{text-align:center}.center-actions{margin-top:28px}.payment-preview{background:linear-gradient(120deg,#f8f1e8,#fff,#f4e8ec)}.payment-badges{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-badges div{padding:30px 20px;border-radius:20px;background:#111;color:#fff;font-family:Georgia,serif;font-size:1.25rem;text-align:center;border:1px solid #b48a49;box-shadow:0 14px 30px rgba(0,0,0,.1)}
.digital-card-preview{border-radius:22px;margin-top:24px;box-shadow:var(--shadow);width:100%}.ghost-dark{background:#fff;color:#111;border:1px solid #bbb}.form label{display:grid;gap:7px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#5e585d}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-divider{display:flex;align-items:center;gap:12px;margin:12px 0 2px;font-family:Georgia,serif;font-weight:700;font-size:1.15rem}.form-divider:after{content:"";height:1px;background:#e3d5c5;flex:1}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.static-note{background:#f2efe9;border-radius:12px;padding:12px 14px}.order-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr);gap:34px;align-items:start}.order-summary{background:#111;color:#fff;padding:28px;border-radius:26px;position:sticky;top:112px;box-shadow:0 22px 55px rgba(0,0,0,.2)}.order-summary h2{font-family:Georgia,serif}.order-summary .btn.primary{background:#fff;color:#111}.bag-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #302c31}.bag-item button{border:0;background:#2f2a30;color:#fff;border-radius:999px;width:26px;height:26px;cursor:pointer}.empty-bag{color:#aaa;padding:16px 0}.mini-note{font-size:.75rem;color:#aaa;margin-top:22px}.payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pay-card{background:#fff;border:1px solid #e4dbd1;border-radius:18px;padding:12px;text-align:center;cursor:pointer;display:block!important;color:#222!important}.pay-card:has(input:checked){outline:2px solid var(--gold);box-shadow:0 9px 28px rgba(180,138,73,.18)}.pay-card input{width:auto!important;margin:0 auto 8px}.pay-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:12px}.pay-card b{display:block;margin-top:8px}.payment-notice{margin-top:4px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#111;color:#fff;padding:12px 20px;border-radius:999px;z-index:200;box-shadow:0 14px 40px rgba(0,0,0,.24);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 34px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e6e0d8;border-radius:18px}.data-table{border-collapse:collapse;width:100%;font-size:.78rem}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.data-table th{background:#f6f0e8;position:sticky;top:0}.data-table td.long{white-space:normal;min-width:230px}.order-cta{background:linear-gradient(135deg,#fff7e9,#f4ebef)}
@media(max-width:980px){.order-layout{grid-template-columns:1fr}.order-summary{position:static}.payment-grid{grid-template-columns:1fr 1fr}.lang-select{max-width:95px}.navtools{gap:5px}.navtools .order-pill{display:inline-flex!important}}
@media(max-width:650px){.form-grid.two{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr 1fr}.payment-badges{grid-template-columns:1fr 1fr}.navtools{margin-left:auto}.lang-select{max-width:82px;padding:7px 6px}.navtools .order-pill{padding:7px 9px;font-size:.72rem}.topbar .container>div:first-child{display:none}.topbar .right{display:flex!important;gap:4px;flex-wrap:wrap;justify-content:center}.topbar .right span,.topbar .right a:nth-of-type(2),.topbar .right a:nth-of-type(3){display:none}.digital-card-preview{border-radius:14px}}


/* ===== V3: Joanna Jia sparkling couture entry + non-italic typography ===== */
html,body{font-style:normal}
body *,body *::before,body *::after{font-style:normal!important}
.couture-splash{position:fixed;inset:0;z-index:9999;background:#09080b;color:#fff;display:grid;place-items:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .8s ease,visibility .8s ease}
.couture-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
.splash-photo{position:absolute;inset:-2%;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.34)),url('../img/born-pink-runway.webp') center 22%/cover no-repeat;filter:saturate(.88) contrast(1.05);animation:splashZoom 13s ease-in-out infinite alternate}
.splash-veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,236,188,.18),transparent 25%),linear-gradient(90deg,rgba(7,6,9,.68),rgba(7,6,9,.14) 48%,rgba(7,6,9,.68));box-shadow:inset 0 0 160px rgba(0,0,0,.55)}
.splash-center{position:relative;z-index:3;text-align:center;width:min(92vw,900px);padding:40px 20px;text-shadow:0 4px 28px rgba(0,0,0,.55)}
.splash-kicker{font-size:.72rem;letter-spacing:.32em;font-weight:700;color:#f3ddb1;margin-bottom:18px}
.splash-center h1{font-family:Georgia,serif;font-size:clamp(3.6rem,10vw,8.8rem);line-height:.82;letter-spacing:.03em;margin:0;color:#fff;text-shadow:0 0 24px rgba(255,232,175,.22),0 6px 34px rgba(0,0,0,.65)}
.splash-subtitle{font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2.3rem);letter-spacing:.58em;margin:17px 0 12px;padding-left:.58em;color:#f1d795}
.splash-center p{letter-spacing:.16em;text-transform:uppercase;font-size:.83rem;color:#f4eee7;margin:10px 0 28px}
.splash-enter{position:relative;overflow:hidden;appearance:none;border:1px solid rgba(246,217,151,.9);background:linear-gradient(135deg,rgba(5,5,7,.88),rgba(53,40,24,.86));color:#fff;padding:16px 30px;border-radius:999px;font-weight:800;letter-spacing:.15em;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 12px 40px rgba(0,0,0,.28),0 0 26px rgba(229,193,119,.2);transition:transform .25s,box-shadow .25s}
.splash-enter:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 45px rgba(0,0,0,.35),0 0 38px rgba(229,193,119,.34)}
.splash-enter:after{content:"";position:absolute;top:-80%;left:-35%;width:24%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(18deg);animation:entrySweep 2.8s ease-in-out infinite}
.splash-star{width:86px;height:86px;margin:0 auto 16px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 18px rgba(255,223,142,.8))}
.splash-star:before,.splash-star:after{content:"";position:absolute;inset:6px;border:1px solid rgba(246,216,144,.5);transform:rotate(45deg);animation:starRing 4s linear infinite}
.splash-star:after{inset:18px;animation-direction:reverse;animation-duration:3s}
.splash-star span{font-size:4.8rem;line-height:1;color:#ffe9a8;text-shadow:0 0 6px #fff,0 0 18px #f4ca6d,0 0 44px rgba(255,210,96,.9);animation:starPulse 1.7s ease-in-out infinite}
.sparkle-field{position:absolute;inset:0;z-index:2;pointer-events:none}.spark{position:absolute;color:#fff5cf;text-shadow:0 0 12px #ffd675;font-size:clamp(1rem,2vw,2rem);animation:sparkBlink 2.4s ease-in-out infinite}.s1{left:12%;top:18%;animation-delay:.1s}.s2{left:26%;top:72%;animation-delay:.8s}.s3{left:77%;top:16%;animation-delay:1.3s}.s4{left:88%;top:66%;animation-delay:.4s}.s5{left:63%;top:79%;animation-delay:1.7s}.s6{left:7%;top:58%;animation-delay:1.1s}.s7{left:71%;top:42%;animation-delay:2s}.s8{left:35%;top:25%;animation-delay:.6s}
.splash-languages{margin-top:24px;font-size:.64rem;letter-spacing:.2em;color:#d9cfbf}.splash-demo-note{position:absolute;z-index:4;right:20px;bottom:18px;font-size:.58rem;letter-spacing:.2em;color:rgba(255,255,255,.62)}
@keyframes starPulse{0%,100%{transform:scale(.82) rotate(0);opacity:.72}50%{transform:scale(1.08) rotate(10deg);opacity:1}}
@keyframes starRing{to{transform:rotate(405deg)}}
@keyframes sparkBlink{0%,100%{opacity:.18;transform:scale(.45) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(80deg)}}
@keyframes splashZoom{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@keyframes entrySweep{0%,38%{left:-35%}70%,100%{left:130%}}
body.splash-lock{overflow:hidden}
@media(max-width:650px){.splash-kicker{letter-spacing:.18em}.splash-center h1{font-size:3.55rem}.splash-subtitle{letter-spacing:.38em;padding-left:.38em}.splash-enter{padding:15px 20px;font-size:.72rem}.splash-star{width:70px;height:70px}.splash-star span{font-size:4rem}}
