.fv{position:relative;width:100%;height:calc(100lvh + clamp(48px,6vw,72px));overflow:hidden;background:#0e1208;isolation:isolate;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(max-width:768px){.fv{height:calc(max(var(--fv-h, 100svh),100lvh) + clamp(48px,6vw,72px))}}.fv__inner{position:relative;z-index:8;height:100lvh;padding:140px var(--gap) 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:1180px;margin:0 auto;pointer-events:none}.fv__inner .fv__btn{pointer-events:auto}.fv__fade-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#0e1208;opacity:0;pointer-events:none}.fv__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse at 50% 50%,#080c068c,#080c06c7),linear-gradient(to bottom,#080c06d1,#080c06b3 30%,#080c06b8,#080c06c7 80%,#080c06e6)}.fv__brand-jp{font-family:var(--fd);font-size:clamp(1.4rem,1.6vw,1.7rem);font-weight:500;letter-spacing:.22em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7),0 1px 4px rgba(0,0,0,.5);margin-bottom:var(--space-4)}.fv__tagline{font-family:var(--fd);font-size:clamp(2.3rem,4.8vw,6.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.18;color:#f5f0e8e0;white-space:nowrap;margin-bottom:var(--space-6);text-shadow:0 2px 24px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.35)}@media(max-width:390px){.fv__tagline{font-size:6.4vw}}.fv__poster,.fv__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.6) saturate(.9);-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.fv__poster{pointer-events:none}.fv__media{opacity:0;transition:opacity .3s ease}.fv__media.is-playing{opacity:1}.fv~*{position:relative;z-index:1}.sec-wave.fv__wave{z-index:7;-webkit-transform:translateZ(0);transform:translateZ(0)}.fv__rule{width:48px;height:1px;background:#ffffff80;margin-bottom:var(--space-5);opacity:0;transform:scaleX(0);transform-origin:center;animation:fadeRule 1.6s var(--ease-soft) forwards;animation-play-state:paused}@keyframes fadeRule{to{opacity:1;transform:scaleX(1)}}.fv__char{display:inline-block;opacity:0;animation:fvCharIn 1.4s var(--ease-soft) forwards;animation-play-state:paused}.fv__char--space{width:.28em}.fv--ready .fv__char,.fv--ready .fv__rule,.fv--ready .fv__actions{animation-play-state:running}@keyframes fvCharIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fv__brand-jp .fv__char{animation-name:fvCharInSoft;animation-duration:1.6s}@keyframes fvCharInSoft{0%{opacity:0}to{opacity:1}}.fv__actions{display:flex;gap:var(--space-3);align-items:center;opacity:0;animation:fadeUp var(--slow) var(--ease-out) forwards;animation-play-state:paused}.fv__btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:15px var(--space-6);font-size:1.6rem;letter-spacing:.1em;color:#fff;border:1px solid #fff;border-radius:99px;background:#0000002e;text-shadow:0 1px 8px rgba(0,0,0,.45);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),gap var(--fast) var(--ease)}.fv__btn:hover{background:#ffffff1f;border-color:#fff;gap:var(--space-4)}.fv__btn-arrow{display:inline-block;transition:transform var(--fast) var(--ease)}.fv__btn:hover .fv__btn-arrow{transform:translate(4px)}.fv__teaser{position:absolute;right:var(--gap);bottom:calc(clamp(50px,8vw,100px) + var(--space-5) + var(--space-2));z-index:5;font-size:1.6rem;color:#fff;letter-spacing:.06em;opacity:0;animation:fadeUp var(--mid) var(--ease-out) 1.3s forwards;display:flex;align-items:center;gap:var(--space-2);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:4px;text-shadow:0 1px 8px rgba(0,0,0,.5);transition:border-color var(--fast),color var(--fast)}.fv__teaser:hover{color:#fff;border-color:#ffffffb3}.fv__teaser-dot{width:6px;height:6px;border-radius:50%;background:var(--brown-coffee);animation:teaserPulse 2.5s ease-out infinite}@keyframes teaserPulse{0%{box-shadow:0 0 #8c6a4e80}70%{box-shadow:0 0 0 8px #8c6a4e00}to{box-shadow:0 0 #8c6a4e00}}.fv__mute{position:absolute;left:var(--gap);bottom:calc(clamp(50px,8vw,100px) + var(--space-5) + var(--space-2));z-index:5;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#00000047;color:#ffffffd1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color var(--fast),background var(--fast)}.fv__mute:hover{border-color:#ffffffb3;background:#0000007a}.fv__scroll{position:absolute;left:0;right:0;bottom:calc(clamp(50px,8vw,100px) + var(--space-5) + var(--space-2));z-index:2;width:max-content;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);opacity:0;animation:fadeUp var(--mid) var(--ease-out) 1.5s forwards}.fv__scroll-bird{width:28px;height:auto;color:#ffffffb3;animation:birdFloat 3.2s ease-in-out infinite alternate}@keyframes birdFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.fv__scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);transform-origin:top;animation:scrollPulse 2.4s var(--ease) 1.7s infinite}.hdr:not(.on) .hdr__nav a{color:#fff;text-shadow:0 1px 12px rgba(20,18,16,.45);background-image:linear-gradient(to right,var(--green-deep) 50%,#fff 50%)}.hdr:not(.on) .hdr__nav a:after{background:var(--green-deep)}.hdr:not(.on) .hdr__icon{stroke:#fff;opacity:1}.hdr:not(.on) .hdr__cta{background:transparent;border-color:#fff9;background-image:linear-gradient(to right,var(--green-deep) 50%,#fff 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .5s var(--ease-out),border-color .5s var(--ease-out)}.hdr:not(.on) .hdr__cta:hover{background-position:0% 0;border-color:var(--green-deep)}.hdr:not(.on) .hdr__menu{color:#fff}@media(min-width:769px){.fv__inner{will-change:transform,opacity}}@media(max-width:768px){.fv__inner{height:var(--fv-h, 100svh)}.fv__btn{padding:11px var(--space-4);font-size:1.4rem;letter-spacing:.08em}.fv__teaser{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-still-hero.css.map */