:root{--bs-accent:#e8412c;--bs-green:#4fae78;--bs-ink:#2a2320;--bs-bg:#fbf7f2}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bs-bg);color:var(--bs-ink);font-family:"Archivo",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:color-mix(in oklab,var(--bs-accent),#000 32%)}a:hover{color:color-mix(in oklab,var(--bs-accent),#000 50%)}
:focus-visible{outline:2px solid var(--bs-accent);outline-offset:2px}
.bs{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.bs-head{padding:24px clamp(20px,5vw,56px)}
.bs-logo{display:inline-flex;align-items:center;gap:10px}
.bs-logo__mark{width:44px;height:44px;border-radius:13px;background:var(--bs-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Noto Sans KR",sans-serif;font-size:18px;font-weight:900;letter-spacing:-.06em}
.bs-logo__word{display:flex;flex-direction:column;line-height:.95;font-size:22px;font-weight:900;letter-spacing:-.035em}
.bs-accent{color:var(--bs-accent)}
.bs-main{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:32px 56px;padding:clamp(16px,5vw,56px) clamp(20px,5vw,56px) 48px;max-width:1240px;width:100%}
.bs-text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.bs-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--bs-accent),#fff 90%);color:color-mix(in oklab,var(--bs-accent),#000 50%)}
.bs-chip__dot{width:8px;height:8px;border-radius:50%;background:var(--bs-accent);animation:bs-pulse 1.6s ease-in-out infinite}
.bs-h1{margin:0;font-size:clamp(42px,7vw,84px);line-height:.98;letter-spacing:-.045em;font-weight:900;text-wrap:balance}
.bs-p{margin:0;font-size:18px;line-height:1.55;color:#48413c;max-width:500px;text-wrap:pretty}
.bs-slogan{font-size:15px;font-weight:800;padding-top:16px;border-top:2px solid color-mix(in srgb,var(--bs-ink) 14%,transparent)}
.bs-art{flex:1 1 320px;min-width:0;max-width:520px}
.bs-gears{width:100%;height:auto;display:block;overflow:visible}
.bs-g--a{animation:bs-cw 12s linear infinite}
.bs-g--b{animation:bs-ccw 8s linear infinite}
.bs-g--c{animation:bs-cw 6s linear infinite}
.bs-tape{height:16px;background:repeating-linear-gradient(-45deg,var(--bs-ink) 0 14px,var(--bs-accent) 14px 28px);background-size:39.6px 16px;animation:bs-tape 1.2s linear infinite}
.bs-foot{display:flex;flex-wrap:wrap;gap:8px 20px;padding:18px clamp(20px,5vw,56px) 24px;font-size:13px;color:#6b615a}
@keyframes bs-cw{to{transform:rotate(360deg)}}
@keyframes bs-ccw{to{transform:rotate(-360deg)}}
@keyframes bs-pulse{50%{opacity:.25;transform:scale(.7)}}
@keyframes bs-tape{to{background-position:39.6px 0}}
@media (prefers-reduced-motion:reduce){.bs-g,.bs-chip__dot,.bs-tape{animation:none}}