body[data-atlas-ten]{background:#e9e5d9}
body[data-atlas-ten] .hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;min-height:850px;padding:36px 0;gap:24px;position:relative}
body[data-atlas-ten] .hero-copy{display:contents}
body[data-atlas-ten] .hero h1{grid-column:1/10;grid-row:1;font-size:clamp(80px,12.7vw,190px);line-height:.77;letter-spacing:-.09em;z-index:5;mix-blend-mode:multiply;max-width:10ch;margin:0 0 32px}
body[data-atlas-ten] .hero .art{grid-column:5/13;grid-row:1/4;min-height:720px;border:0;margin-top:85px;overflow:hidden;box-shadow:none}
body[data-atlas-ten] .swiss-board{box-shadow:none;background:#f5f0e4;transform:rotate(-8deg) scale(1.08)}
body[data-atlas-ten] .hero .lede{grid-column:1/5;grid-row:2;align-self:end;font-size:18px;max-width:32ch;padding-top:22px;border-top:10px solid #df2d25;z-index:5}
body[data-atlas-ten] .hero .actions{grid-column:1/5;grid-row:3;display:flex;flex-direction:column;position:static;align-items:start;z-index:5}
body[data-atlas-ten] .hero .micro{display:none}
body[data-atlas-ten] .art .hf-overlay,body[data-atlas-ten] .art .steelo-brand-layer{display:none}
body[data-atlas-ten] .story-section{display:grid;grid-template-columns:2fr 1fr;padding:80px 5vw;border-top:12px solid #111;gap:6vw}
body[data-atlas-ten] .story-section h2{font-size:clamp(48px,7vw,112px);line-height:.9;letter-spacing:-.075em}
.ten-specimen{font:900 clamp(80px,12vw,180px)/.9 Arial,sans-serif;color:#2447ba;letter-spacing:-.09em;word-spacing:-.3em}
@media(max-width:760px){body[data-atlas-ten] .hero{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:20px!important}body[data-atlas-ten] .hero-copy{display:contents!important}body[data-atlas-ten] .hero h1{grid-column:1!important;grid-row:1!important;font-size:20vw!important;margin:0!important}body[data-atlas-ten] .hero .art{grid-column:1!important;grid-row:2!important;margin:0!important;height:420px!important;min-height:420px!important}body[data-atlas-ten] .hero .lede{grid-column:1!important;grid-row:3!important}body[data-atlas-ten] .hero .actions{grid-column:1!important;grid-row:4!important}body[data-atlas-ten] .story-section{grid-template-columns:1fr;padding:48px 24px}}
body[data-atlas-ten] .hero h1{font-size:clamp(80px,10vw,148px)}
body[data-atlas-ten] .hero .art{margin-top:210px;grid-column:6/13}