:root{--bg: #0a0a0b;--bg-soft: #121214;--panel: #161618;--line: rgba(255, 255, 255, .08);--text: #f4f1ee;--muted: #9a948f;--gold: #c9a86a;--gold-soft: #e3cfa4;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:400}.section-title{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.5vw,52px);line-height:1.05;letter-spacing:.01em}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px 40px;transition:background .4s ease,padding .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.nav.scrolled{background:#0a0a0bc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 40px;border-bottom:1px solid var(--line)}.nav__logo{font-family:var(--serif);font-size:26px;letter-spacing:.04em;font-weight:600}.nav__logo span{color:var(--gold)}.nav__links{display:flex;gap:38px}.nav__links a{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .25s;position:relative;padding-bottom:3px}.nav__links a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .3s ease}.nav__links a:hover{color:var(--text)}.nav__links a:hover:after{width:100%}.nav__cart{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;letter-spacing:.08em;transition:border-color .25s,background .25s}.nav__cart:hover{border-color:var(--gold);background:#c9a86a14}.nav__cart b{color:var(--gold);font-weight:500}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding:120px 64px 60px;position:relative;background:radial-gradient(ellipse 60% 50% at 75% 40%,rgba(201,168,106,.1),transparent 70%),var(--bg)}.hero__copy{max-width:540px}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:.01em;margin:22px 0 24px}.hero h1 em{font-style:italic;color:var(--gold-soft)}.hero p{color:var(--muted);font-size:17px;max-width:420px;margin-bottom:38px}.hero__actions{display:flex;gap:18px;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s}.btn--gold{background:var(--gold);color:#1a1409;font-weight:500}.btn--gold:hover{transform:translateY(-2px);background:var(--gold-soft)}.btn--ghost{border:1px solid var(--line);color:var(--text)}.btn--ghost:hover{border-color:var(--gold);color:var(--gold-soft)}.hero__stage{position:relative;height:78vh;display:flex;align-items:center;justify-content:center}.hero__pedestal{position:absolute;bottom:6%;left:50%;transform:translate(-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,106,.16),transparent 65%);filter:blur(6px)}.hero__img{position:relative;max-height:72vh;width:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6));animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero__tag{position:absolute;right:-4px;top:14%;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--muted);border-left:1px solid var(--gold);padding-left:14px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:18px 0;background:var(--bg-soft)}.strip__track{display:inline-flex;gap:64px;animation:scroll 28s linear infinite}.strip span{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--muted);display:inline-flex;align-items:center;gap:64px}.strip span:after{content:"✦";color:var(--gold);font-style:normal;font-size:12px}@keyframes scroll{to{transform:translate(-50%)}}.section{padding:110px 0}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}.section__head p{color:var(--muted);max-width:360px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .4s ease,border-color .4s ease}.card:hover{transform:translateY(-6px);border-color:#c9a86a66}.card__media{position:relative;aspect-ratio:4 / 5;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease,transform .8s ease}.card__media .real{opacity:0;transform:scale(1.06)}.card:hover .card__media .studio{opacity:0}.card:hover .card__media .real{opacity:1;transform:scale(1)}.card__badge{position:absolute;top:16px;left:16px;z-index:3;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:#c9a86aeb;color:#1a1409;font-weight:500;padding:6px 12px;border-radius:999px}.card__hint{position:absolute;bottom:16px;right:16px;z-index:3;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:7px;opacity:1;transition:opacity .3s}.card:hover .card__hint{opacity:0}.card__body{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 26px;gap:16px}.card__body h3{font-family:var(--serif);font-size:26px;font-weight:500}.card__body .tag{color:var(--muted);font-size:13px;letter-spacing:.04em}.card__price{font-family:var(--serif);font-size:24px;color:var(--gold-soft);white-space:nowrap}.card__add{margin:0 24px 24px;width:calc(100% - 48px);border:1px solid var(--line);border-radius:999px;padding:13px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:all .25s}.card__add:hover{border-color:var(--gold);color:var(--gold-soft);background:#c9a86a0f}.diy{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.diy__layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.preview{position:sticky;top:96px;background:radial-gradient(ellipse 70% 60% at 50% 38%,rgba(201,168,106,.12),transparent 70%),#0d0d0e;border:1px solid var(--line);border-radius:6px;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview__vase{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:58%;z-index:2;filter:drop-shadow(0 -6px 16px rgba(0,0,0,.5))}.preview__empty{color:var(--muted);font-family:var(--serif);font-style:italic;font-size:22px;text-align:center;padding:0 30px}.bouquet{position:absolute;top:0;right:0;bottom:0;left:0}.stem{position:absolute;bottom:20%;left:50%;width:230px;height:230px;transform-origin:bottom center;animation:grow .5s cubic-bezier(.2,.8,.2,1)}.stem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}@keyframes grow{0%{transform:translate(-50%) scale(.4);opacity:0}}.diy__panel h2{margin-bottom:10px}.diy__panel>p{color:var(--muted);margin-bottom:28px;max-width:440px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.bloom{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:border-color .25s,transform .25s;text-align:left}.bloom:hover{transform:translateY(-3px);border-color:#c9a86a80}.bloom.active{border-color:var(--gold)}.bloom__img{aspect-ratio:1/1;background:#fff}.bloom__img img{width:100%;height:100%;object-fit:cover}.bloom__meta{display:flex;align-items:center;justify-content:space-between;padding:9px 11px}.bloom__meta .n{font-size:12px;letter-spacing:.03em}.bloom__meta .p{font-size:12px;color:var(--gold-soft)}.bloom__count{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1a1409;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center}.bloom__dot{width:9px;height:9px;border-radius:50%}.summary{border:1px solid var(--line);border-radius:6px;padding:22px 24px;background:var(--panel)}.summary__row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:14px}.summary__row .label{color:var(--muted);display:flex;align-items:center;gap:9px}.summary__row .x{color:var(--muted);cursor:pointer;font-size:16px;line-height:1}.summary__row .x:hover{color:var(--text)}.summary__empty{color:var(--muted);font-size:14px;padding:8px 0}.summary__total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.summary__total .t{font-family:var(--serif);font-size:28px;color:var(--gold-soft)}.summary__total span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.diy__cta{margin-top:18px;width:100%;justify-content:center}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.story__item{border:1px solid var(--line);border-radius:4px;padding:36px 30px;transition:border-color .3s}.story__item:hover{border-color:#c9a86a59}.story__item .ic{font-size:26px;margin-bottom:16px}.story__item h4{font-family:var(--serif);font-size:23px;font-weight:500;margin-bottom:8px}.story__item p{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--line);padding:64px 0 40px;background:var(--bg-soft)}.footer__top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:48px}.footer__brand{max-width:300px}.footer__brand .nav__logo{font-size:30px;margin-bottom:14px}.footer__brand p{color:var(--muted);font-size:14px}.footer__cols{display:flex;gap:64px;flex-wrap:wrap}.footer__col h5{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.footer__col a{display:block;color:var(--muted);font-size:14px;padding:5px 0;transition:color .2s}.footer__col a:hover{color:var(--text)}.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:12px;letter-spacing:.04em}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(120%);background:var(--gold);color:#1a1409;padding:14px 26px;border-radius:999px;font-size:13px;letter-spacing:.08em;z-index:200;font-weight:500;transition:transform .4s cubic-bezier(.2,.9,.3,1);box-shadow:0 14px 30px #0006}.toast.show{transform:translate(-50%) translateY(0)}.topbar{background:#000;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:9px 16px}.topbar b{color:var(--gold-soft);font-weight:500}.topbar span{margin:0 14px}.header-sticky{position:sticky;top:0;z-index:120;background:#0a0a0beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 40px 14px}.header-search{display:inline-flex;align-items:center;gap:9px;justify-self:start;border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--muted);font-size:13px;letter-spacing:.06em;cursor:pointer;transition:border-color .25s,color .25s;max-width:200px}.header-search:hover{border-color:var(--gold);color:var(--text)}.brand{justify-self:center;text-align:center;font-family:var(--serif);font-size:34px;letter-spacing:.06em;font-weight:600;line-height:1}.brand span{color:var(--gold)}.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-weight:300}.header-actions{justify-self:end;display:flex;align-items:center;gap:22px}.icon-btn{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:color .25s}.icon-btn:hover{color:var(--gold-soft)}.icon-btn .count{background:var(--gold);color:#1a1409;font-weight:600;font-size:11px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.catnav{display:flex;justify-content:center;gap:40px;padding:4px 16px 16px}.catnav a{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);position:relative;padding-bottom:4px;transition:color .25s}.catnav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--gold);transition:width .3s,left .3s}.catnav a:hover{color:var(--text)}.catnav a:hover:after{width:100%;left:0}.banner{position:relative;height:76vh;min-height:480px;max-height:760px;display:flex;align-items:center;overflow:hidden}.banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080809db,#0808098c 38%,#0808091f 70%,#08080959)}.banner__sound{position:absolute;right:28px;bottom:28px;z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#08080973;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .25s}.banner__sound:hover{background:var(--gold);color:#1a1409;border-color:var(--gold);transform:scale(1.06)}.banner__inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 56px;width:100%}.banner__box{max-width:540px}.banner__inner .eyebrow{color:var(--gold-soft)}.banner__inner h1{font-family:var(--serif);font-weight:500;line-height:.98;font-size:clamp(44px,6.4vw,82px);margin:20px 0 22px;letter-spacing:.01em}.banner__inner h1 em{font-style:italic;color:var(--gold-soft)}.banner__inner p{color:#d8d2cc;font-size:17px;max-width:430px;margin-bottom:34px}.banner__actions{display:flex;gap:16px;flex-wrap:wrap}.tiles{padding:64px 0 24px}.tiles__head{text-align:center;margin-bottom:40px}.tiles__head .eyebrow{display:block;margin-bottom:10px}.tiles__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tile{position:relative;aspect-ratio:3/4;border-radius:4px;overflow:hidden;border:1px solid var(--line);display:block}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000c7,#0000000d 55%)}.tile:hover img{transform:scale(1.07)}.tile__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 20px;text-align:center}.tile__cap h4{font-family:var(--serif);font-size:22px;font-weight:500}.tile__cap span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.stems-row{margin-top:96px}.stems-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.stem-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .35s,border-color .35s;text-align:left}.stem-card:hover{transform:translateY(-5px);border-color:#c9a86a66}.stem-card__img{aspect-ratio:1/1;background:#fff;overflow:hidden}.stem-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.stem-card:hover .stem-card__img img{transform:scale(1.08)}.stem-card__body{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.stem-card__body .n{font-family:var(--serif);font-size:18px}.stem-card__body .p{color:var(--gold-soft);font-size:14px}.stem-card__add{width:100%;padding:11px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .25s,background .25s}.stem-card__add:hover{color:var(--gold-soft);background:#c9a86a0f}.nav__burger{display:none;flex-direction:column;gap:5px;padding:8px}.nav__burger span{width:22px;height:1.5px;background:var(--text);transition:.3s}.nav__burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__burger.open span:nth-child(2){opacity:0}.nav__burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__right{display:flex;align-items:center;gap:18px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0a0a0bf7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:0;pointer-events:none;transition:opacity .35s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{font-family:var(--serif);font-size:30px;color:var(--text)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:150;opacity:0;pointer-events:none;transition:opacity .35s}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;z-index:160;background:var(--bg-soft);border-left:1px solid var(--line);transform:translate(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.drawer.open{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--line)}.drawer__head h3{font-family:var(--serif);font-size:26px;font-weight:500}.drawer__close{font-size:22px;color:var(--muted);transition:color .2s}.drawer__close:hover{color:var(--text)}.drawer__items{flex:1;overflow-y:auto;padding:12px 26px}.drawer__empty{color:var(--muted);text-align:center;padding:60px 20px;font-family:var(--serif);font-style:italic;font-size:20px}.citem{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.citem__img{width:64px;height:64px;border-radius:4px;overflow:hidden;background:#fff;flex-shrink:0}.citem__img img{width:100%;height:100%;object-fit:cover}.citem__info{flex:1;min-width:0}.citem__info h4{font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:2px}.citem__info .meta{color:var(--muted);font-size:12px;line-height:1.4}.citem__qty{display:flex;align-items:center;gap:10px;margin-top:8px}.citem__qty button{width:22px;height:22px;border:1px solid var(--line);border-radius:4px;color:var(--muted);transition:.2s}.citem__qty button:hover{border-color:var(--gold);color:var(--gold-soft)}.citem__qty span{font-size:13px;min-width:16px;text-align:center}.citem__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.citem__right .price{font-family:var(--serif);font-size:18px;color:var(--gold-soft)}.citem__right .rm{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:.2s}.citem__right .rm:hover{color:var(--text)}.drawer__foot{padding:22px 26px;border-top:1px solid var(--line)}.drawer__sub{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer__sub .l{color:var(--muted);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.drawer__sub .v{font-family:var(--serif);font-size:28px;color:var(--gold-soft)}.drawer__foot .btn{width:100%;justify-content:center}.drawer__note{text-align:center;color:var(--muted);font-size:11px;margin-top:12px;letter-spacing:.04em}@media(max-width:920px){.hero{grid-template-columns:1fr;padding:110px 28px 40px;text-align:center}.hero__copy{margin:0 auto}.hero p{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__stage{height:56vh}.hero__tag{display:none}.diy__layout{grid-template-columns:1fr;gap:32px}.preview{position:relative;top:0}.nav__links{display:none}.nav__burger{display:flex}.stems-grid{grid-template-columns:repeat(3,1fr)}.header-main{grid-template-columns:auto 1fr auto;padding:14px 20px 12px;gap:14px}.header-search{display:none}.brand{font-size:26px}.header-actions{gap:16px}.catnav{display:none}.banner__inner{padding:0 28px}.tiles__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{padding:0 20px}.grid,.story{grid-template-columns:1fr}.section__head{flex-direction:column;align-items:flex-start}.palette{grid-template-columns:repeat(2,1fr)}.nav,.nav.scrolled{padding:14px 20px}.stems-grid{grid-template-columns:repeat(2,1fr)}.stems-row{margin-top:64px}.icon-btn .label{display:none}.banner{height:70vh;min-height:420px}.tiles__grid{grid-template-columns:repeat(2,1fr);gap:12px}}
