/* V7: chosen card04 clean sky crops behind real HTML, sale geometry, inner nav. */
@media(min-width:901px){
 .sunset-hero-art::before{content:'';position:absolute;left:27.34375vw;top:0;width:40.8854167vw;height:19.53125vw;background:url('/reference-assets/selected-sky-upper-v7.webp') center/100% 100% no-repeat;mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%),linear-gradient(90deg,#000 calc(100% - 160px),transparent);mask-composite:intersect}
 .sunset-hero-art::after{content:'';display:block;position:absolute;left:35.8072917vw;top:23.6979167vw;width:25.390625vw;height:16.2760417vw;bottom:auto;background:url('/reference-assets/selected-sky-lower-v7.webp') center/100% 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 50px,#000 calc(100% - 50px),transparent),linear-gradient(180deg,transparent,#000 32px);mask-composite:intersect;pointer-events:none}
 .sunset-hero-art img{mask-image:linear-gradient(90deg,transparent,#000 72px),radial-gradient(ellipse 22.7864583vw 2.6041667vw at top left,transparent 60%,#000 100%);mask-composite:intersect}
}

body.build-guide aside.domain-sale{margin:0;border:0;padding:9px clamp(20px,4.4vw,72px);background:#302536;color:#fffaf6}
@media(max-width:760px){
 body.build-guide aside.domain-sale{padding:9px 20px}
 body:not(:has(.sunset-hero)) .top .brand{white-space:normal;max-width:100%;overflow-wrap:normal}
 body:not(:has(.sunset-hero)) .top .wrap{display:block;min-width:0;padding-block:17px}
 body:not(:has(.sunset-hero)) .top nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 10px;overflow:visible;white-space:normal;padding:12px 4px 4px;max-width:100%}
 body:not(:has(.sunset-hero)) .top nav a{flex:none;white-space:normal;font-size:.86rem;padding:5px 2px;scroll-margin:8px}
}