@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=Caveat:wght@500;600&display=swap";:root{--ink: #111;--muted: #717171;--pink: #c34d98;--line: #dedede;--paper: #fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background-color:#fff;background-image:radial-gradient(#dcdcdc .8px,transparent .8px);background-size:12px 12px;font-family:DM Sans,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink);outline-offset:6px}.board-nav{position:fixed;z-index:30;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;pointer-events:none}.board-nav details{pointer-events:auto;position:relative;box-shadow:0 4px 12px #0000000c;background:#fff;border:1px solid #e7e7e7;border-radius:16px;font-size:14px}.board-nav summary{padding:15px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-weight:600;min-height:55px}.board-nav summary::-webkit-details-marker{display:none}.board-nav nav{padding:8px;display:flex;flex-direction:column;border-top:1px solid #eee}.board-nav nav a{padding:13px;border-radius:8px;white-space:nowrap}.board-nav nav a:hover{background:#f7e9f2}.page-count{font-size:12px;font-weight:400;border-left:1px solid #ddd;padding-left:15px;color:#555}.chevron{font-size:16px}.avatar{border-radius:50%;background:var(--pink);color:#fff;width:29px;height:29px;display:inline-grid;place-items:center;font-size:13px;font-weight:600}.contact-menu,.page-menu{align-self:flex-start}main{overflow:hidden}.intro{position:relative;padding:175px 0 105px;margin:0 auto;max-width:1080px;min-height:650px}.eyebrow{font-size:13px;letter-spacing:1.3px;display:block;margin-bottom:54px}.pink{color:var(--pink)}.frame{position:relative;border:1.5px solid #252525;background:#fff}.headline{display:table;background:transparent;max-width:100%}h1{font-size:clamp(52px,7.1vw,102px);font-weight:700;letter-spacing:-.075em;line-height:1.06;margin:10px 17px 13px}.frame-tag{position:absolute;top:-35px;left:14px;background:var(--pink);color:#fff;padding:7px 10px;border-radius:3px;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:0;line-height:1.3}.handle{position:absolute;background:#fff;border:1.5px solid #242424;width:10px;height:10px;z-index:2}.tl{left:-6px;top:-6px}.tr{right:-6px;top:-6px}.bl{left:-6px;bottom:-6px}.br{right:-6px;bottom:-6px}.collaborator{position:absolute;right:-55px;top:45%;background:var(--pink);color:#fff;display:grid;place-items:center;width:28px;height:28px;font-size:14px;border-radius:14px 14px 14px 0;box-shadow:2px 3px #0001}.intro-line{font-size:21px;line-height:1.6;font-weight:500;letter-spacing:-.4px;margin:38px 0 22px}.intro-meta{display:flex;gap:24px;color:#666;font-size:14px}.intro-meta span:first-child{border-bottom:1px dashed #888;padding-bottom:4px}.doodle-hint{position:absolute;right:-10px;bottom:145px;border:0;background:transparent;font-family:Caveat,cursive;font-size:24px;line-height:1.1;transform:rotate(-7deg);color:var(--pink);text-align:left}.doodle-hint span{font-size:44px;display:block}.hello-note{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid #eee;box-shadow:0 4px 10px #00000009;padding:9px 16px 9px 10px;border-radius:24px;margin-top:27px;font-size:14px;transform:rotate(-2deg)}.hello-note:hover{transform:rotate(0);border-color:var(--pink)}.work{max-width:1080px;margin:auto;padding:35px 0 100px}.work-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.work-heading p{font-size:12px;letter-spacing:1.5px;color:#666}.work-heading p span{color:#aaa}.gallery-controls{display:flex;gap:8px}.gallery-controls button{height:36px;width:40px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:19px}.gallery-controls button:hover{background:#f8e9f3}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:47px}.filters button{font-size:12px;padding:7px 10px;border:1px solid #e7e7e7;background:#fff;border-radius:5px;color:#555}.filters button.active{background:#111;color:#fff;border-color:#111}.project-track{display:flex;gap:65px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 8px 15px;margin:-35px -8px 0;scrollbar-width:thin;scrollbar-color:#c5c5c5 transparent}.project{flex:0 0 78%;scroll-snap-align:start;display:block;align-self:flex-start}.project[hidden]{display:none}.project-0{--project-color: #1766d0}.project-1{--project-color: #268476}.project-2{--project-color: #9b67be}.project-3{--project-color: #d88222}.project .frame-tag{background:var(--project-color)}.project-image{height:350px;background:#f6f6f6;overflow:hidden;border-bottom:1px solid #ddd}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.project:hover img{transform:scale(1.025)}.project-copy{padding:28px 30px 30px}.project h2{font-size:28px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin:0 0 16px;max-width:600px}.project p{font-size:15px;color:#666;line-height:1.7;max-width:620px}.case-link{font-size:14px;display:inline-block;margin-top:13px;border-bottom:1px solid #bbb;padding-bottom:5px}.track-note{font-size:13px;color:#777;display:flex;justify-content:space-between;margin-top:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:80px auto 100px;max-width:1080px;align-items:center}.about-heading>span{font-size:12px;letter-spacing:1.2px}.about h2{font-size:49px;line-height:1.12;letter-spacing:-2.5px;margin:24px 0}.about h2 span{color:#a5a5a5}.about-card{padding:34px}.about-card p{font-size:16px;line-height:1.8;color:#666}.about-card .lead{font-size:20px;line-height:1.6;color:#222;margin-top:0}.expertise{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.expertise span{font-size:12px;background:#f4f4f4;padding:8px 10px;border-radius:3px}.archive{max-width:1080px;margin:0 auto 130px;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 0;border-top:1px dashed #bbb;border-bottom:1px dashed #bbb}.archive small{display:block;color:#777;margin-top:8px;font-size:13px}.archive a{font-size:14px;border-bottom:1px solid;padding-bottom:6px}footer{max-width:1080px;margin:0 auto;padding:35px 0 100px;text-align:center}footer>span{font-size:12px;letter-spacing:1.2px}footer h2{font-size:clamp(70px,11vw,160px);letter-spacing:-.075em;line-height:1;margin:40px 0}.connect{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #ddd;background:#fff;border-radius:30px;font-size:15px}.connect:hover{border-color:var(--pink)}.footer-meta{display:flex;justify-content:space-between;border-top:1px solid #eee;margin-top:100px;padding-top:25px;color:#777;font-size:12px}.toolbar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);border:1px solid #ddd;box-shadow:0 5px 15px #0002;background:#fff;border-radius:17px;padding:5px 7px;display:flex;align-items:center;gap:4px;z-index:50}.toolbar button{height:39px;width:40px;border:0;border-radius:11px;background:transparent;font-size:24px;line-height:1;color:#222}.toolbar button:hover{background:#f3f3f3}.toolbar button.active{background:var(--pink);color:#fff}.tool-divider{height:21px;width:1px;background:#ddd;margin:0 3px}#doodle{position:absolute;left:0;top:0;z-index:20;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1200px){.intro,.work,.about,.archive,footer{margin-left:8%;margin-right:8%}.intro{padding-top:160px}.doodle-hint{right:0;bottom:80px}.intro-line{font-size:19px}.project-image{height:310px}.about{gap:35px}.about h2{font-size:42px}}@media(max-width:700px){.board-nav{left:12px;right:12px;top:12px}.board-nav summary{padding:10px 12px;font-size:12px;gap:8px;min-height:45px}.page-count{display:none}.avatar{width:25px;height:25px}.intro,.work,.about,.archive,footer{margin-left:7%;margin-right:7%}.intro{padding-top:135px;padding-bottom:85px;min-height:610px}.eyebrow{font-size:11px;margin-bottom:45px}.headline{width:100%}h1{font-size:clamp(52px,11vw,77px);line-height:1.02;margin:15px 13px;letter-spacing:-.075em}.collaborator{right:-16px;top:auto;bottom:-16px;width:24px;height:24px;font-size:12px}.frame-tag{font-size:10px;left:8px;top:-31px;padding:6px 8px}.intro-line{font-size:18px;line-height:1.6;margin-top:30px}.desktop{display:none}.intro-meta{font-size:12px;flex-direction:column;align-items:start;gap:10px}.hello-note{font-size:12px}.doodle-hint{font-size:20px;bottom:0;right:0}.doodle-hint span{font-size:28px}.work{padding-top:40px;padding-bottom:35px}.work-heading p{font-size:10px;letter-spacing:1px}.filters{gap:5px}.filters button{font-size:11px;padding:6px 8px}.project{flex-basis:96%}.project-track{gap:24px}.project-image{height:240px}.project-copy{padding:20px}.project h2{font-size:23px;letter-spacing:-.7px}.project p{font-size:14px}.track-note{font-size:11px;gap:20px}.track-note span{white-space:nowrap}.about{grid-template-columns:1fr;gap:45px;margin-top:65px;margin-bottom:65px}.about h2{font-size:43px}.about-card{padding:25px}.archive{margin-bottom:55px;align-items:start;flex-direction:column;font-size:15px}footer{padding-top:20px}.footer-meta{margin-top:65px;gap:20px;font-size:11px;align-items:start;text-align:left}.toolbar{bottom:15px}.toolbar button{width:35px;height:36px;font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}