.portfolio-page{margin:0;background:var(--page);color:var(--ink);font-family:Alexandria,Tahoma,sans-serif;line-height:1.85}.portfolio-page *{box-sizing:border-box}.portfolio-main{max-width:1440px!important;padding:65px 32px 95px;margin:auto}.portfolio-main :is(h1,h2,h3,p,figure){margin:0}.portfolio-main :is(h1,h2,h3){line-height:1.4}.portfolio-intro h1{font-size:clamp(34px,4.8vw,70px);font-weight:650}.portfolio-intro em{font-style:normal;color:var(--accent)}.portfolio-eyebrow{font-size:10px!important;letter-spacing:.08em;color:var(--accent)!important;margin-bottom:18px!important}.portfolio-intro>p:last-child{color:var(--muted);max-width:790px;margin-top:25px;font-size:15px}.portfolio-spotlight{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;margin:55px 0 100px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:30px}.spotlight-image{position:relative;display:block;overflow:hidden;border-radius:18px;height:460px;background:var(--input)}.spotlight-image img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-image span{position:absolute;bottom:18px;inset-inline-end:18px;padding:8px 16px;background:#171222cc;color:#fff;border:1px solid #fff4;border-radius:35px;font-size:12px}.spotlight-copy{padding:20px}.spotlight-copy h2{font-size:40px}.spotlight-copy>p:not(.portfolio-eyebrow){color:var(--muted);font-size:15px;margin-top:22px}.spotlight-picks{display:grid;margin:30px 0;gap:0}.spotlight-picks button{font:inherit;text-align:start;background:transparent;color:var(--muted);border:0;border-bottom:1px solid var(--border);padding:17px 0;cursor:pointer;font-size:13px;display:flex;gap:16px}.spotlight-picks [aria-pressed=true]{color:var(--ink)}.spotlight-picks [aria-pressed=true] span{color:var(--accent)}.spotlight-picks span{font-size:10px}.portfolio-text-link{font-size:13px;color:var(--accent)}.collection-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:35px}.collection-heading h2{font-size:34px}.portfolio-search span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.portfolio-search input{border:1px solid var(--border);background:var(--input);color:var(--ink);padding:13px 17px;border-radius:30px;font:inherit;font-size:12px;width:300px;max-width:100%}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:10px}.portfolio-tabs :is(button,a),.portfolio-results button,.compare-dock button{font:inherit;font-size:12px;padding:10px 19px;border-radius:30px;border:1px solid var(--border);background:var(--surface);color:var(--ink);text-decoration:none;cursor:pointer}.portfolio-tabs [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--page)}.portfolio-results{display:flex;justify-content:space-between;align-items:center;margin:25px 0;color:var(--muted);font-size:11px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.portfolio-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;min-width:0;transition:transform .35s}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-card>a{display:block;color:inherit;text-decoration:none}.portfolio-card figure{position:relative;overflow:hidden;background:#fff;aspect-ratio:1.2}.portfolio-card figure img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s}.portfolio-card:hover figure img{transform:scale(1.035)}.project-enter{position:absolute;bottom:16px;inset-inline-end:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#181222de;color:white}.portfolio-card-copy{padding:23px}.portfolio-card-copy h3{font-size:23px;margin-bottom:14px}.portfolio-card-copy>p:last-child{color:var(--muted);font-size:12px;line-height:2}.compare-pick{padding:12px 23px;border-top:1px solid var(--border);font-size:12px;align-items:center;gap:8px;display:flex}.compare-pick[hidden],.portfolio-card[hidden],.compare-dock[hidden]{display:none!important}.compare-pick input{accent-color:var(--accent)}.compare-dock{position:sticky;bottom:16px;z-index:30;display:flex;justify-content:center;gap:16px;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:24px;box-shadow:var(--shadow);padding:16px;margin-top:25px;font-size:12px}.compare-dock button:disabled{opacity:.4;cursor:default}#compare-dialog{width:min(980px,94vw);max-height:90svh;overflow:auto;padding:25px;border:1px solid var(--border);border-radius:25px;background:var(--page);color:var(--ink)}#compare-dialog::backdrop{background:#090711db;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:23px}.dialog-heading button{border:1px solid var(--border);border-radius:50%;width:36px;height:36px;color:var(--ink);background:var(--surface);font-size:24px;cursor:pointer}#compare-content{display:grid;grid-template-columns:1fr 1fr;gap:25px}#compare-content img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:15px}#compare-content h3{font-size:22px;margin:17px 0}#compare-content p{font-size:12px;color:var(--muted)}.portfolio-page :is(a,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.work-section-nav{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0;margin-bottom:28px;border-bottom:1px solid var(--border);font-size:12px}.work-section-nav a{color:var(--muted);text-decoration:none}.work-section-nav [aria-current]{color:var(--accent)}.work-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:26px}.work-breadcrumb a{color:var(--accent);text-decoration:none}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-spotlight{gap:25px}.spotlight-copy h2{font-size:32px}.spotlight-image{height:390px}}@media(max-width:650px){.portfolio-main{padding:40px 20px 80px}.portfolio-spotlight{grid-template-columns:1fr;padding:15px;margin:35px 0 65px;gap:15px;border-radius:24px}.spotlight-image{height:330px}.spotlight-copy{padding:12px}.collection-heading{flex-direction:column;align-items:flex-start}.portfolio-search,.portfolio-search input{width:100%}.portfolio-grid{grid-template-columns:1fr;gap:22px}.collection-heading h2{font-size:28px}.portfolio-results{gap:14px}.compare-dock{flex-wrap:wrap;font-size:11px;padding:12px;gap:10px}#compare-content{gap:14px}.dialog-heading h2{font-size:18px}#compare-content h3{font-size:17px}#compare-dialog{padding:17px}.portfolio-tabs :is(button,a){padding:10px 13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card figure img{transition:none}.portfolio-card:hover,.portfolio-card:hover figure img{transform:none}}