@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url('assets/mono.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{--paper:#faf9f6;--ink:#262924;--green:#2e5a3c;--sage:#dce8df;--muted:#64695e;--line:#dedfd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ae673c;outline-offset:6px}button{border:0}img{max-width:100%;display:block}button img{pointer-events:none}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:110px;height:auto}.brand span{font-size:27px;font-weight:400;letter-spacing:-1.5px;padding-top:3px}.header nav{display:flex;align-items:center;gap:40px;font-size:14px;font-weight:500}.header nav a{padding:12px 0}.header nav a:hover{color:var(--green)}.nav-contact span{padding-left:23px}.menu-toggle{display:none}.hero{min-height:665px;display:grid;grid-template-columns:1.02fr 1fr;gap:28px;align-items:center;padding-top:62px;padding-bottom:65px}.eyebrow,.mono{font-family:Mono,monospace;text-transform:uppercase;font-size:10px;letter-spacing:1.2px;font-weight:500}.eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 26px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5c9a6e;flex:none}h1{font-size:clamp(49px,5.65vw,82px);font-weight:600;line-height:1.04;letter-spacing:-5px;margin:0 0 26px;white-space:nowrap}h1 .play{color:var(--green);position:relative;display:inline-block}.play svg{position:absolute;width:100%;bottom:-10px;left:0;height:16px;fill:none;stroke:#8caa69;stroke-width:5;stroke-linecap:round}.lede{font-size:16px;color:var(--muted);line-height:1.7;margin:32px 0}.button{min-height:49px;padding:16px 23px;display:inline-flex;align-items:center;gap:38px;border-radius:5px;font-size:13px;font-weight:600}.primary{background:var(--green);color:white}.primary:hover{background:#21492d}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:42px}.hero-foot p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.mini-line{width:36px;height:1px;background:#819274}.hero-art{height:492px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #daddcf;border-radius:50%;z-index:-1}.orbit-one{width:450px;height:450px;left:30px;top:5px}.orbit-two{width:360px;height:360px;left:75px;top:50px}.art-label{position:absolute;top:-3px;right:17px;transform:rotate(7deg);font-size:9px}.hero-game{padding:0;position:absolute;right:0;top:75px;width:76%;height:302px;border-radius:13px;overflow:hidden;transform:rotate(7deg);box-shadow:0 20px 42px #242a191c;background:#e8dfd0;transition:transform .3s}.hero-game img{width:100%;height:258px;object-fit:cover}.hero-game span{padding:13px 17px;display:flex;justify-content:space-between;font-size:11px;background:#fffdfa;text-align:left}.hero-game i{font-style:normal}.hero-game:hover{transform:rotate(4deg) translateY(-5px)}.hero-phone{position:absolute;width:173px;height:371px;left:4px;top:46px;padding:5px;border-radius:26px;background:#222820;overflow:hidden;transform:rotate(-9deg);box-shadow:0 22px 35px #19221930;transition:transform .3s}.hero-phone img{border-radius:21px;width:100%;height:100%;object-fit:cover}.hero-phone:hover{transform:rotate(-5deg) translateY(-6px)}.floating-icon{position:absolute;width:100px;height:100px;padding:0;border-radius:23px;overflow:hidden;box-shadow:0 16px 27px #382b2425;transition:transform .3s}.floating-icon:hover{transform:rotate(0) scale(1.05)}.chocolate-icon{top:1px;right:45px;transform:rotate(13deg)}.cult-icon{bottom:16px;right:64px;width:87px;height:87px;transform:rotate(-10deg)}.art-caption{position:absolute;bottom:10px;left:9px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.7px}.intro-strip{background:#eeefe7;border-block:1px solid #e2e3d9}.intro-strip .shell{display:flex;justify-content:space-between;align-items:center;padding-block:26px;font-size:15px;font-weight:500}.strip-star{color:#7e9372;font-size:29px;line-height:1}.work{padding-top:94px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:clamp(32px,3.5vw,49px);font-weight:500;letter-spacing:-2.5px;line-height:1.1;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 3px}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin:36px 0 28px;border-bottom:1px solid var(--line);padding-bottom:18px}.filters{display:flex;gap:7px}.filters button{padding:10px 17px;border-radius:5px;font-size:12px;background:transparent;transition:background .2s}.filters button span{font-family:Mono,monospace;font-size:9px;opacity:.7;padding-left:8px}.filters button.active{background:var(--ink);color:white}.filters button:hover:not(.active){background:#eeeee6}#result-count{color:var(--muted);font-size:9px}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.project[hidden]{display:none}.project-visual{height:360px;border-radius:9px;overflow:hidden;position:relative;display:block;width:100%;text-align:left;padding:0;transition:filter .2s}.project-visual:hover{filter:brightness(.97)}.project-visual>img{transition:transform .45s}.project-visual:hover>img{transform:translateY(-5px)}.project-info{display:flex;justify-content:space-between;gap:15px;padding-top:20px}.project-category{font-family:Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 8px}h3{font-size:21px;letter-spacing:-.7px;font-weight:600;margin:0}.project-info p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 0}.round-link{height:39px;width:39px;border:1px solid #d8ddd0;border-radius:50%;font-size:21px;background:transparent;flex:none;margin-top:12px}.round-link:hover{background:var(--green);color:white;border-color:var(--green)}.franz-visual{background:#e1e9d9}.franz-visual>img{width:193px;position:absolute;right:33px;top:38px;transform:rotate(6deg);border:5px solid #252e21;border-radius:25px;box-shadow:0 15px 32px #26342524}.franz-visual:hover>img{transform:rotate(3deg) translateY(-5px)}.visual-word{position:absolute;left:32px;top:58px;font-size:34px;letter-spacing:-1.5px;line-height:1.12;color:#304832}.visual-caption{position:absolute;bottom:22px;left:29px;font-size:8px;letter-spacing:1px}.goodvibes-visual>img{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;bottom:22px;left:22px;background:#fcfaf3;border-radius:4px;padding:10px 12px;font-size:10px}.chocolate-visual{background:#efe2d1}.chocolate-title{display:block;font-size:28px;line-height:1.1;letter-spacing:-1.2px;padding:27px 30px 0;color:#502f29}.chocolate-visual>img{width:100%;height:255px;object-fit:contain;position:absolute;bottom:15px}.claycue-visual{background:#dfebe7}.claycue-copy{position:absolute;left:30px;top:34px}.claycue-logo{width:47px;border-radius:12px;margin-bottom:20px}.claycue-copy span{font-size:30px;line-height:1.15;letter-spacing:-1.3px;color:#203d30}.claycue-screen{position:absolute;width:176px;right:34px;top:32px;transform:rotate(7deg);border:5px solid #faf9f6;border-radius:23px;box-shadow:0 20px 24px #14291e22}.claycue-visual:hover>img{transform:rotate(4deg) translateY(-5px)}.cult-project{grid-column:1/-1}.cult-visual{background:#e3e2d7;height:355px}.cult-copy{position:absolute;left:50px;top:41px}.cult-copy img{height:88px;width:88px;border-radius:21px;margin-bottom:23px}.cult-copy>span{font-size:43px;letter-spacing:-2px}.cult-copy p{font-size:14px;color:#5c6355}.cult-screen{position:absolute;width:41%;right:6%;top:25px;transform:rotate(5deg);border-radius:14px;box-shadow:0 12px 35px #1d2e1626}.cult-visual:hover>img{transform:rotate(3deg) translateY(-5px)}.studio{background:#233c2b;color:#f3f2e9;padding:85px 0}.studio-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.studio .eyebrow{color:#b8c7aa}.studio h2{font-size:51px}.studio-symbol{font-size:130px;color:#b9cba2;line-height:1;margin-top:30px}.studio-copy>p{font-size:14px;line-height:1.85;color:#c9d2c5;margin:0 0 20px}.studio-copy .large-copy{font-size:25px;line-height:1.4;color:#f0f2e9;letter-spacing:-.6px;margin-bottom:27px}.principles{border-top:1px solid #50644f;padding-top:24px;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.principles .mono{color:#b8c7aa;font-size:10px}.principles h3{font-size:15px;letter-spacing:-.2px;margin-top:13px}.principles p{font-size:12px;line-height:1.7;color:#c9d2c5;margin-bottom:0}.contact{padding-block:95px;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:44px}.contact p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;margin-top:23px}.contact-email{font-size:20px;letter-spacing:-.4px;display:block;border-bottom:1px solid #869b7a;padding-bottom:14px}.contact-email span{padding-left:15px}.copy-email{background:transparent;padding:14px 0;font-size:11px;color:var(--muted);display:flex;gap:15px}.copy-email:hover{color:var(--green)}#copy-status{font-size:11px;color:var(--green);min-height:15px;display:block}.footer{background:#efefe7;padding:38px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top p{font-size:12px;color:var(--muted);line-height:1.6}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid #d6dacd;margin-top:29px;padding-top:19px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;font-size:10px;line-height:1.8;color:var(--muted)}.footer-bottom p{margin:0}.footer-bottom>div{display:flex;gap:24px}.footer-bottom button{background:transparent;padding:0;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-80px;left:16px;z-index:100;padding:15px;background:white}.skip:focus{top:10px}dialog{padding:0;border:0;border-radius:14px;background:var(--paper);color:var(--ink);width:min(900px,calc(100% - 32px));max-height:90dvh;box-shadow:0 35px 100px #121d1744}dialog::backdrop{background:#142218b8;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;background:#fffef7;border:1px solid #d4dacf;border-radius:50%;font-size:26px;z-index:3;line-height:1}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.dialog-image{background:#e4e6db;display:flex;align-items:center;justify-content:center;padding:25px}.dialog-image img{width:100%;max-height:500px;object-fit:contain;border-radius:8px}.dialog-copy{padding:65px 35px 40px}.dialog-copy .eyebrow{font-size:9px}.dialog-copy h2{font-size:34px;letter-spacing:-1.4px}.dialog-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}.dialog-copy ul{padding-left:18px;font-size:13px;line-height:1.9;margin:20px 0}.dialog-copy .image-note{font-size:10px!important;margin:22px 0}.dialog-copy .button{gap:10px;font-size:12px}.privacy-copy{padding:55px;max-width:730px}.privacy-copy h2{font-size:35px}.privacy-copy p{font-size:14px;line-height:1.8}.privacy-copy a{text-decoration:underline}
@media(min-width:1500px){.hero{min-height:720px}.hero-art{transform:scale(1.04)}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}h1{font-size:61px;letter-spacing:-3.8px}.hero{gap:20px;min-height:600px}.hero-art{height:440px}.hero-phone{width:145px;height:312px;top:60px;left:0}.hero-game{top:93px;height:261px;width:77%}.hero-game img{height:218px}.hero-game span{font-size:9px}.floating-icon{width:78px;height:78px}.chocolate-icon{right:33px;top:25px}.cult-icon{bottom:15px;width:73px;height:73px;right:35px}.orbit-one{width:350px;height:350px;left:10px;top:35px}.orbit-two{width:270px;height:270px;left:50px;top:75px}.art-caption{font-size:7px;bottom:2px}.art-label{font-size:8px;top:2px}.visual-word{left:23px;font-size:28px}.franz-visual>img{right:15px;width:158px;top:64px}.project-visual{height:325px}.claycue-screen{width:150px;right:16px;top:55px}.claycue-copy{left:22px}.claycue-copy span{font-size:25px}.studio-grid{gap:60px}.contact-email{font-size:17px}.contact h2{font-size:38px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header{height:85px}.brand img{width:89px}.brand span{font-size:23px}.header nav{gap:20px;font-size:12px}.nav-contact span{padding-left:6px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:48px;padding-bottom:40px;gap:25px}.hero-copy{position:relative}.eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:clamp(46px,9.6vw,69px);letter-spacing:-3.5px;line-height:1.07}.lede{font-size:15px;line-height:1.7;margin:27px 0}.hero-foot{position:absolute;right:0;bottom:4px;margin:0}.hero-foot .mini-line{display:none}.hero-art{width:min(100%,510px);height:435px;align-self:center}.hero-phone{width:164px;height:349px;left:18px;top:32px}.hero-game{right:8px;top:75px;width:72%;height:286px}.hero-game img{height:242px}.hero-game span{font-size:10px}.orbit-one{width:360px;height:360px;left:45px;top:20px}.orbit-two{width:290px;height:290px;left:80px;top:55px}.chocolate-icon{right:24px;top:5px;width:80px;height:80px}.cult-icon{right:45px;bottom:17px}.art-label{right:120px;top:3px;font-size:7px}.art-caption{left:10px;bottom:0}.intro-strip .shell{gap:15px;font-size:11px;padding-block:20px}.strip-star{font-size:20px}.work{padding-top:62px;padding-bottom:58px}.section-heading{display:block}.section-heading>p{margin-top:20px}.section-heading h2{font-size:35px;letter-spacing:-1.8px}.filter-bar{margin-top:25px}.filters button{padding:9px 12px;font-size:11px}.filters button span{font-size:8px;padding-left:5px}#result-count{font-size:8px;letter-spacing:0}.portfolio{gap:32px 18px}.project-visual{height:255px}.visual-word{font-size:21px;left:19px;top:26px}.franz-visual>img{width:115px;right:14px;top:84px;border-radius:17px;border-width:3px}.visual-caption{left:18px;bottom:16px;font-size:6px}.image-tag{font-size:8px;left:12px;bottom:15px;max-width:90%;padding:8px}.project-info{gap:10px;padding-top:16px}.project-info h3{font-size:17px}.project-category{font-size:7px;letter-spacing:.6px}.project-info p:last-child{font-size:11px;line-height:1.6}.project-info br{display:none}.round-link{width:29px;height:29px;font-size:17px;margin-top:10px}.chocolate-title{font-size:20px;padding:24px 18px}.chocolate-visual>img{height:180px;bottom:6px;width:110%;max-width:none;left:-5%}.claycue-copy{left:18px;top:24px}.claycue-logo{width:34px;margin-bottom:12px}.claycue-copy span{font-size:19px}.claycue-screen{width:112px;top:85px;right:10px;border-width:3px;border-radius:16px}.cult-visual{height:300px}.cult-copy{left:28px;top:34px}.cult-copy img{width:70px;height:70px;border-radius:15px}.cult-copy>span{font-size:32px}.cult-copy p{font-size:11px}.cult-screen{width:43%;top:25px;right:5%}.studio{padding:57px 0}.studio-grid{grid-template-columns:1fr;gap:32px}.studio-grid>div:first-child{position:relative}.studio h2{font-size:41px}.studio-symbol{position:absolute;right:10px;bottom:-4px;font-size:85px;margin:0}.studio-copy .large-copy{font-size:23px}.studio-copy>p{font-size:13px}.principles{gap:25px}.contact{display:block;padding-block:58px}.contact h2{font-size:36px}.contact-action{margin-top:30px;max-width:340px}.contact-email{font-size:20px}.footer-top p{display:none}.footer-bottom{align-items:flex-start;gap:20px}.footer-bottom>div{flex-direction:column;gap:8px;align-items:flex-end;white-space:nowrap}.dialog-layout{grid-template-columns:1fr}.dialog-image{height:265px;padding:18px}.dialog-image img{height:100%}.dialog-copy{padding:30px}.dialog-copy h2{font-size:30px}.dialog-copy .eyebrow{margin-bottom:17px}.privacy-copy{padding:55px 25px 25px}.privacy-copy h2{font-size:29px}}
@media(max-width:680px){.menu-toggle{display:flex;background:transparent;font-size:12px;padding:12px 0 12px 12px;gap:12px}.header{position:relative}.header nav{display:none;position:absolute;right:0;top:72px;z-index:10;width:220px;padding:18px 23px;background:var(--paper);box-shadow:0 15px 35px #20301b22;border:1px solid var(--line);border-radius:8px}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.hero-foot{display:none}.hero-art{height:380px}.hero-phone{width:136px;height:290px;left:10px;top:39px}.hero-game{height:253px;top:73px;width:72%;right:6px}.hero-game img{height:212px}.hero-game span{font-size:8px;padding:13px 12px}.floating-icon{width:66px;height:66px;border-radius:16px}.chocolate-icon{right:24px;top:17px}.cult-icon{bottom:9px;right:26px}.orbit-one{width:300px;height:300px;left:18px;top:29px}.orbit-two{width:245px;height:245px;left:46px;top:56px}.art-label{font-size:6px;right:92px;top:14px}.art-caption{font-size:6px;letter-spacing:.3px;bottom:3px}.intro-strip .shell{gap:8px;font-size:9px}.strip-star{font-size:16px}.portfolio{grid-template-columns:1fr;gap:31px}.project-visual{height:320px}.visual-word{font-size:32px;top:44px;left:25px}.franz-visual>img{width:152px;top:64px;right:21px;border-radius:22px;border-width:4px}.visual-caption{font-size:7px;left:24px;bottom:21px}.image-tag{font-size:9px;padding:10px;left:19px;bottom:20px}.project-info h3{font-size:21px}.project-category{font-size:8px}.project-info p:last-child{font-size:12px}.round-link{width:35px;height:35px;font-size:20px}.chocolate-title{font-size:27px;padding:26px}.chocolate-visual>img{height:225px;bottom:13px;width:100%;left:0}.claycue-copy{left:25px;top:30px}.claycue-copy span{font-size:27px}.claycue-logo{width:42px;margin-bottom:20px}.claycue-screen{width:145px;right:18px;top:57px;border-radius:21px}.cult-visual{height:310px}.cult-copy{left:24px;top:26px}.cult-copy img{width:66px;height:66px}.cult-copy>span{font-size:31px}.cult-copy p{max-width:150px;line-height:1.5;font-size:12px}.cult-screen{width:50%;right:-7%;top:72px}.filter-bar{gap:5px}#result-count{display:none}.principles{gap:18px}.principles h3{font-size:14px}.footer-bottom{display:block}.footer-bottom>div{flex-direction:row;justify-content:space-between;gap:12px;margin-top:18px}.footer-top>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the Chocolate House headline and scene in separate layout rows. */
.chocolate-visual{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:26px 28px 39px}
.chocolate-title{padding:0;position:relative;z-index:1;font-size:clamp(22px,2.1vw,28px)}
.chocolate-visual>img{position:static;width:100%;max-width:100%;height:100%;min-height:0;object-fit:contain;transform:none}
.chocolate-visual:hover>img{transform:none}
@media(max-width:760px) and (min-width:681px){.chocolate-visual{padding:21px 19px 34px;gap:8px}.chocolate-title{font-size:20px}.visual-word{font-size:20px}.claycue-copy span{font-size:19px}}
@media(max-width:680px){.chocolate-title{font-size:26px}.chocolate-visual{padding:24px 25px 39px}}
.release-status{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:5px 8px;font-family:Mono,monospace;font-size:8px;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;background:#e6e9df;color:#3e5540}
.release-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#5c9a6e}
.release-status.coming-soon{background:#eee8de;color:#726047}
.release-status.coming-soon::before{background:#aa8b61}
.dialog-copy .release-status{margin:0 0 16px}

/* Give the hero caption its own row above the overlapping product artwork. */
.hero-showcase{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.art-label{position:static;transform:none;justify-self:end;font-size:9px;line-height:1.5}
.hero-game span{justify-content:flex-end;gap:12px;text-align:right}
@media(max-width:760px){.hero-showcase{width:min(100%,510px);align-self:center;gap:24px}.art-label{font-size:8px}}
@media(max-width:1100px){.hero-art{height:480px}}
@media(max-width:760px){.hero-art{height:500px}}
@media(max-width:680px){.hero-art{height:450px}}