@layer components{.ecs-home{isolation:isolate;background:radial-gradient(ellipse at 4% 16%, color-mix(in srgb, var(--accent-pink) 7%, transparent), transparent 28%), radial-gradient(ellipse at 94% 46%, color-mix(in srgb, var(--accent-mint) 5%, transparent), transparent 30%), var(--bg);position:relative;overflow-x:clip}.ecs-home :is(#show,#watch,#characters,#niko-chat,#learn,#community,#contacts){scroll-margin-top:6rem}.ecs-home .ecs-header{border-color:color-mix(in srgb, var(--accent-lavender) 18%, var(--border));background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%)}.ecs-home .ecs-header-inner{flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.ecs-home-section{padding-block:clamp(68px,8vw,124px)}.ecs-home-heading{align-items:end;gap:20px;margin-bottom:clamp(30px,4vw,52px);display:grid}.ecs-home-heading .ecs-h2{letter-spacing:-.04em;max-width:22ch;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.ecs-home-heading .ecs-lede{max-width:50ch;font-size:1rem}.ecs-home-hero{padding:clamp(14px,2.3vw,34px) clamp(12px,2.3vw,34px) 0;position:relative}.ecs-home-hero-frame{border:1px solid color-mix(in srgb, var(--accent-lavender) 28%, var(--border));background:var(--surface);width:min(100%,1536px);min-height:320px;box-shadow:0 38px 100px -56px color-mix(in srgb, var(--accent-pink) 48%, transparent), inset 0 1px 0 #ffffff14;border-radius:clamp(18px,2.2vw,32px);margin-inline:auto;position:relative;overflow:hidden}.ecs-home-hero-frame img{width:100%;height:auto;display:block}.ecs-home-hero-vignette{background:linear-gradient(to bottom, transparent 58%, color-mix(in srgb, var(--bg) 22%, transparent));pointer-events:none;position:absolute;inset:0}.ecs-home-hero-copy{z-index:2;border:1px solid color-mix(in srgb, var(--accent-lavender) 26%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-pink) 8%, transparent), transparent 48%), color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(22px)saturate(118%);backdrop-filter:blur(22px)saturate(118%);border-radius:clamp(18px,2vw,26px);gap:26px;width:min(100% - 32px,1120px);margin-top:clamp(-44px,-2.8vw,-26px);padding-block:clamp(28px,4vw,48px);display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 70px -48px #000000c7}.ecs-home-title{letter-spacing:-.055em;max-width:13ch;font-size:clamp(2.6rem,6vw,5.65rem);font-weight:800;line-height:.94}.ecs-home-title span{color:var(--accent-pink);font-family:var(--font-script);letter-spacing:-.015em;margin-top:.22em;font-size:.66em;font-weight:600;line-height:1;display:block}.ecs-home-hero-intro{align-self:end}.ecs-home-hero-intro>p{max-width:46ch;color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.65}.ecs-home-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.ecs-home .ecs-btn{transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s}.ecs-home-player{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--accent-mint) 25%, var(--border));background:var(--surface);box-shadow:0 34px 90px -60px color-mix(in srgb, var(--accent-mint) 45%, transparent), inset 0 1px 0 #ffffff17;border-radius:clamp(18px,2vw,28px);margin:0;position:relative;overflow:hidden}.ecs-home-player>img{object-fit:cover;object-position:50% 43%;width:100%;height:100%;display:block}.ecs-home-player-shade{background:linear-gradient(#0000 58%,#0c0912d1),radial-gradient(circle,#0000 10%,#0a08102e);position:absolute;inset:0}.ecs-home-player-control{aspect-ratio:1;background:color-mix(in srgb, var(--bg) 54%, transparent);color:#fff;opacity:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:not-allowed;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:clamp(62px,8vw,92px);padding:0;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.ecs-home-player-control svg{fill:currentColor;width:34%;height:34%;margin-left:5%}.ecs-home-player figcaption{color:#fff;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;bottom:clamp(16px,3vw,30px);left:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px)}.ecs-home-player figcaption span{font-size:clamp(1rem,2vw,1.35rem);font-weight:700}.ecs-home-player figcaption b,.ecs-home-status{border:1px solid color-mix(in srgb, var(--accent-gold) 42%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg) 62%, transparent);color:var(--accent-gold);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:7px;padding:7px 11px;font-size:.72rem;font-weight:700;display:inline-flex}.ecs-home-show-notes{border:1px solid var(--border);border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--border);gap:1px;margin-top:1px;display:grid;overflow:hidden}.ecs-home-show-notes span{background:color-mix(in srgb, var(--surface) 86%, transparent);color:var(--text-secondary);text-align:center;padding:15px 18px;font-size:.82rem}.ecs-home-characters{background:radial-gradient(ellipse at 12% 48%, color-mix(in srgb, var(--accent-pink) 10%, transparent), transparent 35%), radial-gradient(ellipse at 90% 54%, color-mix(in srgb, var(--accent-gold) 8%, transparent), transparent 30%), var(--bg-alt)}.ecs-home-heading-centered{text-align:center;justify-items:center}.ecs-home-heading-centered .ecs-eyebrow{justify-content:center}.ecs-home-character-grid{gap:clamp(22px,4vw,46px);display:grid}.ecs-home-character{--character-tone:var(--accent-pink);isolation:isolate;border:1px solid color-mix(in srgb, var(--character-tone) 24%, var(--border));background:radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--character-tone) 13%, transparent), transparent 38%), linear-gradient(155deg, color-mix(in srgb, var(--surface) 94%, var(--bg-alt)), color-mix(in srgb, var(--bg) 88%, var(--surface)));min-width:0;box-shadow:0 30px 74px -54px color-mix(in srgb, var(--character-tone) 54%, transparent), inset 0 1px 0 #ffffff12;border-radius:clamp(18px,2vw,28px);transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.ecs-home-character:before{z-index:4;border-radius:inherit;box-shadow:inset 0 0 32px color-mix(in srgb, var(--character-tone) 4%, transparent);content:"";pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:0}.ecs-home-character-niko{--character-tone:var(--accent-gold)}.ecs-home-character figure{z-index:1;border:1px solid color-mix(in srgb, var(--character-tone) 18%, var(--border));background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--character-tone) 10%, transparent), transparent 46%), var(--surface-2);min-height:360px;box-shadow:0 20px 46px -34px color-mix(in srgb, var(--character-tone) 55%, transparent), inset 0 1px 0 #ffffff0f;border-radius:clamp(12px,1.5vw,20px) clamp(12px,1.5vw,20px) 8px 8px;margin:clamp(8px,1vw,11px) clamp(8px,1vw,11px) 0;position:relative;overflow:hidden}.ecs-home-character figure:after{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 22%, transparent), transparent 16%, transparent 84%, color-mix(in srgb, var(--bg) 18%, transparent)), linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--bg) 14%, transparent) 74%, color-mix(in srgb, var(--bg) 84%, transparent) 100%);content:"";pointer-events:none;position:absolute;inset:0}.ecs-home-character figure img{object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.7,.2,1);display:block}.ecs-home-character-ellie figure img{object-position:50% 23%}.ecs-home-character-niko figure img{object-position:50% 50%}.ecs-home-character-copy{z-index:2;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface) 91%, transparent) 58px, color-mix(in srgb, var(--bg) 88%, var(--surface)) 100%);-webkit-backdrop-filter:blur(10px)saturate(108%);backdrop-filter:blur(10px)saturate(108%);margin-top:-58px;padding:calc(58px + clamp(24px,3.4vw,40px)) clamp(24px,3.4vw,40px) clamp(26px,3.6vw,42px);position:relative}.ecs-home-character-name{color:var(--character-tone);font-family:var(--font-display);letter-spacing:-.045em;align-items:center;gap:clamp(12px,2vw,20px);margin:0 0 13px;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:800;line-height:1;display:flex}.ecs-home-character-name:after{background:linear-gradient(90deg, color-mix(in srgb, var(--character-tone) 76%, transparent), transparent);content:"";width:clamp(42px,7vw,88px);height:1px}.ecs-home-character-copy>p:not(.ecs-home-character-name){color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.ecs-home-character-copy>span{color:var(--character-tone);letter-spacing:.08em;text-transform:uppercase;align-items:flex-start;gap:10px;margin-top:21px;font-size:.77rem;font-weight:700;line-height:1.5;display:flex}.ecs-home-character-copy>span:before{background:color-mix(in srgb, var(--character-tone) 68%, transparent);content:"";flex:0 0 18px;height:1px;margin-top:.68em}.ecs-home-niko-chat{border:1px solid color-mix(in srgb, var(--accent-gold) 25%, var(--border));background:radial-gradient(circle at 84% 20%, color-mix(in srgb, var(--accent-gold) 9%, transparent), transparent 32%), var(--surface);border-radius:clamp(18px,2vw,28px);min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;overflow:hidden}.ecs-home-niko-chat-portrait{aspect-ratio:3/2;background:var(--surface-2);min-height:0;position:relative;overflow:hidden}.ecs-home-niko-chat-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000,#1a152257);height:clamp(32px,7vw,74px);position:absolute;inset:auto 0 0}.ecs-home-niko-chat-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.7,.2,1);display:block}.ecs-home-niko-chat-copy,.ecs-home-learn-copy{align-self:center;padding:clamp(28px,5vw,68px)}.ecs-home-niko-chat-copy{align-self:stretch}.ecs-home-niko-chat-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ecs-home-niko-chat-copy .ecs-home-status{margin-bottom:0}.ecs-home-niko-chat-meta .ecs-eyebrow{margin:0}.ecs-home-niko-chat-content{gap:24px;margin-top:24px;display:grid}.ecs-home-status svg{width:14px;height:14px}.ecs-home-niko-chat-copy .ecs-h2,.ecs-home-learn-copy .ecs-h2{letter-spacing:-.045em;max-width:13ch;font-size:clamp(2.3rem,4.8vw,4.6rem)}.ecs-home-script{color:var(--accent-gold);font-family:var(--font-script);letter-spacing:0;margin-top:.12em;font-size:.76em;font-weight:600;display:block}.ecs-home-niko-chat-details .ecs-lede{margin:0}.ecs-home-learn-copy .ecs-lede{margin-top:22px;font-size:1rem}.ecs-home-niko-chat-details .ecs-btn,.ecs-home-learn-copy .ecs-btn{margin-top:28px}.ecs-home-learn{border-block:1px solid color-mix(in srgb, var(--accent-lavender) 18%, var(--border));background:radial-gradient(ellipse at 86% 50%, color-mix(in srgb, var(--accent-mint) 8%, transparent), transparent 32%), var(--bg-alt)}.ecs-home-learn-grid{align-items:center;gap:clamp(26px,5vw,64px);display:grid}.ecs-home-learn-copy{padding-inline:0}.ecs-home-learn-art{border:1px solid color-mix(in srgb, var(--accent-mint) 22%, var(--border));box-shadow:0 30px 76px -52px color-mix(in srgb, var(--accent-mint) 44%, transparent);border-radius:clamp(18px,2vw,28px);margin:0;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.ecs-home-learn-art img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform .42s cubic-bezier(.2,.7,.2,1);display:block}.ecs-home-merch{padding-top:clamp(56px,7vw,92px)}.ecs-home-merch-card{border:1px dashed color-mix(in srgb, var(--accent-lavender) 36%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 54%, transparent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:clamp(24px,3vw,34px);display:grid}.ecs-home-merch-card>svg{width:28px;height:28px;color:var(--accent-lavender)}.ecs-home-merch-card .ecs-eyebrow{margin-bottom:7px}.ecs-home-merch-card h2{font-size:clamp(1.5rem,3vw,2.25rem)}.ecs-home-merch-card p:not(.ecs-eyebrow){color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.ecs-home-merch-card>span{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;grid-column:2;justify-self:start;padding:6px 10px;font-size:.7rem;font-weight:700}.ecs-home-socials{gap:12px;display:grid}.ecs-home-socials a{border:1px solid var(--border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 78%, transparent);min-height:76px;font-family:var(--font-display);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;font-size:1rem;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.ecs-home-socials a:hover{border-color:var(--accent-mint);background:var(--surface);transform:translateY(-2px)}.ecs-home-socials a>svg:first-child{width:22px;height:22px;color:var(--accent-mint)}.ecs-home-socials a>svg:last-child{width:17px;height:17px;color:var(--text-muted)}.ecs-home-socials small{color:var(--text-muted);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:500;display:block}.ecs-home-signoff{color:var(--accent-pink);font-family:var(--font-script);text-align:center;justify-content:center;align-items:center;gap:10px;margin:clamp(38px,5vw,62px) 0 0;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:600;display:flex}.ecs-home-signoff svg{width:23px;height:23px}.ecs-home #contacts .ecs-contact-list li:not(:first-child){display:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ecs-home-actions .ecs-btn:hover,.ecs-home-learn-copy .ecs-btn:hover{transform:translateY(-2px)}.ecs-home-actions .ecs-btn-primary:hover,.ecs-home-learn-copy .ecs-btn-primary:hover{box-shadow:0 14px 34px -20px color-mix(in srgb, var(--accent-mint) 82%, transparent)}.ecs-home-character:hover,.ecs-home-niko-chat:hover,.ecs-home-learn-art:hover{transform:translateY(-4px)}.ecs-home-character:hover{border-color:color-mix(in srgb, var(--character-tone) 48%, var(--border));box-shadow:0 34px 76px -48px color-mix(in srgb, var(--character-tone) 58%, transparent)}.ecs-home-character:hover figure img,.ecs-home-niko-chat:hover .ecs-home-niko-chat-portrait img,.ecs-home-learn-art:hover img{transform:scale(1.012)}.ecs-home-niko-chat:hover{border-color:color-mix(in srgb, var(--accent-gold) 40%, var(--border));box-shadow:0 30px 72px -54px color-mix(in srgb, var(--accent-gold) 52%, transparent)}.ecs-home-learn-art:hover{border-color:color-mix(in srgb, var(--accent-mint) 38%, var(--border));box-shadow:0 36px 84px -54px color-mix(in srgb, var(--accent-mint) 54%, transparent)}}@media (min-width:640px){.ecs-home-show-notes,.ecs-home-socials{grid-template-columns:repeat(2,minmax(0,1fr))}.ecs-home-merch-card{grid-template-columns:auto minmax(0,1fr) auto}.ecs-home-merch-card>span{grid-column:auto;justify-self:end}}@media (min-width:760px){.ecs-home-hero-copy,.ecs-home-heading{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.ecs-home-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecs-home-character figure{height:clamp(420px,47vw,620px)}.ecs-home-show-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.ecs-home-niko-chat-content{grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:start;gap:clamp(44px,7vw,96px)}.ecs-home-learn-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.ecs-home-socials{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:639px){.ecs-home .ecs-header .ecs-btn{min-width:44px;padding-inline:12px}.ecs-home-hero-frame{height:min(92vw,500px)}.ecs-home-hero-frame img{object-fit:cover;object-position:20% 50%;width:100%;height:100%}.ecs-home-hero-copy{width:calc(100% - 20px);padding-inline:20px}.ecs-home-actions{flex-direction:column}.ecs-home-actions .ecs-btn{width:100%}.ecs-home-player{aspect-ratio:4/3}.ecs-home-player figcaption span{max-width:10ch}.ecs-home-character figure{height:430px}.ecs-home-niko-chat-copy .ecs-btn{width:100%}.ecs-home #contacts .ecs-contact b{letter-spacing:-.01em;font-size:.875rem}.ecs-home-signoff{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.ecs-home *,.ecs-home :before,.ecs-home :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}}