.gallery-experience .portfolio-hero{padding:64px 0 38px}.portfolio-hero .crumbs{margin-bottom:28px}.gallery-experience .portfolio-hero h1{font:800 clamp(52px,8.5vw,112px)/.98 var(--display);letter-spacing:-.065em}.portfolio-hero .grad-text{background:none;color:var(--gold)}.gallery-experience .portfolio-hero .lead{font-size:15px;line-height:1.85;max-width:62ch;margin-top:28px}.gallery-experience .portfolio-section{padding-top:28px;scroll-margin-top:90px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:24px}.portfolio-tabs{display:flex;gap:12px;flex-wrap:wrap}.portfolio-tabs a{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:12px 18px;min-height:44px}.portfolio-tabs a.on{background:var(--gold);color:#12120a;border-color:var(--gold)}.portfolio-tabs a>span{font-size:10px;padding-left:10px;border-left:1px solid #11111130}.portfolio-help{font-size:11px;color:var(--muted)}
.gallery-experience .portfolio-section .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:start}.portfolio-card{min-width:0;margin:0}.portfolio-open{position:relative;display:block;width:100%;padding:0;overflow:hidden;border-radius:18px;border:1px solid #ffffff17;background:#161619;cursor:pointer;isolation:isolate}.portfolio-open img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .4s ease}.portfolio-open:hover img{transform:scale(1.025)}.portfolio-open:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.portfolio-zoom{position:absolute;right:14px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#121209;background:var(--gold);box-shadow:0 4px 14px #0005;transition:transform .25s}.portfolio-open:hover .portfolio-zoom{transform:rotate(45deg)}.portfolio-card figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px 2px 0}.portfolio-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--muted)}.portfolio-card h2{font:700 18px/1.4 var(--font);letter-spacing:-.025em;margin-top:6px;overflow-wrap:anywhere}.portfolio-dot{font-size:22px;color:var(--gold)}
.gallery-experience .gallery-films{border-block:1px solid var(--line);background:linear-gradient(140deg,#fcf00006,transparent);scroll-margin-top:80px;padding-block:64px}.gallery-experience .gallery-films .section-head h2{font:800 clamp(36px,5vw,64px)/1.06 var(--display);letter-spacing:-.05em}.gallery-experience .film-card{border-radius:24px;background:#0e0e11}.gallery-experience .film-card video{max-height:650px;width:100%;object-fit:contain}.gallery-experience .film-card figcaption{padding:26px 30px;border-top:1px solid var(--line)}.gallery-experience .film-card figcaption strong{font-size:22px}.gallery-experience .cta-band{margin-block:70px}
.portfolio-dialog{position:fixed;inset:0;margin:auto;width:min(96vw,1000px);max-width:none;height:90dvh;max-height:90dvh;padding:0;border:1px solid #ffffff20;border-radius:18px;background:#101013;color:var(--text);overflow:hidden;z-index:1001}.portfolio-dialog::backdrop{background:#000e}.portfolio-dialog[open]{display:flex;flex-direction:column}.portfolio-dialog-top,.portfolio-dialog-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:14px;flex-shrink:0}.portfolio-dialog-top{border-bottom:1px solid var(--line);font-size:13px}.portfolio-dialog-top span{overflow-wrap:anywhere}.portfolio-dialog button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--gold);flex-shrink:0}.portfolio-dialog-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#08080a;padding:12px}.portfolio-dialog-stage img{display:block;width:100%;height:100%;object-fit:contain}.portfolio-dialog-bottom{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}html.portfolio-open-page{overflow:hidden}
@media(max-width:900px){.gallery-experience .portfolio-section .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-help{display:none}}
@media(max-width:600px){.gallery-experience .portfolio-hero{padding:38px 0 24px}.gallery-experience .portfolio-hero h1{font-size:clamp(50px,15vw,76px)}.gallery-experience .portfolio-hero .lead{font-size:14px}.portfolio-toolbar{margin-bottom:24px;padding-bottom:20px}.portfolio-tabs a{font-size:11px;padding:11px 15px}.gallery-experience .portfolio-section .gallery-grid{grid-template-columns:minmax(0,1fr);gap:30px}.portfolio-open{border-radius:15px}.portfolio-card h2{font-size:20px}.portfolio-kicker{font-size:10px}.gallery-experience .gallery-films{padding-block:46px}.gallery-experience .gallery-films .section-head h2{font-size:36px}.gallery-experience .film-card figcaption{padding:20px}.gallery-experience .film-card figcaption strong{font-size:18px}.gallery-experience .cta-band{margin-block:48px}.portfolio-dialog{width:96vw;height:86dvh;max-height:86dvh;border-radius:12px}.portfolio-dialog-stage{padding:8px}}
@media(prefers-reduced-motion:reduce),(hover:none){.portfolio-open img,.portfolio-zoom{transition:none}.portfolio-open:hover img,.portfolio-open:hover .portfolio-zoom{transform:none}}