body[data-atlas-ten] .hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:0;padding:42px 0 60px;min-height:890px;background:#e5e2d8}
body[data-atlas-ten] .hero .art{grid-column:1;grid-row:1;min-height:760px;height:760px;border:0;border-right:2px solid #a9a598;background:#e9e6dc;transform:none!important}
body[data-atlas-ten] .art>:not(.ten-photo){display:none}
.ten-photo{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);object-position:50% 52%}
body[data-atlas-ten] .hero-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;padding:44px 5vw 40px;background:linear-gradient(90deg,#a5a19530,#f5f2e8 6%,#f5f2e8 96%,#ddd8ca);border-right:8px double #c6c0b0}
body[data-atlas-ten] .hero h1{font:400 clamp(64px,6.8vw,110px)/.88 var(--display);letter-spacing:-.055em}
body[data-atlas-ten] .hero h1:after{content:"01 / THE OBSERVED FORM";font:11px monospace;letter-spacing:.12em;display:block;margin:32px 0}
body[data-atlas-ten] .hero .lede{font-size:18px;line-height:1.6;max-width:28ch}
body[data-atlas-ten] .hero .actions{position:static;display:flex;flex-wrap:wrap;gap:12px}
body[data-atlas-ten] .hero .micro{display:none}
body[data-atlas-ten] .story-section{display:grid;grid-template-columns:1fr 1.4fr;gap:6vw;padding:90px 5vw;border-top:1px solid #777}
body[data-atlas-ten] .story-section h2{font:400 clamp(40px,4.7vw,70px)/1 var(--display)}
.ten-detail img{width:100%;height:540px;object-fit:cover;object-position:50% 80%;filter:grayscale(1) contrast(1.2)}
@media(max-width:760px){body[data-atlas-ten] .hero{display:flex!important;flex-direction:column;padding:0!important;gap:0!important}body[data-atlas-ten] .hero .art{height:520px!important;min-height:520px!important;order:1}body[data-atlas-ten] .hero-copy{order:2;padding:40px 24px!important;display:block!important}body[data-atlas-ten] .hero h1{font-size:74px!important}body[data-atlas-ten] .hero .lede{font-size:16px}body[data-atlas-ten] .story-section{grid-template-columns:1fr;padding:64px 24px}.ten-detail img{height:400px}}
body[data-atlas-ten] .hero-copy{align-self:stretch;height:100%}