:root{--n-50:#F8F7F4;--n-100:#EFEEE9;--n-200:#E5E3DD;--n-300:#D5D2CB;--n-400:#B7B3AA;--n-500:#908C83;--n-600:#6F6C65;--n-700:#514E48;--n-800:#34322E;--n-900:#1A1916;--n-950:#0F0E0C;--bg-deep:#EAE8E1;--paper:#F6F5F2;--surface:#FFF;--accent:#C0461C;--accent-text:#B5421A;--radius:5px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--n-900);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:not-allowed}button,input,select,textarea{border-radius:var(--radius)}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.masthead{height:84px;border-bottom:1px solid var(--n-300);display:flex;align-items:center;justify-content:space-between}.maker{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.8px}.maker span{font-size:13px;letter-spacing:0;font-weight:400;color:var(--n-600);margin-left:8px}.demo-note{font-size:12px;color:var(--n-700);display:flex;align-items:center;gap:8px}.demo-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 0 44px;gap:32px}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;color:var(--n-700);margin:0 0 20px}h1{font:normal clamp(38px,4.3vw,64px)/1.03 Georgia,serif;letter-spacing:-2.4px;margin:0}h1 em{font-weight:400;color:var(--n-600)}.intro-note{max-width:280px;padding:0 18px 6px 0}.tiny-flower{font-size:28px;color:var(--accent);line-height:1}.intro-note p{font-size:14px;line-height:1.6;color:var(--n-700);margin:14px 0 20px}.intro-note a{font-size:13px;text-decoration:none;border-bottom:1px solid var(--n-300);padding-bottom:6px}.intro-note a span{margin-left:16px}.collection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 18px;border-top:1px solid var(--n-300)}h2{font:normal 28px/1.1 Georgia,serif;letter-spacing:-.7px;margin:0}.collection-header>span{font-size:12px;color:var(--n-600)}.filters{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}fieldset{border:0;padding:0;margin:0;min-width:0}legend,.budget-label{font-size:11px;color:var(--n-700)}legend{margin-bottom:10px;padding:0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{min-height:40px;border:1px solid transparent;background:transparent;padding:8px 15px;font-size:13px;transition:background .15s,color .15s}.chips button:hover{background:var(--n-100)}.chips button[aria-pressed=true]{background:var(--n-900);color:white}.budget-label{display:flex;flex-direction:column;gap:10px;min-width:205px}select{appearance:auto;background:transparent;border:1px solid var(--n-300);min-height:40px;padding:9px 12px;color:var(--n-900);font-size:13px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-button{width:100%;text-align:left;background:none;border:0;padding:0;border-radius:0}.photo{background-image:url('assets/bouquets.png');background-size:200% 200%;aspect-ratio:1;background-color:var(--n-200);border-radius:3px}.product .photo{transition:filter .2s}.product-button:hover .photo{filter:brightness(1.035)}.product-info{position:relative;padding:18px 28px 4px 0}.product-info h3{font:normal 22px/1.15 Georgia,serif;margin:0 0 9px;letter-spacing:-.4px}.product-info p{font-size:13px;margin:0;font-variant-numeric:tabular-nums;color:var(--n-700)}.product-arrow{position:absolute;right:0;top:17px;font-size:21px;color:var(--n-600);transition:transform .15s}.product-button:hover .product-arrow{transform:translate(2px,-2px);color:var(--accent)}.collection-foot{display:flex;justify-content:space-between;gap:20px;padding:20px 0 24px;border-bottom:1px solid var(--n-300);font-size:11px;color:var(--n-600)}.collection-foot p{margin:0;line-height:1.5}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:28px 0 36px}.how>div{display:flex;gap:16px}.how span{font:italic 23px Georgia,serif;color:var(--n-600);padding-top:2px}.how p{margin:0;font-size:12px;line-height:1.7;color:var(--n-600)}.how strong{font-weight:400;color:var(--n-900)}footer{border-top:1px solid var(--n-300);padding:22px 0 32px;display:flex;justify-content:space-between;gap:24px;align-items:center}footer>span{font:21px Georgia,serif}footer i{font:11px Arial,sans-serif;color:var(--n-600);margin-left:10px}footer p{font-size:10px;color:var(--n-600);line-height:1.6;margin:0;text-align:right}.empty{padding:38px 0}.empty h3{font:26px Georgia,serif;margin:0 0 12px}.empty p{color:var(--n-600);font-size:14px}.empty button{background:var(--n-900);color:white;border:0;padding:12px 18px;min-height:44px}.skip{position:fixed;left:16px;top:-60px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}
dialog{padding:0;border:0;border-radius:5px;background:var(--paper);color:var(--n-900);width:min(920px,calc(100% - 48px));max-height:calc(100dvh - 48px);box-shadow:0 24px 100px #1a191650}dialog::backdrop{background:#1a191680;backdrop-filter:blur(3px)}.dialog-open{overflow:hidden}.close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:1px solid var(--n-300);background:var(--paper);z-index:2;font-size:17px}.detail-layout{display:grid;grid-template-columns:42% 58%}.detail-photo{position:sticky;top:0;margin:24px 0 24px 24px;align-self:start}.detail-body{padding:40px 32px 32px}.detail-body .eyebrow{margin:0 0 14px;font-size:10px}.detail-body h2{font-size:34px;padding-right:16px}.detail-body>p:not(.eyebrow):not(.detail-price){line-height:1.6}.detail-body #detail-description{font-size:13px;color:var(--n-700);margin:16px 0}.detail-price{font-size:20px;font-variant-numeric:tabular-nums;margin:16px 0 5px}.small{font-size:11px;line-height:1.6}.muted{color:var(--n-600)}.detail-body>.small{margin:0}.availability{font-size:12px;border-top:1px solid var(--n-300);padding-top:16px;margin:20px 0;color:var(--n-700)}form>label,.form-row>label,#message-panel>label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row input{min-width:0;width:100%}input,textarea{padding:10px;border:1px solid var(--n-300);background:var(--surface);color:var(--n-900);min-height:42px;line-height:1.5}textarea{resize:vertical;width:100%;font-size:13px}form select{background:var(--surface);width:100%}.fulfilment{margin:0 0 20px}.fulfilment legend{font-size:12px;color:var(--n-900)}.fulfilment label{display:inline-flex;align-items:center;gap:5px;min-height:32px;font-size:12px;margin-right:14px}.fulfilment input{min-height:auto;accent-color:var(--accent)}.optional{font-size:10px;color:var(--n-600);font-weight:normal}.primary{width:100%;background:var(--accent);color:white;min-height:48px;border:0;padding:12px 16px;font-size:13px;display:flex;justify-content:center;align-items:center;gap:22px}.primary:hover{background:#a93b17}.demo-explanation{text-align:center;margin:9px 0 0}#message-panel h3{font:26px Georgia,serif;margin:0 0 12px}#message-panel h3:focus{outline:0}#message-panel textarea{margin-bottom:14px}#message-panel>label{margin-bottom:8px}.text-button{display:block;margin:10px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:40px}#copy-status{margin:8px 0 0;color:var(--n-700)}
@media(max-width:960px){.wrap{width:calc(100% - 48px)}.intro{padding:36px 0}.intro-note{max-width:230px}.products{gap:14px}.product-info h3{font-size:19px}.how{gap:20px}footer i{display:block;margin:6px 0 0}.detail-layout{grid-template-columns:38% 62%}.detail-body{padding:32px 24px}.detail-photo{margin:24px 0 24px 20px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.masthead{height:64px}.maker{font-size:18px;gap:5px}.maker span{display:none}.maker img{width:26px;height:26px}.demo-note{font-size:10px;gap:6px}.intro{padding:30px 0 26px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:15px}h1{font-size:39px;letter-spacing:-1.6px}.intro-note{display:none}.collection-header{padding:19px 0 18px}h2{font-size:25px}.collection-header>span{font-size:10px;white-space:nowrap}.filters{display:block;margin-bottom:18px}.chips{gap:2px;flex-wrap:nowrap}.chips button{padding:8px 11px;min-height:44px;font-size:12px}.occasion legend{font-size:10px;margin-bottom:6px}.budget-label{flex-direction:row;align-items:center;justify-content:space-between;margin-top:14px;font-size:11px}.budget-label select{font-size:12px;min-height:44px;width:180px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.product-info{padding:12px 20px 0 0}.product-info h3{font-size:20px;margin-bottom:7px}.product-info p{font-size:12px}.product-arrow{top:10px;font-size:18px}.collection-foot{display:block;padding:20px 0}.collection-foot p+p{margin-top:5px}.how{grid-template-columns:1fr;gap:18px;padding:24px 0}.how>div{gap:16px}.how p{font-size:12px}.how p br{display:none}.how strong{margin-right:4px}footer{display:block;padding:24px 0}footer p{text-align:left;margin-top:14px}footer i{display:inline;margin-left:4px;font-size:10px}footer>span{font-size:19px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.detail-layout{display:block}.detail-photo{position:static;margin:0;aspect-ratio:1;border-radius:0}.detail-body{padding:24px 20px}.detail-body h2{font-size:32px}.close{position:fixed;position:sticky;float:right;top:10px;margin:10px 10px -50px 0;right:10px}.form-row{gap:10px}.form-row select,.form-row input{font-size:12px}input,textarea,select{font-size:16px}.fulfilment label{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* v2: complete gift studio storefront. */
.announcement{padding:10px 24px;text-align:center;background:var(--n-900);color:var(--paper);font-size:11px;letter-spacing:.2px}.announcement span{margin-left:28px;color:var(--n-300)}.masthead{height:100px}.shopmark{font:37px Georgia,serif;text-decoration:none;letter-spacing:-2px}.shopmark>span{display:block;font:8px Arial,sans-serif;letter-spacing:2.1px;margin-top:5px}.masthead nav{display:flex;gap:30px}.masthead nav a{font-size:12px;text-decoration:none;padding:14px 0;position:relative;color:var(--n-700)}.masthead nav a::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 220ms cubic-bezier(.2,.8,.2,1)}.masthead nav a:hover::after,.masthead nav a[aria-current]::after{transform:scaleX(1)}.maker span{font-size:10px;margin:0;letter-spacing:0}.shop-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;padding:48px 0 40px;align-items:center}.hero-copy h1{font-size:clamp(60px,6.4vw,92px);letter-spacing:-4px;line-height:.96}.hero-copy h1 em{color:var(--accent-text)}.hero-copy>p:not(.eyebrow){font-size:15px;color:var(--n-700);line-height:1.85;margin:28px 0}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.4px}.hero-cta{display:inline-flex;gap:36px;background:var(--n-900);color:white;padding:17px 24px;text-decoration:none;font-size:12px;border-radius:3px;min-height:48px;transition:transform 180ms cubic-bezier(.2,.8,.2,1)}.hero-cta:hover{transform:translateY(-2px)}.hero-footnote{display:block;font-size:11px;color:var(--n-600);margin-top:22px}.hero-art{position:relative;padding:0 0 35px}.hero-bouquet{background-position:100% 0%;border-radius:45% 45% 3px 3px}.hero-card{position:absolute;bottom:4px;left:-20px;background:#fffdf6;width:210px;padding:23px 25px;box-shadow:0 14px 35px #31291c22;transform:rotate(-7deg);border:1px solid #e4ded1}.hero-card>span{font:italic 17px Georgia,serif;color:var(--accent-text)}.hero-card p{font:21px/1.35 Georgia,serif;margin:13px 0}.hero-card i{font:11px Georgia,serif;color:var(--n-600)}.round-note{position:absolute;right:-13px;top:21px;width:106px;height:106px;border-radius:50%;background:var(--paper);border:1px solid var(--n-300);display:flex;align-items:center;justify-content:center;flex-direction:column;font:14px/1.4 Georgia,serif;transform:rotate(9deg)}.round-note em{font-size:21px}.promise-strip{display:flex;justify-content:space-around;gap:20px;padding:22px 0;border-block:1px solid var(--n-300);font-size:11px;color:var(--n-700)}.promise-strip span:before{content:'✳';font-size:15px;color:var(--accent);margin-right:14px}.moment-section{padding:64px 0;display:grid;grid-template-columns:1fr 1fr;gap:64px}.moment-section h2{font-size:36px;max-width:300px}.moment-links a{display:flex;align-items:center;text-decoration:none;font:25px Georgia,serif;border-bottom:1px solid var(--n-300);padding:20px 0;gap:25px}.moment-links a:first-child{padding-top:0}.moment-links span{font:11px Arial,sans-serif;color:var(--n-600)}.moment-links i{font-style:normal;margin-left:auto;color:var(--accent)}.home-custom{text-align:center;padding:42px 20px 55px;background:var(--n-100);position:relative;overflow:hidden;margin-bottom:48px}.home-custom h2{font-size:43px}.home-custom>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--n-700)}.home-custom>a{display:inline-block;font-size:12px;text-underline-offset:5px;margin-top:8px}.home-custom>a span{margin-left:16px}.line-flower{position:absolute;left:6%;top:45px;font-size:130px;font-weight:100;color:var(--n-300);transform:rotate(15deg);pointer-events:none}.page-heading{padding:48px 0 32px}.page-heading h1{font-size:52px;letter-spacing:-2px}.page-heading>p:last-child{max-width:490px;font-size:13px;line-height:1.8;color:var(--n-600);margin-top:20px}.custom-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;padding:8px 0 64px;align-items:start}.gift-scene{position:sticky;top:24px;padding-bottom:100px}.gift-scene>.photo{max-width:440px;border-radius:200px 200px 3px 3px}.greeting-card{position:absolute;right:-12px;bottom:6px;width:310px;min-height:205px;padding:28px 30px;background:#fffcf5;border:1px solid #e0d9c9;box-shadow:0 20px 45px #30271919;transform:rotate(-5deg);overflow-wrap:anywhere}.greeting-card>span{font:11px Arial,sans-serif;color:var(--n-700);display:block;padding-right:35px}.greeting-card b{font-weight:400}.greeting-card>p{font:21px/1.45 Georgia,serif;white-space:pre-wrap;margin:16px 0}.greeting-card>i{font:italic 12px Georgia,serif;display:block}.greeting-card>small{display:block;text-align:right;margin-top:12px;font:16px Georgia,serif;color:var(--n-600)}.botanical{width:42px;height:56px;position:absolute;right:15px;top:12px;fill:none;stroke:#8d977d;stroke-width:1.5}.custom-controls{padding-top:6px}.custom-controls>.eyebrow{margin:0 0 20px}.swatches{display:flex;gap:12px;margin-bottom:35px;flex-wrap:wrap}.swatches button{display:flex;align-items:center;gap:7px;font-size:11px;background:none;border:1px solid transparent;padding:9px;min-height:44px}.swatches i{width:19px;height:19px;border-radius:50%;border:1px solid #0002}.swatches button[aria-pressed=true]{border-color:var(--n-900)}.custom-controls input,.custom-controls textarea{background:transparent}.custom-controls label{margin-bottom:20px}.greeting-tools{display:flex;justify-content:space-between;gap:10px;margin:-10px 0 24px;align-items:center}.greeting-tools button{background:none;border:0;font-size:11px;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:0;color:var(--n-700)}.greeting-tools span{font-size:10px;color:var(--n-600)}.custom-estimate{font-size:12px;line-height:1.7;color:var(--n-700)}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:48px 0 64px}.studio-intro h1{font-size:51px}.studio-intro p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--n-700);max-width:450px}.studio-intro .hero-cta{margin-top:15px}.studio-photo{border-radius:3px 45% 3px 3px}.studio-process{padding:32px 0;border-block:1px solid var(--n-300)}.studio-process h2{font-size:36px}.studio-process .how{padding-bottom:5px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:64px 0}.faq h2{font-size:33px}.faq details{border-bottom:1px solid var(--n-300);padding:18px 0}.faq summary{cursor:pointer;font-size:14px;line-height:1.5}.faq details p{font-size:13px;line-height:1.8;color:var(--n-700)}#koleksi>.collection-header{border-top:0;padding-top:44px}#koleksi{padding-bottom:44px}.page h1:focus,.page h2:focus{outline:none}.product-button{overflow:hidden}.product .photo{transition:transform 380ms cubic-bezier(.2,.8,.2,1),filter 250ms cubic-bezier(.2,.8,.2,1);transform-origin:center}.product-button:hover .photo{transform:scale(1.025)}.page-enter{animation:page-in 380ms cubic-bezier(.2,.8,.2,1) both}dialog[open]{animation:detail-in 230ms cubic-bezier(.2,.8,.2,1) both}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-in{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}.keyboard-mode *, .keyboard-mode *::after{animation:none!important;transition:none!important}
@media(max-width:960px){.masthead nav{gap:17px}.masthead .maker span{display:none}.shop-hero{gap:30px}.hero-copy h1{font-size:62px}.hero-card{width:180px;padding:18px}.custom-layout{gap:40px}.greeting-card{width:270px}.studio-intro{gap:35px}.studio-intro h1{font-size:40px}}
@media(max-width:620px){.announcement{font-size:9px;padding:9px 8px}.announcement>span{display:none}.masthead{height:auto;padding:19px 0 0;display:grid;grid-template-columns:1fr auto;row-gap:18px}.shopmark{font-size:31px}.shopmark>span{font-size:7px;letter-spacing:1.8px}.masthead nav{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:8px}.masthead nav a{font-size:11px;padding:12px 0 16px}.masthead .maker{grid-column:2;grid-row:1}.masthead .maker img{width:32px;height:32px}.shop-hero{grid-template-columns:1fr;padding:33px 0 26px;gap:28px}.hero-copy h1{font-size:64px;letter-spacing:-3px}.hero-copy>p:not(.eyebrow){font-size:13px;margin:22px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-footnote{display:none}.hero-cta{padding:15px 20px;font-size:12px}.hero-art{margin:0 13px;padding-bottom:30px}.hero-bouquet{aspect-ratio:1}.hero-card{left:-8px;width:158px;padding:16px 19px}.hero-card p{font-size:18px}.round-note{width:83px;height:83px;right:-10px;top:10px;font-size:11px}.round-note em{font-size:17px}.promise-strip{flex-direction:column;gap:14px;padding:22px 6px;font-size:11px}.moment-section{grid-template-columns:1fr;padding:36px 0;gap:24px}.moment-section h2{font-size:32px}.moment-links a{font-size:23px;padding:16px 0}.home-custom{padding:35px 18px;margin-bottom:30px}.home-custom h2{font-size:33px}.home-custom>.eyebrow{font-size:8px}.home-custom>p:not(.eyebrow){font-size:12px}.line-flower{font-size:80px;left:-25px;top:90px}.page-heading{padding:32px 0 20px}.page-heading h1{font-size:36px;letter-spacing:-1.4px}.page-heading>p:last-child{font-size:12px}.custom-layout{display:flex;flex-direction:column;gap:26px;padding-bottom:30px}.gift-scene{position:relative;top:auto;width:100%;padding-bottom:120px}.gift-scene>.photo{max-width:280px}.greeting-card{width:260px;right:4px;bottom:5px;padding:24px;min-height:180px}.greeting-card>p{font-size:19px}.custom-controls{width:100%}.swatches{gap:5px}.swatches button{padding:8px;font-size:11px}.studio-intro{grid-template-columns:1fr;gap:28px;padding:32px 0}.studio-intro h1{font-size:38px}.studio-intro p:not(.eyebrow){font-size:13px}.studio-process h2{font-size:30px}.faq{grid-template-columns:1fr;gap:16px;padding:36px 0}.faq h2{font-size:30px}#koleksi>.collection-header{padding-top:30px}footer>span{font-size:17px}footer i{display:block;margin:7px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}