
/* Reference composition: independent, responsive artwork and real buttons. */
.sts-responsive-home,.landing.sts-responsive-home{background:#000b05 url('sts-smoke.png') center/cover no-repeat!important}
.sts-responsive-home::before{display:none!important}
.sts-responsive-home::after{background:radial-gradient(ellipse at center,transparent 50%,#0007)!important}
.sts-home-grid{width:96vw;height:94dvh;max-width:none;padding:2dvh 1vw;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);gap:1.2vw}
.sts-center-emblem{height:100%;filter:drop-shadow(0 5px 9px #000b)}
.sts-center-emblem img{width:min(100%,85dvh);max-height:88dvh;object-fit:contain}
.sts-release-choice{aspect-ratio:300/420;max-width:none;width:100%;min-height:0;height:auto;max-height:78dvh;gap:2dvh;padding:17% 9%;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;filter:drop-shadow(0 6px 8px #0009)}
.sts-release-choice::before{inset:0;border:0;border-radius:0;background:url('sts-ornate-frame.svg') center/100% 100% no-repeat;z-index:0}
.sts-release-choice:hover,.sts-release-choice:focus-visible{box-shadow:none!important;filter:drop-shadow(0 0 22px rgb(225 181 57 / 32%));transform:scale(1.025)}
.sts-choice-title{font-family:'Cinzel',Georgia,serif;font-size:clamp(20px,3.1vw,58px);line-height:1.12;letter-spacing:-.035em;color:#f5cf64;background:linear-gradient(#fff5b0,#e6b543 65%,#b77b1c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #000)}
.sts-choice-icon{position:relative;z-index:1;width:52%;height:auto;aspect-ratio:1;max-height:24dvh;filter:drop-shadow(0 3px 3px #000) drop-shadow(0 0 5px #dfa62d55)}
.sts-ornament{display:none}
body:has(.sts-responsive-home) header{padding:8px!important}
body:has(.sts-responsive-home) header button{padding:9px 14px;font-size:11px;background:#00190bc9;border-color:#b98e3790;opacity:.85}
@media(orientation:portrait){
 .sts-home-grid{width:96vw;height:96dvh;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:'logo logo' 'tattoo piercing';gap:0 1vw;padding:3dvh 1vw 1dvh}
 .sts-center-emblem{height:100%;width:100%}.sts-center-emblem img{width:auto;max-width:89vw;max-height:100%}
 .sts-release-choice{height:100%;width:100%;max-width:none;max-height:none;aspect-ratio:auto;flex-direction:column;justify-content:center;padding:15% 9%;gap:1dvh}
 .sts-choice-title{font-size:clamp(20px,4.8vw,44px)}.sts-choice-icon{width:auto;height:43%;max-width:75%;max-height:18dvh}
}
@media(max-width:600px) and (orientation:portrait){
 .sts-home-grid{width:94vw;height:96dvh;grid-template-columns:1fr;grid-template-rows:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:'logo' 'tattoo' 'piercing';gap:1dvh;padding:4dvh 0 1dvh}
 .sts-center-emblem img{max-width:88vw;max-height:100%;width:auto}
 .sts-release-choice{flex-direction:row;gap:4%;padding:6% 10%;height:100%;max-width:none;min-height:0}
 .sts-choice-title{font-size:clamp(20px,6.5vw,34px);width:56%}.sts-choice-icon{width:32%;height:auto;max-height:14dvh;max-width:32%}
 .sts-release-choice::before{background-image:url('sts-ornate-frame-wide.svg')}
}
@media(orientation:landscape) and (max-height:520px){
 .sts-home-grid{height:96dvh;width:97vw;gap:1vw;padding:1dvh 1vw}
 .sts-release-choice{height:84dvh;max-height:84dvh;padding:12% 7%;gap:2dvh}
 .sts-choice-title{font-size:clamp(16px,5.7dvh,28px)}.sts-choice-icon{height:29dvh;width:auto;max-width:70%;max-height:29dvh}
 .sts-center-emblem img{max-height:90dvh}
}
@media(orientation:portrait){.sts-responsive-home,.landing.sts-responsive-home{background-size:100% 100%!important}}
.sts-center-emblem{min-height:0;min-width:0}
@media(orientation:portrait){.sts-center-emblem img{display:block;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain}}
/* Polished gold frame artwork and larger approved jewelry illustrations. */
.sts-release-choice::before{background-image:url('sts-metal-frame.png');filter:drop-shadow(0 0 11px rgb(237 184 67 / 20%)) drop-shadow(0 0 28px rgb(220 155 37 / 10.1176470588%))}
.sts-release-choice{padding:18% 13%;gap:1.5dvh}
.sts-choice-title{font-size:clamp(20px,2.65vw,51px)}
.sts-choice-icon{width:72%;height:auto;max-height:30dvh}
@media(orientation:portrait){
 .sts-release-choice{padding:19% 14%;gap:1dvh}
 .sts-choice-title{font-size:clamp(20px,4.4vw,42px)}
 .sts-choice-icon{height:49%;width:auto;max-width:85%;max-height:21dvh}
}
@media(max-width:600px) and (orientation:portrait){
 .sts-release-choice::before{background-image:url('sts-metal-frame-wide.png')}
 .sts-release-choice{padding:7% 11%;gap:2%}
 .sts-choice-title{font-size:clamp(20px,6.2vw,33px);width:54%}
 .sts-choice-icon{width:40%;height:auto;max-width:40%;max-height:17dvh}
}
@media(orientation:landscape) and (max-height:520px){
 .sts-release-choice{padding:14% 11%;gap:1dvh}
 .sts-choice-title{font-size:clamp(15px,5dvh,26px)}
 .sts-choice-icon{height:34dvh;width:auto;max-width:82%;max-height:34dvh}
}
@media(max-width:600px) and (orientation:portrait){.sts-choice-icon{width:36%;max-width:36%;max-height:12dvh;object-fit:contain}}
