@font-face{font-family:CS Display;src:url('assets/display.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:CS Sans;src:url('assets/sans.woff') format('woff');font-weight:400;font-display:swap}
.cs-scene{--yellow:#febf0f;position:relative;width:100%;height:100%;overflow:hidden;background:#191e1b;color:#fff;font-family:'CS Sans',sans-serif}
.cs-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden;background:#1d2e24}
.cs-panel{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.cs-panel video,.cs-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#cs-cycle{z-index:1}#cs-cycle video{object-position:62% 50%}
#cs-hike{z-index:2;left:52%;bottom:44%}#cs-hike video{object-position:46% 50%}
#cs-family{z-index:3;left:71%;top:56%}#cs-family video{object-position:60% 52%}
#cs-repair{z-index:4;left:48%;right:29%;top:56%}#cs-repair video{object-position:52% 50%}
.cs-shade{pointer-events:none;position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(9,18,15,.79) 0%,rgba(9,18,15,.64) 40%,rgba(9,18,15,.20) 78%,rgba(9,18,15,.18) 100%),linear-gradient(180deg,rgba(9,18,15,.82) 0%,rgba(9,18,15,.32) 17%,transparent 32%),linear-gradient(0deg,rgba(9,18,15,.65),transparent 48%)}
.cs-yellow{pointer-events:none;position:absolute;inset:0;background:var(--yellow);z-index:8}
.cs-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;z-index:10;transform-origin:0 0;pointer-events:none}
.cs-logo>img{position:absolute;inset:0}.cs-logo .cs-words{filter:url(#cs-ink-only);clip-path:polygon(18.5% 41.7%,70.6% 22.9%,77.3% 24.6%,83.4% 53.7%,75.8% 58.5%,29.1% 71.9%,21.8% 69.9%,18.3% 55.2%)}
.cs-logo{position:absolute;left:510px;top:100px;width:900px;height:879px;transform-origin:0 0}
.cs-logo img{display:block;width:100%;height:100%;object-fit:contain}
.cs-actor{position:absolute;inset:0;width:1920px;height:1080px;overflow:visible}
.cs-actor .limb{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round}
.cs-actor .body,.cs-actor circle{fill:#000}
.cs-site-header{position:absolute;z-index:12;left:48px;right:48px;top:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.cs-header-logo{width:154px;height:auto;display:block}
.cs-nav{display:flex;align-items:center;gap:40px;padding-top:23px;font-size:23px}
.cs-nav a,.cs-nav button{color:#fff;text-decoration:none;background:transparent;border:0;padding:6px 0;font:inherit;cursor:pointer}
.cs-copy{position:absolute;z-index:6;left:96px;top:320px;width:1150px}
.cs-host{font-size:27px;line-height:1.4;margin:0 0 19px}
.cs-title{font-family:'CS Display',sans-serif;font-weight:700;font-size:158px;line-height:.96;letter-spacing:-2px;margin:0 0 30px;max-width:1160px;text-wrap:balance}
.cs-description{font-size:30px;line-height:1.45;max-width:730px;margin:0}
.cs-bottom{position:absolute;bottom:60px;left:96px;right:72px;z-index:7;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.cs-actions{display:flex;align-items:center;gap:25px}
.cs-button{display:inline-flex;align-items:center;justify-content:center;min-height:66px;padding:18px 32px;border:0;background:var(--yellow);color:#000;text-decoration:none;font:700 25px/1.1 'CS Sans',sans-serif;cursor:pointer}
.cs-coming{font-size:22px;line-height:1.4;margin:0;max-width:230px;color:#fff}
.cs-quiet-button{display:inline-flex;align-items:center;gap:10px;padding:12px 0;background:transparent;border:0;color:#fff;font:22px/1.3 'CS Sans',sans-serif;cursor:pointer}
.cs-pause-icon{width:16px;height:19px;display:inline-flex;gap:5px;align-items:stretch}.cs-pause-icon:before,.cs-pause-icon:after{content:'';width:4px;background:currentColor}
@media(max-width:700px){
 .cs-site-header{left:22px;right:22px;top:20px}.cs-header-logo{width:106px}.cs-nav{padding-top:15px;font-size:16px;gap:18px}.cs-nav .desktop-replay{display:none}
 .cs-copy{left:26px;right:24px;top:29%;width:auto}.cs-host{font-size:17px;margin-bottom:17px}.cs-title{font-size:clamp(48px,13.8vw,88px);line-height:1.04;letter-spacing:-.7px;margin-bottom:24px}.cs-description{font-size:19px;line-height:1.45;max-width:360px}
 .cs-bottom{left:26px;right:26px;bottom:30px;align-items:flex-start;gap:22px;flex-direction:column}.cs-actions{gap:16px}.cs-button{font-size:17px;min-height:52px;padding:15px 20px}.cs-coming{font-size:13px;max-width:120px}.cs-quiet-button{font-size:15px;padding:7px 0}.cs-pause-icon{width:12px;height:15px;gap:4px}.cs-pause-icon:before,.cs-pause-icon:after{width:3px}
 #cs-hike{left:48%;bottom:48%}#cs-family{left:48%;top:52%}#cs-repair{display:none}.cs-shade{background:linear-gradient(90deg,rgba(9,18,15,.80),rgba(9,18,15,.55)),linear-gradient(0deg,rgba(9,18,15,.55),transparent)}
}