/* Composições contínuas para Qiellör, Onulë e Personagens. */
.collection-intro{min-height:690px;padding:100px 9% 85px;position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;overflow:hidden}
.collection-intro h1{font-size:clamp(60px,7.6vw,112px);line-height:1.04;letter-spacing:-3px}
.collection-intro p{margin-top:30px;max-width:365px}.collection-intro .link{margin-top:25px}
.collection-nav{position:sticky;top:0;z-index:35;display:flex;justify-content:center;gap:35px;align-items:center;padding:20px 5%;background:#fffdf8eb;backdrop-filter:blur(18px);border-block:1px solid #a88b5233;font:12px Story,Georgia,serif;isolation:isolate;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.collection-nav a{padding:4px 0;transition:color .3s;border-bottom:1px solid transparent}.collection-nav a:hover,.collection-nav a.active{color:#a58140;border-color:#a58140}.collection-nav::-webkit-scrollbar{display:none}
.collection-intro>div:first-child{z-index:2}.intro-sigil{position:relative}.intro-sigil:before{content:'';position:absolute;inset:5%;border-radius:50%;border:1px solid #a98b5233;transform:rotate(-25deg) scaleX(.85)}
.intro-sigil img,.celestial-art img{width:100%;filter:url(#celestial-ink)}.intro-sigil img{animation:sigil-drift 9s ease-in-out infinite}
.origin-pillars{padding:65px 9% 70px;text-align:center}.origin-pillars>div{display:flex;justify-content:center;gap:85px}.origin-pillars b{font:35px Story;color:#29454a}.origin-pillars span{display:block;margin-top:10px;font:9px Arial;letter-spacing:3px;text-transform:uppercase}
.celestial-journey{position:relative}.celestial-journey:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#af96514d 8%,#af96514d 90%,transparent)}
.celestial-chapter{position:relative;min-height:750px;padding:110px 9%;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center;scroll-margin-top:70px;overflow:hidden}
.celestial-chapter:nth-child(even){background:#f4f1e955}.celestial-chapter.reverse .celestial-art{order:2}.celestial-chapter.reverse .celestial-copy{order:1}
.celestial-art{position:relative;translate:0 var(--scroll-shift,0px);transition:translate .25s linear}.celestial-art img{position:relative;z-index:2;animation:sigil-drift 10s ease-in-out infinite;width:100%;max-width:520px}
.celestial-orbit{position:absolute;inset:20% 0;border:1px solid #ac914033;border-radius:50%;transform:rotate(-26deg);scale:1.1}.celestial-orbit:after{content:'✧';position:absolute;right:10%;bottom:-14px;font-size:25px;color:#9e8550;background:#fffdf8}
.celestial-copy h2{font-size:98px;color:#2c464b;margin-bottom:20px}.celestial-copy h3{font-size:25px;line-height:1.4;max-width:320px;color:#9b7e49}.celestial-copy>p{margin-top:28px;font-size:14px;max-width:370px}
.celestial-facts{display:flex;gap:35px;margin:30px 0}.celestial-facts span{font-size:8px;letter-spacing:2px;color:#8c8d80}.celestial-facts b{display:block;margin-top:9px;font:17px Story;color:#29454a;letter-spacing:0}
.celestial-copy details{max-width:370px;border-top:1px solid #bca36755;padding-top:18px}.celestial-copy summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:11px;letter-spacing:1px}.celestial-copy summary::-webkit-details-marker{display:none}.celestial-copy details ul{list-style:none;padding:10px 0 0;line-height:2.2;font:15px Story;color:#897346}.celestial-copy details[open] summary span{rotate:45deg}
.chapter-number{position:absolute;left:46%;top:40px;font:110px Story;color:#a8904c10;pointer-events:none}
.collection-close{padding:100px 9% 120px;text-align:center;position:relative}.collection-close h2{font-size:70px}.collection-close .link{margin-top:28px}
.js .collection-reveal{opacity:0;transform:translateY(35px);transition:opacity 1.05s,transform 1.15s cubic-bezier(.2,.7,.2,1)}.js .collection-reveal.visible{opacity:1;transform:translateY(0)}
.onule-intro>img{width:100%;max-height:400px;object-fit:contain;opacity:.55;transform:rotate(-14deg)}
.essence-origin{text-align:center;padding:90px 9%}.essence-origin h2{font-size:50px}.essence-origin p{margin:28px auto 0;max-width:500px}
.archetype-chapter{--accent:#8d6948;position:relative;min-height:750px;padding:90px 9%;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:4%;align-items:center;scroll-margin-top:80px;isolation:isolate}
.archetype-chapter:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent),transparent 92%),transparent 60%);transition:opacity .7s}.archetype-chapter:has(.crest-trigger:hover):before,.archetype-chapter:has(.crest-trigger.is-awake):before{opacity:1}
.archetype-heading h2{font-size:72px}.archetype-heading h3{font-size:24px;color:var(--accent);margin-top:20px}.archetype-heading .eyebrow{color:var(--accent)}
.crest-trigger{border:0;background:transparent;padding:0;position:relative;display:block;width:100%;isolation:isolate;cursor:pointer;outline-offset:10px;border-radius:30%}
.crest-trigger img{display:block;width:100%;max-height:430px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);transition:filter .75s,transform .9s cubic-bezier(.2,.7,.2,1);position:relative;z-index:1;mask-image:linear-gradient(black 0%,black 93%,transparent 99%)}
.crest-trigger:hover img,.crest-trigger:focus-visible img,.crest-trigger.is-awake img{filter:grayscale(0);transform:translateY(-14px) scale(1.045)}
.crest-aura{position:absolute;inset:0;border:1px solid #b3986133;border-radius:50%;transform:scale(.85);transition:border-color .7s,transform .9s}.crest-trigger:hover .crest-aura,.crest-trigger.is-awake .crest-aura{border-color:var(--accent);transform:scale(.95) rotate(20deg)}
.crest-hint{display:block;font-size:7px;letter-spacing:1.7px;color:#978974;margin-top:30px;line-height:1.7;position:relative;z-index:2}
.archetype-copy p{max-width:290px}.archetype-copy dl{margin-top:28px}.archetype-copy dl div{padding:12px 0;border-top:1px solid #b29e7840}.archetype-copy dt{font-size:8px;text-transform:uppercase;letter-spacing:2px;color:#968b79}.archetype-copy dd{margin:7px 0 0;font:19px Story;line-height:1.45}
.arch-erkan{grid-template-columns:1.2fr 1fr 1fr;background:#eee9f24d}.arch-erkan .archetype-heading{grid-column:2;grid-row:1}.arch-erkan .crest-trigger{grid-column:1;grid-row:1}.arch-erkan .archetype-copy{grid-column:3;grid-row:1}
.arch-loman{padding-top:140px;padding-bottom:140px}.arch-loman .crest-trigger{transform:rotate(-7deg)}.arch-uran{background:#eaf0e84d;grid-template-columns:1fr 1fr 1.25fr}.arch-uran .archetype-heading{grid-column:1;grid-row:1}.arch-uran .crest-trigger{grid-column:3;grid-row:1}.arch-uran .archetype-copy{grid-column:2;grid-row:1}
.arch-noan{grid-template-columns:.8fr 1.4fr 1fr}.rulan-chapter{padding:90px 9%;text-align:center;background:#f0eee8;scroll-margin-top:80px}.rulan-chapter h2{font-size:85px}.rulan-chapter h3{margin-top:20px;color:#8c8b80;font-size:24px}.quiz-close{background:#203940;color:#fffdf8}
.character-intro{background:#f2ede3}.character-preview{width:100%;height:460px;background-image:var(--portrait);background-size:250%;background-position:right top;mask-image:radial-gradient(ellipse at 50% 40%,black 30%,transparent 73%)}
.character-index{gap:24px;font-size:11px}.character-chapter{position:relative;min-height:950px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:80px 9%;isolation:isolate;scroll-margin-top:60px;overflow:hidden}
.character-chapter.reverse{grid-template-columns:1fr 1.1fr}.character-chapter.reverse .character-art{order:2}.character-chapter.reverse .character-copy{order:1}
.character-art{position:relative;height:780px;min-width:0}.figure-window{position:absolute;width:100%;height:100%;overflow:hidden;mask-image:radial-gradient(ellipse at 48% 43%,black 40%,transparent 76%)}
.figure-window img{position:absolute;width:170%;max-width:none;height:auto;left:0;top:0;transition:translate .8s;translate:0 var(--scroll-shift,0px)}
.character-backdrop{position:absolute;inset:12% 0 3%;border:1px solid #a78c5444;border-radius:48% 48% 10% 10%;rotate:-7deg;transform:translateY(calc(var(--scroll-shift,0px)*-1))}
.character-line{position:absolute;right:-8%;top:55%;width:35%;height:1px;background:#ad8e5755}
.character-copy{position:relative;z-index:3}.character-copy h2{font-size:clamp(70px,8.5vw,126px);letter-spacing:-2px}.character-title{font:22px Story;color:#92774d;margin-top:22px}
.character-ghost{position:absolute;left:3%;bottom:0;font:clamp(120px,20vw,270px) Story;color:#8f856c09;z-index:-1;pointer-events:none;white-space:nowrap}
.detail-toggle{border:0;border-bottom:1px solid #aa8c58;background:none;color:inherit;font-size:10px;letter-spacing:1px;padding:15px 0;margin-top:35px;display:flex;gap:35px;align-items:center}.detail-toggle span{font-size:25px;transition:rotate .5s}.detail-toggle[aria-expanded=true] span{rotate:90deg}
.character-detail{margin-top:25px}.detail-face{width:280px;height:290px;max-width:100%;background-image:var(--portrait);background-size:250%;background-position:right top;mask-image:radial-gradient(ellipse,black 42%,transparent 72%)}
.character-portrait .character-art{height:700px}.character-portrait .figure-window{width:100%;height:100%;mask-image:radial-gradient(ellipse,black 40%,transparent 72%)}.character-portrait .figure-window img{width:250%;left:-150%;top:0}
.character-sunny{background:#f3ecdd}.character-sunny .character-backdrop{background:radial-gradient(ellipse,#d8bb8133,transparent 65%);border-radius:50%;inset:15% 0;rotate:15deg}
.character-wide{background:#eeeee755}.character-wide .figure-window{mask-image:linear-gradient(90deg,transparent,black 12%,black 80%,transparent),linear-gradient(black 75%,transparent 99%);mask-composite:intersect}.character-wide .character-art{height:840px}
.character-dark{background:#20353b;color:#fffdf8}.character-dark .character-backdrop{border-color:#b2996066}.character-dark .character-ghost{color:#ffffff08}.character-dark .eyebrow{color:#c0a371}.character-dark .figure-window{mask-image:radial-gradient(ellipse at 45% 38%,black 20%,transparent 70%)}
.character-creature{background:#f2eee6}.character-creature .figure-window img{width:150%;top:-20px}.character-creature .figure-window{mask-image:radial-gradient(ellipse at 45% 40%,black 37%,transparent 73%)}
@keyframes sigil-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:900px){.archetype-chapter{padding:80px 7%;gap:3%;grid-template-columns:1fr 1.2fr}.archetype-heading{grid-column:1!important;grid-row:1!important}.crest-trigger{grid-column:2!important;grid-row:1/3!important}.archetype-copy{grid-column:1!important;grid-row:2!important}.archetype-heading h2{font-size:60px}.character-chapter{padding-inline:6%;gap:5%}.character-copy h2{font-size:80px}.celestial-copy h2{font-size:80px}}
@media(max-width:700px){.collection-intro{padding:65px 7% 40px;min-height:600px;grid-template-columns:1fr;gap:30px}.collection-intro h1{font-size:64px;letter-spacing:-2px}.qiellor-intro{padding-bottom:0}.intro-sigil{width:75%;max-width:300px;justify-self:center}.onule-intro>img{max-height:230px}.collection-nav{justify-content:flex-start;gap:25px;padding:18px 7%;font-size:13px}.origin-pillars{padding:50px 7%}.origin-pillars>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.origin-pillars b{font-size:29px}.celestial-journey:before{left:7%}.celestial-chapter{min-height:0;padding:55px 9% 75px;grid-template-columns:1fr;gap:30px}.celestial-chapter.reverse .celestial-art{order:0}.celestial-chapter.reverse .celestial-copy{order:1}.celestial-art{width:90%;max-width:330px;margin:auto}.celestial-copy h2{font-size:80px}.celestial-copy h3{font-size:23px}.chapter-number{left:auto;right:7%;top:25px;font-size:85px}.collection-close{padding:70px 7%}.collection-close h2{font-size:47px}.essence-origin{padding:60px 7%}.essence-origin h2{font-size:38px}.archetype-chapter{padding:65px 8%;min-height:0;grid-template-columns:1fr;gap:35px}.archetype-heading{grid-column:1!important;grid-row:1!important}.crest-trigger{grid-column:1!important;grid-row:2!important;width:88%;margin:auto}.archetype-copy{grid-column:1!important;grid-row:3!important}.archetype-heading h2{font-size:66px}.archetype-heading h3{margin-top:15px}.crest-trigger img{max-height:360px}.archetype-copy p{max-width:none}.crest-hint{font-size:7px}.rulan-chapter h2{font-size:67px}.character-preview{height:350px;width:90%;margin:auto}.character-chapter,.character-chapter.reverse{padding:50px 7% 65px;min-height:0;grid-template-columns:1fr;gap:15px}.character-chapter .character-art,.character-chapter.reverse .character-art{order:1;height:530px;width:100%}.character-chapter .character-copy,.character-chapter.reverse .character-copy{order:0}.character-copy h2{font-size:72px}.character-copy .detail-toggle{margin-top:15px}.character-ghost{font-size:120px;bottom:15px}.character-detail .detail-face{width:220px;height:220px}.character-portrait .figure-window img{width:245%;left:-145%}.character-wide .character-art{height:600px}.figure-window img{width:170%}.character-creature .figure-window img{width:155%}}
@media(prefers-reduced-motion:reduce){.intro-sigil img,.celestial-art img{animation:none}.collection-reveal,.crest-trigger img,.crest-aura{transition:none!important}.celestial-art,.figure-window img,.character-backdrop{translate:0 0;transform:none}.js .collection-reveal{opacity:1;transform:none}}
.crest-trigger img{filter:grayscale(1) brightness(1.02) contrast(1.1)}
.crest-trigger:hover img,.crest-trigger:focus-visible img,.crest-trigger.is-awake img{filter:grayscale(0) brightness(1.02) contrast(1.1)}
.character-portrait .figure-window{height:590px;top:50px}
.archetype-chapter{background:#fffdf8}.arch-erkan{background:#f5f2f6}.arch-uran{background:#f1f5f0}.crest-trigger{isolation:auto}
/* A Essência, o Despertar e o convite precedem e completam a coleção. */
#essencia{scroll-margin-top:80px}.essence-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:870px;margin:35px auto 0;text-align:left}.essence-columns p{max-width:none}.arka-section{padding:100px 9%;background:#203d43;color:#efe4cd;position:relative;overflow:hidden}.arka-section:before{content:'Arkä';font:380px Story;position:absolute;right:-40px;top:30px;color:#b79c6420;pointer-events:none}.arka-opening{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:0 80px;align-items:center}.arka-opening .eyebrow{grid-column:1/-1}.arka-opening h2{font-size:72px}.arka-opening h2 em{font-weight:400;color:#c2a776}.arka-opening p,.awakening-paths p,.arka-language p{color:#b9c9c7}.awakening-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:85px;position:relative}.awakening-paths article{border-top:1px solid #b3996050;padding-top:28px;transition:translate .6s,border-color .6s}.awakening-paths article:hover{translate:0 -10px;border-color:#d5b775}.awakening-paths article>span{font-size:8px;letter-spacing:3px;color:#ac986d}.awakening-paths h3{font-size:42px;margin:25px 0 14px}.awakening-paths b{display:block;font-size:11px;font-weight:400;letter-spacing:1px;color:#d5c5a1;margin-bottom:16px}.arka-language{border-top:1px solid #b3996030;margin-top:70px;padding-top:40px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;align-items:start}.arka-language .eyebrow{margin-top:7px}.arka-language .link{color:#d4bc8c;margin:0;justify-self:end}.archetype-preface{padding:100px 9%;text-align:center}.archetype-preface p{margin:30px auto 35px;max-width:500px}.quiz-close p{margin:28px auto 5px;max-width:480px}.onule-intro>img{animation:sigil-drift 12s ease-in-out infinite}.archetype-journey{scroll-margin-top:70px}@media(max-width:700px){.essence-columns{grid-template-columns:1fr;gap:20px;margin-top:25px}.arka-section{padding:70px 8%}.arka-section:before{font-size:200px;right:-35px;top:150px}.arka-opening{grid-template-columns:1fr;gap:25px}.arka-opening h2{font-size:52px}.awakening-paths{grid-template-columns:1fr;gap:35px;margin-top:55px}.awakening-paths h3{font-size:39px;margin:20px 0 12px}.arka-language{grid-template-columns:1fr;gap:12px;margin-top:40px}.arka-language .link{justify-self:start;margin-top:15px}.archetype-preface{padding:70px 8%}.archetype-preface h2{font-size:56px}.collection-nav{gap:25px}}
