.portfolio-section{background:#06110e;border-top:1px solid #c9fff314;padding:clamp(6rem,12vw,10.5rem) 0}.portfolio-heading h2{max-width:16ch}.portfolio-heading__line{max-width:18ch;color:var(--soft-white);font-family:var(--font-sora), Arial, Helvetica, sans-serif;letter-spacing:-.03em;margin:1rem 0 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:600;line-height:1.15}.portfolio-showcase{gap:1.5rem;margin-top:clamp(2.5rem,6vw,4.5rem);display:grid}.portfolio-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.portfolio-item__select{color:#f4f5f0b8;width:100%;min-height:2.75rem;font-family:var(--font-sora), Arial, Helvetica, sans-serif;letter-spacing:-.03em;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.85rem;padding:.35rem .2rem;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:600;display:flex}.portfolio-item[data-selected=true] .portfolio-item__select{color:var(--soft-white)}.portfolio-item__number{color:var(--aquatic-green);letter-spacing:.08em;font-size:.78rem;font-weight:700}.portfolio-item__category,.portfolio-item__note,.portfolio-item__body p,.portfolio-stage__copy p,.portfolio-details__panel p,.portfolio-details__panel li{color:var(--text-muted);font-size:.98rem;line-height:1.6}.portfolio-item__category{color:var(--crystal-aqua);letter-spacing:.12em;text-transform:uppercase;margin:.15rem 0 .35rem;font-size:.72rem;font-weight:700}.portfolio-item__note{color:var(--soft-white);margin:0 0 .4rem}.portfolio-details{margin-top:.85rem}.portfolio-details summary,.portfolio-visit,.portfolio-details__panel a{min-height:2.75rem;color:var(--soft-white);align-items:center;font-weight:650;display:inline-flex}.portfolio-details summary{cursor:pointer}.portfolio-details__panel{gap:.75rem;padding:.4rem 0 .2rem;display:grid}.portfolio-details__panel ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.portfolio-stage{min-width:0}.portfolio-frame{background:#04110e73;border:1px solid #c9fff32e;border-radius:1.15rem;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.portfolio-frame__chrome{border-bottom:1px solid #c9fff31f;align-items:center;gap:.4rem;min-height:2.6rem;padding:0 .9rem;display:flex}.portfolio-frame__chrome span{background:#c9fff359;border-radius:50%;width:.48rem;height:.48rem}.portfolio-frame__chrome p{color:#f4f5f0c7;margin:0 0 0 .45rem;font-size:.78rem}.portfolio-frame__viewport{background:#020604;height:min(68vw,22rem);overflow:hidden}.portfolio-frame__image{width:100%;height:auto;display:block;transform:translateY(0)}.portfolio-stage__copy{display:none}.portfolio-stage__actions{flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:.8rem;display:flex}.portfolio-showcase[data-ready=true] .portfolio-item__body{display:none}.portfolio-showcase[data-ready=true] .portfolio-item[data-selected=true] .portfolio-item__body{display:block}.portfolio-showcase[data-ready=true] .portfolio-stage__copy{margin-top:1rem;display:block}@media (min-width:64rem){.portfolio-showcase{grid-template-columns:minmax(16rem,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(1.5rem,4vw,4rem)}.portfolio-frame__viewport{height:32rem}}@media (prefers-reduced-motion:reduce){.portfolio-frame__image{transform:none}}@media (forced-colors:active){.portfolio-section,.portfolio-frame{color:canvastext;background:canvas}.portfolio-item__select,.portfolio-details summary,.portfolio-visit,.portfolio-details__panel a{color:linktext}}