.hc-site *{box-sizing:border-box}
.hc-site a{text-decoration:none;color:inherit}
.hc-site .shell{max-width:1480px;margin:auto;padding:0 clamp(22px,5vw,84px)}
.hc-site header{height:92px;border-bottom:1px solid #183142;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hc-site .logo{display:flex;align-items:center;gap:14px;font-size:20px;letter-spacing:5px}
.hc-site .orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffeaa1,#f3b53e 52%,#b77918);box-shadow:0 0 24px #e9a72d77}
.hc-site .nav{display:flex;gap:27px;font-size:13px;color:#c8d0d6}
.hc-site .nav a:hover{color:var(--gold)}
.hc-site .pill{border:1px solid #a97b2b;color:var(--gold);padding:12px 22px;border-radius:40px;font-size:13px}
.hc-site .hero{min-height:690px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}
.hc-site .hero-copy{z-index:2;padding:60px 0}
.hc-site .eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:700;margin-bottom:32px}
.hc-site h1, .hc-site h2, .hc-site h3, .hc-site .serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.hc-site h1{font-size:clamp(50px,5.3vw,91px);line-height:1.06;margin:0 0 30px}
.hc-site h1 em, .hc-site h2 em{color:var(--gold);font-weight:400}
.hc-site .lead{color:var(--muted);font-size:18px;line-height:1.85;max-width:510px}
.hc-site .actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:35px}
.hc-site .primary{display:inline-flex;background:linear-gradient(120deg,#f9d064,#efa82c);color:#091725;border-radius:40px;padding:16px 26px;font-size:14px;font-weight:700}
.hc-site .quiet{font-size:14px;border-bottom:1px solid #6e8391;padding-bottom:5px}
.hc-site .art{position:relative;isolation:isolate}
.hc-site .hero .art{width:116%;margin-left:-8%;margin-right:-8%}
.hc-site .art img{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 63% 60% at 50% 50%,#000 55%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 63% 60% at 50% 50%,#000 55%,transparent 99%)}
.hc-site .art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent 13%,transparent 87%,var(--bg));opacity:.55}
.hc-site .rule{border-top:1px solid var(--line)}
.hc-site .statement{text-align:center;padding:95px 0 105px}
.hc-site .statement .eyebrow{margin-bottom:23px}
.hc-site .statement h2{font-size:clamp(36px,4vw,62px);max-width:900px;margin:0 auto 24px;line-height:1.2}
.hc-site .statement p{max-width:680px;margin:auto;color:var(--muted);line-height:1.8}
.hc-site .feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:65px 0}
.hc-site .feature .art{margin:-25px -9%}
.hc-site .feature.reverse .art{order:2}
.hc-site .feature h2{font-size:clamp(40px,4.3vw,68px);line-height:1.12;margin:0 0 24px}
.hc-site .feature p{color:var(--muted);font-size:17px;line-height:1.9;max-width:470px}
.hc-site .more{display:inline-block;margin-top:22px;color:var(--gold);font-size:14px;border-bottom:1px solid #a77d36;padding-bottom:9px}
.hc-site .interlude{padding:90px 0;text-align:center;background:radial-gradient(ellipse at center,#0d2a3a 0%,var(--bg) 70%)}
.hc-site .interlude h2{font-size:clamp(38px,4.5vw,70px);max-width:900px;margin:0 auto 22px}
.hc-site .interlude p{color:var(--muted);max-width:680px;line-height:1.8;margin:0 auto 28px}
.hc-site .mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0 100px}
.hc-site .mini{border:1px solid #294354;background:#0a2130;border-radius:18px;padding:32px;min-height:220px}
.hc-site .mini b{color:var(--gold);font-size:11px;letter-spacing:3px}
.hc-site .mini h3{font-size:29px;margin:22px 0 10px}
.hc-site .mini p{font-size:14px;line-height:1.8;color:var(--muted)}
.hc-site .final{padding:110px 0 125px;text-align:center;border-top:1px solid var(--line)}
.hc-site .final h2{font-size:clamp(42px,5vw,80px);margin:10px auto 30px;max-width:850px}
.hc-site .final p{color:var(--muted);margin-bottom:35px}
.hc-site footer{border-top:1px solid var(--line);padding:34px 0 45px;color:#9daeb9;font-size:13px}
.hc-site .foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.hc-site .foot nav{display:flex;gap:20px;flex-wrap:wrap}
.hc-site #menu{display:none}
@media (max-width:900px){.hc-site header{height:76px}
.hc-site .nav{display:none}
.hc-site #menu{display:block;border:0;background:transparent;color:var(--ink);font-size:27px}
.hc-site .hero{display:flex;flex-direction:column;min-height:0}
.hc-site .hero-copy{order:1;padding:10px 0 70px}
.hc-site .hero .art{order:0;width:calc(100% + 60px);margin:10px -30px -10px}
.hc-site .hero h1{font-size:clamp(47px,10vw,75px)}
.hc-site .feature, .hc-site .feature.reverse{display:flex;flex-direction:column;gap:0;padding:30px 0 75px}
.hc-site .feature .art, .hc-site .feature.reverse .art{order:0;width:calc(100% + 50px);margin:0 -25px}
.hc-site .feature .copy, .hc-site .feature.reverse .copy{order:1}
.hc-site .mini-grid{grid-template-columns:1fr}
.hc-site .statement{padding:70px 0}
.hc-site .lead{font-size:16px}
.hc-site .feature h2{font-size:45px}
.hc-site .foot{flex-direction:column}
.hc-site header .pill{margin-left:auto}}
@media (max-width:480px){.hc-site .logo{font-size:15px;letter-spacing:3px}
.hc-site .orb{width:24px;height:24px}
.hc-site header .pill{font-size:11px;padding:9px 13px}
.hc-site .hero .art{margin-top:0}
.hc-site .eyebrow{letter-spacing:3px}
.hc-site .feature .art{margin-top:0}
.hc-site .mini{min-height:0}}
@media (prefers-reduced-motion:reduce){}
.hc-site *{box-sizing:border-box}
.hc-site a{text-decoration:none;color:inherit}
.hc-site .shell{max-width:1480px;margin:auto;padding:0 clamp(22px,5vw,84px)}
.hc-site header{height:92px;border-bottom:1px solid #183142;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hc-site .logo{display:flex;align-items:center;gap:14px;font-size:20px;letter-spacing:5px}
.hc-site .orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffeaa1,#f3b53e 52%,#b77918);box-shadow:0 0 24px #e9a72d77}
.hc-site .nav{display:flex;gap:27px;font-size:13px;color:#c8d0d6}
.hc-site .nav a:hover{color:var(--gold)}
.hc-site .pill{border:1px solid #a97b2b;color:var(--gold);padding:12px 22px;border-radius:40px;font-size:13px}
.hc-site .hero{min-height:690px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}
.hc-site .hero-copy{z-index:2;padding:60px 0}
.hc-site .eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:700;margin-bottom:32px}
.hc-site h1, .hc-site h2, .hc-site h3, .hc-site .serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.hc-site h1{font-size:clamp(50px,5.3vw,91px);line-height:1.06;margin:0 0 30px}
.hc-site h1 em, .hc-site h2 em{color:var(--gold);font-weight:400}
.hc-site .lead{color:var(--muted);font-size:18px;line-height:1.85;max-width:510px}
.hc-site .actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:35px}
.hc-site .primary{display:inline-flex;background:linear-gradient(120deg,#f9d064,#efa82c);color:#091725;border-radius:40px;padding:16px 26px;font-size:14px;font-weight:700}
.hc-site .quiet{font-size:14px;border-bottom:1px solid #6e8391;padding-bottom:5px}
.hc-site .art{position:relative;isolation:isolate}
.hc-site .hero .art{width:116%;margin-left:-8%;margin-right:-8%}
.hc-site .art img{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 63% 60% at 50% 50%,#000 55%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 63% 60% at 50% 50%,#000 55%,transparent 99%)}
.hc-site .art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent 13%,transparent 87%,var(--bg));opacity:.55}
.hc-site .rule{border-top:1px solid var(--line)}
.hc-site .statement{text-align:center;padding:95px 0 105px}
.hc-site .statement .eyebrow{margin-bottom:23px}
.hc-site .statement h2{font-size:clamp(36px,4vw,62px);max-width:900px;margin:0 auto 24px;line-height:1.2}
.hc-site .statement p{max-width:680px;margin:auto;color:var(--muted);line-height:1.8}
.hc-site .feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:65px 0}
.hc-site .feature .art{margin:-25px -9%}
.hc-site .feature.reverse .art{order:2}
.hc-site .feature h2{font-size:clamp(40px,4.3vw,68px);line-height:1.12;margin:0 0 24px}
.hc-site .feature p{color:var(--muted);font-size:17px;line-height:1.9;max-width:470px}
.hc-site .more{display:inline-block;margin-top:22px;color:var(--gold);font-size:14px;border-bottom:1px solid #a77d36;padding-bottom:9px}
.hc-site .interlude{padding:90px 0;text-align:center;background:radial-gradient(ellipse at center,#0d2a3a 0%,var(--bg) 70%)}
.hc-site .interlude h2{font-size:clamp(38px,4.5vw,70px);max-width:900px;margin:0 auto 22px}
.hc-site .interlude p{color:var(--muted);max-width:680px;line-height:1.8;margin:0 auto 28px}
.hc-site .mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0 100px}
.hc-site .mini{border:1px solid #294354;background:#0a2130;border-radius:18px;padding:32px;min-height:220px}
.hc-site .mini b{color:var(--gold);font-size:11px;letter-spacing:3px}
.hc-site .mini h3{font-size:29px;margin:22px 0 10px}
.hc-site .mini p{font-size:14px;line-height:1.8;color:var(--muted)}
.hc-site .final{padding:110px 0 125px;text-align:center;border-top:1px solid var(--line)}
.hc-site .final h2{font-size:clamp(42px,5vw,80px);margin:10px auto 30px;max-width:850px}
.hc-site .final p{color:var(--muted);margin-bottom:35px}
.hc-site footer{border-top:1px solid var(--line);padding:34px 0 45px;color:#9daeb9;font-size:13px}
.hc-site .foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.hc-site .foot nav{display:flex;gap:20px;flex-wrap:wrap}
.hc-site #menu{display:none}
@media (max-width:900px){.hc-site header{height:76px}
.hc-site .nav{display:none}
.hc-site #menu{display:block;border:0;background:transparent;color:var(--ink);font-size:27px}
.hc-site .hero{display:flex;flex-direction:column;min-height:0}
.hc-site .hero-copy{order:1;padding:10px 0 70px}
.hc-site .hero .art{order:0;width:calc(100% + 60px);margin:10px -30px -10px}
.hc-site .hero h1{font-size:clamp(47px,10vw,75px)}
.hc-site .feature, .hc-site .feature.reverse{display:flex;flex-direction:column;gap:0;padding:30px 0 75px}
.hc-site .feature .art, .hc-site .feature.reverse .art{order:0;width:calc(100% + 50px);margin:0 -25px}
.hc-site .feature .copy, .hc-site .feature.reverse .copy{order:1}
.hc-site .mini-grid{grid-template-columns:1fr}
.hc-site .statement{padding:70px 0}
.hc-site .lead{font-size:16px}
.hc-site .feature h2{font-size:45px}
.hc-site .foot{flex-direction:column}
.hc-site header .pill{margin-left:auto}}
@media (max-width:480px){.hc-site .logo{font-size:15px;letter-spacing:3px}
.hc-site .orb{width:24px;height:24px}
.hc-site header .pill{font-size:11px;padding:9px 13px}
.hc-site .hero .art{margin-top:0}
.hc-site .eyebrow{letter-spacing:3px}
.hc-site .feature .art{margin-top:0}
.hc-site .mini{min-height:0}}
@media (prefers-reduced-motion:reduce){}
.hc-site .page-hero{display:grid;grid-template-columns:47% 53%;min-height:530px;align-items:center;padding:45px 0 35px;gap:1%}
.hc-site .page-hero h1{font-size:clamp(47px,5vw,80px)}
.hc-site .page-hero .art{margin:0 -7%}
.hc-site .breadcrumbs{font-size:12px;color:#9aabb6;margin-top:28px}
.hc-site .breadcrumbs a{color:var(--gold)}
.hc-site .editorial{max-width:1000px;margin:0 auto;padding:30px 0 100px}
.hc-site .editorial section{border-top:1px solid var(--line);padding:50px 0}
.hc-site .editorial h2{font-size:clamp(33px,3.3vw,51px);margin:0 0 24px}
.hc-site .editorial h3{font-size:28px;margin:22px 0}
.hc-site .editorial p, .hc-site .editorial li{font-size:17px;line-height:1.85;color:var(--muted)}
.hc-site .editorial p{max-width:850px}
.hc-site .editorial strong, .hc-site .editorial b{color:var(--ink)}
.hc-site .editorial ul{padding-left:24px}
.hc-site .editorial li{margin:9px 0}
.hc-site .editorial details{border-bottom:1px solid var(--line);padding:20px 0}
.hc-site .editorial summary{cursor:pointer;font-size:20px}
.hc-site .editorial .a p{font-size:15px}
.hc-site .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 50px}
.hc-site .plan{padding:35px;border:1px solid var(--line);border-radius:20px;background:#0a2131}
.hc-site .plan h2{font-size:38px}
.hc-site .plan .price{font:52px Georgia,serif;color:var(--gold)}
.hc-site .plan p, .hc-site .plan li{color:var(--muted);line-height:1.75}
.hc-site .section-art{max-width:960px;margin:10px auto 35px}
.hc-site .section-art img{width:100%;-webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,black 50%,transparent 99%);mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,black 50%,transparent 99%)}
.hc-site .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hc-site .blog-tile{border:1px solid var(--line);padding:28px;border-radius:16px;background:#0b2130}
.hc-site .blog-tile h3{font-size:26px}
.hc-site .blog-tile p{color:var(--muted);line-height:1.7}
.hc-site .nav a[aria-current=page]{color:var(--gold)}
.hc-site .page-links{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0}
.hc-site .page-links a{border-bottom:1px solid var(--gold);padding-bottom:8px;color:var(--gold)}
@media (max-width:900px){.hc-site .page-hero{display:flex;flex-direction:column-reverse;min-height:0;gap:0}
.hc-site .page-hero .art{width:calc(100% + 40px);margin:0 -20px}
.hc-site .page-hero h1{font-size:clamp(44px,9vw,70px)}
.hc-site .plan-grid, .hc-site .blog-grid{grid-template-columns:1fr}
.hc-site .editorial section{padding:38px 0}
.hc-site .editorial{padding-bottom:60px}}
.hc-site .article-hero{padding:72px 0 22px;max-width:1080px;margin:auto}
.hc-site .article-hero h1{font-size:clamp(46px,6vw,86px);max-width:1000px}
.hc-site .article-hero .lead{max-width:790px}
.hc-site .meta{color:#9cb0be;font-size:13px;letter-spacing:.04em;margin:22px 0}
.hc-site .category-chip{display:inline-block;border:1px solid #6c542c;border-radius:100px;color:#f3b53e;padding:8px 14px;font-size:12px;margin:0 6px 8px 0}
.hc-site .article-cover{max-width:1140px;margin:8px auto 35px}
.hc-site .article-cover img{width:100%;display:block;-webkit-mask-image:radial-gradient(ellipse 69% 64% at center,#000 65%,transparent 99%);mask-image:radial-gradient(ellipse 69% 64% at center,#000 65%,transparent 99%)}
.hc-site .article-layout{display:grid;grid-template-columns:minmax(0,730px) 260px;gap:8%;max-width:1160px;margin:0 auto 110px}
.hc-site .article-body{min-width:0}
.hc-site .article-body p, .hc-site .article-body li{color:#b6c3cc;font-size:17px;line-height:1.9}
.hc-site .article-body h2{font-size:clamp(31px,3.3vw,47px);line-height:1.2;margin:55px 0 20px}
.hc-site .article-body h3{font-size:27px;margin-top:30px}
.hc-site .article-body a{color:#f3b53e;text-decoration:underline;text-underline-offset:4px}
.hc-site .quick-answer{padding:32px 36px;border:1px solid #9a722f;border-left:4px solid #f3b53e;border-radius:15px;background:linear-gradient(115deg,#122c38,#091e2d);margin:0 0 45px}
.hc-site .quick-answer .eyebrow{margin-bottom:14px}
.hc-site .quick-answer p{color:#f1e8dc;font-size:19px;line-height:1.75;margin:0}
.hc-site .sidebar{align-self:start;position:sticky;top:25px}
.hc-site .side-panel{border:1px solid #254050;border-radius:16px;background:#0a2130;padding:24px;margin-bottom:20px}
.hc-site .side-panel h3{font-size:25px;margin:0 0 17px}
.hc-site .side-panel a{display:block;padding:11px 0;border-bottom:1px solid #203b4b;color:#bdcbd2;font-size:13px}
.hc-site .side-panel a:hover{color:#f3b53e}
.hc-site .article-inline{margin:35px -25px}
.hc-site .article-inline img{width:100%;display:block;border-radius:12px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at center,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 70% 65% at center,#000 70%,transparent 100%)}
.hc-site .article-body details{border-bottom:1px solid #254050;padding:19px 0}
.hc-site .article-body summary{cursor:pointer;font-size:19px;color:#f5eee3}
.hc-site .article-body details p{font-size:15px}
.hc-site .related{max-width:1160px;margin:0 auto 100px}
.hc-site .related h2{font-size:45px}
.hc-site .category-bar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 45px}
.hc-site .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hc-site .post-card{display:block;border:1px solid #254050;border-radius:18px;overflow:hidden;background:#0b2230}
.hc-site .post-card img{width:100%;height:195px;object-fit:cover;display:block}
.hc-site .post-card .inner{padding:22px}
.hc-site .post-card h3{font-size:26px;line-height:1.2;margin:12px 0}
.hc-site .post-card p{color:#aebbc4;font-size:14px;line-height:1.65}
.hc-site .blog-intro{padding:90px 0 45px;max-width:980px}
.hc-site .blog-intro h1{font-size:clamp(54px,6vw,90px)}
.hc-site .feature-post{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;margin-bottom:65px}
.hc-site .feature-post img{width:100%;-webkit-mask-image:radial-gradient(ellipse 65% 62% at center,#000 58%,transparent 99%);mask-image:radial-gradient(ellipse 65% 62% at center,#000 58%,transparent 99%)}
.hc-site .feature-post h2{font-size:clamp(38px,4vw,60px);margin:14px 0}
.hc-site .feature-post p{color:#b6c3cc;line-height:1.8}
.hc-site .blog-section-title{font-size:45px;margin:0 0 25px}
.hc-site .blog-end{padding-bottom:100px}
@media (max-width:900px){.hc-site .article-layout{grid-template-columns:1fr}
.hc-site .sidebar{position:static}
.hc-site .article-hero{padding-top:50px}
.hc-site .quick-answer{padding:24px}
.hc-site .article-inline{margin:25px 0}
.hc-site .post-grid{grid-template-columns:1fr}
.hc-site .feature-post{grid-template-columns:1fr}
.hc-site .article-cover{margin-top:0}}

.hc-site{--bg:#061827;--ink:#f5eee3;--muted:#aebbc4;--gold:#f3b53e;--line:#254050;background:#061827;color:#f5eee3;font-family:Inter,Arial,sans-serif;min-height:60vh;overflow:hidden}
.hc-site .hc-shell{max-width:1480px;margin:0 auto;padding:0 clamp(22px,5vw,84px)}
.hc-site img{max-width:100%;height:auto}
.hc-site .art img{display:block;max-width:100%;-webkit-mask-image:radial-gradient(ellipse 72% 69% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 72% 69% at 50% 50%,#000 42%,transparent 100%)}
.hc-site .hero .art img{width:120%;max-width:none;margin-left:-8%}
.hc-site .hc-shell>main{display:block}
.hc-site .shell>header,.hc-site #mobile-nav{display:none}
@media(max-width:800px){.hc-site .hero .art img{width:100%;margin:0}.hc-site .hc-shell{padding:0 20px}}
/* WordPress content typography and article SEO Quick Answer */
.hc-post-quick{border-left:3px solid #f3b53e;background:#102738;border-radius:0 14px 14px 0;padding:22px 26px;margin:32px 0;color:#f5eee3}
.hc-post-quick h2{font-size:1.25rem;margin:0 0 12px;color:#f3b53e}
.hc-article{max-width:820px;margin:auto;padding:42px 22px 90px;line-height:1.8;color:#e7e2dc}
.hc-article h2,.hc-article h3{font-family:Georgia,serif;color:#f5eee3;margin-top:1.8em}
.hc-article a{color:#f3b53e;text-decoration:underline}
.hc-post-cta{text-align:center;background:radial-gradient(ellipse at 50% 0%,#1b3b4b,#061827 75%);padding:70px 20px;margin:60px auto 0;max-width:1000px}
.hc-post-cta h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,52px);max-width:740px;margin:10px auto 28px;color:#f5eee3}
.hc-app-badge{display:inline-block;width:190px;max-width:70%;height:auto}
.hc-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:38px 0 75px}
.hc-blog-card{border:1px solid #254050;border-radius:18px;overflow:hidden;background:#0d2332}
.hc-blog-card img{width:100%;height:220px;object-fit:cover}
.hc-blog-card .inner{padding:24px}.hc-blog-card h2{font:400 26px/1.2 Georgia,serif;margin:12px 0}
.hc-blog-card p{color:#aebbc4}.hc-blog-cats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.hc-blog-cats a{border:1px solid #456071;border-radius:100px;padding:9px 17px;color:#e8e1d7;font-size:13px}
.hc-blog-cats a:hover,.hc-blog-cats .active{background:#f3b53e;color:#061827}
@media(max-width:800px){.hc-blog-grid{grid-template-columns:1fr}}


/* v1.5.27 — single cinematic artwork standard. Home hero is the reference.
   All cinematic image slots use identical dimensions within each breakpoint. */
.hc-site .hero > .art,
.hc-site .feature > .art,
.hc-site .feature.reverse > .art,
.hc-site .page-hero > .art {
  box-sizing:border-box;
  width:100%; max-width:620px; min-width:0;
  margin:0 auto; padding:0; justify-self:center; align-self:center;
  aspect-ratio:16/9; display:flex; align-items:center; justify-content:center;
}
.hc-site .hero > .art > img,
.hc-site .feature > .art > img,
.hc-site .feature.reverse > .art > img,
.hc-site .page-hero > .art > img {
  display:block; box-sizing:border-box; width:100%; max-width:100%;
  height:100%; margin:0; padding:0; object-fit:contain; object-position:center;
}
.hc-site .hero > .art::after,
.hc-site .feature > .art::after,
.hc-site .page-hero > .art::after {display:none}
@media(max-width:900px){
  .hc-site .hero,.hc-site .feature,.hc-site .feature.reverse,.hc-site .page-hero {
    display:flex; flex-direction:column; gap:0; min-height:0;
  }
  .hc-site .hero > .art,.hc-site .feature > .art,
  .hc-site .feature.reverse > .art,.hc-site .page-hero > .art {
    order:0; width:100%; max-width:620px; aspect-ratio:16/9;
    margin:0 auto 24px; padding:0; flex:none;
  }
  .hc-site .hero > .hero-copy,.hc-site .feature > .copy,
  .hc-site .feature.reverse > .copy,.hc-site .page-hero > :not(.art){
    order:1; width:100%; min-width:0;
  }
  .hc-site .hero > .hero-copy {padding:0 0 50px}
  .hc-site .feature,.hc-site .feature.reverse {padding:30px 0 55px}
  .hc-site .page-hero {padding:30px 0 55px}
}