:root{--ink: #10100e;--paper: #f6f1e5;--paper-soft: #fffaf0;--muted: #656158;--line: rgba(16, 16, 14, .16);--line-strong: rgba(16, 16, 14, .86);--yellow: #ffd83d;--yellow-soft: rgba(255, 216, 61, .22);--green: #9bc6a6;--blue: #7897c7;--max: 1180px;--home-icon-pattern: url(/images/home-icon-stickers.svg);--shadow-border: 0 0 0 1px rgba(16, 16, 14, .08), 0 12px 28px rgba(16, 16, 14, .08);--shadow-border-hover: 0 0 0 1px rgba(16, 16, 14, .14), 0 16px 36px rgba(16, 16, 14, .1);--ease-out: cubic-bezier(.23, 1, .32, 1);color-scheme:light;font-family:Aptos,Segoe UI,system-ui,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at 14% 12%,rgba(255,216,61,.18),transparent 28rem),linear-gradient(145deg,#fffaf0,#fbf4e7 44%,#f6f1e5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100%;margin:0;color:var(--ink);overflow-x:clip}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background:radial-gradient(circle at 10% 10%,rgba(255,216,61,.2),transparent 24rem),radial-gradient(circle at 84% 18%,rgba(255,250,240,.82),transparent 22rem),linear-gradient(180deg,#fffaf0b8,#f6f1e566);mix-blend-mode:multiply}body.home-page:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:var(--home-icon-pattern);background-position:right -72px top 112px;background-repeat:repeat;background-size:560px 413px;-webkit-mask-image:linear-gradient(135deg,transparent 0 42%,rgba(0,0,0,.28) 64%,rgba(0,0,0,.74) 100%);mask-image:linear-gradient(135deg,transparent 0 42%,rgba(0,0,0,.28) 64%,rgba(0,0,0,.74) 100%);opacity:.4}@media(max-width:760px){body.home-page:after{background-position:right -348px top 132px;background-size:520px 384px;opacity:.22}}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}img{max-width:100%;outline:1px solid rgba(16,16,14,.1);outline-offset:-1px}.skip-link{position:absolute;top:12px;left:12px;z-index:20;transform:translateY(-160%);border:1px solid var(--ink);padding:8px 10px;background:var(--yellow)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;width:100%;background:linear-gradient(90deg,rgba(247,213,29,.14),transparent 18%,transparent 82%,rgba(166,194,213,.16)),#f6f1e5ad;box-shadow:inset 0 -1px #1413111f;backdrop-filter:blur(18px) saturate(1.08)}.header-inner{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(48px,1fr);align-items:center;gap:20px;max-width:var(--max);margin:0 auto;padding:16px 24px}.brand-lockup{display:inline-flex;width:fit-content;min-height:48px;align-items:center;gap:12px;border-radius:999px;padding:4px 12px 4px 4px;background:#f6f1e5b3;transition-property:transform,background-color,box-shadow;transition-duration:.15s;transition-timing-function:var(--ease-out)}.brand-lockup:hover{background:#fffaf0f0;box-shadow:var(--shadow-border)}.brand-mark{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:999px;overflow:hidden;background:var(--yellow);box-shadow:0 0 0 2px var(--ink)}.brand-mark img{width:100%;height:100%;object-fit:cover;outline:0}.brand-copy{display:grid;gap:1px}.brand-copy strong,.footer-card strong{font-size:.9rem;line-height:1}.brand-copy span{color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.66rem;font-weight:800;text-transform:uppercase}.locale-switch{display:inline-grid;justify-self:end;min-width:44px;min-height:44px;place-items:center;border-radius:999px;color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:900;transition-property:transform,background-color,color;transition-duration:.15s;transition-timing-function:var(--ease-out)}.locale-switch:hover{color:var(--ink);background:#fffaf0e0}.brand-lockup:active,.locale-switch:active,.button:active,.project-ticket:active{transform:scale(.96)}.nav-rack{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,24px);min-height:48px}.nav-rack a{position:relative;display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:999px;padding:0 2px;color:var(--muted);font-size:.9rem;font-weight:750;transition-property:color;transition-duration:.15s;transition-timing-function:var(--ease-out)}.nav-rack a:after{position:absolute;right:0;bottom:8px;left:0;height:3px;transform:scaleX(0);transform-origin:left;border-radius:999px;background:var(--yellow);content:"";transition-property:transform;transition-duration:.15s;transition-timing-function:var(--ease-out)}.nav-rack a[aria-current=page],.nav-rack a:hover{color:var(--ink)}.nav-rack a[aria-current=page]:after,.nav-rack a:hover:after{transform:scaleX(1)}main{width:min(var(--max),calc(100% - 36px));margin:0 auto}.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:clamp(28px,6vw,92px);align-items:start;min-height:auto;padding:clamp(64px,8vw,118px) 0 clamp(56px,7vw,88px)}.hero-copy{padding-top:clamp(10px,2vw,28px)}.marker{margin:0;color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.76rem;font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere;word-break:break-word;text-transform:uppercase}.headline-row{display:grid;grid-template-columns:1fr;gap:22px;align-items:start;margin-top:26px}h1,h2,h3,p{text-wrap:pretty}h1{max-width:780px;margin:0;font-size:clamp(3.15rem,5.8vw,5.15rem);font-weight:950;letter-spacing:0;line-height:.94}.intro{max-width:620px;margin:0;color:var(--muted);font-size:clamp(1.04rem,1.55vw,1.32rem);font-weight:560;line-height:1.65;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;padding:0 16px;font-weight:850;transition-property:transform,box-shadow,background-color;transition-duration:.15s;transition-timing-function:var(--ease-out)}.button-primary{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.button-secondary{background:#fffaf0db}.memory-board{position:relative;align-self:center;justify-self:end;width:min(100%,380px);min-height:470px}.memory-card{position:absolute;margin:0;border-radius:18px;padding:8px 8px 34px;background:var(--paper-soft);box-shadow:var(--shadow-border);transition-property:transform,box-shadow;transition-duration:.22s;transition-timing-function:var(--ease-out)}.memory-card-wide{top:3%;right:0;z-index:2;width:72%;transform:rotate(-1.8deg)}.memory-card-small:nth-of-type(2){bottom:9%;left:0;z-index:4;width:40%;transform:rotate(5deg)}.memory-card-small:nth-of-type(3){right:5%;bottom:0;z-index:3;width:36%;transform:rotate(-6deg)}.memory-board:hover .memory-card{box-shadow:var(--shadow-border-hover)}.memory-board:hover .memory-card-wide{transform:translate(-18px,-6px) rotate(-4deg)}.memory-board:hover .memory-card-small:nth-of-type(2){transform:translate(-12px,6px) rotate(8deg)}.memory-board:hover .memory-card-small:nth-of-type(3){transform:translate(16px,8px) rotate(-9deg)}.memory-card img{display:block;width:100%;height:180px;object-fit:cover;border-radius:12px;filter:saturate(.94) contrast(1.04)}.memory-card-wide img{height:360px}.memory-card-small img{height:150px}.memory-card figcaption,.about-photo figcaption{position:absolute;right:12px;bottom:10px;left:12px;color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.66rem;font-weight:850;line-height:1.25;text-transform:uppercase}.fit-strip,.link-board,.proof-layout{border-top:1px solid var(--line-strong)}.fit-strip{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,5vw,80px);padding:34px 0}.fit-strip h2{margin:0 0 18px;font-size:1rem}.fit-strip ul,.project-ticket ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.fit-strip li{position:relative;padding-left:22px;color:var(--muted);line-height:1.5}.fit-strip li:before{position:absolute;left:0;color:var(--ink);content:"→"}.fit-strip div+div li:before{content:"×"}.link-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px 0;background:var(--line-strong)}.link-card{display:grid;min-height:260px;align-content:space-between;gap:18px;padding:clamp(22px,3vw,34px);background:#f6f1e5f0;transition-property:background-color,transform;transition-duration:.16s;transition-timing-function:var(--ease-out)}.link-card:hover{background:var(--paper-soft);transform:translateY(-2px)}.link-card span{color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.76rem;font-weight:900}.link-card h2{margin:32px 0 0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:.98}.link-card p,.section-heading p,.project-ticket p,.about-page p,.blog-page>p,.article-body p{color:var(--muted);line-height:1.65;overflow-wrap:anywhere}.link-card strong{width:fit-content;border-bottom:2px solid var(--yellow);font-size:.92rem}.proof-section{padding:clamp(70px,10vw,132px) 0}.section-heading{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:14px clamp(22px,5vw,72px);align-items:start;margin-bottom:34px}.section-heading h2,.page-shell h1{margin:0;font-size:clamp(2.4rem,6vw,5.8rem);font-weight:950;line-height:.9}.section-heading h2{grid-column:1 / -1;max-width:820px;text-wrap:balance}.section-heading>p:not(.marker){max-width:560px}.proof-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:clamp(28px,5vw,72px);padding-top:34px}.project-stack{display:grid;gap:14px}.project-stack.wide{margin-top:36px}.project-ticket{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(18px,3vw,28px);align-items:center;border:1px solid var(--line);border-radius:22px;padding:14px;background:#fffaf0b3;transition-property:transform,border-color,background-color;transition-duration:.16s;transition-timing-function:var(--ease-out)}.project-ticket.no-image{grid-template-columns:1fr;padding:clamp(20px,3vw,28px)}.project-ticket.no-image h3,.project-ticket.no-image h2{font-size:clamp(1.45rem,3vw,2.1rem)}.project-ticket:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--paper-soft)}.project-ticket img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px}.project-ticket h3,.project-ticket h2{margin:0;font-size:1.2rem}.project-ticket p{margin:8px 0 14px}.project-ticket ul{display:flex;flex-wrap:wrap}.project-ticket li{border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:.78rem;font-weight:800}.all-projects-link{width:fit-content;min-height:44px;align-content:center;border-bottom:3px solid var(--yellow);color:var(--ink);font-weight:850;transition-property:transform,color;transition-duration:.15s;transition-timing-function:var(--ease-out)}.all-projects-link:hover{transform:translate(3px)}.timeline{display:grid;gap:0;align-content:start;margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line)}.experience-link{display:grid;grid-template-columns:46px 94px minmax(0,1fr);grid-template-areas:"mark date label" "mark date company";gap:2px 18px;align-items:center;min-height:84px;padding:15px 0;transition-property:transform,color;transition-duration:.15s;transition-timing-function:var(--ease-out)}.company-mark{grid-area:mark;display:inline-grid;width:46px;height:46px;place-items:center;border:1px solid var(--line-strong);border-radius:14px;background:#fffaf0c7;box-shadow:3px 3px #14131114;color:var(--ink);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:950}.company-mark.has-icon{color:transparent}.experience-link:nth-child(n) .company-mark{background:linear-gradient(135deg,#f7d51d2e,#fffaf0d1),#fffaf0c7}.company-icon{grid-area:mark;z-index:1;width:34px;height:34px;place-self:center;border-radius:0;object-fit:contain;object-position:center;outline:0}.experience-link:hover .company-mark{background:var(--yellow);box-shadow:4px 4px #1413111f}.timeline time{grid-area:date;color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.76rem;font-weight:800;text-transform:uppercase}.experience-link strong{grid-area:label;font-weight:850;line-height:1.15}.experience-link span:not(.company-mark){grid-area:company;color:var(--muted);font-size:.92rem}.experience-link:hover{transform:translate(3px)}.experience-link:hover strong{font-weight:820;text-decoration-thickness:2px;text-underline-offset:4px}.experience-link:hover strong{text-decoration:underline;text-decoration-color:var(--yellow)}.page-shell{min-height:calc(100vh - 160px);padding:clamp(70px,11vw,140px) 0}.page-shell>p:not(.marker){max-width:760px;font-size:1.2rem}.about-page{max-width:1040px}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:32px}.about-copy{display:grid;gap:18px;max-width:680px;font-size:1.16rem}.about-copy p{margin:0}.about-copy a{font-weight:850;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}.about-photo{position:relative;margin:0;border-radius:20px;padding:8px 8px 38px;background:var(--paper-soft);box-shadow:var(--shadow-border);transform:rotate(1deg)}.about-photo img{display:block;width:100%;aspect-ratio:16 / 11;object-fit:cover;border-radius:12px}.contact-panel{margin-top:clamp(56px,8vw,92px);border-top:1px solid var(--line-strong);padding-top:32px}.contact-panel h2{max-width:760px;margin:16px 0 0;font-size:clamp(2rem,4vw,4.2rem);line-height:.94}.contact-panel>p:not(.marker){max-width:680px;color:var(--muted);font-size:1.12rem;line-height:1.65}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.post-list{display:grid;gap:1px;margin-top:38px;background:var(--line-strong)}.post-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:clamp(18px,4vw,48px);padding:clamp(20px,3vw,30px);background:#f6f1e5f0;transition-property:background-color,transform;transition-duration:.16s;transition-timing-function:var(--ease-out)}.post-row:hover{background:var(--paper-soft);transform:translateY(-2px)}.post-row time,.back-link,.tag-list li{color:var(--muted);font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.76rem;font-weight:800;text-transform:uppercase}.post-row h2{margin:0;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1}.post-row p{max-width:680px;margin:10px 0 16px;color:var(--muted);line-height:1.6}.post-row ul,.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.post-row li,.tag-list li{border:1px solid var(--line);border-radius:999px;padding:5px 8px}.article-page h1{max-width:13ch;margin-bottom:clamp(20px,3vw,30px);font-size:clamp(3.25rem,6.7vw,5.45rem);line-height:.96;text-wrap:balance}.back-link{display:inline-block;margin-bottom:28px}.article-page .tag-list{margin-bottom:clamp(40px,5vw,64px)}.article-body{display:grid;gap:18px;max-width:980px;margin-top:0;font-size:1.16rem}.article-body>p{max-width:780px}.article-body a{color:var(--ink);font-weight:760;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}.article-body a:hover{background:var(--yellow-soft)}.blog-figure{display:grid;gap:10px;width:100%;margin:12px 0 20px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#10100e0a}.blog-figure img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid rgba(16,16,14,.22)}.blog-figure figcaption{max-width:760px;padding:0 2px 2px;color:var(--muted);font-size:.86rem;line-height:1.45}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;width:min(var(--max),calc(100% - 36px));gap:24px;margin:0 auto;padding:28px 0 44px;color:var(--muted);font-size:.9rem}.footer-card{display:inline-grid;grid-template-columns:42px minmax(0,420px);gap:12px;align-items:center}.footer-card img{width:42px;height:42px;border-radius:999px;object-fit:cover;outline:2px solid var(--ink)}.footer-card p,.footer-legal{margin:0}.footer-card span{display:block;margin-top:4px;line-height:1.45}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;align-items:start}.footer-links a{min-height:40px;align-content:center;font-weight:760}.footer-links a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}.footer-legal{grid-column:1 / -1;color:#656158d1;font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:800;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.button-primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}}@media(max-width:900px){.studio-hero,.headline-row,.fit-strip,.proof-layout,.section-heading,.about-grid,.site-footer{grid-template-columns:1fr}.studio-hero{min-height:auto;padding-top:72px}.memory-board{justify-self:start;max-width:540px;min-height:460px}.link-board{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media(max-width:620px){main,.site-footer{width:min(var(--max),calc(100% - 48px))}.studio-hero{display:flex;flex-direction:column;gap:28px;overflow:visible}.hero-copy,.headline-row,.intro,.marker{min-width:0;max-width:100%}.intro{max-width:min(100%,32ch);font-size:1rem}.marker{max-width:min(100%,calc(100vw - 72px));font-size:.68rem}.header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px 10px}.brand-copy{display:none}.nav-rack{justify-content:center;gap:12px;min-width:0}.nav-rack a{font-size:.78rem}.locale-switch{min-width:40px;min-height:40px}h1{max-width:min(8.2ch,calc(100vw - 72px));font-size:clamp(2.54rem,12.4vw,3.35rem);line-height:.98;text-wrap:balance}.article-page h1{max-width:min(11ch,calc(100vw - 72px));margin-bottom:18px;font-size:clamp(2.45rem,11vw,3.2rem);line-height:1}.link-card p{max-width:min(100%,30ch)}.hero-actions,.footer-links{flex-direction:column}.button{width:100%}.project-ticket,.post-row{grid-template-columns:1fr}.experience-link{grid-template-columns:1fr;grid-template-areas:"mark" "date" "label" "company";justify-items:center;gap:6px;min-height:142px;padding:22px 0;text-align:center}.company-mark{width:52px;height:52px;place-self:center}.company-icon{width:38px;height:38px;place-self:center}.memory-board{width:100vw;min-height:0;display:flex;gap:8px;align-self:center;max-width:none;margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2);margin-top:4px;overflow-x:auto;padding:8px 18px 16px;scroll-padding-inline:18px;scrollbar-width:none}.memory-board::-webkit-scrollbar{display:none}.memory-card{position:relative;inset:auto;flex:0 0 min(74vw,260px);padding:6px 6px 30px;transform:none!important}.memory-card-wide{width:auto}.memory-card-small:nth-of-type(2){width:auto}.memory-card-small:nth-of-type(3){width:auto}.memory-card img,.memory-card-wide img,.memory-card-small img{height:clamp(230px,62vw,300px)}.memory-card figcaption,.about-photo figcaption{font-size:.58rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}