@layer pages{.portfolio-section{padding-block:clamp(48px,6vw,80px) 0}.portfolio-browse-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 24px;padding-bottom:20px;border-bottom:1px solid var(--hairline)}.portfolio-browse-bar>p{margin:0;font-size:13px;color:var(--fg-muted)}.portfolio-browse-bar strong{color:var(--fg);font-weight:550}.portfolio-browse-footer{display:flex;justify-content:flex-end;margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top:1px solid var(--divider)}.portfolio-pagination{display:flex;align-items:center;gap:12px;font:550 13px/1 var(--font-studio),sans-serif}.portfolio-pagination .pagination-unavailable,.portfolio-pagination>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--fg)}@media (hover:hover){.portfolio-pagination>a:hover{background:var(--bg-raised);border-color:var(--fg)}}.portfolio-pagination .pagination-unavailable{color:var(--fg-muted);border-color:var(--divider)}.portfolio-pagination .pagination-current{font-size:12px;color:var(--fg-muted);white-space:nowrap}.portfolio-pagination .pagination-back{rotate:180deg}.portfolio-grid{display:grid;gap:clamp(48px,6vw,80px) clamp(32px,4vw,56px);margin-top:clamp(40px,5vw,64px)}.portfolio-visual-link{display:block;border-radius:var(--radius-plate);outline-offset:14px}.portfolio-visual-link:focus-visible .portfolio-plate{box-shadow:var(--shadow-card)}.portfolio-plate{padding:0;border:1px solid var(--line-strong);box-shadow:var(--shadow-card)}.portfolio-window{display:flex;flex-direction:column;border:0;border-radius:calc(var(--radius-plate) - 1px);overflow:hidden;background:var(--bg-card)}.portfolio-window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-raised);color:var(--fg-muted);font:450 12px/1 var(--font-studio),sans-serif}.portfolio-window-dots{display:flex;gap:4px}.portfolio-window-dots i{width:6px;height:6px;border-radius:50%;background:var(--skeleton)}.portfolio-screenshot{position:relative;aspect-ratio:4/3}.portfolio-screenshot img{object-fit:cover;object-position:top}.portfolio-card-meta{display:flex;justify-content:space-between;gap:16px;margin-top:clamp(24px,3vw,36px)}.portfolio-card-meta>span:last-child{color:var(--accent)}.portfolio-card-title{margin:10px 0 12px;font:var(--heading-weight) 32px/1.1 var(--font-heading);font-synthesis:none;letter-spacing:-.005em;text-wrap:balance}.portfolio-card-title a{color:inherit}.portfolio-card-title a:focus-visible{-webkit-text-decoration:underline 1px var(--link-underline);text-decoration:underline 1px var(--link-underline);text-underline-offset:6px}@media (hover:hover){.portfolio-card-title a:hover{-webkit-text-decoration:underline 1px var(--link-underline);text-decoration:underline 1px var(--link-underline);text-underline-offset:6px}}.portfolio-card-summary{max-width:34em;font-size:15px;line-height:1.7;color:var(--fg-muted)}.portfolio-card-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:12px}.voice-project-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(300px,34vw,440px);padding:clamp(24px,3vw,40px);border-radius:inherit;overflow:hidden;background:linear-gradient(160deg,var(--bg-tint),var(--bg-tint-2))}.voice-cover-heading>strong{display:block;margin-top:12px;font:var(--heading-weight) clamp(36px,4vw,56px)/1 var(--font-heading);font-synthesis:none;letter-spacing:-.01em}.voice-cover-heading p{margin:12px 0 0;font-size:13px;color:var(--fg-muted)}.voice-cover-wave{width:100%;height:auto;max-height:150px;margin-block:16px;color:var(--accent)}.voice-cover-flow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding-top:18px;border-top:1px solid var(--divider);font-size:12px;color:var(--fg-muted)}.voice-cover-flow svg{flex:none;color:var(--accent)}.portfolio-detail-intro{padding-block:var(--section-light) 0}.concept-page .back-link,.portfolio-detail-intro .back-link{margin-bottom:clamp(24px,3vw,40px)}.portfolio-detail-intro .back-link>svg{rotate:180deg}@media (hover:hover){.portfolio-detail-intro .back-link:hover>svg{translate:-2px 0}}.portfolio-detail-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-block:clamp(28px,4vw,48px);padding-top:24px;border-top:1px solid var(--hairline)}.concept-page .project-deliverables ul,.portfolio-detail-toolbar ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.concept-page .project-deliverables li,.portfolio-detail-toolbar li{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:none;font:450 12px/1 var(--font-studio),sans-serif}.portfolio-detail-figure{margin:0}.concept-page .motion-plate video,.portfolio-detail-plate img{display:block;width:100%;height:auto;border-radius:inherit}.portfolio-detail-figure figcaption{margin-top:20px}.portfolio-detail-voice .voice-project-cover{min-height:clamp(320px,36vw,520px)}.portfolio-detail-voice .voice-cover-wave{max-height:200px}.portfolio-detail-voice .voice-stage{border-radius:inherit;overflow:hidden;background:linear-gradient(160deg,var(--bg-tint),var(--bg-tint-2))}.portfolio-detail-body{display:grid;gap:clamp(40px,6vw,96px);margin-top:clamp(56px,7vw,96px)}.concept-page .about-scope h2,.concept-page .motion-demo h2,.concept-page .project-description h2,.portfolio-detail-body h2{margin-bottom:20px}.concept-page .about-scope p:not(.section-label),.concept-page .motion-demo p:not(.section-label),.concept-page .project-description p:not(.section-label),.portfolio-detail-body p:not(.section-label){max-width:34em;margin:0 0 24px;font-size:16px;line-height:1.75;color:var(--fg-muted)}.concept-page p.concept-disclosure{font-size:14px}.portfolio-detail-body ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.portfolio-detail-body li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:baseline;padding-block:16px;border-bottom:1px solid var(--hairline);font-size:15px;line-height:1.6}.concept-page .project-intro{padding-bottom:0}.concept-page .project-stage{padding:clamp(16px,4vw,56px)}.concept-page .project-stage>.project-art{border-radius:var(--radius-plate)}.concept-page .project-art{background:var(--bg-tint-2);box-shadow:inset 0 0 0 1px var(--line)}.concept-page .script-paper{background:var(--bg-card);color:var(--fg);box-shadow:5px 7px 0 var(--line-strong),var(--shadow-card)}.concept-page .script-paper>div,.concept-page .script-paper>span{color:var(--fg-muted)}.concept-page .script-beat>span{color:var(--accent)}.concept-page .social-side-note{color:var(--fg)}.concept-page .social-side-note>span{font-size:12px;color:var(--fg-muted)}.concept-page .project-description{display:grid;gap:clamp(32px,5vw,80px);padding-block:clamp(48px,6vw,80px)}.concept-page .project-deliverables{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.concept-page .preview-switcher{margin-block:0}.concept-page .preview-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.concept-page .preview-controls button{min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:none;color:var(--fg);font:550 14px/1 var(--font-studio),sans-serif;cursor:pointer}.concept-page .preview-controls button[aria-pressed=true]{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-fg)}.concept-page .script-reader{padding:clamp(20px,3vw,40px);border-radius:var(--radius-plate);background:var(--bg-tint)}.concept-page .script-beat{border-color:var(--divider)}.concept-page .motion-demo{display:grid;gap:clamp(32px,5vw,64px);align-items:center;margin-block:0}.concept-page .motion-plate{width:min(100%,320px);margin-inline:auto}.concept-page .motion-plate video{aspect-ratio:9/16;background:var(--bg-tint)}.concept-page .about-scope{display:grid;gap:clamp(20px,3vw,48px);margin:0;padding:clamp(24px,4vw,56px);border-radius:var(--radius-plate);background:var(--bg-tint)}@media (min-width:760px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid>:first-child:nth-last-child(odd){grid-column:1/-1}}@media (min-width:900px){.concept-page .project-description,.portfolio-detail-body{grid-template-columns:7fr 5fr}.concept-page .motion-demo{grid-template-columns:320px 1fr}.concept-page .motion-plate{margin-inline:0}.concept-page .about-scope{grid-template-columns:5fr 7fr}}@media (max-width:480px){.portfolio-pagination{gap:8px;font-size:12px}.portfolio-pagination .pagination-unavailable,.portfolio-pagination>a{padding:0 10px}}@media (max-width:360px){.voice-cover-flow svg{display:none}}}