:root{--font-handjet:"Handjet Variable";--font-jersey:"Jersey 10";--font-body:"DotGothic16";--font-zen:"Zen Kaku Gothic New";--sand:#c8a87c;--paper:#f6eee3;--paper2:#ead8c8;--peach:#e6ae91;--clay:#af654f;--brown:#4b342b;--brown2:#715548;--olive:#66704a;--green:#344d3d;--ink:#302824;--cream:#fff9ef;--line:#4b342b40;--shadow:#6d704f;--max:1240px;--sand-grid:repeating-linear-gradient(0deg,#4b342b0d 0,#4b342b0d 1px,transparent 1px,transparent 24px),repeating-linear-gradient(90deg,#4b342b0d 0,#4b342b0d 1px,transparent 1px,transparent 24px);--pixel:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--sand);background-image:var(--sand-grid);color:var(--ink);font-family:var(--font-body),var(--font-zen),sans-serif;letter-spacing:.01em;margin:0;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-handjet),var(--font-zen),sans-serif;letter-spacing:normal;font-weight:580;line-height:.98}h1{font-size:clamp(3.5rem,8vw,8rem)}.siteHeader{z-index:50;border-bottom:1px solid var(--line);background:#c8a87cf5;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(20px,4vw,64px);display:flex;position:relative}.logo{width:130px;color:var(--brown);display:block}.logo svg{width:100%;display:block}.logoSun{fill:var(--clay)}.logoLight{color:var(--cream)}.nav ul{align-items:center;gap:clamp(18px,3vw,42px);margin:0;padding:0;list-style:none;display:flex}.nav a{font-family:var(--font-jersey),var(--font-zen);font-size:1.25rem;position:relative}.nav a.active:before{content:"";background:var(--clay);width:6px;height:6px;position:absolute;top:42%;left:-12px}.nav a:hover,.nav a:focus-visible{color:var(--clay)}.language{border:1px solid var(--brown);padding:6px 10px}.menuButton{color:var(--brown);background:0 0;border:0;display:none}.section{max-width:var(--max);margin:auto;padding:clamp(80px,10vw,150px) clamp(22px,5vw,68px)}.sectionLabel,.timeBadge,.draftFlag,.serviceGrid article>span,.portfolioRow>div>span,.formPrompt{font-family:var(--font-jersey),var(--font-zen);text-transform:uppercase;letter-spacing:.09em;font-size:1rem}.sectionHeading{grid-template-columns:90px 1fr;align-items:start;margin-bottom:70px;display:grid}.sectionHeading h2{margin:0}.sectionLabel{color:var(--clay)}.hero{background:#b29066;height:min(820px,100svh - 84px);min-height:620px;position:relative;overflow:hidden}.hero picture,.hero picture img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.heroShade{background:linear-gradient(90deg,#261c16b3,#261c1633 57%,#261c160d);position:absolute;inset:0}.heroCopy{z-index:2;color:var(--cream);width:min(430px,100% - 48px);position:absolute;bottom:clamp(48px,7vw,86px);left:clamp(24px,8vw,120px)}.heroTagline{font-family:var(--font-handjet);margin:0 0 24px;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.1;display:block}.timeBadge{color:var(--cream);z-index:2;background:#3028248c;padding:5px 9px;position:absolute;bottom:22px;right:26px}.pixelButton{background:var(--brown);clip-path:var(--pixel);filter:drop-shadow(7px 7px 0 var(--shadow));font-family:var(--font-jersey),var(--font-zen);padding:4px;font-size:1.35rem;transition:transform .2s,filter .2s;display:inline-block;position:relative}.pixelButton:before{content:"";border:2px solid var(--paper);pointer-events:none;position:absolute;inset:4px}.pixelButton>span{background:var(--peach);clip-path:var(--pixel);color:var(--brown);padding:13px 29px;display:block}.pixelButton:hover,.pixelButton:focus-visible{filter:drop-shadow(9px 9px 0 var(--shadow));outline:3px solid var(--cream);outline-offset:5px;transform:translate(-2px,-2px)}.entrance{background-color:var(--sand);z-index:100;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.entrance>img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.entranceCopy{text-align:center;color:var(--brown);position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.entranceCopy p{font-family:var(--font-jersey);margin:0;font-size:2.5rem}.entranceCopy button{cursor:pointer}.entranceCopy button:focus-visible{outline:4px solid var(--cream);outline-offset:5px}.touchOnly{display:none}.fallingPetal{width:12px;height:9px;image-rendering:pixelated;background:#aa574e;animation:2.2s ease-in-out infinite petal;position:absolute;top:25%;left:43%}.homeLoading{background-color:var(--sand);background-image:var(--sand-grid);height:100vh}:is(body:has(.entrance) .siteHeader,body:has(.entrance) .footer){visibility:hidden}@keyframes petal{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}to{opacity:.3;transform:translate(55px,210px)rotate(180deg)}}.intro .dialogue{font-family:var(--font-handjet),var(--font-zen);margin:30px 0;font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.03}.dialogue span span{opacity:0;transition:opacity .18s;transition-delay:calc(var(--word) * 40ms);display:inline}.dialogue.seen span span{opacity:1}.services{border-top:1px solid var(--line)}.serviceGrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.serviceGrid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:300px;padding:45px}.serviceGrid h3{margin:30px 0 20px}.serviceGrid p{max-width:49ch}.process{background:var(--brown);color:var(--paper);max-width:none}.process>.sectionHeading,.process>ol{max-width:calc(var(--max) - 136px);margin-left:auto;margin-right:auto}.process ol{grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.process li{border-top:2px solid var(--peach);padding:35px 25px 0;position:relative}.process li:before{content:"";background:var(--peach);width:12px;height:12px;position:absolute;top:-7px;left:25px}.process li>span{font-family:var(--font-jersey);color:var(--peach);font-size:1.6rem}.process h3{margin:30px 0 20px;font-size:2.15rem}.process p{font-size:.95rem}.closing{text-align:center;background-color:var(--sand);background-image:var(--sand-grid);padding:clamp(90px,12vw,170px) 20px}.closing h2{margin-bottom:45px}.pageHero{background:var(--paper2);padding:clamp(100px,12vw,180px) max(6vw,24px);position:relative;overflow:hidden}.pageHero h1{max-width:900px;margin:0}.pageHero>p:last-of-type{max-width:700px;margin:35px 0 0;font-size:1.25rem}.aboutHero>span{font-family:var(--font-zen);color:#af654f33;font-size:clamp(4rem,12vw,12rem);position:absolute;bottom:10%;right:8vw}.aboutStory{grid-template-columns:minmax(0,700px) 1fr;align-items:center;gap:80px;display:grid}.storyCopy p{font-size:1.15rem}.storyFinish{font-family:var(--font-handjet),var(--font-zen);color:var(--clay);line-height:1.1;font-size:2.5rem!important}.coffee{justify-content:center;align-items:end;width:220px;height:260px;display:flex;position:relative}.cup{background:var(--clay);clip-path:polygon(8% 0,92% 0,86% 84%,72% 100%,28% 100%,14% 84%);width:150px;height:115px;position:relative}.cup:after{content:"";background:#5f382c;border-radius:50%;height:13px;position:absolute;top:16px;left:18px;right:18px}.cup span{background:var(--paper2);width:13px;height:13px;box-shadow:16px 0 0 var(--paper2),-16px 0 0 var(--paper2);position:absolute;bottom:20px;left:50%}.coffee>i{border-left:6px solid var(--brown2);opacity:.5;border-radius:50%;width:9px;height:58px;animation:3s ease-in-out infinite steam;position:absolute;bottom:120px}.coffee>i:nth-child(2){margin-left:44px;animation-delay:-1s}.coffee>i:nth-child(3){margin-left:-44px;animation-delay:-2s}@keyframes steam{0%{opacity:0;transform:translateY(0)translate(0)}35%{opacity:.55}to{opacity:0;transform:translateY(-65px)translate(16px)}}.team{border-top:1px solid var(--line)}.portraitWrap{max-width:820px;clip-path:var(--pixel);margin:0 auto 55px}.portraitWrap img{width:100%;height:auto}.teamGrid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.teamGrid h3{margin-bottom:8px}.teamGrid article>span{color:var(--clay);font-family:var(--font-jersey),var(--font-zen);font-size:1.2rem}.teamGrid p{margin-top:22px}.draftFlag{color:var(--clay);border:1px solid;margin-top:25px;padding:5px 9px;display:inline-block}.portfolioList{flex-direction:column;gap:100px;display:flex}.portfolioRow{border:2px solid var(--brown);background:#f2cdb9;grid-template-columns:minmax(300px,1.2fr) minmax(260px,.8fr);align-items:center;gap:35px;padding:28px;display:grid}.portfolioRowReverse{grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr)}.portfolioRowReverse .portfolioThumb{grid-area:1/2}.portfolioRowReverse>div:last-child{grid-area:1/1}.portfolioThumb{aspect-ratio:19/10;background:var(--paper2);position:relative;overflow:hidden}.portfolioThumb img{object-fit:contain;transition:transform .5s}.portfolioRow:hover .portfolioThumb img,.portfolioRow:focus-visible .portfolioThumb img{transform:scale(1.025)}.portfolioRow h2{margin:10px 0 20px;font-size:clamp(2.6rem,5vw,5rem)}.portfolioRow b{font-family:var(--font-jersey);color:var(--clay);font-size:1.25rem}.contactHero{background:var(--green);color:var(--cream)}.contactHeading{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,96px) clamp(22px,5vw,68px) 0}.contactLayout{grid-template-columns:minmax(0,760px) 1fr;gap:80px;padding-top:clamp(40px,5vw,64px);display:grid}.contactForm{background:var(--brown);color:var(--cream);clip-path:var(--pixel);padding:clamp(25px,5vw,60px)}.formPrompt{color:var(--peach);border-bottom:1px solid #ffffff40;padding-bottom:20px}.contactForm label{margin:28px 0;display:block}.contactForm label>span{font-family:var(--font-jersey),var(--font-zen);margin-bottom:8px;font-size:1.2rem;display:block}.contactForm input,.contactForm textarea{border:0;border-bottom:2px solid var(--peach);width:100%;color:var(--cream);background:#ffffff14;border-radius:0;padding:13px}.contactForm input:focus,.contactForm textarea:focus{outline:3px solid var(--peach);outline-offset:4px}.contactForm em{color:#ffd1c4;margin-top:8px;font-size:.9rem;font-style:normal;display:block}.formSubmit{cursor:pointer;border:0}.formSubmit:disabled{opacity:.6;cursor:not-allowed}.demoNotice{border:1px solid var(--peach);margin:24px 0 0;padding:12px}.demoNoticeError{color:#ffd1c4;border-color:#ffd1c4}.contactLayout aside{flex-direction:column;gap:12px;display:flex}.contactLayout aside p{font-family:var(--font-jersey);color:var(--clay)}.contactLayout aside a{text-underline-offset:4px;text-decoration:underline}.notFound{text-align:center;place-content:center;min-height:100vh;display:grid}.notFound>p{font-family:var(--font-jersey);color:var(--clay);font-size:2rem}.footer{background:var(--brown);color:var(--paper);padding:70px max(5vw,24px) 30px}.footerTop{grid-template-columns:1fr 1fr .5fr;gap:50px;display:grid}.footerTop .logo{width:160px}.footerTop>div{flex-direction:column;align-items:flex-start;display:flex}.footerLinks{gap:8px}.ack{opacity:.75;max-width:750px;margin-top:70px;font-size:.85rem}.copyright{font-family:var(--font-jersey);border-top:1px solid #ffffff2e;margin:35px 0 0;padding-top:20px}@media (hover:none){.pointerOnly{display:none}.touchOnly{display:inline}}@media (max-width:900px){.siteHeader{height:72px}.menuButton{z-index:60;align-items:center;gap:10px;display:flex}.menuButton span{font-family:var(--font-jersey);font-size:1rem}.menuButton i{font-size:1.8rem;font-style:normal}.nav{background:var(--paper);place-items:center;transition:transform .3s;display:grid;position:fixed;inset:0;transform:translate(100%)}.nav.open{transform:none}.nav ul{flex-direction:column;gap:24px}.nav a{font-size:2.5rem}.hero{height:calc(100svh - 72px)}.heroCopy{bottom:55px}.process>.sectionHeading,.process>ol{max-width:none}.process ol{grid-template-columns:1fr}.process li{border-top:0;border-left:2px solid var(--peach);padding:0 0 45px 35px}.process li:before{top:3px;left:-7px}.process h3{margin:5px 0 12px}.aboutStory{grid-template-columns:1fr}.coffee{margin:auto}.portfolioRow,.portfolioRowReverse{grid-template-columns:1fr}.portfolioRowReverse .portfolioThumb,.portfolioRowReverse>div:last-child{grid-column:1}.contactLayout{grid-template-columns:1fr}.footerTop{grid-template-columns:1fr 1fr}.footerTop>.logo{grid-column:1/-1}}@media (max-width:600px){body{font-size:16px}.section{padding:75px 22px}.sectionHeading{grid-template-columns:50px 1fr;margin-bottom:45px}.serviceGrid{grid-template-columns:1fr}.serviceGrid article{min-height:0;padding:30px}.hero picture img{object-position:center}.heroShade{background:linear-gradient(#261c160d 30%,#261c16c7)}.heroCopy{width:calc(100% - 44px);left:22px}.timeBadge{top:15px;bottom:auto}.entranceCopy{bottom:5vh}.entrance>img{object-fit:cover}.aboutHero>span{bottom:4%}.teamGrid{grid-template-columns:1fr}.portfolioList{gap:75px}.portfolioRow{display:block}.portfolioRow>div:last-child{margin-top:25px}.footerTop{grid-template-columns:1fr}.footerTop>.logo{grid-column:auto}.contactForm{clip-path:none}.fallingPetal{left:38%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dialogue span span{opacity:1!important}.pixelButton{transform:none!important}.coffee>i{display:none}}:root{--measure-body:65ch;--measure-intro:790px;--measure-display:13ch;--measure-case:68ch}h1{max-width:var(--measure-display);font-size:clamp(3.25rem,6.4vw,6.75rem)}h2{font-size:clamp(2.65rem,4.8vw,4.9rem)}h3{font-size:clamp(1.75rem,2.4vw,2.35rem)}.section{max-width:1180px}.process{max-width:none}.sectionHeading h2{max-width:15ch}.intro{max-width:1180px}.intro>.sectionLabel,.intro>.dialogue{width:min(100%,var(--measure-intro));margin-left:auto;margin-right:auto}.intro .dialogue{max-width:none;font-size:clamp(2.45rem,4.1vw,4.4rem);line-height:1.04}.dialogue>span{display:block}.dialogue span span{margin-right:.2em;display:inline-block}.serviceGrid p,.storyCopy p,.teamGrid p{max-width:var(--measure-body)}.process p{max-width:34ch}.pageHero h1{max-width:var(--measure-display)}.pageHero>p:last-of-type{max-width:var(--measure-body)}.portfolioList{padding-top:clamp(44px,5vw,68px)}.portfolioLabel{max-width:var(--max);margin:clamp(28px,4vw,44px) auto 0;padding:0 clamp(22px,5vw,68px)}.portfolioRow>div:last-child p{max-width:52ch}.contactHero>p:last-of-type{max-width:58ch}.entrance{flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,2.5vh,28px);padding:clamp(24px,5vh,56px) 24px;display:flex}.entrance>img{object-fit:contain;flex:0 auto;width:auto;max-width:min(72vw,465px);height:min(56svh,620px)}.entranceCopy{flex:none;position:static;transform:none}.entranceCopy .entranceButton{filter:drop-shadow(5px 5px 0 var(--shadow));border:0;padding:4px;font-size:1.12rem}.entranceCopy .entranceButton>span{padding:9px 18px}.entranceCopy .entranceButton:hover,.entranceCopy .entranceButton:focus-visible{filter:drop-shadow(7px 7px 0 var(--shadow))}.fallingPetal{top:24%;left:46%}.devStatePanel{z-index:140;width:min(390px,100vw - 24px);color:var(--cream);border:1px solid var(--peach);font-family:var(--font-jersey),var(--font-zen);background:#302824f0;padding:10px;font-size:.9rem;position:fixed;bottom:12px;right:12px;box-shadow:0 5px 18px #30282440}.devStatePanel>b{color:var(--peach);text-transform:uppercase;letter-spacing:.08em;margin-right:8px;font-weight:400}.devStatePanel>span{opacity:.8;text-transform:capitalize}.devStatePanel>div{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.devStatePanel button{color:inherit;cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #ffffff59;padding:4px 7px}.devStatePanel button:hover,.devStatePanel button:focus-visible{background:var(--peach);color:var(--brown);outline:2px solid var(--cream);outline-offset:1px}@media (max-width:900px){.nav{background-color:var(--sand);background-image:var(--sand-grid)}.section{padding:72px 24px}.sectionHeading{grid-template-columns:58px minmax(0,1fr);margin-bottom:48px}.nav ul{gap:18px}.nav a{font-size:2.05rem}.hero{min-height:540px}.heroCopy{width:min(430px,100% - 48px);bottom:38px}.serviceGrid article{min-height:250px;padding:32px}.serviceGrid h3{margin:22px 0 16px}.process>.sectionHeading,.process>ol{max-width:680px}.process li{padding:0 0 34px 30px}.process h3{margin:3px 0 10px}.aboutStory{gap:52px}.teamGrid{gap:42px}.portfolioRow{gap:28px}.contactLayout{gap:52px}.footer{padding-top:58px}.ack{margin-top:50px}}@media (max-width:600px){body{font-size:16px;overflow-x:hidden}h1{max-width:11ch;font-size:clamp(2.7rem,13vw,3.55rem);line-height:1.01}h2{font-size:clamp(2.3rem,11vw,3.1rem);line-height:1.02}h3{font-size:clamp(1.65rem,8vw,2.05rem);line-height:1.04}.section{padding:62px 22px}.sectionHeading{grid-template-columns:42px minmax(0,1fr);gap:8px;margin-bottom:36px}.sectionLabel{font-size:.92rem}.hero{height:calc(100svh - 72px);min-height:500px}.heroCopy{width:calc(100% - 44px);bottom:28px;left:22px}.heroTagline{max-width:24ch;margin-bottom:22px;font-size:1.3rem;line-height:1.08}.pixelButton{font-size:1.18rem}.pixelButton>span{padding:11px 24px}.entrance{gap:16px;padding:22px}.entrance>img{object-fit:contain;width:auto;max-width:82vw;height:min(48svh,470px)}.entranceCopy{bottom:auto}.entranceCopy p{font-size:2rem}.entranceCopy .entranceButton{padding:4px;font-size:1.05rem}.entranceCopy .entranceButton>span{padding:8px 16px}.fallingPetal{width:9px;height:7px;top:25%;left:45%}.devStatePanel{width:calc(100vw - 16px);font-size:.82rem;bottom:8px;right:8px}.devStatePanel button{padding:4px 6px}.intro{max-width:none}.intro .dialogue{width:100%;max-width:none;margin-top:22px;margin-bottom:22px;font-size:clamp(2.15rem,10.5vw,2.85rem)}.serviceGrid{border:0;grid-template-columns:1fr;gap:14px;display:grid}.serviceGrid article{border:1px solid var(--line);min-height:0;padding:25px 24px}.serviceGrid h3{margin:14px 0 10px}.serviceGrid p{margin-bottom:0}.process ol{display:block}.process li{padding:0 0 30px 27px}.process li:last-child{padding-bottom:0}.process h3{font-size:1.85rem}.process p{max-width:34ch;margin-bottom:0}.pageHero{padding:68px 22px}.pageHero>p:last-of-type{margin-top:24px;font-size:1.08rem;line-height:1.55}.aboutHero>span{font-size:4rem;bottom:5%;right:22px}.aboutStory{gap:38px}.storyCopy p{font-size:1rem}.storyFinish{font-size:2rem!important}.coffee{width:180px;height:220px}.cup{width:130px;height:100px}.teamGrid{gap:34px}.portraitWrap{margin-bottom:38px}.teamGrid p{margin-top:14px}.portfolioList{gap:58px}.portfolioRow{min-width:0}.portfolioRow>div:last-child{margin-top:20px}.portfolioRow h2{margin:8px 0 14px;font-size:2.7rem}.portfolioThumb{width:100%}.contactLayout{gap:42px}.contactForm{padding:28px 22px}.contactForm label{margin:24px 0}.contactLayout aside{overflow-wrap:anywhere}.footer{padding:50px 22px 26px}.footerTop{gap:34px}.footerTop .logo{width:140px}.ack{margin-top:42px}.copyright{margin-top:28px}}@media (max-height:650px){.entrance{gap:10px;padding-block:14px}.entrance>img{height:42svh}.entranceCopy p{font-size:1.7rem}.entranceCopy .entranceButton{font-size:.98rem}.entranceCopy .entranceButton>span{padding:7px 14px}.fallingPetal{top:22%}}.hero{height:min(700px,88svh - 84px);min-height:560px}.hero picture img{object-position:center bottom}.hero[data-stage="0"] picture{width:106%;left:-7%;right:auto}.hero[data-stage="0"] picture img{object-position:center 89%}.intro{padding-top:28px;padding-bottom:38px}.intro .dialogue{margin-top:0;margin-bottom:0}.services{padding-top:48px}@media (max-width:900px){.hero{height:min(660px,88svh - 72px);min-height:520px}}@media (max-width:680px){.hero[data-stage="0"] picture{width:100%;left:0;right:0}.hero[data-stage="0"] picture img{object-position:left bottom}}@media (max-width:600px){.hero{min-height:500px}.intro{padding-top:22px;padding-bottom:28px}.services{padding-top:28px}}.sectionBanner{width:min(390px,70vw);margin:0 auto 44px;line-height:0}.sectionBanner img{width:100%;height:auto;image-rendering:pixelated;display:block}.introBanner{width:min(390px,70vw);margin-bottom:22px}.serviceGrid{--service-panel:#f2cdb9;border:0;grid-template-columns:repeat(2,minmax(0,390px));justify-content:center;align-items:start;gap:30px 32px;width:100%;max-width:812px;margin-inline:auto;display:grid}.serviceGrid .serviceCard{background:var(--brown);min-width:0;min-height:0;clip-path:var(--pixel);box-shadow:7px 7px 0 var(--shadow);border:0;padding:6px;transition:transform .18s steps(2,end),box-shadow .18s steps(2,end);position:relative}.serviceCard:before{content:"";z-index:4;border:2px solid var(--clay);clip-path:var(--pixel);pointer-events:none;position:absolute;inset:9px}.serviceCardPanel{background:var(--service-panel);clip-path:var(--pixel);flex-direction:column;display:flex;position:relative;overflow:hidden}.serviceCardArtwork{aspect-ratio:16/7;border:3px solid var(--brown);background:var(--paper2);box-shadow:0 3px 0 var(--clay);border-bottom-width:5px;flex:none;margin:5px 5px 0;position:relative;overflow:hidden}.serviceCardArtwork:after{content:"";background:var(--peach);border-inline:4px solid var(--brown);width:34px;height:5px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.serviceCardArtwork img{object-fit:cover;object-position:center 52%;width:100%;height:100%;image-rendering:pixelated;display:block}.serviceCard:nth-child(2) .serviceCardArtwork img{object-position:center 55%}.serviceCard:nth-child(3) .serviceCardArtwork img{object-position:center 48%}.serviceCard:nth-child(4) .serviceCardArtwork img{object-position:center 54%}.serviceCardNumber{z-index:6;background:var(--peach);border:3px solid var(--brown);outline:2px solid var(--paper);outline-offset:-6px;width:43px;height:37px;box-shadow:4px 4px 0 var(--shadow);color:var(--brown);font-family:var(--font-jersey),var(--font-zen);letter-spacing:.08em;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:14px;left:14px}.serviceCardCopy{background:var(--service-panel);border:2px solid #4b342b75;flex-direction:column;align-items:flex-start;margin:8px 5px 5px;padding:18px 20px 20px;display:flex;position:relative;box-shadow:inset 3px 3px #fff9ef8c,inset -3px -3px #7155481f}.serviceCardCopy:before,.serviceCardCopy:after{content:"";background:var(--clay);width:5px;height:5px;position:absolute}.serviceCardCopy:before{top:6px;left:6px}.serviceCardCopy:after{bottom:6px;right:6px}.serviceGrid .serviceCard h3{max-width:none;margin:0 0 10px;font-size:clamp(1.75rem,2.4vw,2.05rem);line-height:1.02}.serviceGrid .serviceCard p{max-width:46ch;margin:0;font-size:.92rem;line-height:1.55}.serviceCardAction{filter:drop-shadow(4px 4px 0 var(--shadow));margin-top:16px;font-size:.98rem}.serviceCardAction>span{padding:7px 14px}.serviceCard:hover,.serviceCard:focus-within{box-shadow:9px 10px 0 var(--shadow);transform:translateY(-3px)}.serviceCard:hover:before,.serviceCard:focus-within:before{border-color:var(--peach)}@media (max-width:700px){.sectionBanner{width:min(82vw,340px);margin-bottom:30px}.introBanner{width:min(82vw,390px);margin-bottom:18px}.serviceGrid{grid-template-columns:minmax(0,390px);gap:26px;max-width:390px}.serviceGrid .serviceCard{border:0;min-height:0;padding:6px}.serviceCardCopy{padding:17px 18px 19px}.serviceGrid .serviceCard h3{margin:0 0 9px;font-size:1.8rem}.serviceGrid .serviceCard p{font-size:.9rem;line-height:1.5}.serviceCardAction{margin-top:15px}}@media (prefers-reduced-motion:reduce){.serviceCard{transform:none!important}}.aboutHero{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:stretch;gap:clamp(22px,2.5vw,30px) clamp(45px,7vw,110px);display:grid}.aboutHeroCopy{grid-area:1/1;min-width:0}.aboutHeroCopy .sectionLabel{margin:0 0 14px}.aboutHeroArtwork{grid-area:1/2/3;justify-self:end;width:100%;max-width:420px}.aboutHeroArtwork img{width:100%;height:auto;image-rendering:pixelated;display:block}.aboutHeroIntro{grid-area:2/1;margin:20px 0 0}@media (max-width:700px){.aboutHero{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:30px}.aboutHeroCopy,.aboutHeroArtwork,.aboutHeroIntro{grid-area:auto/1}.aboutHeroArtwork{justify-self:center;width:min(100%,420px)}.aboutHeroIntro{margin-top:0}}.contactHero{background-color:var(--sand);background-image:var(--sand-grid);color:var(--brown)}.contactHero .sectionLabel{color:var(--clay)}.pressStartStage{justify-content:center;padding:clamp(24px,4vw,48px) 0;display:flex}.pressStartButton{cursor:pointer;background:0 0;border:0;width:min(100%,420px);padding:0;display:block}.pressStartButton svg{width:100%;height:auto;display:block}.pressStartText{font-family:var(--font-handjet),var(--font-zen),sans-serif;letter-spacing:3px;font-size:32px;font-weight:700}.pressStartButton:hover .pressStartCursor,.pressStartButton:focus-visible .pressStartCursor{opacity:1;animation-play-state:paused}.pressStartButton:hover,.pressStartButton:focus-visible{outline:3px solid var(--clay);outline-offset:6px}.pressStartCursor{animation:1s step-end infinite pressStartBlink}@keyframes pressStartBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.pressStartCursor{opacity:1;animation:none!important}}.automaticDialogue{position:relative}.intro .automaticDialogue{word-spacing:.2em}.automaticDialogue .dialogueMeasure{visibility:hidden;display:block}.automaticDialogue .dialogueReveal{display:block;position:absolute;inset:0}.dialogueContinuation{animation:1.6s steps(2,end) infinite dialogueContinuation;display:inline-block}@keyframes dialogueContinuation{0%,45%{opacity:1}55%,to{opacity:.3}}@media (prefers-reduced-motion:reduce){.dialogueContinuation{opacity:1;animation:none!important}}.aboutStory{padding-top:clamp(58px,6vw,82px);padding-bottom:clamp(58px,6vw,82px);display:block}.storyCopy{flex-direction:column;gap:clamp(22px,2.5vw,30px);width:100%;margin-top:clamp(22px,2.5vw,30px);display:flex}.storyDialogueRow{grid-template-columns:minmax(0,1fr) minmax(200px,340px);align-items:center;gap:clamp(28px,3vw,44px);display:grid}.storyDialogueRowReverse{grid-template-columns:minmax(200px,340px) minmax(0,1fr)}.storyDialoguePanel{--dialogue-panel-padding:22px clamp(28px,3.2vw,38px);width:100%;max-width:none;padding:var(--dialogue-panel-padding);border:3px solid var(--brown);box-shadow:inset 0 0 0 3px var(--clay),inset 0 0 0 6px #fff9ef80;filter:drop-shadow(7px 7px 0 var(--shadow));clip-path:var(--pixel);color:var(--brown);font-family:var(--font-body),var(--font-zen),sans-serif;opacity:0;background:#f2cdb9;grid-column:1;margin:0;font-size:1.05rem;line-height:1.75;transition:opacity .18s ease-out,transform .18s ease-out;transform:translateY(6px)}.storyDialoguePanel .dialogueReveal{inset:var(--dialogue-panel-padding)}.storyDialogueRowReverse .storyDialoguePanel{grid-area:1/2}.storyDecorationZone{grid-column:2;justify-content:center;align-items:flex-end;gap:10px;min-width:0;padding:0 4px;display:flex}.storyDialogueRowReverse .storyDecorationZone{grid-area:1/1}.storyDecorationZone .environmentDetail{flex:none;display:block;position:static}.storyDialoguePanel.isActive{opacity:1;transform:translateY(0)}@media (max-width:900px){.storyDialogueRow{grid-template-columns:minmax(0,1fr) minmax(160px,260px);gap:24px}.storyDialogueRowReverse{grid-template-columns:minmax(160px,260px) minmax(0,1fr)}}@media (max-width:700px){.aboutStory{padding:44px 22px}.storyCopy{gap:20px}.storyDialogueRow,.storyDialogueRowReverse{display:block}.storyDialoguePanel{--dialogue-panel-padding:20px;width:94%;max-width:none;font-size:1rem;line-height:1.7}.aboutHeroIntro{width:100%}.storyDialogueRow:not(.storyDialogueRowReverse) .storyDialoguePanel{margin-right:auto}.storyDialogueRowReverse .storyDialoguePanel{margin-left:auto}.storyDecorationZone{display:none}}@media (prefers-reduced-motion:reduce){.storyDialoguePanel{opacity:1;transform:none;transition:none!important}}.environmentDetail{z-index:1;width:auto;height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.process{position:relative;overflow:hidden}.process>.sectionBanner,.process>ol{z-index:2;position:relative}.detailLantern{width:110px;top:clamp(78px,7vw,110px);right:clamp(18px,3vw,48px)}.closing{position:relative;overflow:hidden}.closing>h2,.closing>.pixelButton{z-index:2;position:relative}.detailCat{width:125px;bottom:18px;right:clamp(20px,6vw,92px)}.aboutDetailPlant{width:96px}.aboutDetailCoffee{width:82px}.aboutDetailLaptop{width:112px}.aboutDetailCat{width:104px}.aboutDetailNotebook{width:86px}.aboutDetailLantern{width:72px}.contactLayout>aside{position:relative}.detailNotebook{width:110px;margin:32px 0 0 auto;position:static}@media (max-width:900px){.detailLantern{width:90px;right:16px}.storyDecorationZone{gap:6px}.aboutDetailPlant{width:72px}.aboutDetailCoffee{width:60px}.aboutDetailLaptop{width:78px}.aboutDetailCat{width:70px}.aboutDetailNotebook{width:60px}.aboutDetailLantern{width:52px}}@media (max-width:700px){.environmentDetail{display:none}.detailCat{width:72px;display:block;bottom:10px;right:12px}}.teamProfiles{flex-direction:column;gap:clamp(46px,6vw,68px);display:flex}.teamProfile{min-width:0}.profilePanel{background:var(--brown);min-height:370px;clip-path:var(--pixel);box-shadow:8px 8px 0 var(--shadow);grid-template-columns:minmax(210px,270px) minmax(0,1fr);align-items:stretch;gap:clamp(28px,4vw,54px);padding:10px;transition:transform .16s steps(2,end),box-shadow .16s steps(2,end);display:grid;position:relative}.profilePanel:before{content:"";z-index:3;border:3px solid var(--clay);clip-path:var(--pixel);pointer-events:none;position:absolute;inset:6px}.profilePanel:after{content:"";z-index:3;clip-path:var(--pixel);pointer-events:none;border:2px solid #fff9ef8c;position:absolute;inset:12px}.teamProfileReverse .profilePanel{grid-template-columns:minmax(0,1fr) minmax(210px,270px)}.teamProfileReverse .profilePortraitZone{grid-area:1/2}.teamProfileReverse .profileBio{grid-area:1/1}.profilePortraitZone{border-right:3px solid var(--brown);min-width:0;box-shadow:inset -4px 0 0 var(--clay),inset 3px 3px 0 #fff9ef73;background:#dfaa8d;place-items:center;padding:26px 0 26px 24px;display:grid}.teamProfileReverse .profilePortraitZone{border-right:0;border-left:3px solid var(--brown);box-shadow:inset 4px 0 0 var(--clay),inset -3px 3px 0 #fff9ef73;padding:26px 24px 26px 0}.profilePortrait{aspect-ratio:3/4;justify-self:center;width:min(100%,240px);position:relative;overflow:hidden}.profilePortrait img{object-fit:contain;width:200%;max-width:none;height:100%;image-rendering:pixelated;position:absolute;top:0}.profilePortraitBelle img{left:0}.profilePortraitBon img{left:-100%}.profileBio{background:#f2cdb9;flex-direction:column;justify-content:center;min-width:0;padding:32px clamp(48px,5vw,64px);display:flex}.teamProfileReverse .profileBio{padding-inline:clamp(48px,5vw,64px)}.profileNameplate{border-bottom:3px solid var(--brown);margin:0 0 24px;padding:0 0 17px;position:relative}.profileNameplate:after{content:"";background:var(--clay);width:58px;height:4px;position:absolute;bottom:-7px;left:0}.profileNameplate h3{text-transform:uppercase;margin:0 0 5px;font-size:clamp(2rem,3.2vw,2.85rem)}.profileNameplate>span{color:var(--clay);font-family:var(--font-jersey),var(--font-zen);font-size:1.15rem;line-height:1.25;display:block}.profileBio .automaticDialogue{max-width:54ch;margin:0;font-size:1rem;line-height:1.7}.teamProfile:hover .profilePanel{box-shadow:10px 11px 0 var(--shadow);transform:translateY(-3px)}.teamProfile:hover .profilePanel:before{border-color:var(--peach)}@media (max-width:700px){.teamProfiles{gap:42px}.profilePanel,.teamProfileReverse .profilePanel{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:9px}.teamProfileReverse .profilePortraitZone,.teamProfileReverse .profileBio{grid-area:auto/1}.profilePortraitZone,.teamProfileReverse .profilePortraitZone{border:0;border-bottom:3px solid var(--brown);box-shadow:inset 0 -4px 0 var(--clay),inset 3px 3px 0 #fff9ef73;padding:24px 18px 18px}.profilePortrait{width:min(68vw,240px)}.profileBio,.teamProfileReverse .profileBio{padding:28px 24px 30px}.profileNameplate{margin-bottom:20px;padding-bottom:15px}.profileNameplate h3{font-size:2.15rem}.profileNameplate>span{font-size:1.05rem}.profileBio .automaticDialogue{font-size:.95rem;line-height:1.65}}@media (hover:none){.teamProfile:hover .profilePanel{box-shadow:8px 8px 0 var(--shadow);transform:none}}@media (prefers-reduced-motion:reduce){.profilePanel{transform:none!important}}
