@charset "UTF-8";
:root{--bg:#17191b;--panel:#202326;--text:#f2f0eb;--muted:#b0b1b1;--subtle:#85898b;--line:#35383a;--orange:#ff9857;--focus:#ffc38c;--shell:1192px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;flex-shrink:0}p,h1,h2,h3,figure{margin:0}p{line-height:1.7}h1,h2,h3{font-weight:500}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:4px}::selection{background:#fb995960;color:#fff}[hidden]{display:none!important}.shell{width:min(var(--shell),calc(100% - 112px));margin-inline:auto}.eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:2px;color:var(--muted)}.orange-dot{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin:0 9px 1px 0}.orange-period{color:var(--orange)}.skip-link{position:fixed;top:10px;left:16px;transform:translateY(-160%);background:var(--orange);color:#17191b;padding:14px;z-index:100}.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.monogram{font-size:28px;letter-spacing:-2px;font-weight:650}.monogram>span{color:var(--orange)}.brand-name{font-size:14px;letter-spacing:-.2px}.site-header nav{display:flex;gap:7px;align-items:center}.site-header nav a{font-size:13px;color:var(--muted);padding:11px 17px;border-radius:7px;white-space:nowrap;transition:color .2s,background .2s}.site-header nav a:hover{color:var(--text)}.site-header nav a[aria-current=page]{color:var(--text);background:#2c2f31}.header-contact{display:flex;align-items:center;gap:13px;font-size:13px}.header-contact svg{width:16px;height:16px;color:var(--orange)}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:52px 0 35px}.hero h1,.page-intro h1{font-size:clamp(46px,5.1vw,68px);line-height:1.05;letter-spacing:-3.2px;margin-top:22px}.hero h1 em,.page-intro h1 em{font-style:normal;color:var(--orange)}.hero-note{width:290px;flex-shrink:0;padding-bottom:5px}.hero-note p{font-size:15px;color:var(--muted);line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:13px;line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:7px;transition:border-color .2s}.text-link:hover{border-color:var(--orange)}.text-link svg{width:16px;height:16px}.hero-note .text-link{margin-top:22px}.experience-strip{display:flex;align-items:center;gap:40px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experience-strip>span{font-size:9px;letter-spacing:1.7px;color:var(--subtle)}.experience-strip>div{display:flex;gap:35px;color:#c7c7c3;font-size:14px;letter-spacing:-.15px}.experience-strip>div>span:last-child{font-size:13px}
.work-section{padding-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-heading h2{font-size:29px;letter-spacing:-1px}.project-count{font-size:11px;color:var(--subtle)}.filter-row{display:flex;gap:7px;margin-bottom:28px;overflow:auto;padding:3px 0 6px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{font-size:12px;padding:10px 16px;color:var(--muted);border:1px solid transparent;border-radius:99px;background:transparent;white-space:nowrap;transition:.15s}.filter-row button:hover{color:var(--text);background:#24272a}.filter-row button[aria-pressed=true]{background:var(--text);color:var(--bg)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 25px}.project-card{min-width:0}.project-image{height:auto;aspect-ratio:1.66;background:var(--panel);overflow:hidden;border-radius:10px;position:relative}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.6,.2,1)}.project-image.contain>img{object-fit:contain;padding:26px 40px}.tone-copper{background:radial-gradient(ellipse at 50% 80%,#57382a 0,#282426 70%)}.tone-blue{background:radial-gradient(ellipse at 50% 80%,#27334b 0,#20252e 70%)}.tone-sketch{background:#b8b8b7}.project-open{position:absolute;right:16px;bottom:16px;display:flex;gap:14px;align-items:center;background:#17191be8;backdrop-filter:blur(8px);padding:11px 14px;border-radius:5px;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.project-open svg{width:14px;height:14px;color:var(--orange)}.project-link:hover .project-image>img{transform:scale(1.025)}.project-link:hover .project-open,.project-link:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 0}.project-caption h3{font-size:18px;letter-spacing:-.4px;margin-bottom:5px}.project-caption p{font-size:11px;color:var(--subtle)}.card-arrow{color:var(--muted)}.card-arrow svg{width:18px;height:18px}.project-link:hover .card-arrow{color:var(--orange)}
.milk-feature{margin-top:45px;background:#f3e7df;color:#54413e;border-radius:14px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;position:relative;isolation:isolate;min-height:450px}.milk-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 15%,#eac2c78f,transparent 65%);z-index:-1}.milk-copy{padding:60px 0 60px 56px;position:relative;z-index:2}.milk-copy .eyebrow{color:#8b6f67;font-size:9px;letter-spacing:1.8px}.milk-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,69px);font-weight:600;letter-spacing:-3px;margin:24px 0 9px;line-height:1.05}.milk-copy h2 i{font-weight:400}.milk-dot{color:#c88790}.milk-copy .milk-kicker{font-size:16px;color:#6d504b;font-weight:500;margin-bottom:14px}.milk-copy>p:not(.milk-kicker){font-size:14px;max-width:345px;line-height:1.8;color:#79655e}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 19px;border-radius:6px;font-size:12px;line-height:1.4;font-weight:500;transition:background .2s,transform .2s;border:1px solid transparent}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-2px)}.button-dark{background:#58433e;color:#fff9f0}.button-dark:hover{background:#745249}.button-orange{background:var(--orange);color:#211c17}.button-orange:hover{background:#ffad78}.button-outline{border-color:var(--line);color:var(--text);background:transparent}.button-outline:hover{background:var(--panel);border-color:#636668}.milk-art{position:relative;display:flex;align-items:center;justify-content:center;padding:35px 32px 35px 15px}.milk-art:before{content:"";position:absolute;width:330px;height:330px;max-width:95%;border:1px dashed #c69c9b8a;border-radius:50%;transform:rotate(15deg)}.milk-art img{position:relative;width:390px;max-width:100%;filter:drop-shadow(0 20px 15px #7d4e4c20)}.milk-stamp{position:absolute;right:25px;bottom:27px;transform:rotate(-8deg);font-size:8px;letter-spacing:1.4px;line-height:1.5;text-align:center;border:1px solid #b7948970;border-radius:50%;height:80px;width:80px;display:flex;align-items:center;justify-content:center;color:#92756b}.milk-home{margin:68px 0 75px;min-height:390px}.milk-home .milk-copy{padding-top:42px;padding-bottom:42px}.milk-home .milk-copy h2{font-size:58px}.milk-home .milk-art img{width:335px}.milk-home .milk-art:before{height:285px;width:285px}.milk-story-link{font-size:12px;color:#70554e;border-bottom:1px solid #bda49d;padding:6px 0}.game-access{font-size:10px;color:#7a6058;display:block;margin-top:18px}
.site-footer{border-top:1px solid var(--line)}.footer-top{padding:58px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top h2{font-size:34px;letter-spacing:-1.4px;margin-top:15px}.footer-top h2>span{color:var(--orange)}.footer-top .eyebrow{font-size:9px}.footer-top>.text-link{font-size:16px}.footer-top>.text-link svg{color:var(--orange)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);font-size:10px;color:var(--subtle)}.footer-bottom a{display:flex;gap:10px;align-items:center}.footer-bottom svg{width:13px;height:13px}
.page-intro{padding:68px 0 10px}.page-intro h1{font-size:66px}.intro-description{max-width:500px;font-size:16px;color:var(--muted);margin-top:26px}.story-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:78px 0 58px}.story-section h2,.about-label h2{font-size:35px;letter-spacing:-1.2px;line-height:1.2;margin-top:20px}.story-copy p,.about-copy p{font-size:15px;color:var(--muted);line-height:1.9}.story-copy p+p,.about-copy p+p{margin-top:20px}.game-screen-section{max-width:970px;margin:0 auto}.game-screen-section .artwork-zoom{background:#f9f1e7;border-radius:10px}.game-screen-section img{width:100%}.image-caption{font-size:11px;color:var(--subtle);text-align:center;margin-top:13px}.role-section{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:62px 0;border-bottom:1px solid var(--line)}.role-section h3{font-size:20px;letter-spacing:-.5px;margin:16px 0 13px}.role-section p{font-size:13px;color:var(--muted);line-height:1.85}.studio-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:64px 0 80px}.studio-link h2{font-size:36px;letter-spacing:-1.5px;margin:13px 0 5px}.studio-link p:not(.eyebrow){font-size:14px;color:var(--muted)}
.about-intro{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center;padding:68px 0 64px}.about-intro h1{font-size:66px;letter-spacing:-3px;line-height:1.1;margin:24px 0}.about-tagline{font-size:28px;letter-spacing:-.75px;line-height:1.4;color:var(--muted)}.about-art{position:relative}.about-art img{aspect-ratio:1.12;object-fit:cover;border-radius:10px}.about-art>span{display:block;color:var(--subtle);font-size:10px;margin-top:12px}.about-body{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;padding:60px 0;border-top:1px solid var(--line)}.about-details{border-top:1px solid var(--line);padding:35px 0 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about-details p{margin-top:15px;color:var(--muted);font-size:13px}.about-details a:hover{color:var(--orange)}
.back-link{display:inline-flex;color:var(--muted);font-size:12px;margin-top:35px;padding:8px 0}.back-link:hover{color:var(--orange)}.project-intro{padding:36px 0 42px}.project-intro h1{font-size:clamp(38px,5.4vw,68px);letter-spacing:-2.5px;line-height:1.1;margin-top:18px}.project-subtitle{font-size:22px;color:var(--muted);line-height:1.5;margin-top:17px;letter-spacing:-.5px}.project-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;margin-top:32px}.project-summary>p{max-width:560px;font-size:14px;color:var(--muted);line-height:1.85}.project-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.project-summary dt{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--subtle);margin-bottom:8px}.project-summary dd{margin:0;font-size:12px;line-height:1.6}.project-intro>.button{margin-top:25px}.artwork-figure{min-width:0}.artwork-zoom{position:relative;display:block;padding:0;background:#232629;width:100%;border-radius:8px;overflow:hidden}.artwork-zoom>img{margin:auto;object-fit:contain;max-height:660px;width:auto;max-width:100%}.hero-figure .artwork-zoom{background:#202326;min-height:250px;padding:25px}.hero-figure img{max-height:630px;width:auto;max-width:100%}.hero-figure:has(img[src*="ui-"]) .artwork-zoom{background:radial-gradient(ellipse at 50% 90%,#3b302c,#212326 80%);padding:50px}.artwork-figure figcaption{font-size:11px;color:var(--subtle);line-height:1.6;margin-top:12px}.zoom-mark{position:absolute;right:14px;bottom:14px;background:#181a1ce6;color:var(--text);width:33px;height:33px;border:1px solid #ffffff25;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:300}.artwork-zoom:hover .zoom-mark{background:var(--orange);color:#17191b}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px;margin:48px 0}.detail-gallery .artwork-zoom{min-height:280px;display:flex;align-items:center;justify-content:center;padding:18px}.detail-gallery img{max-height:500px}.project-story{display:grid;grid-template-columns:1fr 1.2fr;gap:15px 80px;padding:68px 0;border-bottom:1px solid var(--line)}.project-story>.eyebrow{grid-column:1/-1}.project-story h2{font-size:36px;letter-spacing:-1.1px;line-height:1.2}.project-story>p:last-child{font-size:15px;color:var(--muted)}.process-step{padding:55px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr;gap:60px}.process-copy h2{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:18px 0}.process-copy>p{font-size:14px;line-height:1.85;color:var(--muted)}.process-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.process-images .artwork-zoom{padding:20px}.process-images img{max-height:500px}.project-credit{font-size:10px;color:var(--subtle);line-height:1.7;margin-top:25px;max-width:680px}.next-project{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:60px 0 0;padding:35px 0 65px}.next-project h2{font-size:30px;letter-spacing:-.8px;margin-top:13px}.next-project>svg{width:40px;height:40px;color:var(--orange);transition:transform .2s}.next-project:hover>svg{transform:translateX(5px)}.not-found{min-height:60vh;padding-block:100px}.not-found h1{font-size:45px;letter-spacing:-1.5px;margin:25px 0}.not-found p:not(.eyebrow){color:var(--muted);margin-bottom:25px}
.viewer-open{overflow:hidden}.lightbox{position:fixed;inset:0;background:#121415f5;border:1px solid #44494a;border-radius:12px;color:var(--text);width:min(1220px,calc(100vw - 40px));height:min(900px,calc(100dvh - 40px));max-width:none;max-height:none;padding:18px 24px;margin:auto;overflow:hidden}.lightbox::backdrop{background:#050607de;backdrop-filter:blur(7px)}.lightbox-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.icon-button{border:1px solid #ffffff26;background:#24282b;color:var(--text);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px}.icon-button:hover{background:#4c3930;color:var(--orange)}.lightbox-stage{height:calc(100% - 100px);display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:16px}.lightbox-stage>img{max-width:100%;max-height:100%;height:auto;width:auto;margin:auto;object-fit:contain;min-height:0}.lightbox-stage:has(.lightbox-prev[hidden]){grid-template-columns:1fr}.lightbox>p{font-size:12px;text-align:center;color:var(--muted);line-height:1.5;padding:14px 0}
@media(min-width:1500px){.hero{padding-top:84px}.project-image{aspect-ratio:1.7}.shell{width:min(1280px,calc(100% - 160px))}}
@media(max-width:1050px){.shell{width:calc(100% - 70px)}.brand-name{display:none}.hero{gap:30px}.hero h1{font-size:61px;letter-spacing:-2.8px}.hero-note{width:250px}.hero-note p{font-size:14px}.project-image.contain>img{padding:20px 25px}.milk-copy{padding:45px 0 45px 36px}.milk-art{padding-right:15px}.milk-art:before{width:260px;height:260px}.milk-copy h2{font-size:55px}.milk-home .milk-copy h2{font-size:50px}.story-section,.about-body{gap:45px}.about-intro{gap:50px}.role-section{gap:25px}.project-summary{gap:35px}.process-step{gap:35px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header-inner{height:72px;gap:12px}.brand-name{display:none}.monogram{font-size:26px}.site-header nav{gap:2px}.site-header nav a{font-size:12px;padding:10px 11px}.header-contact{display:none}.hero{display:block;padding:46px 0 32px}.hero h1{font-size:clamp(46px,8.8vw,66px);letter-spacing:-2.5px;margin-top:20px}.hero-note{width:auto;max-width:420px;margin-top:25px;padding:0}.hero-note p{font-size:14px}.hero-note .text-link{margin-top:14px;font-size:12px}.experience-strip{gap:16px;align-items:flex-start;padding:21px 0}.experience-strip>span{font-size:8px;line-height:1.7;max-width:74px}.experience-strip>div{gap:20px;flex-wrap:wrap;font-size:12px;line-height:1.5}.experience-strip>div>span:last-child{font-size:12px}.work-section{padding-top:35px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:26px}.filter-row{gap:3px;margin-bottom:19px}.filter-row button{font-size:11px;padding:9px 13px}.project-grid{gap:28px 18px}.project-caption{padding-top:13px}.project-caption h3{font-size:16px}.project-caption p{font-size:10px}.project-image{border-radius:7px;aspect-ratio:1.35}.project-image.contain>img{padding:15px}.card-arrow svg{width:16px}.project-open{display:none}.milk-feature{grid-template-columns:1fr;margin-top:33px}.milk-copy{padding:34px 30px 10px}.milk-copy h2{font-size:56px}.milk-art{padding:10px 35px 28px;height:300px}.milk-art img{height:280px;width:auto}.milk-art:before{width:230px;height:230px}.milk-stamp{right:27px;bottom:22px;width:70px;height:70px;font-size:7px}.milk-copy>p:not(.milk-kicker){max-width:420px;font-size:13px}.milk-home{margin:48px 0;min-height:0}.milk-home .milk-copy{padding:32px 30px 10px}.milk-home .milk-art{height:270px;padding-top:0}.milk-home .milk-art img{height:260px;width:auto}.milk-home .milk-art:before{height:220px;width:220px}.footer-top{padding:40px 0;align-items:flex-start;flex-direction:column;gap:24px}.footer-top h2{font-size:30px}.footer-top>.text-link{font-size:14px}.footer-bottom{gap:15px;font-size:9px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding:44px 0 5px}.page-intro h1{font-size:52px;letter-spacing:-2.3px}.intro-description{font-size:14px;max-width:390px;margin-top:22px}.story-section{grid-template-columns:1fr;gap:24px;padding:45px 0 35px}.story-section h2{font-size:30px;margin-top:14px}.story-copy p,.about-copy p{font-size:14px;line-height:1.9}.role-section{grid-template-columns:1fr;gap:30px;padding:40px 0}.role-section h3{font-size:22px;margin-top:12px}.role-section p{max-width:500px}.studio-link{padding:40px 0 55px;align-items:flex-start;flex-direction:column;gap:22px}.studio-link h2{font-size:32px}.about-intro{padding:45px 0 38px;gap:30px;grid-template-columns:1fr}.about-intro h1{font-size:54px;margin:18px 0;letter-spacing:-2.4px}.about-tagline{font-size:25px}.about-art{max-width:430px}.about-art img{aspect-ratio:1.3}.about-body{grid-template-columns:1fr;gap:25px;padding:36px 0}.about-label h2{font-size:29px}.about-details{grid-template-columns:1fr 1fr;padding:30px 0 45px;gap:28px}.about-details p{font-size:12px}.about-details .eyebrow{font-size:9px}.back-link{margin-top:23px}.project-intro{padding:26px 0 30px}.project-intro h1{font-size:44px;letter-spacing:-1.8px}.project-subtitle{font-size:18px;margin-top:13px}.project-summary{grid-template-columns:1fr;gap:25px;margin-top:24px}.project-summary>p{font-size:13px}.project-summary dl{grid-template-columns:1fr 1fr;gap:19px}.hero-figure .artwork-zoom{padding:14px;min-height:150px}.hero-figure:has(img[src*="ui-"]) .artwork-zoom{padding:25px 14px}.artwork-figure figcaption{font-size:10px}.detail-gallery{gap:25px;margin:30px 0;grid-template-columns:1fr}.detail-gallery .artwork-zoom{padding:14px;min-height:150px}.detail-gallery img{max-height:650px}.project-story{grid-template-columns:1fr;gap:18px;padding:35px 0}.project-story h2{font-size:30px}.project-story>p:last-child{font-size:14px}.process-step{padding:35px 0;grid-template-columns:1fr;gap:24px}.process-copy h2{font-size:27px;margin:13px 0}.process-images .artwork-zoom{padding:15px}.next-project{padding:30px 0 45px;margin-top:40px}.next-project h2{font-size:27px}.lightbox{padding:12px;width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:8px}.lightbox-stage{grid-template-columns:1fr;height:calc(100% - 130px);padding-top:14px}.lightbox-prev,.lightbox-next{position:absolute;bottom:20px;width:38px;height:38px}.lightbox-prev{left:14px}.lightbox-next{right:14px}.lightbox>p{font-size:11px;padding:13px 45px;max-height:70px;overflow:auto}.lightbox-toolbar{height:38px}.not-found{padding-block:65px}.not-found h1{font-size:38px}}
@media(max-width:520px){.project-grid{grid-template-columns:1fr;gap:27px}.project-image{aspect-ratio:1.6}.project-image.contain>img{padding:22px 32px}.project-caption h3{font-size:18px}.project-caption p{font-size:11px}.hero h1{font-size:48px}.experience-strip>div{gap:13px;row-gap:5px;font-size:11px}.experience-strip>div>span:last-child{font-size:11px}.experience-strip>span{max-width:67px;font-size:7px}.section-heading h2{font-size:25px}.project-count{font-size:10px}.milk-copy .eyebrow{font-size:8px}.milk-copy{padding:30px 25px 5px}.milk-home .milk-copy{padding:30px 25px 5px}.milk-copy h2{font-size:53px}.button{padding:13px 16px;font-size:11px}.about-details{grid-template-columns:1fr}.project-intro h1{font-size:38px}.header-inner{gap:5px}.site-header nav a{padding:10px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:761px) and (max-width:900px){.header-contact{display:none}.header-inner{justify-content:space-between}}

/* The independent game leads; the art portfolio follows. */
.creator-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0 0;color:var(--muted);font-size:14px}
.creator-intro .text-link{font-size:12px}
.milk-home{margin:24px 0 38px;min-height:430px}
.milk-home .milk-copy{padding:48px 0 45px 56px}
.milk-home h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(60px,6.2vw,84px);line-height:1.04;letter-spacing:-4px;font-weight:600;margin:23px 0 12px}
.milk-home h1 i{font-weight:400}
.milk-home .milk-art img{width:380px}
.milk-home .milk-art:before{width:310px;height:310px}
.milk-home .game-access{max-width:350px;line-height:1.7;font-size:10px}
.game-showcase{padding:5px 0 44px}
.game-showcase .section-heading h2{font-size:25px}
.game-showcase .section-heading>.text-link{font-size:11px}
.game-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.game-scene{min-width:0}
.game-scene .artwork-zoom{aspect-ratio:1.4;background:#f4e9de}
.game-scene .artwork-zoom img{width:100%;height:100%;object-fit:contain;max-height:none}
.game-scene figcaption{padding-top:19px}
.game-scene .eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--orange)}
.game-scene h3{font-size:20px;letter-spacing:-.5px;margin-top:9px}
.game-scene figcaption p{font-size:11px;color:var(--muted);margin-top:7px}
.game-origin{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding-bottom:14px}
.game-origin .artwork-zoom{aspect-ratio:1.6;background:#471b31}
.game-origin figcaption{padding:20px 35px}
.game-origin h3{font-size:30px;letter-spacing:-1px;margin-top:14px}
.game-origin figcaption .origin-story{font-size:14px;line-height:1.85;max-width:385px;margin:17px 0}
.supporting-work{border-top:1px solid var(--line);padding:48px 0 65px;margin-top:8px}
.supporting-work .section-heading{margin-bottom:14px}
.supporting-work .section-heading .eyebrow{margin-bottom:14px;font-size:9px}
.section-description{color:var(--muted);font-size:14px;margin-bottom:25px}
.supporting-work .experience-strip{margin-bottom:25px;border-top:0;padding-top:0}
.case-study-scenes{padding-bottom:0}
.portfolio-intro{padding-bottom:36px}.portfolio-work{padding-bottom:70px}.portfolio-more{margin-top:30px}.home-portfolio{border-top:0;margin-top:0}.home-portfolio .section-heading{gap:24px}.home-portfolio .section-heading>.text-link{white-space:nowrap}.game-showcase+.story-section{border-top:1px solid var(--line);padding-bottom:0}
@media(max-width:1050px){.milk-home .milk-copy{padding-left:36px}.milk-home h1{font-size:66px}.milk-home .game-access{max-width:290px}}
@media(max-width:760px){.creator-intro{padding-top:24px;font-size:12px}.creator-intro>.text-link{display:none}.milk-home{margin:20px 0 30px;min-height:0}.milk-home .milk-copy{padding:32px 28px 8px}.milk-home h1{font-size:62px;letter-spacing:-3px}.milk-home .milk-art{height:260px;padding:0 30px 20px}.milk-home .milk-art img{width:auto;height:260px}.milk-home .milk-art:before{width:220px;height:220px}.milk-home .game-access{max-width:none}.game-showcase{padding-bottom:32px}.game-showcase .section-heading{align-items:flex-start;flex-direction:column;gap:14px}.game-showcase .section-heading h2{font-size:25px}.game-gallery{gap:24px}.game-scene h3{font-size:18px}.game-scene figcaption{padding-top:14px}.game-scene figcaption p{font-size:10px}.supporting-work{padding:34px 0 45px}.supporting-work .section-heading h2{font-size:25px}.section-description{font-size:13px}.supporting-work .section-heading .eyebrow{font-size:8px}}
@media(max-width:520px){.game-gallery{grid-template-columns:1fr;gap:28px}.milk-home h1{font-size:60px}.milk-home .milk-copy{padding:30px 25px 5px}.milk-home .milk-art{height:240px}.milk-home .milk-art img{height:240px}.supporting-work .project-count{display:none}.game-scene figcaption p{font-size:11px}}
@media(max-width:760px){.game-origin{grid-template-columns:1fr;gap:0;padding-bottom:22px;border-bottom:1px solid var(--line)}.game-origin figcaption{padding:18px 0 0}.game-origin h3{font-size:25px;margin-top:10px}.game-origin figcaption .origin-story{font-size:13px;max-width:none;margin:12px 0}}

/* Project navigation stays beside the main artwork at every screen size. */
.project-hero-nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:16px;margin-bottom:48px}
.project-side-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--orange);border:1px solid var(--line);border-radius:50%;margin-bottom:30px;transition:background .18s,color .18s}
.project-side-arrow svg{width:28px;height:28px}
.project-previous svg{transform:rotate(180deg)}
.project-side-arrow:hover{background:var(--orange);color:#17191b}
.project-side-arrow:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:600px){.project-hero-nav{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;margin-bottom:30px}.project-side-arrow{width:44px;height:44px}.project-side-arrow svg{width:24px;height:24px}.project-hero-nav .hero-figure .artwork-zoom{padding:6px;min-height:0}}

.milk-home .milk-art{height:520px;min-width:0;padding:0;position:relative}.bunny-canvas{position:absolute;inset:0;z-index:1}.bunny-canvas canvas{display:block;width:100%;height:100%}.milk-art>img{transition:opacity .35s}.milk-art.is-3d>img{opacity:0}.milk-stamp{z-index:2;pointer-events:none}.bunny-scroll-hint{position:absolute;bottom:18px;right:30px;color:#96716d;font-size:9px;letter-spacing:2px;z-index:3;pointer-events:none}@media(max-width:760px){.milk-home .milk-art{height:360px;padding:0}.bunny-scroll-hint{bottom:12px;right:20px;font-size:8px}}@media(prefers-reduced-motion:reduce){.bunny-scroll-hint{display:none}.milk-art>img{transition:none}}

.milk-home:not(:has(.milk-art.is-3d)) .bunny-scroll-hint{display:none}

.bunny-canvas{touch-action:pan-y;cursor:grab;outline-offset:-5px}.bunny-canvas.is-dragging{cursor:grabbing}.bunny-canvas:focus-visible{outline:2px solid #d9af64;border-radius:12px}.milk-home .milk-art{background:transparent;border-radius:0 14px 14px 0}.milk-home .milk-art:before{border-color:#bd8f7d40}.milk-home .milk-stamp{color:#8e7061;border-color:#b58b7055}.bunny-scroll-hint{color:#8e7061}.milk-home .milk-art>img{mix-blend-mode:normal;object-fit:contain;max-height:88%;width:auto;max-width:80%;border-radius:10px}@media(max-width:760px){.milk-home .milk-art{border-radius:0 0 14px 14px}}

.milk-home .milk-logo-heading{margin:28px 0 20px;line-height:1}.milk-logo-heading img{display:block;width:min(100%,380px);height:auto}@media(max-width:760px){.milk-logo-heading img{width:min(100%,320px)}}

.studio-origin{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:64px;align-items:center;margin-top:28px;padding-top:44px;border-top:1px solid var(--line)}.studio-origin-logo{margin:0;text-align:center}.studio-origin-logo img{display:block;width:200px;max-width:100%;height:auto;margin:0 auto 12px}.studio-origin-logo figcaption{font-size:21px;font-weight:600;letter-spacing:-.5px;color:var(--text)}.studio-origin-copy h3{font-size:26px;letter-spacing:-.7px;margin:12px 0 18px}.studio-origin-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 16px}@media(max-width:760px){.studio-origin{grid-template-columns:1fr;gap:30px;margin-top:12px;padding-top:32px}.studio-origin-logo img{width:160px}.studio-origin-copy h3{font-size:23px}}

@font-face{font-family:DoghouseNunito;src:url('/assets/doghouse-nunito-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}.doghouse-official-logo{display:flex;align-items:center;justify-content:center;gap:18px;max-width:360px;margin-inline:auto;padding:28px 22px;background:#faf7ef;border-radius:12px;color:#503f3a}.studio-origin-logo .doghouse-official-logo img{width:92px;height:92px;object-fit:contain;margin:0;flex-shrink:0}.doghouse-wordmark{font-family:DoghouseNunito,'Arial Rounded MT Bold',sans-serif;font-size:34px;font-weight:900;letter-spacing:-.055em;line-height:.95;text-align:left}.doghouse-wordmark>span{display:block}.doghouse-pink-dot{color:#d9537e}.studio-visit-link{display:inline-block;margin-top:18px;font-size:12px;color:var(--muted)}.studio-visit-link:hover{color:var(--text)}.doghouse-official-logo:hover{background:#fffaf2}@media(max-width:400px){.doghouse-official-logo{gap:12px;padding:24px 16px}.doghouse-wordmark{font-size:29px}.studio-origin-logo .doghouse-official-logo img{width:76px;height:76px}}

.game-origin .artwork-zoom{aspect-ratio:auto}.game-origin .artwork-zoom img{display:block;width:100%;height:auto;object-fit:contain}