:root{--hb-black:#0A0A0A;--hb-ink:#141414;--hb-white:#FFFFFF;--hb-paper:#F8F7F4;--hb-paper-2:#EFEDE7;--hb-mute:#7E7B78;--hb-mute-2:#A8A39E;--hb-rule:#E5E3DE;--hb-rule-dark:#1F1F1F;--hb-rainbow:linear-gradient(90deg,#FF6B6B 0%,#FFA951 18%,#FFD93D 36%,#6BCB77 54%,#4D96FF 72%,#C46BE0 90%,#FF6B6B 100%);--hb-serif:"Playfair Display","Hiragino Mincho ProN","Yu Mincho",serif;--hb-display:"Cormorant Garamond","Hiragino Mincho ProN","Yu Mincho",serif;--hb-jp-serif:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;--hb-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;--hb-maxw:1280px;--hb-shadow-md:0 8px 24px rgba(0,0,0,.08);--hb-shadow-lg:0 24px 64px rgba(0,0,0,.12)}body{font-family:var(--hb-sans);color:var(--hb-ink);letter-spacing:.02em;-webkit-font-smoothing:antialiased}.hb a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}.hb-section{padding:140px 32px;position:relative}.hb-section.hb-bg-paper{background:var(--hb-paper);border-top:1px solid var(--hb-rule);border-bottom:1px solid var(--hb-rule)}.hb-section.hb-bg-black{background:var(--hb-black);color:var(--hb-white)}.hb-section .hb-container{max-width:var(--hb-maxw);margin:0 auto}.hb-head{max-width:var(--hb-maxw);margin:0 auto 64px}.hb-head.center{text-align:center}.hb-head .num{font-family:var(--hb-display);font-size:13px;letter-spacing:.4em;color:var(--hb-mute);font-weight:600;margin-bottom:24px;text-transform:uppercase}.hb-head .num:before{content:"";display:inline-block;width:48px;height:1px;background:var(--hb-rainbow);margin-right:16px;vertical-align:middle}.hb-head h2{font-family:var(--hb-serif);font-weight:500;font-size:clamp(40px,5vw,72px);line-height:1.18;color:var(--hb-ink);letter-spacing:-.01em;max-width:880px;padding-bottom:.05em}.hb-head h2 em{font-style:italic;font-weight:700;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;padding:.05em .18em .14em .04em;line-height:1.18;margin-right:-.1em}.hb-section.hb-bg-black .hb-head h2{color:var(--hb-white)}.hb-section.hb-bg-black .hb-head .num{color:var(--hb-mute-2)}.hb-hero{min-height:100vh;background:var(--hb-black);color:var(--hb-white);position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 32px 80px}.hb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.hb-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hb-rainbow)}.hb-hero-grid{position:relative;z-index:2;width:100%;max-width:var(--hb-maxw);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.hb-hero .meta{font-family:var(--hb-display);font-size:14px;letter-spacing:.4em;color:var(--hb-mute-2);font-weight:600;margin-bottom:32px;text-transform:uppercase}.hb-hero .meta:before{content:"";display:inline-block;width:48px;height:1px;background:var(--hb-rainbow);margin-right:16px;vertical-align:middle}.hb-hero h1{font-family:var(--hb-serif);font-weight:500;font-size:clamp(56px,8vw,128px);line-height:.95;letter-spacing:-.01em;margin-bottom:36px;color:var(--hb-white)}.hb-hero h1 .small{display:block;font-family:var(--hb-jp-serif);font-size:.26em;font-weight:400;letter-spacing:.04em;margin-top:18px;color:#ffffffd9;line-height:1.55}.hb-hero h1 .word{display:inline-block;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;padding:0 .05em;line-height:.95;vertical-align:baseline;transform:translateY(11px)}.hb-hero p{color:#ffffffb8;font-size:14.5px;line-height:2;max-width:380px;margin-bottom:36px}.hb-hero .hb-ctas{display:flex;gap:16px;flex-wrap:wrap}.hb-hero .right{display:flex;flex-direction:column;align-items:flex-end;gap:24px}.hb-hero .frame{width:100%;aspect-ratio:3/4;position:relative;display:flex;align-items:center;justify-content:center}.hb-hero .frame:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(circle at 38% 42%,#ff6b6b8c,#ff6b6b00 38%),radial-gradient(circle at 62% 38%,#ffd93d73,#ffd93d00 36%),radial-gradient(circle at 30% 60%,#6bcb7766,#6bcb7700 40%),radial-gradient(circle at 70% 65%,#4d96ff73,#4d96ff00 38%),radial-gradient(circle at 50% 50%,#c46be066,#c46be000 50%);filter:blur(48px);pointer-events:none;mix-blend-mode:screen}.hb-hero .frame .cover-logo{position:relative;z-index:2;width:88%;height:auto;filter:drop-shadow(0 20px 48px rgba(0,0,0,.6))}.hb-btn{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;transition:all .25s ease;font-family:var(--hb-sans);border:none;text-decoration:none;cursor:pointer}.hb-btn-rainbow{background:var(--hb-rainbow);color:#fff!important;background-size:200% 100%}.hb-btn-rainbow:hover{background-position:100% 0;transform:translateY(-2px)}.hb-btn-line{background:transparent;color:var(--hb-ink)!important;border:1px solid var(--hb-ink)}.hb-btn-line:hover{background:var(--hb-ink);color:var(--hb-white)!important}.hb-btn-line-light{background:transparent;color:var(--hb-white)!important;border:1px solid var(--hb-white)}.hb-btn-line-light:hover,.hb-btn-fill-light{background:var(--hb-white);color:var(--hb-ink)!important}.hb-btn-fill-light:hover{transform:translateY(-2px)}.hb-brand-list{max-width:var(--hb-maxw);margin:0 auto;border-top:1px solid var(--hb-ink)}.hb-brand-row{display:grid;grid-template-columns:80px 1.2fr 2fr 220px 80px;gap:32px;align-items:center;padding:36px 0;border-bottom:1px solid var(--hb-ink);transition:background .25s ease,padding .25s ease;position:relative;text-decoration:none}.hb-brand-row:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:transparent;transition:background .35s ease}.hb-brand-row:hover{background:var(--hb-white);padding-left:20px}.hb-brand-row.b1:hover:before{background:#ff6b6b}.hb-brand-row.b2:hover:before{background:#ffd93d}.hb-brand-row.b3:hover:before{background:#6bcb77}.hb-brand-row .num{font-family:var(--hb-display);font-size:24px;font-weight:600;color:var(--hb-mute);font-style:italic}.hb-brand-row .name{font-family:var(--hb-serif);font-size:32px;font-weight:600;color:var(--hb-ink);letter-spacing:-.01em;line-height:1}.hb-brand-row .name .it{font-style:italic;font-weight:500}.hb-brand-row .desc{font-size:14px;color:var(--hb-ink);line-height:1.85}.hb-brand-row .moment{font-family:var(--hb-display);font-size:11px;letter-spacing:.25em;color:var(--hb-mute);text-transform:uppercase;font-weight:600;display:block;margin-top:6px}.hb-brand-row .place{font-family:var(--hb-display);font-size:14px;letter-spacing:.18em;color:var(--hb-ink);text-transform:uppercase;font-weight:600}.hb-brand-row .place small{display:block;font-size:11px;color:var(--hb-mute);font-weight:500;margin-top:4px;letter-spacing:.15em}.hb-brand-row .arrow{justify-self:end;width:48px;height:48px;border-radius:50%;border:1px solid var(--hb-ink);display:flex;align-items:center;justify-content:center;transition:all .35s ease}.hb-brand-row:hover .arrow{background:var(--hb-ink);color:var(--hb-white)}.hb-brand-row .arrow svg{width:18px;height:18px}.hb-standard-grid{max-width:var(--hb-maxw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hb-standard-card{background:var(--hb-white);border:1px solid var(--hb-rule);padding:36px 28px 32px;position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;display:flex;flex-direction:column;gap:14px}.hb-standard-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c,#FF6B6B);transition:height .35s ease}.hb-standard-card.rainbow:before{background:var(--hb-rainbow)}.hb-standard-card:hover{transform:translateY(-4px);border-color:var(--hb-ink);box-shadow:var(--hb-shadow-md)}.hb-standard-card:hover:before{height:5px}.hb-standard-card .num{font-family:var(--hb-display);font-size:13px;letter-spacing:.3em;color:var(--hb-mute);font-weight:600;font-style:italic;text-transform:uppercase}.hb-standard-card h3{font-family:var(--hb-jp-serif);font-size:30px;color:var(--hb-ink);letter-spacing:.04em;line-height:1.15;font-weight:600;margin:0}.hb-standard-card h3 .en{display:block;font-family:var(--hb-display);font-size:12px;letter-spacing:.32em;color:var(--c,#FF6B6B);text-transform:uppercase;font-weight:700;margin-top:8px;font-style:normal}.hb-standard-card.rainbow h3 .en{background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent}.hb-standard-card p{font-size:13.5px;line-height:1.9;color:var(--hb-ink);margin:0;flex:1}.hb-quote{padding:140px 32px;background:var(--hb-paper);text-align:center;border-top:1px solid var(--hb-rule);border-bottom:1px solid var(--hb-rule)}.hb-quote-inner{max-width:880px;margin:0 auto}.hb-quote .mark{font-family:var(--hb-serif);font-size:120px;font-weight:700;line-height:.5;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:24px;display:inline-block}.hb-quote blockquote{font-family:var(--hb-serif);font-style:italic;font-weight:500;font-size:clamp(28px,3.6vw,42px);line-height:1.4;color:var(--hb-ink);margin-bottom:24px;letter-spacing:-.01em}.hb-quote blockquote em{font-style:italic;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600;display:inline-block;padding:0 .15em .14em .04em;line-height:1.2;margin-right:-.08em}.hb-quote cite{font-family:var(--hb-display);font-size:13px;letter-spacing:.3em;color:var(--hb-mute);font-style:normal;font-weight:600;text-transform:uppercase}.hb-cta{padding:140px 32px;background:var(--hb-black);color:var(--hb-white);text-align:center;position:relative;overflow:hidden}.hb-cta:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--hb-rainbow)}.hb-cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hb-rainbow)}.hb-cta .meta{font-family:var(--hb-display);font-size:13px;letter-spacing:.4em;color:#ffffff8c;text-transform:uppercase;margin-bottom:24px;font-weight:600}.hb-cta h2{font-family:var(--hb-serif);font-weight:500;font-size:clamp(40px,5.2vw,72px);color:var(--hb-white);margin-bottom:24px;line-height:1.1;letter-spacing:-.01em}.hb-cta h2 em{font-style:italic;font-weight:600;background:var(--hb-rainbow);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;padding:.05em .18em .14em .04em;line-height:1.18;margin-right:-.1em}.hb-cta p{color:#ffffffa6;max-width:560px;margin:0 auto 36px;font-size:14.5px;line-height:1.95}.hb-cta .hb-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hb-marquee{background:var(--hb-ink);color:#fff;padding:18px 0;overflow:hidden;border-top:1px solid var(--hb-ink);border-bottom:1px solid var(--hb-ink);position:relative}.hb-marquee:before,.hb-marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.hb-marquee:before{left:0;background:linear-gradient(90deg,var(--hb-ink),transparent)}.hb-marquee:after{right:0;background:linear-gradient(-90deg,var(--hb-ink),transparent)}.hb-marquee-track{display:flex;gap:48px;animation:hb-slide 50s linear infinite;white-space:nowrap;font-family:var(--hb-display);font-size:16px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.hb-marquee-track span{display:inline-flex;align-items:center;gap:48px}.hb-marquee-track .star{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hb-rainbow)}@keyframes hb-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.product-card-wrapper .card,.card-wrapper .card,.card{border-radius:0!important;background:var(--hb-white);border:1px solid var(--hb-rule);transition:transform .25s ease,border-color .25s ease}.product-card-wrapper:hover .card,.card-wrapper:hover .card{transform:translateY(-4px);border-color:var(--hb-ink)}.card__heading,.card-information__text{font-family:var(--hb-serif);letter-spacing:-.005em}.price{font-family:var(--hb-display);font-style:italic;font-weight:600}.shopify-section-header,.shopify-section-group-header-group{background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hb-rule)}.shopify-section-footer-group,.shopify-section-group-footer-group{background:var(--hb-black);color:#ffffffc7}.shopify-section-footer-group a,.shopify-section-group-footer-group a{color:#ffffffc7!important}.shopify-section-footer-group a:hover,.shopify-section-group-footer-group a:hover{color:#fff!important}.shopify-section-footer-group h2,.shopify-section-footer-group h3,.shopify-section-footer-group h4,.shopify-section-group-footer-group h2,.shopify-section-group-footer-group h3,.shopify-section-group-footer-group h4{color:#fff;font-family:var(--hb-display);letter-spacing:.3em;text-transform:uppercase}.hb-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.hb-reveal.visible{opacity:1;transform:none}@media(max-width:1080px){.hb-standard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.hb-section{padding:80px 24px}.hb-hero{padding:100px 24px 60px}.hb-hero-grid{grid-template-columns:1fr;gap:48px}.hb-brand-row{grid-template-columns:40px 1fr 60px;gap:14px}.hb-brand-row .desc,.hb-brand-row .place{display:none}.hb-brand-row .name{font-size:24px}.hb-quote,.hb-cta{padding:80px 24px}}@media(max-width:560px){.hb-standard-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hanabi-design.css.map */
