:root{--ink:#141b21;--deep:#10161b;--cream:#f6f0e2;--muted:#b4b9b8;--gold:#f6c575;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;min-width:1024px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;z-index:10;top:0;left:0;right:0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:20px}nav{display:flex;gap:40px;font-size:14px}nav a{color:#ddd;transition:color .2s}nav a:hover,footer a:hover{color:var(--gold)}.nav-token{border:1px solid #edc78066;padding:12px 20px;border-radius:3px;font-size:14px;color:var(--gold)}.hero{height:100vh;min-height:820px;max-height:1200px;position:relative;overflow:hidden;background:#252e38}.hero-scene{position:absolute;inset:-3%;background:url('../assets/images/guardian.png') no-repeat right 48%;background-size:auto 118%;transform:translate(var(--mx,0px),var(--my,0px));transition:transform 1.2s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#141b21 0%,#141b21ee 20%,#141b21a6 39%,transparent 66%),linear-gradient(0deg,#141b21 0%,transparent 20%,transparent 80%,#13192150 100%)}.hero-copy{position:relative;padding-top:clamp(170px,20vh,260px);margin-left:8%;width:49%;z-index:2}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:600;line-height:1.6;color:var(--gold)}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:9px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(76px,6.3vw,128px);letter-spacing:-6px;line-height:1.05;max-width:720px;margin:32px 0 26px}.hero-line{font-family:Georgia,serif;font-size:clamp(28px,2.2vw,44px);line-height:1.2;margin:0 0 25px}.intro{color:#bdc1c1;font-size:17px;line-height:1.65}.actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:52px;padding:16px 27px;font-size:14px;font-weight:600;letter-spacing:.5px;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.gold{background:var(--gold);color:#25221c;box-shadow:0 6px 30px #f6c57515}.gold:hover{background:#ffdb9d;box-shadow:0 6px 35px #f6c57533;transform:translateY(-2px)}.glass{background:#ffffff05;border-color:#c6c6ba50;color:var(--cream);backdrop-filter:blur(8px)}.glass:hover{border-color:var(--gold);background:#f6c57515;transform:translateY(-2px)}.button:active,.copy:active{transform:translateY(1px)}.contract-box{display:flex;align-items:center;width:510px;max-width:100%;border:1px solid #ffffff30;background:#111a20b8;padding:14px 14px 14px 19px;gap:14px;border-radius:3px}.contract-box>div{flex:1;min-width:0}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#b2b9ba;margin-bottom:7px}.ca{display:block;background:none;border:none;width:100%;color:#e9e7df;font:12px/1.4 monospace;padding:0;text-overflow:ellipsis}.copy{background:#ffffff09;border:1px solid #c9b68c66;border-radius:2px;padding:12px 13px;color:var(--gold);font-size:11px;font-weight:bold;letter-spacing:.7px;cursor:pointer;white-space:nowrap;transition:.2s}.copy:hover{background:#f6c57520;border-color:var(--gold)}.hero-note{position:absolute;right:5%;bottom:13%;text-align:right}.tiny{font-size:11px;letter-spacing:1.5px;color:#b4b9b8}.hero-note p{font-family:Georgia,serif;font-style:italic;font-size:22px;margin-top:10px}.scroll{position:absolute;left:8%;bottom:38px;font-size:10px;letter-spacing:2px;color:#c7c7be;display:flex;gap:40px;align-items:center}.scroll span{font-size:22px}.hero-index{position:absolute;right:5%;bottom:44px;font-size:10px;letter-spacing:1.7px;color:#b8bcbb}.embers{position:absolute;inset:0;pointer-events:none}.ember{position:absolute;width:3px;height:3px;background:#ffe8a0;border-radius:50%;box-shadow:0 0 14px #ffd367;animation:rise 8s linear infinite;opacity:0}@keyframes rise{0%{transform:translateY(60px);opacity:0}35%{opacity:.8}100%{transform:translateY(-220px);opacity:0}}.ribbon{height:70px;border-block:1px solid #e4c18133;background:#1c2329;overflow:hidden;display:flex;align-items:center}.ribbon>div{display:flex;align-items:center;gap:45px;width:max-content;animation:march 38s linear infinite;flex-shrink:0}.ribbon span{font-size:12px;letter-spacing:3px;white-space:nowrap}.ribbon b{font-weight:400;color:var(--gold)}@keyframes march{to{transform:translateX(-50%)}}.section{padding:65px 8% 100px}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;padding:80px 3% 0}.portrait{position:relative;max-width:510px;transform:rotate(-3deg);border:1px solid #ffffff35;padding:12px;background:#2a3034}.portrait img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.photo-caption{display:block;padding:18px 5px 10px;font:italic 20px Georgia,serif;text-align:center;color:#e6dfcb}.story-copy h2,h2{font:400 clamp(44px,4vw,78px)/1.07 Georgia,serif;letter-spacing:-2px;margin:25px 0 30px}h2 em{color:var(--gold);font-weight:400}.story-copy>p:not(.eyebrow),.relic-copy>p,.gather p,.vow p{color:#b8bfbd;font-size:17px;line-height:1.8;max-width:430px}.signature{margin-top:32px;border-top:1px solid var(--line);padding-top:22px;font:italic 21px Georgia,serif;display:flex;justify-content:space-between}.signature span{color:var(--gold)}.relic{background:var(--deep);padding-bottom:65px}.relic-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;min-height:580px}.relic-art{height:480px;position:relative;overflow:hidden;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent)}.relic-art img{width:100%;height:100%;object-fit:cover;object-position:30% 37%;transform:scale(1.3);transition:filter 1s,transform 1s}.relic-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10161b 0%,transparent 22%,transparent 78%,#10161b)}.relic-label{position:absolute;bottom:35px;left:28px;z-index:2;color:var(--gold);font:11px monospace;letter-spacing:3px}.warm-note{font-size:13px!important;color:var(--gold)!important;min-height:24px}.warmed .relic-art img{filter:brightness(1.23) saturate(1.18);transform:scale(1.34)}.rules{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px}.rules>div{display:flex;gap:20px;align-items:center}.rules span{font:12px monospace;color:var(--gold)}.rules p{font:20px Georgia,serif}.vow{height:630px;position:relative;overflow:hidden;text-align:center;display:grid;place-items:center}.vow-image{position:absolute;inset:0;background:linear-gradient(#13191be0,#13191b99,#13191bf0),url('../assets/images/guardian.png') center 47%/cover;filter:saturate(.5)}.vow-content{position:relative}.vow h2{font-size:clamp(60px,5.5vw,106px);color:#fbe6c1;margin:20px 0 30px}.vow p{margin-inline:auto}.gather-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:15%;padding:65px 0}.seal{width:310px;height:310px;border:1px solid #e6c0844d;border-radius:50%;justify-self:center;display:flex;align-items:center;justify-content:center;flex-direction:column;outline:1px solid #e6c08422;outline-offset:14px;background:radial-gradient(#f6c57515,transparent 68%)}.seal img{width:100px;height:100px;margin-bottom:15px}.seal span{font:30px Georgia,serif;color:var(--gold)}.seal small{font-size:9px;letter-spacing:1.8px;margin-top:20px}.final-contract{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-contract h3{font:36px Georgia,serif;margin:10px 0}.gather{padding-bottom:45px}footer{padding:0 8% 35px;display:flex;justify-content:space-between;font-size:11px;color:#a5adad}footer>span:nth-child(2){letter-spacing:1.6px;font-size:9px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--gold);color:#201d16;padding:15px 26px;border-radius:3px;opacity:0;transition:.2s;pointer-events:none;z-index:100;font-size:14px}#toast.visible{opacity:1;transform:translate(-50%,0)}.reveal{transition:opacity .8s,translate .8s}.js .reveal{opacity:0;translate:0 20px}.js .reveal.seen{opacity:1;translate:0 0}@media(max-width:1400px){.hero-copy{padding-top:170px;margin-left:6%;width:53%}.hero h1{font-size:84px;letter-spacing:-4px;margin:25px 0}.hero-line{font-size:32px}.hero-scene{background-position:calc(100% + 130px) center;background-size:auto 113%}.hero .intro{font-size:16px}.section{padding-inline:6%}.story-layout{gap:8%}.hero-note{bottom:15%}.story-copy h2,h2{font-size:55px}.hero{min-height:830px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;translate:none}.hero-scene{transform:none}}