html,body{overflow:hidden}.portfolio-stage{height:calc(100svh - 79px);padding:1.25rem;overflow:hidden}.design-showcase{border:2px solid var(--orange);background:#fffdf8eb;border-radius:5px 12px 6px 9px;grid-template-columns:minmax(290px,.72fr) minmax(0,1.75fr);width:min(1380px,100%);height:100%;margin:0 auto;display:grid;overflow:hidden;box-shadow:8px 9px #30221b1f}.design-showcase-intro{border-right:2px solid var(--orange);flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.75rem,3.5vw,3.5rem);display:flex}.design-showcase-intro h1{max-width:520px;font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,4.3vw,4.7rem);font-weight:760;line-height:.98}.design-showcase-intro>p:not(.section-kicker){max-width:460px;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(.88rem,1.3vw,1rem);line-height:1.65}.design-showcase-actions{border-top:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:1.25rem;margin-top:2.25rem;padding-top:1.35rem;display:flex}.design-showcase-actions>span{color:var(--muted);font-family:var(--scribble);font-size:.72rem}.design-scroll-cue{font-family:var(--scribble);white-space:nowrap;font-weight:700;color:var(--orange-dark)!important}.design-rail{overscroll-behavior:contain;scrollbar-color:var(--orange) #30221b14;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:1.4rem;min-width:0;min-height:0;padding:1.4rem;display:grid;overflow:hidden auto}.design-rail:focus-visible{outline-offset:-5px;outline:3px solid #ff681559}.design-rail::-webkit-scrollbar{width:7px}.design-rail::-webkit-scrollbar-track{background:#30221b14}.design-rail::-webkit-scrollbar-thumb{background:var(--orange);border-radius:99px}.design-sample{background:var(--paper-strong);border:2px solid var(--ink);border-radius:5px 11px 6px 8px;flex-direction:column;align-self:stretch;min-width:0;display:flex;overflow:hidden;box-shadow:6px 7px #ff68159e}.design-sample+.design-sample{margin-top:0}.design-sample figure{aspect-ratio:16/9;border-bottom:1px solid var(--soft-line);flex:none;min-height:0;margin:0;overflow:hidden}.design-sample img{object-fit:cover;width:100%;height:100%;display:block}.design-sample-copy{flex-direction:column;flex:1;min-width:0;padding:clamp(1.1rem,1.8vw,1.55rem);display:flex}.design-sample-meta{color:var(--muted);font-family:var(--scribble);text-transform:uppercase;justify-content:flex-end;gap:1rem;font-size:.65rem;display:flex}.design-sample-copy h2{font-family:var(--display);letter-spacing:-.04em;margin:.7rem 0 1rem;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.05}.design-notes{gap:.9rem;margin:0;display:grid}.design-notes div{border-top:1px solid var(--soft-line);padding-top:.75rem}.design-notes dt,.design-notes dd{margin:0}.design-notes dt{color:var(--orange-dark);font-family:var(--scribble);text-transform:uppercase;margin-bottom:.3rem;font-size:.65rem;font-weight:700}.design-notes dd{color:var(--muted);font-size:.76rem;line-height:1.58}@media (width<=820px){html,body{overflow:hidden auto}.portfolio-stage{height:auto;min-height:calc(100svh - 79px);padding:.75rem;overflow:visible}.design-showcase{height:auto;display:block;overflow:hidden}.design-showcase-intro{border-right:0;border-bottom:2px solid var(--orange);flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;padding:1.15rem;display:flex}.design-showcase-intro .section-kicker{margin-bottom:.65rem;font-size:.62rem}.design-showcase-intro h1{max-width:340px;font-size:clamp(1.9rem,9.2vw,2.45rem);line-height:1}.design-showcase-intro>p:not(.section-kicker){margin-top:.7rem;font-size:.74rem;line-height:1.5}.design-showcase-actions{margin-top:.8rem;padding-top:.75rem}.design-rail{grid-template-columns:1fr;gap:1rem;padding:.75rem .75rem 1rem;overflow:visible}.design-sample{display:flex}.design-sample+.design-sample{margin-top:0}.design-sample figure{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--soft-line);min-height:0}.design-sample-copy{padding:1.15rem}.design-sample-copy h2{font-size:1.55rem}.design-notes dd{font-size:.78rem}}@media (width<=760px){.portfolio-stage{min-height:calc(100svh - 69px)}}@media (height<=700px) and (width<=820px){.design-showcase-intro>p:not(.section-kicker){display:none}.design-showcase-intro h1{font-size:1.75rem}}