:root{--ink:#111a20;--deep:#101b24;--paper:#f5efe3;--cream:#fffaf0;--gold:#e6a92f;--orange:#e86632;--sky:#78c7df;--muted:#6e7779;--line:rgba(17,26,32,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Manrope,sans-serif}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}.site-header{height:76px;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;font:700 .92rem/1 Barlow Condensed,sans-serif;letter-spacing:.12em}.brand b{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:1.3rem}.site-header nav{display:flex;gap:2rem}.site-header nav a{text-decoration:none;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.menu-button{display:none;background:none;border:1px solid #ffffff66;color:white;padding:.5rem .8rem}.hero{min-height:760px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-bg,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(7,17,25,.92) 0%,rgba(7,17,25,.55) 48%,rgba(7,17,25,.08) 75%),linear-gradient(0deg,rgba(7,17,25,.45),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(760px,85%);margin-left:clamp(1.5rem,9vw,10rem);padding-top:60px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font:700 .72rem/1.2 Manrope,sans-serif;color:var(--orange);margin:0 0 1.4rem}.hero .eyebrow{color:#ffd06e}.hero h1,.section-heading h2,.studio h2,.contact h2{font:800 clamp(3.4rem,7vw,7.8rem)/.84 Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){max-width:590px;font-size:1.1rem;color:#d9e3e5;margin:2rem 0}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;border:0;padding:.9rem 1.35rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font:700 .74rem Manrope,sans-serif;cursor:pointer}.primary{background:var(--orange);color:white}.primary:hover{background:#ff7540}.ghost{border:1px solid #ffffff70;color:#fff}.scroll-cue{position:absolute;z-index:2;right:3rem;bottom:2.5rem;text-decoration:none;display:flex;align-items:center;gap:1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.scroll-cue i{font-style:normal;font-size:1.4rem;color:var(--gold)}.games{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,7rem)}.section-heading{max-width:1200px;margin:0 auto 4rem}.section-heading h2{font-size:clamp(3rem,6vw,6.5rem)}.section-heading>p:last-child{color:var(--muted);font-size:1.05rem}.game-card{max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:1.35fr 1fr;min-height:480px;background:var(--cream);box-shadow:0 18px 60px rgba(27,38,40,.1)}.game-card>img,.agoc-art{width:100%;height:100%;min-height:480px;object-fit:cover}.game-card>img{object-position:center}.game-copy{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}.game-copy h3{font:800 clamp(2.8rem,5vw,5rem)/.92 Barlow Condensed,sans-serif;text-transform:uppercase;margin:.7rem 0 1rem}.status{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--orange)}.status.live{color:#35825d}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0 1.5rem}.tags span{border:1px solid var(--line);padding:.28rem .65rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.text-link{font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;text-decoration:none}.text-link span{color:var(--orange);margin-left:.4rem}.reverse{grid-template-columns:1fr 1.35fr}.reverse .agoc-art{order:2}.agoc-art{position:relative;overflow:hidden;background:linear-gradient(#76c8e4 0 45%,#4e9a56 45% 64%,#80542d 64%);display:grid;place-items:center}.agoc-art:after{content:"";position:absolute;inset:48% -5% -20%;background:repeating-linear-gradient(90deg,#579d50 0 70px,#468542 70px 140px);transform:skewY(-5deg)}.agoc-art strong{z-index:2;color:white;text-align:center;text-shadow:4px 5px 0 #172d25;font:800 clamp(3rem,6vw,6.3rem)/.73 Barlow Condensed,sans-serif;letter-spacing:-.03em}.cube{position:absolute;width:90px;height:90px;background:#649b46;z-index:1;box-shadow:inset -16px -16px #487a35,inset 0 16px #79b958}.cube.one{left:10%;top:25%;transform:rotate(12deg)}.cube.two{right:12%;top:18%;transform:rotate(-9deg);width:65px;height:65px}.cube.three{left:30%;bottom:10%;transform:rotate(5deg);background:#89603b;box-shadow:inset -16px -16px #674225,inset 0 16px #4d8a3e}.studio{background:var(--sky);padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,9rem);align-items:center}.studio h2{font-size:clamp(3rem,5.5vw,6rem)}.studio-text{font-size:1.08rem}.studio-text p{margin:0 0 1.5rem}.creator-work{background:var(--deep);color:#fff;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,7rem)}.section-heading.light p:last-child{color:#aab8bc}.service-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff26}.service-grid article{padding:2.5rem 2rem 2rem 0;border-right:1px solid #ffffff26}.service-grid article+article{padding-left:2rem}.service-grid article:last-child{border-right:0}.service-grid span{color:var(--gold);font:700 .72rem Manrope}.service-grid h3{font:700 2rem Barlow Condensed;text-transform:uppercase;margin:.8rem 0}.service-grid p{color:#aebdc1;margin:0}.contact{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:1fr .85fr;gap:clamp(3rem,8vw,9rem)}.contact h2{font-size:clamp(3rem,5.5vw,6rem)}.contact>div>p:not(.eyebrow){max-width:530px;color:var(--muted)}.direct{margin-top:2rem}.direct a{font-weight:700}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:.45rem;background:transparent;border:0;border-bottom:1px solid #9ba09c;padding:.8rem .2rem;font:500 .95rem Manrope;outline:none}.contact textarea,.contact label:nth-of-type(4),.contact .button,.form-note{grid-column:1/-1}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--orange)}.contact .button{justify-self:start;margin-top:.8rem}.honey{position:absolute;left:-9999px}.form-note{margin:0;color:#41785c;font-weight:700}footer{background:#091117;color:#abb7ba;padding:2rem clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem}footer .brand{color:#fff}footer p{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}footer div{display:flex;gap:1.2rem}footer div a{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}footer small{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:1rem}
@media(max-width:800px){.site-header{height:66px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#0e1b24;padding:1.5rem;flex-direction:column;gap:1rem}.site-header nav.open{display:flex}.hero{min-height:680px}.hero-copy{margin-left:1.25rem}.hero-bg{object-position:63% center}.scroll-cue{display:none}.game-card,.reverse{grid-template-columns:1fr}.game-card>img,.agoc-art{min-height:320px;max-height:400px}.reverse .agoc-art{order:0}.studio,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{border-right:0;border-bottom:1px solid #ffffff26;padding:2rem 0}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}footer{grid-template-columns:1fr}footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{display:block;width:230px;height:58px;overflow:hidden}.brand .logo-art{display:block;width:100%;height:100%;background:#fff;-webkit-mask-image:url('assets/winchwork-logo-white.png');mask-image:url('assets/winchwork-logo-white.png');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center 49%;mask-position:center 49%;-webkit-mask-size:400px 400px;mask-size:400px 400px;-webkit-mask-mode:luminance;mask-mode:luminance}footer .brand{width:205px;height:52px}footer .brand .logo-art{-webkit-mask-size:356px 356px;mask-size:356px 356px}
.site-header .brand{width:245px;height:64px;display:flex;align-items:center;overflow:visible}.site-header .brand img{display:block;width:245px;height:auto;object-fit:contain;mix-blend-mode:normal}.site-header nav{margin-left:2rem}footer .brand{width:220px;height:auto;overflow:visible}footer .brand img{display:block;width:220px;height:auto;object-fit:contain;mix-blend-mode:normal}
.studio-intro{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);background:var(--cream)}.intro-lead h2{font:800 clamp(3.4rem,6vw,6.5rem)/.87 Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0}.intro-statement{max-width:570px;font-size:1.12rem;color:var(--muted);margin-top:2rem}.studio-pillars{border-top:1px solid var(--line)}.studio-pillars article{display:grid;grid-template-columns:46px 1fr;gap:1rem;padding:1.7rem 0;border-bottom:1px solid var(--line)}.studio-pillars article>span{font-size:.68rem;font-weight:800;color:var(--orange)}.studio-pillars h3{font:700 1.7rem/1 Barlow Condensed,sans-serif;text-transform:uppercase;margin:0 0 .65rem}.studio-pillars p{margin:0;color:var(--muted);font-size:.92rem}.games{padding-top:clamp(4rem,7vw,6rem)}
@media(max-width:800px){.studio-intro{grid-template-columns:1fr}.studio-pillars article{grid-template-columns:38px 1fr}.intro-lead h2{font-size:clamp(3rem,14vw,5rem)}}
body{font-family:Arial,sans-serif}.hero h1,.section-heading h2,.studio h2,.contact h2,.intro-lead h2,.game-copy h3,.service-grid h3,.studio-pillars h3{font-family:Impact,"Arial Narrow",Arial,sans-serif}.eyebrow,.button,.brand{font-family:Arial,sans-serif}.privacy-prompt{grid-column:1/-1;font-size:.76rem;color:var(--muted);margin:.25rem 0}.privacy-prompt a{font-weight:700}.legal-shell{min-height:100vh;background:var(--paper)}.legal-header{position:relative;background:var(--deep)}.legal-main{max-width:900px;margin:auto;padding:7rem 1.5rem}.legal-main h1{font:800 clamp(3.4rem,8vw,6rem)/.9 Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0 0 1.5rem}.legal-main h2{font-size:1.45rem;margin:2.5rem 0 .7rem}.legal-main h3{font-size:1rem;margin:1.7rem 0 .4rem}.legal-main p,.legal-main li{color:#465157}.legal-main a{font-weight:700}.legal-main .updated{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--orange)}.legal-main .rights{border-left:4px solid var(--orange);padding:1rem 1.25rem;background:var(--cream)}
.hero-bg{object-position:center center}.hero-copy{max-width:min(700px,calc(100vw - 3rem))}.hero h1{overflow-wrap:normal}.game-copy p{max-width:62ch}img{max-width:100%}input,select,textarea,button{max-width:100%}footer div{flex-wrap:wrap}
.game-card .roost-image{object-position:center center}
@media(min-width:1400px){.hero-copy{margin-left:max(9vw,calc((100vw - 1500px)/2))}.games,.studio-intro,.studio,.creator-work,.contact{padding-left:max(7rem,calc((100vw - 1600px)/2));padding-right:max(7rem,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.site-header nav{gap:1.1rem}.game-card,.reverse{grid-template-columns:1fr 1fr}.game-copy{padding:2.2rem}.game-copy h3{font-size:clamp(2.5rem,5vw,4rem)}.hero-bg{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(7,17,25,.92),rgba(7,17,25,.55) 62%,rgba(7,17,25,.15)),linear-gradient(0deg,rgba(7,17,25,.5),transparent 50%)}}
@media(max-width:800px){.site-header{padding:0 1rem}.site-header .brand{width:190px}.site-header .brand img{width:190px}.hero{min-height:620px;height:100svh}.hero-copy{width:auto;max-width:calc(100% - 2.5rem);margin-left:1.25rem;padding-top:60px}.hero h1{font-size:clamp(3.1rem,15vw,5.7rem)}.hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.55}.hero-bg{object-position:61% center}.game-card,.reverse{grid-template-columns:minmax(0,1fr)}.game-card>img,.agoc-art{width:100%;min-height:260px;aspect-ratio:16/10}.game-copy{padding:2rem 1.35rem}.studio,.contact{gap:2.5rem}.service-grid{display:block}.contact form{width:100%}footer{gap:1.25rem}footer div{gap:.8rem 1.2rem}.legal-header nav{display:flex;position:static;background:none;padding:0;flex-direction:row}.legal-header{min-height:66px}.legal-main{padding-top:5rem}}
@media(max-width:480px){.site-header .brand{width:165px}.site-header .brand img{width:165px}.menu-button{font-size:.7rem}.hero{min-height:600px}.hero h1{font-size:clamp(2.85rem,15.5vw,4.5rem)}.actions{width:100%}.actions .button{flex:1 1 100%}.section-heading{margin-bottom:2.5rem}.games,.studio-intro,.studio,.creator-work,.contact{padding-left:1rem;padding-right:1rem}.game-card{margin-left:0;margin-right:0}.contact h2,.studio h2{font-size:clamp(2.8rem,14vw,4rem)}footer .brand,footer .brand img{width:180px}.legal-header .brand{width:150px}.legal-header .brand img{width:150px}.legal-header nav{gap:.75rem}.legal-header nav a{font-size:.64rem}.legal-main{padding-left:1rem;padding-right:1rem}.legal-main h1{font-size:3rem}}
.agoc-image{order:2;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center}.reverse .agoc-image{order:2}@media(max-width:800px){.agoc-image,.reverse .agoc-image{order:0;min-height:260px;max-height:400px;aspect-ratio:16/10;object-position:center}}
@media(max-width:800px){.hero{display:block;height:auto;min-height:0;padding-top:66px;background:var(--deep)}.hero-bg{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1674/941;object-fit:contain;object-position:center}.hero-shade{display:none}.hero-copy{width:100%;max-width:none;margin:0;padding:2.5rem 1.25rem 3rem;background:var(--deep)}.hero h1{font-size:clamp(3.1rem,14vw,5.5rem)}.hero-copy>p:not(.eyebrow){max-width:38rem}.scroll-cue{display:none}}
@media(max-width:480px){.hero-copy{padding:2rem 1rem 2.5rem}.hero h1{font-size:clamp(2.85rem,15vw,4.2rem)}.hero .eyebrow{font-size:.62rem}.hero-copy>p:not(.eyebrow){font-size:.96rem}.actions .button{flex:1 1 100%}}