.story-screen{--story-canvas:radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .12), transparent 55%),
    linear-gradient(135deg, var(--brand-primary) 0%, #000 120%);position:relative;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;background:var(--bg);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:default}.story-stage{position:relative;z-index:0;aspect-ratio:9 / 16;height:min(100%, 996px);width:auto;max-width:100%;min-width:0;margin:auto;overflow:hidden;border-radius:24px;isolation:isolate;background:#000}@media (min-width:768px){.story-screen{width:min(560px, calc((100svh - 32px - 16px - clamp(44px, 6.2svh, 50px)) * 9 / 16));max-width:100%;margin-inline:auto;background:#fff0}}@media (max-width:767px){.story-stage{min-height:0;margin:0;height:min(100%, calc(100vw * 16 / 9));width:auto;max-width:100%}.story-screen{justify-content:center;padding-top:var(--sp-2)}}.story-track{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}.story-slide{position:absolute;inset:0;opacity:0;transition:opacity 320ms var(--ease-out);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;background:#000}.story-slide.is-active{opacity:1}.story-slide picture{display:block;width:100%;height:100%}.story-slide .story-img,.story-slide .story-video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#fff0}video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}.story-slide[data-media-cold] video{opacity:0;transition:none}.story-slide video{transition:opacity var(--dur-base) var(--ease-out)}.story-slide[data-media-cold]{background:var(--story-canvas)}.story-loading{position:absolute;inset:0;z-index:2;display:none;place-items:center}.story-slide.is-loading{background:var(--story-canvas)}.story-slide.is-loading .story-loading{display:grid}.story-slide.video-failed .story-video,.story-slide.img-failed .story-img{display:none}.story-slide.video-failed,.story-slide.img-failed{background:var(--story-canvas)}.story-slide--ph{background:var(--story-canvas);opacity:1}.story-top{position:absolute;top:0;left:0;right:0;z-index:4;padding:12px 12px 14px}.story-top::before{content:'';position:absolute;inset:0 0 auto;height:200%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / .82) 0%,rgb(0 0 0 / .58) 46%,rgb(0 0 0 / .18) 74%,transparent 100%)}.story-progress{display:flex;gap:4px;padding:2px 2px 12px}.story-progress[hidden]{display:none}.story-stage>.story-progress{position:absolute;top:0;left:0;right:0;z-index:5;padding:12px 12px 0;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .55))}.seg{flex:1;height:2px;background:rgb(255 255 255 / .34);border-radius:var(--radius-pill);overflow:hidden}.seg .fill{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#fff;border-radius:var(--radius-pill);will-change:transform}.story-header{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;color:#fff}.story-play{position:relative;width:34px;height:34px;border:0;background:#fff0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .5))}.story-play::after{content:'';position:absolute;inset:-5px;border-radius:50%}.story-play:hover{background:rgb(255 255 255 / .12)}.story-play svg{width:20px;height:20px}.story-controls{display:flex;align-items:center;gap:10px}.story-more{position:relative}.story-menu{position:fixed;z-index:1000;min-width:200px;display:flex;flex-direction:column;padding:6px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 32px rgb(15 23 42 / .24);animation:lang-pop-in var(--dur-base) var(--ease-out)}.story-menu[hidden]{display:none}.story-menu-sep{height:1px;background:var(--border);margin:4px 6px}.story-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:#fff0;cursor:pointer;color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);font-weight:600;text-align:left;text-decoration:none}.story-menu-item:hover{background:var(--bg-elev)}.story-menu-item svg{width:18px;height:18px;flex-shrink:0}.story-bottom{position:relative;z-index:4;flex-shrink:0;width:100%;max-width:var(--story-w,100%);margin-inline:auto;margin-top:16px;color:var(--text-primary);display:flex;flex-direction:column;gap:12px}@media (max-width:767px){.story-bottom{padding:0 0 max(var(--sp-2), var(--hsx-sab));margin-top:var(--sp-2);max-width:var(--story-w,min(100%, calc((100svh - (var(--sp-2) * 2 + clamp(44px, 6.2svh, 50px) + max(var(--sp-2), var(--hsx-sab)))) * 9 / 16)))}}.story-screen .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:clamp(44px, 6.2svh, 50px);background:var(--brand-primary);color:var(--brand-on-primary);font:inherit;font-size:var(--fs-base);font-weight:800;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}@media (hover:hover){.story-screen .cta:not(:disabled):not([aria-disabled="true"]):hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 12px 28px var(--brand-glow)}}.story-screen .cta:active{transform:scale(.98)}.story-screen .cta svg{width:18px;height:18px}.video-poster-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:76px;height:76px;display:none;align-items:center;justify-content:center;border:2px solid rgb(255 255 255 / .82);border-radius:50%;background:rgb(0 0 0 / .55);box-shadow:0 2px 14px rgb(0 0 0 / .45);color:#fff;cursor:pointer}.splash-video.is-paused .video-poster-play{display:flex}.splash-video.is-paused.is-hold-chrome .video-poster-play{display:none}.video-poster-play svg{width:34px;height:34px;margin-left:4px}.video-gate{position:absolute;left:50%;top:calc(50% + 58px);transform:translateX(-50%);z-index:3;display:none;max-width:min(78%, 280px);padding:7px 14px;border-radius:var(--radius-pill);background:rgb(0 0 0 / .45);border:1px solid rgb(255 255 255 / .34);font-size:var(--fs-xs);font-weight:600;line-height:1.35;text-align:center;color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .5);pointer-events:none}.splash-video.is-paused .video-gate{display:block}.splash-video.has-played .video-gate{display:none}.story-brand{display:flex;align-items:center;gap:clamp(6px, 2.4vw, 10px)}.brand-seal--sm{--seal-size:clamp(30px, 8.6vw, 38px);--seal-radius:50%;--seal-ini:clamp(11px, 3.2vw, 13px)}.brand-seal--md{--seal-size:56px;--seal-radius:6px;--seal-ini:20px}.story-brand .brand-seal{background:var(--brand-primary);border:2px solid rgb(255 255 255 / .9);box-shadow:0 0 0 3px rgb(0 0 0 / .24),0 2px 8px rgb(0 0 0 / .35)}.story-brand .brand-seal--img{background:#fff}.story-brand .brand-seal--img>img{padding:clamp(4px, 1.15vw, 5px)}.brand-meta{line-height:1.2}.brand-meta .name{margin:0;font-size:var(--fs-sm);font-weight:700;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.brand-meta .sub{font-size:.6875rem;opacity:.9;text-shadow:0 1px 2px rgb(0 0 0 / .4)}@media (max-width:380px){.brand-meta .name{font-size:var(--fs-xs)}.brand-meta .sub{font-size:.625rem}}.story-play .ico-play{display:none}.splash-slide.is-paused .story-play .ico-pause{display:none}.splash-slide.is-paused .story-play .ico-play{display:block}.story-sound .ico-sound-off{display:none}.story-sound.is-muted .ico-sound-on{display:none}.story-sound.is-muted .ico-sound-off{display:block}.story-controls .story-play svg{width:clamp(20px, 5.8vw, 24px);height:clamp(20px, 5.8vw, 24px)}@media (max-width:400px){.story-controls{gap:2px}.story-controls .story-play::after{inset:0}}.tap{position:absolute;top:84px;bottom:200px;width:40%;z-index:2;border:0;background:#fff0;cursor:pointer}.tap:focus-visible{outline:2px solid #fff0;outline-offset:-2px;box-shadow:var(--focus-ring-inset-media)}.tap-prev{left:0}.tap-next{right:0;width:60%}.tap-hint{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgb(0 0 0 / .32);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity 160ms;pointer-events:none}.splash-slide:hover .tap-hint{opacity:.55}.tap-prev .tap-hint{left:10px}.tap-next .tap-hint{right:10px}.tap-hint svg{width:18px;height:18px}.story-nav{display:none}.topbar--slide{display:none}@media (min-width:768px){.tap{display:none}.story-nav{display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;padding:0;justify-content:center}.story-nav svg{display:block;width:22px;height:22px}.story-nav:not(:disabled):hover,.story-nav:not(:disabled):active,.story-nav:not(:disabled):focus-visible{transform:translateY(-50%)}.story-nav--prev{left:-62px}.story-nav--next{right:-62px}}.portfolio-screen{flex:1 0 auto;display:flex;flex-direction:column}.portfolio-screen--cta{padding-bottom:calc(72px + max(var(--sp-4), var(--hsx-sab)) - var(--hsx-sab))}@media (max-width:767px){.portfolio-screen{padding-top:60px}}.pf-masthead{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5) var(--sp-4);text-align:center}.pf-overline{margin:4px 0 0;font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.pf-title{margin:0;font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em;line-height:1.05;color:var(--text-primary)}.pf-menu{display:flex;flex-direction:column;padding:0 var(--sp-4)}.pf-empty{padding:var(--sp-10) var(--sp-4);text-align:center;color:var(--text-secondary);font-size:var(--fs-sm)}.pf-cat{display:flex;align-items:center;gap:10px;margin:var(--sp-5) 4px var(--sp-2)}.pf-cat:first-child{margin-top:var(--sp-2)}.pf-cat-avatar{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;overflow:hidden;background:var(--bg-elev);color:var(--brand-ink)}.pf-cat-avatar img{width:100%;height:100%;object-fit:cover}.pf-cat-avatar svg{width:18px;height:18px}.pf-cat-name{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.pf-cat--promo .pf-cat-avatar{background:var(--brand-primary);color:var(--brand-on-primary)}.pf-cat--promo .pf-cat-name{color:var(--brand-ink)}.pf-card{display:flex;gap:12px;align-items:center;padding:12px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 1px 2px rgb(15 23 42 / .04),0 10px 22px -16px rgb(15 23 42 / .3)}.pf-card:last-child{margin-bottom:0}.pf-card--promo{border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border))}.pf-thumb{width:60px;height:60px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:var(--bg-elev);color:var(--brand-ink)}.pf-thumb img{width:100%;height:100%;object-fit:cover}.pf-thumb svg{width:28px;height:28px}.pf-card-body{flex:1;min-width:0}.pf-card-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pf-name{font-size:var(--fs-base);font-weight:650;letter-spacing:-.01em;line-height:1.25;color:var(--text-primary)}.pf-tag{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);color:var(--brand-on-primary,#fff);background:var(--brand-primary)}.pf-desc{margin:3px 0 0;font-size:var(--fs-sm);line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pf-price{margin-top:6px;font-size:var(--fs-base);font-weight:800;color:var(--brand-ink);font-variant-numeric:tabular-nums}.pf-ribbon{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:var(--sp-3) var(--sp-5) max(var(--sp-4), var(--hsx-sab));background:var(--bg);border-top:1px solid var(--border)}.pf-ribbon::after{content:'';position:absolute;top:100%;left:0;right:0;height:140px;background:inherit;pointer-events:none}@media (min-width:768px){.pf-ribbon{max-width:560px;margin-inline:auto;border-inline:1px solid var(--border);box-shadow:0 -8px 24px rgb(15 23 42 / .12)}}.pf-ribbon .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;background:var(--brand-primary);color:var(--brand-on-primary);font:inherit;font-size:var(--fs-base);font-weight:800;border:2px solid #fff0;border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 8px 24px var(--brand-glow)}.pf-ribbon .cta:active{transform:scale(.98)}.pf-ribbon .cta svg{width:18px;height:18px}.splash-slide .cta{border:2px solid #fff0}.splash-slide .cta[aria-disabled="true"],.pf-ribbon .cta[aria-disabled="true"]{opacity:1;background:#fff0;border:2px solid var(--text-secondary);color:var(--text-secondary);box-shadow:none}@media (min-width:768px){html.hsx-portfolio .pf-masthead{gap:6px;padding:var(--sp-4) var(--sp-5) var(--sp-3)}html.hsx-portfolio .pf-masthead .brand-seal{--seal-size:48px;--seal-ini:17px}html.hsx-portfolio .pf-title{font-size:var(--fs-2xl)}}@media (min-width:768px) and (hover:hover) and (pointer:fine){html.hsx-portfolio:not(.hsx-portfolio-page) .scr{height:100svh;min-height:0;overflow:hidden}html.hsx-portfolio:not(.hsx-portfolio-page) .shell{flex:0 1 auto;height:auto;max-height:100%;min-height:0;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-modal);box-shadow:0 12px 40px rgb(15 23 42 / .18)}html.hsx-portfolio:not(.hsx-portfolio-page) .shell-inner{flex:1 1 auto;height:auto;min-height:0;overflow:hidden;background:none;border:0;border-radius:0;box-shadow:none}html.hsx-portfolio:not(.hsx-portfolio-page) #screen,html.hsx-portfolio:not(.hsx-portfolio-page) .portfolio-screen{flex:1 1 auto;min-height:0;overflow:hidden}html.hsx-portfolio:not(.hsx-portfolio-page) .portfolio-screen--cta{padding-bottom:0}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-masthead{flex:0 0 auto;border-bottom:1px solid var(--border)}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-menu{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sp-4);scroll-padding-block:var(--sp-4)}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-menu:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-4px;box-shadow:none}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-ribbon{position:static;flex:0 0 auto;max-width:none;margin-inline:0;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);border-inline:0;box-shadow:none}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-ribbon::after{display:none}}@media (min-width:768px) and (hover:hover) and (pointer:fine) and (max-height:720px){html.hsx-portfolio:not(.hsx-portfolio-page) .scr{padding-top:84px;padding-bottom:24px}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-masthead{padding:var(--sp-3) var(--sp-4);gap:2px}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-masthead .brand-seal{--seal-size:44px;--seal-ini:17px}html.hsx-portfolio:not(.hsx-portfolio-page) .pf-title{font-size:var(--fs-2xl)}}.story-screen .story-top{transition:opacity var(--dur-base) var(--ease-out)}.story-screen.is-hold-chrome .story-top{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.story-screen .story-top{transition:none}}