.gud-page{color:#30395a;background:white}.gud-page main{overflow:hidden}.gud-page p{font-size:14px;line-height:1.65}.gud-page h2{font-size:29px;line-height:1.3;margin:20px 0 30px;font-weight:750}.gud-eyebrow{display:block;letter-spacing:2.4px;font-size:13px;font-weight:400}.gud-narrow{width:min(760px,calc(100% - 44px));margin:0 auto}.gud-hero{height:440px;background:#e9edf6;overflow:hidden;display:flex;align-items:center;justify-content:center}.gud-hero-img{width:100%;height:100%;object-fit:cover}.gud-brief{background:#f5f6fa;padding:130px 0 115px;position:relative}.gud-brief:before{content:' ';position:absolute;inset:0;background:url('gudbois-logo.png') center/1050px no-repeat;opacity:.045}.gud-brief-inner{width:min(760px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns: 38% 1fr;gap:8%;position:relative}.gud-brief h1{font-size:36px;line-height:1.05;margin:25px 0;font-weight:900}.gud-brief h1 strong{font-size:57px;letter-spacing:-2px}.gud-brief p{margin:0}.gud-band{background:#354679;color:white;text-align:center;font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:57px;line-height:1.1;padding:30px 8px}.gud-band b{font-weight:900;letter-spacing:-2px}.gud-mood{padding:70px 0 95px;display:grid;grid-template-columns: 22% 45% 27%;gap:3%;align-items:center;position:relative}.gud-mood img{width:100%;display:block;object-fit:contain}.gud-mood-left{grid-column:1;grid-row:1;padding-top:140px}.gud-mood-mid{grid-column:2;grid-row:1;display:grid;gap:16px}.gud-mood-mid img:first-child{max-height:150px}.gud-mood-mid img:not(:first-child){height:170px;object-fit:cover}.gud-mood-right{grid-column:3;grid-row:1}.gud-swatches{position:absolute;top:80px;left:0;width:22%;display:grid;gap:15px}.gud-swatches i{height:49px;background:#30395a}.gud-swatches i:nth-child(2){background:#445993}.gud-swatches i:nth-child(3){background:#bcc4d6}.gud-research{background:#303e61;color:white;padding:90px 0}.gud-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.gud-research-logos{display:grid;grid-template-columns:1fr 1fr;gap:13px}.gud-research-logos img{width:100%;height:120px;object-fit:contain;background:#fff}.gud-research-logos img:first-child{background:#000}.gud-process{background:#0e112c;color:white;padding:70px 0 90px}.gud-process-art{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:40px}.gud-process-art img{width:17%;height:110px;object-fit:contain;background:#fff}.gud-process-art img:last-child{width:25%;height:165px}.gud-process-copy{max-width:670px}.gud-guidelines{padding:65px 0 90px}.gud-colors{display:flex;justify-content:center;gap:30px;margin:35px 0 55px}.gud-colors div{width:124px;height:124px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;color:white;font-size:9px;line-height:1.4}.gud-type{display:grid;grid-template-columns:31% 69%;gap:40px 0;margin-top:35px;color:#333;font-size:19px}.gud-display{font-family:Impact,'Arial Narrow',sans-serif}.gud-social{padding:65px 0 75px}.gud-social-top{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:25px;margin-bottom:50px}.gud-social-top img{width:100%;max-height:440px;object-fit:contain}.gud-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gud-social-grid img{width:100%;aspect-ratio:1;object-fit:cover}.gud-merch{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;padding:75px 0 95px}.gud-merch img{width:100%;display:block;object-fit:cover;margin-bottom:22px}.gud-merch-left img:first-child{aspect-ratio:3/4}.gud-merch-left img:nth-child(2){aspect-ratio:1.5}.gud-merch-right img{aspect-ratio:1.08}.gud-letsplay{font-family:Impact,'Arial Narrow',sans-serif;font-size:68px;line-height:1.1}.gud-project-nav{width:min(760px,calc(100% - 44px));margin:0 auto 60px;display:flex;justify-content:space-between}.gud-project-nav a{color:#4b2cff;font-size:14px;font-weight:700;text-decoration:none}.gud-page footer{color:#222}@media(max-width:700px){.gud-hero{height:270px}.gud-brief{padding:70px 0}.gud-brief-inner,.gud-research-grid{grid-template-columns:1fr;gap:22px}.gud-brief h1{font-size:30px}.gud-brief h1 strong{font-size:47px}.gud-band{font-size:38px;padding:22px 5px}.gud-mood{padding:65px 0}.gud-research,.gud-process{padding:65px 0}.gud-type{font-size:12px;gap:30px 10px}.gud-colors{gap:10px}.gud-colors div{width:100px;height:100px;font-size:7px}.gud-social-top{gap:12px}.gud-social-grid{gap:10px}.gud-merch{gap:12px}.gud-merch img{margin-bottom:12px}.gud-letsplay{font-size:38px}.gud-mood-mid img:not(:first-child){height:105px}.gud-swatches i{height:27px}.gud-mood-left{padding-top:100px}}

/* Wix-reference fidelity pass: desktop proportions, original typography and placements */
.gud-page{font-family:'Metropolis',sans-serif}
.gud-page p{font-family:'Metropolis',sans-serif;font-size:13px;line-height:1.5;font-weight:400}
.gud-page h2{font-family:'Metropolis',sans-serif;font-weight:700;font-size:27px;line-height:1.25;letter-spacing:-.35px}
.gud-eyebrow{font-family:'Metropolis',sans-serif;font-weight:400;font-size:12px;letter-spacing:2px}
.gud-narrow,.gud-brief-inner,.gud-project-nav{width:min(640px,calc(100% - 44px))}
.gud-hero{height:380px}
.gud-brief{padding:118px 0 105px}
.gud-brief-inner{grid-template-columns:38% 1fr;gap:7%}
.gud-brief h1{font-family:'Roc Grotesk Wide',sans-serif;font-size:34px;letter-spacing:-1px;font-weight:700}
.gud-brief h1 strong{font-family:'Sugo Pro Display',Impact,sans-serif;font-weight:400;font-size:72px;letter-spacing:0}
.gud-band{font-family:'Sugo Pro Display',Impact,sans-serif;font-weight:400;font-size:62px;line-height:1;padding:25px 8px;min-height:106px;display:flex;justify-content:center;align-items:center;gap:0}
.gud-band b{font-weight:400;letter-spacing:0}
.gud-mood{padding:65px 0 85px;grid-template-columns:26% 44% 27%;gap:1.5%;min-height:570px}
.gud-mood-mid{gap:15px}.gud-mood-mid img:first-child{max-height:140px}.gud-mood-mid img:not(:first-child){height:140px}
.gud-swatches{top:80px;width:26%;gap:16px}.gud-swatches i{height:44px}
.gud-research{padding:90px 0}.gud-research-grid{gap:35px}.gud-research-logos img{height:105px}
.gud-process{padding:65px 0 90px}.gud-process-art{gap:13px}.gud-process-art img{height:90px}.gud-process-art img:last-child{height:155px}
.gud-guidelines{padding:55px 0 90px}.gud-colors{gap:25px}.gud-colors div{width:105px;height:105px}
.gud-type{font-family:'Roc Grotesk Wide',sans-serif;font-size:17px;grid-template-columns:35% 65%;gap:42px 0}
.gud-type>b:not(.gud-display){font-family:'Roc Grotesk Wide',sans-serif;font-weight:700}
.gud-type>span{font-family:'Roc Grotesk Wide',sans-serif;font-weight:400}
.gud-type .gud-display{font-family:'Sugo Pro Display',Impact,sans-serif;font-weight:400;font-size:25px;line-height:1.12}
.gud-social{padding:65px 0 70px}.gud-social-grid{gap:18px}
.gud-merch{grid-template-columns:1.18fr 1fr;gap:24px;padding:65px 0 85px}
.gud-merch-left img:first-child{aspect-ratio:3/4}.gud-merch-left img:nth-child(2){aspect-ratio:1.5}
.gud-merch-right img{aspect-ratio:1.08}
.gud-letsplay{font-family:'Sugo Pro Display',Impact,sans-serif;font-weight:400;font-size:76px}
@media(max-width:700px){.gud-hero{height:260px}.gud-brief{padding:65px 0}.gud-brief-inner{grid-template-columns:1fr}.gud-band{font-size:40px;min-height:75px;padding:15px 6px}.gud-mood{min-height:0;padding:55px 0}.gud-mood-mid img:not(:first-child){height:105px}.gud-swatches i{height:27px}.gud-type{font-size:11px;gap:25px 8px}.gud-type .gud-display{font-size:16px}.gud-letsplay{font-size:42px}}
/* v11: restore Wix desktop-scale composition, preserve existing mobile rules */
@media(min-width:701px){
.gud-narrow,.gud-brief-inner,.gud-project-nav{width:min(900px,calc(100% - 44px))}
.gud-hero{height:auto;aspect-ratio:3.15/1;min-height:430px;max-height:610px}
.gud-hero-img{width:100%;height:100%;object-fit:contain;object-position:center center}
.gud-brief{padding:155px 0 145px}
.gud-brief-inner{grid-template-columns:38% 1fr;gap:7%}
.gud-brief h1{font-size:43px}
.gud-brief h1 strong{font-size:90px}
.gud-page p{font-size:16px}
.gud-page h2{font-size:34px}
.gud-mood{min-height:640px;padding:10px 0 45px;grid-template-columns:26% 44% 27%}
.gud-mood-mid img:first-child{max-height:190px}
.gud-mood-mid img:not(:first-child){height:190px}
.gud-swatches{top:85px}.gud-swatches i{height:58px}
.gud-band{font-size:74px;padding:25px 8px}
}
@media(max-width:700px){.gud-hero-img{object-fit:contain}.gud-hero{background:#e9edf6}}

/* v12: proportional desktop layout measured against Wix recording viewport. */
@media(min-width:901px){
 .gud-narrow,.gud-brief-inner,.gud-project-nav{width:51%;max-width:1040px;min-width:0}
 .gud-hero{height:auto;min-height:0;max-height:none;aspect-ratio:3.18 / 1;overflow:hidden}
 .gud-hero-img{width:100%;height:100%;object-fit:contain;object-position:center}
 .gud-brief{padding:clamp(85px,9vw,160px) 0 clamp(90px,8.7vw,155px)}
 .gud-brief-inner{grid-template-columns:40% 1fr;gap:6%}
 .gud-brief h1{font-size:clamp(30px,2.6vw,48px)}
 .gud-brief h1 strong{font-size:clamp(60px,5.4vw,100px)}
 .gud-page p{font-size:clamp(13px,.96vw,18px)}
 .gud-page h2{font-size:clamp(25px,2vw,37px)}
 .gud-band{font-size:clamp(53px,4.4vw,82px);min-height:0;padding:clamp(20px,1.5vw,30px) 8px}
 .gud-mood{min-height:0;padding:0 0 clamp(35px,3vw,60px);grid-template-columns:26% 44% 27%;gap:1.5%;align-items:center}
 .gud-mood-mid{gap:clamp(12px,1.2vw,20px)}
 .gud-mood-mid img:first-child{max-height:none;height:auto}
 .gud-mood-mid img:not(:first-child){height:auto;aspect-ratio:1.95;object-fit:cover}
 .gud-swatches{top:12%;gap:clamp(12px,1vw,19px)}
 .gud-swatches i{height:auto;aspect-ratio:3.45}
 .gud-mood-left{padding-top:58%}
 .gud-research{padding:clamp(65px,5.5vw,100px) 0}
 .gud-process{padding:clamp(60px,5vw,95px) 0}
 .gud-social,.gud-guidelines{padding-top:clamp(55px,4vw,85px)}
 .gud-merch{padding-top:clamp(55px,4vw,85px)}
}
@media(min-width:701px) and (max-width:900px){
 .gud-narrow,.gud-brief-inner,.gud-project-nav{width:70%;max-width:none}
 .gud-hero{min-height:0;aspect-ratio:3.18 / 1}
 .gud-hero-img{object-fit:contain}
}

/* v13: correct full-bleed hero, readable guidelines, restrained footer */
.gud-hero{width:100%;background:#e9edf6}
.gud-hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.gud-page .footer-bottom p{font-size:11px!important;line-height:1.5!important;font-weight:400!important;letter-spacing:0!important;margin:0!important}
@media(min-width:901px){
 .gud-hero{aspect-ratio:3.18/1}
 .gud-hero-img{object-fit:cover}
 .gud-narrow,.gud-brief-inner,.gud-project-nav{width:60%;max-width:1150px}
 .gud-guidelines{padding-top:clamp(75px,5.5vw,105px);padding-bottom:clamp(90px,6vw,120px)}
 .gud-guidelines .gud-eyebrow{font-size:clamp(13px,0.95vw,17px)}
 .gud-colors{margin:45px 0 75px}
 .gud-colors div{width:clamp(120px,8vw,158px);height:clamp(120px,8vw,158px);font-size:clamp(10px,.67vw,13px)}
 .gud-type{font-size:clamp(20px,1.35vw,27px);grid-template-columns:34% 66%;gap:clamp(48px,3.5vw,70px) 0;line-height:1.4}
 .gud-type .gud-display{font-size:clamp(30px,2.05vw,41px);line-height:1.12}
 .gud-type>*,.gud-type>span{overflow-wrap:normal}
 .gud-research-logos img{height:clamp(125px,9vw,180px)}
 .gud-process-art img{height:clamp(105px,8vw,155px)}
 .gud-process-art img:last-child{height:clamp(170px,12vw,235px)}
}
@media(min-width:701px) and (max-width:900px){
 .gud-hero-img{object-fit:cover}
 .gud-narrow,.gud-brief-inner,.gud-project-nav{width:78%}
 .gud-type{font-size:18px}.gud-type .gud-display{font-size:26px}
}
@media(max-width:700px){
 .gud-hero{aspect-ratio:16/9;height:auto}
 .gud-hero-img{object-fit:cover}
 .gud-type{font-size:clamp(12px,2.6vw,16px);grid-template-columns:34% 66%;gap:28px 0}
 .gud-type .gud-display{font-size:clamp(17px,3.6vw,23px)}
 .gud-page .footer-bottom p{font-size:10px!important}
}

/* v14: Wix-matched compact social gallery and merchandise composition */
@media (min-width:901px){
 .gud-social,.gud-merch{width:min(640px,calc(100% - 44px));max-width:640px}
 .gud-social{padding:60px 0 65px}
 .gud-social-top{grid-template-columns: 220px 1fr;gap:26px;align-items:center;margin-bottom:38px}
 .gud-social-top img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
 .gud-social-grid{width:520px;max-width:100%;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .gud-social-grid img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center}
 .gud-merch{grid-template-columns: 1.22fr 1fr;gap:24px;padding:65px 0 85px;align-items:start}
 .gud-merch img{display:block;width:100%;height:auto;object-fit:contain;margin:0 0 20px}
 .gud-merch-left img:first-child{aspect-ratio:3/4}
 .gud-merch-left img:nth-child(2){aspect-ratio:3/2}
 .gud-merch-right img{aspect-ratio:auto}
 .gud-merch-right img:first-child{aspect-ratio:4/3}
 .gud-merch-right img:nth-child(2){aspect-ratio:1/1}
 .gud-merch-right img:nth-child(3){aspect-ratio:4/3}
 .gud-letsplay{font-size:clamp(48px,4.2vw,68px);line-height:1.1;white-space:nowrap;margin-top:30px}
}
@media(min-width:701px) and (max-width:900px){
 .gud-social,.gud-merch{width:min(640px,calc(100% - 44px))}
 .gud-social-grid{width:520px;max-width:100%;margin-inline:auto}
 .gud-social-top{grid-template-columns:35% 1fr}
 .gud-merch img{object-fit:contain}
}
@media(max-width:700px){
 .gud-social-grid img{aspect-ratio:1;object-fit:cover}
 .gud-merch img{object-fit:contain}
 .gud-letsplay{white-space:nowrap;font-size:clamp(25px,6vw,42px)}
}

/* v15: restore Wix-like social gallery scale without touching merchandise */
@media(min-width:901px){.gud-social{width:min(760px,calc(100% - 44px));max-width:760px}.gud-social-top{grid-template-columns: 260px 1fr;gap:28px}.gud-social-grid{width:620px;max-width:100%;gap:20px}}
@media(min-width:701px) and (max-width:900px){.gud-social{width:min(760px,calc(100% - 44px))}.gud-social-grid{width:620px;max-width:100%}}

/* v16: user-supplied social mockups, stronger phone scale, Wix merchandise alignment */
@media(min-width:901px){
 .gud-social{width:min(850px,calc(100% - 48px));max-width:850px;padding-top:65px}
 .gud-social-top{display:grid;grid-template-columns:42% 1fr;gap:24px;align-items:center;margin-bottom:42px}
 .gud-social-top img{width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
 .gud-social-top img:nth-child(2){aspect-ratio:1/1;object-fit:cover}
 .gud-social-grid{width:680px;max-width:100%;gap:20px}
 .gud-merch{width:min(850px,calc(100% - 48px));max-width:850px;grid-template-columns:1.22fr 1fr;gap:26px}
 .gud-merch-left,.gud-merch-right{min-width:0}
 .gud-merch-left img:nth-child(2){margin-bottom:0}
 .gud-letsplay{display:block;box-sizing:border-box;width:100%;margin:26px 0 0;font-size:clamp(75px,6.3vw,103px);line-height:1;letter-spacing:.005em;white-space:nowrap;text-align:left}
}
@media(min-width:701px) and (max-width:900px){
 .gud-social,.gud-merch{width:min(760px,calc(100% - 40px))}
 .gud-social-top{grid-template-columns:42% 1fr;gap:20px}
 .gud-social-top img:nth-child(2){aspect-ratio:1;object-fit:cover}
 .gud-merch{grid-template-columns:1.22fr 1fr;gap:20px}
 .gud-letsplay{font-size:clamp(48px,7.2vw,72px);margin-top:20px}
}
@media(max-width:700px){.gud-social-top img:nth-child(2){aspect-ratio:1;object-fit:cover}.gud-letsplay{margin-top:18px}}

/* v17: reference-matched large phone pair and merchandise wordmark alignment */
@media(min-width:901px){
 .gud-social{width:min(940px,calc(100% - 48px));max-width:940px}
 .gud-social-top{grid-template-columns:43% 1fr;gap:26px;align-items:center;margin-bottom:54px}
 .gud-social-top img:first-child{width:100%;height:auto;max-height:none;object-fit:contain}
 .gud-social-top img:nth-child(2){width:100%;aspect-ratio:1/1;object-fit:cover}
 .gud-social-grid{width:min(680px,100%)}
 .gud-merch{width:min(940px,calc(100% - 48px));max-width:940px;grid-template-columns:1.22fr 1fr;gap:28px}
 .gud-letsplay{display:flex;align-items:baseline;justify-content:space-between;width:100%;font-size:clamp(72px,5.2vw,96px);letter-spacing:0;white-space:nowrap;line-height:1.08;margin-top:24px}
 .gud-letsplay span{display:block;flex:0 0 auto}
}
@media(min-width:701px) and (max-width:900px){
 .gud-social-top{grid-template-columns:43% 1fr;gap:22px}
 .gud-letsplay{display:flex;justify-content:space-between;font-size:clamp(48px,7vw,68px);letter-spacing:0}
}
@media(max-width:700px){
 .gud-letsplay{display:flex;justify-content:space-between;letter-spacing:0;font-size:clamp(25px,6vw,42px)}
}

/* v18: natural wordmark, bottom-align right beanie with wordmark */
.gud-letsplay{display:block!important;letter-spacing:0!important;word-spacing:normal!important;justify-content:initial!important;font-family:'Sugo Pro Display',Impact,sans-serif;white-space:nowrap;font-weight:400;line-height:1.05}
@media(min-width:901px){
 .gud-merch{align-items:stretch}
 .gud-merch-right{display:flex;flex-direction:column;justify-content:space-between}
 .gud-merch-right img:last-child{margin-bottom:0}
 .gud-letsplay{font-size:clamp(72px,5.2vw,96px);margin-top:25px;margin-bottom:0}
}
@media(min-width:701px) and (max-width:900px){.gud-merch-right{display:flex;flex-direction:column;justify-content:space-between}.gud-merch-right img:last-child{margin-bottom:0}}
@media(max-width:700px){.gud-letsplay{font-size:clamp(26px,6vw,42px)}}

/* v19: screenshot-measured Wix merchandise composition; replaces accumulated overrides */
@media(min-width:701px){
 .gud-merch.gud-narrow{box-sizing:border-box;width:min(735px,calc(100% - 56px))!important;max-width:735px!important;margin-inline:auto!important;grid-template-columns:minmax(0,389fr) minmax(0,318fr)!important;column-gap:27px!important;align-items:start!important;padding:75px 0 50px!important}
 .gud-merch-left,.gud-merch-right{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
 .gud-merch img{display:block!important;width:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;height:auto!important}
 .gud-merch-left img:first-child{aspect-ratio:389/520!important}
 .gud-merch-left img:nth-child(2){aspect-ratio:389/259!important;margin-top:24px!important}
 .gud-merch-right img:first-child{aspect-ratio:318/338!important}
 .gud-merch-right img:nth-child(2){aspect-ratio:1/1!important;margin-top:24px!important}
 .gud-merch-right img:nth-child(3){aspect-ratio:318/238!important;margin-top:23px!important;margin-bottom:0!important}
 .gud-letsplay{display:block!important;position:relative!important;width:max-content!important;max-width:none!important;margin:49px 0 0!important;font-family:'Sugo Pro Display',Impact,sans-serif!important;font-size:120px!important;font-weight:400!important;line-height:.75!important;letter-spacing:0!important;word-spacing:normal!important;white-space:nowrap!important;text-align:left!important;transform-origin:left center!important}
}
@media(max-width:700px){.gud-merch.gud-narrow{width:calc(100% - 36px)!important;margin-inline:auto!important}.gud-letsplay{font-size:clamp(28px,8vw,65px)!important;letter-spacing:0!important}}


/* v20: scale the full case study up on desktop while preserving v19 composition */
@media(min-width:901px){
 .gud-page p{font-size:16px;line-height:1.72}
 .gud-page h2{font-size:36px;line-height:1.28;margin:24px 0 34px}
 .gud-eyebrow{font-size:14px;letter-spacing:2.6px}
 .gud-narrow,.gud-brief-inner,.gud-project-nav{width:min(1240px,calc(100% - 88px))!important;max-width:1240px!important}
 .gud-hero{aspect-ratio:2.95/1;min-height:540px}
 .gud-brief{padding:155px 0 135px}
 .gud-brief:before{background-size:1260px}
 .gud-brief-inner{grid-template-columns:39% 1fr;gap:8.5%}
 .gud-brief h1{font-size:48px}
 .gud-brief h1 strong{font-size:78px;letter-spacing:-2px}
 .gud-band{font-size:78px;line-height:1.08;padding:34px 8px}
 .gud-mood.gud-narrow{width:min(1040px,calc(100% - 88px))!important;max-width:1040px!important;padding:82px 0 112px;gap:2.4%}
 .gud-mood-mid{gap:20px}
 .gud-swatches{top:92px;width:22.5%;gap:18px}
 .gud-swatches i{height:56px}
 .gud-mood-left{padding-top:56%}
 .gud-research{padding:108px 0}
 .gud-research-grid{width:min(1120px,calc(100% - 88px))!important;max-width:1120px!important;gap:72px}
 .gud-research-logos img{height:168px}
 .gud-process{padding:92px 0 110px}
 .gud-process>.gud-narrow{width:min(1120px,calc(100% - 88px))!important;max-width:1120px!important}
 .gud-process-art{gap:16px}
 .gud-process-art img{height:132px}
 .gud-process-art img:last-child{height:214px}
 .gud-guidelines{width:min(1150px,calc(100% - 88px))!important;max-width:1150px!important;padding:86px 0 112px}
 .gud-colors{margin:52px 0 88px;gap:28px}
 .gud-colors div{width:148px;height:148px;font-size:12px}
 .gud-type{font-size:24px;grid-template-columns:34% 66%;gap:54px 0;line-height:1.42}
 .gud-type .gud-display{font-size:38px}
 .gud-social{width:min(1060px,calc(100% - 88px))!important;max-width:1060px!important;padding:74px 0 90px}
 .gud-social-top{grid-template-columns:43% 1fr;gap:32px;align-items:center;margin-bottom:58px}
 .gud-social-grid{width:min(760px,100%)!important;max-width:760px!important;gap:24px}
 .gud-merch.gud-narrow{width:min(870px,calc(100% - 88px))!important;max-width:870px!important;grid-template-columns:minmax(0,460fr) minmax(0,377fr)!important;column-gap:33px!important;align-items:start!important;padding:88px 0 62px!important}
 .gud-merch-left img:nth-child(2){margin-top:28px!important}
 .gud-merch-right img:nth-child(2){margin-top:28px!important}
 .gud-merch-right img:nth-child(3){margin-top:27px!important}
 .gud-letsplay{font-size:142px!important;line-height:.74!important;margin-top:56px!important}
 .gud-project-nav{width:min(1120px,calc(100% - 88px))!important;max-width:1120px!important;padding-bottom:60px}
}
@media(min-width:701px) and (max-width:900px){
 .gud-page p{font-size:15px;line-height:1.7}
 .gud-page h2{font-size:32px}
 .gud-narrow,.gud-brief-inner,.gud-project-nav{width:min(88%,820px)!important;max-width:820px!important}
 .gud-band{font-size:64px;padding:28px 8px}
 .gud-social{width:min(88%,820px)!important;max-width:820px!important}
 .gud-social-top{grid-template-columns:43% 1fr;gap:26px;margin-bottom:44px}
 .gud-social-grid{width:min(620px,100%)!important;max-width:620px!important;gap:20px}
 .gud-merch.gud-narrow{width:min(88%,780px)!important;max-width:780px!important;grid-template-columns:minmax(0,430fr) minmax(0,352fr)!important;column-gap:28px!important;padding:80px 0 54px!important}
 .gud-letsplay{font-size:118px!important;margin-top:48px!important}
}


/* v21: larger social hero image, equalized merchandise gaps, wider #LETSPLAY */
@media(min-width:901px){
  .gud-social{width:min(1120px,calc(100% - 88px))!important;max-width:1120px!important}
  .gud-social-top{grid-template-columns:46% 1fr!important;gap:28px!important;align-items:center!important}
  .gud-social-top img:first-child{width:100%!important;max-width:none!important}
  .gud-social-top img:nth-child(2){width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important}
  .gud-social-grid{width:min(760px,100%)!important;max-width:760px!important}

  .gud-merch.gud-narrow{width:min(900px,calc(100% - 88px))!important;max-width:900px!important;grid-template-columns:minmax(0,470fr) minmax(0,370fr)!important;column-gap:28px!important;padding:88px 0 62px!important}
  .gud-merch-left img:nth-child(2){margin-top:28px!important}
  .gud-merch-right img:nth-child(2), .gud-merch-right img:nth-child(3){margin-top:28px!important}
  .gud-letsplay{display:block!important;width:100%!important;max-width:100%!important;margin-top:28px!important;font-size:154px!important;line-height:.74!important;letter-spacing:0!important;white-space:nowrap!important;text-align:left!important;overflow:visible!important}

  .gud-project-nav{width:min(1140px,calc(100% - 88px))!important;max-width:1140px!important}
}
@media(min-width:701px) and (max-width:900px){
  .gud-social{width:min(88%,840px)!important;max-width:840px!important}
  .gud-social-top{grid-template-columns:46% 1fr!important;gap:22px!important}
  .gud-merch.gud-narrow{column-gap:24px!important}
  .gud-merch-left img:nth-child(2), .gud-merch-right img:nth-child(2), .gud-merch-right img:nth-child(3){margin-top:24px!important}
  .gud-letsplay{width:100%!important;margin-top:24px!important;font-size:126px!important}
}


/* v22: constrain the lettering to the desk image, preserve its natural tracking */
.gud-letsplay{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap!important}
.gud-letsplay-word{display:inline-block;width:max-content;max-width:none;white-space:nowrap;transform-origin:left center;letter-spacing:0!important;vertical-align:top}

/* v23: pin the complete wordmark to the beanie's bottom edge without altering typography */
@media(min-width:701px){
 .gud-merch.gud-narrow{align-items:stretch!important}
 .gud-merch-left{position:relative!important;min-height:100%!important;padding-bottom:0!important}
 .gud-merch .gud-letsplay{position:absolute!important;left:0!important;bottom:0!important;top:auto!important;margin:0!important;line-height:.74!important}
}


/* v24: crop a little height from the desk image, so its gap to the bottom-aligned
   wordmark matches the 28px merchandise spacing. All other geometry stays v23. */
@media(min-width:701px){
 .gud-merch-left img:nth-child(2){aspect-ratio:389 / 244!important;object-fit:cover!important;object-position:center center!important}
}


/* v25 — accessible Wix-style full-image viewer, no layout changes. */
.gud-social img,.gud-merch img{cursor:zoom-in;-webkit-user-drag:none;user-select:none}
.gud-social img:focus-visible,.gud-merch img:focus-visible{outline:3px solid #4b2cff;outline-offset:4px}
.gud-lightbox[hidden]{display:none!important}
.gud-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(7,8,15,.94);display:flex;align-items:center;justify-content:center;padding:clamp(22px,4vw,70px);box-sizing:border-box;color:#fff}
.gud-lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-width:0}
.gud-lightbox-image{display:block;max-width:min(90vw,1500px);max-height:calc(100dvh - 145px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 10px 45px rgba(0,0,0,.16)}
.gud-lightbox-caption{font-family:Metropolis,Arial,sans-serif;text-align:center;margin-top:15px;font-size:12px;letter-spacing:.06em;color:#d2d2da;line-height:1.45}
.gud-lightbox button{appearance:none;border:0;background:rgba(0,0,0,.38);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .16s ease}
.gud-lightbox button:hover,.gud-lightbox button:focus-visible{background:rgba(255,255,255,.2)}
.gud-lightbox-close{position:absolute;right:25px;top:18px;font-size:36px;width:48px;height:48px;z-index:2}
.gud-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:47px;height:60px;font-size:28px;z-index:2}
.gud-lightbox-prev{left:20px}.gud-lightbox-next{right:20px}
@media(max-width:700px){
 .gud-lightbox{padding:55px 12px 40px}
 .gud-lightbox-image{max-width:calc(100vw - 26px);max-height:calc(100dvh - 175px)}
 .gud-lightbox-close{right:8px;top:7px}
 .gud-lightbox-arrow{top:auto;bottom:15px;transform:none;width:55px;height:42px}
 .gud-lightbox-prev{left:calc(50% - 65px)}.gud-lightbox-next{right:calc(50% - 65px)}
}

/* v26: captions removed from lightbox; images only. */


/* v27 — larger GUDBOIS hero and case-study text, keeping v26 galleries/lightbox intact */
@media (min-width: 901px) {
  .gud-hero { height: auto; aspect-ratio: 2.65 / 1; min-height: 600px; max-height: 760px; }
  .gud-hero-img { object-fit: cover; object-position: center center; }
  .gud-brief { padding: 180px 0 165px; }
  .gud-brief-inner { width: min(1320px, calc(100% - 110px)) !important;
                     max-width: 1320px !important; grid-template-columns: 43% 1fr; gap: 6%; align-items: center; }
  .gud-brief h1 { font-size: clamp(56px, 4.1vw, 80px); line-height: 1.06; }
  .gud-brief h1 strong { font-size: clamp(94px, 6.8vw, 132px); letter-spacing: -.03em; }
  .gud-brief .gud-eyebrow, .gud-research .gud-eyebrow,
  .gud-process .gud-eyebrow { font-size: 17px; }
  .gud-brief h2 { font-size: clamp(42px, 3.2vw, 58px); line-height: 1.16; margin: 24px 0 36px; }
  .gud-brief p { font-size: clamp(19px, 1.25vw, 23px); line-height: 1.65; }
  .gud-research h2, .gud-process h2 { font-size: clamp(39px, 2.9vw, 52px); line-height: 1.18; }
  .gud-research p, .gud-process p { font-size: clamp(18px, 1.15vw, 21px); line-height: 1.75; }
  .gud-research { padding-top: 125px; padding-bottom: 125px; }
  .gud-process { padding-top: 112px; padding-bottom: 132px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .gud-hero { height: auto; min-height: 390px; aspect-ratio: 2.65 / 1; }
  .gud-brief { padding: 110px 0 105px; }
  .gud-brief h1 { font-size: 43px; }
  .gud-brief h1 strong { font-size: clamp(70px, 8vw, 93px); }
  .gud-brief h2 { font-size: 36px; }
  .gud-brief p, .gud-research p, .gud-process p { font-size: 17px; line-height: 1.7; }
}
@media (max-width: 700px) {
  .gud-hero { height: auto; min-height: 260px; aspect-ratio: 16 / 9; }
  .gud-brief h1 { font-size: clamp(34px, 8vw, 48px); }
  .gud-brief h1 strong { font-size: clamp(54px, 12vw, 75px); }
  .gud-brief h2 { font-size: clamp(28px, 6vw, 36px); }
  .gud-brief p, .gud-research p, .gud-process p { font-size: 16px; line-height: 1.7; }
}
/* Shared case-study project navigation: legible and easily clickable */
.gud-page .gud-project-nav { gap: 28px; align-items: center; }
.gud-page .gud-project-nav a {
  font-size: clamp(17px, 1.35vw, 23px) !important;
  font-weight: 700; line-height: 1.4; letter-spacing: .025em;
  display: inline-flex; align-items: center; min-height: 48px;
  text-decoration: none;
}
.gud-page .gud-project-nav a:hover,
.gud-page .gud-project-nav a:focus-visible { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 700px) {
  .gud-page .gud-project-nav { width: calc(100% - 36px) !important; gap: 12px; }
  .gud-page .gud-project-nav a { font-size: 16px !important; }
}

/* v28 — bottom project navigation 15% smaller only */
.gud-page .gud-project-nav a{font-size:clamp(14.45px,1.1475vw,19.55px)!important;}
@media(max-width:700px){.gud-page .gud-project-nav a{font-size:13.6px!important;}}


/* v29: the animated source is exactly 1920×1080 (16:9).
   Match its native aspect ratio at every viewport, showing the complete artwork. */
.gud-page .gud-hero{
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  overflow:hidden;
  background:#e9edf6;
}
.gud-page .gud-hero-img{
  display:block;
  width:100%;height:100%;
  object-fit:contain!important;
  object-position:center center!important;
}


/* v30: shorter hero while preserving the full wolf + wordmark within the frame.
   Soft matching side backdrop avoids harsh empty letterbox panels. */
.gud-page .gud-hero {
  height: clamp(340px, 34vw, 590px) !important;
  min-height: 0 !important;
  max-height: 590px !important;
  aspect-ratio: auto !important;
  background: #e9edf6 url('gudbois-hero.gif') center center / cover no-repeat !important;
}
.gud-page .gud-hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 700px) {
  .gud-page .gud-hero {
    height: clamp(220px, 52vw, 340px) !important;
    max-height: 340px !important;
  }
}


/* v31 — ONE animated hero; slight zoom trims empty margins, not the central logo */
.gud-page .gud-hero {
  height: clamp(350px, 34vw, 580px) !important;
  min-height: 0 !important;
  max-height: 580px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: linear-gradient(to bottom, #e6edf8 0%, #dbe1ef 56%, #aab3cc 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gud-page .gud-hero-img {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 120% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width:700px) {
  .gud-page .gud-hero { height: clamp(230px, 51vw, 340px) !important; max-height: 340px !important; }
  .gud-page .gud-hero-img { height: 115% !important; }
}

/* v32: single full-bleed GIF, no side bars or duplicate image.
   Crop only the excess top/bottom so the focal artwork is larger. */
.gud-page .gud-hero {
  display:block!important;
  width:100%!important;
  height:clamp(390px,36vw,630px)!important;
  min-height:0!important; max-height:630px!important;
  aspect-ratio:auto!important; overflow:hidden!important;
  background:#e9edf6!important;
}
.gud-page .gud-hero-img {
  display:block!important;
  width:100%!important; height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none;
}
@media(max-width:700px) {
  .gud-page .gud-hero {height:clamp(230px,57vw,390px)!important;max-height:390px!important;}
}

/* v33: mobile header dropdown must NOT capture the bottom project navigation */
@media (max-width:720px) {
  .gud-page main nav.gud-project-nav,
  .gud-page main nav.gud-project-nav.open {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: calc(100% - 36px) !important;
    max-width: none !important;
    margin: 0 auto 44px !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    gap: 12px !important;
    letter-spacing: normal !important;
  }
  .gud-page main nav.gud-project-nav a {
    width: auto !important;
    flex: 0 1 auto !important;
    padding: 10px 0 !important;
    border: 0 !important;
    font-size: 13.6px !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }
  .gud-page .site-header .nav-wrap > nav {
    /* Explicitly limit dropdown styling to the header menu */
    position: absolute;
    background: white;
  }
}

/* v35: research image rectangles without forced white letterboxing. */
.gud-page .gud-research-logos img {
  display:block; width:100%; height:auto !important; aspect-ratio:900 / 592;
  object-fit:cover !important; object-position:center;
  background:transparent !important;
}

/* v40: Reveal the four hashtag banner titles with the shared homepage scroll animation.
   Sugo Thin for the hash only; main words stay in original Sugo Display. */
@font-face {
  font-family: 'Sugo Pro Display Thin';
  src: url('sugo-display-thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
.gud-page .gud-band .gud-band-title {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  font: inherit;
  line-height: inherit;
  gap: 0;
  max-width: 100%;
}
.gud-page .gud-band .gud-band-title .gud-hash {
  font-family: 'Sugo Pro Display Thin', 'Sugo Pro Display', Impact, sans-serif;
  font-weight: 100;
  line-height: 1;
}
.gud-page .gud-band .gud-band-title b {
  font-family: 'Sugo Pro Display', Impact, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

/* v41: Wix-like oversized, subtle dog watermark. */
@media (min-width: 901px) {
  .gud-page .gud-brief::before {
    background-position: center center;
    background-size: max(1550px, 115vw);
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  .gud-page .gud-brief::before { background-size: 145vw; }
}

/* v42: Wix-inspired brief contrast and heading edge alignment */
.gud-page .gud-brief { background-color:#fafbfe; }
.gud-page .gud-brief::before { opacity:.055; }
.gud-page .gud-brief h1 { text-align:left; }
.gud-page .gud-brief h1 strong { display:inline-block; margin-left:0; letter-spacing:0; }
@media(min-width:901px){
 .gud-page .gud-brief::before {background-size:max(1550px,115vw);background-position:center center;}
}

/* v44: Wix-inspired typographic hierarchy and connected square logo evolution. */
.gud-page .gud-brief h1 { font-size:clamp(31px,2.55vw,48px) !important; line-height:1.13 !important; letter-spacing:-.025em !important; }
.gud-page .gud-brief h1 strong { display:block !important; font-size:clamp(64px,5.1vw,98px) !important; line-height:1.02 !important; letter-spacing:0 !important; }
.gud-page .gud-brief h2 { max-width:720px; text-wrap:balance; }
.gud-page .gud-process-art { position:relative; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px !important; align-items:center; max-width:980px; margin:0 auto 52px; isolation:isolate; }
.gud-page .gud-process-art::before { content:''; position:absolute; top:50%; left:7%; right:7%; height:4px; background:#d7dbe8; transform:translateY(-50%); z-index:-1; }
.gud-page .gud-process-art img, .gud-page .gud-process-art img:last-child { width:100% !important; height:auto !important; aspect-ratio:1/1 !important; object-fit:contain !important; background:#fff !important; padding:8px; box-sizing:border-box; display:block; }
@media(max-width:700px){
 .gud-page .gud-brief h1 {font-size:31px !important;}
 .gud-page .gud-brief h1 strong {font-size:clamp(53px,12vw,80px) !important;}
 .gud-page .gud-process-art {gap:7px !important; margin-bottom:35px;}
 .gud-page .gud-process-art img,.gud-page .gud-process-art img:last-child {padding:3px;}
 .gud-page .gud-process-art::before {height:2px;}
}

/* v45: restore final-mark emphasis while retaining four square tiles. */
.gud-page .gud-process-art {
  grid-template-columns: repeat(3,minmax(0,1fr)) minmax(0,1.72fr) !important;
  gap:16px !important;
  max-width:980px;
}
.gud-page .gud-process-art::before { z-index:0; }
.gud-page .gud-process-art img { position:relative; z-index:1; }
@media(max-width:700px){
 .gud-page .gud-process-art { gap:7px !important; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr) !important; }
}

/* v46: let the logo-process description use available horizontal space,
   preventing the final single-word line without changing the image hierarchy. */
@media (min-width: 701px) {
  .gud-page .gud-process-copy {
    max-width: 860px !important;
    width: 100%;
  }
  .gud-page .gud-process-copy p {
    max-width: 850px !important;
    text-wrap: pretty;
  }
}

/* v47: slightly larger two-line brief wordmark, with GUDBOIS dominant. */
@media (min-width: 701px) {
  .gud-page .gud-brief h1 { font-size:clamp(38px,3vw,56px) !important; }
  .gud-page .gud-brief h1 strong { font-size:clamp(72px,5.55vw,108px) !important; }
}


/* v56: Stable, left-anchored two-line wordmark within a closer two-column brief.
   Start from v47; do not right-align either line or apply positional transforms. */
@media (min-width: 901px) {
  .gud-page .gud-brief h1.gud-heading {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-self: end;
    align-self: center;
    width: max-content;
    max-width: 100%;
    margin: 25px 30px 25px 0;
    text-align: left !important;
  }
  .gud-page .gud-brief h1.gud-heading .gud-heading-intro {
    display: block;
    margin-left: 6px;
    font-size: clamp(29px, 1.95vw, 40px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.025em;
    white-space: nowrap;
  }
  .gud-page .gud-brief h1.gud-heading strong {
    display: block;
    white-space: nowrap;
    font-size: clamp(72px, 5.55vw, 108px) !important;
    line-height: 1.05 !important;
  }
}
@media (max-width: 900px) {
  .gud-page .gud-brief h1.gud-heading .gud-heading-intro { display:block; }
}

/* v57: Rebalance brief headline against the GUDBOIS wordmark.
   Desktop-only: no changes to heading placement, brief copy, or mobile layout. */
@media (min-width: 901px) {
  .gud-page .gud-brief h2 {
    font-size: clamp(31px, 1.9vw, 36px) !important;
    line-height: 1.26 !important;
    margin: 22px 0 31px !important;
    max-width: 720px;
    text-wrap: balance;
  }
}

/* v58: Scale the two-line GUDBOIS wordmark together by ~18%.
   Preserve the v56 positioning and v57 brief typography; no transforms. */
@media (min-width: 901px) {
  .gud-page .gud-brief h1.gud-heading .gud-heading-intro {
    font-size: clamp(34px, 2.30vw, 47px) !important;
  }
  .gud-page .gud-brief h1.gud-heading strong {
    font-size: clamp(85px, 6.55vw, 127px) !important;
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  .gud-page .gud-brief h1.gud-heading {
    font-size: clamp(45px, 3.54vw, 66px) !important;
  }
  .gud-page .gud-brief h1.gud-heading strong {
    font-size: clamp(85px, 6.55vw, 127px) !important;
  }
}


/* v59 — Wix-inspired type harmony: softer brief ink, consistent case-study
   subhead sizing, and modestly smaller copy. No changes to layout or wordmark positioning. */
.gud-page .gud-brief { color: #525b78; }
.gud-page .gud-brief h1,
.gud-page .gud-brief h2,
.gud-page .gud-brief p,
.gud-page .gud-brief .gud-eyebrow { color: inherit; }

@media (min-width: 901px) {
  /* The brief subheading already uses this scale in v57. Match the other two. */
  .gud-page .gud-research h2,
  .gud-page .gud-process h2 {
    font-size: clamp(31px, 1.9vw, 36px) !important;
    line-height: 1.26 !important;
  }
  .gud-page .gud-brief p {
    font-size: clamp(17px, 1.05vw, 20px) !important;
    line-height: 1.65;
  }
  .gud-page .gud-research p,
  .gud-page .gud-process p {
    font-size: clamp(16px, 1.02vw, 18px) !important;
    line-height: 1.7;
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  .gud-page .gud-brief h2,
  .gud-page .gud-research h2,
  .gud-page .gud-process h2 { font-size: 32px !important; }
  .gud-page .gud-brief p,
  .gud-page .gud-research p,
  .gud-page .gud-process p { font-size: 16px !important; }
}
@media (max-width: 700px) {
  .gud-page .gud-brief p,
  .gud-page .gud-research p,
  .gud-page .gud-process p { font-size: 15px !important; }
}


/* v61: Give the research title enough horizontal room for one clean desktop line.
   Keep imagery in two columns; avoid changing the established font size. */
@media (min-width: 1200px) {
  .gud-page .gud-research-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 42px;
  }
  .gud-page .gud-research h2 { white-space: nowrap; }
}
@media (min-width: 901px) and (max-width: 1199px) {
  .gud-page .gud-research-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 35px; }
  .gud-page .gud-research h2 { font-size: clamp(25px, 2.75vw, 31px) !important; }
}


/* ---------------------------------------------------------------------
   PHASE 2 / v62 -- GUDBOIS MOBILE (Wix visual reference, final copy kept)
   Desktop >= 701px uses the previously approved v61 composition.
   Intentional one-column mobile art sequence, no forced thumbnail crops.
   --------------------------------------------------------------------- */
.gud-mobile-brief-label,.gud-mobile-colors { display:none; }

@media (max-width:700px) {
  .gud-page main { overflow:hidden; }
  .gud-page .gud-narrow,
  .gud-page .gud-brief-inner { width:calc(100% - 48px); max-width:480px; }

  /* Larger Wix-like mobile hero: central emblem stays centered, no side bars. */
  .gud-page .gud-hero {
    height:clamp(300px, 91vw, 390px) !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    background:#e9edf6 !important;
  }
  .gud-page .gud-hero-img {
    width:100% !important; height:100% !important;
    object-fit:cover !important; object-position:center center !important;
  }

  /* Wix reading order: eyebrow, large wordmark, subheading, description. */
  .gud-page .gud-brief { padding:49px 0 66px; background:#fafbfe; }
  .gud-page .gud-brief::before {
    background-position:48% center;
    background-size:max(700px,185vw);
    opacity:.052;
  }
  .gud-page .gud-brief-inner { display:flex; flex-direction:column; gap:0; }
  .gud-page .gud-mobile-brief-label { display:block; order:0; margin:0 0 34px; }
  .gud-page .gud-brief-inner > .gud-heading { order:1; }
  .gud-page .gud-brief-inner > div { order:2; }
  .gud-page .gud-brief-inner > div > .gud-eyebrow { display:none; }
  .gud-page .gud-brief h1.gud-heading {
    margin:0 0 50px !important; align-items:flex-start;
    text-align:left !important; font-size:clamp(43px,10.8vw,58px) !important;
    font-weight:700 !important; line-height:1.05 !important;
    color:#525b78;
  }
  .gud-page .gud-brief h1.gud-heading .gud-heading-intro {
    display:block; font-size:inherit; font-weight:700; line-height:1.1;
    letter-spacing:-.026em; white-space:nowrap;
  }
  .gud-page .gud-brief h1.gud-heading strong {
    display:block; font-size:clamp(76px,20vw,112px) !important;
    line-height:.99 !important; white-space:nowrap;
  }
  .gud-page .gud-eyebrow {
    font-family:'Metropolis',sans-serif; font-size:12px;
    font-weight:400; letter-spacing:2px; line-height:1.45;
  }
  .gud-page .gud-brief h2,
  .gud-page .gud-research h2,
  .gud-page .gud-process h2 {
    font-family:'Metropolis',sans-serif;
    font-size:clamp(23px,5.55vw,27px) !important;
    font-weight:700 !important; line-height:1.28 !important;
    letter-spacing:-.3px; text-wrap:pretty;
  }
  .gud-page .gud-brief h2 { margin:0 0 26px !important; }
  .gud-page .gud-brief p,
  .gud-page .gud-research p,
  .gud-page .gud-process p {
    font-size:clamp(15px,4.05vw,16px) !important;
    line-height:1.7 !important;
    font-weight:400 !important; text-wrap:pretty;
  }
  .gud-page .gud-brief p { color:#525b78; }

  /* Section title ribbons are short and clearly legible on phones. */
  .gud-page .gud-band {
    min-height:84px; padding:16px 24px; font-size:clamp(31px,8.8vw,43px);
    justify-content:flex-end; text-align:right;
  }
  .gud-page .gud-band-title { width:auto; max-width:100%; white-space:nowrap; }
  .gud-page .gud-band-title .gud-hash { margin-right:0; }

  /* Moodboard: match Wix's visual narrative, one generously sized image at a time.
     Image order: esports scene, swatches, wolf, boom, team, dog. */
  .gud-page .gud-mood {
    display:flex !important; flex-direction:column; align-items:stretch;
    gap:27px; min-height:0 !important; padding:44px 0 65px !important;
  }
  .gud-page .gud-mood-mid { display:contents; }
  .gud-page .gud-mood-left,
  .gud-page .gud-mood-right { padding:0 !important; margin:0; width:100%; }
  .gud-page .gud-mood-mid img,
  .gud-page .gud-mood-left img,
  .gud-page .gud-mood-right img {
    width:100%; height:auto !important; max-height:none !important;
    max-width:100%; object-fit:contain !important; aspect-ratio:auto !important;
    display:block; margin:0 auto;
  }
  .gud-page .gud-mood-mid img:nth-child(3) { order:1; }
  .gud-page .gud-swatches {
    order:2; position:static; display:grid; width:62%;
    max-width:260px; margin:2px auto; gap:10px;
  }
  .gud-page .gud-swatches i { width:100%; height:46px !important; display:block; }
  .gud-page .gud-mood-left { order:3; }
  .gud-page .gud-mood-left img { width:min(75%,270px); }
  .gud-page .gud-mood-mid img:nth-child(1) { order:4; }
  .gud-page .gud-mood-mid img:nth-child(2) { order:5; }
  .gud-page .gud-mood-right { order:6; }
  .gud-page .gud-mood-right img { width:min(85%,315px); }

  .gud-page .gud-research { padding:65px 0 72px !important; }
  .gud-page .gud-research-grid { display:flex; flex-direction:column; gap:32px; }
  .gud-page .gud-research h2 { margin:21px 0 25px; }
  .gud-page .gud-research p { margin:0; }
  .gud-page .gud-research-logos {
    display:grid; grid-template-columns:1fr !important;
    gap:21px; width:100%;
  }
  .gud-page .gud-research-logos img {
    display:block; width:100%; height:auto !important;
    aspect-ratio:900 / 592; object-fit:contain !important;
    background:transparent !important;
  }

  /* In Wix mobile, copy precedes the logo evolution.
     The final mark is largest; no desktop connecting line on phones. */
  .gud-page .gud-process { padding:65px 0 83px !important; }
  .gud-page .gud-process .gud-narrow { display:flex; flex-direction:column; }
  .gud-page .gud-process-copy { order:0; width:100%; max-width:none; }
  .gud-page .gud-process-copy h2 { margin:22px 0 23px; }
  .gud-page .gud-process-copy p { margin:0 0 36px; }
  .gud-page .gud-process-art {
    order:1; display:flex !important; flex-direction:column !important;
    align-items:center !important; gap:20px !important;
    margin:0 !important; max-width:none;
  }
  .gud-page .gud-process-art::before { content:none !important; display:none !important; }
  .gud-page .gud-process-art img,
  .gud-page .gud-process-art img:last-child {
    width:min(62%,235px) !important; height:auto !important;
    aspect-ratio:1/1 !important; padding:0 !important;
    object-fit:contain !important; background:white !important;
  }
  .gud-page .gud-process-art img:last-child { width:min(85%,320px) !important; margin-top:4px; }

  /* Brand guidelines: circular chips and actual value labels in vertical rows. */
  .gud-page .gud-guidelines { padding:54px 0 75px !important; }
  .gud-page .gud-guidelines > .gud-eyebrow { margin-bottom:30px; }
  .gud-page .gud-colors { display:none !important; }
  .gud-page .gud-mobile-colors {
    display:grid; grid-template-columns:1fr; gap:28px; margin:0 0 73px;
  }
  .gud-page .gud-mobile-color {
    display:grid; grid-template-columns:102px minmax(0,1fr); gap:22px;
    align-items:center; color:#232323; font-size:14px; line-height:1.45;
  }
  .gud-page .gud-mobile-swatch { display:block; width:102px; aspect-ratio:1; border-radius:50%; }
  .gud-page .gud-type {
    display:flex; flex-direction:column; gap:14px; margin-top:30px;
    font-family:'Roc Grotesk Wide',sans-serif;
    color:#282828; font-size:clamp(15px,4vw,18px);
    line-height:1.45;
  }
  .gud-page .gud-type > * { min-width:0; overflow-wrap:anywhere; }
  .gud-page .gud-type .gud-display { font-size:clamp(23px,6vw,30px); line-height:1.1; }
  .gud-page .gud-type > b:nth-of-type(2) { margin-bottom:36px; }
  .gud-page .gud-type > b:nth-of-type(3) { font-size:clamp(20px,5vw,25px); margin-bottom:3px; }
  .gud-page .gud-type > b:nth-of-type(4) { margin-bottom:36px; }
  .gud-page .gud-type > span:nth-last-child(2) { font-size:clamp(20px,5vw,25px); }

  /* Social and merchandise: one image per row, full natural proportions. */
  .gud-page .gud-social { padding:52px 0 67px !important; }
  .gud-page .gud-social-top,
  .gud-page .gud-social-grid { display:flex !important; flex-direction:column; align-items:center; gap:28px !important; }
  .gud-page .gud-social-top { margin-bottom:28px !important; }
  .gud-page .gud-social-top img,
  .gud-page .gud-social-grid img {
    display:block; width:100% !important; max-width:none !important;
    max-height:none !important; height:auto !important;
    aspect-ratio:auto !important; object-fit:contain !important;
    margin:0 !important;
  }
  .gud-page .gud-social-top img:first-child { width:94% !important; }
  .gud-page .gud-merch {
    display:flex !important; flex-direction:column; gap:0 !important;
    padding:52px 0 70px !important;
    width:calc(100% - 48px) !important; max-width:480px !important;
    margin-inline:auto;
  }
  .gud-page .gud-merch-left,
  .gud-page .gud-merch-right { display:flex; flex-direction:column; gap:28px; min-width:0; }
  .gud-page .gud-merch-right { margin-top:28px; }
  .gud-page .gud-merch img,
  .gud-page .gud-merch-left img:first-child,
  .gud-page .gud-merch-left img:nth-child(2),
  .gud-page .gud-merch-right img {
    width:100% !important; height:auto !important;
    max-width:100%; aspect-ratio:auto !important;
    object-fit:contain !important; margin:0 !important;
  }
  .gud-page .gud-letsplay { display:none !important; }
  .gud-page .gud-project-nav { margin-bottom:34px !important; }
}
@media (max-width:365px) {
  .gud-page .gud-mobile-color { grid-template-columns:85px 1fr; gap:17px; font-size:12px; }
  .gud-page .gud-mobile-swatch { width:85px; }
  .gud-page .gud-brief h1.gud-heading strong { font-size:19.5vw !important; }
}