@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080f20;--navy:#0c172e;--gold:#d9b66f;--gold-light:#f0d89f;--ivory:#f1eee5;--muted:#a4adbf;--line:rgba(211,178,111,.23);--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ivory);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-light);outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04}h2{font-size:clamp(38px,4.1vw,61px);letter-spacing:-1.2px}h2 em,h1 em{font-weight:400;color:var(--gold);font-style:italic}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font:600 10px/1.6 var(--sans);letter-spacing:2.8px;color:var(--gold)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--gold);padding:14px;color:var(--bg)}.skip:focus{top:10px}
.header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px 4.2%;border-bottom:1px solid rgba(217,182,111,.15)}.brand{display:inline-flex;align-items:center;gap:11px;font:500 30px/1 var(--serif);letter-spacing:.4px;white-space:nowrap}.brand-rp{color:var(--gold)}.header nav{display:flex;align-items:center;gap:33px;font-size:11px;font-weight:500}.header nav a{color:#d5dbe6;transition:color .2s}.header nav a:hover{color:var(--gold)}.nav-discord{border:1px solid var(--line);padding:11px 19px;color:var(--gold-light)}.nav-discord span{margin-left:16px}.menu-toggle{display:none}.hero{min-height:780px;height:min(900px,100svh);position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#0a1528}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/courtyard.png') 70% 48%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,28,.96) 0%,rgba(6,15,31,.82) 30%,rgba(6,15,31,.15) 72%),linear-gradient(0deg,var(--bg),transparent 35%,rgba(5,12,25,.15) 80%,rgba(5,12,25,.7))}.hero-content{padding-top:90px;padding-bottom:80px}.hero h1{font-size:clamp(66px,7.9vw,116px);letter-spacing:-3px;margin:28px 0}.hero-copy{font-size:13px;line-height:2;max-width:440px;color:#c0c8d7}.hero .eyebrow{display:flex;align-items:center;gap:13px}.tiny-star{font-size:18px;line-height:1}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:14px 25px;font:700 11px/1.5 var(--sans);letter-spacing:.3px;transition:background .2s,transform .2s;position:relative}.gold{background:linear-gradient(110deg,#edd199,#ceaa62);color:#172035;box-shadow:inset 0 0 0 1px #f2dca8,inset 0 0 0 4px rgba(16,26,45,.12)}.gold:hover{background:var(--gold-light);transform:translateY(-2px)}.button>span:first-child{font-size:19px;font-weight:400;line-height:1}.text-link{display:inline-flex;align-items:center;gap:23px;padding:0 0 7px;border-bottom:1px solid var(--line);font-size:11px;color:var(--ivory);text-align:left}.text-link span,.small-link span{color:var(--gold)}.text-link:hover,.small-link:hover{color:var(--gold-light)}.hero-note{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:19px;color:#96a3b9}.hero-note>span,.availability>span{width:5px;height:5px;background:var(--gold);border-radius:50%}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2.5px;color:#9ca8bd}.hero-bottom a{display:flex;align-items:center;gap:17px}.hero-bottom b{font-size:18px;font-weight:400;color:var(--gold)}
.section-kicker{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:2px;color:var(--gold);margin-bottom:43px}.rule{height:1px;background:var(--line);flex:1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading>p{font-size:12px;line-height:1.9;padding-bottom:5px}.world-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.world-picture{position:relative;min-height:375px;background:#101d36}.world-picture>img{width:100%;height:375px;object-fit:cover;object-position:75% 50%;filter:saturate(.8)}.world-picture:after{content:'';position:absolute;inset:12px;border:1px solid rgba(226,196,132,.3);pointer-events:none}.picture-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,rgba(4,10,22,.97));padding:60px 28px 25px;font-size:9px;letter-spacing:2px;color:var(--gold-light)}.picture-caption>span:last-child{font-size:25px}.concept-label{position:absolute;top:23px;left:24px;font-size:8px;letter-spacing:.6px;background:rgba(6,15,31,.75);padding:4px 9px;color:#d4dbea}.world-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-bottom:25px}.world-tabs button{font-size:10px;padding:0 0 14px;color:#a7b3ca;white-space:nowrap}.world-tabs [aria-selected=true]{color:var(--gold-light);border-bottom:1px solid var(--gold)}.story-number{display:block;color:var(--gold);font:italic 29px var(--serif);margin-bottom:12px}.world-story article{min-height:252px}.world-story h3{font-size:37px;margin-bottom:20px}.world-story p{font-size:12px;line-height:1.9;margin-bottom:13px}.world-story .muted{color:#8594ae;font-size:11px}.world-story>.text-link{margin-top:15px}
.join-section{background:radial-gradient(ellipse at 15% 90%,#142646 0%,transparent 65%),#0b162b;border-block:1px solid rgba(190,162,106,.1)}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.join-intro>.eyebrow{margin-bottom:24px}.join-intro>p:not(.eyebrow){font-size:12px;max-width:310px;margin:24px 0}.join-intro>.text-link{margin-top:9px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.step-number{color:var(--gold);font:italic 29px/1.3 var(--serif);min-width:38px}.steps h3{font-size:26px;line-height:1.2;margin-bottom:10px}.steps p{font-size:11px;max-width:335px;margin-bottom:10px}.small-link{font-size:10px;display:inline-flex;gap:14px;padding:0}.launcher-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px}.launcher-preview{border:1px solid #45516a;box-shadow:0 28px 75px #0008;transform:perspective(1100px) rotateY(5deg) rotateX(2deg);background:#091429}.launcher-chrome{display:flex;justify-content:space-between;align-items:center;background:#0d192d;color:#8f9cb4;font-size:8px;letter-spacing:1.5px;padding:13px 15px;border-bottom:1px solid #ffffff0a}.launcher-chrome>span:first-child{display:flex;align-items:center;gap:9px}.launcher-scene{height:310px;background:linear-gradient(0deg,#071124 0%,#08132677 65%),url('assets/courtyard.png') 70% 45%/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.launcher-mark{display:flex;flex-direction:column;align-items:center}.launcher-mark>span{font:44px/1.4 var(--serif);color:var(--ivory)}.launcher-mark>small{font-size:6px;letter-spacing:2px;color:var(--gold-light);margin:3px 0 24px}.launcher-play{font-size:9px;background:linear-gradient(90deg,#e1c286,#c4a15e);color:#0b1426;padding:9px 20px;display:flex;gap:30px;align-items:center}.preview-label{position:absolute;bottom:13px;font-size:7px;letter-spacing:2px;color:#b0bbce}.launcher-copy>.eyebrow{margin-bottom:22px}.launcher-copy>p:not(.eyebrow){font-size:12px;margin:22px 0}.availability{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:9px;margin-bottom:14px}.launcher-copy>.small-link{display:flex;margin-top:17px;color:#afb9cb}.faq-section{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid .eyebrow{margin-bottom:22px}.faq-grid>div>p:not(.eyebrow){font-size:12px;max-width:260px;margin:23px 0}.faq-grid .text-link{margin-top:6px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;font-size:12px;padding:22px 0;color:#e1e5ed}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;font-weight:400;color:var(--gold);line-height:1;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:11px;line-height:1.9;padding:0 25px 24px 0}.closing{text-align:center;position:relative;isolation:isolate;padding:70px 0 85px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#183359,#0a1529 70%)}.closing:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.12;background:url('assets/courtyard.png') 50% 75%/cover}.closing-star{color:var(--gold);font-size:28px;display:block;margin-bottom:18px}.closing h2{margin:22px 0 30px;font-size:clamp(39px,4.8vw,68px)}.footer{padding-block:38px 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:28px}.footer-top .brand{font-size:26px}.footer-top p{font:italic 18px var(--serif);color:#929eb6}.footer-top>div{display:flex;gap:24px;font-size:10px;color:#c0c8d6}.footer-top button{padding:0}.footer-top button:hover{color:var(--gold)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff0b;padding-top:20px;font-size:8px}.footer-bottom p{color:#8390a9}.footer-bottom a{color:var(--gold);font-size:18px}
dialog{background:#0d192e;color:var(--ivory);padding:44px;max-width:540px;width:calc(100% - 36px);border:1px solid var(--gold);box-shadow:0 20px 100px #0009}dialog::backdrop{background:rgba(2,7,18,.82);backdrop-filter:blur(6px)}dialog h2{font-size:40px;margin:19px 0 22px}dialog p{font-size:13px;margin-bottom:18px}.dialog-close{position:absolute;top:10px;right:15px;color:var(--gold);font-size:28px}.dialog-steps{padding-left:20px;color:var(--muted);font-size:12px}.dialog-steps li{padding:0 0 16px 6px}.dialog-steps strong{color:var(--ivory)}.dialog-ok{margin-top:10px}
@media(min-width:1600px){.hero-art{background-position:70% 42%}.hero{height:900px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.header nav{gap:21px}.world-grid{gap:34px}.world-tabs{gap:15px}.world-tabs button{font-size:9px}.join-grid{gap:55px}.launcher-section{gap:45px}.faq-grid{gap:45px}.section-heading>p{max-width:240px}.footer-top p{display:none}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{padding:18px 20px}.brand{font-size:28px;gap:7px}.brand img{width:32px;height:39px}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:14px 8px;z-index:12}.menu-toggle span{width:24px;height:1px;background:var(--gold);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none;position:absolute;top:76px;left:12px;right:12px;padding:24px;background:#0b172c;border:1px solid var(--line);align-items:stretch;flex-direction:column;gap:18px;box-shadow:0 20px 40px #0007;font-size:13px}.header nav.is-open{display:flex}.header nav a{padding:8px}.nav-discord{text-align:left}.hero{min-height:740px;height:95svh;max-height:900px;align-items:end}.hero-art{background-position:66% 0%;background-size:auto 76%;background-color:#071124}.hero:before{background:linear-gradient(0deg,var(--bg) 1%,#081124f2 22%,#08112485 54%,#07102422 75%,#07102466)}.hero-content{padding-top:270px;padding-bottom:108px}.hero h1{font-size:clamp(57px,12vw,88px);letter-spacing:-1.7px;margin:20px 0}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero-copy{font-size:11px;max-width:350px}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:24px}.button{font-size:10px;padding:14px 20px}.text-link{font-size:10px}.hero-actions>.text-link{border:0}.hero-note{font-size:9px;margin-top:15px}.hero-bottom{bottom:22px;font-size:6px;letter-spacing:1.3px}.hero-bottom a>span{display:none}.hero-bottom b{font-size:20px}.section{padding-block:62px}.section-kicker{margin-bottom:30px;font-size:8px;letter-spacing:1.8px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none;font-size:11px;margin-top:20px}.section-heading>p br{display:none}h2{font-size:42px;letter-spacing:-.8px}.world-grid,.join-grid,.launcher-section,.faq-grid{grid-template-columns:1fr;gap:32px}.world-picture,.world-picture>img{min-height:260px;height:300px}.world-story{padding-top:2px}.world-tabs{gap:25px}.world-tabs button{font-size:10px}.world-story h3{font-size:35px}.world-story article{min-height:235px}.world-story>.text-link{margin-top:0}.join-intro>p:not(.eyebrow){max-width:100%}.steps{margin-top:8px}.steps li{gap:17px;padding:23px 0}.steps h3{font-size:25px}.steps p{max-width:none}.launcher-section{gap:40px}.launcher-preview{transform:none;max-width:530px;width:100%;margin-inline:auto}.launcher-scene{height:280px}.launcher-copy>h2 br{display:none}.launcher-copy>.eyebrow{margin-bottom:18px}.launcher-copy>p:not(.eyebrow){max-width:460px}.faq-grid{gap:30px}.faq-grid>div>p:not(.eyebrow){max-width:100%}.faq-grid h2 br{display:none}.faq-list summary{font-size:11px;padding:20px 0}.closing{padding:55px 0 65px}.closing .eyebrow{font-size:8px;letter-spacing:1.6px}.closing h2{font-size:40px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>div{gap:22px}.footer-bottom{align-items:start;flex-wrap:wrap;gap:12px}.footer-bottom>p:nth-child(2){order:3;flex-basis:100%;max-width:320px}.footer-bottom>a{margin-left:auto}dialog{padding:32px 25px}dialog h2{font-size:35px}}
@media(max-width:360px){.world-tabs{gap:15px}.world-tabs button{font-size:9px}.hero h1{font-size:53px}.hero-actions{gap:15px}.hero{min-height:770px}.launcher-scene{height:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.gold:hover{transform:none}}


/* Identité WizardRP : passage céleste, bleu et or, accès libre. */
.hero-art{background-position:72% 50%}.hero-note{flex-wrap:wrap;letter-spacing:.7px}.hero-note>.note-separator{width:auto;height:auto;background:none;border-radius:0;margin:0 3px;color:var(--gold)}.world-picture>img{object-position:82% 50%}.launcher-scene{background-position:82% 50%}
@media(max-width:760px){.hero-art{background-position:77% 0%;background-size:auto 76%}.hero h1{font-size:clamp(54px,11.8vw,82px)}.hero-note{font-size:8px;gap:6px}}

/* Accueil WizardRP : composition centrale, château et identité des maisons. */
.hero{height:min(960px,100svh);min-height:850px;text-align:center;align-items:center}
.hero-art{background-position:center 38%}
.hero:before{background:linear-gradient(0deg,#080f20 0%,#080f20c9 16%,#080f2080 45%,#080f2040 75%,#080f20c9 100%)}
.hero-content{padding:145px 0 105px}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:3.5px}
.hero-sigil{display:flex;justify-content:center;margin-top:28px}.hero h1{font:500 clamp(95px,12vw,170px)/.95 var(--serif);letter-spacing:-6px;margin:12px 0 23px;text-shadow:0 4px 40px #0009}.hero h1>span{color:var(--gold)}
.hero-tagline{font:400 clamp(22px,2.5vw,34px)/1.4 var(--serif);color:var(--ivory);margin-bottom:22px}.hero-tagline em{color:var(--gold);font-weight:400}.hero-copy{max-width:650px;margin-inline:auto;color:#d0d7e4}.hero-actions{justify-content:center;gap:28px}.hero-note{justify-content:center;margin-top:22px}.hero-bottom{text-align:left}
.houses-section{background:radial-gradient(ellipse at 50% 40%,#162440 0%,#0a1326 65%);border-block:1px solid var(--line)}.houses-intro{text-align:center;margin-bottom:45px}.houses-intro h2{margin:22px 0}.houses-intro>p:last-child{font-size:12px;line-height:1.9}.house-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.house-card{--house:#bb8a4d;display:flex;align-items:center;flex-direction:column;padding:23px 15px 20px;position:relative;border:1px solid color-mix(in srgb,var(--house) 45%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--house) 13%,transparent),#080f2066);transition:transform .2s,border-color .2s,background .2s;color:var(--ivory)}.house-card.gryffondor{--house:#d56b65}.house-card.serpentard{--house:#67ad8e}.house-card.serdaigle{--house:#769fd5}.house-card.poufsouffle{--house:#d6b464}.house-card:hover,.house-card[aria-pressed=true]{transform:translateY(-5px);border-color:var(--house);background:linear-gradient(145deg,color-mix(in srgb,var(--house) 22%,#0a1326),#0b162c)}.house-index{font-size:7px;letter-spacing:1.7px;color:var(--house);align-self:start}.house-crest{width:90px;height:108px;margin:25px 0 20px;stroke:var(--house);fill:none;stroke-width:1}.house-crest text{fill:var(--house);stroke:none;font:46px Georgia,serif}.house-card h3{font-size:29px;margin-bottom:12px}.house-values{font-size:8px;color:#b0bacd;text-align:center;min-height:30px}.house-explore{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:18px;margin-top:18px;border-top:1px solid #ffffff14;font-size:7px;letter-spacing:1.8px;color:var(--house)}.house-description{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding:27px 0;min-height:95px}.house-description .eyebrow{min-width:190px;letter-spacing:2px;font-size:9px}.house-description p{font:italic 23px/1.35 var(--serif);color:var(--ivory)}.house-note{font-size:9px;color:#8392ac;text-align:center;margin-top:18px}
@media(max-width:760px){.hero{min-height:840px;height:auto;max-height:none}.hero-art{background-position:center top;background-size:auto 76%}.hero-content{padding:185px 0 160px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px}.hero h1{font-size:clamp(78px,21vw,125px);letter-spacing:-4px}.hero-sigil{margin-top:30px}.hero-tagline{font-size:22px;max-width:320px;margin:0 auto 18px}.hero-copy{font-size:11px;max-width:330px}.hero-copy br{display:none}.hero-actions{flex-direction:column;gap:20px}.hero-note{font-size:7px;gap:5px}.house-cards{grid-template-columns:repeat(2,1fr);gap:12px}.house-card{padding:18px 12px}.house-index{font-size:6px;letter-spacing:.8px}.house-crest{width:70px;height:84px;margin:18px 0}.house-card h3{font-size:25px}.house-values{font-size:7px;min-height:28px}.house-description{flex-direction:column;text-align:center;gap:12px;padding:25px 5px;min-height:120px}.house-description p{font-size:22px}.house-note{font-size:8px}.houses-intro>p:last-child{font-size:11px}.houses-intro>p:last-child br{display:none}}

/* Archives, invitation et journal éditorial. */
.archive-subtitle{font:500 clamp(18px,2.5vw,30px)/1.4 var(--serif);letter-spacing:4px;text-transform:uppercase;color:var(--gold-light);margin:-5px auto 20px}.hero-tagline{font-size:25px;margin-bottom:18px}.hero h1{margin-bottom:20px}.hero-content{padding-top:155px}.official-crest{width:120px;height:120px;object-fit:contain;margin:22px 0 20px;filter:drop-shadow(0 6px 20px #0004)}
.letter-section{background:radial-gradient(ellipse at 80% 50%,#1d304f 0%,#0c172c 60%);border-block:1px solid var(--line)}.letter-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.letter-intro h2{margin:24px 0}.letter-intro>p:not(.eyebrow){font-size:12px;max-width:370px;margin-bottom:18px}.letter-intro .letter-hint{color:#8394b0;font-size:11px}.letter-intro .text-link{margin-top:10px}.envelope{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(125deg,#c6b183,#f1dfb4 48%,#d5c091);color:#40351e;min-height:300px;padding:35px 25px;transform:rotate(-4deg);box-shadow:0 30px 60px #0007;transition:transform .3s;overflow:hidden;border:1px solid #e9d49f}.envelope:hover{transform:rotate(-1deg) translateY(-5px)}.envelope:before,.envelope:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none}.envelope:before{background:linear-gradient(150deg,transparent 49.7%,#7d684e44 50%,transparent 50.3%),linear-gradient(210deg,transparent 49.7%,#7d684e44 50%,transparent 50.3%)}.envelope:after{inset:11px;border:1px solid #8c713e5e}.envelope-edge{position:absolute;top:0;width:100%;height:41%;background:linear-gradient(140deg,#f5e3bc,#cdb88d);clip-path:polygon(0 0,100% 0,50% 100%);z-index:-1;filter:drop-shadow(0 3px 0 #6b563950)}.envelope-school{font:600 11px var(--sans);letter-spacing:4px;margin-bottom:38px;color:#655334}.envelope-address{font:italic 29px/1.25 var(--serif);align-self:start;text-align:left;margin:0 0 15px 10px}.wax-seal{position:absolute;right:35px;top:110px;display:grid;place-items:center;width:65px;height:65px;background:radial-gradient(circle at 40% 35%,#315183,#101f3c);border:5px double #63799e;border-radius:50%;color:var(--gold-light);box-shadow:2px 5px 7px #0005;font:italic 35px var(--serif);transform:rotate(12deg)}.envelope-cta{align-self:start;font:600 8px var(--sans);letter-spacing:1.8px;margin:15px 0 0 12px}.envelope-cta span{margin-left:14px}.letter-dialog{max-width:700px;background:#e9d8b1;color:#3e3426;border:1px solid #b59b64;padding:36px 50px;box-shadow:inset 0 0 70px #9b75374d,0 20px 100px #0008}.letter-dialog>h2{font-size:29px;text-align:center;margin:15px 0 25px;color:#493b23}.letter-dialog>.eyebrow{display:block;text-align:center;color:#6a5634}.letter-dialog .dialog-close{color:#493b23}.letter-school{display:flex;flex-direction:column;align-items:center;gap:6px;border-block:1px solid #8e74444a;padding:18px 0;margin-bottom:30px}.letter-school>span{font:600 29px var(--serif);letter-spacing:5px;color:#3d3424}.letter-school>small{font-size:8px;letter-spacing:3px;color:#715f41}.letter-document p{font:400 19px/1.6 var(--serif);color:#473c2b;margin-bottom:18px}.letter-document .letter-recipient{font-style:italic;font-size:23px}.letter-document .letter-signature{font-style:italic;text-align:right;margin-top:28px}.letter-document .letter-footnote{font:9px/1.7 var(--sans);border-top:1px solid #8e74444a;padding-top:18px;color:#766342}.letter-dialog>.dialog-ok{background:#14284b;color:#e9d2a0;box-shadow:none;display:flex;margin:22px auto 0;min-width:130px}
.devlogs-section .section-heading .eyebrow{margin-bottom:20px}.devlog-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding:17px 0}.devlog-filters{display:flex;gap:8px;flex-wrap:wrap}.devlog-filters button{font-size:10px;color:#aab5ca;padding:9px 16px}.devlog-filters button[aria-pressed=true]{color:var(--gold-light);background:#d9b66f14;border:1px solid var(--line)}.chapter-filter{display:flex;align-items:center;gap:15px;font-size:9px;color:var(--muted)}.chapter-filter select{font:10px var(--sans);background:#101e36;color:var(--ivory);border:1px solid var(--line);padding:10px;max-width:190px}.chapter-filter select:focus-visible{outline:2px solid var(--gold)}.devlog-count{font-size:9px;margin:18px 0;color:#8695ae}.devlog-card{display:grid;grid-template-columns:.75fr 1.25fr;min-height:280px;border:1px solid var(--line);background:linear-gradient(125deg,#14213b,#0b1426)}.devlog-art{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(0deg,#080f20d9,#080f2055),url('assets/courtyard.png') center/cover;border-right:1px solid var(--line);min-height:280px}.devlog-art:before{content:'';position:absolute;inset:18px;border:1px solid #d9b66f44}.devlog-art-number{font:italic 110px/1 var(--serif);color:var(--gold-light)}.devlog-art-label{font-size:6px;letter-spacing:2px;text-align:center;margin-top:18px;color:var(--gold-light)}.devlog-body{padding:33px 40px}.devlog-meta{display:flex;align-items:center;gap:18px;color:#95a3bd;font-size:9px}.devlog-category{color:var(--gold);border:1px solid var(--line);padding:3px 9px}.devlog-body h3{font-size:38px;line-height:1.1;margin:22px 0 16px}.devlog-body>p{font-size:12px;max-width:500px;margin-bottom:18px}.chapter-tag{display:inline-block;font-size:8px;letter-spacing:1.3px;color:#94a4c0;border-left:2px solid var(--gold);padding-left:9px;margin-right:25px}.devlog-body .text-link{margin-top:8px}.devlog-empty{text-align:center;min-height:250px;padding:55px 30px;border:1px dashed var(--line)}.devlog-empty h3{font-size:35px;margin:20px 0}.devlog-empty p{font-size:12px;max-width:500px;margin:auto}.devlog-dialog{max-width:780px;max-height:85svh;overflow:auto}.devlog-dialog h2{font-size:45px}.devlog-dialog h3{font-size:28px;margin:30px 0 15px;color:var(--gold-light)}.devlog-dialog .article-meta{font-size:9px;letter-spacing:1px;color:var(--gold)}.devlog-dialog .article-signature{margin-top:35px;font:italic 25px var(--serif);color:var(--gold)}
@media(max-width:1100px){.header nav{gap:20px;font-size:10px}.letter-grid{gap:45px}.devlog-body{padding:30px}.devlog-body h3{font-size:33px}}
@media(max-width:760px){.archive-subtitle{font-size:16px;letter-spacing:2px;max-width:300px;margin:0 auto 20px}.hero-tagline{font-size:19px;max-width:300px}.hero-content{padding-top:145px}.hero{min-height:880px}.official-crest{width:92px;height:92px;margin:19px 0}.letter-grid{grid-template-columns:1fr;gap:45px}.letter-intro>p:not(.eyebrow){max-width:100%}.envelope{min-height:270px;max-width:440px;width:calc(100% - 12px);margin:0 auto;transform:rotate(-3deg)}.letter-dialog{padding:30px 25px}.letter-document p{font-size:18px}.letter-dialog>h2{font-size:27px}.letter-school{margin-bottom:22px}.devlog-controls{flex-direction:column;align-items:stretch;gap:15px}.devlog-filters{gap:3px}.devlog-filters button{padding:8px 11px;font-size:9px}.chapter-filter{justify-content:space-between}.chapter-filter select{max-width:none;flex:1}.devlog-card{grid-template-columns:1fr}.devlog-art{min-height:185px;border-right:0;border-bottom:1px solid var(--line)}.devlog-art-number{font-size:85px}.devlog-art-label{font-size:6px}.devlog-body{padding:27px 23px}.devlog-body h3{font-size:32px}.devlog-body>p{font-size:11px}.devlog-dialog{padding:35px 25px}.devlog-dialog h2{font-size:35px}.devlog-meta{gap:12px}.devlog-empty{padding:40px 20px}}