.hero{align-items:center;text-align:center;height:100svh;min-height:480px}.hero__scrim:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 47%,#070b0f8c,#070b0f47 42%,#070b0f00 68%);pointer-events:none}.hero__lockup{padding:0 clamp(1rem,3vw,2rem);text-align:center;width:100%;margin:0 auto}.hero__brand-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero__brand-line{display:block}.hero__brand{font-size:clamp(1rem,3vw,2.6rem);line-height:.92;white-space:nowrap;text-shadow:0 1px 14px rgba(7,11,15,.6)}.hero__slogan{margin-top:.85rem;color:var(--ink);letter-spacing:.18em;text-shadow:0 1px 14px rgba(7,11,15,.6)}.hero__cue{position:absolute;left:50%;bottom:clamp(1.75rem,5vh,3rem);transform:translate(-50%);display:inline-flex;align-items:center;gap:.75rem;font-size:var(--fs-micro);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid);transition:color .3s var(--ease-out-quart)}.hero__cue:hover{color:var(--ink-hi)}.hero__cue-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line-strong);border-radius:50%;animation:cue-bob 2.4s var(--ease-inout-circ) infinite}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.hero__cue-icon{animation:none}}.work{padding:0;scroll-margin-top:0}.work__intro{padding:clamp(3.5rem,8vh,6rem) var(--gutter) clamp(1.5rem,4vh,2.5rem)}.work-grid{display:grid;grid-template-columns:1fr;gap:0}.tile.tile--placeholder{cursor:default}.tile--placeholder .tile__media{display:grid;place-items:center;background:var(--surface);outline:1px dashed var(--line-strong);outline-offset:-8px}.tile--placeholder .tile__media:after{display:none}.tile__slot{font-size:var(--fs-micro);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid)}.tile{position:relative;display:block;width:100%;text-align:left;background:var(--bg);cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%3E%3Ccircle%20cx='16'%20cy='16'%20r='14'%20fill='%23070B0F'%20fill-opacity='0.5'%20stroke='%23EAF0EF'%20stroke-width='1.4'/%3E%3Cpath%20d='M13%2010L23%2016L13%2022Z'%20fill='%23EAF0EF'/%3E%3C/svg%3E") 16 16,pointer}.tile__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface)}.tile__video,.tile__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile__video{opacity:0;transition:opacity .5s var(--ease-out-quart),transform .6s var(--ease-out-quart)}.tile.is-playing .tile__video{opacity:1}.tile:hover .tile__video,.tile:focus-visible .tile__video{transform:scale(1.04)}.tile__media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px #eaf0ef0f}.tile__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:2.75rem 1.1rem .95rem;background:radial-gradient(120% 100% at 50% 130%,rgba(234,240,239,.14),transparent 60%),linear-gradient(to top,rgba(7,11,15,.78) 0%,rgba(7,11,15,.28) 45%,transparent 100%)}.tile__title{font-size:var(--fs-micro);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-hi);text-shadow:0 1px 10px rgba(0,0,0,.55);transition:color .3s var(--ease-out-quart)}.tile__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;display:none;place-items:center;border:1px solid var(--ink-hi);border-radius:50%;background:var(--scrim);color:var(--ink-hi);font-size:.7rem;letter-spacing:.08em}@media(hover:none){.tile__play{display:grid}}@media(min-width:680px){.work-grid[data-count="2"],.work-grid[data-count="3"]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.work-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.tile__video{transition:opacity .3s ease}.tile:hover .tile__video{transform:none}}