.portfolio{--p-bg:#111315;--p-text:#e0e3e5;--p-muted:#a6adb3;--p-line:#303539;--p-accent:#e8c888;margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--p-bg);color:var(--p-text);font:16px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.portfolio *,.portfolio *:before,.portfolio *:after{box-sizing:border-box}.portfolio ::selection{background:#e8c888;color:#111315}.portfolio a{color:inherit;text-decoration:none;text-underline-offset:5px;transition:color .16s ease}.portfolio a:hover{color:var(--p-accent)}.portfolio :focus-visible{outline:2px solid var(--p-accent);outline-offset:6px;border-radius:2px}.portfolio .p-width{width:min(760px,calc(100% - 56px));margin-inline:auto}.portfolio .p-main{flex:1;padding-block:76px 100px}.portfolio .p-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:34px}.portfolio .p-header nav{display:flex;gap:24px;flex-wrap:wrap}.portfolio .p-header a,.portfolio .p-home-nav,.portfolio .p-wordmark,.portfolio h1,.portfolio .p-kicker,.portfolio .p-back{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.portfolio .p-header nav a{font-size:14px;color:var(--p-muted)}.portfolio .p-header nav a[aria-current],.portfolio .p-header nav a:hover{color:var(--p-text)}.portfolio .p-wordmark{font-weight:600;font-size:20px;letter-spacing:-1px}.portfolio .p-wordmark span{color:var(--p-accent)}.portfolio .p-footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;color:var(--p-muted);font-size:12px}.portfolio .p-skip{position:absolute;top:12px;left:16px;transform:translateY(-160%);padding:8px 16px;background:var(--p-bg);z-index:20}.portfolio .p-skip:focus{transform:none}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p{margin:0}.portfolio h1{font-size:clamp(32px,5vw,42px);font-weight:500;line-height:1.2;letter-spacing:-1.6px}.portfolio h2{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.3px}.portfolio .p-kicker{color:var(--p-muted);font-size:12px;margin-bottom:18px}.portfolio .p-intro{margin-top:22px;color:var(--p-muted);font-size:18px;max-width:58ch}.portfolio .p-copy{max-width:65ch}.portfolio .p-copy p+p{margin-top:22px}.portfolio .p-copy a,.portfolio .p-inline{text-decoration:underline;text-decoration-color:#596168}.portfolio .p-section{margin-top:56px}.portfolio .p-section h2{margin-bottom:20px}.portfolio .p-facts{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--p-muted);font-size:14px}.portfolio-home .p-main{display:flex;align-items:center;min-height:calc(100svh - 88px);padding-block:90px}.portfolio .p-home{width:100%}.portfolio .p-name{display:flex;align-items:center;gap:24px}.portfolio .p-name h1{font-size:clamp(43px,8vw,62px);font-weight:400;letter-spacing:-3px}.portfolio .p-mark{width:46px;height:46px;color:var(--p-accent)}.portfolio .p-home .p-intro{font-size:clamp(17px,2vw,19px);max-width:49ch;margin-top:28px}.portfolio .p-home-nav{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:30px;font-size:21px}.portfolio .p-home-nav a span,.portfolio .p-header nav a span{color:#6f7a82}.portfolio .p-feature{border-top:1px solid var(--p-line);margin-top:62px;padding-top:22px;display:flex;gap:18px;align-items:center;max-width:530px}.portfolio .p-feature img{width:38px;height:38px}.portfolio .p-feature strong{display:block;font-size:15px;font-weight:500}.portfolio .p-feature small{display:block;color:var(--p-muted);font-size:13px}.portfolio .p-feature .p-arrow{margin-left:auto}.portfolio .p-projects{margin-top:40px;list-style:none;padding:0;border-top:1px solid var(--p-line)}.portfolio .p-project{display:grid;grid-template-columns:1fr auto;gap:14px 28px;padding:28px 0;border-bottom:1px solid var(--p-line)}.portfolio .p-project h2{font-size:21px}.portfolio .p-project p{color:var(--p-muted);margin-top:8px;max-width:55ch;font-size:15px}.portfolio .p-project .p-status{display:block;color:var(--p-muted);font:11px/1.5 ui-monospace,monospace;margin-top:10px}.portfolio .p-project .p-arrow{padding-top:2px}.portfolio .p-arrow{color:var(--p-accent);font-size:21px}.portfolio .p-back{display:inline-block;color:var(--p-muted);font-size:13px;margin-bottom:34px}.portfolio .p-detail-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;font-size:14px}.portfolio .p-detail-actions a{text-decoration:underline}.portfolio .p-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;align-items:start}.portfolio .p-gallery figure{margin:0}.portfolio .p-gallery img{width:100%;height:auto;display:block;border:1px solid var(--p-line);border-radius:8px}.portfolio .p-gallery figcaption{color:var(--p-muted);font-size:12px;margin-top:10px;line-height:1.5}.portfolio .p-contact-list{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid var(--p-line)}.portfolio .p-contact-list a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--p-line)}.portfolio .p-contact-list small{display:block;font-size:13px;color:var(--p-muted)}.portfolio .p-note{color:var(--p-muted);font-size:14px;margin-top:36px}@media(max-width:560px){.portfolio .p-width{width:calc(100% - 40px)}.portfolio .p-main{padding-block:45px 70px}.portfolio .p-header{align-items:flex-start;gap:18px;flex-direction:column;padding-top:24px;padding-bottom:18px}.portfolio .p-header nav{gap:24px}.portfolio-home .p-main{padding-block:70px}.portfolio .p-home-nav{gap:16px 25px;font-size:19px}.portfolio .p-feature{margin-top:48px}.portfolio .p-name{gap:18px}.portfolio .p-mark{width:36px;height:36px}.portfolio .p-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(prefers-reduced-motion:reduce){.portfolio a{transition:none}}