.art-hero{background:var(--creme);padding:var(--space-section) 0 var(--space-section-sm);border-bottom:1px solid var(--hairline)}.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px}.art-meta .date{font-family:var(--sans);font-size:13.5px;color:var(--stein);letter-spacing:.04em}.art-meta .author{font-family:var(--sans);font-size:13.5px;color:var(--stein);padding-left:14px;border-left:1px solid var(--hairline)}.art-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.4vw,56px);line-height:1.08;letter-spacing:-.02em;color:var(--petrol);margin:0 0 20px;max-width:24ch}.art-hero .excerpt{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--stein);max-width:64ch;margin:0}.art-cover{background:var(--offwhite);padding:48px 0 0}.art-cover .wrap{aspect-ratio:16/9;overflow:hidden;background:var(--creme);border:1px solid var(--hairline);position:relative}.art-cover img{width:100%;height:100%;object-fit:cover;display:block}.art-body{background:var(--offwhite);padding:var(--space-section) 0}.art-body .prose{max-width:68ch;margin:0 auto;font-family:var(--sans);font-size:17px;line-height:1.75;color:var(--tinte)}.art-body .prose p{margin:0 0 22px}.art-body .prose h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.015em;color:var(--petrol);margin:40px 0 14px}.art-body .prose h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.25;color:var(--petrol);margin:32px 0 10px}.art-body .prose ul,.art-body .prose ol{margin:0 0 22px;padding-left:22px}.art-body .prose li{margin-bottom:8px}.art-body .prose a{color:var(--bordeaux);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.art-body .prose a:hover{color:var(--petrol-dark)}.art-body .prose blockquote{margin:28px 0;padding:18px 24px;border-left:3px solid var(--bordeaux);background:var(--creme);font-family:var(--serif);font-style:italic;color:var(--petrol)}.art-body .prose img{width:100%;height:auto;margin:28px 0;border:1px solid var(--hairline)}.art-body .prose figure{margin:28px 0}.art-body .prose figure img{margin:0}.art-body .prose figcaption{font-family:var(--sans);font-size:13px;color:var(--stein);padding-top:8px;letter-spacing:.02em}.art-body .prose strong{color:var(--petrol)}.art-body .prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--creme);padding:2px 6px}.art-foot{background:var(--creme);padding:var(--space-section) 0;border-top:1px solid var(--hairline)}.art-foot .back{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:500;font-size:15px;color:var(--petrol);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}.art-foot .back:hover{color:var(--petrol-dark)}.art-related{background:var(--offwhite);padding:var(--space-section) 0;border-top:1px solid var(--hairline)}.art-related .head{max-width:820px;margin:0 0 40px}.art-related .head .eyebrow{display:block;margin-bottom:14px}.art-related .head h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.8vw,36px);line-height:1.15;color:var(--petrol);letter-spacing:-.012em;margin:0}.art-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.art-related-card{background:#fff;border:1px solid var(--hairline);border-top:var(--card-accent-width) solid var(--petrol);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform var(--transition),box-shadow var(--transition)}.art-related-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px -22px #0e4d4f4d}@media(prefers-reduced-motion:reduce){.art-related-card:hover{transform:none}}.art-related-card .thumb{aspect-ratio:4/3;overflow:hidden;background:var(--creme)}.art-related-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.art-related-card .body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:10px}.art-related-card .meta{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bordeaux)}.art-related-card h3{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.3;color:var(--petrol);letter-spacing:-.005em;margin:0}@media(max-width:960px){.art-cover{padding:28px 0 0}.art-cover .wrap{aspect-ratio:4/3}.art-body{padding:var(--space-section-sm) 0}.art-related-grid{grid-template-columns:1fr;gap:14px}.art-foot,.art-related{padding:var(--space-section-sm) 0}}
