.page{width:min(100%,1104px);margin:0 auto;padding:48px 56px 40px}.site-header{display:flex;align-items:center;gap:40px}.brand{flex:1}.brand-logo{width:34px;height:34px;opacity:.86}:root:not([data-theme=dark]) .brand-logo{filter:invert(1)}.site-nav{display:flex;gap:28px}.site-nav a{padding:5px 0}main{display:flex;flex-direction:column;gap:120px;margin-top:94px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.project-card{display:flex;flex-direction:column;min-width:0}.project-media{display:block;aspect-ratio:1 / 1}.project-media img{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover}.project-body{display:flex;flex-direction:column;gap:18px;flex:1;padding:30px 0 0}.project-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.project-title span{color:var(--ink-soft)}.project-medium{color:var(--ink)}.project-description{flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:0 10px;color:var(--ink-soft)}.project-tags span:not(:last-child):after{content:" /";margin-left:8px;color:var(--line)}.project-body .button{margin-top:4px}.sketches{position:relative}.sketch-actions{position:absolute;top:0;right:0}.sketch-frame{--photo-rotation: .3deg;--photo-padding: 8px;display:grid;width:100%;gap:14px;cursor:pointer;color:#69655d}.sketch-image{width:100%;height:min(60vh,580px);min-height:240px;object-fit:contain;background:var(--photo-paper);transition:opacity .2s ease}.sketch-image.is-loading{opacity:0}.sketch-hint{padding:0 6px 8px;text-align:center}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:36px;border-top:1px dashed var(--line)}.contact-card>div:first-child{display:grid;justify-items:start;gap:12px}.contact-info{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:24px}.contact-info>a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.contact-socials{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.social-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px}.social-icon{width:16px;height:16px;filter:invert(1);opacity:.8}.social-icon-large{width:62px;height:auto}:root[data-theme=dark] .social-icon{filter:none}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:110px;color:var(--ink-soft)}@media (max-width: 900px){.page{padding:36px 36px 32px}.project-grid{gap:32px}.project-title{flex-wrap:wrap;gap:0 12px}}@media (max-width: 700px){.page{max-width:480px;padding:28px 24px 32px}.site-header{flex-wrap:wrap;gap:20px}.site-nav{gap:20px;order:3;width:100%}main{gap:80px;margin-top:60px}.project-grid{grid-template-columns:1fr;gap:64px}.project-body{gap:14px;padding-top:26px}.project-title{flex-wrap:nowrap}.sketch-actions{position:static;margin:-14px 0 32px}.sketch-image{height:45vh}.contact-card{grid-template-columns:1fr;gap:32px;padding-top:28px}.contact-info{justify-self:start;gap:16px}.site-footer{flex-direction:column;gap:4px;margin-top:72px}}