.logo-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:23px;font-size:12px;line-height:1.6;color:var(--muted)}
.logo-hero{padding-top:36px;gap:48px}.logo-hero .hero-image{align-self:center}.logo-hero .hero-image img{aspect-ratio:3218/1968;object-fit:contain;border:1px solid var(--line);background:var(--soft);border-radius:12px}.logo-hero .hero-image>a{display:block;border-radius:12px}.logo-hero .hero-image figcaption{font-size:12px;line-height:1.6}.logo-hero .hero-image figcaption a{margin-left:0}.logo-page .project-card h3{max-width:none}.logo-page .project-card p{margin-bottom:0}.logo-artwork{border-top:1px solid var(--line)}.logo-page .material-card{background:#fff}.logo-page .header-nav a{white-space:nowrap}
@media(max-width:1000px){.logo-hero{gap:30px}.logo-hero h1{font-size:43px}.logo-page .header-inner{gap:20px}.logo-page .header-nav{gap:16px}}
@media(max-width:740px){.logo-breadcrumbs{padding-top:20px;font-size:11px;gap:6px 10px}.logo-hero{padding-top:27px;gap:27px}.logo-hero h1{font-size:clamp(35px,7.8vw,50px)}.logo-hero .hero-image img{aspect-ratio:3218/1968}.logo-page .header-inner{gap:12px 18px}.logo-page .header-nav{gap:16px}.logo-page .header-nav a{font-size:11px}.logo-page .project-card p{margin-bottom:0}.logo-page .hero-note{font-size:12px}}
@media(max-width:400px){.logo-page .header-nav{width:100%;margin-left:0;justify-content:space-between}.logo-page .header-inner{padding-bottom:6px}.logo-page .header-nav a{font-size:12px;padding-block:9px}.logo-hero h1{font-size:35px}}
