.media-gallery{padding-bottom:80px}.media-gallery-intro{grid-template-columns:1.05fr 1fr;align-items:end;gap:80px;padding:68px 0 48px;display:grid}.media-gallery-intro h1{letter-spacing:-.065em;margin-top:20px;font-size:clamp(48px,6.4vw,94px);line-height:1.02}.media-gallery-intro h1 em{color:#b8cca9;font-style:normal}.media-gallery-intro-copy{max-width:610px;padding-bottom:5px}.media-gallery-intro-copy>p:first-child{color:var(--ink);font-size:18px;line-height:1.75}.media-gallery-intro .media-gallery-note{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.8}.media-gallery-back{text-underline-offset:5px;align-items:center;gap:20px;min-height:44px;margin-top:15px;font-size:12px;text-decoration:underline;display:inline-flex}.media-gallery-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:22px 0;display:flex}.media-kind-filters{flex-wrap:wrap;gap:7px;display:flex}.media-kind-filters button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;line-height:1.5;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.media-kind-filters button:hover{color:var(--ink);background:#24342b}.media-kind-filters button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:#17221a}.media-kind-filters button>span{opacity:.75;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.media-project-filter{flex-shrink:1;gap:6px;width:100%;min-width:0;max-width:360px;display:grid}.media-project-filter label{letter-spacing:.07em;color:var(--muted);font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.media-project-filter select{width:100%;min-width:0;min-height:44px;color:var(--ink);cursor:pointer;background:#182427;border:1px solid #516355;border-radius:7px;padding:10px 35px 10px 12px;font-size:12px}.media-gallery-results{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:20px 0 25px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.media-gallery-results p{color:var(--ink)}.media-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none;display:grid}.media-gallery-item{min-width:0}.media-gallery-card{border:1px solid var(--line);background:#152024;border-radius:13px;min-width:0;height:100%;margin:0;overflow:hidden}.media-gallery-preview{aspect-ratio:1.5;isolation:isolate;background:#091113;display:block;position:relative;overflow:hidden}.media-gallery-preview img{object-fit:contain;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.media-gallery-preview:hover img{transform:scale(1.025)}.media-gallery-badge{color:#e5edde;letter-spacing:.025em;background:#101b17ed;border:1px solid #82947b70;border-radius:5px;padding:6px 8px;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:12px;left:12px}.media-gallery-item[data-kind=concept] .media-gallery-badge{color:#e0efc8;border-color:#a5bf86}.media-gallery-open-icon{width:40px;height:40px;color:var(--mint);background:#14201beb;border:1px solid #acc29a85;border-radius:50%;place-items:center;font-size:24px;transition:background .18s,color .18s;display:grid;position:absolute;bottom:13px;right:13px}.media-gallery-item[data-kind=video] .media-gallery-open-icon{padding-left:2px;font-size:14px}.media-gallery-preview:hover .media-gallery-open-icon{background:var(--mint);color:#17221a}.media-gallery-placeholder{letter-spacing:.18em;color:#9fb798;place-items:center;height:100%;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.media-gallery-card figcaption{padding:19px 20px 22px}.media-gallery-projects{flex-wrap:wrap;gap:7px 16px;display:flex}.media-gallery-projects a{color:#c0d8ad;text-underline-offset:4px;overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.55;text-decoration:underline #657d57}.media-gallery-card figcaption p{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;font-size:12px;line-height:1.75}.media-gallery-video-title{letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;margin-bottom:12px;font-size:17px;line-height:1.35}.media-gallery-empty{text-align:center;border:1px solid var(--line);border-radius:12px;padding:50px 20px}.media-gallery-empty button{border:1px solid var(--mint);background:var(--mint);color:#17221a;border-radius:7px;min-height:44px;margin:14px auto 0;padding:10px 16px;font-size:12px;display:block}.media-gallery :is(a,button,select):focus-visible{outline:3px solid var(--mint);outline-offset:4px}.media-gallery-preview:focus-visible{outline-offset:-5px}.media-gallery-dialog{color:#eaf0eb;background:#111c20;border:1px solid #50654c;border-radius:15px;width:min(1320px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);padding:22px;overflow:auto;box-shadow:0 35px 110px #0009}.media-gallery-dialog::backdrop{backdrop-filter:blur(6px);background:#040b0def}.media-dialog-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.media-dialog-header>div{min-width:0}.media-dialog-label{color:#b9d39f;letter-spacing:.06em;margin-bottom:8px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.media-dialog-header h2{letter-spacing:-.025em;color:#eaf0eb;overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.3}.media-dialog-header form{flex-shrink:0;margin:0}.media-dialog-close{color:#eaf0eb;background:0 0;border:1px solid #7b916a;border-radius:7px;align-items:center;gap:14px;min-height:44px;padding:10px 13px;font-size:12px;display:flex}.media-dialog-close span{font-size:24px;line-height:1}.media-dialog-close:hover{background:#273b2b}.media-dialog-stage{background:#070e10;border-radius:8px;place-items:center;min-height:150px;display:grid;overflow:hidden}.media-dialog-stage>img,.media-dialog-stage>video{object-fit:contain;width:100%;height:auto;min-height:150px;max-height:calc(100dvh - 275px);display:block}.media-dialog-stage>video{aspect-ratio:16/9}.media-dialog-footer{justify-content:space-between;align-items:flex-start;gap:30px;margin-top:18px;display:flex}.media-dialog-footer>div:first-child{min-width:0;max-width:950px}.media-dialog-footer p{color:#b9c8bf;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.media-dialog-footer a{color:#c1dca8;text-underline-offset:4px;margin-top:10px;font-size:12px;line-height:1.6;text-decoration:underline;display:inline-block}.media-dialog-controls{flex-shrink:0;align-items:center;gap:11px;display:flex}.media-dialog-controls button{color:#eaf0eb;background:#23352a;border:1px solid #7b916a;border-radius:7px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.media-dialog-controls button:hover{border-color:var(--mint);background:#30462e}.media-dialog-controls>span{text-align:center;color:#d1ddca;min-width:58px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.media-dialog-controls button:disabled{opacity:.45;cursor:default}.media-gallery-dialog :is(a,button,video):focus-visible{outline:3px solid var(--mint);outline-offset:4px}@media (width>=1700px){.media-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1050px){.media-gallery-intro{gap:40px;padding-top:48px}.media-gallery-intro-copy>p:first-child{font-size:16px}.media-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-gallery-toolbar{flex-direction:column;align-items:stretch;gap:18px}.media-project-filter{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;max-width:100%}}@media (width<=650px){.media-gallery{padding-bottom:45px}.media-gallery-intro{grid-template-columns:1fr;gap:25px;padding:37px 0 30px}.media-gallery-intro h1{margin-top:15px;font-size:58px}.media-gallery-intro-copy>p:first-child{font-size:15px}.media-gallery-intro .media-gallery-note{font-size:11px}.media-gallery-toolbar{gap:14px;padding:16px 0}.media-kind-filters{gap:2px}.media-kind-filters button{gap:6px;padding:10px 9px;font-size:11px}.media-kind-filters button>span{font-size:9px}.media-gallery-results{padding:17px 0;font-size:10px}.media-gallery-results>span{display:none}.media-gallery-grid{grid-template-columns:1fr;gap:20px}.media-gallery-card figcaption{padding:17px 18px 20px}.media-gallery-dialog{border-radius:11px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:14px}.media-dialog-header{gap:14px;margin-bottom:14px}.media-dialog-header h2{font-size:17px}.media-dialog-label{font-size:9px}.media-dialog-close{gap:8px;padding:8px 10px;font-size:11px}.media-dialog-stage>img,.media-dialog-stage>video{max-height:calc(100dvh - 330px)}.media-dialog-footer{flex-direction:column;gap:16px}.media-dialog-footer p{font-size:12px}.media-dialog-controls{align-self:center}.media-dialog-stage{min-height:120px}}@media (prefers-reduced-motion:reduce){.media-gallery *{scroll-behavior:auto!important;transition:none!important}.media-gallery-preview:hover img{transform:none}}@media print{.media-gallery-toolbar,.media-gallery-dialog,.media-gallery-open-icon{display:none!important}.media-gallery [data-media-item][hidden]{display:block!important}.media-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-gallery-card{break-inside:avoid;background:#fff;border-color:#ccc}.media-gallery-card figcaption p,.media-gallery-projects a{color:#222}.media-gallery-intro{padding:20px 0}.media-gallery-intro h1 em{color:#333}.media-gallery-item[data-kind] .media-gallery-badge{color:#222;background:#fff}}