.topart-page{padding-block:42px 70px}
.topart-page h2,.topart-page h3{font-family:var(--adt-font-editorial);font-weight:400;color:var(--adt-white)}
.topart-page h2{font-size:clamp(27px,3.5vw,43px);margin:10px 0 16px}
.topart-page p{line-height:1.6}.topart-page a{color:inherit;text-underline-offset:3px}
.topart-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,5vw,72px);align-items:start}
.topart-copy{max-width:550px}.topart-buy{background:var(--adt-background-secondary);border:1px solid var(--adt-border-default);padding:clamp(16px,3vw,30px)}
.topart-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.topart-plans article{border:1px solid var(--adt-border-default);padding:clamp(9px,1.5vw,16px)}
.topart-plans h3{margin:0;font-size:clamp(15px,2vw,22px)}
.topart-plans .topart-price{margin:8px 0;font-size:clamp(21px,3vw,37px);line-height:1.1;color:var(--adt-white)}
.topart-plans button{padding:7px 10px;border:1px solid #a18c76;background:#44392e;color:#fff;font:inherit;cursor:pointer}
.topart-note{color:var(--adt-text-muted);font-size:13px}.topart-selection{margin-top:48px}
.topart-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.topart-work{min-width:0;scroll-snap-align:start;background:var(--adt-background-secondary);border:1px solid var(--adt-border-default)}
.topart-work img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#222}
.topart-work div{padding:14px}.topart-work h3{margin:0 0 6px;font-size:22px;overflow-wrap:anywhere}
.topart-notice{padding:12px 18px;border:1px solid var(--adt-border-default)}
@media(max-width:760px){.topart-offer{grid-template-columns:1fr}.topart-grid{grid-auto-columns:minmax(148px,42%)}}

.topart-closing{margin-top:22px;color:var(--adt-white)}
.topart-selection-intro{margin:-6px 0 20px;color:var(--adt-text-muted)}

.topart-plans .topart-annual{border-color:#a18c76;background:#37302a}
@media(max-width:1050px){.topart-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}

.topart-selection h2 a{color:inherit;text-decoration:none}.topart-selection h2 a:hover{text-decoration:underline}
.topart-selection--half{width:50%;max-width:100%;margin-top:0;color:var(--adt-text-primary,#d7d7d7)}
.topart-selection--half .topart-grid{grid-auto-columns:minmax(0,1fr);gap:8px}
.topart-selection--half .topart-work a{color:inherit}.topart-selection--half .topart-work div{padding:8px}
.topart-selection--half .topart-work h3{font-size:clamp(14px,1.6vw,20px)}
@media(max-width:760px){.topart-selection--half{width:100%}}