.about-page{background:#f7f0e3;color:#24172a}.about-page .chronicle-header{position:sticky;top:0}.chronicle-header nav .is-current{color:#f4a6c5}.about-hero{min-height:790px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:radial-gradient(circle at 75% 38%,#9f527b 0,#5c2855 34%,#281231 66%);color:white}.about-hero-copy{position:relative;z-index:2;align-self:center;padding:90px 4vw 90px max(6vw,calc((100vw - 1280px)/2))}.about-hero h1{max-width:720px;margin:18px 0 28px;font:700 clamp(58px,7vw,105px)/.88 "Playfair Display";letter-spacing:-.055em}.about-hero h1 em{color:#f2a9bf}.about-hero-copy>p:not(.chronicle-kicker){max-width:610px;color:#e5d8e0;font:18px/1.75 "DM Sans"}.about-hero-copy>a{display:inline-flex;gap:18px;margin-top:25px;padding:15px 22px;border-radius:100px;background:#f0a0be;color:#311334;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.about-hero-portrait{position:relative;min-height:790px}.hero-dorian,.hero-samantha{position:absolute;bottom:-35px;object-fit:contain;filter:drop-shadow(0 35px 40px #17091c70)}.hero-dorian{right:-2%;width:58%;height:92%;opacity:.95}.hero-samantha{left:2%;width:57%;height:78%;z-index:2}.about-hero-portrait>p{position:absolute;right:7%;top:12%;z-index:3;margin:0;padding:14px 18px;border:1px solid #ffffff48;transform:rotate(5deg);font-size:10px;letter-spacing:.13em;text-align:center}.about-hero-portrait>p strong{font:700 18px "Playfair Display"}.spark{position:absolute;color:#f5c870;font-size:36px;animation:twinkle 2.4s infinite alternate}.spark-one{left:14%;top:17%}.spark-two{right:8%;top:48%;animation-delay:.7s}@keyframes twinkle{to{transform:scale(.6) rotate(40deg);opacity:.35}}
.world-intro,.relations-section,.characters-section,.case-timeline{max-width:1280px;margin:auto;padding:120px 5vw}.world-intro{display:grid;grid-template-columns:70px .9fr 1.1fr;gap:45px;border-bottom:1px solid #d3c5b8}.section-number{margin:6px 0;color:#a34c73;font:700 13px "DM Sans";letter-spacing:.15em}.world-intro h2,.section-heading h2{margin:0;font:700 clamp(48px,5.7vw,78px)/.95 "Playfair Display";letter-spacing:-.045em}.world-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px;color:#655965;line-height:1.8}.world-copy p{margin:0}.section-heading{display:grid;grid-template-columns:70px 1fr;gap:45px;margin-bottom:58px}.section-heading>div>p:last-child{max-width:700px;color:#756874;line-height:1.7}.relations-section{max-width:none;padding-left:max(5vw,calc((100vw - 1280px)/2));padding-right:max(5vw,calc((100vw - 1280px)/2));background:#201027;color:white}.relations-section .chronicle-kicker{color:#d484a5}.relations-section .section-heading>div>p:last-child{color:#c7b9c7}.relationship-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:45px;align-items:center}.relationship-map{position:relative;min-height:680px;border:1px solid #ffffff18;border-radius:50%;background:radial-gradient(circle,#67345e 0 16%,transparent 16.5%),radial-gradient(circle,#3c1b45 0 52%,#2a1432 53%);overflow:hidden}.relation-orbit{position:absolute;border:1px dashed #e9b6ca42;border-radius:50%;inset:17%}.orbit-two{inset:33%}.relation-node{position:absolute;width:126px;padding:0;border:0;background:transparent;color:white;cursor:pointer;text-align:center}.relation-node:after{content:"";position:absolute;inset:-8px;border:1px solid transparent;border-radius:18px;transition:.25s}.relation-node:hover:after,.relation-node.is-active:after{border-color:#f2a6c4;background:#ffffff0d}.relation-node img,.relation-node .initial{position:relative;z-index:1;width:72px;height:72px;margin:auto;border:3px solid #f1c1d3;border-radius:50%;background:#53285b;object-fit:cover;object-position:top}.relation-node .initial{display:grid;place-items:center;font:700 36px "Playfair Display"}.relation-node>span{position:relative;z-index:1;display:block;margin-top:7px;font:700 16px "Playfair Display"}.relation-node small{display:block;margin-top:2px;color:#cdbbcc;font:8px "DM Sans";letter-spacing:.08em;text-transform:uppercase}.node-samantha{left:50%;top:50%;transform:translate(-50%,-50%)}.node-samantha img{width:102px;height:102px;border-color:#f4bf69}.node-dorian{left:50%;top:5%;transform:translateX(-50%)}.node-amara{left:8%;top:28%}.node-brad{left:15%;bottom:11%}.node-vivian{right:15%;bottom:11%}.node-george{right:8%;top:28%}.node-gwen{left:50%;bottom:3%;transform:translateX(-50%)}.relation-detail{padding:45px;border-radius:24px;background:#f7f0e3;color:#24172a;box-shadow:0 25px 65px #10071666}.relation-detail h3{margin:10px 0 18px;font:700 48px "Playfair Display"}.relation-detail>p:not(.chronicle-kicker){min-height:155px;color:#675866;line-height:1.75}.relation-detail>span{display:inline-block;padding:9px 12px;border-radius:100px;background:#ead6df;color:#783b5b;font-size:10px;font-weight:700}.relation-legend{display:flex;justify-content:center;gap:25px;margin-top:35px;color:#bdaebe;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.relation-legend i{display:inline-block;width:18px;height:3px;margin-right:7px;vertical-align:middle}.family{background:#f0b35e}.ally{background:#76b7aa}.past{background:#9d78c4}.rival{background:#d75c7d}
.characters-section{max-width:1380px}.character-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 35px 115px}.character-filters button{padding:10px 15px;border:1px solid #ccbccc;border-radius:100px;background:#fffaf2;color:#604c5d;cursor:pointer}.character-filters button.is-active{background:#3c184a;color:white}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.character-card{overflow:hidden;border:1px solid #e1d4cb;border-radius:24px;background:#fffaf4;box-shadow:0 14px 35px #32162f10;animation:cardIn .45s both;animation-delay:var(--delay)}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}}.character-image{position:relative;height:370px;overflow:hidden;background:linear-gradient(145deg,#ecd9de,#c9a5ba)}.character-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:.45s}.character-card:hover img{transform:scale(1.035)}.character-image small{position:absolute;left:16px;bottom:16px;padding:7px 10px;border-radius:100px;background:#28112f;color:white;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.character-initial{display:grid;place-items:center;background:radial-gradient(circle,#a86783,#6a345e 60%,#34183e)}.character-initial>span{color:#f8d8e5;font:700 150px "Playfair Display"}.character-card>div:last-child{padding:25px 27px 30px}.character-card>div:last-child>p:first-child{margin:0;color:#ab5279;font-size:10px;letter-spacing:.15em}.character-card h3{margin:5px 0 12px;font:700 34px "Playfair Display"}.character-card>div:last-child>p:last-child{margin:0;color:#6d626c;font-size:13px;line-height:1.7}
.case-timeline{max-width:none;padding-left:max(5vw,calc((100vw - 1280px)/2));padding-right:max(5vw,calc((100vw - 1280px)/2));background:#e9dbd2}.timeline-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #9e8894}.timeline-track article{position:relative;padding:36px 30px 10px;border-right:1px solid #b7a4ad}.timeline-track article:before{content:"";position:absolute;top:-7px;left:30px;width:13px;height:13px;border-radius:50%;background:#a84771;box-shadow:0 0 0 5px #e9dbd2}.timeline-track small{color:#a0476f;font-weight:700;letter-spacing:.1em}.timeline-track h3{font:700 27px "Playfair Display"}.timeline-track p{color:#685c66;font-size:13px;line-height:1.7}.about-cta{padding:110px 6vw;text-align:center;background:radial-gradient(circle at 50% 0,#76406e,#2a1333 60%);color:white}.about-cta h2{margin:12px 0 35px;font:700 clamp(50px,7vw,90px) "Playfair Display"}.about-cta>div{display:flex;justify-content:center;gap:12px}.about-cta a{padding:15px 22px;border:1px solid #ffffff42;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.about-cta a:first-child{background:#efa3c0;border-color:#efa3c0;color:#2a1333}
@media(max-width:1000px){.about-hero{grid-template-columns:1fr;min-height:1000px}.about-hero-copy{padding-bottom:20px}.about-hero-portrait{min-height:570px}.hero-dorian{right:5%;width:49%}.hero-samantha{left:8%;width:50%}.world-intro{grid-template-columns:50px 1fr}.world-copy{grid-column:2}.relationship-layout{grid-template-columns:1fr}.relationship-map{min-height:650px}.relation-detail>p:not(.chronicle-kicker){min-height:0}.character-grid{grid-template-columns:repeat(2,1fr)}.timeline-track{grid-template-columns:repeat(2,1fr);gap:35px 0}}
@media(max-width:620px){.chronicle-header nav{gap:14px}.chronicle-header nav a:nth-last-child(-n+2){display:none}.about-hero{min-height:850px}.about-hero-copy{padding:75px 7vw 0}.about-hero h1{font-size:55px}.about-hero-portrait{min-height:470px}.hero-dorian{right:-6%;width:64%}.hero-samantha{left:-4%;width:65%}.about-hero-portrait>p{top:4%;right:4%}.world-intro,.relations-section,.characters-section,.case-timeline{padding:80px 6vw}.world-intro,.section-heading{grid-template-columns:1fr;gap:15px}.world-copy{grid-column:auto;grid-template-columns:1fr}.relationship-map{min-height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;border-radius:28px}.relation-orbit{display:none}.relation-node,.node-samantha,.node-dorian,.node-amara,.node-brad,.node-vivian,.node-george,.node-gwen{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;padding:12px 5px;border:1px solid #ffffff16;border-radius:16px}.relation-node:after{display:none}.node-samantha{grid-column:1/-1;grid-row:1}.relation-node img,.relation-node .initial,.node-samantha img{width:68px;height:68px}.relation-detail{padding:30px}.relation-detail h3{font-size:38px}.relation-legend{flex-wrap:wrap}.character-filters{margin-left:0}.character-grid{grid-template-columns:1fr}.character-image{height:420px}.timeline-track{grid-template-columns:1fr}.timeline-track article{border-right:0}.about-cta>div{flex-direction:column}.about-cta a{display:block}}

/* Story dossier redesign and updated character portraits */
.world-intro{max-width:none;display:block;padding:85px max(4vw,calc((100vw - 1380px)/2));background:linear-gradient(120deg,#f3ddc6,#ead4df 48%,#d7c1dc);border-bottom:1px solid #cbb8b1}.story-dossier{display:grid;grid-template-columns:1.02fr .98fr;min-height:710px;overflow:hidden;border-radius:32px;background:#fff9ef;box-shadow:0 35px 90px #54233f25}.story-copy{position:relative;z-index:2;padding:70px 65px}.story-label{display:flex;align-items:center;gap:17px}.story-label>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#5c254f;color:#fff;font-size:11px;font-weight:700}.story-label .chronicle-kicker{margin:0}.case-status{display:inline-block;margin:38px 0 18px;padding:8px 12px;border:1px solid #b54c72;color:#9e3f64;font-size:9px;font-weight:700;letter-spacing:.16em;transform:rotate(-1deg)}.story-copy h2{font-size:clamp(48px,5vw,72px)}.story-copy h2 em{color:#a43f69}.story-copy .world-copy{margin-top:32px;line-height:1.75}.story-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.story-facts span{padding:9px 12px;border-radius:100px;background:#f0e3dc;color:#77556a;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.story-facts b{margin-right:6px;color:#b4456e}.story-visual{position:relative;min-height:710px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#81416f,#3e1d4a 56%,#26112f)}.story-visual:before{content:"";position:absolute;inset:25px;border:1px solid #fff2;border-radius:24px}.story-visual:after{content:"CONFIDENTIAL";position:absolute;right:-22px;bottom:42px;padding:10px 36px;border:2px solid #f2a4be55;color:#f2a4be66;font-weight:700;letter-spacing:.2em;transform:rotate(-9deg)}.evidence-photo{position:absolute;overflow:hidden;border:7px solid #f9f1e5;background:#eadeda;box-shadow:0 18px 45px #160a1f66}.evidence-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.evidence-photo small{position:absolute;left:10px;bottom:8px;padding:5px 7px;background:#26112f;color:white;font-size:7px;letter-spacing:.12em}.evidence-samantha{left:8%;bottom:6%;width:39%;height:52%;transform:rotate(-5deg)}.evidence-dorian{right:7%;top:5%;width:42%;height:54%;transform:rotate(5deg)}.evidence-vivian{right:8%;bottom:7%;width:31%;height:33%;transform:rotate(3deg)}.glowing-clue{position:absolute;left:39%;top:40%;z-index:4;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#e19be7 17%,#8e3eb588 42%,transparent 70%);filter:drop-shadow(0 0 25px #e9a5ff)}.glowing-clue img{width:100%;height:100%;object-fit:contain}.glowing-clue span{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f0b95f;color:#3a193e;font:700 20px "Playfair Display"}.evidence-line{position:absolute;z-index:3;height:1px;background:#f1bbca88;transform-origin:left}.line-a{left:31%;top:37%;width:36%;transform:rotate(15deg)}.line-b{left:45%;top:61%;width:38%;transform:rotate(-18deg)}.dorian-note{position:absolute;left:8%;top:9%;z-index:4;padding:13px 16px;background:#fff7df;color:#5a2f4b;font:italic 15px/1.35 "Playfair Display";transform:rotate(-4deg);box-shadow:0 8px 25px #0003}.character-card>div:last-child>p:first-child{margin:0;color:#6d626c;font-size:13px;line-height:1.7;letter-spacing:0}.character-card h3{margin:0 0 12px}.character-owen .character-image img{object-position:58% bottom}.character-vivian .character-image img{transform:scale(1.22);transform-origin:center bottom}.character-vivian:hover .character-image img{transform:scale(1.27)}.character-maylin .character-image img{object-fit:cover;object-position:center 10%}.character-robert .character-image img{object-fit:cover;object-position:center top}.character-nibble .character-image img{transform:scale(1.08);transform-origin:center bottom}.character-nibble:hover .character-image img{transform:scale(1.12)}
@media(max-width:1000px){.story-dossier{grid-template-columns:1fr}.story-visual{min-height:650px}.world-intro .world-copy{grid-column:auto}}
@media(max-width:620px){.world-intro{padding:70px 6vw}.story-dossier{border-radius:22px}.story-copy{padding:42px 25px}.story-copy h2{font-size:43px}.story-copy .world-copy{grid-template-columns:1fr}.story-visual{min-height:510px}.evidence-samantha{left:2%;width:46%}.evidence-dorian{right:2%;width:47%}.evidence-vivian{right:3%;width:38%}.glowing-clue{left:34%;top:43%;width:100px;height:100px}.dorian-note{left:4%;top:6%}}
.glowing-clue img{mix-blend-mode:screen}

/* Final portrait alignment pass */
.character-owen .character-image img{object-position:center bottom;transform:translateX(16%) scale(1.04);transform-origin:center bottom}
.character-owen:hover .character-image img{transform:translateX(16%) scale(1.08)}
.character-vivian .character-image img{transform:scale(1.04);transform-origin:center bottom}
.character-vivian:hover .character-image img{transform:scale(1.08)}
.character-maylin .character-image img,.character-robert .character-image img{object-fit:contain;object-position:center bottom}

/* Illustrated case timeline */
.case-timeline{background:linear-gradient(135deg,#eaded5,#e5d3d7)}
.timeline-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-top:0}
.timeline-track article{overflow:hidden;padding:0;border:1px solid #cbb7bd;border-radius:24px;background:#fffaf4;box-shadow:0 18px 45px #4e263218}
.timeline-track article:before{z-index:2;top:22px;left:22px;width:12px;height:12px;background:#f5c365;box-shadow:0 0 0 6px #3f1d3bcc}
.timeline-track figure{height:290px;margin:0;overflow:hidden;background:#4a2941}
.timeline-track figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.timeline-track article:hover figure img{transform:scale(1.035)}
.timeline-track article:nth-child(3) figure img{object-position:center 58%}
.timeline-copy{padding:28px 30px 32px}
.timeline-track h3{margin:10px 0 12px;font-size:32px}
.timeline-track p{margin:0}
@media(max-width:1000px){.timeline-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.timeline-track figure{height:240px}}
@media(max-width:620px){.timeline-track{grid-template-columns:1fr;gap:22px}.timeline-track article{border-right:1px solid #cbb7bd}.timeline-track figure{height:230px}.timeline-copy{padding:24px 24px 28px}}

/* Centered transparent Owen portrait */
.character-owen .character-image img{object-fit:contain;object-position:center bottom;transform:scale(1.12);transform-origin:center bottom}
.character-owen:hover .character-image img{transform:scale(1.16)}