@import "https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/variable/woff2/SUIT-Variable.css";:root{--bg:#fff;--text:#111;--muted:#999;--line:#ececec}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);letter-spacing:0;font-family:SUIT Variable,SUIT,-apple-system,Apple SD Gothic Neo,sans-serif;font-size:15px;font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}header.site{backdrop-filter:blur(8px);z-index:10;background:#ffffffeb;position:sticky;top:0}header.site .inner{align-items:center;gap:52px;padding-block:20px;display:flex}.logo{align-items:center;display:flex}.logo-img{filter:invert();height:28px;display:block}nav.main{gap:40px;display:flex}nav.main a{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:13px;transition:color .15s}nav.main a:hover,nav.main a.active{color:var(--text)}main{min-height:70vh}.intro{padding:72px 0 16px}.intro p{color:#333;word-break:keep-all;font-size:17px;line-height:1.9}.hero{background:#f4f4f4;width:100%;height:clamp(400px,66vh,760px);margin-bottom:40px;position:relative;overflow:hidden}.hero .slide{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.hero .slide.on{opacity:1;pointer-events:auto}.hero .slide img{object-fit:cover;width:100%;height:100%;display:block}.hero .scrim{background:linear-gradient(#0000 45%,#00000073);position:absolute;inset:0}.hero .caption{color:#fff;position:absolute;bottom:48px;left:0;right:0}.hero .s-client{opacity:.85;letter-spacing:.02em;margin-bottom:4px;font-size:12px}.hero .s-title{letter-spacing:-.02em;word-break:keep-all;font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1.3}.hero .dots{z-index:2;gap:14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero .dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:background .2s,transform .2s}.hero .dots button.on{background:#fff;transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.hero .slide{transition:none}}.grid{grid-template-columns:repeat(2,1fr);gap:48px 32px;padding:40px 0 80px;display:grid}@media (width<=640px){.grid{grid-template-columns:1fr;gap:40px}}.card{display:block}.thumb{aspect-ratio:16/9;color:#c9c9c9;letter-spacing:.1em;background:#f4f4f4;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .25s,transform .5s}.card:hover .thumb img{opacity:.9;transform:scale(1.02)}.card .meta{padding-top:12px}.card .client{color:var(--muted);letter-spacing:0;font-size:12px}.card .title{letter-spacing:-.01em;margin-top:2px;font-size:15px;font-weight:600}.page-head{padding:56px 0 8px}.page-head h1{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.detail{max-width:900px;margin:0 auto;padding:56px 0 96px}.detail .client{color:var(--muted);letter-spacing:0;font-size:13px}.detail h1{letter-spacing:-.02em;margin:4px 0 32px;font-size:26px;font-weight:700}.video{aspect-ratio:16/9;color:#c9c9c9;letter-spacing:.1em;background:#f4f4f4;justify-content:center;align-items:center;margin-bottom:40px;font-size:12px;display:flex}.video iframe{border:0;width:100%;height:100%;display:block}.detail .note h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:600}.detail .body{color:#444;max-width:620px}.detail .body p{margin-bottom:10px}.credits{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.credits h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:600}.credits dl{grid-template-columns:140px 1fr;row-gap:6px;font-size:13.5px;display:grid}.credits dt{color:var(--muted)}.pn{border-top:1px solid var(--line);justify-content:space-between;margin-top:64px;padding-top:24px;font-size:13.5px;display:flex}.pn a{color:var(--muted);max-width:45%}.pn a:hover{color:var(--text)}.contact{max-width:620px;padding:96px 0}.contact h1{letter-spacing:-.02em;margin-bottom:24px;font-size:26px;font-weight:700}.contact p{color:#444;margin-bottom:8px}.contact .big{margin:0 0 10px;font-size:20px;font-weight:600}.contact .big a:hover{border-bottom:1px solid var(--text)}a:focus-visible,button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #111}@media (width<=640px){header.site .inner{gap:28px;padding-block:16px}.logo-img{height:24px}nav.main{gap:24px}.intro{padding:44px 0 8px}.intro p{font-size:15.5px}.hero{height:clamp(320px,56vh,560px);margin-bottom:24px}.hero .caption{bottom:40px}.detail{padding:36px 0 72px}.detail h1{font-size:21px}.credits dl{grid-template-columns:100px 1fr}.contact{padding:64px 0}.pn{flex-direction:column;gap:10px}.pn a{max-width:100%}}@media (prefers-reduced-motion:reduce){.thumb img{transition:none}}footer.site{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:28px 0 40px;font-size:12px;display:flex}