:root{--cream:#fbf8f1;--paper:#fffdf8;--beige:#eee3d2;--brown:#58463a;--ink:#171411;--gold:#bd943b;--line:#ddd2c2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee9df;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.48}img{display:block;width:100%}figure{margin:0}main{width:100%;max-width:430px;margin:auto;background:var(--cream);overflow:hidden}.paper{border-bottom:1px solid var(--line);background:var(--cream)}.pad{padding:44px 25px}.eyebrow{margin:0 0 13px;color:var(--brown);font-family:"Special Elite",monospace;font-size:.69rem;line-height:1.5;letter-spacing:.12em}.paper h1,.paper h2,.paper h3{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em}.paper h1{font-size:2.65rem;line-height:.96}.paper h2{font-size:2rem;line-height:1}.paper h3{font-size:1.45rem;line-height:1.08}.paper p{font-size:.94rem}.paper em{font-weight:400}.full-image{width:100%;overflow:hidden}.black-button,.outline-button{display:flex;align-items:center;justify-content:space-between;width:max-content;text-decoration:none}.black-button{min-width:215px;margin-top:25px;padding:14px 19px;border-radius:999px;background:var(--ink);color:#fff;font-size:.79rem}.outline-button{min-width:185px;margin-top:25px;padding:12px 17px;border:1px solid var(--brown);color:var(--ink);font-size:.77rem}.site-topbar{position:relative;max-width:430px;height:68px;margin:auto;padding:7px 25px;background:var(--cream);border-color:var(--line);backdrop-filter:none}.site-topbar .club-brand img{width:154px;height:47px;object-fit:contain;mix-blend-mode:multiply}.site-menu-toggle{font-size:.75rem;letter-spacing:.16em}.site-menu-panel{top:67px}
.hero-copy{padding-top:48px;padding-bottom:31px}.hero .intro{max-width:330px;margin:18px 0 0;font-size:.95rem}.hero-envelope img{aspect-ratio:1.48;object-fit:cover}.promises{padding:36px 31px 42px}.promise{display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:72px}.promise>span{color:var(--gold);font:1.55rem Georgia,serif}.promise p{margin:0;color:var(--brown);font-family:"Special Elite",monospace;font-size:.71rem;line-height:1.55;letter-spacing:.08em}
.concept .pad{padding-bottom:39px}.concept h2{margin-bottom:23px}.concept p{margin:0 0 17px}.concept-scene{background:var(--cream)}.concept-scene img{aspect-ratio:.92;object-fit:cover;object-position:center 39%}.poudlard{position:relative;min-height:338px;padding-bottom:108px}.poudlard h2{font-size:1.86rem;line-height:1.02}.poudlard>p:not(.eyebrow){margin-top:17px}.postal-mark{position:absolute;right:24px;bottom:25px;width:174px;height:auto;transform:rotate(-3deg)}
.chapter-one .pad{padding-bottom:22px}.chapter-one h2,.bureau h2,.arrival h2,.monthly h2,.secret h2,.passport h2,.recognition h2,.faq h2,.join h2{margin-bottom:18px}.internal-note{margin-top:27px;padding:17px 18px;background:var(--beige);font-family:"Special Elite",monospace}.internal-note span{font-size:.59rem;letter-spacing:.12em}.internal-note p{margin:11px 0 5px;font-family:inherit;font-size:.74rem;line-height:1.45}.internal-note small{font-size:.64rem}.office-scene img{aspect-ratio:1.18;object-fit:cover;object-position:center}.bureau>.pad{padding-bottom:22px}.building-figure{padding:0;background:var(--beige)}.building-figure img{height:auto;aspect-ratio:.84;object-fit:cover;object-position:center}.corridor{padding-top:29px!important;padding-bottom:38px!important;background:var(--paper)}.corridor p{margin-bottom:0}
.arrival>.pad{padding-bottom:27px}.entry-file{margin-top:24px;padding:18px 14px 14px;border:1px solid var(--line);background:var(--paper)}.file-title{text-align:center;color:var(--brown);font-family:"Special Elite",monospace;font-size:.64rem!important;letter-spacing:.1em}.entry-file>div{display:grid;grid-template-columns:50px 1fr;gap:7px;align-items:center;min-height:65px}.entry-file p{margin:0}.entry-file b,.entry-file small{display:block}.entry-file b{font-size:.77rem}.entry-file small{margin-top:2px;font-size:.66rem;line-height:1.34}.object-mini{display:block;width:46px;height:46px;background-repeat:no-repeat}.mini-letter{background-image:url('../assets/mailclub-icons.png');background-size:300% 300%;background-position:50% 0}.mini-passport,.mini-card,.mini-seal{background-image:url('../assets/club-passport-identity-no-moon.png');background-size:154px auto}.mini-passport{background-position:-4px -5px}.mini-card{background-position:-8px -71px}.mini-seal{background-position:-104px -72px}.dossier-photo{background:#eee4d6}.dossier-photo img{height:auto;aspect-ratio:1.66;object-fit:cover;object-position:center}.monthly{padding-top:39px;padding-bottom:39px}.monthly h2{font-size:1.86rem}.monthly>p{font-size:.86rem}.number-list{margin:22px 0 20px;border:1px solid var(--line)}.number-list>div{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:52px;border-bottom:1px solid var(--line)}.number-list>div:last-child{border:0}.number-list strong{color:var(--brown);font:1rem Georgia,serif;text-align:center}.number-list span{height:100%;display:flex;align-items:center;padding:7px 11px;border-left:1px solid var(--line);font-size:.69rem;line-height:1.28}
.secret{padding-bottom:50px}.confidential{display:flex;flex-direction:column;align-items:center;margin-top:27px;padding:19px;border:1px solid var(--brown);font-family:"Special Elite",monospace;letter-spacing:.13em}.confidential span{font-size:1.1rem}.confidential b{margin-top:4px;font-size:.69rem}.confidential small{font-size:.58rem}.passport>.pad{padding-top:39px;padding-bottom:16px}.passport h2{font-size:1.85rem}.passport .pad>p:last-child{font-size:.85rem}.passport-figure{padding:0 22px 35px;text-align:center}.passport-figure img{height:auto;aspect-ratio:1.43;object-fit:cover;border:0}.passport-figure figcaption{margin-top:9px;color:var(--brown);font-size:.68rem}.recognition>.pad{padding-bottom:13px}.cat-crop{padding:0 30px 28px;background:var(--cream)}.cat-crop img{height:auto;aspect-ratio:.86;object-fit:cover;object-position:center 48%}.faq-list{margin-top:27px;border-top:1px solid var(--ink)}.faq-list details{padding:13px 0;border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding-right:27px;list-style:none;font-size:.78rem;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;font-size:1rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:11px 0 2px;font-size:.78rem}.join{padding-top:40px;padding-bottom:45px}.join h2{font-size:1.86rem}.join>p:not(.eyebrow){font-size:.84rem}.price-card{margin:22px auto 0;max-width:315px;padding:18px 15px;border:1px solid var(--brown);background:var(--paper);text-align:center}.price-card>span{display:block;font:400 .59rem "Special Elite",monospace;letter-spacing:.13em}.price-card>strong{display:block;margin-top:6px;font:700 2.55rem/.92 Georgia,serif}.price-card>small{display:block;font-size:.68rem}.price-card p{margin:13px 0;font-size:.64rem;line-height:1.4}.price-card button{width:100%;margin-top:5px;padding:12px 9px;border:0;border-radius:3px;background:var(--ink);color:#fff;font:500 .67rem "DM Sans",sans-serif;opacity:1}
@media(min-width:801px){body{padding:0 28px 50px}main,.site-topbar{max-width:1100px}.site-topbar{position:sticky}.hero{display:grid;grid-template-columns:.84fr 1.16fr;min-height:590px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 56px}.hero-envelope,.hero-envelope img{height:100%}.hero-envelope img{aspect-ratio:auto}.promises{display:grid;grid-template-columns:repeat(5,1fr);padding:30px}.promise{grid-template-columns:1fr;text-align:center}.concept,.chapter-one,.bureau,.arrival,.passport,.recognition{display:grid;grid-template-columns:1fr 1fr}.concept .pad,.chapter-one .pad,.arrival .pad,.passport .pad,.recognition .pad{padding:68px 56px}.concept-scene img,.office-scene img{height:100%;aspect-ratio:auto}.poudlard{min-height:400px;padding:75px 60px 105px}.poudlard h2{max-width:600px;font-size:3.1rem}.chapter-one .office-scene{grid-column:2;grid-row:1}.bureau>.pad{grid-column:2;padding:68px 56px}.building-figure{grid-column:1;grid-row:1}.building-figure img{height:100%;aspect-ratio:auto}.corridor{grid-column:1/-1;padding:40px 58px!important}.arrival .dossier-photo{grid-column:2;grid-row:1}.dossier-photo img{height:100%;aspect-ratio:auto}.monthly,.secret,.faq,.join{padding:70px 18%}.passport-figure{display:flex;flex-direction:column;justify-content:center;padding:50px}.recognition .cat-crop{display:flex;align-items:center;padding:45px}.cat-crop img{aspect-ratio:auto}.faq-list summary,.faq-list details p{font-size:.88rem}.price-card{max-width:450px;margin:36px auto 0}.paper h1{font-size:4.1rem}.paper h2{font-size:2.8rem}}

/* Illustrated Mail Club icon system — actual artwork, not font glyphs. */
.mail-icon{display:block;width:48px;height:48px;background-image:url('../assets/mailclub-icons.png');background-repeat:no-repeat;background-size:300% 300%;font-size:0!important;color:transparent!important}
.i-building{background-position:0 0}.i-envelope{background-position:50% 0}.i-parcel{background-position:100% 0}.i-passport{background-position:0 50%}.i-star{background-position:50% 50%}.i-cover{background-position:100% 50%}.i-card{background-position:0 100%}.i-seal{background-position:50% 100%}.i-lock{background-position:100% 100%}
.promise{grid-template-columns:64px 1fr}.promise>.mail-icon{width:48px;height:48px}
.entry-file>div{grid-template-columns:50px 1fr;min-height:65px}
.confidential .mail-icon{width:42px;height:42px}.confidential b{margin-top:2px}
@media(min-width:801px){.promise{grid-template-columns:1fr}.promise>.mail-icon{margin:0 auto 8px}}