body.portfolio{padding-bottom:calc(env(safe-area-inset-bottom,0) + .75rem)}body.portfolio main{width:100%;max-width:1100px;margin:0 auto;flex:1;padding-top:clamp(3.4rem,9vw,4.8rem);display:flex;flex-direction:column}body.portfolio footer{position:static;left:auto;bottom:auto;transform:none;margin-top:auto;margin-left:auto;margin-right:auto;padding-top:1rem}.portfolio-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.portfolio-section h1{margin:0;font-size:1.14rem;font-weight:600;letter-spacing:.015em;text-align:center}.portfolio-carousel{--carousel-gap: 1.2rem;width:min(980px,100%);position:relative}.portfolio-viewport{position:relative;width:100%;overflow:hidden;padding:0 2.8rem}.portfolio-viewport:before,.portfolio-viewport:after{content:"";position:absolute;top:0;bottom:0;width:clamp(.95rem,2.8vw,1.7rem);pointer-events:none;z-index:1}.portfolio-viewport:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(0,0,0,0) 100%)}.portfolio-viewport:after{right:0;background:linear-gradient(270deg,var(--bg) 0%,rgba(0,0,0,0) 100%)}.portfolio-track{position:relative;margin:0;padding:0;list-style:none;display:flex;gap:var(--carousel-gap);transition:transform .28s ease}.portfolio-slide{flex:0 0 calc(100% - var(--carousel-gap));margin:0;position:relative;z-index:0}.portfolio-slide[aria-hidden=false]{z-index:3}.portfolio-window{--window-slant: 14px;--window-border: 1px;--window-slant-inner: 13px;position:relative;border-radius:0;overflow:hidden;border:none;background:var(--border);box-shadow:0 14px 40px #0f121c24;clip-path:polygon(var(--window-slant) 0,100% 0,calc(100% - var(--window-slant)) 100%,0 100%);padding:var(--window-border)}body.dark .portfolio-window{box-shadow:0 14px 40px #0006}.portfolio-window-surface{clip-path:polygon(var(--window-slant-inner) 0,100% 0,calc(100% - var(--window-slant-inner)) 100%,0 100%);overflow:hidden;background:#ffffffb8}body.dark .portfolio-window-surface{background:#121418d1}.window-preview{--preview-slant: var(--window-slant-inner);position:relative;aspect-ratio:16 / 9;background:#cfd5dd;overflow:hidden;clip-path:polygon(var(--preview-slant) 0,100% 0,calc(100% - var(--preview-slant)) 100%,0 100%)}.window-preview:after{content:"";position:absolute;inset:0;clip-path:polygon(var(--preview-slant) 0,100% 0,calc(100% - var(--preview-slant)) 100%,0 100%)}.window-preview:after{background:linear-gradient(180deg,#0e10160a,#0e101652);z-index:1;pointer-events:none}.window-preview img{width:100%;height:100%;object-fit:cover;display:block}.window-main-image{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.window-preview-gallery{position:relative}.window-gallery-nav{display:flex;justify-content:flex-end;align-items:center;gap:.42rem;flex-shrink:0;margin-right:calc(var(--window-slant-inner) * .72)}.window-thumb{--thumb-slant: 2px;--thumb-slant-inner: 1px;--thumb-ring: rgba(255, 255, 255, .34);position:relative;width:clamp(44px,6vw,60px);aspect-ratio:16 / 10;padding:0;border:none;background:var(--thumb-ring);overflow:hidden;clip-path:polygon(var(--thumb-slant) 0,100% 0,calc(100% - var(--thumb-slant)) 100%,0 100%);cursor:pointer;display:block;box-shadow:0 5px 14px #00000040;opacity:.75;transform:none;transition:opacity .18s ease,background-color .18s ease}.window-thumb-surface{position:absolute;inset:1px;display:block;overflow:hidden;background:#12141859;clip-path:polygon(var(--thumb-slant-inner) 0,100% 0,calc(100% - var(--thumb-slant-inner)) 100%,0 100%)}.window-thumb-surface img{width:100%;height:100%;object-fit:cover;display:block}body:not(.dark) .window-thumb{--thumb-ring: rgba(20, 22, 28, .22)}.window-thumb.is-active{--thumb-ring: rgba(255, 255, 255, .72);opacity:1}body:not(.dark) .window-thumb.is-active{--thumb-ring: rgba(20, 22, 28, .42)}.window-thumb:focus-visible{outline:2px solid #ffffff;outline-offset:1px}.window-copy{--window-copy-pad-x: 1rem;--window-copy-pad-top: 1rem;display:grid;gap:.52rem;padding:var(--window-copy-pad-top) var(--window-copy-pad-x) 1.05rem}.window-heading-row{display:inline-flex;align-items:baseline;gap:.6rem;flex-wrap:nowrap;white-space:nowrap;min-width:0}.window-heading-row-with-thumbs{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:.95rem}.window-heading-text{min-width:0;display:inline-flex;align-items:baseline;gap:.6rem;flex-wrap:nowrap;white-space:nowrap}.window-label{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.window-copy h2{margin:0;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.25}.window-copy p{margin:0;font-size:clamp(.94rem,1.7vw,1rem);line-height:1.55}.portfolio-open{justify-self:start;padding:.28rem .75rem;font-size:.88rem;line-height:1}.portfolio-links{display:inline-flex;align-items:center;justify-self:start;gap:.15rem;flex-wrap:nowrap;white-space:nowrap}.portfolio-links .portfolio-open:first-child{padding-left:0}.portfolio-links .portfolio-open:last-child{padding-right:0}.portfolio-arrow{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:auto;border:none;border-radius:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font:inherit;padding:.1rem;cursor:pointer;z-index:3}.portfolio-arrow[data-carousel-prev]{left:.45rem}.portfolio-arrow[data-carousel-next]{right:.45rem}.portfolio-arrow:disabled{opacity:.45;cursor:default}.portfolio-arrow span{font-size:1.9rem;line-height:1}.portfolio-dots{display:inline-flex;align-items:center;justify-content:center;gap:.42rem}.portfolio-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--border);background:transparent;padding:0;cursor:pointer}.portfolio-dot.is-active{background:var(--muted);border-color:var(--muted)}@media(max-width:680px){body.portfolio{padding:2rem 1.2rem calc(env(safe-area-inset-bottom,0) + .65rem)}body.portfolio main{padding-top:clamp(3.6rem,11vw,4.5rem)}.portfolio-viewport{padding:0 1rem}.portfolio-carousel{--carousel-gap: .5rem;width:100%}.portfolio-arrow{padding:.05rem}.portfolio-arrow span{font-size:1.45rem}.portfolio-arrow[data-carousel-prev]{left:.12rem}.portfolio-arrow[data-carousel-next]{right:.12rem}.window-copy{--window-copy-pad-x: .88rem;--window-copy-pad-top: .88rem;padding:var(--window-copy-pad-top) var(--window-copy-pad-x) 1rem}.portfolio-window{--window-slant: 10px;--window-slant-inner: 9px}.window-gallery-nav{margin-top:0;gap:.34rem}.window-thumb{width:46px}.window-heading-row-with-thumbs{flex-wrap:wrap;align-items:flex-start;gap:.55rem}.window-heading-row-with-thumbs .window-heading-text{width:100%}.window-heading-row-with-thumbs .window-gallery-nav{order:-1;width:100%;justify-content:center}}@media(max-width:480px){.portfolio-viewport{padding:0 .72rem}.portfolio-carousel{--carousel-gap: .32rem}.portfolio-arrow span{font-size:1.3rem}}