@import url('/assets/gulp/fonts.css');
.gulp-page{--gulp-paper:#f4efe6;--gulp-ink:#1a1612;--gulp-orange:#c94525;--gulp-teal:#0f626b;--gulp-line:#cfbfa8;--gulp-display:"Gulp Fraunces",Georgia,serif;--gulp-sans:"Gulp Outfit",Arial,sans-serif;margin:0;background:var(--gulp-paper);color:var(--gulp-ink);font:400 17px/1.65 var(--gulp-sans);color-scheme:light;scrollbar-color:var(--gulp-teal) var(--gulp-paper)}
.gulp-page *{box-sizing:border-box}.gulp-page ::selection{background:#edbb77;color:#1a1612}.gulp-page a{color:inherit;text-decoration:none}.gulp-page a:focus-visible{outline:3px solid var(--gulp-teal);outline-offset:5px}.gulp-page svg,.gulp-showcase svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.gulp-page img{display:block;max-width:100%;height:auto}.gulp-page figure,.gulp-page h1,.gulp-page h2,.gulp-page h3,.gulp-page p{margin:0}.gulp-page h2{font:500 clamp(38px,4.5vw,64px)/1.06 var(--gulp-display);letter-spacing:-.03em;text-wrap:balance}.gulp-page h2 em{font-weight:500;color:var(--gulp-orange)}.gulp-page h3{font:600 23px/1.25 var(--gulp-sans);letter-spacing:-.02em;text-wrap:balance}.gulp-wrap{width:90%;max-width:1320px;margin-inline:auto}.gulp-access{position:absolute;top:-100px;left:20px;padding:12px 20px;background:#fff9ef;z-index:10}.gulp-access:focus{top:15px}.gulp-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:16px 5%;border-bottom:1px solid var(--gulp-line)}.gulp-studio{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600;letter-spacing:.06em}.gulp-nav nav{display:flex;align-items:center;gap:30px}.gulp-nav-how{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.gulp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:58px;padding:14px 24px;border-radius:12px;background:var(--gulp-ink);color:#fff8eb!important;font-size:17px;font-weight:600;transition:background .2s ease,transform .2s ease}.gulp-button:hover{background:var(--gulp-teal);transform:translateY(-2px)}.gulp-button:active{transform:translateY(1px)}.gulp-button-small{min-height:46px;padding:9px 18px;font-size:15px;gap:24px}.gulp-text-link{display:inline-flex;align-items:center;gap:17px;min-height:48px;font-weight:600;text-decoration:underline!important;text-underline-offset:6px}.gulp-text-link:hover{color:var(--gulp-orange)}
.gulp-hero{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:3%;align-items:center;padding-block:58px 64px}.gulp-wordmark{font:500 clamp(76px,8.1vw,116px)/1 var(--gulp-display);letter-spacing:-.04em!important;white-space:nowrap}.gulp-wordmark em{font-weight:500;color:var(--gulp-orange)}.gulp-wordmark>span{color:var(--gulp-orange)}.gulp-hook{font:500 clamp(26px,2.7vw,38px)/1.15 var(--gulp-display);margin-top:24px!important;letter-spacing:-.02em}.gulp-lead{max-width:32ch;margin:19px 0 27px!important;font-size:17px;line-height:1.6}.gulp-fine{font-size:13px;line-height:1.8;margin-top:17px!important;color:#5c4938}.gulp-hero-art img{width:100%;border-radius:16px}.gulp-hero-art a{display:block}.gulp-hero-art figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:12px;line-height:1.5;color:#5c4938}.gulp-hero-art figcaption span{white-space:nowrap}.gulp-how{padding-block:68px 78px;border-top:1px solid var(--gulp-line)}.gulp-section-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;margin-bottom:43px}.gulp-section-head>p{max-width:42ch;font-size:19px;line-height:1.6}.gulp-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.gulp-steps li{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--gulp-line);padding-top:24px}.gulp-step-number{font:500 36px/1 var(--gulp-display);color:var(--gulp-orange);min-width:24px}.gulp-steps h3{margin-bottom:12px}.gulp-steps p{font-size:16px;line-height:1.7;max-width:35ch}
.gulp-gameplay{padding-block:72px;background:#eee1c9}.gulp-play-grid{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.12fr);align-items:center;gap:12%}.gulp-phone{max-width:320px;width:100%;justify-self:center}.gulp-phone>img{width:100%;border-radius:16px;box-shadow:8px 20px 34px rgba(0,0,0,.10)}.gulp-phone figcaption,.gulp-room-shots figcaption{margin-top:17px;text-align:center;font-size:13px;line-height:1.5;color:#5c4938}.gulp-play-copy>p{margin-top:23px;max-width:43ch}.gulp-play-copy h2{font-size:clamp(38px,4.1vw,58px)}.gulp-sneeze{display:flex;align-items:center;gap:20px;margin-block:26px 12px}.gulp-sneeze img{width:112px}.gulp-sneeze p{font-size:17px;line-height:1.6}.gulp-sneeze span{font-size:13px;color:#5c4938}.gulp-rooms{padding-block:82px}.gulp-room-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--gulp-line)}.gulp-room-list>li{border-bottom:1px solid var(--gulp-line)}.gulp-room-list a{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:22px;padding:22px 15px 22px 0;transition:background .2s ease}.gulp-room-list a:hover{background:#eee1c9}.gulp-room-number{font:500 26px/1.2 var(--gulp-display);color:var(--gulp-orange);font-variant-numeric:tabular-nums}.gulp-room-list strong{display:block;font:500 28px/1.3 var(--gulp-display);letter-spacing:-.02em}.gulp-room-list strong+span{display:block;font-size:16px;color:#5c4938;margin-top:5px}.gulp-room-shots{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,.75fr) minmax(0,1fr);gap:5%;align-items:center;margin-top:60px}.gulp-room-shots figure{max-width:275px;justify-self:center}.gulp-room-shots figure>img{width:100%;border-radius:16px}.gulp-room-note h3{font:500 38px/1.1 var(--gulp-display)}.gulp-room-note p{margin-top:20px;max-width:29ch}.gulp-share{background:#dbe9e3;padding-block:64px}.gulp-share-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:10%;align-items:center}.gulp-share-inner>div>p{margin-top:22px;max-width:46ch}.gulp-share .gulp-share-monster{width:100%;max-width:370px;justify-self:center}.gulp-share-actions{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:12px}.gulp-share-actions a{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:6px}.gulp-share-actions a:hover{color:var(--gulp-teal)}.gulp-finale{text-align:center;padding-block:82px 74px}.gulp-finale h2{font-size:clamp(54px,6vw,80px);margin-bottom:32px}.gulp-footer{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:24px 5%;border-top:1px solid var(--gulp-line);font-size:13px}.gulp-footer>p{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.gulp-footer>p a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
/* Scoped GULP addition to the existing studio shelf. */
.gulp-showcase{--gulp-ink:#1a1612;--gulp-orange:#c94525;--gulp-teal:#0f626b;background:#f4efe6;color:#1a1612;border-top:7px solid #e49e42;font-family:"Gulp Outfit",Arial,sans-serif}.gulp-showcase .game-category{color:#68482d}.gulp-showcase .gulp-wordmark{font:500 clamp(76px,8.1vw,116px)/1 "Gulp Fraunces",Georgia,serif;margin:15px 0 0}.gulp-showcase .game-status{border-color:#ae9170;border-radius:8px;font-size:14px}.gulp-showcase .game-summary{color:#4c3b2e}.gulp-showcase .gulp-button{background:#1a1612;color:#fff8eb;border-radius:12px;gap:25px}.gulp-showcase .gulp-button:hover{background:#0f626b}.gulp-showcase .showcase-art>a{border-radius:16px;overflow:hidden}.gulp-showcase .showcase-art figcaption{color:#5c4938}.gulp-showcase .enlarge-mark{border-radius:50%;background:#f4efe6;color:#1a1612}.gulp-showcase .enlarge-mark svg{width:20px;height:20px}.gulp-showcase .more-link svg{width:19px;height:19px}.gulp-showcase a:focus-visible{outline-color:#0f626b}
@media(max-width:1000px){.gulp-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5%}.gulp-wordmark{font-size:96px}.gulp-lead{font-size:16px}.gulp-play-grid{gap:8%}.gulp-steps{gap:3%}.gulp-room-shots{gap:4%}.gulp-room-note h3{font-size:32px}.gulp-room-note p{font-size:16px}}
@media(max-width:800px){.gulp-nav{padding:13px 5%;min-height:74px}.gulp-nav nav{gap:14px}.gulp-nav-how{display:none}.gulp-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-block:35px 36px}.gulp-hero-copy{max-width:500px}.gulp-wordmark{font-size:96px}.gulp-hook{font-size:32px;margin-top:16px!important}.gulp-lead{max-width:38ch;margin-block:16px 22px!important;font-size:17px}.gulp-hero-art figcaption{font-size:12px}.gulp-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.gulp-section-head>p{font-size:18px}.gulp-how{padding-block:48px}.gulp-steps{grid-template-columns:1fr;gap:25px}.gulp-steps li{gap:23px;padding-top:20px}.gulp-steps p{max-width:48ch}.gulp-gameplay{padding-block:48px}.gulp-play-grid{display:flex;flex-direction:column-reverse;gap:34px}.gulp-play-copy h2{font-size:42px}.gulp-phone{max-width:290px}.gulp-rooms{padding-block:48px}.gulp-room-list a{gap:15px;grid-template-columns:34px 1fr 22px;padding-block:20px}.gulp-room-list strong{font-size:26px}.gulp-room-list strong+span{font-size:15px}.gulp-room-shots{grid-template-columns:1fr 1fr;gap:25px 5%;margin-top:36px}.gulp-room-shots figcaption{font-size:12px}.gulp-room-note{grid-column:1/-1;padding-top:5px}.gulp-room-note h3 br{display:none}.gulp-room-note p{max-width:45ch}.gulp-share{padding-block:45px}.gulp-share-inner{grid-template-columns:1fr;gap:14px}.gulp-share .gulp-share-monster{max-width:260px;justify-self:end;margin-top:-8px}.gulp-finale{padding-block:54px 44px}.gulp-finale h2{font-size:60px}.gulp-footer{padding-block:20px}.gulp-studio{font-size:12px;letter-spacing:.04em}.gulp-showcase .gulp-wordmark{font-size:96px}}
@media(max-width:360px){.gulp-nav{gap:12px}.gulp-studio{font-size:11px;gap:8px}.gulp-button-small{gap:16px;padding-inline:14px}.gulp-wordmark{font-size:84px}.gulp-hook{font-size:29px}.gulp-page h2{font-size:37px}.gulp-finale h2{font-size:52px}.gulp-room-list a{gap:10px;grid-template-columns:28px 1fr 20px}.gulp-room-number{font-size:23px}.gulp-room-list strong{font-size:25px}.gulp-sneeze img{width:90px}.gulp-sneeze{gap:14px}}
@media(prefers-reduced-motion:reduce){.gulp-page{scroll-behavior:auto}.gulp-page *,.gulp-showcase *{transition:none!important;animation:none!important}}
