:root{--gold:#e8b85d;--pale:#f4eee6;--black:#050403}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--pale)}body{font-family:Montserrat,Arial,sans-serif}.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:28px 24px;background:#050403 url("assets/reference-background.png") center/cover no-repeat}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(0,0,0,.06),rgba(0,0,0,.22) 50%,rgba(0,0,0,.48) 100%)}.panel{width:min(700px,92vw);text-align:center;display:flex;flex-direction:column;align-items:center}.crest{position:relative;display:grid;place-items:center;color:#f2c267;filter:drop-shadow(0 0 10px rgba(230,164,58,.35))}.crest:before,.crest:after{content:"";position:absolute;inset:13%;border:2px solid currentColor;transform:rotate(45deg)}.crest:after{inset:25%;border-width:1px}.crest span{position:relative;z-index:1;font-family:"Cormorant Garamond",serif}.crest--large{width:118px;height:118px;margin-bottom:-2px}.crest--large span{font-size:50px}.brand h1{margin:0;background:linear-gradient(180deg,#fff3cf 8%,#b47126 53%,#ffdb8a 77%,#7f4919 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"Cormorant Garamond",serif;font-size:clamp(72px,8vw,116px);font-weight:500;line-height:.78;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 16px rgba(214,137,38,.12)}.brand__sub{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;color:#eee4d7;font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:.54em;text-transform:uppercase}.brand__sub i{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.brand__sub i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.flare{width:190px;height:1px;margin:24px 0;background:linear-gradient(90deg,transparent,#ffc761,transparent);box-shadow:0 0 12px 2px rgba(255,166,38,.75)}h2{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(31px,3vw,43px);font-weight:500;line-height:1.12;letter-spacing:.27em;text-transform:uppercase;text-shadow:0 2px 8px #000}.chain{width:180px;margin:15px 0 11px;color:var(--gold);filter:drop-shadow(0 0 5px rgba(240,163,47,.55))}.chain circle{fill:#120c05}.opening{margin:0 0 23px;color:#edbd63;font-size:11px;letter-spacing:.42em;text-transform:uppercase}.access-form{width:100%}.form-row{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}input,button{height:52px;border:1px solid var(--gold);border-radius:7px;background:rgba(5,4,3,.67);font-family:Montserrat,sans-serif}input{min-width:0;padding:0 25px;color:#fff;font-size:13px;outline:none;box-shadow:inset 0 0 22px rgba(0,0,0,.38)}input::placeholder{color:#77736e}input:focus{border-color:#ffd98d;box-shadow:0 0 12px rgba(227,154,47,.18)}button{display:flex;align-items:center;justify-content:center;gap:23px;color:#ffd47d;font-size:11px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 28px rgba(213,127,25,.12),inset 0 -1px rgba(255,174,43,.6);transition:.2s}button:hover{background:rgba(111,65,16,.28);box-shadow:0 0 14px rgba(227,154,47,.28)}button:disabled{opacity:.6;cursor:wait}.form-status{min-height:17px;margin:7px 0 0;color:var(--gold);font-size:11px}.approval{margin:2px 0 0;color:#c6a36b;font-size:9px;letter-spacing:.18em}.approval span{margin-right:9px;color:#ffd078}footer{display:flex;flex-direction:column;align-items:center;margin-top:18px}.crest--small{width:37px;height:37px}.crest--small span{font-size:20px}footer p{margin:10px 0 0;color:#e3b768;font-family:"Cormorant Garamond",serif;font-size:11px;letter-spacing:.5em;text-transform:uppercase}footer>i{width:1px;height:45px;margin-top:11px;background:linear-gradient(var(--gold),transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-height:880px) and (min-width:701px){.hero{padding-block:18px}.crest--large{width:88px;height:88px}.crest--large span{font-size:39px}.brand h1{font-size:82px}.brand__sub{margin-top:13px}.flare{margin:16px 0}h2{font-size:31px}.chain{width:140px;margin:9px 0 7px}.opening{margin-bottom:15px}.form-row input,.form-row button{height:48px}footer{margin-top:10px}footer>i{height:20px}}
@media(max-width:700px){.hero{align-items:start;padding:28px 18px 18px;background-position:64% center}.hero:after{background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.58)),radial-gradient(ellipse at 50% 43%,rgba(0,0,0,.28),rgba(0,0,0,.56) 70%)}.panel{width:100%}.crest--large{width:84px;height:84px}.crest--large span{font-size:36px}.brand h1{font-size:clamp(60px,20vw,84px);line-height:.84}.brand__sub{gap:10px;margin-top:14px;font-size:10px;letter-spacing:.36em}.brand__sub i{width:23px}.flare{margin:20px 0;width:130px}h2{font-size:clamp(28px,8vw,37px);letter-spacing:.18em}.chain{width:145px;margin:13px 0 10px}.opening{margin-bottom:20px;font-size:9px;letter-spacing:.32em}.form-row{grid-template-columns:1fr;gap:10px}.form-row input,.form-row button{height:51px}.approval{max-width:330px;line-height:1.6;margin-top:5px}footer{margin-top:13px}footer>i{height:25px}}
@media(max-width:380px){.hero{padding-top:18px}.crest--large{width:68px;height:68px}.crest--large span{font-size:30px}.brand h1{font-size:56px}.flare{margin:14px 0}h2{font-size:26px}.chain{margin-block:8px}.opening{margin-bottom:13px}footer{margin-top:7px}}
input,button{min-width:0}
@media(max-width:700px){.panel{width:100%;max-width:100%}.brand h1{font-size:clamp(50px,15vw,66px);letter-spacing:.055em}}
@media(max-width:380px){.brand h1{font-size:50px}}
.crest{color:transparent;filter:drop-shadow(0 3px 4px rgba(0,0,0,.9)) drop-shadow(0 0 13px rgba(239,166,45,.38))}
.crest:before,.crest:after{border:0;background:linear-gradient(120deg,#57300e 0%,#ffd98d 12%,#fff5ca 22%,#9d5c18 35%,#3c220d 48%,#f5bd58 61%,#fff1bd 69%,#6d3b10 82%,#e8a43c 100%);padding:2px;box-shadow:inset 0 0 3px rgba(255,255,255,.7),0 0 8px rgba(220,137,29,.32);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:220% 220%;animation:liquidSheen 7s ease-in-out infinite}
.crest:after{padding:1px;animation-delay:-2.5s}
.crest span{background:linear-gradient(105deg,#74400f 0%,#ffe6a7 20%,#fff9d6 31%,#9a5718 48%,#3d210a 57%,#eeb252 72%,#fff0bb 84%,#75400f 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,243,196,.35);animation:liquidType 6s ease-in-out infinite}
.crest--large:before{box-shadow:inset 0 0 5px rgba(255,255,255,.75),0 0 12px rgba(234,151,33,.42),0 12px 28px rgba(0,0,0,.55)}
@keyframes liquidSheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes liquidType{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.crest:before,.crest:after,.crest span{animation:none}}
.crest-img{display:block;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.86)) drop-shadow(0 0 11px rgba(231,151,34,.34))}.crest-img--large{width:112px;height:136px;margin:0 auto -12px}.crest-img--small{width:42px;height:51px;margin:0 auto -6px}
@media(max-height:880px) and (min-width:701px){.crest-img--large{width:86px;height:101px;margin-bottom:-8px}.crest-img--small{width:34px;height:41px}}
@media(max-width:700px){.crest-img--large{width:83px;height:101px;margin-bottom:-7px}.crest-img--small{width:40px;height:48px}}
@media(max-width:380px){.crest-img--large{width:69px;height:82px}.crest-img--small{width:34px;height:41px}}
.hero{background-size:cover;animation:sceneDrift 18s ease-in-out infinite alternate}.panel{animation:panelArrive 1.35s cubic-bezier(.2,.8,.2,1) both}.crest-img--large{animation:crestFloat 5s ease-in-out infinite,crestGlow 3.8s ease-in-out infinite}.brand h1{background-size:220% 100%;animation:wordmarkSheen 8s ease-in-out infinite}.flare{animation:flareBreathe 3.2s ease-in-out infinite}.chain path{stroke-dasharray:360;stroke-dashoffset:360;animation:chainDraw 2.4s .65s ease-out forwards}.chain circle{animation:nodePulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.chain circle:nth-of-type(2n){animation-delay:-1.3s}.chain circle:nth-of-type(3n){animation-delay:-2.1s}.opening{animation:softGlow 4s ease-in-out infinite}.form-row{transition:transform .35s ease,filter .35s ease}.form-row:focus-within{transform:translateY(-2px);filter:drop-shadow(0 7px 18px rgba(224,145,31,.14))}button span:last-child{transition:transform .25s ease}button:hover span:last-child{transform:translateX(5px)}.particles{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f2b958;box-shadow:0 0 9px 2px rgba(237,164,51,.52);opacity:0;animation:particleRise 11s linear infinite}.particles i:nth-child(1){left:18%;bottom:8%;animation-delay:-2s}.particles i:nth-child(2){left:31%;bottom:2%;animation-delay:-7s;animation-duration:14s}.particles i:nth-child(3){left:44%;bottom:12%;animation-delay:-4s;animation-duration:12s}.particles i:nth-child(4){left:62%;bottom:4%;animation-delay:-9s;animation-duration:15s}.particles i:nth-child(5){left:74%;bottom:10%;animation-delay:-5s;animation-duration:13s}.particles i:nth-child(6){left:87%;bottom:2%;animation-delay:-1s;animation-duration:16s}
@keyframes sceneDrift{0%{background-position:49% 50%}100%{background-position:51% 48%}}@keyframes panelArrive{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes crestFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-7px) rotate(.3deg)}}@keyframes crestGlow{0%,100%{filter:drop-shadow(0 4px 5px rgba(0,0,0,.86)) drop-shadow(0 0 8px rgba(231,151,34,.24))}50%{filter:drop-shadow(0 7px 7px rgba(0,0,0,.9)) drop-shadow(0 0 19px rgba(248,177,54,.58))}}@keyframes wordmarkSheen{0%,25%{background-position:0% 50%}65%,100%{background-position:100% 50%}}@keyframes flareBreathe{0%,100%{opacity:.62;transform:scaleX(.78);box-shadow:0 0 8px 1px rgba(255,166,38,.48)}50%{opacity:1;transform:scaleX(1.08);box-shadow:0 0 18px 3px rgba(255,166,38,.82)}}@keyframes chainDraw{to{stroke-dashoffset:0}}@keyframes nodePulse{0%,100%{transform:scale(.82);filter:drop-shadow(0 0 1px #e9aa40)}50%{transform:scale(1.16);filter:drop-shadow(0 0 5px #ffd888)}}@keyframes softGlow{0%,100%{text-shadow:0 0 4px rgba(231,167,66,.12)}50%{text-shadow:0 0 10px rgba(244,182,75,.45)}}@keyframes particleRise{0%{opacity:0;transform:translate3d(0,0,0) scale(.4)}15%{opacity:.58}75%{opacity:.18}100%{opacity:0;transform:translate3d(24px,-72vh,0) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.hero,.panel,.crest-img--large,.brand h1,.flare,.chain path,.chain circle,.opening,.particles i{animation:none}.form-row,button span:last-child{transition:none}}
.panel{position:relative;z-index:1}.particles{z-index:0}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@keyframes mobileSceneDrift{0%{background-position:65% 50%}100%{background-position:69% 48%}}
@media(max-width:700px){.hero{background-size:auto 100%;background-position:67% center;animation-name:mobileSceneDrift}}
@media(max-width:700px) and (orientation:landscape){.hero{background-size:cover;animation-name:sceneDrift}}