@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#181916;--paper:#f3f0e6;--red:#f05236;--line:#3b3c35;--muted:#b9b9ac;color:var(--paper);background:var(--ink);font-synthesis:none;font-family:DM Sans,sans-serif}*{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:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{border:0}img{max-width:100%;display:block}em{color:var(--red);font-style:normal}[hidden]{display:none!important}.skip{background:var(--paper);color:var(--ink);z-index:99;padding:14px;position:fixed;top:-70px;left:10px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);background:var(--ink);z-index:10;justify-content:space-between;align-items:center;gap:24px;height:100px;padding:0 4.5%;display:flex;position:relative}.brand{letter-spacing:-.7px;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.brand small{letter-spacing:2px;color:var(--muted);margin-top:4px;font-size:9px;display:block}.brand-mark{font-size:44px;font-weight:800;line-height:1;position:relative}.brand-mark span{color:var(--red);margin-left:-6px;font-size:32px}.header nav{align-items:center;gap:32px;font-size:14px;display:flex}.contact-nav{border:1px solid #78796f;border-radius:30px;padding:12px 24px}.header nav a:hover{color:var(--red)}.language{letter-spacing:1px;white-space:nowrap;font-size:13px}.language .current{color:var(--red);font-weight:700}.slash{color:#6c6d63;margin:0 8px}.experience{height:150vh;min-height:1050px}.hero{grid-template-columns:.95fr 1.05fr;gap:2%;height:calc(100vh - 100px);min-height:640px;max-height:960px;padding:25px 4.5% 50px;display:grid;position:sticky;top:0;overflow:hidden}.hero-copy{z-index:2;align-self:center;padding-bottom:30px;position:relative}.eyebrow{letter-spacing:2px;text-transform:uppercase;margin:0 0 28px;font-size:12px;font-weight:600;line-height:1.8}.tiny-cross{color:var(--red);vertical-align:middle;margin-right:8px;font-size:26px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;font-family:Manrope,sans-serif;font-weight:500;line-height:1.04}h1{margin-bottom:30px;font-size:clamp(60px,6.9vw,118px)}h1 em{font-size:.93em}.intro{max-width:350px;color:var(--muted);margin-bottom:28px;font-size:17px;line-height:1.6}.text-link{border-bottom:1px solid #797a6c;align-items:center;gap:38px;padding:0 0 9px;font-size:15px;display:inline-flex}.text-link span{font-size:22px}.hero-note{align-items:center;gap:18px;margin-top:30px;display:flex}.hero-note>span{border:1px solid #56574e;border-radius:50%;padding:9px 11px;font-size:12px}.hero-note p{white-space:pre-line;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.pizza-column{flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.pizza-stage{width:100%;height:clamp(280px,30vw,470px);position:relative}.pizza-stage canvas{z-index:2;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.pizza-stage.ready canvas{opacity:1}.scene-fallback{border:1px solid var(--line);background:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:18%}.scene-fallback strong{color:var(--red);font-family:Manrope;font-size:120px}.scene-fallback span{font-size:14px}.ready .scene-fallback{display:none}.orbit{pointer-events:none;border:1px solid #373930;border-radius:50%;position:absolute;inset:8% 5%;transform:rotate(-20deg)}.orbit-two{inset:16% -4%;transform:rotate(30deg)}.orbit-word{letter-spacing:2px;color:#a4a694;font-size:10px;position:absolute;top:8%;right:4%;transform:rotate(12deg)}.pizza-caption{z-index:3;background:var(--ink);border:1px solid #70705f;border-radius:30px;align-items:center;gap:10px;padding:7px 14px;font-size:12px;display:flex;position:absolute;bottom:5%;left:4%;transform:rotate(-8deg)}.caption-star{color:var(--red);font-size:22px}.scene-toolbar{letter-spacing:1.4px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.scene-toolbar button{letter-spacing:0;background:0 0;padding:6px;font-size:11px;text-decoration:underline}.slice-controls{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.slice-controls button{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:14px;padding:15px 9px;font-size:14px;transition:color .15s,background .15s;display:flex}.slice-controls button:nth-child(odd){border-right:1px solid var(--line)}.slice-number{color:#888b79;font-size:11px}.slice-dot{color:#0000;margin-left:auto;font-size:10px}.slice-controls button:hover,.slice-controls button[aria-pressed=true]{color:var(--red);background:#24251f}.slice-controls button[aria-pressed=true] .slice-dot{color:var(--red)}.scroll-cue{color:#929581;letter-spacing:1.5px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:20px;left:4.5%;right:4.5%}.scroll-cue>span:last-child{font-size:24px}.work-section{background:var(--paper);color:var(--ink);padding:100px 4.5% 80px;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px;display:flex}.section-heading h2{margin:0;font-size:clamp(48px,5.2vw,82px)}.section-heading>p{color:#5a5b51;max-width:270px;margin-bottom:5px;font-size:16px;line-height:1.6}.work-toolbar{border-bottom:1px solid #c5c6b7;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:14px;display:flex}.work-toolbar p{margin:0;font-size:14px}.work-toolbar button{background:var(--ink);color:var(--paper);border-radius:20px;padding:9px 18px;font-size:13px}.project-grid{grid-template-columns:1fr 1fr;gap:45px 30px;display:grid}.project-card:first-child{grid-column:1/-1}.project-image{aspect-ratio:1.35;background:#d9d8ca;position:relative;overflow:hidden}.project-card:first-child .project-image{aspect-ratio:2.3}.project-image img{object-fit:cover;filter:saturate(.8);width:100%;height:100%;transition:transform .6s}.project-card:hover img{filter:saturate();transform:scale(1.035)}.project-open{background:var(--paper);color:var(--ink);border-radius:30px;padding:11px 18px;font-size:13px;position:absolute;bottom:22px;right:22px}.project-info{justify-content:space-between;align-items:flex-start;padding-top:18px;display:flex}.project-info h3{letter-spacing:-1px;margin-bottom:4px;font-family:Manrope;font-size:26px;font-weight:600}.project-info p{color:#65665c;margin:0;font-size:13px}.project-info>span{font-size:12px}.archive-note{color:#65665c;border-top:1px solid #c5c6b7;margin:55px 0 0;padding-top:22px;font-size:13px}.empty-state{padding:50px 0;font-size:18px;line-height:1.7}.empty-state a{text-decoration:underline}.studio-section{border-bottom:1px solid var(--line);padding:100px 4.5%}.studio-section h2{font-size:clamp(45px,6vw,96px)}.studio-bottom{grid-template-columns:1fr 1.3fr .7fr;align-items:center;gap:60px;display:grid}.asterisk{color:var(--red);font-size:140px;line-height:1}.studio-bottom p{max-width:580px;color:var(--muted);margin:0;font-size:20px;line-height:1.65}.studio-stamp{letter-spacing:2px;border:1px solid #57594c;border-radius:50%;justify-self:end;padding:35px 25px;font-family:Manrope;font-size:17px;font-weight:800;line-height:1.3;transform:rotate(8deg)}.contact-section{background:var(--red);color:var(--ink);padding:100px 4.5%}.contact-section h2{max-width:1200px;margin-bottom:45px;font-size:clamp(68px,10vw,155px);position:relative}.contact-section h2 span{font-size:170px;position:absolute;top:0;right:0}.contact-section>a{border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:clamp(20px,3vw,42px);display:inline-block}.contact-section>p:last-child{margin:25px 0 0;font-size:16px}footer{justify-content:space-between;align-items:center;gap:25px;padding:40px 4.5%;display:flex}footer>span{letter-spacing:1px;font-size:11px}.footer-brand{font-size:24px}.footer-brand span{color:var(--red)}.project-page{max-width:1400px;margin:auto;padding:65px 5% 100px}.back-link{border-bottom:1px solid var(--muted);margin-bottom:60px;font-size:14px;display:inline-block}.project-page h1{font-size:clamp(58px,8vw,120px)}.detail-media{aspect-ratio:16/9;background:#292b24;margin:45px 0;position:relative}.detail-media img{object-fit:contain;width:100%;height:100%}.detail-media iframe{border:0;width:100%;height:100%}.play-video{background:var(--red);width:180px;height:60px;color:var(--ink);border-radius:35px;margin:auto;font-weight:700;position:absolute;inset:0}.play-video span{margin-left:20px}.project-description{grid-template-columns:1fr 2fr;gap:40px;margin:60px 0;display:grid}.project-description h2{font-size:42px}.project-description p{font-size:21px;line-height:1.7}.project-description .credits{color:var(--muted);font-size:14px}.project-contact{border-top:1px solid var(--line);padding-top:40px;font-size:30px;display:block}@media (width>=1600px){.hero{padding-left:7%;padding-right:7%}.pizza-stage{height:460px}}@media (width<=1050px){.header{height:85px}.header nav{gap:18px}.hero{min-height:650px;padding-top:30px}h1{font-size:70px}.pizza-stage{height:380px}.hero-note{margin-top:30px}.intro{font-size:16px}.slice-controls button{gap:8px;padding:14px 7px;font-size:12px}.studio-bottom{gap:30px}.studio-bottom p{font-size:18px}}@media (width<=760px){.header{gap:10px;height:78px;padding:0 6%}.brand{gap:8px;font-size:16px}.brand small{letter-spacing:1px;font-size:7px}.brand-mark{font-size:36px}.header nav{margin-left:auto}.header nav a{display:none}.header nav a.contact-nav{padding:8px 12px;font-size:11px;display:block}.language{font-size:11px}.slash{margin:0 4px}.experience{height:auto;min-height:0}.hero{flex-direction:column;gap:0;height:auto;min-height:0;max-height:none;padding:42px 6% 64px;display:flex;position:relative}.hero-copy{align-self:stretch;padding:0}.eyebrow{margin-bottom:19px;font-size:10px}h1{margin-bottom:22px;font-size:clamp(52px,11vw,78px)}.intro{max-width:340px;margin-bottom:18px;font-size:15px}.hero-note{display:none}.pizza-column{margin-top:10px}.pizza-stage{height:360px}.orbit-word{font-size:8px;top:5%}.scene-toolbar{font-size:9px}.slice-controls button{min-height:48px;font-size:13px}.scroll-cue{font-size:8px;bottom:13px;left:6%;right:6%}.pizza-caption{font-size:10px}.work-section,.studio-section,.contact-section{padding:64px 6%}.section-heading{margin-bottom:35px;display:block}.section-heading h2{font-size:48px}.section-heading>p{max-width:100%;margin-top:24px;font-size:15px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card:first-child{grid-column:auto}.project-card:first-child .project-image,.project-image{aspect-ratio:1.3}.project-info h3{font-size:24px}.project-open{bottom:15px;right:15px}.studio-section h2{font-size:44px}.studio-bottom{grid-template-columns:1fr;gap:25px}.asterisk{font-size:90px}.studio-bottom p{font-size:18px}.studio-stamp{display:none}.contact-section h2{letter-spacing:-4px;font-size:67px}.contact-section h2 span{font-size:60px;top:-10px;right:-5px}.contact-section>a{font-size:19px}.contact-section>p:last-child{font-size:14px;line-height:1.6}footer{flex-direction:column;align-items:flex-start;gap:16px;padding:30px 6%}.project-page{padding:40px 6% 60px}.project-page h1{overflow-wrap:anywhere;font-size:54px}.project-description{grid-template-columns:1fr;gap:10px;margin:30px 0}.project-description p{font-size:18px}.back-link{margin-bottom:40px}.detail-media{margin:30px 0}.project-contact{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.experience{height:auto;min-height:0}.hero{position:relative}}.official-logo{object-fit:contain;flex-shrink:0;width:64px;height:64px}@media (width<=760px){.official-logo{width:46px;height:46px}.brand{font-size:14px}.brand small{font-size:6px}}.slice-arrival:before{content:"";z-index:9999;pointer-events:none;background:#dd4030;animation:.42s ease-out forwards slice-reveal;position:fixed;inset:0}@keyframes slice-reveal{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.slice-arrival:before{display:none}}
