@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#efe9d9;background:#08090d;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}img{display:block;max-width:100%}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}::selection{background:#e44534;color:white}.red{color:#f34a3c}.noise{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.095;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}.nav{height:80px;padding:0 max(4vw,32px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:6;background:#090b0f;border-bottom:1px solid #292b30}.nav-brand{display:flex;align-items:center;gap:12px;line-height:.87;font:900 27px 'Barlow Condensed',sans-serif;letter-spacing:-.3px}.nav-brand img{width:49px;height:49px;object-fit:contain}.nav-brand small{display:block;color:#827d76;font:800 10px 'DM Sans',sans-serif;letter-spacing:5px;margin-top:7px}.nav nav{display:flex;gap:35px}.nav nav a,.nav-social{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#b7b2a8;transition:color .2s}.nav nav a:hover,.nav-social:hover{color:#fff}.nav-social{border:1px solid #424247;padding:13px 16px}.nav-social span{color:#fa674e;margin-left:10px}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:26px}.hero{height:min(760px,calc(100svh - 80px));min-height:610px;position:relative;background:#171523;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:url('assets/scraploop-home.png');background-size:cover;background-position:center 45%;transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,12,.96) 0%,rgba(5,7,12,.83) 33%,rgba(5,7,12,.27) 70%,rgba(5,7,12,.1)),linear-gradient(0deg,#0a0b0e 0%,transparent 30%)}.hero-inner{max-width:1300px;margin:auto;position:relative;height:100%;padding:55px 40px 38px;display:flex;flex-direction:column;align-items:flex-start}.overline{font-size:10px;letter-spacing:2.8px;display:flex;align-items:center;gap:15px;font-weight:800;color:#d0c8b8}.live-dot{background:#f35a47;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #f35a47}.overline-rule{width:44px;height:1px;background:#b3a89b}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:#f36c55}.hero .eyebrow{margin:104px 0 0}.hero h1{font:900 clamp(82px,11vw,174px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:16px 0 25px;text-shadow:0 5px 50px #08090c}.slashes{color:#fa5645}.period{color:#f36b55}.hero-sub{font:800 17px 'DM Sans',sans-serif;letter-spacing:3px}.squiggle{color:#fd6453;margin-right:12px}.hero-desc{font-size:16px;line-height:1.75;max-width:480px;color:#c9c5c0;margin:28px 0}.hero-actions{display:flex;gap:12px}.button{border:1px solid #777;min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;gap:18px;font-weight:800;font-size:11px;letter-spacing:1.5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-main{background:#f04c3b;border-color:#f04c3b;color:#100c0b}.button-main span{font-size:18px}.button-ghost{background:#101216bd;color:#fff;border-color:#5e5c5c}.play-icon{color:#f35a47}.hero-foot{margin-top:auto;width:100%;display:flex;justify-content:space-between;font-size:10px;color:#bcb5ad;letter-spacing:1.7px}.hero-foot b{color:white}.vertical-label{position:absolute;right:19px;top:43%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#e1d8c7aa}.ticker{height:48px;overflow:hidden;border-top:1px solid #e8513a;border-bottom:1px solid #373234;background:#141115;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:40px;white-space:nowrap;animation:marquee 27s linear infinite;color:#e4d9c8;font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:2px}.ticker-track i{color:#f35a47}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section{max-width:1320px;margin:0 auto;padding:102px 40px}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #31343b;padding-bottom:20px;margin-bottom:55px}.kicker,.section-side{font-size:10px;font-weight:800;letter-spacing:2px;color:#b7b3ab}.kicker{display:flex;align-items:center;gap:12px}.line-mark{height:16px;width:4px;background:#f04c3b}.section-side{color:#766f6c}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:47px}.game-heading h2,.world-head h2,.studio-copy h2,.final-cta h2{font:900 clamp(58px,7vw,98px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:20px 0 0}.game-heading h2 em,.world-head h2 em{font-style:normal;color:#f0523e}.game-heading>p{max-width:375px;color:#b9b5af;line-height:1.85;font-size:14px}.feature-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:40px}.featured-image{padding:0;border:1px solid #504a49;position:relative;background:#131118;overflow:hidden;text-align:left;min-height:360px}.featured-image>img{height:100%;width:100%;object-fit:cover;filter:saturate(.88);transition:transform .6s}.featured-image:hover>img{transform:scale(1.04)}.featured-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08080a88,transparent 50%)}.video-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:103px;height:103px;border:1px solid #f5eee3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#f4eee5;background:#07080baa;font-size:26px}.video-play small{font-size:8px;letter-spacing:1.4px}.image-corner{position:absolute;bottom:17px;left:20px;z-index:2;font-size:10px;letter-spacing:2px;color:#d8d1c4}.feature-list{display:flex;flex-direction:column}.feature{display:flex;gap:18px;align-items:start;border-top:1px solid #383838;padding:18px 0;flex:1}.feature:last-child{border-bottom:1px solid #383838}.feature>span{font-size:12px;color:#ef5b48;font-weight:800;margin-top:3px}.feature div{flex:1}.feature h3{font:800 26px 'Barlow Condensed';letter-spacing:.5px;margin:0 0 5px}.feature p{margin:0;color:#a7a3a0;line-height:1.55;font-size:12px}.feature>b{font-size:19px;color:#776f68}.world-section{padding-top:75px}.world-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.world-head p{max-width:325px;color:#b8b2ab;line-height:1.8;font-size:14px}.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.gallery figure{margin:0;min-width:0;background:#17171e;position:relative}.gallery img{width:100%;height:350px;object-fit:cover}.gallery-small img{object-position:center}.gallery figcaption{padding:17px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:800;border:1px solid #2c2c32}.gallery figcaption span:last-child{color:#ef5d45}.statement{background:#ede6d5;color:#121011;padding:90px 40px;text-align:center;position:relative;overflow:hidden}.statement-label{font-size:10px;letter-spacing:3px;font-weight:800;color:#a74233}.statement p{font:900 clamp(45px,7vw,100px)/.9 'Barlow Condensed';letter-spacing:-.5px;margin:25px 0}.statement p span{color:#e35040}.statement-stamp{font-size:11px;font-weight:900;letter-spacing:2px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-copy h2{margin:12px 0 26px}.studio-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:430px;color:#b9b4b0}.social-buttons{display:flex;gap:10px;margin-top:35px;flex-wrap:wrap}.social-buttons a{padding:13px 16px;border:1px solid #505057;font-size:10px;font-weight:800;letter-spacing:1.2px}.social-buttons a:hover{border-color:#f25343;color:#f25343}.studio-mascot{position:relative;background:#151417;display:flex;align-items:center;justify-content:center;min-height:370px;border:1px solid #30282d}.studio-mascot img{width:300px;height:300px;object-fit:contain;mix-blend-mode:screen}.mascot-tag{position:absolute;top:20px;left:22px;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#f65b47}.mascot-caption{position:absolute;bottom:18px;left:22px;right:22px;color:#a9a4a1;font-size:9px;letter-spacing:1px}.mascot-caption b{color:#f25242}.final-cta{text-align:center;background:#141014;border-top:1px solid #3a2b2e;padding:110px 24px 120px}.final-cta>p{font-size:11px;color:#f25b47;letter-spacing:2.6px;font-weight:800}.final-cta h2{font-size:clamp(85px,13vw,170px);margin:15px 0 35px}.final-cta h2 span{color:#f25342}.final-buttons{display:flex;align-items:center;justify-content:center;gap:25px}.final-buttons>span{font-size:10px;letter-spacing:1px;color:#8e8581}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 4vw;background:#08090b;border-top:1px solid #343033;color:#7e7976;font-size:9px;letter-spacing:1.2px;font-weight:800}.footer-brand{font:900 22px 'Barlow Condensed';color:#f4eede;letter-spacing:.5px}.footer-brand span{color:#ee5642}footer a:hover{color:#f25342}dialog{max-height:90svh;max-width:calc(100vw - 24px);border:1px solid #6d4b47;background:#101116;color:#fff;padding:22px;box-shadow:0 30px 160px #000b}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-content video{height:min(75svh,740px);max-width:85vw;display:block;margin:auto}.dialog-content p{font-size:11px;letter-spacing:1.3px;color:#c9c3bd}.dialog-content p span{color:#756c6a;float:right}.dialog-close{position:absolute;right:7px;top:5px;border:0;color:#fff;background:#df473a;border-radius:50%;height:30px;width:30px;z-index:4}@media(max-width:900px){.nav{height:72px}.nav nav{gap:15px}.nav-social{display:none}.hero{height:690px}.hero .eyebrow{margin-top:100px}.hero h1{font-size:clamp(70px,12vw,120px)}.feature-layout{grid-template-columns:1fr}.featured-image{min-height:440px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.game-heading h2{font-size:72px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:250px}.studio-grid{gap:30px}}@media(max-width:640px){.nav{padding:0 18px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0d0e12;padding:22px;flex-direction:column;border-bottom:1px solid #373034}.nav nav.open{display:flex}.menu-toggle{display:block}.hero{height:auto;min-height:690px}.hero-art{background-position:67% center}.hero-shade{background:linear-gradient(90deg,#080a10e8,#080a1070),linear-gradient(0deg,#090a0e,transparent 35%)}.hero-inner{padding:36px 24px 34px}.overline{font-size:8px;letter-spacing:1.3px;flex-wrap:wrap}.hero .eyebrow{margin-top:143px}.hero h1{font-size:clamp(64px,15vw,95px);letter-spacing:-1px}.hero-sub{font-size:11px;letter-spacing:1.9px}.hero-desc{font-size:13px;max-width:360px}.hero-actions{flex-direction:column;width:100%;max-width:290px}.hero-foot{flex-direction:column;gap:10px;margin-top:50px;font-size:8px}.vertical-label{display:none}.section{padding:70px 22px}.section-top{margin-bottom:32px}.section-side{display:none}.game-heading{display:block}.game-heading h2,.world-head h2,.studio-copy h2{font-size:66px}.game-heading>p{font-size:13px;margin-top:20px}.featured-image{min-height:260px}.feature-list{display:block}.feature{padding:17px 0}.world-head{display:block}.world-head p{margin-top:20px;font-size:13px}.gallery{grid-template-columns:1fr}.gallery img{height:auto;max-height:320px}.gallery figcaption{font-size:8px}.statement{padding:80px 20px}.statement p{font-size:56px}.studio-grid{grid-template-columns:1fr}.studio-mascot{min-height:330px}.studio-mascot img{width:260px;height:260px}.final-cta{padding:90px 20px}.final-cta h2{font-size:93px}.final-buttons{flex-direction:column;gap:17px}footer{flex-direction:column;text-align:center;gap:12px}.ticker-track{gap:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:640px){.hero h1{font-size:clamp(48px,12.2vw,72px);white-space:nowrap;letter-spacing:-.5px}}

.studio-email{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-size:15px;font-weight:700;color:#efe9d9;letter-spacing:.2px;border-bottom:1px solid #a64b40;padding-bottom:9px;transition:color .2s}.studio-email span{color:#f35a47}.studio-email:hover{color:#f35a47}