@font-face{font-family:Inter;src:url('/assets/inter-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-semibold.ttf') format('truetype');font-style:normal;font-weight:500 800;font-display:swap}
:root{--paper:#f8f8f6;--ink:#242422;--muted:#707066;--line:#e2e2dc;--sans:Inter,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #68645f;outline-offset:6px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}::selection{background:#ddd8ec;color:#242422}.icon{width:18px;height:18px;flex:none}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:12px;z-index:100;border-radius:8px}.skip-link:focus{top:16px}
.site-header{max-width:1180px;margin:auto;min-height:108px;padding:27px 32px;display:flex;justify-content:center;align-items:center;gap:20px}.identity{justify-self:start;display:flex;flex-direction:column;gap:5px}.name{font-size:13px;font-weight:600;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.identity-dot{width:5px;height:5px;background:#a7a997;border-radius:50%}.identity-caption{font-size:10px;color:var(--muted);letter-spacing:.05px}.pill-nav{display:flex;border-radius:999px;padding:5px;background:#ecece8;box-shadow:inset 0 1px 2px #00000005;gap:1px}.pill-nav a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;color:#84847d;font-size:12px;transition:background .2s,color .2s,box-shadow .2s}.pill-nav a .icon{width:15px;height:15px}.pill-nav a[aria-current]{background:white;color:var(--ink);box-shadow:0 1px 3px #0000000a,0 2px 5px #00000004}.pill-nav a:hover{color:var(--ink)}.contact{justify-self:end;display:flex;align-items:center;gap:8px;font-size:11px;color:#66665f}.contact .icon{width:14px;height:14px}.contact:hover{color:var(--ink)}
.home-main{max-width:1120px;margin:0 auto;padding:0 40px}.intro{text-align:center;padding:32px 0 37px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.1px;color:#747469;font-weight:400;line-height:1.6}.intro .eyebrow{margin-bottom:18px;font-size:9px;letter-spacing:1.4px}.intro h1{font-size:34px;line-height:1.17;letter-spacing:-1.55px}.title-period{color:#8c8b80}.intro>p:last-child{color:var(--muted);font-size:12px;line-height:1.6;margin-top:16px}.collection{max-width:1000px;margin:auto;padding-top:0}.collection-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 5px 28px}.collection-label{font-family:var(--mono);font-size:9px;letter-spacing:.75px;color:#737368}.collection-label span{margin-left:13px;color:#a7a79c}.organize{display:flex;align-items:center;gap:7px;background:transparent;padding:7px 0 7px 12px;color:#78786f;font-family:var(--mono);font-size:10px;letter-spacing:.2px}.organize .icon{width:12px;height:12px}.organize:hover{color:var(--ink)}.project-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 26px;padding:9px 4px 24px;isolation:isolate}/* Curated original Figma excerpts; no reconstructed product UI. */
.project-card{position:relative;aspect-ratio:320/260;height:auto;padding:0;border:1px solid #ffffff50;border-radius:8px;background:#e9eae6;box-shadow:0 1px 2px #00000010,0 7px 13px -5px #00000010,0 19px 26px -14px #00000034;transform:translateY(var(--shift,0px)) rotate(var(--rotation,0deg));transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s,background-color .35s,border-color .35s;display:block;isolation:isolate}
.project-card:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff20}
.project-card:hover,.project-card:focus-visible{z-index:5;transform:translateY(-10px) rotate(0) scale(1.025);box-shadow:0 2px 3px #0000000b,0 16px 35px -10px #00000033}
.project-card:hover,.project-card:focus-visible{background-color:var(--card-background,#e9eae6)}
.card-viewport{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.cover-art{display:block;width:100%;height:100%;font-family:var(--sans);text-rendering:geometricPrecision}
.card-title{position:absolute;z-index:2;left:14px;bottom:14px;margin:0;padding:7px 11px;background:#ffffffee;border:1px solid #ffffff80;border-radius:6px;box-shadow:0 2px 8px #00000006;font-size:16px;line-height:1.15;letter-spacing:-.45px;color:#242422}
.card-vero .card-title{background:#2b3028;border-color:#ffffff12;color:#f8f8f2}
.card-vera{--rotation:-4deg;--shift:8px;--card-background:#eae4f2}
.card-vero{--rotation:3deg;--shift:-5px;--card-background:#282c24}
.card-magic-write{--rotation:-5deg;--shift:7px;--card-background:#f6e3dc}
.card-hera{--rotation:2.7deg;--shift:12px;--card-background:#e5e1f3}
.card-the-vowen{--rotation:-4deg;--shift:1px;--card-background:#ddd6ca}
.card-substicy{--rotation:5deg;--shift:9px;--card-background:#f6e9d3}
.card-dimies{--rotation:-4deg;--shift:8px;--card-background:#dfece6}
.case-hero.hero-dimies{background:#e4eee8}
.project-visit{display:inline-flex;align-items:center;gap:7px;margin-top:22px;padding:11px 15px;border:1px solid #dcded5;border-radius:6px;background:#eeeee8;font-size:11px;transition:background .2s}
.project-visit:hover{background:#e4e6dc}
.project-visit .icon{width:14px;height:14px}
.side-projects{margin:65px auto 0;max-width:1000px;padding-top:35px;border-top:1px solid var(--line)}
.side-projects>h2{font-size:24px;letter-spacing:-.7px;margin-bottom:14px}
.side-project{display:grid;grid-template-columns:200px 1fr 28px;gap:30px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}
.side-project-identity h3{font-size:16px;letter-spacing:-.35px;line-height:1.4;margin-bottom:6px}
.side-project-identity>span{font-family:var(--mono);font-size:10px;letter-spacing:-.1px;color:var(--muted)}
.side-project>p{font-size:12px;line-height:1.85;color:var(--muted);max-width:450px}
.side-project-arrow{display:flex;align-items:center;justify-content:center;color:#737368;transition:transform .2s,color .2s}
.side-project:hover .side-project-arrow{transform:translate(3px,-3px);color:var(--ink)}
.side-project:hover h3{text-decoration:underline;text-underline-offset:4px}
.articles-section{margin:48px auto 0;max-width:1000px;padding-top:35px;border-top:1px solid var(--line)}
.articles-section>h2{font-size:24px;letter-spacing:-.7px;margin-bottom:14px}
.article-link{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
.article-link h3{font-size:15px;line-height:1.55;letter-spacing:-.25px}
.article-publication{font-family:var(--mono);font-size:10px;color:var(--muted)}
.article-arrow{display:flex;justify-content:center;color:var(--muted);transition:transform .2s,color .2s}
.article-link:hover h3{text-decoration:underline;text-underline-offset:4px}
.article-link:hover .article-arrow{transform:translate(3px,-3px);color:var(--ink)}
.case-study>.articles-section{margin-top:64px}
.home-main .side-project:last-child{border-bottom:0}
.home-main>.articles-section{border-top:0;margin-top:32px;padding-top:0}
@media(max-width:480px){.articles-section{margin-top:38px;padding-top:28px}.articles-section>h2{font-size:22px;margin-bottom:5px}.article-link{grid-template-columns:minmax(0,1fr) 22px;gap:8px 14px;padding:22px 0}.article-link h3{font-size:13px}.article-publication{grid-row:2;grid-column:1;font-size:9px}.article-arrow{grid-column:2;grid-row:1;align-self:start;padding-top:3px}.case-study>.articles-section{margin-top:46px}}
@media(max-width:760px){.side-projects{margin-top:50px;padding-top:28px}.side-project{grid-template-columns:160px 1fr 20px;gap:20px}}
@media(max-width:480px){.side-projects{margin-top:43px}.side-projects>h2{font-size:22px;margin-bottom:5px}.side-project{grid-template-columns:1fr 22px;gap:12px;padding:25px 0}.side-project-identity{grid-column:1}.side-project-arrow{grid-column:2;grid-row:1;align-self:start;padding-top:3px}.side-project>p{grid-column:1/-1;font-size:11px}.side-project-identity h3{font-size:15px}}
/* Remove the capture's dark outer pixels everywhere, including the lightbox. */
img[src*="/assets/vera-"]{clip-path:inset(2px round 4px)}
img[src*="/assets/dimies-"]{clip-path:inset(2px round 4px)}
.board-note{text-align:center;font-size:10px;color:#737368;margin-top:22px;letter-spacing:.1px}.board-note span{display:inline-block;font-size:18px;margin-left:6px;transform:rotate(12deg);color:#9e9e93}.collection.is-organized .project-card{--rotation:0deg;--shift:0px}.collection.is-organized .project-card:hover{transform:translateY(-8px)}
.site-footer{max-width:1116px;display:flex;justify-content:center;gap:20px;align-items:center;margin:62px auto 0;padding:26px 24px 32px;font-family:var(--mono);font-size:9px;color:#727268;letter-spacing:.15px}.site-footer>p,.site-footer>a{display:flex;align-items:center;gap:7px}.site-footer>a{color:#75756d}.site-footer .icon{width:11px;height:11px}.footer-spark{font-size:14px;margin-left:2px;color:#96968b}.live-dot{width:4px;height:4px;border-radius:50%;background:#88a27c}.footer-slash{color:#c0c0b6;margin:0 4px}.local-time time{font-variant-numeric:tabular-nums;min-width:34px}.page-home .site-footer{margin-top:39px}
/* Long-form project stories */
.reading-progress{position:fixed;left:0;top:0;height:2px;background:#33332e;width:0;z-index:10}.case-study{max-width:1040px;margin:0 auto;padding:27px 32px 0}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#7c7c72;transition:color .2s}.back-link .icon{width:15px;height:15px}.back-link:hover{color:var(--ink)}.case-header{max-width:760px;margin:53px auto 48px}.case-header .eyebrow{font-size:9px}.case-header .eyebrow>span{margin:0 8px}.case-header h1{font-size:62px;letter-spacing:-3.5px;line-height:1.1;margin-top:20px}.case-tagline{font-size:27px;line-height:1.4;letter-spacing:-.85px;margin-top:20px;max-width:640px}.case-intro{margin-top:19px;color:#797970;font-size:14px;line-height:1.9;max-width:670px}.project-details{border-top:1px solid var(--line);margin:35px 0 0;padding-top:22px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:25px}.project-details dt{font-family:var(--mono);font-size:8px;letter-spacing:.8px;color:#75756a}.project-details dd{margin:9px 0 0;font-size:11px;color:#56564e}.case-hero{padding:44px;background:#eee7f2;min-height:350px;display:flex;align-items:center;justify-content:center;border:1px solid #00000003;border-radius:12px;margin-bottom:88px;overflow:hidden}.case-hero>img{height:auto;max-height:555px;width:auto;max-width:100%;object-fit:contain;border-radius:6px;box-shadow:0 6px 35px -15px #00000050}.case-hero>img.hero-phone{height:470px;width:auto;box-shadow:0 8px 25px #0000000d;border-radius:22px}.hero-vero{background:#d8d9d3;padding:42px}.hero-vero>img{max-height:520px}.hero-magic-write{background:#f7e4dc}.hero-hera{background:#e6e5f2}.hero-the-vowen{background:#e8e3dc;padding:40px}.hero-substicy{background:#fff0da;padding:34px}.hero-substicy>img.hero-phone{box-shadow:none;border-radius:0}.story-copy{max-width:810px;margin:0 auto;display:grid;grid-template-columns:95px minmax(0,1fr);gap:28px}.section-number{font-family:var(--mono);font-size:9px;letter-spacing:.7px;color:#75756a;padding-top:8px}.story-copy h2{font-size:26px;line-height:1.3;letter-spacing:-.75px;margin-bottom:18px;max-width:600px}.story-copy p{font-size:14px;color:#707069;line-height:1.95;max-width:625px}.focus-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none;margin-top:24px}.focus-tags li{border:1px solid #dfdfd7;padding:7px 10px;border-radius:5px;font-size:9px;color:#79796d;background:#ffffff33}.overview{margin-bottom:80px}.story-section{margin:0 0 83px}.image-group{margin-top:39px}.image-group figure{margin:0;min-width:0}.image-button{position:relative;width:100%;background:#efefeb;border:1px solid #e6e6df;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:center;cursor:zoom-in;overflow:hidden;transition:background .2s}.image-button:hover{background:#e9e9e2}.image-button>img{width:auto;height:auto;max-width:100%;max-height:760px;object-fit:contain;border-radius:4px;box-shadow:0 3px 14px #00000007}.expand-image{position:absolute;right:12px;bottom:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffffff0;width:31px;height:31px;box-shadow:0 2px 6px #00000007;color:#7c7c70;transition:transform .2s}.expand-image .icon{width:14px;height:14px}.image-button:hover .expand-image{transform:scale(1.1);color:#242422}figcaption{text-align:center;color:#747468;font-size:10px;line-height:1.6;margin:13px 14px 0}.image-group.screens.multiple{display:grid;grid-template-columns:1fr 1fr;gap:20px}.image-group.screens.multiple .image-button{padding:15px}.image-group.phones{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:800px;margin-left:auto;margin-right:auto}.phones .image-button,.phone .image-button{height:600px;padding:28px;background:#efeeea}.phone{max-width:435px;margin-left:auto;margin-right:auto}.phones .image-button img,.phone .image-button img{width:auto;height:100%;max-height:540px;border-radius:0;box-shadow:none}.case-the-vowen .phone img,.case-the-vowen .phones img{border-radius:20px}.case-substicy .phones .image-button{background:#f1eee9}.closing-note{border-top:1px solid var(--line);padding-top:32px;max-width:680px;margin:0 auto 94px;display:flex;gap:22px;align-items:flex-start}.closing-note>span{color:#b1b1a4;font-size:29px;line-height:1.2}.closing-note p{font-size:19px;line-height:1.65;letter-spacing:-.35px;color:#5f5f54}.next-project{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 40px 40px;background:#eeeee8;border:1px solid #e5e5dc;border-radius:10px;transition:background .2s}.next-project:hover{background:#e8e8e1}.next-project h2{font-size:36px;letter-spacing:-1.3px;margin:12px 0}.next-project p{font-size:12px;color:#7c7c6e}.next-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #d5d5c9;border-radius:50%;transition:transform .2s}.next-project:hover .next-arrow{transform:translateX(5px)}.next-arrow .icon{width:23px;height:23px}.all-projects{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#7a7a6e;margin:30px 0 0}.all-projects .icon{width:13px;height:13px}
.lightbox{border:0;background:#f6f6f1f5;color:var(--ink);width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:18px 30px 12px;overflow:hidden}.lightbox::backdrop{background:#f6f6f1f5;backdrop-filter:blur(8px)}.lightbox[open]{display:flex;flex-direction:column}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;flex:none;min-height:38px}.lightbox-toolbar p{font-size:12px;color:#73736b;line-height:1.5}.lightbox-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e8e8e1;border-radius:50%;flex:none}.lightbox-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px 0}.lightbox-stage img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain;box-shadow:0 7px 30px #0000000a}.lightbox-hint{font-family:var(--mono);font-size:9px;text-align:center;color:#909081;padding:4px 0 10px}
/* About */
.about-main{max-width:1050px;margin:70px auto 100px;padding:0 32px}.about-main>h1{font-size:44px;letter-spacing:-1.9px;line-height:1.2;margin:21px 0 57px}.about-body{display:grid;grid-template-columns:320px minmax(0,1fr);gap:55px}
.about-eyebrow{margin-bottom:18px}.about-stamp{margin-top:10px;height:178px;border-radius:8px;background:#e9e7df;transform:rotate(-7deg);box-shadow:0 3px 4px #00000005,0 15px 25px -15px #00000028;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-stamp>span{font-size:86px;line-height:1;letter-spacing:-7px;padding-right:9px}.about-stamp>small{font-family:var(--mono);font-size:8px;letter-spacing:1px;margin-top:20px;color:#7c7b70}.about-copy>p{font-size:14px;line-height:1.9;color:#76766d;margin-bottom:22px}.about-copy>p.about-lede{font-size:19px;color:#41413a;line-height:1.75;letter-spacing:-.3px}.about-links{display:flex;align-items:center;gap:22px;margin-top:34px;font-size:11px;flex-wrap:wrap}.about-links>a{display:flex;align-items:center;gap:5px}.about-links .icon{width:13px;height:13px}.primary-link{background:#2d2d28;color:#fafaf6;display:inline-flex;align-items:center;gap:9px;padding:13px 16px;border-radius:6px;font-size:12px;transition:background .2s}.primary-link:hover{background:#4a4a41}.about-project-link{border-top:1px solid var(--line);margin-top:65px;padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#75756b}.notfound{max-width:650px;margin:110px auto 160px;padding:0 30px}.notfound h1{font-size:46px;line-height:1.2;letter-spacing:-2px;margin:20px 0 30px}
@media(min-width:1500px){.intro{padding-top:48px;padding-bottom:48px}.collection{max-width:1050px}.project-card{height:auto;}.site-footer{margin-top:66px}}
@media(max-width:1000px){.site-header{padding-left:30px;padding-right:30px}.home-main{padding:0 35px}.project-board{gap:32px 23px}.project-card{height:auto;padding:0}.collection-toolbar{margin-bottom:22px}.case-header{margin-top:40px}.case-study{max-width:900px}.story-copy{gap:20px;grid-template-columns:80px 1fr}.phones .image-button,.phone .image-button{height:540px}}
@media(max-width:760px){.site-header{padding:22px 24px;grid-template-columns:1fr auto}.pill-nav{grid-column:2}.contact{display:none}.home-main{padding:0 29px;max-width:650px}.intro{padding:30px 0 33px}.intro h1{font-size:32px;letter-spacing:-1.3px}.intro .eyebrow{font-size:8px}.project-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.project-card{height:auto;}.board-note{margin-top:22px}.site-footer{padding:24px 27px;font-size:8px}.case-study{padding:18px 24px 0}.case-header{margin:40px 0}.case-header h1{font-size:54px;letter-spacing:-2.8px}.case-tagline{font-size:25px}.case-intro{font-size:13px}.project-details{gap:15px}.project-details dd{font-size:10px;line-height:1.5}.case-hero{padding:26px;margin-bottom:65px;min-height:250px}.story-copy{grid-template-columns:1fr;gap:10px}.story-copy h2{font-size:25px}.story-copy p{font-size:13px}.overview{margin-bottom:60px}.story-section{margin-bottom:63px}.image-group{margin-top:28px}.image-group.screens.multiple{gap:15px}.image-group.screens.multiple .image-button{padding:8px}.image-button{padding:12px}.phones .image-button,.phone .image-button{padding:18px;height:470px}.image-group.phones{gap:18px}figcaption{font-size:9px}.closing-note{margin-bottom:70px}.closing-note p{font-size:17px}.next-project{padding:28px}.next-project h2{font-size:30px}.next-project p{line-height:1.6;max-width:280px}.about-main{margin-top:50px;padding:0 25px}.about-main>h1{font-size:36px}.about-body{grid-template-columns:220px minmax(0,1fr);gap:30px}.about-stamp{height:130px}.about-stamp>span{font-size:67px}.about-stamp>small{font-size:6px;margin-top:15px}.about-copy>p.about-lede{font-size:17px}.about-copy>p{font-size:13px}}
@media(max-width:480px){.site-header{padding:19px 22px;min-height:94px;gap:10px}.name{font-size:11px;gap:6px}.identity-caption{font-size:8px}.pill-nav{padding:4px}.pill-nav a{padding:8px 10px;gap:5px;font-size:10px}.pill-nav a .icon{width:13px;height:13px}.home-main{padding:0 34px}.intro{padding:26px 0 36px}.intro h1{font-size:30px;letter-spacing:-1.4px}.intro .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:17px}.intro>p:last-child{font-size:10px;max-width:225px;margin:15px auto 0}.collection-toolbar{margin-bottom:24px}.collection-label{font-size:7px;letter-spacing:.4px}.collection-label span{margin-left:6px}.organize{font-size:9px}.project-board{grid-template-columns:1fr;gap:36px;padding-left:0;padding-right:0}.project-card{height:auto;max-width:335px;width:100%;margin:auto;padding:0;--shift:0px}.card-the-vowen{--rotation:-3deg}.card-substicy{--rotation:3deg}.board-note{margin-top:15px;font-size:9px}.site-footer{margin-top:50px;flex-wrap:wrap;gap:17px;padding:24px;font-size:8px}.site-footer>a{order:3;width:100%;justify-content:center}.page-home .site-footer{margin-top:35px}.case-study{padding:16px 22px 0}.case-header{margin-top:33px;margin-bottom:30px}.case-header .eyebrow{font-size:7px;letter-spacing:.7px}.case-header h1{font-size:46px;letter-spacing:-2.5px}.case-tagline{font-size:22px;margin-top:17px;letter-spacing:-.6px}.case-intro{font-size:12px;line-height:1.9}.project-details{grid-template-columns:1fr 1fr;row-gap:20px;margin-top:26px;padding-top:20px}.project-details>div:last-child{grid-column:1/-1}.project-details dt{font-size:7px}.project-details dd{font-size:10px;margin-top:7px}.case-hero{padding:15px;min-height:180px;border-radius:7px;margin-bottom:49px}.case-hero>img{border-radius:3px}.case-hero>img.hero-phone{height:385px;border-radius:16px}.hero-substicy>img.hero-phone{border-radius:0}.story-copy h2{font-size:23px;letter-spacing:-.65px}.story-copy p{font-size:12px;line-height:1.95}.section-number{font-size:8px;padding-top:0}.focus-tags{gap:5px;margin-top:20px}.focus-tags li{font-size:8px;padding:6px 8px}.overview{margin-bottom:47px}.story-section{margin-bottom:48px}.image-group.screens.multiple{grid-template-columns:1fr;gap:27px}.image-button{padding:8px;border-radius:5px}.image-group.phones{grid-template-columns:1fr;max-width:310px;gap:28px}.phones .image-button,.phone .image-button{height:510px;padding:20px}.phone{max-width:310px}.image-group{margin-top:24px}.image-group figcaption{font-size:9px;margin:11px 4px 0}.case-the-vowen .phone img,.case-the-vowen .phones img{border-radius:16px}.closing-note{gap:15px;padding-top:25px;margin-bottom:50px}.closing-note p{font-size:16px}.next-project{padding:26px 22px;gap:15px}.next-project .eyebrow{font-size:8px}.next-project h2{font-size:27px}.next-project p{font-size:10px}.next-arrow{width:35px;height:35px;flex:none}.next-arrow .icon{width:18px;height:18px}.all-projects{font-size:10px;margin-top:25px}.lightbox{padding:14px}.lightbox-toolbar p{font-size:10px}.lightbox-close{width:34px;height:34px}.about-main{margin:38px auto 70px;padding:0 24px}.about-main>h1{font-size:32px;letter-spacing:-1.5px;margin-bottom:40px}.about-body{display:flex;flex-direction:column;gap:34px}.about-stamp{width:120px;height:125px;margin:0 0 0 6px}.about-copy>p.about-lede{font-size:18px}.about-copy>p{font-size:13px}.about-links{gap:19px;font-size:10px}.about-project-link{font-size:11px}.notfound{margin:80px auto 130px}.notfound h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-card{will-change:auto}}
/* Project pages: one introduction, then an image gallery. */
.page-article .case-header h1{margin-top:0}
.case-gallery{display:grid;gap:32px}
.case-gallery>.image-group{margin-top:0}
.lightbox-toolbar{justify-content:flex-end}
.lightbox-navigation{display:flex;justify-content:center;align-items:center;gap:20px;flex:none;padding:0 0 8px}
.lightbox-counter{font-family:var(--mono);font-size:11px;color:#73736b;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
.lightbox-nav-button{width:42px;height:42px;border-radius:50%;background:#e8e8e1;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lightbox-nav-button:hover{background:#deded5}
.lightbox-nav-button[hidden]{display:none}
@media(max-width:480px){.case-gallery{gap:22px}.lightbox-navigation{padding-bottom:max(4px,env(safe-area-inset-bottom))}}

.intro-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:12px;color:var(--muted)}
.intro-link .icon{width:13px;height:13px}
.intro-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.home-main,.case-study{margin-bottom:64px}
.card-label{position:absolute;z-index:2;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;background:#fff;border:1px solid #00000005;border-radius:8px;box-shadow:0 2px 8px #0000000a}
.card-label h2{font-size:14px;line-height:1.2;letter-spacing:-.3px}
.project-badge{flex:none;width:28px;height:28px;border-radius:50%;background:#f5f5f2;display:flex;align-items:center;justify-content:center}
.project-logo{display:block;width:18px;height:18px;overflow:hidden}
.logo-monochrome{filter:brightness(0)}
.logo-magic-write{border-radius:50%}
.logo-the-vowen{width:24px;height:10px}
.about-portrait{align-self:start;margin-top:0;border-radius:8px;overflow:hidden;transform:rotate(-3deg);background:#202020;box-shadow:0 3px 4px #00000008,0 15px 25px -15px #00000030}
.about-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.92)}
@media(max-width:640px){.about-body{display:flex;flex-direction:column;gap:34px}.about-portrait{width:min(260px,100%);margin:0 0 0 5px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.case-magic-write>.articles-section{margin:0 auto 44px;padding-top:0;border-top:0}