/* Razor's Edge & Harmony official launch page. All artwork belongs to the creator. */
:root{color-scheme:dark;--ink:#f6f1f2;--muted:#c4bec9;--red:#e13950;--redlight:#ff7c8c;--line:#79505e;--panel:rgba(13,13,23,.84)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background-color:#111625;position:relative;isolation:isolate;overflow-x:hidden}.background-wash{position:absolute;inset:0;pointer-events:none;z-index:-1}a{color:inherit}.site-header{max-width:1250px;margin:auto;padding:1rem clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ffffff30}.wordmark{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-size:.83rem;font-weight:850;letter-spacing:.13em}.wordmark img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:4px}.wordmark b{color:var(--redlight)}.header-tag{font-size:.68rem;letter-spacing:.23em;color:#ddd1dc}.hero{min-height:710px;display:grid;place-items:center;padding:clamp(3rem,8vw,6rem) 1rem 4rem}.hero-panel{text-align:center;width:min(100%,850px);padding:clamp(1.5rem,5vw,3.8rem);background:linear-gradient(145deg,rgba(15,13,24,.88),rgba(18,13,24,.79));border:1px solid #c75a714b;box-shadow:0 30px 100px #0009,0 0 75px #3c182340;backdrop-filter:blur(6px);border-radius:8px}.eyebrow{margin:0 0 1.2rem;font-size:.69rem;font-weight:800;letter-spacing:.3em;color:#f6b0bc}.hero-logo-frame{width:clamp(132px,20vw,186px);height:clamp(132px,20vw,186px);padding:8px;margin:0 auto 1.5rem;background:#fff;border:2px solid #c5a4ac;box-shadow:0 0 0 7px #0007,0 12px 35px #0008;border-radius:5px}.hero-logo{width:100%;height:100%;object-fit:contain}h1,h2,h3,p{overflow-wrap:break-word}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,7vw,5.3rem);line-height:1.08;letter-spacing:-.035em;margin:0;text-wrap:balance;text-shadow:0 5px 22px #000}h1 span{color:var(--redlight)}.accent-rule{height:3px;width:92px;background:var(--red);margin:1.7rem auto}.hero-statement{font-size:clamp(1rem,2.4vw,1.35rem);letter-spacing:.035em;margin:0 0 1rem}.hero-statement em{font-style:normal;color:#ffb3c0}.hero-copy{line-height:1.8;max-width:590px;margin:0 auto 1.7rem;color:#e5dfe6}.status{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;border:1px solid #f15c7699;background:#551e3150;color:#ffe6eb;font-size:.77rem;letter-spacing:.17em;font-weight:800}.status-dot{width:8px;height:8px;background:#f65b76;border-radius:50%;box-shadow:0 0 12px #f65b76}.hero-foot{margin:1.5rem 0 0;color:#cfc0cb;font-family:Georgia,serif;font-style:italic}.section-panel{max-width:1120px;margin:0 auto 5rem;padding:clamp(1.4rem,4vw,3rem);background:var(--panel);border:1px solid #ffffff30;border-radius:8px;box-shadow:0 20px 70px #0007;backdrop-filter:blur(6px)}.section-heading{text-align:center;margin-bottom:2rem}.section-heading h2{font-family:Georgia,serif;font-size:clamp(1.9rem,4vw,3rem);margin:0 0 .65rem}.section-heading>p:last-child{color:var(--muted);margin:0;line-height:1.6}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tile{min-height:195px;padding:1.45rem;background:linear-gradient(145deg,rgba(47,35,49,.9),rgba(19,20,32,.9));border:1px solid #8d5a6b70;border-top:2px solid #c94d65;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:#f18a9b}.tile-number{font-size:.7rem;letter-spacing:.16em;color:#f3a6b4;font-weight:800}.tile h3{font-family:Georgia,serif;font-size:1.25rem;margin:.75rem 0 .5rem}.tile p{font-size:.9rem;line-height:1.55;color:#cfc5d0;margin:0 0 1rem}.tile-state{font-size:.66rem;letter-spacing:.15em;color:#ffb2bf;margin-top:auto;font-weight:800}.tile-wide{grid-column:span 3;min-height:135px}.manifesto{text-align:center;max-width:700px;margin:0 auto 7rem;padding:2rem 1rem;text-shadow:0 4px 14px #000}.motto{font-family:Georgia,serif;font-weight:800;line-height:1.25;font-size:clamp(1.9rem,5vw,3.5rem);margin:.5rem 0 1rem}.motto span{color:#ff9aab}.manifesto>p:last-child{color:#e2d8e2;line-height:1.7}.site-footer{display:flex;justify-content:space-between;gap:1rem;max-width:1250px;margin:auto;padding:1.5rem 1.5rem 2rem;border-top:1px solid #ffffff45;font-size:.8rem;color:#d0c6d1}.rex-mascot{position:fixed;z-index:20;bottom:12px;right:14px;width:clamp(125px,15vw,194px);filter:drop-shadow(0 10px 16px #000a);border:1px solid #e85c75a0;background:#17121b;border-radius:9px;overflow:visible;box-shadow:0 0 30px #000a}.rex-mascot>img{display:block;width:100%;height:clamp(135px,18vw,215px);object-fit:cover;object-position:50% 10%;border-radius:8px 8px 0 0}.rex-label{background:#1c101a;padding:.45rem .5rem;font-weight:900;font-size:.72rem;letter-spacing:.07em;text-align:center;color:#ffe7ec}.rex-label small{display:block;font-size:.53rem;color:#f4a5b3;letter-spacing:.08em;margin-top:.22rem}.rex-close{position:absolute;z-index:2;top:-12px;right:-12px;border:1px solid #ffb5c2;background:#3a1725;color:white;border-radius:50%;width:32px;height:32px;font-size:1.4rem;cursor:pointer;line-height:1}.rex-return{position:fixed;z-index:20;bottom:16px;right:16px;border:1px solid #f17e91;background:#281522;color:#fff;padding:.75rem 1rem;border-radius:5px;cursor:pointer;font-weight:800;font-size:.7rem;letter-spacing:.08em}.rex-return[hidden],.rex-mascot[hidden]{display:none}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:850px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-wide{grid-column:span 2}.header-tag{display:none}.section-panel{margin-inline:1rem}.manifesto{padding-right:8rem}}@media(max-width:560px){.hero{min-height:0;padding:2rem .85rem 3rem}.hero-panel{padding:2rem 1.1rem}.tiles{grid-template-columns:1fr}.tile-wide{grid-column:auto}.tile{min-height:155px}.section-panel{padding:1.2rem}.rex-mascot{width:105px;right:8px;bottom:8px}.rex-mascot>img{height:116px}.rex-label{font-size:.57rem}.rex-label small{font-size:.44rem}.manifesto{padding:2rem 1rem 10rem}.site-footer{flex-direction:column;padding-right:125px}.wordmark{font-size:.65rem;letter-spacing:.07em}.wordmark img{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}}
/* Fixed storm backdrop: content scrolls over the image, with no tiling or seams. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,rgba(8,10,20,.55),rgba(7,8,15,.65) 45%,rgba(6,7,14,.86)),url('assets/storm-poster.png');background-position:center center;background-repeat:no-repeat;background-size:cover;}