.archive-header{margin:0 var(--space);padding:22px 0;border-bottom:1px solid var(--line)}.archive-brand{gap:8px}.archive-brand span{font-size:29px;font-weight:800;letter-spacing:-.04em}.archive-intro{padding:65px var(--space) 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;align-items:end}.archive-intro h1{font-size:clamp(70px,8vw,130px);line-height:.94;letter-spacing:-.04em;font-weight:450}.archive-intro h1 span{color:var(--red)}.archive-intro>div>p{font-size:clamp(22px,2.3vw,34px);line-height:1.3;letter-spacing:-.025em;max-width:26ch}.archive-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;font-size:11px}.archive-summary>span{color:var(--muted)}.archive-summary>a{display:flex;align-items:center;gap:15px;min-height:44px}.archive-summary>a:hover{text-decoration:underline}.archive-gallery{padding:0 var(--space) 55px;columns:3;column-gap:32px}.archive-card{break-inside:avoid;margin:0 0 45px;min-width:0}.archive-media{position:relative;display:block;width:100%;overflow:hidden;background:var(--bg);padding:0;text-align:left}.archive-media img{display:block;width:100%;height:auto;transition:transform .7s var(--ease),filter .5s var(--ease)}.archive-media:hover img,.archive-media:focus-visible img{transform:scale(1.025);filter:brightness(.9)}.film-cover img{height:100%;object-fit:contain}.film-control{position:absolute;left:15px;bottom:15px;display:flex;align-items:center;gap:10px;padding:11px 13px;color:var(--paper);background:var(--bg);font-size:11px;min-height:44px}.play-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.image-arrow{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--bg);opacity:0;transform:translateY(8px);transition:opacity .25s var(--ease),transform .4s var(--ease)}.archive-media:hover .image-arrow,.archive-media:focus-visible .image-arrow{opacity:1;transform:none}.archive-caption{padding-top:18px}.archive-client{font-size:11px;line-height:1.4;color:var(--muted);letter-spacing:.025em}.archive-caption h2{font-size:clamp(23px,2.1vw,32px);line-height:1.08;letter-spacing:-.03em;margin-top:7px;font-weight:450}.archive-caption h2 a:hover{text-decoration:underline}.archive-meta{font-size:10px;line-height:1.6;color:var(--muted);margin-top:10px;text-transform:none}.project-detail,.motion-toggle{display:flex;width:max-content;align-items:center;gap:18px;min-height:44px;margin-top:10px;padding:0;font-size:12px;border-bottom:1px solid var(--line)}.project-detail .arrow{width:18px;height:18px}.project-detail:hover,.motion-toggle:hover{border-color:var(--paper)}.archive-back{padding:0 var(--space) 75px}.archive-back>a{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;font-size:clamp(24px,3vw,44px);letter-spacing:-.03em}.archive-back>a .arrow{width:35px;height:35px}.archive-back>p{margin-top:20px;font-size:12px;color:var(--muted)}#archive-film-container{aspect-ratio:16/9;max-height:70vh}#archive-film-container iframe{width:100%;height:100%;border:0}.film-dialog-links{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.film-dialog-links a{display:flex;align-items:center;gap:20px;font-size:12px;min-height:44px}.archive-page .contact{margin-top:0}.archive-gallery a:focus-visible,.archive-gallery button:focus-visible{outline-offset:4px}
@media(min-width:1800px){.archive-gallery{column-gap:40px}.archive-card{margin-bottom:55px}}
@media(max-width:1100px){.archive-gallery{columns:2;column-gap:28px}.archive-intro{gap:6vw}.archive-summary{display:block}.archive-summary>a{margin-top:10px}.archive-caption h2{font-size:27px}}
@media(max-width:600px){.archive-header{margin:0 20px;padding:12px 0;gap:12px}.archive-brand span{font-size:25px}.archive-header nav{gap:10px}.archive-header nav a{font-size:12px}.archive-header nav a:nth-child(3),.archive-header nav a:nth-child(4){display:none}.archive-intro{display:block;padding:35px 20px 45px}.archive-intro h1{font-size:clamp(68px,18vw,96px)}.archive-intro>div{margin-top:25px}.archive-intro>div>p{font-size:23px;max-width:25ch}.archive-summary{display:flex;font-size:10px;gap:20px;margin-top:20px}.archive-summary>a{margin-top:0;font-size:10px;gap:10px}.archive-summary .arrow{width:18px;height:18px}.archive-gallery{padding:0 20px 35px;columns:2;column-gap:16px}.archive-card{margin-bottom:30px}.archive-caption{padding-top:12px}.archive-client{font-size:10px;line-height:1.35}.archive-caption h2{font-size:20px;margin-top:7px}.archive-meta{font-size:10px;margin-top:8px}.film-control{left:7px;bottom:7px;gap:5px;font-size:10px;padding:6px;min-height:36px}.film-control .play-icon{width:16px;height:16px}.image-arrow{opacity:1;transform:none;right:8px;bottom:8px;width:36px;height:36px}.image-arrow .arrow{width:18px;height:18px}.project-detail,.motion-toggle{font-size:11px;gap:10px;min-height:44px}.archive-back{padding:0 20px 45px}.archive-back>a{font-size:26px;padding:25px 0;line-height:1.1}.archive-back>a .arrow{width:26px;height:26px}.archive-back>p{font-size:11px}.film-dialog-links{align-items:flex-start;flex-wrap:wrap;gap:5px 20px}.archive-page .dialog-top h2{font-size:17px}}
@media(max-width:380px){.archive-gallery{columns:1}.archive-caption h2{font-size:25px}.archive-client{font-size:11px}.film-control{left:12px;bottom:12px;padding:10px 12px;font-size:12px;min-height:44px}.image-arrow{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.archive-media img,.image-arrow{transition:none}.archive-media:hover img,.archive-media:focus-visible img{transform:none;filter:none}}
.archive-header{padding-top:18px;padding-bottom:18px}
.archive-brand span{font-size:inherit;font-weight:inherit;letter-spacing:inherit}
@media(max-width:600px){.archive-header{padding-top:12px;padding-bottom:12px}.archive-brand span{font-size:inherit}}
.archive-motion{padding:0 var(--space) 30px}.archive-motion button{font:inherit;font-size:12px;min-height:44px;border-bottom:1px solid var(--line)}.archive-motion button:hover{border-color:var(--paper)}.animated-preview{position:relative}.animated-preview img{height:100%;object-fit:contain}.animated-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.archive-media[data-gif]{aspect-ratio:1}.archive-media[data-gif] img{height:100%;object-fit:cover}