/* Brumes: shared palette from the supplied references, with a community-led home. */

.community-story{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9%;padding-block:100px}
.community-lead .eyebrow{margin-bottom:26px}.community-lead h2{font-size:clamp(2.6rem,4vw,4.2rem);margin-bottom:28px}
.community-lead>p:not(.eyebrow){color:var(--muted);margin-top:17px;max-width:540px}.community-lead .text-link{margin-top:26px}
.community-values{border-top:1px solid #d0a1444d}
.community-value{display:flex;gap:23px;padding:28px 0;border-bottom:1px solid var(--line)}
.community-value .number{font:italic 1.6rem/1.2 var(--serif);color:var(--accent);min-width:38px;padding-top:3px}
.community-value h3{font-size:1.65rem;margin-bottom:13px}.community-value p{font-size:1rem;color:var(--muted)}
.stream-feature{position:relative;isolation:isolate;overflow:hidden;background:#191a32;border-block:1px solid #d0a1444d}
.stream-backdrop{position:absolute;inset:0;z-index:-2}.stream-backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.3}
.stream-feature::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#191a3240,#191a32d1 65%)}
.stream-feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;padding-block:70px 80px}
.stream-feature-emblem{display:grid;place-items:center;padding:12px 35px}
.streamer-logo{height:auto;object-fit:contain;filter:drop-shadow(0 12px 40px #06061580)}
.streamer-logo-feature{width:min(100%,310px);transition:transform .6s}.stream-feature-emblem:hover .streamer-logo{transform:translateY(-5px)}
.broadcast-copy .eyebrow{margin-bottom:23px}.broadcast-copy h2{font-size:clamp(3rem,4.5vw,4.8rem)}
.broadcast-copy>p:not(.eyebrow){max-width:530px;color:#d3d3e2;margin-top:25px;font-size:1rem}.broadcast-copy .actions{margin-top:31px}
.ffxiv .world-hero{min-height:790px}.ffxiv .world-hero::after{background:linear-gradient(0deg,var(--bg),#171d368a 48%,#1d274b25)}
.ffxiv .hero-copy{max-width:970px;text-align:center;margin-inline:auto}.ffxiv .hero-copy h1{font-size:clamp(4.3rem,9.5vw,10rem)}
.ffxiv .hero-description,.ffxiv .hero-tagline{margin-inline:auto}.ffxiv .hero-copy .actions{justify-content:center}
.stream-hero{min-height:740px}.stream-hero>img{opacity:.7}.stream-hero::after{background:linear-gradient(90deg,#141427df,#14142788),linear-gradient(0deg,var(--bg),transparent)}
.stream-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}
.stream-hero .hero-copy h1{font-size:clamp(4rem,7vw,8rem)}.stream-hero .hero-tagline{font-size:clamp(1.9rem,3vw,3rem)}
.stream-identity{text-align:center;padding:15px 20px}.streamer-logo-hero{width:min(100%,340px);margin:auto}
.stream-identity p{font:1.3rem/1.6 var(--serif);color:#fcf3bb;margin:22px auto 0}.stream-identity p span{display:block;font:.75rem/1.7 var(--sans);color:var(--muted);letter-spacing:.1em}

/* Community records: visible names, native links, factual captions, no fake activity. */
.life-section{padding-block:86px;border-bottom:1px solid var(--line)}
.life-section .section-top{margin-bottom:32px}.life-section .section-top h2{font-size:clamp(2.5rem,4vw,4rem)}
.life-section .section-top .text-link{white-space:nowrap}
.life-mosaic{display:grid;grid-template-columns:1.3fr .8fr;gap:18px}
.life-mosaic figure{position:relative;overflow:hidden;min-height:280px;margin:0;border:1px solid #d0a14435}
.life-mosaic figure:first-child{grid-row:span 2;min-height:510px}.life-mosaic figure:not(:first-child){min-height:246px}
.life-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.life-mosaic a:hover img{transform:scale(1.025)}
.life-mosaic figure::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#101326e8,transparent 62%)}
.life-mosaic figcaption{position:absolute;bottom:23px;left:26px;right:26px;z-index:1;pointer-events:none;font:1.5rem/1.25 var(--serif)}
.life-mosaic figcaption span{display:block;margin-bottom:9px;font:.75rem/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#e5d49f}
.life-credit{font-size:.8125rem;color:var(--muted);margin-top:17px}.life-credit a{border-bottom:1px solid var(--line)}
.life-mosaic .portrait img{object-position:center 20%}
.face-photo{width:46px;height:57px;object-fit:cover;object-position:center 20%;flex:none;background:#2a2d4e}
.faces-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}
.face-mini{display:flex;align-items:center;gap:14px;padding:21px 0;border-top:1px solid #d0a1444d}
.face-mini strong{font-family:var(--serif);font-size:1.2rem;font-weight:400;line-height:1.2;display:block}
.face-mini small{display:block;font-size:.75rem;line-height:1.45;color:var(--muted);margin-top:7px}
.face-initials{display:grid;place-items:center;flex:none;width:46px;height:57px;background:var(--panel);border-bottom:2px solid #d0a14488;color:#e8ca85;font:1.7rem/1 var(--serif)}
.face-mini:hover strong{color:var(--accent)}
.catalog-intro{padding-block:53px 44px}.catalog-intro .breadcrumb{margin-bottom:32px}.catalog-intro .eyebrow{margin-bottom:18px}
.catalog-intro h1{font-size:clamp(3.3rem,6.5vw,6.5rem);margin-bottom:24px;max-width:1000px}.catalog-intro>p:last-child{color:var(--muted);max-width:650px}
.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-block:23px;border-block:1px solid var(--line);margin-bottom:35px}
.filter-buttons{display:flex;gap:9px;flex-wrap:wrap}.filter-button{font:400 .875rem var(--sans);border:1px solid var(--line);background:transparent;color:var(--ink);min-height:44px;padding:10px 17px;cursor:pointer}
.filter-button[aria-pressed=true]{background:var(--accent);color:#141427;border-color:var(--accent)}
.filter-button:hover{border-color:var(--accent)}.catalog-count{font-size:.875rem;color:var(--muted)}
.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:35px}
.character-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#1b1d35;transition:border-color .2s,transform .2s}
.character-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.character-art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:end;justify-content:space-between;min-height:225px;padding:26px;background:#2a2d4e}
.character-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;z-index:-2}.character-art::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#161b33e8,transparent)}
.character-monogram{font:4.8rem/1 var(--serif);color:#fcf3bb}.character-realm{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#e8e5df}
.character-copy{display:flex;flex-direction:column;flex:1;padding:27px}.character-copy .eyebrow{font-size:.75rem;margin-bottom:13px;letter-spacing:.12em}
.character-copy h2{font-size:2rem;letter-spacing:-.035em;margin-bottom:17px}.character-copy p{color:var(--muted);font-size:1rem;margin-bottom:23px}
.character-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--accent);border-top:1px solid var(--line);padding-top:17px}
.empty-filter{padding:35px 0;color:var(--muted)}
.catalog-footnote{color:var(--muted);font-size:.875rem;padding:0 0 70px}
.person-hero{padding-block:50px 70px}.person-hero-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%;align-items:center}
.person-mark{display:grid;place-items:center;position:relative;isolation:isolate;min-height:330px;overflow:hidden;border:1px solid var(--gold-line,#d0a1444d);background:var(--surface,#2a2d4e)}
.person-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;z-index:-2}.person-mark span{font:8rem/1 var(--serif);color:#fcf3bb;text-shadow:0 4px 18px #141427}
.person-hero h1{font-size:clamp(3.2rem,5.5vw,5.5rem);margin:22px 0}.person-hero .person-deck{color:var(--muted);font-size:1.1rem;max-width:650px}
.person-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.person-facts span{border:1px solid var(--line);font-size:.8125rem;padding:7px 12px}
.person-story{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%;padding:45px 0 85px;border-top:1px solid var(--line)}
.person-story h2{font-size:2.7rem}.person-story .prose p{font-size:1rem}.person-story .text-link{margin-top:20px}
.character-art.has-portrait>img{opacity:1;z-index:0}.character-art.has-portrait::after{display:none}
.character-art.portrait-jack-winsome>img{object-position:center 22%}
.character-art.portrait-lotheas-chantelaube>img{object-fit:contain;transform:scale(1.7);object-position:center 46%}
.person-mark.has-portrait{min-height:440px}.person-mark.has-portrait>img{opacity:1;z-index:0;object-fit:cover;object-position:center 20%}
.person-mark.portrait-lotheas-chantelaube>img{object-fit:contain;transform:scale(1.75)}
.meeting-title{font-size:1.8rem;margin:35px 0 20px}
.guild-address{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--brand-gold)}
.photo-dialog{width:min(1200px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:20px;border:1px solid #d0a14470;background:#141427;color:var(--ink);overflow:auto}
.photo-dialog::backdrop{background:#070a18ed;backdrop-filter:blur(8px)}
.photo-toolbar,.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:18px}.photo-toolbar{padding-bottom:18px}
.photo-toolbar p{font-family:var(--serif);font-size:1.45rem}.photo-dialog>img{width:100%;height:auto;max-height:70svh;object-fit:contain}
.photo-controls{padding-top:18px;font-size:.875rem}.photo-controls button{min-height:44px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:65px}.gallery-item{margin:0}
.gallery-item:first-child{grid-column:1/-1}.gallery-image{display:block;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.gallery-image img{width:100%;height:auto;max-height:760px;object-fit:contain}.gallery-item figcaption{padding:19px 0 0}
.gallery-item figcaption .eyebrow{margin-bottom:9px}.gallery-item h2{font-size:1.75rem}.gallery-item p{font-size:.9375rem;color:var(--muted);margin-top:12px}
.gallery-note{padding:30px 0 80px;border-top:1px solid var(--line)}.gallery-note h2{font-size:2.1rem;margin-bottom:17px}.gallery-note p{color:var(--muted);max-width:700px}.gallery-note .button{margin-top:25px}

@media(max-width:1120px){.community-story{gap:6%}.community-lead h2{font-size:3rem}.stream-feature-grid{gap:5%}.stream-feature-emblem{padding-inline:12px}.stream-intro-grid{gap:24px}.faces-strip{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){

 .community-story{grid-template-columns:1fr;gap:36px;padding-block:70px}.community-lead h2{font-size:clamp(2.55rem,8.1vw,3.5rem)}
 .community-value{gap:18px;padding-block:24px}.community-value h3{font-size:1.6rem}.community-value .number{min-width:32px}
 .stream-feature-grid{grid-template-columns:1fr;gap:30px;padding-block:45px 62px}.stream-feature-emblem{padding:0}.streamer-logo-feature{width:205px}
 .broadcast-copy{text-align:center}.broadcast-copy .eyebrow{margin-bottom:18px}.broadcast-copy h2{font-size:clamp(2.7rem,9vw,4.1rem)}
 .broadcast-copy>p:not(.eyebrow){margin-inline:auto}.broadcast-copy .actions{justify-content:center}.stream-feature::after{background:linear-gradient(0deg,#191a32e0,#191a329c)}
 .ffxiv .world-hero{min-height:740px}.ffxiv .hero-copy h1{font-size:clamp(4rem,14vw,6.5rem)}.ffxiv .hero-tagline{font-size:1.65rem}
 .stream-hero{min-height:0}.stream-intro-grid{grid-template-columns:1fr;gap:32px}.stream-identity{grid-row:1;padding:0}.streamer-logo-hero{width:195px}
 .stream-identity>p{display:none}.stream-hero .hero-copy{text-align:center}.stream-hero .hero-copy h1{font-size:clamp(3.9rem,14vw,6.5rem)}
 .stream-hero .hero-tagline{font-size:2.2rem}.stream-hero .hero-copy .actions{justify-content:center}
 .life-section{padding-block:62px}.life-section .section-top{gap:20px}.life-mosaic{grid-template-columns:1fr 1fr;gap:12px}
 .life-mosaic figure:first-child{grid-column:1/-1;grid-row:auto;min-height:320px}.life-mosaic figure:not(:first-child){min-height:220px}
 .life-mosaic figcaption{font-size:1.2rem;bottom:18px;left:18px;right:18px}.life-mosaic figcaption span{font-size:.75rem;letter-spacing:.05em}
 .faces-strip{grid-template-columns:1fr 1fr;gap:10px 20px}.face-mini{gap:12px;padding:20px 0}.face-mini strong{font-size:1.15rem}
 .catalog-intro{padding-block:35px}.catalog-intro h1{font-size:clamp(3rem,10vw,4.5rem)}
 .catalog-controls{gap:16px}.filter-button{padding:10px 13px}.character-grid{gap:18px}.character-art{min-height:180px;padding:20px}.character-copy{padding:22px}
 .character-copy h2{font-size:1.7rem}.character-monogram{font-size:3.6rem}.character-realm{font-size:.75rem;letter-spacing:.03em}
 .person-hero-grid,.person-story{grid-template-columns:1fr;gap:32px}.person-mark{min-height:250px}.person-hero h1{font-size:3.7rem}
 .person-story{padding-bottom:60px}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-item:first-child{grid-column:auto}.gallery-note{padding-bottom:60px}
}
@media(max-width:480px){.faces-strip,.character-grid{grid-template-columns:1fr}.face-mini{padding:17px 0}.face-mini strong{font-size:1.3rem}.character-art{min-height:215px}.character-copy h2{font-size:2rem}.life-mosaic{grid-template-columns:1fr}.life-mosaic figure:first-child{grid-column:auto}.life-mosaic figure:not(:first-child){min-height:270px}.person-hero h1{font-size:3.1rem}}
@media(prefers-reduced-motion:reduce){.stream-feature-emblem:hover .streamer-logo,.life-mosaic a:hover img,.character-card:hover{transform:none}}