:root{color-scheme:light;--ink:#000;--paper:#fff;--orange:#ff8000;--line:1.5px solid var(--ink);--ease:cubic-bezier(.22,1,.36,1);font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #005cff;outline-offset:7px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}::selection{color:#000;background:#ffb45c}.skip{position:fixed;z-index:100;top:-120px;left:16px;background:white;border:var(--line);padding:12px 20px}.skip:focus{top:12px}
.site-header{max-width:1600px;margin:auto;padding:27px 4.4%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:5px;font-size:29px;letter-spacing:-1.7px;font-weight:900}.brand-mark{font-size:28px;color:var(--orange);font-weight:500;line-height:1;transition:transform .5s var(--ease)}.brand:hover .brand-mark{transform:rotate(90deg)}.site-header nav{display:flex;gap:38px;font-size:16px;font-weight:600}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:#bd5000}
.hero{max-width:1600px;margin:auto;padding:44px 4.4% 40px;overflow:clip}.hero-intro{display:flex;align-items:center;justify-content:space-between;min-height:230px}.hero-line{font-weight:800;font-size:clamp(30px,3.5vw,55px);line-height:1.45;letter-spacing:-.055em;margin:0}.app-fan{width:530px;height:230px;position:relative;isolation:isolate;margin-right:2%}.fan-tile{position:absolute;left:calc(50% - 61px);top:51px;width:122px;height:122px;border:var(--line);border-radius:29%;padding:10px;background:var(--surface,#fff);box-shadow:0 6px 0 #000;transform:translate(var(--offset),calc(abs(var(--i) - 2)*10px)) rotate(var(--angle));transform-origin:50% 100%;transition:box-shadow .2s;will-change:transform}.fan-tile img{width:100%;border-radius:24%}.fan-tile:focus-visible{z-index:10;box-shadow:0 10px 0 #000}.camera{--surface:#f2e3f3}.taste{--surface:#f5f4f4}.bye{--surface:#fff2df}.map{--surface:#e4eeff}.ikki{--surface:#f3eddc}
.hero-wordmark{display:flex;align-items:baseline;justify-content:center;font-weight:900;font-size:clamp(100px,32.4vw,518px);letter-spacing:-.045em;line-height:.86;margin:25px 0 36px;padding-right:.055em;user-select:none}.hero-wordmark span{display:block;transform-origin:50% 80%;will-change:transform}.hero-foot{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px;border-top:var(--line);font-size:16px}.explore{display:flex;align-items:center;gap:15px;font-weight:600}.scroll-glyph{display:block;width:20px;height:30px;border:1.5px solid #000;border-radius:12px;position:relative}.scroll-glyph:after{content:"";position:absolute;top:6px;left:7px;width:3px;height:6px;border-radius:2px;background:#000;transition:transform .3s}.explore:hover .scroll-glyph:after{transform:translateY(9px)}
.collection{padding:0 4.4%;max-width:1600px;margin:0 auto}.app-nav{display:flex;justify-content:center;gap:7px;padding:12px;margin:0 auto 30px;position:sticky;top:10px;z-index:30;border:var(--line);background:#fff;border-radius:24px;width:max-content;max-width:100%;box-shadow:3px 4px 0 #000}.app-nav a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;padding:8px 13px;border-radius:13px;transition:background .25s,color .25s}.app-nav img{width:28px;height:28px;border-radius:24%}.app-nav a:hover{background:#f2f2f2}.app-nav a[aria-current="true"]{background:#000;color:#fff}.projects{padding-top:10px;padding-bottom:80px}.project{position:relative;margin-bottom:34px;scroll-margin-top:125px}.project:last-child{margin-bottom:0}.project-card{min-height:660px;display:grid;grid-template-columns:1fr 1fr;position:relative;border:var(--line);background:var(--surface);border-radius:4px 76px 4px 4px;overflow:hidden;transform-origin:50% 0}.project:nth-of-type(even) .project-card{border-radius:76px 4px 4px 4px}.project-info{padding:70px 9% 58px 11%;display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:2}.app-icon{width:70px;height:70px;border-radius:24%;margin-bottom:35px}.project h2{font-size:clamp(32px,4.6vw,70px);letter-spacing:-.075em;font-weight:850;line-height:1.25;margin:0 0 20px;white-space:nowrap}.project.camera h2{font-size:clamp(32px,3.8vw,58px)}.caption{font-size:clamp(18px,1.55vw,23px);line-height:1.65;margin:0;letter-spacing:-.035em}.store{display:flex;align-items:center;gap:10px;border:var(--line);background:#000;color:#fff;border-radius:99px;padding:17px 26px;font-size:16px;font-weight:600;margin-top:auto;transition:background .25s,color .25s,box-shadow .25s,transform .25s}.store svg{width:20px;height:20px;fill:currentColor}.store:hover{background:var(--orange);color:#000;box-shadow:4px 5px 0 #000;transform:translate(-2px,-2px)}.project-art{position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:60px;min-width:0}.screen{position:relative;width:300px;aspect-ratio:var(--ratio);overflow:hidden;flex-shrink:0;margin:0;filter:drop-shadow(14px 20px 0 #00000010);transform-origin:50% 70%;transform:rotate(5deg)}.screen img{position:absolute;max-width:none;width:var(--image-width);height:auto;left:var(--image-left);top:var(--image-top);clip-path:var(--device-mask)}.project:nth-of-type(even) .screen{transform:rotate(-5deg)}.project-art:before{display:none}.project.camera .project-art:before{border-radius:0 150px 0 0}.project.map .project-art:before{border-radius:150px 0 0 0}
.contact{max-width:1458px;margin:15px auto 0;background:var(--orange);padding:60px 5% 35px;border:var(--line);border-radius:70px 0 70px 0}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact h2{font-size:24px;line-height:1.5;letter-spacing:-.06em;margin:0;font-weight:700}.contact-top>span{font-size:16px}.email{display:inline-block;font-size:clamp(32px,6.75vw,105px);font-weight:750;line-height:1.2;letter-spacing:-.067em;padding:37px 0 47px;border-bottom:var(--line);width:100%;transition:letter-spacing .45s var(--ease)}.email:hover{letter-spacing:-.035em}.contact-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;padding-top:28px}.contact-bottom>span:first-child{font-size:32px;font-weight:900;letter-spacing:-1.8px}.copy-email{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:14px;padding:10px 0}.copy-email svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.copy-status{position:absolute;right:0;bottom:-23px;font-size:13px}.site-footer{max-width:1600px;margin:auto;padding:33px 4.4% 40px;display:flex;gap:28px;font-size:14px}.site-footer>span{margin-right:auto}.site-footer a:hover{text-decoration:underline}
@media(min-width:900px) and (min-height:700px){.project{position:sticky;top:108px;margin-bottom:80px}.project-card{height:min(690px,calc(100svh - 144px));min-height:540px}.project-info{padding-top:50px;padding-bottom:50px}.project-art{padding-top:42px}.screen{width:min(310px,26vw)}}
@media(min-width:1600px){.contact{width:91.2%;max-width:1458px}}
@media(max-width:1050px){.hero{padding-top:30px}.app-fan{transform:scale(.78);transform-origin:right center;width:530px;margin-right:0}.hero-intro{min-height:220px}.hero-wordmark{margin-top:12px}.app-nav{gap:2px}.app-nav a{padding:8px 10px;gap:8px}.project-card{min-height:560px}.project-info{padding:47px 7% 44px 10%}.project h2{font-size:43px}.project.camera h2{font-size:33px}.screen{width:265px}.project-art:before{inset-inline:25px}.contact{margin-inline:4.4%;padding-inline:5%}.email{font-size:6.7vw}.contact-top>span{font-size:14px}}
@media(max-width:760px){html{scroll-padding-top:98px}.site-header{padding:21px 6%}.brand{font-size:27px}.site-header nav{gap:25px;font-size:14px}.hero{padding:28px 6% 28px}.hero-intro{min-height:0;align-items:flex-start}.hero-line{font-size:30px}.app-fan{width:350px;height:150px;transform:scale(.58);transform-origin:right top;margin-left:-40px}.fan-tile{top:16px}.hero-wordmark{font-size:32.4vw;line-height:.94;margin:12px 0 28px}.hero-foot{font-size:14px;gap:20px;padding:22px 0 8px}.hero-foot>span{font-size:13px}.explore{gap:10px}.scroll-glyph{width:17px;height:26px;flex-shrink:0}.scroll-glyph:after{left:5.5px}.collection{padding-inline:5%}.app-nav{padding:8px;gap:8px;border-radius:19px;top:8px;margin-bottom:24px}.app-nav a{padding:6px;border-radius:11px}.app-nav img{width:33px;height:33px}.app-nav span{display:none}.app-nav a[aria-current="true"]{background:var(--orange)}.projects{padding-bottom:50px}.project{scroll-margin-top:100px;margin-bottom:25px}.project-card{min-height:510px;border-radius:3px 52px 3px 3px;grid-template-columns:46% 54%}.project:nth-of-type(even) .project-card{border-radius:52px 3px 3px 3px}.project-info{padding:42px 0 35px 12%}.app-icon{width:52px;height:52px;margin-bottom:28px}.project h2{font-size:35px}.project.camera h2{font-size:26px}.caption{font-size:17px}.project-art{padding-top:72px}.screen{width:225px}.project-art:before{inset:90px 15px 0}.store{font-size:14px;padding:14px 19px;gap:8px}.store svg{width:17px;height:17px}.contact{padding:36px 6% 33px;margin:0 5%;border-radius:46px 0 46px 0}.contact h2{font-size:21px}.contact-top{display:block}.contact-top>span{display:block;margin-top:8px;font-size:14px}.email{font-size:6.9vw;padding:30px 0}.site-footer{padding:25px 6%;gap:19px;font-size:13px}}
@media(max-width:520px){.hero-intro{display:block;position:relative;min-height:234px}.hero-line{font-size:31px;position:relative;z-index:1}.app-fan{position:absolute;right:0;top:102px;transform:scale(.62);width:530px;transform-origin:right top}.hero-wordmark{font-size:32.4vw;margin-top:0;margin-bottom:27px}.hero-foot{align-items:center}.hero-foot>span{max-width:145px;line-height:1.7}.project-card,.project:nth-of-type(even) .project-card{display:block;min-height:0;border-radius:3px 45px 3px 3px}.project:nth-of-type(even) .project-card{border-radius:45px 3px 3px 3px}.project-info{padding:30px 25px 10px;min-height:220px}.app-icon{width:43px;height:43px;margin-bottom:20px}.project h2{font-size:37px;margin-bottom:14px}.project.camera h2{font-size:29px}.caption{font-size:17px}.store{position:absolute;right:25px;top:30px;margin:0;padding:12px 17px}.project-art{padding-top:30px;height:363px}.screen{width:235px}.project-art:before{inset:52px 36px 0}.contact-bottom>span:first-child{font-size:28px}.copy-email{font-size:13px}.email{font-size:7.1vw}.site-footer{font-size:12px;gap:17px}}
@media(max-width:350px){.site-header nav{gap:18px}.hero-line{font-size:28px}.app-fan{transform:scale(.51);top:102px}.hero-intro{min-height:215px}.app-nav{gap:5px}.app-nav img{width:30px;height:30px}.project-info{padding-inline:20px}.store{right:20px;padding:11px 14px}.project.camera h2{font-size:26px}.caption{font-size:16px}.contact{padding-inline:6%}.copy-email span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project{position:relative}.hero-wordmark span,.fan-tile,.screen,.project-card{will-change:auto}}

.project-anchor{height:0;scroll-margin-top:0}.projects{position:relative}.project-card{will-change:transform}.project-art .screen{will-change:transform}.copy-email:disabled{cursor:default}.copy-email:hover{text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){.project-card,.project-art .screen{will-change:auto}}