body[data-atlas-ten] .hero{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;width:100%;padding:45px 5vw 70px;gap:30px 5vw;background:#372c22;color:#f2e4c7;min-height:1000px}
body[data-atlas-ten] .hero-copy{display:contents}
body[data-atlas-ten] .hero h1{grid-column:1;grid-row:1;font:400 clamp(65px,8vw,124px)/.83 var(--display);letter-spacing:-.065em;max-width:10ch;margin:0}
body[data-atlas-ten] .hero .lede{grid-column:2;grid-row:1;font:17px/1.55 var(--body);color:#d4c1a1;max-width:36ch;padding-top:14px}
body[data-atlas-ten] .hero .actions{grid-column:2;grid-row:1;align-self:end;position:static;display:flex;gap:12px;flex-wrap:wrap;margin-top:150px}
body[data-atlas-ten] .hero .primary{background:#d88642;color:#1c201b;border-radius:0}
body[data-atlas-ten] .hero .secondary{color:#f2e4c7;border-color:#b79c77;border-radius:0}
body[data-atlas-ten] .hero .art{grid-column:1/-1;grid-row:2;min-height:650px;height:650px;width:100%;border:12px solid #241d17;box-shadow:0 12px 0 #191511;transform:none!important;background:#b8996c;border-radius:0}
body[data-atlas-ten] .hero .micro{display:none}
body[data-atlas-ten] .crate-scene{background:linear-gradient(100deg,#b39061,#d9c198 47%,#967042)}
body[data-atlas-ten] .crate-sleeve{border-left:5px solid #ffffff55;box-shadow:inset -8px 0 #0002,6px 8px 10px #35241880}
body[data-atlas-ten] .hero .steelo-brand-layer,body[data-atlas-ten] .hero .hf-overlay{display:none}
body[data-atlas-ten] .story-section{display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;padding:90px 6vw;background:#d6c29b}
body[data-atlas-ten] .story-section h2{font:400 clamp(48px,6vw,90px)/.92 var(--display)}
.ten-specimen{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#333 3px,#111 4px);border:20px solid #131311;color:#dda86d;font:400 64px Georgia;box-shadow:9px 16px 20px #573a2350}
@media(max-width:760px){body[data-atlas-ten] .hero{display:flex!important;flex-direction:column;padding:36px 20px!important;gap:24px!important;min-height:0!important}body[data-atlas-ten] .hero-copy{display:contents!important}body[data-atlas-ten] .hero h1{font-size:18vw!important;order:1}body[data-atlas-ten] .hero .lede{order:2;margin:0!important;padding:0!important}body[data-atlas-ten] .hero .actions{order:3;margin:0!important;width:100%}body[data-atlas-ten] .hero .art{order:4;height:580px!important;min-height:580px!important;width:100%!important;border-width:6px}body[data-atlas-ten] .story-section{grid-template-columns:1fr;padding:60px 24px}}