.showreel-page{--showreel-ink:#f5f0e7;--showreel-dim:#c9c1b4;position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#211f1a;color:var(--showreel-ink);font-family:Inter,sans-serif}.showreel-page *{box-sizing:border-box}.showreel-page a{color:inherit;text-decoration:none}.showreel-media{position:absolute;z-index:0;isolation:isolate;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#24211b}.showreel-media>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84)}.showreel-header{position:absolute;z-index:5;left:0;right:0;top:0;height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;transition:opacity .25s ease}.showreel-wordmark{font-size:10px;font-weight:600;letter-spacing:.17em}.showreel-wordmark span{color:#d0a576;margin-left:3px}.showreel-header nav{display:flex;align-items:center;gap:clamp(17px,2.8vw,40px);color:#eee6d9;font-size:9px;letter-spacing:.13em}.showreel-header nav a{display:inline-flex;align-items:center;gap:5px;opacity:.84;transition:opacity .2s ease,color .2s ease}.showreel-header nav a:hover{opacity:1;color:#dbb98f}.showreel-header nav .showreel-mode-link{padding:10px 13px;border:1px solid #ffffff62;opacity:1}.showreel-mode-link span{font-size:13px;line-height:8px}.showreel-layout{position:absolute;z-index:2;inset:78px clamp(20px,4.8vw,74px) 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,24vw);align-items:stretch;gap:clamp(30px,5vw,78px);transition:opacity .25s ease}.showreel-project{align-self:end;max-width:min(590px,57vw);padding-bottom:10px}.showreel-project-meta{display:flex;align-items:center;gap:11px;color:#d4b08a;font:500 9px DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase}.showreel-project-meta i{width:24px;height:1px;background:#e5c39a80}.showreel-project h1{margin:17px 0 0;font:400 48px/.98 Playfair Display,serif;letter-spacing:-.04em;text-shadow:0 2px 28px #08070545}.showreel-hint{margin:11px 0 0;color:#eee6d9;font:400 15px/1.55 Inter,sans-serif}.showreel-description{max-width:435px;margin:8px 0 0;color:#e7e0d5bd;font:400 12px/1.8 Inter,sans-serif}.showreel-open-project{display:inline-flex;align-items:center;gap:24px;margin-top:23px;padding:0 0 9px;border:0;border-bottom:1px solid #eee6d98a;background:none;color:#f5f0e7;font:500 9px Inter,sans-serif;letter-spacing:.15em;cursor:pointer;transition:gap .2s ease,color .2s ease}.showreel-open-project:hover{gap:31px;color:#e5bd8f}.showreel-open-project:focus-visible,.showreel-thumb:focus-visible{outline:2px solid #e1b989;outline-offset:4px}.showreel-rail{align-self:center;justify-self:end;width:100%;max-height:calc(100svh - 190px);display:flex;flex-direction:column;padding:13px 13px 12px;border:1px solid #ffffff38;background:#18161275;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 70px #09080631}.showreel-rail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:1px 1px 11px;border-bottom:1px solid #ffffff29;color:#e8dfd1;font:500 8px DM Mono,monospace;letter-spacing:.13em}.showreel-rail-heading>span:last-child{display:flex;align-items:center;gap:5px;color:#d0b18b}.showreel-thumb-list{display:flex;flex-direction:column;gap:7px;margin-top:10px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4b transparent}.showreel-thumb{display:grid;grid-template-columns:minmax(82px,39%) minmax(0,1fr);align-items:center;gap:11px;flex:0 0 auto;width:100%;min-height:67px;padding:6px;border:1px solid transparent;background:transparent;color:var(--showreel-ink);text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.showreel-thumb:hover{background:#ffffff0e;transform:translate(-2px)}.showreel-thumb.is-active{border-color:#dfc29b99;background:#ffffff12}.showreel-thumb-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#39352e}.showreel-thumb-image img,.showreel-thumb-image video{display:block;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .25s ease,transform .45s ease}.showreel-thumb:hover .showreel-thumb-image img,.showreel-thumb:hover .showreel-thumb-image video,.showreel-thumb.is-active .showreel-thumb-image img,.showreel-thumb.is-active .showreel-thumb-image video{opacity:1}.showreel-thumb:hover .showreel-thumb-image img,.showreel-thumb:hover .showreel-thumb-image video{transform:scale(1.04)}.showreel-thumb-play{position:absolute;right:6px;bottom:6px;display:grid;width:22px;height:22px;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#1715129c;color:#fff;opacity:.85}.showreel-thumb-copy{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:4px 6px;min-width:0}.showreel-thumb-number{grid-row:span 2;color:#d2aa7f;font:400 11px Playfair Display,serif}.showreel-thumb-title{overflow:hidden;font:400 15px/1.15 Playfair Display,serif;text-overflow:ellipsis;white-space:nowrap}.showreel-thumb-kind{overflow:hidden;color:#c5bcaf9c;font:400 7px DM Mono,monospace;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.showreel-rail-note{margin:10px 1px 0;padding-top:9px;border-top:1px solid #ffffff22;color:#d9d0c2a6;font:400 8px DM Mono,monospace;letter-spacing:.06em}.showreel-footer{position:absolute;z-index:4;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);bottom:0;height:43px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff28;color:#eee6d98c;font:400 8px DM Mono,monospace;letter-spacing:.1em;transition:opacity .25s ease}.showreel-layout.is-hidden,.showreel-header.is-hidden,.showreel-footer.is-hidden{pointer-events:none;opacity:0}@media(max-height:760px)and (min-width:761px){.showreel-rail{max-height:calc(100svh - 150px);padding:9px}.showreel-thumb{min-height:57px;gap:8px}.showreel-thumb-list{gap:4px;margin-top:7px}.showreel-rail-note{margin-top:7px;padding-top:7px}.showreel-project h1{font-size:48px}}@media(max-width:900px){.showreel-layout{grid-template-columns:minmax(0,1fr) minmax(252px,32vw);gap:22px;inset-inline:24px}.showreel-project{max-width:52vw}.showreel-thumb{grid-template-columns:35% minmax(0,1fr);gap:8px}.showreel-thumb-title{font-size:13px}}@media(max-width:640px){.showreel-page{min-height:680px}.showreel-media>video{object-position:58% center}.showreel-header{height:64px;padding:0 18px}.showreel-wordmark{font-size:9px}.showreel-header nav{gap:12px;font-size:8px}.showreel-header nav>a:first-child,.showreel-header nav>a:nth-child(2){display:none}.showreel-header nav .showreel-mode-link{padding:9px 10px}.showreel-layout{top:64px;right:17px;bottom:48px;left:17px;display:flex;flex-direction:column;justify-content:flex-end;gap:0}.showreel-rail{order:0;align-self:stretch;width:100%;max-height:none;margin-bottom:20px;padding:9px 9px 8px}.showreel-rail-heading{padding-bottom:7px;font-size:7px}.showreel-thumb-list{flex-direction:row;gap:7px;margin-top:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.showreel-thumb-list::-webkit-scrollbar{display:none}.showreel-thumb{grid-template-columns:1fr;grid-template-rows:auto auto;width:127px;min-height:0;gap:5px;padding:4px;scroll-snap-align:start}.showreel-thumb-image{aspect-ratio:16/9}.showreel-thumb-copy{grid-template-columns:15px minmax(0,1fr);gap:2px 5px}.showreel-thumb-number{grid-row:span 2;font-size:10px}.showreel-thumb-title{font-size:12px}.showreel-thumb-kind{font-size:6px}.showreel-thumb-play{width:19px;height:19px;right:4px;bottom:4px}.showreel-rail-note{display:none}.showreel-project{order:1;max-width:none;padding:0 3px 10px}.showreel-project-meta{font-size:8px}.showreel-project h1{margin-top:10px;font-size:48px}.showreel-hint{margin-top:6px;font-size:12px}.showreel-description{max-width:450px;margin-top:4px;font-size:10px;line-height:1.6}.showreel-open-project{margin-top:14px;padding-bottom:7px;font-size:8px}.showreel-footer{left:18px;right:18px;height:34px;font-size:6px}}@media(prefers-reduced-motion:reduce){.showreel-thumb,.showreel-thumb-image img,.showreel-thumb-image video,.showreel-open-project{transition:none}}.showreel-rail{width:clamp(220px,20vw,300px);max-height:min(680px,calc(100svh - 170px));padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.showreel-thumb-list{gap:10px;margin:0;padding:2px;scrollbar-width:none}.showreel-thumb{display:block;min-height:0;padding:0;border:1px solid #ffffff50;background:#16141055;transform:none}.showreel-thumb:hover{border-color:#ffffffb3;background:#ffffff16}.showreel-thumb.is-active{border-color:#e5c39a;box-shadow:0 0 0 1px #e5c39a55}.showreel-thumb-image{aspect-ratio:16/10}@media(max-width:640px){.showreel-rail{width:100%;max-height:none;padding:0;margin-bottom:20px}.showreel-thumb-list{gap:8px;padding:2px}.showreel-thumb{display:block;flex:0 0 142px;width:142px;min-height:0;padding:0}.showreel-thumb-image{aspect-ratio:16/10}}.showreel-page{--showreel-ink:#f4f5f6;--showreel-dim:#b4b8bd;background:#101214}.showreel-media>video,.showreel-media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82);animation:showreel-media-in .55s ease both}.showreel-wordmark span{color:#d7d9dc}.showreel-header nav{color:#e4e6e9}.showreel-header nav .showreel-mode-link{border-color:#ffffff45}.showreel-project-meta{color:#d2d6da}.showreel-project-meta i{background:#e6e9ec78}.showreel-project h1{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.055em;text-shadow:0 2px 28px #080a0c55}.showreel-project h1 .font-serif{font-family:inherit;font-style:normal;font-weight:500;letter-spacing:-.055em}.showreel-project h1 .font-body{font-family:inherit;font-weight:500;letter-spacing:-.055em}.showreel-hint{color:#e2e4e6}.showreel-description{color:#e4e6e9bd}.showreel-open-project{border-bottom-color:#e4e6e98a}.showreel-open-project:hover{color:#fff}.showreel-open-project:focus-visible,.showreel-thumb:focus-visible{outline-color:#f1f2f4}.showreel-thumb{border-color:#ffffff45;border-radius:7px;background:#10121466}.showreel-thumb:hover{border-color:#ffffff9c;background:#ffffff14}.showreel-thumb.is-active{border-color:#f0f2f4;box-shadow:0 0 0 1px #f0f2f455}.showreel-thumb-image{border-radius:5px}.showreel-footer{color:#e4e6e98c}@keyframes showreel-media-in{0%{opacity:.28}to{opacity:1}}@media(prefers-reduced-motion:reduce){.showreel-media>video,.showreel-media>img{animation:none}}.showreel-rail{width:clamp(150px,13.5vw,200px)}.showreel-thumb,.showreel-thumb:hover,.showreel-thumb.is-active{border:0;box-shadow:none}.showreel-thumb:hover{background:#ffffff0a}.showreel-thumb.is-active{background:transparent}@media(max-width:640px){.showreel-thumb{flex-basis:95px;width:95px}}.showreel-header{height:64px;border-bottom-color:#ffffff20}.showreel-wordmark{font-size:14px;font-weight:500;letter-spacing:-.02em;text-transform:none}.showreel-header nav{gap:clamp(18px,3vw,42px);font-size:13px;letter-spacing:0}.showreel-header nav a{opacity:.9}.showreel-layout{bottom:32px}@media(max-width:640px){.showreel-header{height:60px}.showreel-wordmark{font-size:13px}.showreel-header nav{gap:12px;font-size:11px}.showreel-header nav>a:first-child,.showreel-header nav>a:nth-child(2){display:inline-flex}.showreel-layout{top:60px;right:17px;bottom:20px;left:17px}}.showreel-header{border-bottom:0}.showreel-project h1{margin-top:0}.showreel-open-project{gap:14px;margin-top:20px;padding:12px 16px;border:1px solid #f4f5f6;border-radius:999px;background:#f4f5f6;color:#101214;font-size:12px;letter-spacing:0;text-transform:none;transition:background .2s ease,color .2s ease,transform .2s ease}.showreel-open-project:hover{gap:14px;background:#fff;color:#101214;transform:translateY(-2px)}@media(max-width:640px){.showreel-open-project{margin-top:14px;padding:10px 14px;font-size:11px}}.showreel-project h1,.showreel-hint,.showreel-description{color:#f4f5f6;mix-blend-mode:normal}.showreel-page .showreel-project .showreel-open-project,.showreel-page .showreel-project .showreel-open-project:hover,.showreel-page[data-copy-tone=dark] .showreel-project h1,.showreel-page[data-copy-tone=dark] .showreel-hint,.showreel-page[data-copy-tone=dark] .showreel-description{color:#101214}.showreel-project h1{text-shadow:none}.showreel-description{opacity:.9}.showreel-thumb-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038;pointer-events:none}.showreel-header{left:50%;right:auto;top:16px;width:max-content;height:auto;padding:0;justify-content:center;transform:translate(-50%);border:0}.showreel-header nav{gap:34px;padding:10px 24px;border:1px solid #1111110a;border-radius:999px;background:#fffffff0;box-shadow:0 5px 20px #0000000d;color:#4b4b4b;font-size:14px;letter-spacing:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.showreel-header nav a{gap:5px;color:inherit;opacity:1;white-space:nowrap;transition:color .2s ease}.showreel-header nav a:hover,.showreel-header nav .showreel-nav-active{color:#171717}.showreel-header nav .showreel-nav-active{font-weight:500}.showreel-header nav .showreel-nav-active span{font-size:13px}.showreel-page[data-copy-tone=dark] .showreel-header nav{color:#4b4b4b}@media(max-width:640px){.showreel-header{top:12px;width:max-content;max-width:calc(100% - 24px);padding:0}.showreel-header nav{gap:clamp(9px,3.4vw,16px);padding:9px 13px;font-size:11px}.showreel-header nav>a:first-child,.showreel-header nav>a:nth-child(2){display:inline-flex}}.showreel-header nav a{position:relative;isolation:isolate}.showreel-header nav a:before{content:"";position:absolute;z-index:-1;top:-7px;right:-10px;bottom:-7px;left:-10px;border-radius:999px;background:#1012140d;opacity:0;transform:scale(.96);transition:opacity .18s ease,transform .18s ease}.showreel-header nav a:hover:before,.showreel-header nav a:focus-visible:before{opacity:1;transform:scale(1)}.showreel-header nav a:focus-visible{outline:2px solid #10121445;outline-offset:8px;border-radius:999px}@media(prefers-reduced-motion:reduce){.showreel-header nav a:before{transition:none}}.showreel-header{height:76px;padding:0 10%}.showreel-wordmark{font-size:16px;font-weight:400;letter-spacing:0}.showreel-header nav{gap:40px;font-size:14px;letter-spacing:0}.showreel-header nav a{opacity:1}.showreel-page[data-copy-tone=dark] .showreel-header{color:#111}.showreel-page[data-copy-tone=dark] .showreel-header nav{color:#111}@media(max-width:640px){.showreel-header{height:60px;padding:0 18px}.showreel-wordmark{font-size:13px}.showreel-header nav{gap:12px;font-size:11px}}.showreel-rail{width:clamp(104px,8.6vw,124px);max-height:min(560px,calc(100svh - 176px));padding:10px;border:1px solid #ffffff2b;border-radius:30px;background:#4a494785;backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12);box-shadow:0 18px 52px #07080930,inset 0 1px #ffffff24}.showreel-thumb-list{flex:1;min-height:0;gap:8px;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}.showreel-thumb-list::-webkit-scrollbar{display:none}.showreel-thumb,.showreel-thumb:hover,.showreel-thumb.is-active{display:block;flex:0 0 auto;width:100%;min-height:0;aspect-ratio:1;padding:3px;border:1px solid transparent;border-radius:15px;box-shadow:none;transform:none}.showreel-thumb{background:transparent}.showreel-thumb:hover{border-color:#ffffff65;background:#ffffff12}.showreel-thumb.is-active{border-color:#f4f5f6;background:#ffffff0d;box-shadow:0 0 0 1px #ffffff24,inset 0 1px #ffffff28}.showreel-thumb-image{width:100%;height:100%;aspect-ratio:1;border-radius:10px}.showreel-thumb-image img,.showreel-thumb-image video{opacity:.9}.showreel-thumb.is-active .showreel-thumb-image img,.showreel-thumb.is-active .showreel-thumb-image video{opacity:1}@media(max-height:760px)and (min-width:641px){.showreel-rail{max-height:min(500px,calc(100svh - 140px));padding:8px;border-radius:26px}.showreel-thumb-list{gap:6px}}@media(max-width:640px){.showreel-rail{width:100%;max-height:none;margin-bottom:20px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.showreel-thumb-list{flex:0 0 auto;min-height:0;flex-direction:row;gap:8px;padding:2px;overflow-x:auto;overflow-y:hidden}.showreel-thumb,.showreel-thumb:hover,.showreel-thumb.is-active{flex:0 0 95px;width:95px;aspect-ratio:auto;border-radius:12px}.showreel-thumb-image{height:auto;aspect-ratio:16/10;border-radius:8px}}@media(prefers-reduced-transparency:reduce){.showreel-rail{background:#2d2d2df0;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:640px){.showreel-project{align-self:flex-start;width:100%;max-width:none;margin:0;padding:0 3px 10px;text-align:left}}@media(max-width:640px){.showreel-page portfolio-navigation .pill-nav__row:not([aria-current]){color:#18181b}}