.art-hero{background-position:50%;background-size:cover;background-color:var(--ink);justify-content:center;align-items:center;height:clamp(400px,42vw,672px);display:flex;position:relative}.art-hero:before{content:"";background:#00000080;position:absolute;inset:0}.art-hero-inner{z-index:1;text-align:center;max-width:842px;padding-inline:var(--gutter);flex-direction:column;gap:27px;width:100%;margin-inline:auto;display:flex;position:relative}.art-hero h1{color:#fff;font-weight:600}.art-date{color:var(--green);text-transform:uppercase;letter-spacing:.05em;font-size:18px;font-weight:600}.art-layout{grid-template-columns:1fr 300px;align-items:start;gap:clamp(40px,5vw,80px);padding-block:clamp(48px,6vw,80px);display:grid}.art-content h2{color:var(--ink);margin:48px 0 16px;font-size:clamp(26px,2.8vw,34px);font-weight:600;line-height:1.2}.art-content h2:first-child{margin-top:0}.art-content h3{color:var(--ink);margin:32px 0 12px;font-size:clamp(20px,2.2vw,24px);font-weight:600;line-height:1.25}.art-content p{color:var(--text-muted);margin-bottom:16px;font-size:16px;line-height:1.6}.art-content blockquote{border-left:4px solid var(--green);margin:0 0 32px;padding:4px 0 4px 24px}.art-content blockquote p{color:var(--ink);margin-bottom:0;font-size:18px;line-height:1.6}.art-content ul{flex-direction:column;gap:10px;margin:0 0 32px;padding-left:0;list-style:none;display:flex}.art-content ul li{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:16px;line-height:1.6;display:flex}.art-content ul li svg{color:var(--green);flex-shrink:0;margin-top:4px}.art-img{margin-bottom:40px}.art-img img{object-fit:cover;border-radius:20px;width:100%;height:clamp(240px,30vw,494px);display:block}.art-sidebar{align-self:stretch}.art-sidebar-inner{top:calc(var(--header-h,80px) + 24px);flex-direction:column;gap:16px;display:flex;position:sticky}.art-sidebar-title{color:var(--ink);font-size:24px;font-weight:500;line-height:1.2}.art-area-tag{color:var(--ink);font-size:18px;font-weight:400;line-height:1.2;transition:color .2s}.art-area-tag:hover{color:var(--green)}.art-cta{background:var(--ink);border-radius:16px;flex-direction:column;gap:12px;margin-top:28px;padding:24px;display:flex}.art-cta-title{color:#fff;font-size:18px;font-weight:600;line-height:1.25}.art-cta-text{color:#fffc;font-size:14px;line-height:1.5}.art-cta-btn{align-self:flex-start;margin-top:4px}@media (max-width:900px){.art-layout{grid-template-columns:1fr}.art-sidebar{order:-1}.art-sidebar-inner{position:static}}@media (max-width:600px){.art-hero h1{letter-spacing:-1px}}.art-related h2{margin-bottom:clamp(28px,3vw,44px)}.art-related-grid{grid-template-columns:repeat(3,1fr);gap:40px 20px;display:grid}.art-related-card{flex-direction:column;gap:16px;transition:transform .25s;display:flex}.art-related-card:hover{transform:translateY(-4px)}.art-related-card .img{aspect-ratio:466/380;background-position:50%;background-size:cover;border-radius:20px}.art-related-card .date{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;line-height:1}.art-related-card h3{color:var(--ink);font-size:20px;font-weight:600;line-height:1.3}@media (max-width:1380px){.art-related-card .img{aspect-ratio:466/320}}@media (max-width:900px){.art-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.art-related-grid{grid-template-columns:1fr}}