#the-temple { background: #f0ece8; }
.srp-temple-showcase { position: relative; min-height: clamp(36rem,56vw,53rem); margin-bottom: var(--srp-section-space); padding: clamp(1rem,3vw,3rem); overflow: hidden; border: 1px solid rgba(23,21,30,.1); border-radius: var(--srp-radius-lg); background: radial-gradient(circle at 74% 22%,rgba(140,114,255,.2),transparent 26%),linear-gradient(145deg,#0b0a12,#2b2334); box-shadow: 0 2rem 5rem rgba(33,28,42,.16); }
.srp-temple-showcase figure { margin: 0; }
.srp-temple-showcase figure > figcaption { position: absolute; padding: .55rem .72rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--srp-radius-pill); color: rgba(255,255,255,.7); background: rgba(8,8,16,.76); backdrop-filter: blur(12px); font-size: .67rem; font-weight: 750; }
.srp-temple-showcase__desktop { position: relative; z-index: 1; width: min(82%,70rem); margin-left: auto!important; }
.srp-temple-showcase__desktop .srp-browser-mockup__viewport img { aspect-ratio: 1906/904; object-fit: contain; }
.srp-temple-showcase__desktop > figcaption { right: 1rem; bottom: 1rem; }
.srp-temple-showcase__discipline { position: absolute; z-index: 2; bottom: clamp(2rem,4vw,4rem); left: clamp(1rem,3vw,3rem); width: min(23%,18rem); transform: rotate(-2deg); }
.srp-temple-showcase__discipline .srp-browser-mockup__viewport--full { display: grid; height: clamp(20rem,34vw,32rem); place-items: center; background: #111019; }
.srp-temple-showcase__discipline .srp-browser-mockup__viewport--full img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }
.srp-temple-showcase__discipline > figcaption { right: .7rem; bottom: .7rem; }
.srp-temple-showcase__mobile { position: absolute; z-index: 3; right: clamp(1rem,4vw,4rem); bottom: clamp(.8rem,2vw,2rem); width: clamp(7rem,14vw,11rem); min-height: 18rem; }
.srp-temple-showcase__mobile .srp-phone-mockup { position: relative; right: auto; bottom: auto; width: 100%; }
.srp-temple-showcase__mobile > figcaption { right: 50%; bottom: -.15rem; white-space: nowrap; transform: translateX(50%); }
.srp-temple-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2rem,6vw,7rem); padding-block: var(--srp-section-space); }
.srp-temple-branding { padding-top: var(--srp-section-space); }
.srp-temple-branding__grid { display: grid; grid-template-columns: minmax(18rem,.72fr) minmax(0,1.28fr); gap: clamp(1rem,2vw,1.5rem); }
.srp-temple-branding__grid figure { position: relative; min-height: clamp(28rem,45vw,48rem); margin: 0; overflow: hidden; border: 1px solid rgba(23,21,30,.1); border-radius: var(--srp-radius-lg); background: #181520; box-shadow: 0 1.5rem 4rem rgba(33,28,42,.12); }
.srp-temple-branding__grid img { width: 100%; height: 100%; object-fit: contain; background: #100e16; }
.srp-temple-branding__grid figure:first-child img { object-position: center 40%; }
.srp-temple-branding__grid figcaption { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; padding: .7rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: .85rem; color: rgba(255,255,255,.8); background: rgba(8,8,16,.76); backdrop-filter: blur(12px); font-size: .72rem; font-weight: 750; }
@media (max-width:52rem) { .srp-temple-grid,.srp-temple-branding__grid { grid-template-columns: 1fr; } .srp-temple-branding__grid figure { min-height: 31rem; } }
@media (max-width:39.9375rem) { .srp-temple-showcase { min-height: 31rem; padding: .75rem; } .srp-temple-showcase__desktop { width: 96%; } .srp-temple-showcase__discipline { bottom: 1rem; left: .8rem; width: 31%; } .srp-temple-showcase__discipline .srp-browser-mockup__viewport--full { height: 15rem; } .srp-temple-showcase__mobile { right: .8rem; bottom: .4rem; width: 5.7rem; min-height: 12rem; } .srp-temple-showcase__mobile > figcaption,.srp-temple-showcase__discipline > figcaption { display: none; } .srp-temple-branding__grid figure { min-height: 24rem; } }