@import url("./about.css?v=20260928-mobile1");

:root{--projects-ink:#11161c;--projects-muted:#77808a;--projects-paper:#f1f1f1;--projects-blue:#4d78ff;--projects-cyan:#66ffff;--projects-header:126px;--projects-tools:116px;--projects-sidebar:250px;--projects-content-inset:0px}
html,body{height:100%}
.projects-page{overflow:hidden;background:#fff;color:var(--projects-ink)}
.projects-page.projects-panel-open{overflow:hidden}
.projects-page .page-intro{background:radial-gradient(circle at 82% 10%,#82d8ff 0%,transparent 34%),radial-gradient(circle at 12% 86%,rgba(102,255,255,.34),transparent 31%),linear-gradient(135deg,#315cdf 0%,#4c86ff 48%,#80c6ee 100%)}
.projects-page .about-header{position:fixed;background:rgba(245,247,250,.88);border-bottom:1px solid rgba(19,32,51,.08);box-shadow:none}
.projects-page main{padding:0}
.portfolio-shell{position:relative;height:100dvh;padding-top:var(--projects-header);overflow:hidden;background:var(--projects-paper)}

.projects-sidebar{position:absolute;z-index:9;top:var(--projects-header);bottom:0;left:0;width:var(--projects-sidebar);padding:26px 24px 25px 2.7vw;box-sizing:border-box;background:#fff}
.projects-sidebar__top h1{margin:0 0 23px;font-family:Inter,Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.035em;line-height:1.16}
.projects-categories{display:grid;gap:14px}.projects-categories :is(a,button){position:relative;isolation:isolate;overflow:hidden;width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border:1px solid #9da4aa;border-radius:999px;color:#111;background:#fff;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;text-align:left;cursor:pointer;transition:padding .22s ease,color .3s ease,border-color .22s ease,transform .22s ease}.projects-categories :is(a,button)::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:var(--projects-ink);transform:scaleX(0);transform-origin:left center;transition:transform .52s cubic-bezier(.22,.72,.18,1)}.projects-categories :is(a,button)>span{position:relative;z-index:1}.projects-categories :is(a,button) .material-symbols-rounded{font-size:17px;font-variation-settings:"wght" 600}.projects-categories :is(a,button).is-active{border-color:#30dbe0;background:var(--projects-cyan)}.projects-categories :is(a,button):hover::before,.projects-categories :is(a,button):focus-visible::before{transform:scaleX(1)}.projects-categories :is(a,button):hover,.projects-categories :is(a,button):focus-visible{padding-left:17px;border-color:var(--projects-ink);color:#fff;outline:none;transform:translateX(3px)}
.projects-categories a.projects-categories__start{display:none}
.projects-sidebar__cta{position:absolute;right:24px;bottom:calc(var(--projects-tools) + 20px);left:2.7vw}.projects-sidebar__cta p{margin:0 0 16px;font-size:23px;font-weight:800;letter-spacing:.015em;line-height:1.38}.projects-sidebar__cta p>span{display:block;white-space:nowrap}.projects-sidebar__cta p strong{display:block;color:var(--projects-blue);font-weight:800}.projects-sidebar__cta a{width:148px;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 13px;border-radius:999px;color:#fff;background:var(--projects-blue);font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.035em;transition:background-color .2s,transform .2s}.projects-sidebar__cta a .material-symbols-rounded{font-size:16px}.projects-sidebar__cta a:hover,.projects-sidebar__cta a:focus-visible{background:#111;outline:none;transform:translateY(-2px)}
.projects-sidebar__current{position:absolute;right:0;bottom:0;left:2.7vw;height:var(--projects-tools);display:flex;align-items:center;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:.035em;line-height:1}

.portfolio-stage{position:absolute;z-index:1;top:var(--projects-header);right:0;bottom:var(--projects-tools);left:var(--projects-sidebar);overflow:hidden;background:var(--projects-paper)}
.portfolio-reel{height:100%;display:flex;align-items:stretch;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;cursor:grab;touch-action:pan-y;scroll-behavior:smooth}
.portfolio-reel::-webkit-scrollbar{display:none}
.portfolio-reel.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.project-slide{position:relative;flex:0 0 auto;height:100%;margin:0;background:#eee;overflow:hidden}
.project-slide__open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.project-slide img{display:block;width:auto;height:100%;max-width:none;pointer-events:none}
.project-slide__zoom{position:absolute;z-index:2;right:20px;bottom:20px;height:38px;display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;border-radius:999px;color:#fff;background:rgba(17,22,28,.88);font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;opacity:1;transition:background-color .25s ease,transform .25s ease;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.project-slide__zoom .material-symbols-rounded{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#111;background:#66ffff;font-size:17px;font-variation-settings:"wght" 500}
.project-slide__open:hover .project-slide__zoom,.project-slide__open:focus-visible .project-slide__zoom{background:#000;transform:translateY(-2px)}
.project-slide__open:focus-visible{outline:2px solid var(--projects-cyan);outline-offset:-2px}

.projects-page--graphic{--projects-content-inset:10px}
.projects-page--graphic .portfolio-stage{background:#fff}
.projects-page--graphic .portfolio-reel{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:calc((100dvh - var(--projects-header) - var(--projects-tools) - 40px)/3);gap:10px;padding:10px;background:#fff}
.projects-page--graphic .project-slide{width:auto;height:auto;min-height:0;margin:0;background:#f2f3f4}
.projects-page--graphic .project-slide__open{overflow:hidden;background:#fff}
.projects-page--graphic .project-slide img{width:100%;height:100%;object-fit:cover;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .35s ease}
.projects-page--graphic .project-slide__open:hover img,.projects-page--graphic .project-slide__open:focus-visible img{transform:scale(1.025);filter:saturate(1.06) contrast(1.02)}
.projects-page--graphic .project-slide__zoom{right:12px;bottom:12px;height:30px;gap:6px;padding:0 4px 0 10px;font-size:8px;letter-spacing:.07em}
.projects-page--graphic .project-slide__zoom .material-symbols-rounded{width:22px;height:22px;font-size:14px}
.projects-page--graphic .archive-item img{aspect-ratio:1/1;object-fit:cover}
.projects-page--graphic .projects-toolbar__service p{font-size:11px;letter-spacing:-.01em}
.projects-page--graphic .projects-toolbar__controls{min-width:332px}

.projects-page--branding{--projects-content-inset:10px}
.projects-page--branding .portfolio-stage{background:#fff}
.projects-page--branding .portfolio-reel{flex-flow:column wrap;align-content:flex-start;align-items:flex-start;gap:10px;padding:10px;background:#fff}
.projects-page--branding .project-slide{width:auto;height:calc((100% - 10px)/2);min-height:0;margin:0;background:#f2f3f4}
.projects-page--branding .project-slide__open{width:auto;overflow:hidden;background:#fff}
.projects-page--branding .project-slide img{width:auto;height:100%;max-width:none;object-fit:contain;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .35s ease}
.projects-page--branding .project-slide__open:hover img,.projects-page--branding .project-slide__open:focus-visible img{transform:scale(1.018);filter:saturate(1.04) contrast(1.015)}
.projects-page--branding .projects-toolbar__service p{font-size:11px;letter-spacing:-.015em}
.projects-page--branding .projects-toolbar__controls{min-width:332px}

.projects-page--motion{--projects-content-inset:10px}
.projects-page--motion .portfolio-stage{background:#fff}
.projects-page--motion .portfolio-reel{flex-flow:column wrap;align-content:flex-start;align-items:flex-start;gap:10px;padding:10px;background:#fff}
.projects-page--motion .project-slide{width:auto;height:calc((100% - 10px)/2);min-height:0;margin:0;background:#0c1015}
.projects-page--motion .project-slide__open{width:auto;overflow:hidden;background:#0c1015}
.projects-page--motion .project-slide img{width:auto;height:100%;max-width:none;object-fit:cover;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .35s ease}
.projects-page--motion .project-slide__open:hover img,.projects-page--motion .project-slide__open:focus-visible img{transform:scale(1.028);filter:saturate(1.08) contrast(1.025)}
.projects-page--motion .project-slide__zoom{background:rgba(8,12,18,.82)}
.projects-page--motion .projects-toolbar__service p{font-size:10.5px;letter-spacing:-.02em}
.projects-page--motion .projects-toolbar__controls{min-width:332px}
.projects-page--motion .project-archive__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.projects-page--motion .archive-item img{aspect-ratio:9/16;object-fit:cover}
.motion-viewer__media{overflow:hidden;padding:16px 88px 28px}
.motion-player{height:100%;max-height:calc(100vh - 136px);aspect-ratio:9/16;overflow:hidden;background:#000;box-shadow:0 26px 70px rgba(0,0,0,.48)}
.motion-player iframe{display:block;width:100%;height:100%;border:0;background:#000}

.projects-toolbar{position:absolute;z-index:10;right:0;bottom:0;left:var(--projects-sidebar);height:var(--projects-tools);display:grid;grid-template-columns:minmax(300px,.75fr) minmax(180px,.65fr) minmax(156px,1.44fr) auto;align-items:center;gap:12px;padding:0 3vw 0 0;background:#fff}
.projects-toolbar__service{align-self:stretch;display:flex;align-items:center;padding:0 20px 0 var(--projects-content-inset);overflow:hidden}.projects-toolbar__service p{max-width:none;margin:0;color:#6f7881;font-size:12px;font-weight:500;line-height:1.55;white-space:nowrap}
.projects-toolbar__meta{min-width:0;display:flex;align-items:center;gap:22px}
.project-count{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-family:Inter,Arial,sans-serif}
.project-count strong{font-size:29px;font-weight:800;line-height:1;letter-spacing:-.055em}
.project-count span{font-size:15px;font-weight:400}.project-count small{color:#8a939d;font-size:11px;font-weight:700}
.projects-toolbar__copy{min-width:0;display:grid;gap:4px}.projects-toolbar__copy>p{min-width:0;margin:0;color:var(--projects-blue);font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-toolbar__copy>strong{min-width:0;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.projects-toolbar__progress{position:relative;height:34px;cursor:pointer;touch-action:none}
.projects-toolbar__progress::before{content:"";position:absolute;top:16px;right:0;left:0;height:2px;background:#dfe3e7}
.projects-toolbar__progress span{position:absolute;top:15px;left:0;width:0;height:4px;background:var(--projects-ink);will-change:width,transform}
.projects-toolbar__progress:hover::before,.projects-toolbar__progress:focus-visible::before{background:#c2c9cf}.projects-toolbar__progress:focus-visible{outline:2px solid var(--projects-blue);outline-offset:5px}
.projects-toolbar__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.projects-toolbar__controls button{height:40px;border:1px solid #c1c7cd;color:#111;background:#fff;font-family:Inter,Arial,sans-serif;cursor:pointer;transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease}
.toolbar-pill{min-width:116px;padding:0 12px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.035em;white-space:nowrap}
.toolbar-pill--archive{min-width:112px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:6px}
.toolbar-pill--archive .material-symbols-rounded{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#111;font-size:15px;font-variation-settings:"wght" 500}
.toolbar-arrow{width:40px;display:grid;place-items:center;padding:0;border-radius:50%}
.toolbar-arrow .material-symbols-rounded{font-size:18px;font-variation-settings:"wght" 400}
.projects-toolbar__controls button:hover,.projects-toolbar__controls button:focus-visible{border-color:#111;color:#fff;background:#111;outline:none;transform:translateY(-2px)}
.projects-toolbar__controls button:disabled{border-color:#d9dde1;color:#aeb5bc;background:#fff;cursor:default;transform:none}
.projects-toolbar__controls .toolbar-pill--archive:hover .material-symbols-rounded,.projects-toolbar__controls .toolbar-pill--archive:focus-visible .material-symbols-rounded{color:#111;background:#66ffff}

.panel-overlay{position:absolute;z-index:24;inset:var(--projects-header) 0 var(--projects-tools) var(--projects-sidebar);background:rgba(12,18,25,.46);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.slide-panel{position:absolute;z-index:25;top:var(--projects-header);right:0;bottom:var(--projects-tools);overflow:hidden;background:#f9fafb;box-shadow:-24px 0 70px rgba(20,31,45,.2);transform:translateX(102%);transition:transform .52s cubic-bezier(.16,1,.3,1)}
.slide-panel.is-open{transform:none}
.slide-panel__header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #dde2e7;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.slide-panel__header>div{display:grid;gap:5px}.slide-panel__header small{color:var(--projects-blue);font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.11em}.slide-panel__header strong{font-family:Inter,Arial,sans-serif;font-size:22px;line-height:1}
.panel-close{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #c6cdd3;border-radius:50%;color:#111;background:#fff;cursor:pointer;transition:color .25s,background-color .25s,border-color .25s,transform .25s}
.panel-close .material-symbols-rounded{font-size:20px}.panel-close:hover,.panel-close:focus-visible{border-color:#111;color:#fff;background:#111;outline:none;transform:rotate(6deg)}
.project-details{width:min(520px,92vw)}
.project-details__scroll{height:calc(100% - 92px);padding:44px 42px 70px;overflow:auto;scrollbar-width:thin;scrollbar-color:#aab2ba transparent}
.project-details h2{margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.25;letter-spacing:-.035em}.project-details__lead{margin:0!important;color:#4c5863!important;font-size:15px!important;line-height:1.8!important}
.project-details__rule{width:58px;height:3px;margin:28px 0;background:var(--projects-blue)}
.project-details p{margin:0 0 20px;color:#27313a;font-size:13px;font-weight:400;line-height:1.85}.project-details h3{margin:34px 0 15px;font-size:15px;font-weight:800}
.project-details__links{display:grid;border-top:1px solid #dbe0e4}.project-details__links a{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #dbe0e4;color:#111;font-size:13px}.project-details__links a:hover{color:var(--projects-blue)}.project-details__links .material-symbols-rounded{font-size:17px}
.project-archive{width:100vw}
.project-archive__grid{height:calc(100% - 92px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:30px 36px 60px;overflow:auto}
.archive-item{min-width:0;display:block;padding:0;border:0;color:#111;background:transparent;text-align:left;cursor:pointer}
.archive-item__image{display:block;overflow:hidden;background:#e9ecef}.archive-item img{display:block;width:100%;height:auto;aspect-ratio:20/9;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.archive-item__meta{display:grid;grid-template-columns:28px 1fr;gap:10px;padding-top:11px}.archive-item__meta>span{color:#9099a1;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.archive-item__meta p{margin:0 0 3px;color:var(--projects-blue);font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:800;letter-spacing:.06em}.archive-item__meta strong{display:block;font-size:14px;line-height:1.35}
.archive-item:hover img,.archive-item:focus-visible img{transform:scale(1.018)}.archive-item:focus-visible{outline:2px solid var(--projects-blue);outline-offset:5px}

.project-viewer{position:fixed;z-index:1000;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;color:#fff;background:rgba(8,12,18,.98);overflow:hidden}
.project-viewer:not([open]){display:none}
.project-viewer[open]{display:grid;grid-template-rows:auto 1fr;animation:viewer-in .48s cubic-bezier(.16,1,.3,1) both}.project-viewer::backdrop{background:#080c12}
.viewer-bar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 34px;border-bottom:1px solid rgba(255,255,255,.13)}
.viewer-info{min-width:0;display:flex;align-items:center;gap:20px}.viewer-info>span{color:#8995a0;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em}.viewer-info>small{font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.11em}.viewer-info>em{color:#66ffff;font-family:Inter,Arial,sans-serif;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em}.viewer-info>strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer-close{display:flex;align-items:center;gap:12px;padding:0;border:0;color:#fff;background:none;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;cursor:pointer}.viewer-close i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-size:20px;font-style:normal;transition:color .25s,background-color .25s}.viewer-close:hover i,.viewer-close:focus-visible i{color:#111;background:#66ffff}
.viewer-media{min-height:0;display:grid;place-items:center;padding:26px 88px 34px;overflow:auto}.viewer-media img{display:block;width:min(1600px,100%);height:auto;max-height:calc(100vh - 150px);object-fit:contain}
.viewer-nav{position:fixed;z-index:2;top:50%;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:rgba(8,12,18,.42);cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .25s,background-color .25s}.viewer-nav .material-symbols-rounded{font-size:20px}.viewer-nav:hover,.viewer-nav:focus-visible{color:#111;background:#66ffff;outline:none}.viewer-nav--prev{left:22px}.viewer-nav--next{right:22px}
.viewer-nav:disabled{opacity:.25;cursor:default}.viewer-nav:disabled:hover{color:#fff;background:rgba(8,12,18,.42)}
@keyframes viewer-in{from{opacity:0;transform:scale(.99)}to{opacity:1;transform:none}}

@media (max-width:1180px){
  :root{--projects-sidebar:210px}.projects-sidebar{padding-right:18px;padding-left:2.7vw}.projects-sidebar__top h1{font-size:25px}.projects-sidebar__cta{right:18px;left:2.7vw}.projects-sidebar__cta p{font-size:20px}.projects-sidebar__current{left:2.7vw}.projects-toolbar{grid-template-columns:250px 170px minmax(84px,1.25fr) auto;gap:12px;padding-right:20px}.projects-toolbar__service p{font-size:11px}.projects-toolbar__meta{gap:12px}.toolbar-pill{min-width:116px;padding-inline:11px;font-size:8px}.toolbar-pill--archive{min-width:112px}.projects-toolbar__controls{gap:6px}.toolbar-arrow{width:38px}
}
@media (max-width:1000px){
  :root{--projects-header:82px;--projects-sidebar:190px;--projects-tools:110px}
  .projects-page .about-header{width:100%;border-radius:0}.projects-sidebar{padding:22px 14px 22px 20px}.projects-sidebar__top h1{margin-bottom:18px;font-size:22px}.projects-categories{gap:10px}.projects-categories :is(a,button){height:36px;font-size:15px}.projects-sidebar__cta{right:14px;bottom:calc(var(--projects-tools) + 20px);left:20px}.projects-sidebar__cta p{font-size:18px}.projects-sidebar__cta a{width:140px}.projects-sidebar__current{bottom:0;left:20px;height:var(--projects-tools);font-size:16px}.projects-toolbar{grid-template-columns:190px 150px minmax(54px,1.25fr) auto;gap:10px;padding-right:12px}.projects-toolbar__service{padding-right:8px}.projects-toolbar__service p{overflow:hidden;font-size:10px;text-overflow:ellipsis}.projects-toolbar__copy{max-width:92px}.project-count strong{font-size:25px}.toolbar-pill{min-width:0}.slide-panel{top:var(--projects-header);bottom:var(--projects-tools)}.panel-overlay{top:var(--projects-header);bottom:var(--projects-tools);left:var(--projects-sidebar)}.project-archive{width:100vw}.project-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .projects-page--motion .project-archive__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  :root{--projects-header:74px;--projects-sidebar:0px;--projects-tools:124px}
  html,body{height:auto;min-height:100%}.projects-page{overflow-x:hidden;overflow-y:auto;background:var(--projects-paper);padding-bottom:var(--projects-tools)}
  .portfolio-shell{height:auto;min-height:100dvh;padding-top:var(--projects-header);overflow:visible}.projects-sidebar{position:relative;top:auto;bottom:auto;left:auto;width:100%;display:block;padding:24px 18px 20px}.projects-sidebar__top h1{margin-bottom:16px;font-size:24px}.projects-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.projects-categories :is(a,button){height:34px;font-size:10px}.projects-sidebar__cta{position:static;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px 0 0}.projects-sidebar__cta p{max-width:190px;margin:0;font-size:17px}.projects-sidebar__cta a{flex:0 0 140px}.projects-sidebar__current{display:none}
  .portfolio-stage{position:relative;inset:auto;height:auto;padding:0 12px 14px;overflow:visible}.portfolio-reel{height:auto;display:block;overflow:visible;cursor:default;touch-action:auto}.project-slide{width:100%;height:auto;margin-bottom:14px}.project-slide__open{width:100%;height:auto}.project-slide img{width:100%;height:auto}.project-slide__zoom{right:10px;bottom:10px;height:34px;padding-left:12px}.project-slide__zoom .material-symbols-rounded{width:24px;height:24px;font-size:15px}
  .projects-page--graphic .portfolio-reel{display:block;padding:10px;background:#fff}.projects-page--graphic .project-slide{width:100%;height:auto;margin-bottom:10px}.projects-page--graphic .project-slide img{width:100%;height:auto;object-fit:contain}.projects-page--graphic .project-slide__zoom{right:10px;bottom:10px;height:30px;gap:6px;padding:0 4px 0 10px}.projects-page--graphic .project-slide__zoom .material-symbols-rounded{width:22px;height:22px;font-size:14px}.projects-page--graphic .projects-toolbar__controls{min-width:0}
  .projects-page--branding .portfolio-reel{display:block;padding:10px;background:#fff}.projects-page--branding .project-slide{width:100%;height:auto;margin-bottom:10px}.projects-page--branding .project-slide__open{width:100%}.projects-page--branding .project-slide img{width:100%;height:auto;max-width:100%;object-fit:contain}.projects-page--branding .projects-toolbar__controls{min-width:0}
  .projects-page--motion .portfolio-reel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;background:#fff}.projects-page--motion .project-slide{width:100%;height:auto;margin:0}.projects-page--motion .project-slide__open{width:100%;height:auto}.projects-page--motion .project-slide img{width:100%;height:auto;max-width:100%;aspect-ratio:9/16;object-fit:cover}.projects-page--motion .projects-toolbar__controls{min-width:0}.projects-page--motion .project-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .projects-toolbar{position:fixed;z-index:20;right:0;bottom:0;left:0;height:var(--projects-tools);display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 64px;gap:0 10px;padding:8px 12px;background:rgba(255,255,255,.96);border-top:1px solid #dfe3e7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.projects-toolbar__service{display:none}.projects-toolbar__meta{grid-column:1/2;grid-row:1;gap:10px}.project-count strong{font-size:22px}.projects-toolbar__copy{max-width:170px;gap:1px}.projects-toolbar__copy>p{font-size:7px}.projects-toolbar__copy>strong{font-size:11px}.projects-toolbar__progress{grid-column:2;grid-row:1;width:108px}.projects-toolbar__controls{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:5px}.toolbar-pill{height:38px!important;flex:1;min-width:0;padding-inline:8px;font-size:7px}.toolbar-pill--archive{padding-right:5px}.toolbar-arrow{flex:0 0 38px}.slide-panel,.panel-overlay{position:fixed;top:var(--projects-header);bottom:var(--projects-tools);left:0}.project-details{width:94vw}.project-archive{width:100vw}.slide-panel__header{height:78px;padding:0 18px}.slide-panel__header strong{font-size:18px}.project-details__scroll{height:calc(100% - 78px);padding:28px 20px 50px}.project-details h2{font-size:26px}.project-archive__grid{height:calc(100% - 78px);grid-template-columns:1fr;gap:25px;padding:20px 14px 45px}
  .viewer-bar{min-height:88px;padding:12px 15px}.viewer-info{display:grid;grid-template-columns:auto auto;gap:4px 12px}.viewer-info>strong{grid-column:1/-1;font-size:14px}.viewer-info>em{display:none}.viewer-close>span{display:none}.viewer-media{padding:14px 10px 78px}.viewer-media img{width:100%;max-height:calc(100vh - 120px)}.motion-viewer__media{padding:8px 58px 72px}.motion-player{width:100%;height:auto;max-height:calc(100vh - 170px)}.viewer-nav{top:auto;bottom:17px;width:42px;height:42px;transform:none}.viewer-nav--prev{left:calc(50% - 51px)}.viewer-nav--next{right:calc(50% - 51px)}
}
@media (prefers-reduced-motion:reduce){.portfolio-reel,.slide-panel,.project-slide__zoom,.archive-item img{scroll-behavior:auto;transition:none}.project-viewer[open]{animation:none}}

/* Mobile-only project browser refinement. */
@media(max-width:720px){
  .projects-page .mobile-music-toggle{transform:scale(.8);transform-origin:right center}
  .projects-sidebar__top h1{display:block;margin-bottom:18px;font-size:26px;white-space:nowrap}
  .projects-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .projects-categories :is(a,button){height:36px;justify-content:center;padding:0 4px;font-size:12px;text-align:center}
  .projects-categories :is(a,button) .material-symbols-rounded{display:none}
  .projects-toolbar__progress{display:none}.projects-toolbar{grid-template-columns:1fr;grid-template-rows:44px 64px}.projects-toolbar__meta{grid-column:1/-1;grid-row:1}.projects-toolbar__copy{max-width:calc(100vw - 82px)}.projects-toolbar__copy>p{font-size:9px}.projects-toolbar__copy>strong{font-size:13px}
  .toolbar-pill{font-size:10px}.toolbar-arrow{flex-basis:40px}#details-open{font-size:11px}.toolbar-pill--archive{font-size:10px}
  #project-prev .material-symbols-rounded,#project-next .material-symbols-rounded{font-size:0}#project-prev .material-symbols-rounded::after{content:"north";font-family:"Material Symbols Rounded";font-size:20px}#project-next .material-symbols-rounded::after{content:"south";font-family:"Material Symbols Rounded";font-size:20px}
  .portfolio-stage,.portfolio-reel{background:#fff}.project-slide{margin-bottom:10px;box-shadow:none}.projects-page--graphic .portfolio-reel,.projects-page--branding .portfolio-reel{padding:8px;background:#fff}
  .slide-panel,.panel-overlay{top:0;bottom:0;left:0}.project-details,.project-archive{width:100vw;box-shadow:none}.slide-panel__header{height:74px}.project-details__scroll,.project-archive__grid{height:calc(100% - 74px)}
  .project-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 14px 36px}.archive-item__meta{grid-template-columns:20px 1fr;gap:6px;padding-top:7px}.archive-item__meta strong{font-size:12px}
}

@media(max-width:720px){
  :root{--projects-header:74px;--projects-mobile-nav-height:186px}
  .projects-page .portfolio-shell{padding-top:calc(var(--projects-header) + var(--projects-mobile-nav-height))}
  .projects-page .projects-sidebar{position:fixed;z-index:29;top:var(--projects-header);right:0;bottom:auto;left:0;width:100%;padding:44px 18px 18px;background:#fff}
  .projects-sidebar__cta{display:none}
  .projects-sidebar__top h1{line-height:1;white-space:nowrap}
  .projects-sidebar__top h1 br{display:none}
  .projects-categories a.projects-categories__start{display:flex;border-color:var(--projects-blue);color:#fff;background:var(--projects-blue);font-size:10px;white-space:nowrap}
  .projects-categories a.projects-categories__start::before{background:#111}
  .projects-page .toolbar-pill--archive{padding-left:13px;font-size:11px}
  .panel-overlay{z-index:69}
  .slide-panel{z-index:70}
  .slide-panel__header{position:relative;z-index:2}
}