:root{--ink:#111;--paper:#fbfbfa;--wash:#f0f1f0;--cyan:#38bad2;--line:#cfd1ce;--sans:"Zen Kaku Gothic New",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:18px;letter-spacing:.075em}.skip-link{position:fixed;left:1rem;top:-4rem;background:#000;color:#fff;padding:.6rem;z-index:20}.skip-link:focus{top:1rem}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,102px);position:absolute;z-index:10;width:100%}.brand{display:grid;color:inherit;text-decoration:none;line-height:1}.brand span{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:.2em}.brand small{font-size:12px;font-weight:700;letter-spacing:.04em;margin-top:6px}.desktop-nav{display:flex;gap:36px;font:500 14px var(--mono);letter-spacing:.12em}.desktop-nav a,.footer-links a{color:inherit;text-decoration:none}.desktop-nav a:hover,.text-link:hover{color:var(--cyan)}.menu-button{display:none;background:none;border:0;width:36px;height:32px}.menu-button i{display:block;border-top:1px solid;margin:7px 0}.mobile-menu{display:none}.section-shell{padding-left:clamp(24px,10vw,150px);padding-right:clamp(24px,10vw,150px)}.hero{min-height:640px;padding-top:150px;display:grid;grid-template-columns:35% 65%;position:relative}.hero-copy{align-self:center;z-index:1}.eyebrow,.section-heading p{font:500 15px var(--mono);letter-spacing:.12em}.hero h1{font-size:calc(clamp(29px,3.1vw,48px) + 4px);line-height:1.75;margin:30px 0 22px;font-weight:700}.role{font-weight:700;font-size:16px}.blue-dash{display:inline-block;width:20px;border-top:2px solid var(--cyan);margin:14px 0}.english{font:500 16px var(--mono);letter-spacing:.1em}.placeholder{background:linear-gradient(135deg,#f1f2f1,#e8e9e8);position:relative;overflow:hidden}.placeholder:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.5)}.placeholder span{position:absolute;z-index:1;top:50%;left:50%;translate:-50% -50%;font:14px var(--mono);letter-spacing:.12em;color:#a5aaa7;text-align:center;white-space:nowrap}.hero-photo{height:min(35vw,480px);margin-top:0;box-shadow:23px 12px 0 var(--cyan)}.hero-note{position:absolute;bottom:30px;left:52px;writing-mode:vertical-rl;display:flex;gap:24px;font:12px var(--mono);letter-spacing:.08em}.news{grid-column:2;display:flex;align-items:start;gap:28px;margin:34px 0 0 22%;font-size:15px}.news .cyan{color:var(--cyan);font:500 14px var(--mono);margin:0}.news ul{margin:0;padding:0;list-style:none;line-height:2.25}.news time{font-family:var(--mono)}.news a{margin-left:auto;color:inherit;font:14px var(--mono);text-decoration:none;white-space:nowrap}.about{padding-top:60px;min-height:540px;display:grid;grid-template-columns:33% 35% 32%;position:relative;background:linear-gradient(100deg,#fff,#f8f8f7)}.section-heading{display:flex;align-items:center;gap:18px;height:28px}.section-heading p{font-weight:500;margin:0}.section-heading .blue-dash{margin:0}.section-heading small{margin-left:auto;font-size:14px}.about-copy{grid-column:1;margin:45px 0 20px 45px}.about h2,.contact h2{font-size:calc(clamp(26px,2.4vw,37px) + 4px);line-height:1.55;margin:0 0 22px}.about-copy p{font-size:15px;line-height:2.05}.text-link{color:inherit;text-decoration:none;font:14px var(--mono);display:inline-block;margin-top:13px}.about-photo{align-self:center;grid-column:2/4;height:320px;max-width:470px;width:100%;justify-self:center}.blob{border-radius:49% 51% 45% 55% / 42% 46% 54% 58%;rotate:-7deg}.vertical-note{position:absolute;right:9%;top:140px;writing-mode:vertical-rl;font:500 14px var(--mono);line-height:1.5}.service{padding-top:50px;padding-bottom:70px;overflow:hidden}.service-map{height:350px;position:relative;margin-top:25px}.service-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.service-lines path{fill:none;stroke:#242424;stroke-width:1.4;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.6s ease}.service-map.visible .service-lines path{stroke-dashoffset:0}.service-card{position:absolute;width:185px;height:180px;padding:31px 20px 15px;display:flex;flex-direction:column;text-align:center;justify-content:flex-start;background:#fff;clip-path:polygon(50% 0,94% 20%,100% 68%,75% 100%,19% 94%,0 45%,16% 12%);filter:drop-shadow(0 0 1px #222)}.service-card>*{position:relative;z-index:1}.service-card:before{content:"";position:absolute;inset:1px;background:var(--paper);clip-path:inherit}.service-card h3{font-size:19px;margin:5px 0 8px}.service-card p{font-size:13px;line-height:1.65;margin:0}.service-card a{font-size:13px;color:inherit;text-decoration:none;margin-top:auto}.icon{font-size:27px;line-height:1}.pen{rotate:-35deg}.card-a{left:1%;top:63px;rotate:-6deg}.card-b{left:20%;top:145px;rotate:7deg}.card-c{left:40%;top:62px;rotate:-4deg}.card-d{left:60%;top:145px;rotate:5deg}.card-e{right:1%;top:53px;rotate:-8deg}.works{padding-bottom:65px}.works-top{display:flex;gap:20px;align-items:center}.filters{display:flex;gap:19px;flex:1;justify-content:center;overflow:auto}.filters button{border:0;background:none;font:14px var(--mono);padding:8px 0;cursor:pointer;white-space:nowrap}.filters button.active{color:var(--cyan);border-bottom:1px solid var(--cyan)}.works-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1.05fr 1.1fr 1.05fr;gap:10px;margin-top:25px}.work{height:150px;margin:0;transition:transform .3s}.work:nth-child(even){translate:0 12px}.work:hover{transform:translateY(-6px)}.work.hidden{display:none}.flow{padding-bottom:75px}.flow-list{display:flex;gap:0;list-style:none;padding:30px 0 0;margin:0}.flow-list li{flex:1;text-align:center;position:relative}.flow-list li:not(:last-child):after{content:"›";font:30px var(--mono);position:absolute;right:-4px;top:4px}.flow-list b{display:block;font-size:31px;font-weight:400;height:39px}.flow-list h3{font-size:15px;margin:8px 0}.flow-list p{font-size:13px;line-height:1.65;margin:0}.contact{background:#f2f3f2;display:grid;grid-template-columns:1fr 1.25fr;gap:75px;padding-top:76px;padding-bottom:70px}.contact-copy p{font-size:15px;line-height:1.85}.contact h2{margin-top:20px}.button{display:block;background:#111;color:#fff;text-align:center;text-decoration:none;padding:15px 10px;font-size:15px;max-width:330px;margin:18px 0 9px;transition:.25s}.button:hover{background:var(--cyan)}.social{display:flex;gap:9px}.social a{border:1px solid;padding:9px 12px;color:inherit;text-decoration:none;font-size:13px}.contact-photo{height:300px;align-self:center;box-shadow:20px 16px 0 var(--cyan)}footer{padding:45px clamp(24px,10vw,150px) 20px;display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:25px;font-size:13px;line-height:1.8}footer .brand span{font-size:26px}footer .brand small{font-size:11px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:2px 18px}.to-top{position:fixed;right:22px;bottom:22px;width:35px;height:35px;background:var(--paper);border:1px solid #aaa;font-size:22px;opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.service-card.reveal:nth-of-type(2){transition-delay:.18s}.service-card.reveal:nth-of-type(3){transition-delay:.36s}.service-card.reveal:nth-of-type(4){transition-delay:.54s}.service-card.reveal:nth-of-type(5){transition-delay:.72s}@media(max-width:760px){body{font-size:17px}.site-header{height:70px;padding:0 22px;position:absolute}.brand span{font-size:28px}.desktop-nav{display:none}.menu-button{display:block;z-index:12}.mobile-menu{position:fixed;inset:0;background:rgba(251,251,250,.98);z-index:11;align-items:center;justify-content:center;flex-direction:column;gap:25px;opacity:0;pointer-events:none;transition:.25s}.mobile-menu.open{display:flex;opacity:1;pointer-events:auto}.mobile-menu a{font:500 24px var(--mono);color:inherit;text-decoration:none}.hero{padding-top:110px;min-height:760px;display:block}.hero h1{font-size:33px;line-height:1.62;margin:25px 0}.hero-photo{height:60vw;min-height:230px;margin:45px 12px 0 40px;box-shadow:16px 10px 0 var(--cyan)}.hero-note{display:none}.news{margin:38px 0 0;gap:16px;display:grid;grid-template-columns:110px 1fr}.news a{grid-column:2}.news ul{font-size:13px}.about{padding-top:38px;display:block;min-height:0}.about-copy{margin:35px 0}.about-copy p{font-size:14px}.about-photo{height:235px;max-width:350px;margin:20px auto 30px}.vertical-note{right:19px;top:120px;font-size:12px}.section-heading small{display:none}.service{padding-top:40px}.service-map{height:960px;margin:5px auto 0;max-width:330px}.service-lines{display:none}.service-map:before{content:"";position:absolute;left:50%;top:100px;height:730px;border-left:1px dashed #333}.service-card{width:190px;height:178px;left:50%;translate:-50% 0;rotate:0}.card-a{top:10px}.card-b{top:195px;translate:-45% 0;rotate:5deg}.card-c{top:380px;translate:-54% 0;rotate:-4deg}.card-d{top:565px;translate:-46% 0;rotate:5deg}.card-e{top:750px;translate:-52% 0;rotate:-4deg}.works-top{align-items:flex-start;flex-wrap:wrap}.filters{order:3;justify-content:flex-start;width:100%;padding-bottom:4px;gap:15px}.works-top>.text-link{margin-left:auto}.works-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.work{height:40vw;max-height:190px}.work:nth-child(even){translate:0 15px}.flow{padding-bottom:50px}.flow-list{display:grid;grid-template-columns:1fr 1fr;gap:30px 15px;padding-top:30px}.flow-list li:not(:last-child):after{display:none}.flow-list li:last-child{grid-column:1/3;width:50%;justify-self:center}.contact{display:block;padding-top:50px;padding-bottom:55px}.contact-photo{margin-top:50px;height:55vw;box-shadow:13px 10px 0 var(--cyan)}footer{grid-template-columns:1fr 1fr;padding-top:35px}footer>p{grid-column:1/3}.footer-links{grid-column:1/2}footer>small{grid-column:1/3}.social a{font-size:12px;padding:8px}.reveal{transition-duration:.5s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-lines path{stroke-dashoffset:0;transition:none}.work,.button,.to-top{transition:none}}