/* One first-cover system. Shared scale, art-safe framing, readable copy. */
.site-refined .hero-frame { --hero-height: clamp(560px,42vw,640px); --hero-image-ratio: 1.777; --hero-paper: #f3e9dc; --hero-art-height: 125%; --hero-art-bottom: -5%; position: relative; display: flex; align-items: center; height: var(--hero-height); min-height: var(--hero-height) !important; padding: 0 !important; background: var(--hero-paper); overflow: hidden; }
.site-refined .hero-frame.hero-contact { --hero-image-ratio: 1.842; --hero-paper: #f2ece3; }
.site-refined .hero-frame.hero-about { --hero-image-ratio: 2.1875; --hero-paper: #eee5da; }
.site-refined .hero-frame.hero-journal { --hero-paper: #e5dfd4; }
.site-refined .hero-frame.hero-original-ip { --hero-paper: #dedbd6; }
.site-refined .hero-frame.collections-hero { --hero-image-ratio: 2; --hero-paper: #f8ede0; }
.site-refined .hero-frame.hero-home { --hero-art-height: 130%; --hero-art-bottom: -4%; }
.site-refined .hero-frame.hero-contact { --hero-art-height: 114%; --hero-art-bottom: -8%; }
.site-refined .hero-frame.hero-about { --hero-art-height: 130%; --hero-art-bottom: -10%; }
.site-refined .hero-frame.hero-journal { --hero-art-height: 130%; --hero-art-bottom: -10%; }
.site-refined .hero-frame.collections-hero { --hero-art-height: 110%; --hero-art-bottom: -1.5%; }
.site-refined .hero-frame > .absolute:first-child, .site-refined .hero-frame > .collections-hero-art { position: absolute !important; inset: auto 0 var(--hero-art-bottom) auto !important; height: var(--hero-art-height) !important; width: auto !important; aspect-ratio: var(--hero-image-ratio); mask-image: linear-gradient(to right,transparent,#000 20%); mask-composite: add; }
.site-refined .hero-frame > .absolute:first-child > img, .site-refined .hero-frame > .collections-hero-art > img { position: static; display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: contain !important; object-position: center !important; transform: none !important; filter: none; }
.site-refined .hero-frame.hero-about > .absolute:first-child > img { transform: scaleX(-1) !important; transform-origin: center !important; }
.site-refined .hero-frame > .absolute:first-child > div { display: none; }
.site-refined .hero-frame::after { display: none; }
.site-refined .hero-frame > .relative.z-10, .site-refined .hero-frame > .collections-hero-inner { position: relative; display: flex; align-items: center; width: 100% !important; max-width: 1600px; height: 100%; margin-inline: auto; padding: 32px 48px !important; background: none !important; }
.site-refined .hero-frame > .relative.z-10 > .grid { width: 100%; grid-template-columns: 1fr 1fr; }
.site-refined .hero-frame > .relative.z-10 > div:not(.grid), .site-refined .hero-frame .collections-hero-copy { width: 48% !important; max-width: 640px !important; }
.site-refined .hero-frame > .relative.z-10 > .grid > div:first-child { width: 100% !important; max-width: 600px !important; }
.site-refined .hero-frame h1.section-title { max-width: 22ch; margin-top: 18px; font-size: clamp(38px,3.5vw,54px); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.site-refined .hero-frame .inline-flex.mb-5 { margin-bottom: 8px; }
.site-refined .hero-frame .home-audience { margin-top: 17px; font-size: 17px; }
.site-refined .hero-frame .home-proof { margin-top: 18px; gap: 9px 20px; }
.site-refined .hero-frame .home-studio-entry { margin-top: 12px; }
.site-refined .hero-frame .collections-hero-description { margin-top: 20px; }
.site-refined .hero-frame .collections-hero-actions { margin-top: 28px; }
.site-refined .hero-frame.collections-hero .collections-hero-copy { width: 44% !important; max-width: 560px !important; }
.site-refined .hero-frame.for-brands-hero > .grid { min-height: 0; height: 100%; width: 100%; max-width: 1600px; grid-template-columns: .95fr 1.05fr; }
.site-refined .hero-frame.for-brands-hero > .grid > div:first-child { padding: 32px 48px; min-width: 0; }
.site-refined .hero-frame.for-brands-hero .model-stage { min-height: 0; height: 100%; }
.site-refined .hero-frame.for-brands-hero .model-stage model-viewer { min-height: 0 !important; height: 100% !important; }
@media (min-width: 1700px) {
  .site-refined .hero-frame > .relative.z-10, .site-refined .hero-frame > .collections-hero-inner, .site-refined .hero-frame.for-brands-hero > .grid { max-width: 90%; }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .site-refined .hero-frame > .relative.z-10, .site-refined .hero-frame > .collections-hero-inner { padding-inline: 32px !important; }
  .site-refined .hero-frame h1.section-title { font-size: 40px; }
  .site-refined .hero-frame { --hero-art-height: 110%; --hero-art-bottom: -4%; }
  .site-refined .hero-frame.hero-home { --hero-art-height: 110%; --hero-art-bottom: -4%; }
  .site-refined .hero-frame.hero-contact { --hero-art-height: 108%; --hero-art-bottom: -5%; }
  .site-refined .hero-frame.hero-about { --hero-art-height: 105%; --hero-art-bottom: -4%; }
  .site-refined .hero-frame.collections-hero .collections-hero-copy { width: 42% !important; }
  .site-refined .hero-frame.collections-hero > .collections-hero-inner { align-items: flex-start; padding-top: 76px !important; }
  .site-refined .hero-frame.collections-hero { --hero-art-height: 94%; --hero-art-bottom: 0%; }
  .site-refined .hero-frame.for-brands-hero > .grid > div:first-child { padding: 30px 32px; }
}
@media (max-width: 899px) {
  .site-refined .hero-frame, .site-refined main > .hero-frame.mobile-stack-hero { display: flex !important; flex-direction: column; align-items: stretch !important; height: auto !important; min-height: 600px !important; padding: 0 !important; }
  .site-refined .hero-frame.hero-frame > .relative.z-10, .site-refined .hero-frame > .collections-hero-inner { order: 0; flex: 1 0 auto; height: auto; min-height: 290px; margin: 0 !important; padding: 30px 24px 20px !important; color: #302920; }
  .site-refined .hero-frame > .relative.z-10 > .grid { display: block; }
  .site-refined .hero-frame > .relative.z-10 > div:not(.grid), .site-refined .hero-frame > .relative.z-10 > .grid > div:first-child, .site-refined .hero-frame .collections-hero-copy { width: 100% !important; max-width: 620px !important; color: #302920 !important; }
  .site-refined .hero-frame.collections-hero .collections-hero-copy { width: 100% !important; max-width: 620px !important; }
  .site-refined .hero-frame > .absolute:first-child, .site-refined .hero-frame > .collections-hero-art { position: relative !important; order: 1; flex: 0 0 290px; inset: auto !important; width: 100% !important; height: 290px !important; aspect-ratio: auto; mask-image: none; overflow: hidden; }
  .site-refined .hero-frame > .absolute:first-child > img, .site-refined .hero-frame > .collections-hero-art > img { position: absolute; right: 0; bottom: 0; width: auto !important; height: 100% !important; object-fit: contain !important; }
  .site-refined .hero-frame h1.section-title { margin-top: 12px !important; max-width: 23ch !important; font-size: 34px !important; line-height: 1.12 !important; color: #211f1b !important; text-shadow: none; }
  .site-refined .hero-frame .inline-flex.mb-5 { max-width: 100%; margin-bottom: 5px !important; }
  .site-refined .hero-frame > .relative.z-10 p:not(.section-label), .site-refined .hero-frame .collections-hero-description { color: #62584c !important; line-height: 1.6 !important; }
  .site-refined .hero-frame .home-audience { margin-top: 12px !important; color: #4f473e !important; }
  .site-refined .hero-frame .home-hero-description { font-size: 15px !important; color: #62584c !important; }
  .site-refined .hero-frame .home-studio-entry { color: #6e6150 !important; }
  .site-refined .hero-frame .home-studio-entry a { color: #714b35 !important; }
  .site-refined .hero-frame .about-hero-desktop-copy { display: block !important; margin-top: 16px; font-size: 15px; }
  .site-refined .hero-frame .contact-hero-mobile-copy { display: none !important; }
  .site-refined .hero-frame.hero-contact h1 + p + p { display: block !important; margin-top: 16px !important; font-size: 15px !important; }
  .site-refined .hero-frame > .relative.z-10 a.rounded-full { min-height: 46px; color: #fff !important; background: #211f1b !important; border-color: #211f1b !important; box-shadow: none !important; }
  .site-refined .hero-frame > .relative.z-10 a.rounded-full ~ a.rounded-full { display: inline-flex !important; color: #302920 !important; background: #fffaf3 !important; border-color: #d4c8b7 !important; }
  .site-refined .hero-frame > .relative.z-10 .mt-8.flex > a:nth-child(n+2) { display: inline-flex !important; }
  .site-refined .hero-frame.hero-contact .mt-8 a { display: inline-flex !important; }
  .site-refined .hero-frame .home-proof { display: none; }
  .site-refined .hero-frame.hero-home .home-hero-copy > .inline-flex.mb-5,
  .site-refined .hero-frame.hero-home .home-studio-entry > span { display: none !important; }
  .site-refined .hero-frame.hero-home > .home-hero-content .home-hero-copy .home-hero-description { display: none !important; }
  .site-refined .hero-frame.hero-home > .absolute:first-child > img { height: 132% !important; right: -30px; }
  .site-refined .hero-frame.hero-contact > .absolute:first-child > img { height: 110% !important; bottom: -7%; }
  .site-refined .hero-frame.hero-about > .absolute:first-child > img { height: clamp(350px,110vw,420px) !important; right: -30px; bottom: -20px; }
  .site-refined .hero-frame.hero-original-ip > .absolute:first-child > img { height: 125% !important; }
  .site-refined .hero-frame.hero-journal > .absolute:first-child > img { height: 128% !important; }
  .site-refined .hero-frame.hero-contact .section-label { color: #82725f !important; }
  .site-refined .hero-frame.hero-contact .mt-8.flex { gap: 12px; }
  .site-refined .hero-frame.hero-contact .mt-8 a { min-height: 46px; padding: 12px 18px !important; border-radius: 8px; font-size: 12px !important; line-height: 1.5; box-shadow: none !important; }
  .site-refined .hero-frame.hero-contact .mt-8 a[href*="wa.me"] { color: #fff !important; background: #247a59 !important; border-color: #247a59 !important; }
  .site-refined .hero-frame.hero-contact .mt-8 a[href="#project-form"] { color: #211f1b !important; background: #fffaf3 !important; border: 1px solid #bbae9b !important; }
  .site-refined .hero-frame.for-brands-hero h1 + p + div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px !important; }
  .site-refined .hero-frame.for-brands-hero h1 + p + div > a { justify-content: center; min-height: 46px; padding: 12px 10px; font-size: 12px; line-height: 1.5; }
  .site-refined .hero-frame.for-brands-hero h1 + p + div > .polish-studio-link { grid-column: 1 / -1; order: 3; }
  .site-refined .hero-frame.for-brands-hero h1 + p + div + div { display: none; }
  .site-refined .hero-frame.for-brands-hero .model-stage model-viewer { min-height: 0 !important; height: 100% !important; }
  .site-refined .hero-frame.for-brands-hero .model-stage > div:nth-child(2) { top: 12px; left: 12px; padding: 9px 12px; }
  .site-refined .hero-frame.for-brands-hero .model-stage > div:last-child { right: 12px; bottom: 12px; max-width: 180px; padding: 10px; }
  .site-refined .hero-frame.for-brands-hero .model-stage > div:last-child p:last-child { display: none; }
  .site-refined .hero-frame.for-brands-hero > .grid { display: flex; flex-direction: column; height: auto; min-height: 0; }
  .site-refined .hero-frame.for-brands-hero > .grid > div:first-child { padding: 30px 24px 20px !important; }
  .site-refined .hero-frame.for-brands-hero .model-stage { height: 300px !important; min-height: 300px !important; }
  .site-refined .hero-frame.for-brands-hero .model-stage > div:last-child { max-width: 220px; padding: 12px; }
}
@media (max-width: 479px) {
  .site-refined .hero-frame.hero-frame h1.section-title { font-size: 31px !important; }
  .site-refined .hero-frame.hero-frame > .relative.z-10, .site-refined .hero-frame > .collections-hero-inner { padding-inline: 20px !important; }
  .site-refined .hero-frame > .absolute:first-child, .site-refined .hero-frame > .collections-hero-art { flex-basis: 300px; height: 300px !important; }
  .site-refined .hero-frame.collections-hero > .collections-hero-art { flex-basis: clamp(240px,calc((100vw - 15px)*.8),300px); height: clamp(240px,calc((100vw - 15px)*.8),300px) !important; }
}
