:root{--bg:#08090a;--black:#050607;--panel:#111214;--panel2:#191719;--paper:#e9e0d5;--soft:#c3b6ad;--dim:#a89b94;--accent:#d15858;--accent2:#8c2736;--line:#393339;--display:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,system-ui,sans-serif;--mono:'Courier New',Courier,monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{width:100%;max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:#b53e4e;color:white}:focus-visible{outline:2px solid #e5aa92;outline-offset:5px}.skip{position:absolute;z-index:100;top:-100px;left:20px;padding:13px 18px;background:var(--paper);color:var(--black)}.skip:focus{top:14px}
body:before{content:'';position:fixed;inset:0;opacity:.095;pointer-events:none;z-index:99;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".31"/%3E%3C/svg%3E')}
.announce{height:31px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 5%;border-bottom:1px solid #373035;font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:#c7a99c;background:#150c10}.announce span:last-child{color:#b27979}
.header{position:relative;z-index:35;max-width:1640px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:20px 5%;min-height:90px;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1;letter-spacing:-.08em}.brand span{color:var(--accent);font-style:italic}.brand:hover span{color:#ed8b83}.nav{display:flex;gap:clamp(13px,2.5vw,37px);align-items:center}.nav a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d2c9c1;transition:color .2s}.nav a:hover,.nav a.active{color:#ff9990}.nav a.nav-cta{border:1px solid #8c5b61;color:#e5c1bc;padding:12px 18px}.nav a.nav-cta:hover{background:var(--accent2);color:white}.menu-toggle{display:none;border:1px solid #55464b;background:transparent;color:var(--paper);font-size:24px;width:46px;height:44px;align-items:center;justify-content:center}
.container{width:min(1450px,100% - 9%);margin-inline:auto}.eyebrow{font-size:10px;font-family:var(--mono);line-height:1.5;letter-spacing:.22em;text-transform:uppercase;color:#db8e88}.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a9958a;font-family:var(--mono)}.serif{font-family:var(--display)}em{font-family:var(--display);font-weight:400}.deco-asterisk{font-size:34px;color:var(--accent);line-height:.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:0 23px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border:1px solid #c24a56;background:#c24a56;color:#12080b;transition:background .2s,transform .2s,color .2s}.button:hover{transform:translateY(-3px);background:#e26c6b;border-color:#e26c6b}.button.secondary{background:transparent;color:#e9dacf;border-color:#79666a}.button.secondary:hover{background:#292023}.button .arrow{font-size:20px;font-weight:400}.minor-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding-bottom:9px;border-bottom:1px solid #9e4d55;color:#e8c6c2}.minor-link:hover{color:white;border-color:white}
.hero{min-height:min(760px,82vw);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#420f1b0b 82%);pointer-events:none}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:80px 5% 70px max(5%,calc((100vw - 1450px)/2));max-width:930px}.hero-lead{display:flex;align-items:center;gap:20px}.hero-lead:before{content:'';width:40px;height:1px;background:var(--accent)}.hero h1{font-family:var(--display);font-size:clamp(74px,9.8vw,155px);font-weight:400;letter-spacing:-.095em;line-height:.87;max-width:800px;margin:40px 0 33px}.hero h1 em{font-style:italic;color:#d75a61;display:inline-block;transform:translateX(3%)}.hero p{max-width:460px;color:#c9bdb4;font-size:17px;line-height:1.84;margin:0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:38px}.hero-bottom{margin-top:auto;padding-top:45px;display:flex;gap:26px;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#bba4a0}.hero-bottom span:last-child{color:#82767a}.hero-visual{position:relative;min-height:680px;background:#1b1017;overflow:hidden}.hero-visual:after{content:'MIRIKO / VOL. 001';position:absolute;right:24px;bottom:22px;font:10px var(--mono);letter-spacing:.22em;color:#e5b1a9;z-index:3}.hero-visual:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 130px #0008}.hero-visual img{height:100%;object-fit:cover;object-position:center 27%;filter:contrast(1.08)}.hero-visual .side-note{position:absolute;top:32px;right:25px;z-index:2;writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#f1c4b8}.hero-visual .corner-mark{position:absolute;left:29px;bottom:25px;z-index:2;font:italic 30px var(--display);color:#e9b6ad}
.ticker{padding:16px 0;overflow:hidden;background:#7d2935;color:#f3ded1;border-block:1px solid #bb535e}.ticker-inner{display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;max-width:1500px;margin:auto;font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.21em}.ticker .star{font-size:23px;color:#170b0d}
.section{padding-block:118px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head h2{font:400 clamp(50px,5.2vw,88px)/.99 var(--display);letter-spacing:-.075em;margin:15px 0 0;max-width:760px}.section-head h2 em{color:#d65b62}.section-head p{color:#bcb0a8;line-height:1.85;font-size:15px;max-width:330px;margin:0}.section-no{color:#7f6d6f;font:12px var(--mono);letter-spacing:.1em}
.worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.world-card{min-width:0;border-top:1px solid #6a434c;padding-top:18px}.world-card a{display:block}.world-card .world-top{display:flex;align-items:center;justify-content:space-between;color:#bda5a1;font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;padding-bottom:16px}.image-wrap{position:relative;overflow:hidden;background:#1e171b}.world-card .image-wrap{aspect-ratio:4/4.7}.image-wrap img{height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.world-card:hover img,.post-card:hover img{transform:scale(1.045);filter:saturate(1.2)}.world-card .image-wrap:after,.post-card .image-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b080969,transparent 42%)}.world-card h3{font:400 clamp(31px,3.2vw,47px)/1.08 var(--display);letter-spacing:-.055em;margin:20px 0 9px}.world-card h3 em{color:#d8676d}.world-card p{line-height:1.78;font-size:14px;color:#b5a8a4;max-width:370px}.world-card .go{display:inline-block;color:#d7a7a1;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:8px 0}.world-card .go:after{content:' ↗'}
.interlude{display:grid;grid-template-columns:1.05fr .95fr;min-height:515px;background:#160e13;border-block:1px solid #45262e}.interlude-art{position:relative;overflow:hidden;background:#1a1219;max-height:700px}.interlude-art img{height:100%;object-fit:cover;object-position:center 65%}.interlude-art:after{content:'NOCTURNE — 001';position:absolute;bottom:30px;left:30px;font:10px var(--mono);letter-spacing:.24em;color:#dfc0b4}.interlude-copy{padding:90px clamp(40px,7vw,130px);display:flex;flex-direction:column;align-items:start;justify-content:center}.interlude-copy .huge-quote{color:#b94e59;font:italic clamp(55px,6vw,100px)/.8 var(--display);margin:22px 0}.interlude-copy blockquote{margin:0;font:400 clamp(30px,3.1vw,51px)/1.2 var(--display);letter-spacing:-.04em;max-width:550px}.interlude-copy blockquote em{color:#e46f74}.interlude-copy p{font-size:14px;line-height:1.8;color:#bda8a4;max-width:470px;margin:24px 0 0}
.journal{background:linear-gradient(180deg,#0b0a0c,#0e0b0e 60%,#090a0b);border-bottom:1px solid #382c31}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}.filter{color:#c4b6b1;border:1px solid #5b444b;background:transparent;padding:12px 18px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:all .2s}.filter:hover,.filter[aria-pressed='true']{background:#a73e4c;border-color:#a73e4c;color:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 24px}.post-card{min-width:0}.post-card[hidden]{display:none}.post-card .image-wrap{aspect-ratio:1.12/1}.post-meta{display:flex;justify-content:space-between;gap:15px;color:#c68f8a;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:20px 0 11px}.post-card h3{font:400 clamp(27px,2.55vw,39px)/1.15 var(--display);letter-spacing:-.045em;margin:0 0 11px}.post-card p{color:#ad9fa0;font-size:14px;line-height:1.77;margin:0}.post-card a:hover h3{color:#d76c71}.empty{display:none;color:#ccc;padding:18px;border:1px solid var(--line)}.empty.visible{display:block}
.about-band{background:#1d1118;border-block:1px solid #462630;display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px}.about-art{overflow:hidden;max-height:650px;position:relative}.about-art img{height:100%;object-fit:cover}.about-art:after{content:'BEHIND THE VEIL';position:absolute;right:15px;top:30px;writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:.2em;color:#e6b5b0}.about-text{padding:90px clamp(45px,8vw,140px);display:flex;flex-direction:column;align-items:start;justify-content:center}.about-text h2{font:400 clamp(52px,6vw,100px)/.98 var(--display);letter-spacing:-.07em;margin:24px 0}.about-text h2 em{color:#da5d65}.about-text p{color:#c0b0ac;font-size:16px;line-height:1.85;max-width:570px;margin:0 0 34px}
.bottom-strip{text-align:center;padding:145px 5%;background:radial-gradient(ellipse at 50% 130%,#5f1624 0,transparent 60%)}.bottom-strip h2{font:400 clamp(53px,6.4vw,112px)/1 var(--display);letter-spacing:-.07em;margin:25px 0}.bottom-strip h2 em{color:#da6066}.bottom-strip p{font-size:15px;line-height:1.8;color:#bcaaa8}.bottom-strip .button{margin-top:24px}
.footer{background:#080708;border-top:1px solid #48343b;padding:73px 0 30px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.footer .brand{font-size:64px}.footer-intro{max-width:370px;color:#b6a8a5;font-size:14px;line-height:1.8;margin:24px 0 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-links div{display:flex;flex-direction:column;align-items:start;gap:17px}.footer-links span{font:10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#d58181;margin-bottom:9px}.footer-links a{font-size:13px;color:#d7c9c1}.footer-links a:hover{color:#ff8e8e}.footer-massive{font:400 clamp(100px,23vw,380px)/.76 var(--display);letter-spacing:-.095em;text-align:center;margin:90px 0 0;color:#1a1318;user-select:none;white-space:nowrap;overflow:hidden}.footer-bottom{border-top:1px solid #34282d;padding-top:23px;margin-top:30px;display:flex;justify-content:space-between;gap:22px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#918086}
.article-hero{padding:108px 0 75px;text-align:center}.article-hero h1{max-width:980px;margin:22px auto;font:400 clamp(58px,8vw,116px)/1.01 var(--display);letter-spacing:-.072em}.article-hero .lead{max-width:750px;margin:25px auto 30px;font-size:18px;line-height:1.8;color:#c5b6af}.article-meta{font:11px var(--mono);color:#ce9692;letter-spacing:.14em;text-transform:uppercase}.article-image{width:min(1130px,100% - 9%);margin:0 auto 75px;position:relative}.article-image img{height:min(55vw,590px);object-fit:cover;object-position:center 45%}.article-image:after{content:'MIRIKO JOURNAL / 001';position:absolute;left:20px;bottom:19px;color:#ffded7;font:10px var(--mono);letter-spacing:.2em}.article-body{width:min(730px,100% - 11%);margin:auto;padding-bottom:130px}.article-body p{font:16px/1.95 var(--sans);color:#bfb2ac;margin:21px 0}.article-body p:first-child:first-letter{float:left;font:84px/.8 var(--display);padding:8px 12px 0 0;color:#d36167}.article-body h2{font:400 37px/1.15 var(--display);letter-spacing:-.035em;margin:53px 0 14px;color:#eee1da}.article-end{border-top:1px solid #65414b;margin-top:70px;padding-top:25px}.article-back{font:11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#d58484}.article-back:hover{color:white}.simple-hero{width:min(770px,100% - 9%);margin:120px auto 150px;text-align:center}.simple-hero h1{font:400 clamp(75px,9vw,140px)/.96 var(--display);letter-spacing:-.08em;margin:25px 0}.simple-hero p{font-size:17px;line-height:1.8;color:#bcada9}
@media(max-width:1100px){.hero h1{font-size:clamp(67px,8.8vw,110px)}.hero-copy{padding-left:5%}.hero-visual{min-height:600px}.nav{gap:15px}.nav a{font-size:10px}.interlude-copy{padding:75px 5%}.about-text{padding:70px 6%}}
@media(max-width:800px){.header{min-height:76px;padding:15px 5%}.menu-toggle{display:flex}.nav{position:absolute;top:100%;left:0;right:0;padding:18px 5% 30px;background:#120c10;border-bottom:1px solid #65414b;flex-direction:column;align-items:stretch;display:none;gap:4px;box-shadow:0 22px 34px #0008}.nav.open{display:flex}.nav a{font-size:13px;padding:15px 0}.nav a.nav-cta{text-align:center;margin-top:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 6% 67px}.hero h1{font-size:clamp(72px,12.4vw,123px)}.hero-visual{min-height:560px;max-height:690px}.hero-bottom{padding-top:56px}.section{padding-block:87px}.section-head{display:block}.section-head p{margin-top:25px}.worlds{gap:15px}.world-card h3{font-size:33px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interlude{grid-template-columns:1fr}.interlude-art{height:460px}.interlude-copy{padding:70px 7%}.about-band{grid-template-columns:1fr}.about-art{height:440px}.about-text{padding:75px 7%}.footer-top{grid-template-columns:1fr}}
@media(max-width:560px){.announce{font-size:8px;letter-spacing:.07em;padding:0 4%}.announce span:last-child{display:none}.header{padding:13px 5%}.container{width:90%}.brand{font-size:38px}.hero-copy{padding:68px 5% 50px}.hero h1{font-size:clamp(67px,14vw,103px);margin:32px 0}.hero p{font-size:15px}.hero-visual{min-height:440px;max-height:540px}.hero-bottom{gap:18px;font-size:9px}.hero-actions{width:100%}.button{padding:0 16px;min-height:51px;gap:12px}.ticker{padding:15px 0}.ticker-inner{font-size:10px;gap:18px;justify-content:center}.ticker-inner span:nth-child(n+5){display:none}.section{padding-block:75px}.section-head h2{font-size:56px}.worlds{grid-template-columns:1fr;gap:42px}.world-card .image-wrap{aspect-ratio:1.08/1}.world-card h3{font-size:39px}.interlude-art{height:320px}.interlude-copy blockquote{font-size:38px}.post-grid{grid-template-columns:1fr;gap:42px}.post-card .image-wrap{aspect-ratio:1.12/1}.post-card h3{font-size:35px}.about-art{height:320px}.about-text h2{font-size:67px}.bottom-strip{padding:100px 5%}.bottom-strip h2{font-size:63px}.footer{padding-top:60px}.footer .brand{font-size:56px}.footer-links{margin-top:15px}.footer-massive{margin-top:90px}.footer-bottom{display:block;line-height:2}.article-hero{padding:70px 0 58px}.article-hero h1{font-size:clamp(55px,12vw,75px)}.article-hero .lead{font-size:16px}.article-image img{height:390px}.article-body{width:88%;padding-bottom:80px}.article-body h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}