body[data-page="blog"]{background:#ebe8e5}.reader-open{overflow:hidden}.blog-hero{min-height:89vh;padding:8vw 6vw 5vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(186,139,211,.55),rgba(125,53,178,.13) 48%,transparent 70%);right:-10vw;top:-12vw;animation:blogOrb 10s ease-in-out infinite alternate}.blog-hero-line{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:.22em}.blog-hero-line i{display:block;height:1px;background:var(--ink);width:130px;transform-origin:left;animation:lineGrow 1.4s var(--ease) both}.blog-hero h1{font-family:Italiana,serif;font-weight:400;font-size:clamp(88px,14vw,215px);line-height:.72;margin:9vh 0 7vh;position:relative}.blog-hero h1 span,.blog-hero h1 em{display:block;animation:blogTitle 1.4s var(--ease) both}.blog-hero h1 em{font-weight:400;color:var(--purple);padding-left:21vw;animation-delay:.12s}.blog-hero-foot{display:flex;justify-content:space-between;margin-left:37vw;align-items:flex-end}.blog-hero-foot p{font-size:14px;line-height:1.8;max-width:450px}.blog-hero-foot>span{font-size:8px;letter-spacing:.18em}.featured-story{min-height:90vh;background:#17131b;color:#fff;display:grid;grid-template-columns:58% 42%;position:relative;overflow:hidden}.featured-story-image{background-size:cover;background-position:center;position:relative;animation:storyImageIn 1.1s var(--ease) both}.featured-story-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.1)}.featured-story-image>span{position:absolute;top:40px;left:40px;font-size:9px;letter-spacing:.18em;background:rgba(18,12,22,.62);padding:12px 15px;backdrop-filter:blur(10px)}.featured-story-copy{padding:9vw 6vw;display:flex;flex-direction:column;justify-content:center;animation:storyCopyIn .9s .12s var(--ease) both}.featured-story-copy>p{font-size:9px;letter-spacing:.2em;color:#b77fd2}.featured-story-copy h2{font-family:Italiana,serif;font-weight:400;font-size:clamp(48px,5.5vw,84px);line-height:1.02;margin:5vh 0}.featured-story-copy>span{font-size:13px;line-height:1.8;color:#c6c0c8}.featured-story-copy>button{width:145px;height:145px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;margin-top:6vh;font-size:9px;letter-spacing:.18em;cursor:pointer;transition:.45s var(--ease)}.featured-story-copy>button:hover{background:var(--purple);border-color:var(--purple);transform:rotate(-8deg) scale(1.08)}.featured-story-copy button b{margin-left:14px}.featured-switch{position:absolute;left:58%;bottom:4vh;display:flex;gap:8px;padding-left:6vw}.featured-switch button{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:9px;cursor:pointer;transition:.35s}.featured-switch button.active{background:#fff;color:#17131b;border-color:#fff}.journal-index{padding:11vw 6vw}.journal-tools{display:flex;justify-content:space-between;align-items:end;padding-bottom:4vw;border-bottom:1px solid var(--line)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs button{border:1px solid var(--line);background:transparent;border-radius:100px;padding:12px 20px;font-size:9px;letter-spacing:.12em;cursor:pointer;transition:.35s}.category-tabs button.active,.category-tabs button:hover{background:var(--ink);color:#fff}.journal-tools label{width:280px;display:flex;flex-direction:column;gap:10px}.journal-tools label span{font-size:8px;letter-spacing:.18em}.journal-tools input{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;outline:0;font-family:Italiana;font-size:20px}.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7vw 2.5vw;padding-top:6vw}.story-card{grid-column:span 6;cursor:pointer;animation:cardReveal .8s var(--delay) var(--ease) both;--tilt:0deg}.story-card:nth-child(3n+1){grid-column:span 7}.story-card:nth-child(3n+2){grid-column:span 5;padding-top:10vw}.story-card-media{height:56vw;max-height:700px;min-height:450px;background-size:cover;background-position:center;position:relative;overflow:hidden;transform:rotate(var(--tilt));transition:transform .25s linear,filter .6s}.story-card-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),transparent 0%,rgba(22,13,26,.08) 45%,rgba(22,13,26,.35) 100%);transition:.2s}.story-card:hover .story-card-media{filter:saturate(1.15)}.story-card-media>span{position:absolute;left:22px;top:22px;color:#fff;font-size:10px;z-index:2}.story-card-media>i{position:absolute;right:22px;bottom:22px;background:#f3f0f1;padding:12px 15px;font-size:8px;font-style:normal;letter-spacing:.15em;z-index:2;transform:translateY(20px);opacity:0;transition:.5s var(--ease)}.story-card:hover .story-card-media>i{transform:none;opacity:1}.story-card-copy{display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:25px;border-top:1px solid transparent}.story-card-copy p,.story-card-copy>span{font-size:8px;letter-spacing:.16em}.story-card-copy h2{grid-column:1/-1;font-family:Italiana;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.04;margin:10px 0}.story-grid.empty{display:block;font-family:Italiana;font-size:45px;padding:10vw 0;text-align:center}.journal-letter{min-height:78vh;background:var(--purple);color:#fff;padding:10vw;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;overflow:hidden}.letter-glyph{font-family:Italiana;font-size:65vw;line-height:.6;color:rgba(255,255,255,.06);position:absolute;left:-9vw;bottom:-9vw}.journal-letter>div,.journal-letter>form{position:relative;z-index:1}.journal-letter>div p{font-size:9px;letter-spacing:.2em}.journal-letter h2{font-family:Italiana;font-weight:400;font-size:clamp(60px,7.5vw,115px);line-height:.9;margin:5vh 0}.journal-letter h2 em{color:#d6bddf;font-weight:400}.journal-letter form{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.journal-letter input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;padding:20px 0;font-family:Italiana;font-size:28px;outline:0}.journal-letter input::placeholder{color:rgba(255,255,255,.55)}.journal-letter form button{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:100px;padding:18px 28px;font-size:9px;letter-spacing:.16em;cursor:pointer}.journal-letter form small{font-size:8px;opacity:.65}.signed-note{display:flex;flex-direction:column;gap:15px;border-left:1px solid rgba(255,255,255,.4);padding-left:35px}.signed-note b{font-family:Italiana;font-size:50px;font-weight:400}.blog-reader{position:fixed;inset:0;background:#eeeae7;z-index:160;display:grid;grid-template-columns:140px 1fr;animation:readerIn .8s var(--ease) both}.reader-progress{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(125,53,178,.15);z-index:3}.reader-progress i{display:block;height:100%;background:var(--purple);transition:width .1s}.reader-close{position:absolute;right:35px;top:25px;width:52px;height:52px;border:1px solid var(--line);background:rgba(238,234,231,.8);backdrop-filter:blur(10px);border-radius:50%;font-size:28px;z-index:5;cursor:pointer;transition:.3s}.reader-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}.blog-reader>aside{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6vh 0;writing-mode:vertical-rl}.blog-reader>aside span{font-family:Italiana;font-size:30px}.blog-reader>aside p,.blog-reader>aside small{font-size:8px;letter-spacing:.2em}.blog-reader>article{overflow-y:auto;scroll-behavior:smooth}.blog-reader article>header{padding:10vh 9vw 8vw}.blog-reader article>header>p{font-size:9px;letter-spacing:.2em}.blog-reader h1{font-family:Italiana;font-weight:400;font-size:clamp(65px,8vw,130px);line-height:.9;max-width:1100px;margin:6vh 0;animation:readerTitle .9s .2s var(--ease) both}.reader-hero{height:70vh;min-height:500px;background-size:cover;background-position:center;animation:readerMedia 1.1s .1s var(--ease) both}.blog-reader article>header>strong{display:block;font-family:Italiana;font-size:clamp(26px,3vw,45px);font-weight:400;line-height:1.35;max-width:900px;margin:8vw auto 0}.reader-body{padding:0 9vw 12vw}.reader-body section{display:grid;grid-template-columns:120px 1fr;max-width:900px;margin:9vw auto}.reader-body section>span{font-size:9px;letter-spacing:.15em;color:var(--purple)}.reader-body section h2{font-family:Italiana;font-size:50px;font-weight:400;margin:0 0 3vh}.reader-body section p{font-size:16px;line-height:2}.reader-body blockquote{font-family:Italiana;font-size:clamp(42px,6vw,88px);line-height:1.1;text-align:center;color:var(--purple);margin:14vw 0}.reader-body footer{background:transparent;color:var(--ink);padding:5vw 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.reader-body footer button{border:0;background:transparent;font-size:9px;letter-spacing:.16em;cursor:pointer}@keyframes blogOrb{to{transform:translate(-8vw,7vw) scale(1.15)}}@keyframes lineGrow{from{transform:scaleX(0)}}@keyframes blogTitle{from{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}@keyframes storyImageIn{from{clip-path:inset(0 100% 0 0);transform:scale(1.1)}to{clip-path:inset(0);transform:none}}@keyframes storyCopyIn{from{opacity:0;transform:translateX(40px)}}@keyframes cardReveal{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes readerIn{from{transform:translateY(100%)}}@keyframes readerTitle{from{opacity:0;transform:translateY(60px)}}@keyframes readerMedia{from{clip-path:inset(0 0 100%);transform:scale(.94)}to{clip-path:inset(0);transform:none}}
@media(max-width:900px){.blog-hero{padding:24vw 7vw 12vw;min-height:80vh}.blog-hero h1{font-size:20vw;line-height:.78}.blog-hero h1 em{padding-left:0}.blog-hero-foot{display:block;margin-left:0}.blog-hero-foot>span{display:block;margin-top:30px}.featured-story{display:block}.featured-story-image{height:58vh;min-height:450px}.featured-story-copy{padding:15vw 7vw 25vw}.featured-switch{left:7vw;bottom:5vw;padding-left:0}.journal-index{padding:20vw 7vw}.journal-tools{display:block}.journal-tools label{width:100%;margin-top:40px}.story-grid{display:block}.story-card,.story-card:nth-child(3n+1),.story-card:nth-child(3n+2){padding-top:0;margin-bottom:18vw}.story-card-media{height:65vh;min-height:420px}.journal-letter{display:block;padding:22vw 7vw}.journal-letter form{margin-top:15vw}.blog-reader{display:block}.blog-reader>aside{display:none}.reader-close{right:16px;top:16px}.blog-reader article>header{padding:14vh 7vw 15vw}.reader-hero{height:55vh;min-height:400px}.reader-body{padding:0 7vw 20vw}.reader-body section{display:block;margin:20vw auto}.reader-body section>span{display:block;margin-bottom:25px}.reader-body section h2{font-size:40px}.reader-body footer{display:block}.reader-body footer button{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.blog-hero:before,.atlas-rings i{animation:none}.story-card,.featured-story-image,.featured-story-copy,.blog-reader h1,.reader-hero{animation:none}}
