.site-header{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:8px}.site-header__inner{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{border-radius:14px;align-items:center;gap:11px;min-width:0;display:inline-flex}.brand__logo{border-radius:14px;flex:none;width:42px;height:42px;box-shadow:0 8px 22px -14px #3b2a2173}.brand__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.brand__name{max-width:52vw;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.99rem;font-weight:700;line-height:1.35;overflow:hidden}.brand__tagline{color:var(--muted);letter-spacing:.07em;font-size:.72rem;line-height:1.45}.header-note{min-height:32px;color:var(--ink-soft);white-space:nowrap;background:#fffdf98f;border:1px solid #fff9;border-radius:999px;flex:none;align-items:center;gap:7px;padding:5px 11px;font-size:.76rem;display:inline-flex}.header-note__dot{background:var(--brand);width:6px;height:6px;box-shadow:0 0 0 3px rgb(var(--brand-rgb) / 12%);border-radius:50%}.site-footer{border-top:1px solid var(--line);padding-bottom:max(26px, env(safe-area-inset-bottom));background:#f7f0e7a8;margin-top:clamp(48px,9vw,96px)}.site-footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 18px;display:flex}.site-footer__brand{align-items:center;gap:10px;display:flex}.site-footer__brand img{border-radius:11px;width:34px;height:34px}.site-footer__name{color:var(--ink);font-size:.86rem;font-weight:650}.site-footer__line{color:var(--muted);font-size:.76rem}.site-footer__links{flex-wrap:wrap;gap:6px 18px;display:flex}.site-footer__links a{min-height:44px;color:var(--ink-soft);align-items:center;font-size:.82rem;display:inline-flex}.site-footer__links a:hover{color:var(--brand-dark)}.site-footer__support{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);gap:2px;padding:13px 15px;font-size:.8rem;display:grid}.site-footer__support>span:first-child{color:var(--muted);font-size:.7rem}.site-footer__support-text{color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-line;line-height:1.75}.site-footer__copyright{color:var(--muted);padding-top:22px;font-size:.73rem}.hero{padding-top:clamp(26px,7vw,60px);padding-bottom:clamp(38px,7vw,72px);position:relative}.hero__grid{align-items:center;gap:28px;display:grid}.hero__copy{z-index:1;max-width:660px;position:relative}.kicker{color:var(--brand-dark);letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:16px;font-size:.78rem;font-weight:650;display:inline-flex}.kicker:before{background:var(--brand);content:"";width:18px;height:1px}.hero h1{max-width:750px;color:var(--ink);letter-spacing:-.035em;font-size:clamp(2.25rem,8.4vw,4.1rem);font-weight:700;line-height:1.13}.hero h1 span{color:var(--brand-dark)}.hero__intro{max-width:36em;color:var(--ink-soft);white-space:pre-line;margin-top:20px;font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.85}.hero__meta{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:24px;font-size:.8rem;display:flex}.hero__meta span{align-items:center;gap:7px;display:inline-flex}.hero__meta span:before{background:var(--brand);content:"";border-radius:50%;width:5px;height:5px}.hero__art{justify-self:center;width:min(100%,360px);display:none}.hero__art svg{filter:drop-shadow(0 24px 34px #6345371f);width:100%;height:auto}.collection{padding-bottom:10px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;margin-bottom:18px;display:flex}.section-head__eyebrow{color:var(--muted);letter-spacing:.12em;margin-bottom:4px;font-size:.72rem}.section-head h2{color:var(--ink);font-size:clamp(1.3rem,4vw,1.65rem);font-weight:700}.section-head__note{color:var(--muted);font-size:.82rem}.product-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.video-card{scroll-margin-top:16px}.product-card{border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border:1px solid #e1cfc1b8;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 26px 58px -38px #3b2a2180}.product-card__media{aspect-ratio:4/3;background:var(--surface-2);position:relative;overflow:hidden}.product-card__media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#3b2a2129);height:28%;position:absolute;inset:auto 0 0}.product-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.65,.3,1)}.product-card:hover .product-card__media img{transform:scale(1.025)}.product-card__body{flex-direction:column;flex:1;padding:16px 17px 18px;display:flex}.product-card__name{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.012em;font-size:1.02rem;font-weight:650}.product-card__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.84rem;line-height:1.65;display:-webkit-box;overflow:hidden}.product-card__cta{color:var(--brand-dark);align-items:center;gap:6px;margin-top:14px;font-size:.82rem;font-weight:650;display:inline-flex}.product-card__arrow{transition:transform .16s}.product-card:hover .product-card__arrow{transform:translate(3px)}.skeleton-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.skeleton-card__media{aspect-ratio:4/3;background:var(--surface-3)}.skeleton-card__body{gap:9px;padding:17px;display:grid}.skeleton-line{background:var(--surface-3);border-radius:999px;height:12px}.skeleton-line--short{width:58%}.skeleton-line--tiny{width:32%;height:9px}.skeleton-pulse{animation:1.8s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.52}50%{opacity:1}}.state-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;max-width:620px;margin-inline:auto;padding:clamp(30px,7vw,54px) clamp(20px,5vw,42px);display:flex}.state-mark{background:var(--blush);width:62px;height:62px;color:var(--brand-dark);border-radius:50%;place-items:center;margin-bottom:18px;font-size:1.35rem;font-weight:700;display:grid}.state-card--error .state-mark{color:#9a564b;background:#f7e7e2}.state-card h1,.state-card h2{color:var(--ink);font-size:clamp(1.25rem,4vw,1.55rem)}.state-card p{max-width:32em;color:var(--muted);margin-top:10px;font-size:.9rem;line-height:1.8}.state-card__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.state-note{color:var(--muted);margin-top:18px;font-size:.76rem}.loading-label{color:var(--muted);justify-content:center;align-items:center;gap:9px;padding:22px 0;font-size:.82rem;display:flex}.loading-dot{background:var(--brand);border-radius:50%;width:7px;height:7px;animation:1.15s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.36;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.watch-page{padding-top:6px}.back-link{min-height:44px;color:var(--ink-soft);align-items:center;gap:7px;font-size:.85rem;display:inline-flex}.back-link:hover{color:var(--brand-dark)}.back-link__arrow{font-size:1rem;line-height:1}.watch-loading{gap:18px;margin-top:18px;display:grid}.watch-loading__head{gap:10px;max-width:680px;display:grid}.watch-loading__head .skeleton-line{height:15px}.watch-loading__head .skeleton-line:first-child{width:34%;height:10px}.watch-loading__head .skeleton-line:nth-child(2){width:72%;height:32px}.watch-loading__head .skeleton-line:last-child{width:48%}.watch-loading__player{aspect-ratio:16/9;background:var(--surface-3);width:100%}.watch-loading__list{align-content:start;gap:12px;padding:20px;display:grid}.watch-state{padding-block:26px 20px}.watch-layout{gap:18px;display:grid}.product-intro{margin:8px 0 20px;animation:.32s both rise-in}.product-intro__eyebrow{color:var(--muted);letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:6px;font-size:.72rem;display:flex}.product-intro__eyebrow:before{background:var(--brand);content:"";width:13px;height:1px}.product-intro h1{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.032em;font-size:clamp(1.7rem,6.2vw,2.75rem);font-weight:700;line-height:1.25}.product-intro__desc{max-width:46em;color:var(--ink-soft);white-space:pre-line;margin-top:10px;font-size:.93rem;line-height:1.8}.video-card{border-radius:var(--radius-lg);background:#34241d;border:1px solid #deccbe8c;min-width:0;animation:.36s 50ms both rise-in;overflow:hidden;box-shadow:0 30px 60px -44px #35231a8c}.player-stage{aspect-ratio:16/9;isolation:isolate;background:#2d1e18;width:100%;position:relative;overflow:hidden}.player-poster{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player-facade{z-index:1;color:#fffaf3;text-align:center;background:#2c1d1629;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:100%;height:100%;transition:background-color .18s;display:flex;position:absolute;inset:0}.player-facade:hover{background:#2c1d161a}.play-orb{background:var(--surface);width:68px;height:68px;color:var(--ink);border:1px solid #ffffffb3;border-radius:50%;place-items:center;transition:transform .18s,background-color .18s;display:grid;box-shadow:0 12px 36px #170d0959}.player-facade:hover .play-orb{background:#fff;transform:scale(1.05)}.play-triangle{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid var(--ink);width:0;height:0;margin-left:4px}.player-facade__label{letter-spacing:.04em;background:#2216109e;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:550}.player-host{z-index:2;background:#000;width:100%;height:100%;position:absolute;inset:0}.player-status{z-index:4;color:#fff8ef;text-align:center;background:#251812e0;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:22px;display:flex;position:absolute;inset:0}.player-status__title{font-size:.92rem;font-weight:650}.player-status__desc{color:#fff8efcc;max-width:34em;font-size:.79rem;line-height:1.7}.player-spinner{border:3px solid #fff8ef38;border-top-color:#fff8ef;border-radius:50%;width:30px;height:30px;animation:.85s linear infinite player-spin}@keyframes player-spin{to{transform:rotate(360deg)}}.player-retry{color:#fff8ef;background:0 0;border:1px solid #fff8ef7a;border-radius:999px;min-height:44px;margin-top:2px;padding:8px 18px;font-size:.8rem}.player-retry:hover{background:#fff8ef1a}.video-meta{color:#fff8ef;padding:15px 16px 17px}.video-meta__eyebrow{color:#e0c1b5;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:7px;font-size:.73rem;display:flex}.video-meta__eyebrow:before{content:"";background:#d6b5aa;width:12px;height:1px}.video-meta h2{overflow-wrap:anywhere;color:#fff8ef;letter-spacing:-.01em;margin-top:4px;font-size:clamp(1rem,3.5vw,1.18rem);font-weight:600}.video-meta__hint{color:#fff8efb8;margin-top:5px;font-size:.76rem}.tutorial-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);align-self:start;padding:7px;animation:.36s .11s both rise-in}.tutorial-panel__head{justify-content:space-between;align-items:center;gap:12px;padding:13px 12px 11px;display:flex}.tutorial-panel__title{color:var(--ink);font-size:.98rem;font-weight:650}.tutorial-panel__count{color:var(--muted);font-size:.76rem}.tutorial-list{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.tutorial-item{width:100%;min-height:76px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;grid-template-columns:24px 78px minmax(0,1fr);align-items:center;gap:9px;padding:8px;transition:background-color .16s,border-color .16s;display:grid}.tutorial-item:hover{background:var(--surface-2)}.tutorial-item[aria-current=true]{border-color:rgb(var(--brand-rgb) / 34%);background:rgb(var(--brand-rgb) / 9%)}.tutorial-item__index{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.03em;align-self:start;padding-top:4px;font-size:.73rem}.tutorial-item[aria-current=true] .tutorial-item__index{color:var(--brand-dark);font-weight:700}.tutorial-item__thumb{aspect-ratio:16/10;background:var(--surface-3);border-radius:10px;width:78px;overflow:hidden}.tutorial-item__thumb img{object-fit:cover;width:100%;height:100%}.tutorial-item__copy{min-width:0}.tutorial-item__title{overflow-wrap:anywhere;color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.tutorial-item[aria-current=true] .tutorial-item__title{color:var(--ink)}.tutorial-item__state{color:var(--muted);margin-top:4px;font-size:.72rem;font-weight:400;display:block}.tutorial-item[aria-current=true] .tutorial-item__state{color:var(--brand-dark)}.empty-video{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:34px 22px;display:flex}.empty-video__mark{background:var(--blush);width:54px;height:54px;color:var(--brand-dark);border-radius:50%;place-items:center;margin-bottom:14px;font-size:1.2rem;display:grid}.empty-video h2{font-size:1.1rem}.empty-video p{max-width:30em;color:var(--muted);margin-top:7px;font-size:.87rem;line-height:1.75}.watch-aftercare{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);background:#fffdf994;flex-direction:column;align-items:flex-start;gap:5px;margin-top:22px;padding:15px 18px;font-size:.8rem;display:flex}.watch-aftercare>span:last-child{color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-line;line-height:1.7}.watch-aftercare strong{color:var(--ink-soft);font-weight:600}.watch-state{padding-top:12px}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=540px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card__body{padding:17px 18px 19px}.player-stage{aspect-ratio:16/9}.tutorial-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=760px){.container{width:min(calc(100% - 56px), var(--page-max))}.site-header{padding-top:max(22px, env(safe-area-inset-top))}.brand__name{max-width:none;font-size:1.04rem}.brand__logo{border-radius:15px;width:46px;height:46px}.hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:36px}.hero__art{display:block}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product-card__name{font-size:1.06rem}.product-card__desc{font-size:.86rem}.watch-loading{margin-top:22px}.watch-layout{gap:22px}.product-intro{margin-bottom:24px}.video-meta{padding:18px 20px 20px}.tutorial-panel{padding:9px}.tutorial-panel__head{padding:15px 15px 12px}.tutorial-item{grid-template-columns:25px 88px minmax(0,1fr);gap:11px;min-height:82px;padding:10px}.tutorial-item__thumb{width:88px}.tutorial-item__title{font-size:.9rem}}@media (width>=960px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-layout{grid-template-columns:minmax(0,1.72fr) minmax(318px,.88fr);align-items:start;gap:24px}.tutorial-list{grid-template-columns:minmax(0,1fr)}.tutorial-item{grid-template-columns:24px 80px minmax(0,1fr);min-height:78px}.tutorial-item__thumb{width:80px}.video-meta{padding:19px 22px 21px}.watch-aftercare{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin-top:26px}}@media (width>=1100px){.hero{padding-top:60px;padding-bottom:76px}.hero__grid{gap:60px}.hero__art{width:min(100%,380px)}.watch-layout{gap:28px}}@media (width>=700px) and (width<=959px){.watch-layout{gap:22px}.tutorial-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media (width<=360px){.brand__tagline{display:none}.header-note{padding-inline:9px}.tutorial-item{grid-template-columns:20px 68px minmax(0,1fr);gap:8px}.tutorial-item__thumb{width:68px}.play-orb{width:58px;height:58px}.play-triangle{border-top-width:9px;border-bottom-width:9px;border-left-width:14px}}
