.site-header{z-index:10;min-height:88px;padding:0 var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.site-header .brand{min-height:44px;color:var(--light);align-items:center;gap:12px;display:inline-flex}.site-header .brand img{width:auto;height:32px}.site-header .brand .brand-name{letter-spacing:.16em;font-size:15px}.site-header nav a{letter-spacing:.12em;color:var(--light-70);font-size:12px}.site-header nav a:hover{color:var(--gold)}.hero{min-height:100svh;padding:140px var(--gutter) 10svh;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero .hero-image,.hero .hero-shade{position:absolute;inset:0}.hero .hero-image img{object-fit:cover;object-position:60% center;width:100%;height:100%;animation:hero-field 1.8s var(--ease-glide) both;transform:scale(1.06)}.hero .hero-shade{background:linear-gradient(90deg,#0b0b0af0 0%,#0b0b0a9e 36%,#0b0b0a14 72%),linear-gradient(#0000 48%,#0b0b0ad1 100%)}.hero .hero-copy{z-index:2;width:min(720px,76vw);animation:.95s .18s both hero-copy;position:relative}.hero .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 20px;font-size:10px}.hero h1{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(64px,9vw,132px);line-height:.96}.hero .tagline{letter-spacing:.06em;color:var(--light-76);margin:0 0 42px;font-size:clamp(16px,1.4vw,22px);line-height:1.6}@keyframes hero-field{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.06)}}@keyframes hero-copy{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.work{padding:14svh var(--gutter) 12svh}.work>*{width:min(100%, var(--content));margin-left:auto;margin-right:auto}.work-heading{margin-bottom:clamp(44px,6svh,72px)}.work-heading h2{max-width:850px;margin:0;font-size:clamp(44px,6vw,86px)}.portfolio{gap:clamp(12px,1.4vw,18px);display:flex}.portfolio-col{flex-direction:column;flex:1 1 0;gap:clamp(12px,1.4vw,18px);min-width:0;display:flex}.portfolio-card{text-align:left;border:1px solid var(--line-light);background:var(--media-bed);width:100%;transition:border-color var(--motion-fast) ease;border-radius:12px;display:block;overflow:hidden}.portfolio-card:hover,.portfolio-card:focus-visible{border-color:var(--gold-line)}.portfolio-card .card-media{position:relative;overflow:hidden}.portfolio-card .card-media img{filter:saturate(.92)brightness(.86);width:100%;height:auto;transition:transform .7s var(--ease-glide), filter .5s ease;display:block}.portfolio-card:hover .card-media img,.portfolio-card:focus-visible .card-media img{filter:saturate()brightness(.94);transform:scale(1.05)}.portfolio-card .card-tag{letter-spacing:.12em;color:var(--light);opacity:0;transition:opacity var(--motion-fast) ease;pointer-events:none;background:#0b0b0a9e;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:10px;left:10px}.portfolio-card .card-caption{opacity:0;transition:opacity var(--motion-fast) ease;pointer-events:none;background:linear-gradient(#0000 0%,#0b0b0ae0 100%);padding:44px 14px 14px;position:absolute;inset:auto 0 0}.portfolio-card:hover .card-tag,.portfolio-card:hover .card-caption,.portfolio-card:focus-visible .card-tag,.portfolio-card:focus-visible .card-caption{opacity:1}.portfolio-card .card-caption h3{color:var(--light);margin:0;font-size:15px;line-height:1.4}.portfolio-card .card-caption p{color:var(--light-72);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (hover:none){.portfolio-card .card-tag,.portfolio-card .card-caption{opacity:1}}.bili-modal{z-index:50;padding:var(--gutter);background:#0b0b0ae0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.bili-modal.open{display:flex}.bili-modal .modal-panel{background:var(--media-bed);border:1px solid var(--line-light);width:100%;max-width:960px}.bili-modal .modal-head{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.bili-modal .modal-title{letter-spacing:.06em;color:var(--light);font-size:13px}.bili-modal .modal-close{letter-spacing:.12em;min-height:44px;color:var(--light-70);transition:color var(--motion-fast) ease;padding:0 8px;font-size:12px}.bili-modal .modal-close:hover{color:var(--gold)}.bili-modal .modal-body{aspect-ratio:16/9;background:#000}.bili-modal iframe{border:0;width:100%;height:100%}@media (width<=800px){.site-header{min-height:72px}.hero{min-height:88svh;padding:110px var(--gutter) 72px}.hero .hero-image img{object-position:66% center}.hero .hero-copy{width:min(520px,100%)}.hero h1{font-size:clamp(48px,15vw,84px)}.work-heading h2{font-size:clamp(42px,12vw,64px)}}@media (width<=980px){.portfolio{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portfolio-col{display:contents}}@media (width<=560px){.portfolio{grid-template-columns:1fr}}