.hero-canvas-wrap{position:relative;width:100%;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:#ede5d9}
.hero-canvas-wrap>img{width:100%;height:100%;object-fit:contain}
.hero-canvas-wrap canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}
.hero-canvas-wrap.is-3d canvas{opacity:1}
.hero-motion{position:absolute;right:10px;bottom:10px;background:rgba(247,245,239,.9);border:1px solid #b8b2a5;color:#33362f;font-size:9px;padding:5px 10px;border-radius:3px;z-index:2}
.hero-motion[hidden]{display:none}
.hero-art .art-note{bottom:-14%;left:-25px}
.hero-art .image-caption{bottom:-53px}
.hero-art .orbit-label{top:-34px;right:5px}
.hero-art{margin-bottom:45px}
.brand-original{display:block;width:103px;aspect-ratio:748/200;flex-shrink:0}
.brand-original>img{display:block;width:100%;height:100%;object-fit:contain}
.logo-surface{position:relative}
.logo-surface canvas{display:block;position:absolute;width:100%;height:100%;inset:0;opacity:0}
.logo-surface.logo-ready>canvas{opacity:1}
.logo-surface.logo-ready>img{opacity:0}
.logo-showcase{margin-top:45px;width:100%;height:180px;max-width:440px}
.logo-showcase>img{width:100%;height:100%;object-fit:contain;padding:25px 0}
.work-card h3{line-height:1.55;font-size:23px}
.work-features{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}
.work-features li{display:grid;grid-template-columns:90px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:10px;line-height:1.9}
.work-features strong{font-size:10px}.work-features li>span{color:var(--muted)}
@media(max-width:760px){.brand-original{width:94px}.logo-showcase{height:140px;margin-top:20px}.work-card h3{font-size:22px}.work-features li{grid-template-columns:85px 1fr;gap:8px}}
@media(max-width:760px){.hero-art{margin-top:40px;margin-bottom:45px}.hero-art .art-note{bottom:-18%;left:-10px}.hero-art .image-caption{bottom:-63px}.hero-motion{font-size:8px;right:7px;bottom:7px}.hero-art .orbit-label{top:-29px}}