/* Gilded reliefs occupy the margins; all ornament layers ignore pointer input. */
.ornament-frame{position:absolute;inset:22px;pointer-events:none;z-index:0;border:1px solid #a7843838;outline:1px solid #a7843820;outline-offset:5px}
.ornament-frame i{position:absolute;width:clamp(110px,15vw,235px);aspect-ratio:1;background:url('assets/gold-corner.png') center/contain no-repeat;opacity:.66}
.ornament-frame i:nth-child(1){left:-10px;top:-10px}
.ornament-frame i:nth-child(2){right:-10px;top:-10px;transform:scaleX(-1)}
.ornament-frame i:nth-child(3){left:-10px;bottom:-10px;transform:scaleY(-1)}
.ornament-frame i:nth-child(4){right:-10px;bottom:-10px;transform:scale(-1)}
.winged-crest{width:min(340px,100%);aspect-ratio:3/1;background:url('assets/winged-zeus.png') center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 3px 3px #5a3b1225)}
.gold-finial{height:52px;width:155px;margin:19px 0 0;background:url('assets/winged-zeus.png') center/contain no-repeat;pointer-events:none;opacity:.83}
.temple-site .section,.temple-site .angel-section,.temple-site .interlude-copy,.temple-site .ritual-panels{position:relative;isolation:isolate}
.temple-site .section>.ornament-frame~*,.temple-site .angel-section>.ornament-frame~*,.temple-site .interlude-copy>.ornament-frame~*,.temple-site .ritual-panels>.ornament-frame~*{position:relative;z-index:1}
.temple-site .divine-hero-heading{padding-top:42px;padding-bottom:24px;isolation:isolate}
.temple-site .divine-hero-heading>.ornament-frame{inset:14px -12px 8px;border-color:#d3b15b30;outline-color:#d3b15b18}
.temple-site .divine-hero-heading>.ornament-frame i{width:clamp(95px,13vw,195px);opacity:.84}
.temple-site .divine-hero-heading>.ornament-frame~*{position:relative;z-index:1}
.temple-site .divine-hero-heading>.winged-crest{width:230px;margin:12px auto 0}
.temple-site .divine-hero-heading>.eyebrow{margin-top:5px}
.temple-site .divine-tableau{margin-top:18px}
.temple-site .intro{padding-top:58px;padding-bottom:90px}
.temple-site .intro>.ornament-frame{inset:32px}
.temple-site .intro>.ornament-frame i{width:clamp(160px,23vw,330px);opacity:.64}
.intro-crest{display:flex;justify-content:center;margin:0 auto 23px}
.intro-crest .winged-crest{width:310px}
.temple-site .intro h2{margin-top:22px}
.temple-site .intro .philosophy-line{position:relative;margin:48px auto 0;max-width:520px;padding:22px 0;border-top:3px double #baa06966;border-bottom:3px double #baa06966}
.temple-site .master-section{position:relative}
.temple-site .master-section figure>.ornament-frame{inset:-18px;z-index:2;border:0;outline:0}
.temple-site .master-section figure>.ornament-frame i{width:145px;opacity:1;filter:drop-shadow(0 2px 3px #3a260b44)}
.temple-site .master-section figure>.ornament-frame i:nth-child(n+3){display:none}
.temple-site .master-rank{position:relative;padding:24px 18px;border:3px double #c1aa73;background:linear-gradient(105deg,#ede0ba40,transparent)}
.temple-site .master-rank:after{content:'';position:absolute;right:10px;top:14px;width:66px;height:66px;background:url('assets/gold-corner.png') center/contain no-repeat;transform:scaleX(-1);opacity:.4;pointer-events:none}
.temple-site .section-heading{align-items:center;margin-bottom:48px}
.temple-site .section-heading>p{border-left:3px double #b79a5966;padding-left:24px}
.temple-site .pantheon>.ornament-frame i,.temple-site .rituals>.ornament-frame i,.temple-site .flow>.ornament-frame i{width:125px;opacity:.46}
.temple-site .pantheon-tableau{position:relative;margin-top:15px;outline:1px solid #b79a5970;outline-offset:7px}
.temple-site .deity-card-copy{background:linear-gradient(180deg,transparent,#d4bc7413);border-left:1px solid #b6954920;border-right:1px solid #b6954920;text-align:center;padding-left:18px;padding-right:18px}
.temple-site .deity-card-copy:before{content:'';display:block;width:145px;height:48px;margin:0 auto 21px;background:url('assets/winged-zeus.png') center/contain no-repeat;pointer-events:none;opacity:.75}
.temple-site .deity-card-copy>p:not(.eyebrow){text-align:left}
.temple-site .angel-section>.ornament-frame{border-color:#c9a15244;outline-color:#c9a15222}
.temple-site .angel-section>.ornament-frame i{opacity:.75;width:190px}
.angel-heading>.winged-crest{width:320px;margin:0 auto 26px;filter:drop-shadow(0 4px 4px #0006)}
.temple-site .angel-grid article{padding-top:64px}
.temple-site .angel-grid article:before{height:45px;width:140px;top:12px;left:calc(50% - 70px);background:url('assets/winged-zeus.png') center/contain no-repeat;opacity:.7;pointer-events:none}
.ritual-choice{min-width:0;display:flex;flex-direction:column}
.ritual-choice>.ritual-tabs{align-self:stretch}
.ritual-sigil{display:flex;position:relative;flex:1;min-height:265px;flex-direction:column;align-items:center;justify-content:center;padding:32px 12px 5px;pointer-events:none}
.sigil-art{width:220px;aspect-ratio:1;border-radius:50%;background:#142018 url('assets/theurgia-celestial-lily.jpg') center 38%/cover;border:7px double #bd9a52;outline:1px solid #c3a769;outline-offset:7px;box-shadow:0 6px 24px #73531424}
.ritual-sigil>.winged-crest{width:300px;margin-top:-16px;position:relative}
.temple-site .ritual-panels{padding:47px 42px}
.temple-site .ritual-panels>.ornament-frame{inset:11px;border:0;outline:0}
.temple-site .ritual-panels>.ornament-frame i{width:72px;opacity:.5}
.temple-site .ritual-panels>.ornament-frame i:nth-child(-n+2){top:-5px}
.temple-site .ritual-panels>.ornament-frame i:nth-child(n+3){bottom:-5px}
.temple-site .wish-catalog{position:relative;padding-top:12px}
.temple-site .wish-catalog article{position:relative;border:1px solid #c2a97080;outline:1px solid #c2a97035;outline-offset:4px;padding:34px 26px 20px;background:linear-gradient(135deg,#fdfaf3,#eee2c82e)}
.temple-site .wish-catalog article:after{content:'';position:absolute;right:2px;top:2px;width:75px;height:75px;transform:scaleX(-1);background:url('assets/gold-corner.png') center/contain no-repeat;opacity:.5;pointer-events:none}
.temple-site .wish-catalog>div{gap:28px}
.temple-site .interlude-copy{padding:68px 11%}
.temple-site .interlude-copy>.ornament-frame{inset:20px}
.temple-site .interlude-copy>.ornament-frame i{width:105px;opacity:.55}
.temple-site .steps{gap:25px}
.temple-site .steps li{padding:26px 17px 16px;border:1px solid #bfa56c80;box-shadow:inset 0 0 0 5px #c9ad6920;background:linear-gradient(145deg,#fffcf5,#eee2c836)}
.temple-site .steps li:before{content:'';position:absolute;right:3px;top:3px;width:72px;height:72px;transform:scaleX(-1);background:url('assets/gold-corner.png') center/contain no-repeat;opacity:.55;pointer-events:none}
.temple-site .questions{background-image:linear-gradient(90deg,#a9843230 1px,transparent 1px),linear-gradient(#a9843230 1px,transparent 1px);background-size:100% 100%;box-shadow:inset 0 7px 0 #dfcf9f30}
.question-ornament{margin-top:45px;padding:27px 0 20px;max-width:360px;position:relative;text-align:center;border-top:3px double #bea16655;border-bottom:3px double #bea16655;pointer-events:none}
.question-ornament>.winged-crest{width:100%;margin:auto}
.question-ornament>span{display:block;font:20px var(--latin);letter-spacing:.4em;color:#ad8947;margin-top:17px}
.temple-site .faq-list{padding:0 25px;border:1px solid #c4ac7680;background:#fffaf140;box-shadow:inset 0 0 0 5px #dbc99220}
.temple-site .faq-list details:first-child{border-top:0}
.temple-site .faq-list details:last-child{border-bottom:0}
.temple-site .closing{isolation:isolate}
.temple-site .closing>.ornament-frame{inset:25px 25px 16px;border-color:#ddba6045;outline-color:#ddba6028}
.temple-site .closing>.ornament-frame i{width:220px;opacity:.85}
.temple-site .closing>.ornament-frame~*{position:relative;z-index:1}
.temple-site .closing>.winged-crest{width:330px;margin:0 auto 28px;filter:drop-shadow(0 4px 5px #0007)}
.temple-site footer:after{content:'';position:absolute;left:45%;top:51px;width:155px;height:65px;background:url('assets/winged-zeus.png') center/contain no-repeat;opacity:.65;pointer-events:none}
@media(min-width:1600px){.temple-site .section{max-width:1800px}.temple-site .intro>.ornament-frame i{width:330px}}
@media(max-width:1050px){.temple-site footer:after{display:none}.temple-site .divine-hero-heading>.ornament-frame i{width:115px}.temple-site .intro>.ornament-frame i{width:190px;opacity:.4}.temple-site .ritual-panels{padding:40px 27px}.temple-site .wish-catalog article{padding:30px 19px 18px}.temple-site .steps{gap:18px}.temple-site .steps li{padding:24px 15px 15px}}
@media(max-width:700px){
  .ornament-frame{inset:12px;outline-offset:3px}
  .ornament-frame i{width:75px!important;opacity:.45!important}
  .ornament-frame i:nth-child(1),.ornament-frame i:nth-child(2){top:-5px}
  .ornament-frame i:nth-child(3),.ornament-frame i:nth-child(4){bottom:-5px}
  .ornament-frame i:nth-child(odd){left:-5px}.ornament-frame i:nth-child(even){right:-5px}
  .temple-site .divine-hero-heading{padding-top:42px;padding-bottom:13px}
  .temple-site .divine-hero-heading>.ornament-frame{inset:13px -4px 7px}
  .temple-site .divine-hero-heading>.ornament-frame i{opacity:.8!important;width:65px!important}
  .temple-site .divine-hero-heading>.eyebrow{font-size:9px;letter-spacing:.09em}
  .temple-site .divine-hero-heading>.winged-crest{width:200px;margin-top:17px}
  .temple-site .divine-tableau{margin-top:13px}
  .temple-site .intro{padding:46px 10% 59px}
  .temple-site .intro>.ornament-frame{inset:15px}
  .temple-site .intro>.ornament-frame i{width:94px!important;opacity:.5!important}
  .intro-crest{margin-bottom:20px}.intro-crest .winged-crest{width:225px}
  .temple-site .intro h2{font-size:28px}
  .temple-site .intro .philosophy-line{margin-top:33px;gap:12px}
  .temple-site .master-section figure>.ornament-frame{inset:-12px}
  .temple-site .master-section figure>.ornament-frame i{width:93px!important;opacity:.95!important}
  .temple-site .master-rank{padding:20px 15px}
  .temple-site .section-heading{margin-bottom:35px}
  .temple-site .section-heading>p{padding-left:15px}
  .gold-finial{width:132px;height:44px;margin-top:14px}
  .temple-site .pantheon-tableau{outline-offset:4px}
  .temple-site .deity-card-copy{padding-top:22px;padding-bottom:27px}
  .temple-site .deity-card-copy:before{margin-bottom:16px;width:138px;height:46px}
  .temple-site .angel-section{padding-top:47px}
  .angel-heading>.winged-crest{width:240px;margin-bottom:24px}
  .temple-site .angel-grid article{padding-top:61px}
  .ritual-sigil{min-height:0;padding:32px 0 0}
  .sigil-art{display:none}
  .ritual-sigil>.winged-crest{width:185px;margin:0}
  .temple-site .ritual-panels{padding:32px 24px}
  .temple-site .ritual-panels>.ornament-frame{inset:10px}
  .temple-site .ritual-panels>.ornament-frame i{width:52px!important;opacity:.43!important}
  .temple-site .wish-catalog{padding-top:15px}
  .temple-site .wish-catalog>div{gap:22px}
  .temple-site .wish-catalog article{padding:29px 24px 17px}
  .temple-site .interlude-copy{padding:55px 10%}
  .temple-site .interlude-copy>.ornament-frame{inset:15px}
  .temple-site .steps{gap:20px 14px}
  .temple-site .steps li{padding:23px 14px 14px}
  .temple-site .steps h3{font-size:19px;letter-spacing:0}
  .temple-site .steps li:before{width:57px;height:57px}
  .question-ornament{max-width:220px;margin:28px auto 5px;padding:15px 0}
  .question-ornament>span{font-size:15px;margin-top:12px}
  .temple-site .faq-list{padding:0 17px}
  .temple-site .closing{padding-top:50px}
  .temple-site .closing>.ornament-frame{inset:15px 13px}
  .temple-site .closing>.winged-crest{width:235px;margin-bottom:22px}
}
@media(max-width:380px){.temple-site .steps{grid-template-columns:1fr}.temple-site .intro h2{font-size:26px}.temple-site .divine-hero h1{font-size:29px}}

/* Larger, spacious navigation with restrained gold detailing. */
@media(min-width:851px){
  .temple-site header{height:122px;gap:28px}
  .temple-site header nav{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--serif);font-size:clamp(1.0625rem,1.3vw,1.25rem);font-weight:500;line-height:1.6}
  .temple-site header nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:17px 16px;white-space:nowrap;letter-spacing:.08em;color:#f0e4c3;text-shadow:0 1px 8px #0003;transition:color .22s,background .22s}
  .temple-site header nav a:after{content:'';position:absolute;left:16px;right:16px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,#e0bb70 20%,#f6dfa0 50%,#e0bb70 80%,transparent);transform:scaleX(.22);opacity:.35;transition:transform .25s,opacity .25s;pointer-events:none}
  .temple-site header nav a+a:before{content:'';position:absolute;left:-6px;top:50%;width:1px;height:18px;background:linear-gradient(transparent,#c5a26070,transparent);transform:translateY(-50%);pointer-events:none}
  .temple-site header nav a:hover,.temple-site header nav a:focus-visible{color:#ffe8a9;background:linear-gradient(180deg,transparent,#c9a65b0d)}
  .temple-site header nav a:hover:after,.temple-site header nav a:focus-visible:after{transform:scaleX(1);opacity:1}
  .temple-site header nav a:focus-visible{outline:1px solid #e0be77;outline-offset:3px}
  .temple-site header .header-link{font-size:14px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
}
@media(min-width:851px) and (max-width:1100px){
  .temple-site header{height:auto;min-height:162px;display:grid;grid-template-columns:1fr auto;gap:12px 25px;padding:20px 5% 14px}
  .temple-site header .brand{grid-column:1;grid-row:1}
  .temple-site header .header-link{grid-column:2;grid-row:1;justify-self:end}
  .temple-site header nav{grid-column:1/-1;grid-row:2;width:100%;gap:22px;font-size:18px;border-top:1px solid #c2a26330;padding-top:8px}
  .temple-site header nav a{padding:13px 22px;min-height:54px}
  .temple-site header nav a+a:before{left:-11px}
}

/* Individual angel portraits lead the three celestial cards. */
.temple-site .angel-grid article{padding:10px 10px 30px;border-color:#bf9e5266;background:linear-gradient(160deg,#32432d66,#0b1b16);box-shadow:inset 0 0 0 5px #bf9e5218,0 16px 34px #0002}
.temple-site .angel-grid article:before{display:none}
.angel-portrait{position:relative;isolation:isolate;aspect-ratio:4/5;margin:0 0 30px;overflow:hidden;border:1px solid #c3a368;background:#15261e;box-shadow:0 5px 22px #0003}
.angel-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.angel-portrait:after{content:'';position:absolute;inset:6px;border:1px solid #f0d79338;box-shadow:0 0 0 6px #121d1420;pointer-events:none}
.temple-site .angel-grid .angel-latin{font-size:46px;line-height:1.12;margin:0 22px 22px;color:#edd497}
.temple-site .angel-grid article>p,.temple-site .angel-grid article>h3,.temple-site .angel-grid article>span{margin-left:22px;margin-right:22px}
.temple-site .angel-grid article>.eyebrow{font-size:12px;letter-spacing:.16em;color:#caba89;margin-bottom:19px}
.temple-site .angel-grid article>h3{margin-top:16px;margin-bottom:19px}
.temple-site .angel-grid article>.angel-theme{color:#ecd9a7}
.temple-site .angel-grid article>span{border-top:1px solid #c8ac632b;padding-top:20px;margin-top:25px;color:#d2bd86}
@media(min-width:851px) and (max-width:1100px){
  .temple-site .angel-grid{gap:20px}
  .temple-site .angel-grid article>p,.temple-site .angel-grid article>h3,.temple-site .angel-grid article>span{margin-left:13px;margin-right:13px}
  .temple-site .angel-grid .angel-latin{font-size:39px}
  .temple-site .angel-grid article>.eyebrow{font-size:11px;letter-spacing:.09em}
}
@media(max-width:850px){
  .temple-site .angel-grid{grid-template-columns:1fr;max-width:480px;gap:36px}
  .temple-site .angel-grid article{padding:9px 9px 29px}
  .angel-portrait{margin-bottom:27px}
  .temple-site .angel-grid .angel-latin{font-size:43px;margin-bottom:21px}
  .temple-site .angel-grid article>p,.temple-site .angel-grid article>h3,.temple-site .angel-grid article>span{margin-left:19px;margin-right:19px}
}
