/* Keep the condensed display face; use a quieter, solid text face. */
body, #allrecords .r { --t-text-font: Arial, Helvetica, sans-serif; }
.entity-nav, .hero-identity p, .slide-description, .project-link,
.t-text, .t-descr, .t-name, input, textarea, button { font-family: Arial, Helvetica, sans-serif; }
.hero-identity { position: fixed; inset: 0; z-index: 1000; overflow: clip; }
.hero-identity p { animation: none; }
/* Hold the opening composition while the reel develops behind the name. */
#rec750332886 { padding-bottom: 15svh; background: #050505; }
.hero-identity h1 { animation: none; transform-origin: 46% 50%; }
.hero-identity p { position: relative; z-index: 1; margin-top: 22px; font-weight: 400; letter-spacing: .015em; }
/* The blur samples past the reel edge; the media itself feathers into black.
   The gallery's separate stacking layer keeps this tail behind the cards. */
#rec812897451 { position: relative; top: auto; height: 0; overflow: visible; isolation: isolate; pointer-events: none; }
#rec812897451 > .t123 { position: fixed; inset: 0; height: 100svh; opacity: var(--reel-opacity, 0); visibility: var(--reel-visibility, hidden); overflow: hidden; background: #050505; }
#videoBackground { position: relative; width: 100% !important; height: 100svh !important; overflow: visible; }
#rec812897451 #videoBackground > video { display: block; height: 100%; transform: scale(var(--reel-scale, .94)); transform-origin: center; will-change: transform; }
#rec812897451 #blurVideo { inset: 0 0 auto; z-index: 2; width: 100%; height: calc(100% + 20svh); pointer-events: none; background: rgba(5,5,5,var(--reel-dark,0)); mask-image: linear-gradient(to bottom, #000 80%, transparent 100%); }
#rec812473656 .t396__artboard, #rec812473656 .t396__carrier, #rec812473656 .t396__filter { height: 35svh !important; }
#rec846757334 { position: relative; z-index: 1001; isolation: isolate; background: linear-gradient(to bottom, transparent, #050505 20svh) !important; }
#rec846757334 > .t123 { position: sticky; top: 0; height: var(--gallery-viewport, 100svh); overflow: clip; }
#rec846757334 .container { height: var(--gallery-viewport, 100svh); max-width: 1600px; }
#rec846757334 .slides { display: block; }
#rec846757334 .slide { inset: 0; height: 100%; }
#rec846757334 .slide { transition: transform .48s cubic-bezier(.2,.65,.2,1), opacity .48s ease, border-radius .5s ease; pointer-events: none; }
#rec846757334 .slide.active { pointer-events: auto; cursor: pointer; }
#rec846757334 .slide:focus-visible { outline: 2px solid white; outline-offset: 5px; }
#rec846757334 .slide.active:hover .slide-media { filter: none; }
#rec846757334 .slide video { transform: scale(1.4); transition: transform .5s ease-in-out; }
#rec846757334 .slide.active video { transform: scale(1); }
#rec846757334 .slide-description { display: grid; grid-template-columns: 1.6fr 1fr auto; align-items: start; gap: 24px; top: calc(100% + 18px); font-size: 13px; line-height: 1.45; font-weight: 400; letter-spacing: .015em; }
#rec846757334 .slide-description p { width: auto; font-size: inherit; line-height: inherit; margin: 0; }
#rec846757334 .slide-description .role { color: #aaa; }
#rec846757334 .project-link { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0; font-size: inherit; line-height: inherit; letter-spacing: inherit; white-space: nowrap; text-decoration: none; }
.project-link::after { content: '↗'; display: inline-block; opacity: .45; transform: translate(-3px, 3px); transition: transform .25s ease, opacity .25s ease; }
.project-link:hover::after, .project-link:focus-visible::after { opacity: 1; transform: translate(2px, -2px); }
#rec846757334 .project-link:focus-visible, #rec846757334 .indicator:focus-visible { outline: 1px solid white; outline-offset: 5px; }
#rec846757334 .indicator { position: relative; }
#rec846757334 .indicator::after { content: ''; position: absolute; inset: -6px -4px; }
#rec846757334 .indicators:hover .indicator { transform: none; }
#rec846757334 .dropping-text-container { left: 3%; top: auto; bottom: 26%; width: 90%; height: auto; overflow: visible; clip-path: none; pointer-events: none; }
#rec846757334 .dropping-texts { display: grid; transform: none; transition: none; }
#rec846757334 .dropping-text { grid-area: 1 / 1; align-self: end; display: block; min-width: 0; height: auto; padding: 0; font-size: clamp(54px, 8.5vw, 140px); line-height: .95; font-weight: 400; opacity: 0; transform: translateY(18px); transition: opacity .24s ease, transform .42s cubic-bezier(.22,.68,0,1); }
#rec846757334 .dropping-text.active { opacity: 1; transform: translateY(0); transition-delay: .1s; }
#rec846757334 .dropping-text span { display: none; }
@media (max-width: 640px) {
  .hero-identity p { margin-top: 16px; max-width: 300px; font-size: 13px; line-height: 1.5; }
  #rec846757334 .slide-description { grid-template-columns: 1fr auto; gap: 10px 16px; font-size: 11px; }
  #rec846757334 .slide-description > p:first-child { grid-column: 1 / -1; }
  #rec846757334 .slides { height: 48%; }
  #rec846757334 .dropping-text-container { bottom: 29%; left: 6%; width: 88%; }
  #rec846757334 .dropping-text { font-size: clamp(42px, 11vw, 64px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-identity h1, .hero-identity p { animation: none; }
  #rec846757334 .slide, #rec846757334 .dropping-text, .project-link::after { transition: none; }
}

#rec846757334 .slide, #rec846757334 .slide-media { filter: none; }

#rec812471418.home-disciplines{position:relative;z-index:10000;padding:90px 6vw;color:#fff;box-sizing:border-box}
.home-disciplines ul{list-style:none;margin:0 auto;padding:0;max-width:1600px;display:grid;gap:clamp(35px,7vw,95px)}
.home-disciplines li{font-family:AGLetterica,'Arial Narrow',sans-serif;font-size:clamp(48px,9.6vw,190px);line-height:1.1;font-weight:400;text-transform:uppercase;letter-spacing:0}
@media(max-width:640px){#rec812471418.home-disciplines{padding:70px 6vw}.home-disciplines ul{gap:45px}}

.home-disciplines a{color:inherit!important;text-decoration:none;transition:opacity .2s}.home-disciplines a:hover{opacity:.65}.home-disciplines a:focus-visible{outline:1px solid white;outline-offset:8px}