*{box-sizing:border-box} :root{--coral:#ff5357;--ink:#2e2c2c;--white:#fff}body{margin:0;background:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid currentColor;outline-offset:8px}.entrance{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.side{min-height:100svh;position:relative;overflow:hidden}.factory{background:var(--coral);color:var(--ink);display:flex;align-items:center;justify-content:center}.factory-center{display:flex;align-items:center;flex-direction:column;gap:40px;transform:translateY(8px)}.factory-logo{width:min(345px,75%);height:auto;overflow:hidden}.enter{background:white;border-radius:100px;padding:12px 29px;text-decoration:none;font-size:18px;font-weight:700;transition:transform .2s,background .2s;display:flex;align-items:center;gap:15px}.enter span{font-size:20px}.enter:hover{transform:translateY(-4px);background:var(--ink);color:white}.channel{background:var(--ink);color:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24vh 30px 9vh;text-align:center}.channel h1{font-size:clamp(25px,2.85vw,43px);line-height:1.03;letter-spacing:-.7px;margin:0;font-weight:700}.youtube{text-decoration:none;display:flex;flex-direction:column;gap:3px}.youtube>span{font-size:18px;font-weight:700}.youtube strong{font-size:clamp(18px,2.05vw,30px);color:white;line-height:1.2}.youtube:hover strong{text-decoration:underline;text-underline-offset:6px}.soce-logo{width:210px;max-width:45%;height:auto;overflow:hidden}.corner,.number{position:absolute;bottom:25px;font-size:10px;font-weight:700;letter-spacing:2px;opacity:.65}.corner{left:30px}.number{right:30px}.main-page{background:var(--coral);color:var(--ink)}.nav{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center}.wordmark{font-weight:900;font-size:25px;text-decoration:none;letter-spacing:-1.5px}.nav a:last-child{font-size:13px;text-decoration:none}.main-hero{min-height:calc(100svh - 90px);padding:10vh 8vw 8vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:bold}.main-hero h1{font-size:clamp(65px,12vw,180px);line-height:.87;letter-spacing:-.07em;margin:35px 0 45px;max-width:1000px}.main-hero p{font-size:clamp(20px,2vw,28px);max-width:550px;line-height:1.4}.main-hero .enter{width:fit-content;margin-top:25px}.main-footer{padding:30px 5vw;background:var(--ink);color:var(--coral);display:flex;justify-content:space-between;gap:20px;font-size:13px}@media(max-width:650px){.entrance{grid-template-columns:1fr}.side{min-height:50svh}.factory-center{gap:24px;transform:none}.factory-logo{width:280px}.enter{font-size:15px;padding:11px 24px}.channel{padding:7vh 20px 5vh;gap:30px}.channel h1{font-size:28px}.youtube strong{font-size:20px}.youtube>span{font-size:14px}.soce-logo{width:135px}.corner,.number{bottom:15px;font-size:8px}.corner{left:20px}.number{right:20px}.main-hero{padding:8vh 6vw}.main-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Decorative flocks cross the whole entrance without intercepting links. */
.entrance{position:relative;isolation:isolate;overflow:hidden}
.bird-sky{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:difference;color:var(--coral)}
.bird-defs{position:absolute;width:0;height:0}
.flock{position:absolute;left:0;width:350px;height:100px;animation:fly-across 23s linear infinite;will-change:transform}
.flock-1{top:12%;animation-delay:-7s}
.flock-2{top:68%;animation-duration:29s;animation-delay:-19s;opacity:.65}
.flock-3{top:40%;animation-duration:26s;animation-delay:-2s;opacity:.8}
.bird{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:calc(var(--size) / 2);fill:currentColor;animation:wingbeat var(--flap) ease-in-out infinite alternate;transform-origin:center 80%}
@keyframes fly-across{0%{transform:translate3d(-370px,20px,0)}50%{transform:translate3d(calc(50vw - 175px),-18px,0)}100%{transform:translate3d(calc(100vw + 40px),0,0)}}
@keyframes wingbeat{from{transform:scaleY(1) rotate(-6deg)}to{transform:scaleY(.35) rotate(5deg)}}
@media(max-width:650px){.flock-1{top:8%}.flock-2{top:82%}.flock-3{top:54%}}
@media(prefers-reduced-motion:reduce){.bird-sky{display:none}.bird,.flock{animation:none}}

.coming-page{background:#000;color:#fff}.coming-stage{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:80px 24px 110px}.folder-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.coming-caption{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;margin:0;font-size:clamp(18px,2vw,28px);font-weight:500;letter-spacing:.08em;text-shadow:0 1px 12px #000}.back-to-entrance,.video-toggle{position:absolute;top:28px;z-index:1;color:#fff;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:10px 17px;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.back-to-entrance{left:28px}.video-toggle{right:28px}.video-toggle:focus-visible{outline:3px solid var(--coral);outline-offset:4px}

.video-socials{position:absolute;z-index:2;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.45);backdrop-filter:blur(12px)}.video-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;transition:color .2s,background .2s,transform .2s}.video-socials svg{width:22px;height:22px;fill:currentColor}.video-socials a:hover{color:var(--coral);background:rgba(255,255,255,.1);transform:translateY(-2px)}.video-socials a:focus-visible{outline:2px solid #fff;outline-offset:3px}