/* Latin lettering uses the same Josefin Sans assets as the new TOP. */
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/josefin-sans-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/josefin-sans-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/josefin-sans-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-latin:"Josefin Sans","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif;font-family:var(--font-latin)}
.site-header nav,.eyebrow,h1,.hero-foot,.hero-photo-label small,.hero-video-tools>span,.gallery-intro p:first-child,.gallery-intro strong,.sidebar-note>span,.brand-tabs button,.brand-tabs small,.result-toolbar strong,.card-brand,.empty-state>span,.footer-top p,.detail-photo-count,.detail-brand{font-family:var(--font-latin)}
.site-header nav{font-size:15px;font-weight:500;letter-spacing:.08em}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.13em;line-height:1.6}
.hero--video .hero-copy{width:65%}
.hero--video h1{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.12;letter-spacing:.025em;margin-top:24px}
.hero--video .hero-title-jp{margin-top:10px;font-size:12px;font-weight:500;line-height:1.8;letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px #0008}
.hero--video .hero-jp{font-size:clamp(16px,1.35vw,21px)}
.hero--video .hero-description{font-size:11px}
.hero--video .hero-foot{font-size:11px;letter-spacing:.08em}
.hero-video-tools>span{font-size:11px;letter-spacing:.1em}
.gallery-intro p:first-child{font-size:12px}.gallery-intro strong{font-size:23px;font-weight:500}
.finder .result-toolbar strong{font-size:34px;font-weight:500;letter-spacing:-.02em}
.card-brand,.detail-brand{font-size:13px;font-weight:500;letter-spacing:.03em}
.footer-top p{font-size:13px;letter-spacing:.07em}
.empty-state>span{font-size:30px}.detail-photo-count{font-size:16px}
@media(max-width:1100px){.site-header{gap:24px}.site-header nav{gap:20px;font-size:13px}.hero--video .hero-copy{width:78%}}
@media(max-width:760px){
 .site-header nav a.current{font-size:13px;letter-spacing:.05em}
 .hero--video .hero-copy{width:100%}
 .hero--video h1{font-size:clamp(29px,8.8vw,61px);line-height:1.18;letter-spacing:.015em;margin-top:23px}
 .hero--video .hero-title-jp{margin-top:8px;font-size:11px;letter-spacing:.08em}
 .hero--video .hero-jp{font-size:15px}
 .hero--video .hero-description{font-size:10.5px}
 .hero-copy>.eyebrow{font-size:10px;letter-spacing:.08em;gap:7px}
 .hero-video-tools>span{font-size:10px;letter-spacing:.07em}
 .gallery-intro p:first-child{font-size:10px}.gallery-intro strong{font-size:19px}
 .finder .result-toolbar strong{font-size:29px}
 .card-brand{font-size:12px}.footer-top p{font-size:11px}
}
@media(max-width:360px){.hero-copy>.eyebrow{font-size:9px;letter-spacing:.06em}.site-header{gap:10px}.site-header nav a.current{font-size:12px}.hero--video h1{font-size:clamp(26px,8.8vw,32px)}.hero--video .hero-jp{font-size:14px}}