@import url('https://fonts.googleapis.com/css2?family=Italianno&family=Cormorant+Garamond:wght@400;500;600&display=swap');
:root{--gold:#f5c762;--bright:#ffba32;--cream:#fff3e4;--dark:#100015}
*{box-sizing:border-box}body{margin:0;background:#110017;color:var(--cream);font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;overflow-x:hidden}
a{color:inherit} .top{height:138px;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 3%;position:relative;z-index:3;background:radial-gradient(ellipse at 75% 5%,#410b30aa,transparent 65%)}
.brand{display:block;width:365px;max-width:35vw;height:118px;background:url('phoenix-brand.jpg') left center/contain no-repeat}
nav{display:flex;gap:clamp(13px,2.4vw,42px);align-items:center}nav a{text-decoration:none;font-size:clamp(17px,1.6vw,25px);text-shadow:0 2px 10px #000}nav a:hover{color:var(--gold)}
nav .journey{border:2px solid var(--gold);padding:10px 22px;border-radius:50px;color:var(--gold);white-space:nowrap}
.hero{position:relative;min-height:550px;max-width:1536px;margin:auto;background:#110017;display:flex;align-items:center;padding:40px 5% 75px;overflow:hidden}
.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:7px;background:linear-gradient(90deg,transparent 0%,#b96613 12%,#ffcb58 35%,#087c54 68%,#f6a123 90%,transparent);box-shadow:0 0 17px #e98b29;pointer-events:none}
.hero-content{max-width:58%;position:relative;z-index:1;text-align:center}
.kicker{text-transform:uppercase;letter-spacing:.4em;font-size:17px;color:#ffcf70;text-shadow:0 0 14px #df641f}
h1,h2,.script{font-family:'Italianno','Brush Script MT',cursive;font-weight:400;color:#ffd176;text-shadow:0 0 15px #db6b2860;margin:0}
h1{font-size:clamp(72px,8vw,138px);line-height:.9}h2{font-size:clamp(63px,6.3vw,105px);line-height:1.05;text-align:center}
.hero p{font-size:clamp(23px,2.6vw,39px);line-height:1.17;max-width:620px;margin:22px auto 26px;text-shadow:0 2px 9px #000}
.ornament{display:flex;align-items:center;gap:13px;justify-content:center;color:var(--gold);margin:18px auto}.ornament:before,.ornament:after{content:'';width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament:after{transform:rotate(180deg)}
.btn{display:inline-block;background:linear-gradient(125deg,#e77b00,#ffb02a,#e97900);border:1px solid #ffd45d;color:#17030d;text-decoration:none;border-radius:40px;padding:12px 38px;font-size:22px;font-weight:600;box-shadow:0 0 20px #fa8d0040}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.content{max-width:1350px;margin:auto;padding:85px 4% 65px;position:relative}.content:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 35%,#4b0a5e70,transparent 40%),radial-gradient(ellipse at 85% 60%,#7b0b2c50,transparent 42%);pointer-events:none}
.content>*{position:relative}.intro{text-align:center;max-width:880px;margin:15px auto 60px;font-size:29px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:45px 0}.panel{position:relative;overflow:hidden;text-align:center;border:2px solid #e9ae36;border-radius:22px;min-height:400px;padding:37px 24px 30px;background:radial-gradient(ellipse at 50% 0%,#4b0b55,#200020 75%);box-shadow:0 0 25px #ee8b2020,inset 0 0 35px #000}
.panel:before,.feature:before{content:'✦';display:block;font-size:50px;color:var(--gold);text-shadow:0 0 16px #ffab28}

.panel h3{font-size:42px;color:#ffda87;font-weight:400;margin:0}.panel p{font-size:24px;line-height:1.2}
.panel .btn{font-size:17px;padding:10px 19px}.feature{max-width:940px;margin:25px auto;padding:45px 60px;border:2px solid #e4aa39;border-radius:24px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#510b4b,#17001e 80%);box-shadow:0 0 60px #c25c1930}
.feature h3{font-size:clamp(32px,4vw,52px);font-weight:400;color:#ffdc9a;margin:8px}.feature p{font-size:27px}
.feature-art{width:100%;max-width:580px;max-height:350px;object-fit:contain;display:block;margin:10px auto 30px;border-radius:18px}
.copy{max-width:950px;margin:auto;font-size:27px;line-height:1.45}.copy p{margin:20px 0}
.quote{max-width:820px;width:100%;display:block;margin:50px auto;border:1px solid #c9943c;border-radius:16px}
footer{border-top:1px solid #ab783b;text-align:center;padding:32px 15px;color:#f5c762;font-size:19px;background:#130019}
input,textarea{display:block;width:100%;padding:13px;margin:7px 0 22px;background:#250b30;color:#fff;border:1px solid #c99548;font:24px Georgia}label{display:block}
.preview{font:13px Arial;text-align:center;background:#381238;padding:9px}
@media(max-width:900px){.top{height:auto;min-height:120px;flex-wrap:wrap;justify-content:center;padding:10px}.brand{width:300px;max-width:85vw;height:100px}nav{justify-content:center;flex-wrap:wrap;padding-bottom:15px}.hero{min-height:500px}.hero-content{max-width:76%}.grid{grid-template-columns:1fr}.panel{min-height:0}.content{padding-top:75px}}
@media(max-width:560px){.hero{min-height:510px;padding:30px 5% 80px}.hero-content{max-width:100%}h1{font-size:80px}.feature{padding:30px 20px}nav{gap:13px}nav a{font-size:18px}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:7px;background:linear-gradient(90deg,transparent 0%,#b96613 12%,#ffcb58 35%,#087c54 68%,#f6a123 90%,transparent);box-shadow:0 0 17px #e98b29;pointer-events:none}.intro{font-size:24px}}

/* All pathways have identical four-point gold-star ornamentation. */
.panel:before,.feature:before{content:'✦'!important;color:#f5c762!important}
.hero{overflow:hidden}
.hero:after{bottom:0!important;height:7px!important}
.site-quote{max-width:930px;margin:70px auto 25px;text-align:center;padding:30px 22px;color:#fbd38b;font:italic clamp(26px,3.5vw,45px)/1.35 'Cormorant Garamond',Georgia,serif;text-shadow:0 0 18px #9f4b27}
.site-quote:before,.site-quote:after{content:'✦';display:block;color:#f6bc55;font:35px Georgia;margin:14px auto}

/* Seamless phoenix artwork edge: the image fades into the same plum background.
   Applied to every interior page via the shared stylesheet. */
.hero{background:radial-gradient(ellipse at 68% 45%,#310d31 0%,#17001f 63%,#110017 100%);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('phoenix-hero-art.jpg') right 34% center/auto 108% no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 28%,#000 68%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 28%,#000 68%,transparent 100%)}
@media(max-width:900px){.hero{background:radial-gradient(ellipse at 65% 50%,#310d31,#110017 90%)}.hero::before{background-position:right -250px center}}
@media(max-width:560px){.hero::before{background-position:right center;background-size:auto 100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 60%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 60%,transparent 100%)}}

.hero-artwork{position:absolute;right:0;top:0;height:100%;width:auto;max-width:58%;object-fit:contain;object-position:right center;pointer-events:none;z-index:0}.hero-content{z-index:1;position:relative}.hero:after{z-index:2}@media(max-width:650px){.hero-artwork{opacity:.45;max-width:100%;right:-20%}}