.brand-journey{--bj-kuroshio:#0B2E33;--bj-roast:#3A2317;--bj-sand:#E8D9C2;--bj-cream:#F2ECDF;--bj-honey:#D98E32;--bj-cherry:#C8772B;--bj-ease:cubic-bezier(.6,.01,.05,1);font-family:Noto Sans JP,sans-serif;font-size:16px;background:var(--bj-kuroshio);color:var(--bj-cream);font-weight:300;line-height:1.9;letter-spacing:.02em}.brand-journey,.brand-journey *,.brand-journey *:before,.brand-journey *:after{box-sizing:border-box;margin:0;padding:0}.bj-f-latin{font-family:Fraunces,serif;font-optical-sizing:auto}.bj-f-jp{font-family:Shippori Mincho,serif}.bj-eyebrow{font-family:Fraunces,serif;font-size:11.5px;letter-spacing:.42em;text-transform:uppercase;font-weight:500;opacity:.7}.bj-hero{position:relative;height:100svh;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--bj-season,#0B2E33) 0%,#0A272C 58%,#07181B 100%)}.bj-rhythm{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.bj-hero__inner{position:relative;z-index:1;padding:0 24px;transform:translateY(-7vh)}.bj-hero__inner>*{animation:bj-rise 1.1s cubic-bezier(.165,.84,.44,1) .2s both}.bj-hero__inner>:nth-child(2){animation-delay:.34s}.bj-hero__inner>:nth-child(3){animation-delay:.48s}@keyframes bj-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.bj-hero__mark{font-family:Fraunces,serif;font-weight:300;color:var(--bj-cream);font-size:clamp(41.6px,8vw,102.4px);letter-spacing:.04em;line-height:1;margin:0}.bj-hero__logo{display:block;margin:18px auto 0;height:auto;width:clamp(180px,60vw,var(--bj-logo-w,460px))}.bj-hero__tag{font-family:Fraunces,serif;font-style:italic;font-weight:300;font-size:clamp(16.8px,2.6vw,27.2px);margin-top:.4em;opacity:.92}.bj-scrollcue{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9.9px;letter-spacing:.34em;text-transform:uppercase;opacity:.55}.bj-scrollcue .bj-line{width:1px;height:42px;background:linear-gradient(var(--bj-honey),transparent);animation:bj-cue 2.4s var(--bj-ease) infinite}.bj-skip{position:absolute;right:24px;bottom:104px;z-index:1;background:none;border:0;cursor:pointer;color:inherit;font-size:9.9px;letter-spacing:.34em;text-transform:uppercase;opacity:.55;padding:8px 4px;transition:opacity .4s var(--bj-ease),color .4s var(--bj-ease)}.bj-skip:after{content:"\2192";margin-left:.6em;letter-spacing:0}.bj-skip:hover,.bj-skip:focus-visible{opacity:1;color:var(--bj-honey)}@media(max-width:680px){.bj-skip{bottom:96px;right:16px}}@keyframes bj-cue{0%{transform:scaleY(0);transform-origin:top}40%{transform:scaleY(1);transform-origin:top}60%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.bj-journey{position:relative;--bg:#143A2E;--fg:#EAF0E8;--accent:var(--bj-cherry);background:var(--bg);color:var(--fg);transition:background 1.1s var(--bj-ease),color 1.1s var(--bj-ease)}.bj-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}.bj-stage svg{width:min(88vw,720px);height:auto;overflow:visible}.bj-journey-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke 1.1s var(--bj-ease)}.bj-journey-echo{fill:none;stroke:var(--accent);stroke-width:1;opacity:.22;stroke-linecap:round;transition:stroke 1.1s var(--bj-ease)}.bj-cupmark{opacity:0;transition:opacity 1.2s var(--bj-ease)}.bj-cupmark.show{opacity:1}.bj-cupmark path{fill:none;stroke:currentColor;stroke-width:1.6}.bj-steps{position:relative;z-index:1}.bj-step{min-height:100svh;display:flex;align-items:center;padding:0 8vw}.bj-step__card{max-width:448px}.bj-step .bj-num{font-family:Fraunces,serif;font-size:11.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--accent);transition:color 1.1s var(--bj-ease)}.bj-step h2{font-family:Shippori Mincho,serif;font-weight:600;color:var(--fg);font-size:clamp(27.2px,4.4vw,44.8px);line-height:1.3;margin:.5em 0 .2em;transition:color 1.1s var(--bj-ease)}.bj-step h2 .bj-en{display:block;font-family:Fraunces,serif;font-style:italic;font-weight:300;font-size:.5em;letter-spacing:.04em;opacity:.7;margin-top:.4em}.bj-step p{font-size:clamp(14.4px,1.7vw,16px);opacity:.86;margin-top:1em}.bj-step:nth-child(2n){justify-content:flex-end;text-align:right}.bj-step:nth-child(2n) .bj-step__card{margin-left:auto}.bj-handoff{background:var(--bj-sand);color:var(--bj-roast);padding:14vh 8vw;text-align:center}.bj-handoff .bj-eyebrow{color:#8a4a1e;opacity:1}.bj-handoff h2{font-family:Shippori Mincho,serif;font-weight:600;color:var(--bj-roast);font-size:clamp(25.6px,4vw,41.6px);margin:.5em 0 .3em}.bj-handoff .bj-handoff__body{font-family:Shippori Mincho,serif;max-width:544px;margin:0 auto 2em;opacity:.85}.bj-cta{display:inline-block;font-family:Fraunces,serif;letter-spacing:.06em;background:var(--bj-roast);color:var(--bj-sand);padding:14px 34px;border-radius:99px;text-decoration:none;transition:transform .4s var(--bj-ease),background .4s var(--bj-ease)}.bj-cta:hover,.bj-cta:focus-visible{transform:translateY(-3px);background:var(--bj-cherry)}.brand-journey :focus-visible{outline:2px solid var(--bj-honey);outline-offset:3px}@media(max-width:680px){.bj-step{padding:0 7vw}.bj-step:nth-child(2n){text-align:left;justify-content:flex-start}.bj-step:nth-child(2n) .bj-step__card{margin-left:0}}@media(prefers-reduced-motion:reduce){.brand-journey *{animation:none!important;transition:none!important}.bj-scrollcue .bj-line{display:none}.bj-stage{position:relative;height:60svh}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/brand-journey.css.map */