@font-face{font-family:Helios;src:url('assets/HeliosCond.woff2') format('woff2');font-display:swap}@font-face{font-family:Helios;src:url('assets/HeliosCond-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:PT;src:url('assets/PTSans-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:PT;src:url('assets/PTSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f5f4f0;--ink:#282826;--coral:#ed5953;--gray:#8a8983}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--paper);color:var(--ink);font-family:PT,Arial,sans-serif;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--coral);outline-offset:6px}::selection{background:var(--coral);color:white}.page-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--coral);transform:scaleX(0);transform-origin:left;z-index:50}header{height:110px;margin:0 5%;border-bottom:1px solid #28282626;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.logo{width:98px;height:auto}nav{display:flex;gap:40px;font-size:16px}nav a:hover{color:var(--coral)}nav span{color:var(--coral);margin-left:16px}.concept,.eyebrow,.hero-location,.hero-rule,.project-tag,.project-bar,.work-indicator,.process-label{font-size:10px;letter-spacing:1.5px}.concept{color:var(--gray)}.hero{padding:35px 5% 0;min-height:calc(100svh - 110px);position:relative;display:flex;flex-direction:column;overflow:hidden}.hero-top{display:flex;justify-content:space-between;color:#686762}.hero-location{letter-spacing:1px}h1,h2,h3{font-family:Helios,'Arial Narrow',sans-serif;font-weight:400}h1{font-size:clamp(64px,10.3vw,165px);line-height:1.02;letter-spacing:-.025em;margin:65px 0 25px;position:relative;z-index:2}.line{display:block;overflow:hidden}.line>span{display:block}em{color:var(--coral);font-style:normal}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin:20px 0 40px}.hero-bottom p{font-size:19px;line-height:1.5;color:#686762}.round-link{display:flex;gap:30px;align-items:center;font-size:14px}.round-link b{display:grid;place-items:center;background:var(--coral);color:#fff;width:76px;height:76px;border-radius:50%;font-size:28px;font-weight:400;transition:transform .3s}.round-link:hover b{transform:rotate(-35deg)}.hero-rule{margin-top:auto;border-top:1px solid #28282626;padding:20px 0;display:flex;justify-content:space-between;font-size:9px;color:#77756e}.hero-mark{font-family:Helios,sans-serif;position:absolute;right:15%;top:24%;font-size:360px;line-height:1;color:#e8e6df;transform:rotate(-12deg);z-index:0;pointer-events:none}.work{background:#ecebe5;position:relative}.work-stage{height:100svh;position:relative;overflow:hidden;min-height:600px}.zoom-intro{position:absolute;top:5%;left:5%;right:5%;z-index:1}.zoom-intro h2{font-size:clamp(44px,6.2vw,100px);line-height:1;margin:20px 0}.zoom-note{position:absolute;right:0;top:65px;font-size:13px;color:#77756e}.project-window{position:absolute;left:18%;top:28%;width:64%;height:61%;border-radius:20px;background:#fff;overflow:hidden;z-index:2;box-shadow:0 25px 70px #28282618;will-change:width,height,left,top}.project-track{display:flex;width:300%;height:100%;will-change:transform}.project{flex:0 0 33.333333%;width:33.333333%;height:100%;display:flex;flex-direction:column;padding:0 3.5vw;background:#f8f8f5}.project-sushi{background:#f2e8e5}.project-om{background:#e9eef5}.project-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:9px;color:#797970;flex-shrink:0}.project-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:contain;display:block}.project-info{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:25px;padding:25px 0 38px;border-top:1px solid #28282626;flex-shrink:0}.project-tag{font-size:8px;color:#77776d}.project-info h3{font-size:clamp(28px,4.3vw,66px);margin:10px 0 0;line-height:1}.project-info h3 span{font-family:PT,sans-serif;margin-left:20px;color:var(--coral);font-size:.6em}.project-info p{font-size:13px;line-height:1.5;margin:0;color:#6b6a61}.project-info>a{font-size:12px;padding:10px 0;border-bottom:1px solid #282826;white-space:nowrap}.work-indicator{position:absolute;bottom:3%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#797970;font-size:9px}.work-indicator>div{display:flex;gap:8px}.work-indicator i{width:30px;height:3px;background:#c6c4bc}.work-indicator i.active{background:var(--coral)}.approach{padding:110px 5% 120px;overflow:hidden}.approach-heading{display:flex;align-items:end;justify-content:space-between;margin:45px 0 65px;gap:25px}.approach h2{font-size:clamp(48px,6.8vw,110px);line-height:1.02;letter-spacing:-.02em;margin:0}.approach-heading p{font-size:17px;line-height:1.6;color:#77756e;margin:0 0 6px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:25px 24px 22px;background:#eeede7;border-radius:5px;position:relative;min-height:400px;display:flex;flex-direction:column}.process-card:nth-child(2){background:#e4e5dc}.process-card:nth-child(3){background:#f0ddd8}.process-card:nth-child(4){background:var(--coral);color:white}.process-number{font-size:12px;opacity:.6}.process-icon{font-size:70px;line-height:1;margin:35px 0 30px;letter-spacing:-7px}.code-icon{font-size:50px;height:70px;display:flex;align-items:center}.process-card h3{font-size:37px;line-height:1.05;margin:0 0 18px}.process-card p{font-size:13px;line-height:1.6;opacity:.7;max-width:240px;margin:0 0 30px}.process-label{font-size:8px;letter-spacing:1px;margin-top:auto;border-top:1px solid #28282625;padding-top:16px}.process-card:last-child .process-label{border-color:#ffffff55}.statement{background:#282826;color:#f5f4f0;padding:85px 5% 65px;overflow:hidden}.statement .eyebrow{color:#aaa99d}.statement h2{font-size:clamp(48px,7vw,112px);line-height:1.07;letter-spacing:-.02em;margin:65px 0}.statement h2>span{color:#939388}.stack{display:flex;gap:12px;flex-wrap:wrap}.stack span{border:1px solid #ffffff35;padding:15px 25px;border-radius:40px;font-size:20px}.stack span:nth-child(2){background:var(--coral);border-color:var(--coral)}.statement-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:65px;font-size:15px}.statement-bottom p{line-height:1.6;color:#aaa99d;margin:0}.statement-bottom a{border-bottom:1px solid #aaa99d;padding-bottom:7px}.contact{padding:100px 5% 0;background:var(--coral);color:#fff;overflow:hidden}.contact .eyebrow{color:#ffcfcd}.contact h2{font-size:clamp(60px,10vw,160px);line-height:1.03;letter-spacing:-.02em;margin:50px 0}.contact h2 span{color:#282826}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin:55px 0 100px}.contact-button{background:#f5f4f0;color:#282826;padding:25px 30px;border-radius:50px;min-width:280px;display:flex;justify-content:space-between;gap:30px;font-size:18px;transition:background .2s}.contact-button:hover{background:white}.email{font-size:24px}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-top:1px solid #ffffff55;gap:20px;font-size:11px}footer img{width:85px;height:auto}footer span{opacity:.7}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
@media(min-width:1700px){h1{font-size:10vw}.hero-mark{font-size:24vw}.process-card{min-height:460px}.process-card h3{font-size:48px}}
@media(max-width:1000px){header{height:95px}.concept{display:none}h1{font-size:11.3vw;margin-top:75px}.hero{min-height:calc(95svh - 95px)}.hero-location{font-size:8px}.zoom-note{position:static;font-size:11px}.project-info{gap:15px}.project-info p{font-size:11px}.project-info>a{font-size:10px}.process{grid-template-columns:repeat(2,1fr)}.process-card{min-height:360px}.approach-heading p{font-size:14px}.hero-mark{top:28%;right:7%;font-size:280px}}
@media(max-width:600px){header{height:85px;margin:0 6%}.logo{width:78px}nav{gap:20px;font-size:13px}nav a:nth-child(2){display:none}nav span{margin-left:4px}.hero{min-height:calc(88svh - 85px);padding:30px 6% 0}.hero-top{display:block}.eyebrow{font-size:8px;letter-spacing:1px}.hero-location{display:none}h1{font-size:15.7vw;line-height:1.08;margin:70px 0 25px}.hero-bottom{align-items:start;flex-direction:column;gap:25px;margin:0 0 35px}.hero-bottom p{font-size:16px}.round-link{font-size:12px;gap:20px;align-self:end}.round-link b{width:56px;height:56px;font-size:23px}.hero-rule{font-size:7px;letter-spacing:.7px}.hero-rule span:last-child{display:none}.hero-mark{top:20%;right:4%;font-size:200px}.work-stage{min-height:640px}.zoom-intro{left:6%;top:5%}.zoom-intro h2{font-size:12vw;margin:22px 0 15px;max-width:85%}.zoom-note{font-size:11px}.project-window{left:7%;width:86%;top:32%;height:55%;border-radius:12px}.project{padding:0 6vw}.project-bar{font-size:7px;letter-spacing:1px;padding:20px 0}.project-image{margin:0 -6vw}.project-image img{object-fit:contain}.project-info{grid-template-columns:1fr auto;gap:18px;padding:20px 0 34px}.project-info h3{font-size:38px}.project-tag{font-size:7px;letter-spacing:1px}.project-info p{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.5}.project-info p br{display:none}.project-info>a{font-size:11px}.work-indicator{left:6%;right:6%;font-size:7px;letter-spacing:1px}.approach{padding:80px 6%}.approach-heading{display:block;margin:35px 0 40px}.approach h2{font-size:13vw}.approach-heading p{margin-top:25px;font-size:15px}.process{gap:12px;grid-template-columns:1fr}.process-card{min-height:335px;padding:25px}.process-icon{position:absolute;right:30px;top:25px;font-size:65px;margin:0}.code-icon{font-size:44px}.process-card h3{font-size:42px;margin-top:45px}.process-card p{max-width:90%;font-size:14px;margin-bottom:25px}.process-label{font-size:8px}.statement{padding:65px 6%}.statement h2{font-size:13vw;margin:45px 0}.stack{gap:8px}.stack span{padding:11px 18px;font-size:16px}.statement-bottom{display:block;margin-top:40px}.statement-bottom p{font-size:14px;margin-bottom:30px}.statement-bottom a{font-size:14px}.contact{padding:65px 6% 0}.contact h2{font-size:15.5vw;margin:40px 0}.contact-bottom{flex-direction:column;align-items:stretch;gap:30px;margin:40px 0 70px}.contact-button{min-width:0;padding:22px 25px;font-size:16px}.email{font-size:21px}footer{flex-wrap:wrap;font-size:10px}footer span{order:3;width:100%}footer img{width:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-progress{display:none}.work-stage{height:auto;min-height:0;padding-top:45px}.zoom-intro{position:relative;inset:auto;padding:0 6% 35px}.zoom-note{position:static}.project-window{position:relative;inset:auto;width:100%;height:auto;border-radius:0}.project-track{width:100%;display:block}.project{width:100%;min-height:85svh;padding-top:10px}.project-image{height:50svh;flex:auto}.work-indicator{display:none}}
/* Project scenes: clean, scalable artwork, animated as separate SVG groups. */
.project-topline{background:#eff1d9}.project-sushi{background:#f5e8e1}.illustrated-scene{position:relative}.illustrated-scene svg{display:block;width:100%;height:100%;max-height:100%;overflow:visible}.scene-title{font-family:Helios,sans-serif;font-size:60px;fill:#2f3e28;letter-spacing:-1px}.scene-subtitle{font-family:PT,sans-serif;font-size:17px;fill:#73805c}.fuel-caption,.sushi-caption{font-family:PT,sans-serif;font-size:14px;fill:#73805c}.sushi-scene .scene-title{fill:#4c342f}.sushi-scene .scene-subtitle,.sushi-caption{fill:#96746a}.pump-ready{opacity:0}.car-motion{transform:translateX(350px)}.sushi-lift,.sushi-turn,.chopstick-rig{transform-box:fill-box;transform-origin:center}.chopstick-rig{opacity:1}.fuel-scene,.sushi-scene{isolation:isolate}@media(max-width:600px){.illustrated-scene{margin:0 -6vw}.illustrated-scene svg{width:100%;height:100%}.scene-title{font-size:65px}.scene-subtitle{font-size:21px}.fuel-caption,.sushi-caption{font-size:19px}}
@media(prefers-reduced-motion:reduce){.pump-ready{opacity:1}}
/* GSAP calculates SVG origins in view-box coordinates. */
.sushi-lift,.sushi-turn,.chopstick-rig{transform-box:view-box;transform-origin:0 0}