:root {
  --black: #070706;
  --black-soft: #0f0e0c;
  --panel: #171410;
  --gold: #c6a15b;
  --gold-light: #e4c985;
  --ivory: #eee9df;
  --text: #f5f1e9;
  --muted: #b9b2a6;
  --line: rgba(198, 161, 91, 0.28);
  --shell: min(1160px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--text); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
img { display: block; }
button, input, textarea { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; left: 14px; top: -80px; z-index: 999; background: var(--gold-light); color: #111; padding: 10px 16px; border-radius: 0 0 8px 8px; }
.skip-link:focus { top: 0; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(7,7,6,.84); backdrop-filter: blur(16px); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 13px; }
.brand-mark { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid var(--gold); color: var(--gold-light); font-size: .78rem; letter-spacing: .12em; }
.brand-copy { display: grid; line-height: 1.2; }
.brand-copy strong { font-size: 1.02rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.brand-copy small { color: var(--muted); margin-top: 4px; font-size: .7rem; letter-spacing: .025em; }
.desktop-nav { display: flex; align-items: center; gap: clamp(16px, 2.1vw, 30px); }
.desktop-nav a { color: #d8d2c7; font-size: .82rem; letter-spacing: .07em; text-transform: uppercase; transition: color .2s ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: var(--gold-light); }
.desktop-nav .nav-contact { border: 1px solid var(--gold); padding: 10px 16px; color: var(--gold-light); }
.mobile-menu { display: none; position: relative; }

.hero { min-height: 92vh; min-height: 760px; position: relative; display: flex; align-items: center; overflow: hidden; }
.hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% 40%; filter: grayscale(1) contrast(1.05); }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,7,6,.97) 0%, rgba(7,7,6,.74) 43%, rgba(7,7,6,.15) 76%, rgba(7,7,6,.28) 100%), linear-gradient(0deg, rgba(7,7,6,.62), transparent 38%); }
.hero-content { position: relative; z-index: 2; padding-top: 100px; }
.eyebrow { margin: 0 0 18px; color: var(--gold-light); font-size: .75rem; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(3.5rem, 8vw, 7.3rem); line-height: .92; letter-spacing: -.055em; font-weight: 300; text-wrap: balance; }
.hero-lead { max-width: 650px; margin: 30px 0 0; color: #d8d1c5; font-size: clamp(1.05rem, 2vw, 1.32rem); line-height: 1.65; }
.button-row { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 13px 22px; border: 1px solid transparent; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-gold { background: var(--gold); color: #100e0b; }
.button-gold:hover { background: var(--gold-light); }
.button-ghost { border-color: rgba(255,255,255,.42); color: #fff; background: rgba(8,8,7,.12); }
.button-ghost:hover { border-color: var(--gold-light); color: var(--gold-light); }
.button-outline { border-color: var(--gold); color: var(--gold-light); }
.hero-note { position: absolute; z-index: 2; right: 34px; bottom: 28px; display: grid; text-align: right; color: rgba(255,255,255,.7); font-size: .68rem; letter-spacing: .15em; text-transform: uppercase; }
.hero-note span:first-child { color: var(--gold-light); }

.trust-strip { border-block: 1px solid var(--line); background: #0b0a08; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.trust-grid div { padding: 25px 28px; border-right: 1px solid var(--line); }
.trust-grid div:last-child { border-right: 0; }
.trust-grid strong, .trust-grid span { display: block; }
.trust-grid strong { color: var(--gold-light); font-size: .74rem; letter-spacing: .18em; text-transform: uppercase; }
.trust-grid span { margin-top: 3px; color: var(--muted); font-size: .88rem; }

.section { padding-block: clamp(82px, 10vw, 140px); }
.split-intro { display: grid; grid-template-columns: 1.04fr .72fr; align-items: center; gap: clamp(54px, 8vw, 110px); }
.section-copy h2, .section-heading h2, .team-grid h2, .price-inner h2, .closing-cta h2 { margin: 0; font-size: clamp(2.3rem, 5.2vw, 4.5rem); line-height: 1.07; letter-spacing: -.045em; font-weight: 350; text-wrap: balance; }
.section-copy p, .team-copy p { color: var(--muted); }
.section-copy .lead-copy { color: var(--text); font-size: 1.2rem; line-height: 1.75; }
.text-link { display: inline-flex; gap: 11px; align-items: center; margin-top: 18px; color: var(--gold-light); font-size: .79rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid rgba(228,201,133,.38); padding-bottom: 4px; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(4px); }
.art-frame { position: relative; min-height: 650px; border: 1px solid var(--line); background: #12110f; }
.art-frame::before { content: ""; position: absolute; z-index: 2; inset: -12px 12px 12px -12px; border: 1px solid rgba(198,161,91,.35); pointer-events: none; }
.art-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.art-frame figcaption { position: absolute; z-index: 3; left: 18px; bottom: 16px; padding: 6px 10px; background: rgba(7,7,6,.75); color: var(--gold-light); font-size: .68rem; letter-spacing: .15em; text-transform: uppercase; }

.section-deep { background: var(--black-soft); border-block: 1px solid rgba(255,255,255,.05); }
.section-heading { margin-bottom: 58px; }
.centered { text-align: center; }
.centered .eyebrow, .centered p { margin-inline: auto; }
.narrow { max-width: 760px; margin-inline: auto; }
.concept-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.concept-grid article { min-height: 290px; padding: 28px; border-right: 1px solid var(--line); }
.concept-grid article:last-child { border-right: 0; }
.concept-grid article > span { color: var(--gold); font-size: .68rem; letter-spacing: .18em; }
.concept-grid h3 { margin: 64px 0 10px; font-size: 1.25rem; font-weight: 500; }
.concept-grid p { margin: 0; color: var(--muted); font-size: .93rem; }

.heading-row { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.heading-row .text-link { flex: 0 0 auto; margin-bottom: 8px; }
.masonry-preview { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 255px; gap: 12px; }
.gallery-card { position: relative; margin: 0; overflow: hidden; background: #171511; }
.gallery-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: transform .55s ease, filter .55s ease; }
.gallery-card:hover img { transform: scale(1.035); filter: grayscale(.45); }
.gallery-card-1 { grid-row: span 2; }
.gallery-card-2 { grid-column: span 2; }
.gallery-card-4 { grid-row: span 2; }
.gallery-card-6 { grid-column: span 2; }
.gallery-discretion { margin: 20px 0 0; color: #8f897e; font-size: .78rem; text-align: right; }

.section-ivory { background: var(--ivory); color: #17130e; }
.team-grid { display: grid; grid-template-columns: .9fr 1fr; gap: clamp(50px, 9vw, 130px); align-items: start; }
.eyebrow-dark { color: #7a5b23; }
.team-copy p { color: #554e45; margin-top: 0; font-size: 1.06rem; }
.team-copy strong { color: #17130e; }
.text-link-dark { color: #604619; border-color: rgba(96,70,25,.35); }

.process-section .section-heading > p:last-child { max-width: 650px; color: var(--muted); }
.process-list { max-width: 900px; margin: 0 auto; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process-list li { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 30px 0; border-bottom: 1px solid var(--line); }
.process-list li > span { color: var(--gold); font-size: .74rem; letter-spacing: .15em; }
.process-list h3 { margin: 0 0 5px; font-size: 1.25rem; font-weight: 500; }
.process-list p { margin: 0; color: var(--muted); }
.centered-action { text-align: center; margin-top: 40px; }

.price-callout { border-block: 1px solid var(--line); background: linear-gradient(115deg, #16120d, #090908 72%); }
.price-inner { display: flex; justify-content: space-between; align-items: center; gap: 60px; }
.price-inner > div { max-width: 760px; }
.price-inner p:last-child { color: var(--muted); max-width: 680px; }
.closing-cta { text-align: center; max-width: 930px; }
.closing-cta > p:not(.eyebrow) { max-width: 650px; margin: 24px auto 0; color: var(--muted); }
.centered-row { justify-content: center; }

.site-footer { border-top: 1px solid var(--line); background: #050504; padding: 70px 0 95px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 50px; }
.footer-brand { margin-top: 0; color: var(--gold-light); font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.footer-brand span { display: block; color: #fff; font-size: .8rem; font-weight: 400; }
.footer-grid p, .footer-grid address { color: #928b81; font-size: .86rem; font-style: normal; }
.footer-grid h2 { margin: 0 0 16px; color: #d2c9bb; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; }
.footer-grid nav { display: grid; gap: 8px; }
.footer-grid nav a, .footer-grid address a { color: #a9a297; font-size: .84rem; }
.footer-grid a:hover { color: var(--gold-light); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.08); margin-top: 50px; padding-top: 22px; color: #6f6a62; font-size: .7rem; letter-spacing: .05em; }
.sticky-contact { display: none; }

.interior-hero { min-height: 560px; padding: 180px 0 100px; position: relative; display: flex; align-items: end; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 25%, #242016 0%, #0f0e0b 32%, #070706 72%); }
.interior-hero-image { min-height: 700px; }
.interior-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: grayscale(1); }
.interior-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,7,6,.98), rgba(7,7,6,.76) 52%, rgba(7,7,6,.18)), linear-gradient(0deg, rgba(7,7,6,.75), transparent 55%); }
.interior-hero-content { position: relative; z-index: 2; }
.interior-hero h1 { max-width: 980px; margin: 0; font-size: clamp(3.2rem, 7vw, 6.8rem); line-height: .98; letter-spacing: -.055em; font-weight: 300; text-wrap: balance; }
.interior-hero-content > p:last-child { max-width: 770px; margin: 28px 0 0; color: #d0c9bd; font-size: clamp(1.05rem, 2vw, 1.28rem); line-height: 1.7; }
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px, 9vw, 130px); align-items: start; }
.editorial-title h2, .image-text-pair h2, .timeline-block h2, .preparation-grid h2, .prose h2, .price-request h2, .contact-grid h2, .map-consent h2, .arrival-copy h2, .main-site-link h2, .team-values h2 { margin: 0; font-size: clamp(2.2rem, 4.5vw, 4rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 350; text-wrap: balance; }
.prose p { color: var(--muted); }
.prose .lead-copy, .contact-grid .lead-copy { color: var(--text); font-size: 1.16rem; }
.style-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.style-grid article { min-height: 260px; padding: 38px; background: #0b0a08; }
.style-grid h3 { margin: 58px 0 12px; font-size: 1.4rem; font-weight: 450; }
.style-grid p { margin: 0; color: var(--muted); }
.image-text-pair { display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(50px, 8vw, 105px); align-items: center; }
.wide-art { position: relative; min-height: 470px; margin: 0; overflow: hidden; border: 1px solid var(--line); }
.wide-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.image-text-pair > div p { color: var(--muted); }
.principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
.principles h3 { margin: 42px 0 10px; font-size: 1.35rem; }
.principles p { color: #554e45; }
.timeline-block .section-heading { margin-left: 0; }
.large-timeline { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.large-timeline li { display: grid; grid-template-columns: 150px minmax(0, 800px); gap: 50px; padding: 44px 0; border-bottom: 1px solid var(--line); }
.large-timeline li > span { color: var(--gold); font-size: .76rem; letter-spacing: .18em; }
.large-timeline h3 { margin: 0 0 8px; font-size: 1.5rem; font-weight: 450; }
.large-timeline p { margin: 0; color: var(--muted); }
.preparation-grid { display: grid; grid-template-columns: .78fr 1.1fr; gap: clamp(54px, 9vw, 120px); align-items: center; }
.prep-image { position: relative; min-height: 660px; border: 1px solid var(--line); }
.prep-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.check-list { display: grid; gap: 0; list-style: none; margin: 34px 0 0; padding: 0; }
.check-list li { position: relative; padding: 17px 0 17px 34px; border-bottom: 1px solid var(--line); color: #d3ccbf; }
.check-list li::before { content: ""; position: absolute; left: 4px; top: 27px; width: 10px; height: 1px; background: var(--gold); }
.fine-note { color: #827b70; font-size: .85rem; }
.tips-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.tips-grid article { padding: 34px; background: var(--black); }
.tips-grid h3 { margin: 0 0 8px; font-size: 1.2rem; font-weight: 500; }
.tips-grid p { margin: 0; color: var(--muted); }
.gallery-page-grid { columns: 4 230px; column-gap: 12px; }
.gallery-page-item { position: relative; min-height: 390px; margin: 0 0 12px; break-inside: avoid; overflow: hidden; border: 1px solid rgba(198,161,91,.13); }
.gallery-page-item:nth-child(3n) { min-height: 275px; }
.gallery-page-item:nth-child(5n) { min-height: 510px; }
.gallery-page-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .45s ease, transform .45s ease; }
.gallery-page-item:hover img { filter: grayscale(.35); transform: scale(1.025); }
.gallery-legal { max-width: 800px; margin: 30px 0 0 auto; color: #837c71; font-size: .8rem; text-align: right; }
.price-page-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(60px, 9vw, 130px); align-items: start; }
.price-statement { position: sticky; top: 120px; padding: 42px; border: 1px solid var(--gold); background: linear-gradient(140deg, #1a160f, #0a0908); }
.price-statement span { color: var(--gold-light); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; }
.price-statement strong { display: block; margin: 75px 0 18px; font-size: clamp(2.3rem, 4vw, 3.8rem); line-height: 1.05; font-weight: 350; }
.price-statement p { color: var(--muted); }
.offer-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.offer-grid article { padding: 28px; border-left: 1px solid var(--line); }
.offer-grid article:last-child { border-right: 1px solid var(--line); }
.offer-grid span { color: var(--gold); font-size: .7rem; letter-spacing: .18em; }
.offer-grid h3 { margin: 55px 0 10px; font-size: 1.25rem; font-weight: 500; }
.offer-grid p { color: var(--muted); font-size: .93rem; }
.price-request { max-width: 900px; }
.price-request ol { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 50px; padding-left: 26px; color: var(--muted); }
.team-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px, 9vw, 130px); }
.team-detail-grid article { border-top: 1px solid var(--gold); padding-top: 25px; }
.team-detail-grid h2 { margin: 12px 0 25px; font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 350; letter-spacing: -.04em; }
.team-detail-grid article > p:not(.eyebrow) { color: var(--muted); }
.team-values { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 9vw, 130px); }
.team-values > div:last-child p { color: #554e45; }
.image-band { position: relative; min-height: 580px; overflow: hidden; }
.image-band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; filter: grayscale(1); }
.faq-list { max-width: 980px; }
.faq-list details { border-top: 1px solid var(--line); }
.faq-list details:last-child { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; justify-content: space-between; gap: 30px; padding: 26px 0; cursor: pointer; list-style: none; font-size: 1.1rem; font-weight: 500; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--gold); font-size: 1.4rem; font-weight: 300; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 790px; margin: 0; padding: 0 0 28px; color: var(--muted); }
.contact-grid { display: grid; grid-template-columns: 1.15fr .75fr; gap: clamp(60px, 9vw, 130px); align-items: start; }
.contact-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 35px; }
.contact-actions a { padding: 24px; border: 1px solid var(--line); background: #0c0b09; }
.contact-actions span, .contact-actions strong { display: block; }
.contact-actions span { color: var(--gold-light); font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; }
.contact-actions strong { margin-top: 8px; font-size: 1.05rem; }
.contact-note { margin-top: 28px; color: #918a7f; font-size: .86rem; }
.contact-card { padding: 38px; border: 1px solid var(--gold); background: linear-gradient(140deg, #19150f, #0b0a08); }
.contact-card address { font-style: normal; color: #d7d0c4; }
.contact-card p { padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); }
.contact-card a { color: var(--gold-light); }
.map-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 8vw, 110px); align-items: center; }
.map-consent { min-height: 430px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 45px; border: 1px solid var(--line); background: repeating-linear-gradient(135deg, #0a0908, #0a0908 18px, #0d0c0a 18px, #0d0c0a 36px); }
.map-consent p { color: var(--muted); }
.map-frame { min-height: 430px; border: 1px solid var(--line); overflow: hidden; }
.map-frame iframe { width: 100%; height: 430px; border: 0; filter: grayscale(1) contrast(.95); }
.arrival-copy p { color: var(--muted); }
.main-site-link { display: flex; justify-content: space-between; align-items: end; gap: 50px; }
.legal-content { max-width: 900px; }
.legal-content section { padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.legal-content h2 { margin: 0 0 12px; color: var(--gold-light); font-size: 1.15rem; font-weight: 500; }
.legal-content p, .legal-content li { color: var(--muted); }
.legal-content a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 3px; }
.not-found { min-height: 85vh; display: flex; flex-direction: column; justify-content: center; padding-top: 110px; }
.not-found h1 { max-width: 900px; margin: 0; font-size: clamp(3.2rem, 8vw, 7rem); line-height: .95; letter-spacing: -.055em; font-weight: 300; }
.not-found > p:not(.eyebrow) { max-width: 620px; color: var(--muted); }

@media (max-width: 980px) {
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  .mobile-menu summary { width: 44px; height: 44px; display: grid; align-content: center; gap: 5px; padding: 10px; list-style: none; border: 1px solid var(--line); cursor: pointer; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu summary span { height: 1px; background: var(--gold-light); }
  .mobile-menu nav { position: absolute; right: 0; top: 54px; min-width: 250px; display: grid; padding: 14px; background: #0c0b09; border: 1px solid var(--line); box-shadow: 0 20px 60px rgba(0,0,0,.45); }
  .mobile-menu nav a { padding: 10px 12px; color: #d8d2c7; border-bottom: 1px solid rgba(255,255,255,.06); }
  .concept-grid { grid-template-columns: repeat(2, 1fr); }
  .concept-grid article:nth-child(2) { border-right: 0; }
  .concept-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .masonry-preview { grid-template-columns: repeat(3, 1fr); }
  .gallery-card-2, .gallery-card-6 { grid-column: auto; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2; }
  .offer-grid { grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
  .offer-grid article, .offer-grid article:last-child { border: 0; background: var(--black-soft); }
}

@media (max-width: 740px) {
  :root { --shell: min(100% - 28px, 1160px); }
  body { font-size: 16px; padding-bottom: 64px; }
  .header-inner { min-height: 70px; }
  .brand-mark { width: 38px; height: 38px; }
  .brand-copy strong { font-size: .9rem; }
  .brand-copy small { max-width: 215px; font-size: .57rem; letter-spacing: 0; }
  .hero { min-height: 760px; }
  .hero-image { object-position: 62% center; }
  .hero-shade { background: linear-gradient(0deg, rgba(7,7,6,.98) 0%, rgba(7,7,6,.76) 50%, rgba(7,7,6,.26) 100%); }
  .hero-content { align-self: end; padding: 0 0 110px; }
  .hero h1 { font-size: clamp(3.2rem, 16vw, 5.2rem); }
  .hero-note { right: 16px; bottom: 18px; }
  .trust-grid { grid-template-columns: 1fr; padding-block: 4px; }
  .trust-grid div { padding: 15px 5px; border-right: 0; border-bottom: 1px solid var(--line); }
  .trust-grid div:last-child { border-bottom: 0; }
  .split-intro, .team-grid { grid-template-columns: 1fr; }
  .split-intro { gap: 66px; }
  .art-frame { min-height: 560px; }
  .concept-grid { grid-template-columns: 1fr; }
  .concept-grid article { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line); }
  .concept-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .concept-grid article:last-child { border-bottom: 0; }
  .concept-grid h3 { margin-top: 38px; }
  .heading-row { display: block; }
  .heading-row .text-link { margin-top: 22px; }
  .masonry-preview { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; gap: 8px; }
  .gallery-card-1, .gallery-card-4 { grid-row: auto; }
  .gallery-discretion { text-align: left; }
  .price-inner { display: block; }
  .price-inner .button { margin-top: 20px; }
  .process-list li { grid-template-columns: 44px 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 25px; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { display: grid; }
  .interior-hero, .interior-hero-image { min-height: 650px; padding: 130px 0 80px; }
  .interior-hero > img { object-position: 60% center; }
  .interior-shade { background: linear-gradient(0deg, rgba(7,7,6,.98), rgba(7,7,6,.55) 65%, rgba(7,7,6,.28)); }
  .interior-hero h1 { font-size: clamp(3.1rem, 15vw, 5.2rem); }
  .editorial-grid, .image-text-pair, .preparation-grid, .price-page-grid, .team-detail-grid, .team-values, .contact-grid, .map-grid { grid-template-columns: 1fr; }
  .style-grid, .tips-grid { grid-template-columns: 1fr; }
  .principles { grid-template-columns: 1fr; gap: 24px; }
  .principles h3 { margin-top: 15px; }
  .wide-art { min-height: 360px; }
  .large-timeline li { grid-template-columns: 50px 1fr; gap: 18px; }
  .prep-image { min-height: 560px; }
  .gallery-page-grid { columns: 2 145px; column-gap: 8px; }
  .gallery-page-item { min-height: 275px; margin-bottom: 8px; }
  .gallery-page-item:nth-child(3n) { min-height: 200px; }
  .gallery-page-item:nth-child(5n) { min-height: 360px; }
  .price-statement { position: static; }
  .offer-grid { grid-template-columns: 1fr; }
  .price-request ol { grid-template-columns: 1fr; }
  .contact-actions { grid-template-columns: 1fr; }
  .main-site-link { display: block; }
  .main-site-link .button { margin-top: 28px; }
  .map-consent { padding: 28px; }
  .image-band { min-height: 400px; }
  .sticky-contact { position: fixed; z-index: 120; inset: auto 0 0; display: grid; grid-template-columns: 1.5fr 1fr 44px; min-height: 58px; background: #0a0908; border-top: 1px solid var(--gold); box-shadow: 0 -8px 30px rgba(0,0,0,.4); }
  .sticky-contact a, .sticky-contact button { display: grid; place-items: center; border: 0; border-right: 1px solid rgba(198,161,91,.3); background: transparent; color: var(--gold-light); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  .sticky-contact button { color: #d9d2c7; font-size: 1.3rem; cursor: pointer; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition-duration: .001ms !important; }
}

/* Designlinie analog zur Schwarz-Weiß-Fotografie: dunkler Bildauftakt,
   ruhige helle Inhaltsflächen und sparsame goldene Akzente. */
:root {
  --paper: #ffffff;
  --soft: #f3f3f1;
  --ink: #11110f;
  --mid: #62625e;
  --paper-line: #d8d8d3;
  --gold-dark: #806126;
}

body { background: var(--paper); color: var(--ink); }
.section { background: var(--paper); }
.section-deep,
.price-callout { background: var(--black-soft); color: var(--text); }
.section-ivory { background: var(--soft); }
.eyebrow { color: var(--gold-dark); }
.hero,
.interior-hero,
.trust-strip,
.section-deep,
.price-callout,
.site-footer,
.sticky-contact { color: var(--text); }
.hero .eyebrow,
.interior-hero .eyebrow,
.trust-strip .eyebrow,
.section-deep .eyebrow,
.price-callout .eyebrow,
.site-footer .eyebrow { color: var(--gold-light); }

.hero { min-height: 820px; }
.hero-image { object-position: 62% 50%; }
.hero-shade { background: linear-gradient(90deg, rgba(7,7,6,.98) 0%, rgba(7,7,6,.82) 43%, rgba(7,7,6,.28) 72%, rgba(7,7,6,.42) 100%), linear-gradient(0deg, rgba(7,7,6,.5), transparent 48%); }
.hero h1 { max-width: 800px; }
.hero-lead { max-width: 680px; }

.section-copy p,
.team-copy p,
.prose p,
.image-text-pair > div p,
.process-list p,
.tips-grid p,
.large-timeline p,
.team-detail-grid article > p:not(.eyebrow),
.faq-list details p,
.arrival-copy p,
.legal-content p,
.legal-content li,
.price-statement p,
.offer-grid p { color: var(--mid); }
.section-copy .lead-copy,
.prose .lead-copy,
.contact-grid .lead-copy { color: var(--ink); }
.text-link { color: var(--gold-dark); border-color: rgba(128,97,38,.35); }
.section-deep .text-link,
.price-callout .text-link { color: var(--gold-light); border-color: rgba(228,201,133,.38); }

.button-ghost { border-color: #8a8a84; color: var(--ink); background: transparent; }
.hero .button-ghost,
.interior-hero .button-ghost,
.section-deep .button-ghost,
.price-callout .button-ghost,
.not-found .button-ghost { border-color: rgba(255,255,255,.45); color: #fff; }
.button-outline { border-color: var(--gold-dark); color: var(--gold-dark); }
.section-deep .button-outline,
.price-callout .button-outline { border-color: var(--gold); color: var(--gold-light); }

.split-intro { border-bottom: 1px solid var(--paper-line); }
.art-frame { background: #111; }
.concept-grid { border-color: rgba(198,161,91,.28); }
.concept-grid article { min-height: 250px; padding: 44px 34px; border-color: rgba(198,161,91,.28); }
.concept-grid h3 { margin: 0 0 16px; }
.section-deep .concept-grid p,
.section-deep .style-grid p,
.section-deep .preparation-grid p,
.section-deep .check-list li,
.section-deep .fine-note,
.price-callout p { color: var(--muted); }

.masonry-preview { gap: 10px; }
.gallery-card { background: #e9e9e6; }
.gallery-discretion,
.gallery-legal { color: #74746f; }

.process-list { border-color: var(--paper-line); }
.process-list article { padding: 30px 0; border-bottom: 1px solid var(--paper-line); }
.process-list article:first-child { border-top: 0; }
.process-list h3 { margin: 0 0 6px; }
.price-inner p:last-child { color: var(--muted); }
.closing-cta > p:not(.eyebrow) { color: var(--mid); }

.interior-hero { color: var(--text); }
.interior-hero-image { min-height: 670px; }
.interior-hero > img { object-position: center 48%; }
.interior-shade { background: linear-gradient(90deg, rgba(7,7,6,.96), rgba(7,7,6,.7) 50%, rgba(7,7,6,.2)), linear-gradient(0deg, rgba(7,7,6,.65), transparent 60%); }
.style-grid { background: rgba(198,161,91,.28); border-color: rgba(198,161,91,.28); }
.style-grid article { background: #0b0a08; }
.wide-art { border-color: var(--paper-line); }
.principles { gap: 0; border-block: 1px solid var(--paper-line); }
.principles > div { padding: 38px 36px; border-right: 1px solid var(--paper-line); }
.principles > div:last-child { border-right: 0; }
.principles h3 { margin: 0 0 10px; }

.large-timeline { border-color: var(--paper-line); }
.large-timeline article { display: grid; grid-template-columns: minmax(210px, .42fr) 1fr; gap: clamp(35px, 7vw, 100px); padding: 42px 0; border-bottom: 1px solid var(--paper-line); }
.large-timeline h3 { margin: 0; font-size: 1.45rem; font-weight: 500; }
.tips-grid { background: var(--paper-line); border-color: var(--paper-line); }
.tips-grid article { background: var(--paper); }

.gallery-page-item { border-color: var(--paper-line); background: #ecece9; }
.price-statement { background: linear-gradient(140deg, #19150f, #080807); color: var(--text); }
.price-statement p { color: var(--muted); }
.offer-grid article { border-color: rgba(198,161,91,.28); }
.offer-grid h3 { margin: 0 0 10px; }
.section-deep .offer-grid p { color: var(--muted); }
.price-request ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 50px; padding-left: 22px; color: var(--mid); }

.team-detail-grid article { border-color: var(--gold-dark); }
.team-values > div:last-child p,
.principles p { color: #55554f; }
.contact-actions a { border-color: var(--paper-line); background: var(--paper); }
.contact-actions span { color: var(--gold-dark); }
.contact-note { color: #74746f; }
.contact-card { color: var(--text); }
.contact-card p { color: var(--muted); }
.map-consent { background: repeating-linear-gradient(135deg, #0a0908, #0a0908 18px, #0d0c0a 18px, #0d0c0a 36px); }
.map-consent p { color: var(--muted); }
.section-deep .arrival-copy p { color: var(--muted); }
.faq-list details { border-color: var(--paper-line); }
.legal-content section { border-color: var(--paper-line); }
.legal-content h2,
.legal-content a { color: var(--gold-dark); }

@media (max-width: 740px) {
  .hero { min-height: 780px; }
  .hero-image { object-position: 56% center; }
  .principles { border-bottom: 0; }
  .principles > div { padding: 28px 0; border-right: 0; border-bottom: 1px solid var(--paper-line); }
  .large-timeline article { grid-template-columns: 1fr; gap: 8px; padding: 30px 0; }
  .price-request ul { grid-template-columns: 1fr; }
}

/* Bilddarstellung: Originalhelligkeit, vollständige Motive und kleinere Vorschauen. */
.hero-image {
  filter: none;
}
.hero-shade {
  display: none;
}
.hero h1,
.hero-lead,
.hero .eyebrow {
  text-shadow: 0 2px 28px rgba(0, 0, 0, .9), 0 1px 5px rgba(0, 0, 0, .95);
}

.interior-hero-with-image {
  min-height: 0;
  padding: 82px 0 0;
  display: grid;
  grid-template-columns: minmax(390px, .9fr) minmax(0, 1.15fr);
  align-items: stretch;
  overflow: hidden;
  background: var(--black);
}
.interior-hero-copy {
  display: flex;
  align-items: center;
  padding: clamp(58px, 7vw, 105px) clamp(38px, 6.5vw, 100px);
}
.interior-hero-copy-inner {
  max-width: 680px;
}
.interior-hero-copy-inner > p:last-child {
  max-width: 680px;
  margin: 28px 0 0;
  color: #d0c9bd;
  font-size: clamp(1.02rem, 1.7vw, 1.22rem);
  line-height: 1.7;
}
.interior-hero-visual {
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--black);
}
.interior-hero-visual img {
  position: static;
  width: 100%;
  height: auto;
  object-fit: contain !important;
  filter: none;
}

.masonry-preview {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 14px;
  align-items: start;
}
.gallery-card,
.gallery-card-1,
.gallery-card-2,
.gallery-card-4,
.gallery-card-6 {
  position: static;
  grid-column: auto;
  grid-row: auto;
  margin: 0;
  padding: 5px;
  overflow: visible;
  border: 1px solid var(--paper-line);
  background: var(--paper);
}
.gallery-card img,
.gallery-card:hover img {
  position: static;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: none;
  transform: none;
}

.gallery-page-grid {
  columns: unset;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.gallery-page-item,
.gallery-page-item:nth-child(3n),
.gallery-page-item:nth-child(5n) {
  position: static;
  min-height: 0;
  margin: 0;
  padding: 5px;
  overflow: visible;
  border: 1px solid var(--paper-line);
  background: var(--paper);
}
.gallery-page-item img,
.gallery-page-item:hover img {
  position: static;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: none;
  transform: none;
}

@media (max-width: 980px) {
  .interior-hero-with-image {
    padding-top: 82px;
    grid-template-columns: 1fr;
  }
  .interior-hero-copy {
    padding: 64px var(--page-gutter, 40px);
  }
  .masonry-preview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gallery-page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 740px) {
  .interior-hero-with-image {
    min-height: 0;
    padding: 70px 0 0;
  }
  .interior-hero-copy {
    padding: 52px 20px;
  }
  .interior-hero-visual img {
    width: 100%;
  }
  .masonry-preview,
  .gallery-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

/* Personenprofil und klar abgesetzte externe Angebote. */
.hero-note {
  min-width: 295px;
  padding: 14px 17px;
  border: 1px solid rgba(228, 201, 133, .72);
  background: rgba(7, 7, 6, .78);
  color: #f1ede5;
  font-size: .72rem;
  line-height: 1.55;
  backdrop-filter: blur(8px);
}
.hero-note span:first-child {
  color: var(--gold-light);
  font-size: .88rem;
  font-weight: 700;
}

.artist-signature {
  border-bottom: 1px solid var(--paper-line);
  background: var(--paper);
  color: var(--ink);
}
.artist-signature-inner {
  display: grid;
  grid-template-columns: .58fr 1.5fr 1fr;
  gap: clamp(30px, 5vw, 75px);
  align-items: center;
  padding-block: clamp(48px, 6vw, 78px);
}
.artist-signature p {
  margin: 0;
  color: var(--mid);
}
.artist-signature-inner > p:first-child {
  color: var(--gold-dark);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.artist-signature h2 {
  margin: 0;
  font-size: clamp(2.35rem, 4.5vw, 4.2rem);
  font-weight: 350;
  line-height: 1;
  letter-spacing: -.045em;
}
.artist-signature h2 span {
  display: block;
  margin-top: 13px;
  color: var(--gold-dark);
  font-size: .31em;
  font-weight: 750;
  letter-spacing: .12em;
  line-height: 1.45;
  text-transform: uppercase;
}

.site-footer {
  padding-top: 0;
}
.footer-sites {
  padding: clamp(58px, 7vw, 88px) 0;
  border-bottom: 1px solid var(--line);
  background: #0b0a08;
}
.footer-sites-heading {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 30px;
}
.footer-sites-heading p {
  margin: 0 0 5px;
  color: var(--gold-light);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.footer-sites-heading h2 {
  margin: 0;
  color: #f3eee6;
  font-size: clamp(1.8rem, 3.6vw, 3.35rem);
  font-weight: 350;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.footer-sites-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.footer-sites-grid a {
  display: grid;
  min-height: 190px;
  align-content: space-between;
  padding: 28px;
  border: 1px solid rgba(198, 161, 91, .48);
  background: linear-gradient(140deg, #15120e, #090908);
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}
.footer-sites-grid a:hover,
.footer-sites-grid a:focus-visible {
  transform: translateY(-3px);
  border-color: var(--gold-light);
  background: linear-gradient(140deg, #1c1710, #0a0908);
}
.footer-sites-grid span {
  color: var(--gold-light);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.footer-sites-grid strong {
  color: #fff;
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  font-weight: 430;
  letter-spacing: -.025em;
}
.footer-sites-grid small {
  color: #aaa297;
  font-size: .82rem;
}
.footer-sites-grid small b {
  margin-left: 8px;
  color: var(--gold-light);
  font-weight: 500;
}
.footer-grid {
  padding-top: 70px;
}

@media (max-width: 980px) {
  .artist-signature-inner {
    grid-template-columns: .55fr 1.45fr;
  }
  .artist-signature-inner > p:last-child {
    grid-column: 2;
  }
}

@media (max-width: 740px) {
  .hero-note {
    min-width: 0;
    right: 14px;
    bottom: 14px;
    left: 14px;
    text-align: left;
  }
  .artist-signature-inner,
  .footer-sites-heading,
  .footer-sites-grid {
    grid-template-columns: 1fr;
  }
  .artist-signature-inner {
    gap: 22px;
  }
  .artist-signature-inner > p:last-child {
    grid-column: auto;
  }
  .artist-signature h2 span {
    font-size: .37em;
  }
  .footer-sites-heading {
    gap: 8px;
  }
  .footer-sites-grid a {
    min-height: 170px;
  }
  .footer-grid {
    padding-top: 55px;
  }
}

/* Exklusive Farbwelt: Schwarz, viel Gold und gezielte Akzente in dunklem Bordeaux. */
:root {
  --black: #030303;
  --black-soft: #0b0908;
  --panel: #15100d;
  --gold: #d2a947;
  --gold-light: #f0d27d;
  --gold-dark: #bd9134;
  --bordeaux: #4a0d1a;
  --bordeaux-deep: #21060c;
  --bordeaux-soft: #6a1428;
  --paper: #050505;
  --soft: #16090c;
  --ink: #f6efe2;
  --mid: #c0b5a6;
  --paper-line: rgba(210, 169, 71, .3);
  --text: #f7f1e6;
  --muted: #b9ad9c;
  --line: rgba(210, 169, 71, .34);
}

html,
body,
.section {
  background: var(--black);
  color: var(--text);
}

::selection {
  background: var(--bordeaux-soft);
  color: var(--gold-light);
}

.site-header {
  border-bottom-color: rgba(240, 210, 125, .35);
  background: rgba(3, 3, 3, .92);
}
.brand-mark,
.desktop-nav .nav-contact {
  border-color: var(--gold-light);
  background: linear-gradient(145deg, rgba(74, 13, 26, .72), rgba(3, 3, 3, .9));
}
.brand-copy small,
.desktop-nav a {
  color: #d7cbb9;
}

.hero {
  min-height: 780px;
  padding-top: 82px;
  background: linear-gradient(110deg, #030303 0%, #080506 47%, #1d080d 100%);
}
.hero-image {
  inset: 82px 0 0 auto !important;
  width: 58% !important;
  height: calc(100% - 82px) !important;
  object-fit: contain !important;
  object-position: right center;
  background: #030303;
  filter: none;
}
.hero-content {
  padding-top: 0;
}
.hero-content > * {
  max-width: 560px;
}
.hero h1 {
  max-width: 560px;
  font-size: clamp(3.7rem, 6.1vw, 6.4rem);
}
.hero-lead {
  max-width: 555px;
  color: #ddd2c1;
}
.hero h1,
.hero-lead,
.hero .eyebrow {
  text-shadow: none;
}
.hero-note {
  border-color: var(--gold-light);
  background: linear-gradient(135deg, rgba(59, 9, 19, .94), rgba(3, 3, 3, .92));
}

.artist-signature {
  border-block: 1px solid var(--line);
  background: linear-gradient(120deg, #080706, #16080b 70%, #2a0811);
  color: var(--text);
}
.artist-signature p,
.artist-signature-inner > p:first-child,
.artist-signature h2 span {
  color: var(--gold-light);
}
.artist-signature-inner > p:last-child {
  color: var(--muted);
}

.trust-strip,
.section-deep,
.price-callout {
  background: linear-gradient(135deg, #080706, #160a0c 68%, #260810);
}
.section-ivory {
  border-block: 1px solid rgba(240, 210, 125, .36);
  background: linear-gradient(135deg, var(--bordeaux-deep), #320813 55%, #0a0506);
  color: var(--text);
}
.section-ivory .eyebrow,
.eyebrow-dark,
.section-ivory .text-link,
.text-link-dark {
  color: var(--gold-light);
  border-color: rgba(240, 210, 125, .45);
}
.team-copy p,
.team-values > div:last-child p,
.principles p,
.section-copy p,
.prose p,
.image-text-pair > div p,
.process-list p,
.tips-grid p,
.large-timeline p,
.team-detail-grid article > p:not(.eyebrow),
.faq-list details p,
.arrival-copy p,
.legal-content p,
.legal-content li,
.closing-cta > p:not(.eyebrow) {
  color: var(--muted);
}
.section-copy .lead-copy,
.prose .lead-copy,
.contact-grid .lead-copy {
  color: var(--text);
}

.button-ghost {
  border-color: rgba(240, 210, 125, .62);
  color: var(--gold-light);
  background: rgba(3, 3, 3, .55);
}
.button-outline {
  border-color: var(--gold);
  color: var(--gold-light);
}
.button-gold {
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  color: #130d04;
}
.button-gold:hover {
  background: linear-gradient(135deg, #ffe7a0, var(--gold-light));
}

.art-frame,
.gallery-card,
.gallery-page-item,
.contact-actions a,
.tips-grid article {
  border-color: var(--paper-line);
  background: #0b0908;
}
.gallery-discretion,
.gallery-legal,
.contact-note {
  color: #a99d8c;
}
.process-list,
.process-list article,
.split-intro,
.principles,
.principles > div,
.large-timeline,
.large-timeline article,
.faq-list details,
.legal-content section {
  border-color: var(--paper-line);
}
.tips-grid {
  background: var(--paper-line);
  border-color: var(--paper-line);
}
.contact-actions span,
.legal-content h2,
.legal-content a,
.text-link {
  color: var(--gold-light);
}
.contact-card,
.price-statement {
  border-color: var(--gold-light);
  background: linear-gradient(145deg, #2d0912, #0a0707 72%);
}

.interior-hero-with-image {
  background: var(--black);
}
.interior-hero-copy {
  border-right: 1px solid var(--line);
  background: linear-gradient(140deg, #050505, #24080f);
}
.interior-hero-visual,
.interior-hero-visual img {
  background: var(--black);
}

.artistry-feature {
  border-block: 1px solid rgba(240, 210, 125, .42);
  background: linear-gradient(120deg, #16070a, var(--bordeaux) 48%, #130609);
}
.artistry-feature-inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(50px, 8vw, 120px);
  align-items: start;
}
.artistry-feature h2 {
  max-width: 660px;
  margin: 0;
  color: var(--gold-light);
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  font-weight: 340;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.artistry-copy {
  padding: 32px;
  border: 1px solid rgba(240, 210, 125, .45);
  background: rgba(3, 3, 3, .48);
}
.artistry-copy p {
  margin: 0 0 18px;
  color: #d6ccbc;
}

.footer-sites {
  background: linear-gradient(135deg, #090706, #25080f 70%, #080505);
}
.footer-sites-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.footer-sites-grid a {
  min-height: 215px;
  padding: 24px;
  border-color: rgba(240, 210, 125, .55);
  background: linear-gradient(145deg, #160d09, #090707 58%, #260810);
}
.footer-sites-grid strong {
  overflow-wrap: anywhere;
  font-size: clamp(1.02rem, 1.45vw, 1.4rem);
}
.site-footer {
  background: #030303;
}

@media (max-width: 1180px) {
  .footer-sites-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .hero {
    min-height: 0;
    display: block;
    padding-top: 82px;
  }
  .hero-image {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1186 / 772;
    object-fit: contain;
  }
  .hero-content {
    padding: 58px 0 34px;
  }
  .hero-content > *,
  .hero h1,
  .hero-lead {
    max-width: 760px;
  }
  .hero-note {
    position: static;
    width: var(--shell);
    margin: 0 auto 34px;
    text-align: left;
  }
  .artistry-feature-inner {
    grid-template-columns: 1fr;
  }
  .footer-sites-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 740px) {
  .hero {
    padding-top: 70px;
  }
  .hero-content {
    align-self: auto;
    padding: 46px 0 30px;
  }
  .hero h1 {
    font-size: clamp(3.1rem, 15vw, 5rem);
  }
  .hero-note {
    right: auto;
    bottom: auto;
    left: auto;
  }
  .artistry-copy {
    padding: 24px;
  }
  .footer-sites-grid {
    grid-template-columns: 1fr;
  }
}