.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding) * 1px);position:relative}.react-photo-album--image{width:100%;height:auto;aspect-ratio:var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);display:block}.react-photo-album--button{cursor:pointer;border:initial;background:initial}.react-photo-album--rows{row-gap:calc(var(--react-photo-album--spacing) * 1px);flex-direction:column}.react-photo-album--rows .react-photo-album--track{--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing) * (var(--react-photo-album--track-size) - 1) + 2 * var(--react-photo-album--padding) * var(--react-photo-album--track-size));justify-content:space-between}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps) * 1px) / (var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps)) * var(--react-photo-album--photo-width) + 2px * var(--react-photo-album--padding))}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;pointer-events:auto;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f2ed;--bg-dark:#0d0d0d;--text:#0d0d0d;--text-muted:#6b6b6b;--text-on-dark:#f5f2ed;--muted-on-dark:#9a9a9a;--border:#0d0d0d1f;--border-dark:#f5f2ed2e;--font-display:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--strip-h:36px;--gutter:24px;--pad-x:clamp(20px, 4vw, 56px);--max-w:1440px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s;--t-base:.3s;--t-slow:.6s}html{scroll-behavior:smooth}body{font-family:var(--font-mono);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.7;overflow-x:hidden}::selection{background:var(--text);color:var(--bg)}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:.88}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.grid{column-gap:var(--gutter);width:100%;max-width:var(--max-w);padding-left:var(--pad-x);padding-right:var(--pad-x);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}.section{border-top:1px solid var(--border);padding-top:6rem;padding-bottom:6rem;position:relative;overflow:hidden}.section:first-of-type{border-top:none}.section>.grid{z-index:1;position:relative}.section--dark{background:var(--bg-dark);color:var(--text-on-dark);border-top-color:var(--border-dark)}.section--dark .label,.section--dark .eyebrow{color:var(--muted-on-dark)}.section-header{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:baseline;margin-bottom:4rem;padding-bottom:1rem;display:flex}.section--dark .section-header{border-bottom-color:var(--border-dark)}.section-header__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}.section-header__index{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-muted);font-size:.7rem}.section--dark .section-header__index{color:var(--muted-on-dark)}.meta-strip{height:var(--strip-h);z-index:100;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);padding:0 var(--pad-x);justify-content:space-between;align-items:center;gap:1.5rem;font-size:.65rem;display:flex;position:fixed;top:0;left:0;right:0}.meta-strip__left{color:var(--text)}.meta-strip__center{color:var(--text-muted)}.meta-strip__right{align-items:center;gap:1.5rem;display:flex}.meta-strip__link{color:var(--text);transition:opacity var(--t-fast) ease;text-decoration:none}.meta-strip__link:hover{opacity:.65}.meta-strip__dropdown{position:relative}.meta-strip__dropdown-trigger{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}.meta-strip__dropdown-menu{background:var(--bg);border:1px solid var(--border);opacity:0;visibility:hidden;min-width:10rem;transition:opacity var(--t-fast) ease, transform var(--t-fast) ease, visibility var(--t-fast) ease;z-index:110;flex-direction:column;gap:.25rem;padding:.5rem 0;display:flex;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-4px)}.meta-strip__dropdown.is-open .meta-strip__dropdown-menu,.meta-strip__dropdown:hover .meta-strip__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.meta-strip__dropdown-item{color:var(--text-muted);white-space:nowrap;transition:color var(--t-fast) ease, background var(--t-fast) ease;padding:.45rem 1rem;text-decoration:none;display:block}.meta-strip__dropdown-item:hover{color:var(--text);background:#00000008}.meta-strip__clock{color:var(--text-muted);font-variant-numeric:tabular-nums}@media (width<=900px){.meta-strip__center,.meta-strip__link{display:none}}main{padding-top:var(--strip-h)}.side-nav{z-index:90;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease);flex-direction:column;align-items:flex-end;gap:1.25rem;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.side-nav.is-visible{opacity:1;pointer-events:auto}.side-nav__item{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl;transition:color var(--t-fast) ease;align-items:center;gap:.5rem;padding:.25rem .4rem;font-size:.62rem;text-decoration:none;display:flex;transform:rotate(180deg)}.side-nav__item:hover,.side-nav__item.is-active{color:var(--text)}.side-nav__item.is-active:before{content:"▶";margin-bottom:4px;font-size:.5rem}.side-nav.on-dark .side-nav__item{color:var(--muted-on-dark)}.side-nav.on-dark .side-nav__item:hover,.side-nav.on-dark .side-nav__item.is-active{color:var(--text-on-dark)}@media (width<=900px){.side-nav{display:none}}.header{top:var(--strip-h);z-index:95;background:var(--bg);border-bottom:1px solid var(--border);padding:12px var(--pad-x);display:none;position:fixed;left:0;right:0}@media (width<=900px){.header{justify-content:space-between;align-items:center;display:flex}}.header__logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.hamburger{background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;padding:4px 0;display:flex}.hamburger span{background:var(--text);width:100%;height:1px;transition:transform var(--t-base) var(--ease), opacity var(--t-base) var(--ease)}.hamburger[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{top:calc(var(--strip-h) + 51px);background:var(--bg);z-index:94;padding:2rem var(--pad-x);border-top:1px solid var(--border);flex-direction:column;gap:1.5rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-menu.is-open{display:flex}.mobile-menu a{font-family:var(--font-display);color:var(--text);border-bottom:1px solid var(--border);padding-bottom:1rem;font-size:2rem;font-weight:500;text-decoration:none}.mobile-menu .mobile-menu__meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-top:1rem;font-size:.7rem}.hero{min-height:calc(100vh - var(--strip-h));border-top:none;flex-direction:column;justify-content:flex-start;padding-top:5rem;padding-bottom:4rem;display:flex;position:relative}.hero__inner{flex-direction:column;flex:1;display:flex}.hero__role{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);grid-column:1/span 12;align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:.75rem;display:flex}.hero__role-bracket{color:var(--text-muted)}.hero__role-value{color:var(--text);min-width:14ch;display:inline-block}.hero__role-caret{background:var(--text);vertical-align:-1px;width:.55em;height:.95em;animation:1s step-end infinite blink;display:inline-block}.hero__name{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;grid-column:1/span 12;margin:0;font-size:clamp(4.5rem,14vw,14rem);font-weight:700;line-height:.86}.hero__name span{display:block}.hero__rule{background:var(--border);grid-column:1/-1;height:1px;margin:3rem 0 2rem}.hero__meta-left{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);grid-column:1/span 5;font-size:.85rem}.hero__meta-left strong{color:var(--text);font-weight:500}.hero__pitch{font-family:var(--font-mono);color:var(--text);grid-column:7/span 6;max-width:46ch;font-size:1rem;line-height:1.7}@media (width<=720px){.hero__meta-left{grid-column:1/-1;margin-bottom:1.25rem}.hero__pitch{grid-column:1/-1}.hero__rule{margin:2rem 0 1.5rem}}.about__copy{grid-column:1/span 8}.about__photo{grid-column:10/span 3;align-self:start}.about__photo img{aspect-ratio:2/3;object-fit:cover;filter:grayscale(.15)contrast(1.02);border-radius:0;width:100%;display:block}.about__heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:.95}.about__body{max-width:60ch}.about__body p{font-family:var(--font-mono);color:var(--text);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.about__body p:last-child{margin-bottom:0}.about__product{letter-spacing:.02em;font-weight:500}.about__stats{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/span 12;gap:0;margin-top:3.5rem;padding-top:2rem;display:flex}.about__stat{border-left:1px solid var(--border);flex-direction:column;flex:auto;gap:.35rem;min-width:160px;padding:0 1.5rem;display:flex}.about__stat:first-child{border-left:none;padding-left:0}.about__stat-value{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1}.about__stat-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}@media (width<=900px){.about__copy{grid-column:1/-1;margin-bottom:2.5rem}.about__photo{grid-column:1/span 6}.about__photo img{aspect-ratio:3/4}}@media (width<=600px){.about__photo{grid-column:1/span 8}.about__stat{border-left:none;border-top:1px solid var(--border);flex:50%;padding:1rem}.about__stat:first-child{border-top:none;padding-top:0}}.projects__list{border-top:1px solid var(--border);grid-column:1/-1;position:relative}.project-row{border-bottom:1px solid var(--border);cursor:pointer;transition:padding var(--t-base) var(--ease);grid-template-columns:1fr 1fr 1fr 80px;align-items:baseline;gap:1.5rem;padding:2rem 0;display:grid;position:relative}.project-row:hover{padding-left:.75rem}.project-row.is-featured{padding-top:3rem;padding-bottom:3rem}.project-row__index{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-muted);align-self:baseline;font-size:.7rem;position:relative;top:-.4em}.project-row__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);grid-column:1/span 2;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:700;line-height:1}.project-row.is-featured .project-row__title{font-size:clamp(2rem,5vw,4.5rem)}.project-row__category{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);text-align:left;font-size:.75rem}.project-row__year{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-muted);text-align:right;font-size:.75rem}.project-row__tags{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);grid-column:1/-1;margin-top:.5rem;font-size:.7rem}.project-row__panel{transition:grid-template-rows var(--t-slow) var(--ease);grid-column:1/-1;grid-template-rows:0fr;display:grid}.project-row.is-open .project-row__panel{grid-template-rows:1fr}.project-row__panel-inner{align-items:flex-start;gap:2rem;min-height:0;padding-top:1.5rem;display:flex;overflow:hidden}.project-row__body{flex:auto;min-width:0}.project-row__desc{font-family:var(--font-mono);color:var(--text);max-width:60ch;padding:0 0 .5rem;font-size:.95rem;line-height:1.75}.project-row__links{flex-wrap:wrap;gap:2rem;padding:1rem 0 0;display:flex}.project-row__links a{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--text);transition:opacity var(--t-fast) ease;padding-bottom:4px;font-size:.75rem;text-decoration:none}.project-row__links a:hover{opacity:.6}.project-row__image{aspect-ratio:4/3;opacity:0;background:#0d0d0d0a;border-radius:0;flex:0 0 240px;width:240px;transition:opacity .4s .1s;overflow:hidden}.project-row.is-open .project-row__image{opacity:1}.project-row__image img{object-fit:cover;filter:grayscale(.08)contrast(1.04);width:100%;height:100%;display:block}@media (width<=768px){.project-row__panel-inner{flex-direction:column-reverse;gap:1.5rem}.project-row__image{aspect-ratio:16/9;flex:none;width:100%}}@media (width<=720px){.project-row{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0}.project-row__title{grid-column:1;font-size:1.5rem}.project-row__category,.project-row__year,.project-row__index{text-align:left}}.skills__list{border-top:1px solid var(--border);grid-column:1/-1}.skill-row{gap:var(--gutter);border-bottom:1px solid var(--border);grid-template-columns:3fr 9fr;align-items:baseline;padding:1.5rem 0;display:grid}.skill-row__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.skill-row__items{font-family:var(--font-mono);color:var(--text);font-size:1rem;line-height:1.75}@media (width<=720px){.skill-row{grid-template-columns:1fr;gap:.5rem}}.contact__inner{grid-column:1/-1}.contact__cta{font-family:var(--font-display);letter-spacing:-.025em;max-width:14ch;margin-bottom:3rem;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:.95}.contact__email{font-family:var(--font-mono);color:var(--text);border-bottom:1px solid var(--text);transition:opacity var(--t-fast) ease;margin-bottom:3rem;padding-bottom:4px;font-size:clamp(1.1rem,2vw,1.5rem);text-decoration:none;display:inline-block}.contact__email:hover{opacity:.6}.contact__socials{flex-direction:column;gap:.75rem;display:flex}.contact__socials a{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);width:fit-content;transition:gap var(--t-base) var(--ease);align-items:center;gap:.75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.contact__socials a:before{content:"→";font-family:var(--font-mono);color:var(--text-muted)}.contact__socials a:hover{gap:1.25rem}.contact__external{border-top:1px solid var(--border);flex-wrap:wrap;gap:2.5rem;margin-top:4rem;padding-top:2rem;display:flex}.contact__external a{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:.7rem;text-decoration:none}.contact__external a:hover{color:var(--text);border-color:var(--text)}.footer{border-top:1px solid var(--border);padding:2rem var(--pad-x);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--text)}@media (width<=600px){.footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.ghost-number{z-index:0;font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);opacity:.045;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;justify-content:flex-end;align-items:center;font-size:clamp(20rem,40vw,48rem);font-weight:700;line-height:.8;display:flex;position:absolute;inset:0 -.06em 0 0;transform:translate(0,0)}.section--dark .ghost-number{color:var(--text-on-dark)}.reveal{opacity:0;transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);will-change:opacity, transform;transform:translateY(32px)}.reveal.animate{opacity:1;transform:translateY(0)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.work-page{background:var(--bg);color:var(--text);min-height:calc(100vh - var(--strip-h))}.work-page__back{max-width:var(--max-w);padding:2rem var(--pad-x) 0;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);transition:color var(--t-fast) ease;margin:0 auto;font-size:.7rem;text-decoration:none;display:block}.work-page__back:hover{color:var(--text)}.work-page .section{border-top:none}.photo-page{background:var(--bg);min-height:100vh;color:var(--text);padding-top:var(--strip-h)}.photo-page__bar{z-index:100;height:var(--strip-h);padding:0 var(--pad-x);background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.5rem;font-size:.65rem;display:flex;position:fixed;top:0;left:0;right:0}.photo-page__back{color:var(--text-muted);transition:color var(--t-fast) ease;text-decoration:none}.photo-page__back:hover{color:var(--text)}.photo-page__title{color:var(--text);letter-spacing:.18em}.photo-page__count{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.photo-page__body{max-width:var(--max-w);padding:clamp(1.5rem, 4vw, 3rem) var(--pad-x) 3rem;margin:0 auto}.photo-page__footer{max-width:var(--max-w);padding:2rem var(--pad-x) 4rem;border-top:1px solid var(--border);margin:0 auto}.photo-page__portfolio-link{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);transition:color var(--t-fast) ease, border-color var(--t-fast) ease;padding-bottom:4px;font-size:.7rem;text-decoration:none;display:inline-block}.photo-page__portfolio-link:hover{color:var(--text);border-color:var(--text)}.photo-page__note{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);padding:4rem 0;font-size:.85rem}.photo-page__note code{font-family:var(--font-mono);color:var(--text)}.photo-page .react-photo-album--photo{cursor:pointer;overflow:hidden}.photo-page .react-photo-album--photo img{transition:opacity var(--t-fast) ease, filter var(--t-fast) ease}.photo-page .react-photo-album--photo:hover img{opacity:.85}.video-page{background:var(--bg-dark);min-height:100vh;color:var(--text-on-dark);padding-top:var(--strip-h);flex-direction:column;display:flex}.video-page__bar{z-index:100;height:var(--strip-h);padding:0 var(--pad-x);background:var(--bg-dark);border-bottom:1px solid var(--border-dark);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.5rem;font-size:.65rem;display:flex;position:fixed;top:0;left:0;right:0}.video-page__back{color:var(--muted-on-dark);transition:color var(--t-fast) ease;text-decoration:none}.video-page__back:hover{color:var(--text-on-dark)}.video-page__title{color:var(--text-on-dark);letter-spacing:.18em}.video-page__spacer{min-width:3ch}.video-page__body{width:100%;max-width:var(--max-w);padding:2rem var(--pad-x);gap:var(--gutter);flex:1;grid-template-columns:repeat(12,1fr);align-content:center;align-items:center;margin:0 auto;display:grid}.video-page__copy{grid-column:1/span 4}.video-page__embed{aspect-ratio:16/9;background:var(--bg-dark);border:1px solid var(--border-dark);grid-column:6/span 7;width:100%;overflow:hidden}.video-page__embed iframe{border:0;width:100%;height:100%;display:block}.video-page__heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:.95}.video-page__subtitle{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted-on-dark);margin-bottom:2rem;font-size:.95rem}.video-page__caption{font-family:var(--font-mono);color:var(--text-on-dark);white-space:pre-line;max-width:60ch;font-size:1rem;line-height:1.8}@media (width<=900px){.video-page__copy{grid-column:1/-1;margin-bottom:2.5rem}.video-page__embed{grid-column:1/-1}}.page-transition{min-height:100vh}.page-transition--out{animation:page-out var(--t-base) var(--ease) forwards;pointer-events:none}.page-transition--in{animation:page-in var(--t-base) var(--ease) forwards}@keyframes page-out{0%{opacity:1}to{opacity:0}}@keyframes page-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero__role-caret{opacity:0;animation:none}}