:root{--green:#00783a;--bg:#fbfbfb;--pill:#eef0f3;--white:#ffffff;--font-sans:var(--font-inter),"Inter",sans-serif;--font-display:var(--font-serif),"Instrument Serif",serif;--pad:20px;--section-gap:120px;--block-gap:56px;--grid-gap:20px;--text-body:20px;--text-h2:40px;--text-skills:40px;--text-about:28px;--text-card:20px;--text-diamond:24px;--name-inset:52px;--footer-pad:24px;--footer-name-gap:171px;--footer-top-gap:160px;--max-w:1440px;--case-gallery-max-w:1080px}@media (max-width:1199.98px){:root{--pad:16px;--section-gap:64px;--block-gap:48px;--grid-gap:16px;--text-body:18px;--text-h2:36px;--text-skills:24px;--text-about:24px;--text-card:18px;--text-diamond:18px;--name-inset:36px;--footer-pad:16px;--footer-name-gap:120px;--footer-top-gap:120px}}@media (max-width:809.98px){:root{--pad:12px;--section-gap:64px;--block-gap:32px;--grid-gap:16px;--text-body:18px;--text-h2:28px;--text-skills:28px;--text-about:20px;--text-card:18px;--text-diamond:16px;--name-inset:12px;--footer-pad:12px;--footer-name-gap:64px;--footer-top-gap:80px}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--green);font-family:var(--font-sans);font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}img{display:block}.nav{position:fixed;inset:0 0 auto 0;z-index:10;height:74px;background:transparent;pointer-events:none;display:flex;align-items:center;gap:16px;padding:20px max(var(--pad),calc((100% - var(--max-w)) / 2 + var(--pad)))}.nav .nav-pill{transition:background-color .25s cubic-bezier(.44,0,.56,1),color .25s cubic-bezier(.44,0,.56,1),transform .55s cubic-bezier(.34,1.56,.64,1) calc(var(--i, 0) * 45ms),opacity .35s ease-out calc(var(--i, 0) * 45ms),filter .35s ease-out calc(var(--i, 0) * 45ms)}.nav[data-hidden] .nav-pill{transition:background-color .25s cubic-bezier(.44,0,.56,1),color .25s cubic-bezier(.44,0,.56,1),transform .35s cubic-bezier(.55,0,.75,.2) calc(var(--i, 0) * 45ms),opacity .3s ease-in calc(var(--i, 0) * 45ms),filter .3s ease-in calc(var(--i, 0) * 45ms);transform:translateY(-140%) scale(.92);opacity:0;filter:blur(6px);pointer-events:none}.nav[data-hidden]:focus-within .nav-pill{transform:none;opacity:1;filter:none;pointer-events:auto}@media (prefers-reduced-motion:reduce){.nav .nav-pill,.nav[data-hidden] .nav-pill{transition:opacity .2s linear;transform:none;filter:none}}.nav-pill{pointer-events:auto;display:inline-flex;align-items:center;padding:6px 12px;border-radius:50px;background:var(--pill);color:var(--green);font-size:18px;line-height:1.2;letter-spacing:-.05em;transition:background-color .25s cubic-bezier(.44,0,.56,1),color .25s cubic-bezier(.44,0,.56,1)}.nav-pill:hover{background:var(--green);color:var(--white)}main{padding-top:72px;padding-bottom:var(--footer-top-gap)}main:not(.page-archives){max-width:var(--max-w);margin-inline:auto}.hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;padding:24px var(--pad) 0}@media (max-width:1199.98px){.hero{gap:24px}}.hero-intro{max-width:424px;font-size:var(--text-body);line-height:1.2;letter-spacing:-.04em}@media (max-width:809.98px){.hero{grid-template-columns:1fr;gap:32px;padding-top:20px}.hero-intro{max-width:none}}.skills{position:relative;background:var(--green);border-radius:8px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skills-arena{position:relative;height:300px;touch-action:pan-y}.skill-pill{position:absolute;top:0;left:0;padding:12px 24px;border-radius:50px;background:var(--white);color:var(--green);font-size:16px;line-height:1.2;letter-spacing:-.05em;white-space:nowrap;cursor:-webkit-grab;cursor:grab;will-change:transform;visibility:hidden}.skill-pill:active{cursor:-webkit-grabbing;cursor:grabbing}@media (max-width:809.98px){.skill-pill{padding:10px 20px;font-size:14px}}.skills-label{font-family:var(--font-display);font-weight:400;font-size:var(--text-skills);line-height:1;color:var(--white);text-align:center}.big-name{container-type:inline-size;width:100%}.big-name p{font-family:var(--font-display);font-weight:400;font-size:18.097cqw;line-height:1.2;letter-spacing:-.03em;white-space:nowrap}.home-name{padding:0 var(--name-inset);margin-top:calc(var(--section-gap) + 4px)}.section{padding:0 var(--pad);margin-top:var(--section-gap)}.section-header{display:flex;align-items:center;gap:8px}.section-header h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-h2);line-height:1.2;letter-spacing:-.02em;white-space:nowrap}.section-line{flex:1 1;height:2px;background:var(--green)}.diamond{font-size:var(--text-diamond);line-height:1;letter-spacing:-.02em}.projects{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--grid-gap);gap:var(--grid-gap);margin-top:var(--block-gap)}@media (max-width:809.98px){.projects{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:12px}.card-media{position:relative;aspect-ratio:610/469;border-radius:5px;overflow:hidden;isolation:isolate}.card-media-inner{position:absolute;inset:0;transition:transform .6s cubic-bezier(.22,1,.36,1)}.card:hover .card-media-inner{transform:scale(1.1)}.card-media img{width:100%;height:100%;object-fit:cover}.card-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-card);line-height:1.2;letter-spacing:-.04em}.card-meta .diamond{font-size:16px}@media (max-width:809.98px){.card-meta .diamond{font-size:14px}}.about-body{margin-left:calc(100% / 3);margin-top:var(--block-gap);display:flex;flex-direction:column;gap:40px}.about-body p{font-size:var(--text-about);line-height:1.1;letter-spacing:-.02em;font-variation-settings:"opsz" 32}.about-photo{position:relative;aspect-ratio:827/513;border-radius:8px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;right:13px;bottom:13px;padding:12px 24px;border-radius:50px;background:var(--white);font-size:16px;line-height:1.2;letter-spacing:-.05em}@media (max-width:1199.98px){.about-body{margin-left:0;gap:48px}}@media (max-width:809.98px){.about-body{gap:32px}.photo-tag{padding:8px 16px;font-size:14px;right:12px;bottom:12px}}.experience{margin-left:40%;margin-top:var(--block-gap)}.exp-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:15px 0 14px;border-bottom:1px solid var(--green);font-size:20px;line-height:1.2;letter-spacing:-.04em}.exp-row span:last-child{white-space:nowrap;text-align:right}@media (max-width:1199.98px){.experience{margin-left:0}}.footer{background:var(--green);color:var(--white);padding:48px max(var(--footer-pad),calc((100% - var(--max-w)) / 2 + var(--footer-pad))) 32px}.footer-talk{font-size:var(--text-body);line-height:1.2;letter-spacing:-.04em}.email-wrap{position:relative;display:inline-flex;align-items:center;gap:10px}.email-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;cursor:pointer;color:var(--white);font:inherit;font-size:20px;line-height:1.2;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.copied{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border-radius:100px;background:var(--white);color:#000;font-size:12px;line-height:1;pointer-events:none}.socials{display:flex;gap:15px;margin-top:28px}.social{position:relative;width:40px;height:40px;padding:8px;overflow:hidden;display:block}.social-track{display:flex;flex-direction:column;gap:12px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.social:hover .social-track{transform:translateY(-36px)}.social-track svg{width:24px;height:24px;flex-shrink:0}.footer-name{margin-top:var(--footer-name-gap)}.footer-copy{font-size:16px;line-height:1.2;letter-spacing:-.05em}@media (max-width:809.98px){.footer-copy{font-size:14px}}.page-projects{padding:72px var(--pad) 128px}.page-title{margin-top:21px;font-family:var(--font-display);font-weight:400;font-size:140px;line-height:1;letter-spacing:-.04em}.page-projects .projects{margin-top:72px;gap:24px}@media (max-width:1199.98px){.page-title{margin-top:71px;font-size:80px}.page-projects .projects{margin-top:14px;gap:16px}}@media (max-width:809.98px){.page-title{margin-top:70px;font-size:56px}.page-projects .projects{margin-top:0;gap:24px}}.page-archives{padding-top:0;padding-bottom:0}.archive-canvas{position:relative;height:100vh;height:100svh;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.archive-canvas[data-dragging]{cursor:-webkit-grabbing;cursor:grabbing}.archive-item{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;will-change:transform;z-index:2;visibility:hidden}.archive-item img{display:block;width:100%;flex:1 1;min-height:0;object-fit:cover;border-radius:6px;background:var(--pill);pointer-events:none}.archive-title{display:block;flex-shrink:0;color:#000;overflow:hidden;text-overflow:ellipsis}.archive-hint,.archive-title{font-size:12px;line-height:1.3;letter-spacing:-.04em;white-space:nowrap}.archive-hint{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:16px;color:#fff;mix-blend-mode:difference;pointer-events:none}.archive-canvas[data-dragging] .archive-item{cursor:-webkit-grabbing;cursor:grabbing}.archive-item:focus-visible{outline:2px solid var(--green);outline-offset:4px}.preview-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:96px var(--pad) 32px;background:rgba(251,251,251,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:zoom-out}.preview{margin:0;display:flex;flex-direction:column;gap:12px;max-width:min(1000px,100%);cursor:default}.preview img{display:block;width:auto;max-width:100%;max-height:calc(100vh - 220px);max-height:calc(100svh - 220px);object-fit:contain;border-radius:8px}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-title{color:var(--green);font-size:var(--text-card);line-height:1.2;letter-spacing:-.04em}.preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.preview-close,.preview-link{background:var(--green);color:var(--white)}.preview-close:hover,.preview-link:hover{background:var(--pill);color:var(--green)}.preview-link{gap:6px}.preview-link-secondary{background:var(--pill);color:var(--green)}.preview-link-secondary:hover{background:var(--green);color:var(--white)}.preview-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:9px}@media (max-width:809.98px){.preview-bar.has-link{flex-direction:column;align-items:flex-start}}.page-case{padding:168px var(--pad) 126px}.cs-title{margin-top:32px;font-family:var(--font-display);font-weight:400;font-size:96px;line-height:1;letter-spacing:-.04em}.cs-meta{display:flex;gap:10px;margin-top:32px}.cs-meta-overview{flex:1 1 50%}.cs-meta-overview .cs-value{max-width:520px}.cs-meta-facts{flex:1 1 50%;display:flex;padding-top:12px}.cs-meta-services{flex:1 1}.cs-meta-year{width:138px}.cs-label{font-size:16px;line-height:1.2;letter-spacing:-.05em;margin-bottom:12px}.cs-value{display:block;font-size:20px;line-height:1.2;letter-spacing:-.04em}.cs-body a,.cs-link{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.cs-body{margin:84px 0 0 44.8%;display:flex;flex-direction:column;gap:20px;font-size:18px;line-height:1.2;letter-spacing:-.05em}.cs-body h3{margin:24px 0 0;font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.02em}.cs-body h3:first-child{margin-top:0}.cs-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.cs-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;letter-spacing:0}.cs-gallery{max-width:var(--case-gallery-max-w);margin-inline:auto;margin-top:72px;display:flex;flex-direction:column;gap:16px}.cs-media{position:relative;width:100%;overflow:hidden}.cs-media img,.cs-media video{display:block;width:100%;height:100%;object-fit:cover}.cs-media-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:20px;gap:20px}.cs-pager{display:flex;justify-content:space-between;margin-top:110px;font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.02em}.cs-pager a{transition:opacity .2s cubic-bezier(.44,0,.56,1)}.cs-pager a:hover{opacity:.6}@media (max-width:1199.98px){.page-case{padding-top:120px;padding-bottom:120px}.cs-title{font-size:72px}.cs-meta{flex-direction:column;gap:32px}.cs-meta-facts{padding-top:0}.cs-body{margin:56px 0 0}.cs-pager{font-size:36px;margin-top:80px}}@media (max-width:809.98px){.page-case{padding-top:100px;padding-bottom:80px}.cs-title{font-size:56px}.cs-meta-facts{flex-wrap:wrap;row-gap:24px}.cs-meta-services{flex:1 1 100%}.cs-meta-year{width:50%}.cs-value{font-size:18px}.cs-body{margin-top:40px;font-size:16px}.cs-body h3{font-size:28px}.cs-gallery{margin-top:40px;gap:12px}.cs-media-row{grid-template-columns:1fr;gap:12px}.cs-pager{font-size:28px;margin-top:64px}}@media (prefers-reduced-motion:reduce){.card-media-inner,.nav-pill,.social-track{transition:none}}