.blog-site{background:#f1f0eb}.blog-nav{border-bottom:1px solid var(--line)}.blog-nav .main-nav .active{color:#111}.journal-shop-link{display:flex;gap:.6rem;color:#62615c;font-size:.62rem}.journal-shop-link span{transition:transform .2s ease}.journal-shop-link:hover span{transform:translate(3px,-3px)}
.journal-head{padding:clamp(5rem,10vw,10rem) var(--pad) 3rem}.journal-head>p{margin:0 0 1rem;color:#74736e;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.journal-head h1{font-size:clamp(5rem,14vw,15rem);line-height:.72}.journal-meta{display:flex;align-items:center;gap:1rem;margin-top:2.5rem;color:#77766f;font-size:.56rem;letter-spacing:.09em;text-transform:uppercase}.journal-meta i{width:clamp(4rem,16vw,14rem);height:1px;background:#aaa9a3}
.featured-story{display:grid;grid-template-columns:1.35fr .65fr;min-height:620px;border-block:1px solid var(--line)}.featured-art{position:relative;display:block;min-height:620px;overflow:hidden;background:#dbdad4}.featured-art>span{position:absolute;z-index:3;top:2rem;left:2rem;font-size:.62rem}.featured-art>p{position:absolute;z-index:3;right:2rem;bottom:2rem;margin:0;color:#65645f;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}.abstract-form{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:.72;transform:translate(-50%,-48%);background:linear-gradient(145deg,#222 0,#090909 50%,#343330 100%);filter:drop-shadow(0 35px 28px rgba(30,29,26,.28));transition:transform .7s cubic-bezier(.2,.8,.2,1)}.abstract-form::before{content:"";position:absolute;inset:-8% 18% 68%;border-radius:50%;background:#0c0c0b;box-shadow:inset 10px 6px 18px rgba(255,255,255,.09)}.abstract-form::after{content:"";position:absolute;inset:48% -30% 8%;border:1px solid #aaa9a3;border-radius:50%;transform:rotate(-12deg)}.featured-art:hover .abstract-form{transform:translate(-50%,-51%) rotate(2deg)}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,6rem)}.story-tag{margin:0 0 2rem;color:#7b7a74;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}.featured-copy h2{margin:0 0 1.5rem;font-size:clamp(2.8rem,5vw,5.5rem);font-weight:300;letter-spacing:-.065em;line-height:.9}.featured-copy>p:not(.story-tag){max-width:440px;margin:0;color:#676660;font-size:.7rem;line-height:1.8}.read-link{align-self:flex-start;display:flex;gap:.8rem;margin-top:2.5rem;padding-bottom:.4rem;border-bottom:1px solid #444;font-size:.63rem}
.story-section{padding:4rem var(--pad) 7rem}.story-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.story-toolbar h2{margin:0;font-size:1.7rem;font-weight:400;letter-spacing:-.045em}.journal-filters{display:flex;gap:.35rem}.journal-filters button{padding:.45rem .8rem;border:1px solid #cfcec8;border-radius:99px;background:transparent;color:#6d6c66;cursor:pointer;font-size:.58rem}.journal-filters button.active,.journal-filters button:hover{border-color:#111;background:#111;color:#f5f4ef}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.story-card{opacity:0;transform:translateY(16px);animation:story-in .55s forwards}.story-art{position:relative;display:grid;aspect-ratio:1.12;place-items:center;overflow:hidden;background:#deddd7}.story-art>span{position:absolute;top:1rem;left:1rem;color:#706f69;font-size:.53rem}.story-shape{width:42%;aspect-ratio:1;background:#181817;filter:drop-shadow(0 20px 15px rgba(20,20,18,.25));transition:transform .5s ease}.story-card:hover .story-shape{transform:scale(1.06) rotate(3deg)}.shape-2{border-radius:50% 50% 4% 4%}.shape-3{width:28%;aspect-ratio:.6;clip-path:polygon(0 0,100% 0,88% 100%,54% 100%,50% 35%,44% 100%,10% 100%)}.shape-4{border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#090909 65%)}.shape-5{transform:rotate(45deg);border-radius:12%}.story-card:hover .shape-5{transform:scale(1.06) rotate(50deg)}.story-info{padding-top:1.1rem}.story-info>p{margin:0 0 .75rem;color:#7a7973;font-size:.53rem;letter-spacing:.08em;text-transform:uppercase}.story-info h3{margin:0 0 .7rem;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:400;letter-spacing:-.04em;line-height:1.05}.story-info>a{color:#686761;font-size:.58rem}
.newsletter{display:grid;grid-template-columns:.7fr 1.3fr 1fr;align-items:end;gap:3rem;padding:clamp(5rem,9vw,9rem) var(--pad);border-top:1px solid var(--line);background:#e5e4de}.newsletter>p{align-self:start;margin:0;color:#77766f;font-size:.57rem;letter-spacing:.13em;text-transform:uppercase}.newsletter h2{margin:0;font-size:clamp(3rem,6vw,7rem);font-weight:300;letter-spacing:-.07em;line-height:.88}.newsletter form label{display:block;margin-bottom:.8rem;color:#74736e;font-size:.55rem}.newsletter form>div{display:flex;border-bottom:1px solid #77766f}.newsletter input{width:100%;padding:.8rem 0;border:0;outline:0;background:transparent;color:#111;font-size:.68rem}.newsletter button{display:flex;align-items:center;gap:.6rem;border:0;background:transparent;cursor:pointer;font-size:.62rem}.newsletter small{grid-column:3;margin-top:-2rem;color:#8a8983;font-size:.5rem}.blog-toast{position:fixed;z-index:30;right:1.5rem;bottom:1.5rem;padding:.8rem 1rem;border:1px solid #b8b7b0;border-radius:99px;background:#f8f7f2;box-shadow:0 12px 30px rgba(30,29,26,.14);font-size:.65rem;opacity:0;transform:translateY(15px);transition:.3s ease}.blog-toast.show{opacity:1;transform:translateY(0)}
@keyframes story-in{to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.featured-story{grid-template-columns:1fr}.featured-copy{padding-block:5rem}.story-grid{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr 1fr}.newsletter>p{grid-column:1/-1}.newsletter small{grid-column:2;margin-top:-2rem}}
@media(max-width:620px){.journal-shop-link{font-size:0}.journal-shop-link span{font-size:.9rem}.journal-head{padding-top:5rem}.journal-head h1{font-size:5.4rem}.featured-art{min-height:470px}.featured-story{min-height:auto}.featured-copy{padding:3.5rem 1.1rem}.story-section{padding:3rem 1.1rem 5rem}.story-toolbar{align-items:flex-start;flex-direction:column}.journal-filters{width:100%;overflow-x:auto}.journal-filters button{flex:0 0 auto}.story-grid{grid-template-columns:1fr;gap:2.5rem}.newsletter{grid-template-columns:1fr;gap:2rem}.newsletter small{grid-column:1;margin:0}}

/* Comfortable reading sizes */
.journal-shop-link{font-size:.74rem}.journal-head>p,.journal-meta,.story-tag,.newsletter>p{font-size:.68rem}.featured-art>span{font-size:.72rem}.featured-art>p{font-size:.66rem}.featured-copy>p:not(.story-tag){color:#565550;font-size:.84rem}.read-link{font-size:.74rem}.journal-filters button{font-size:.7rem}.story-art>span,.story-info>p{font-size:.66rem}.story-info>a{font-size:.72rem}.newsletter form label{font-size:.68rem}.newsletter input{font-size:.84rem}.newsletter button{font-size:.74rem}.newsletter small{color:#696862;font-size:.64rem}.blog-toast{font-size:.75rem}
@media(max-width:620px){.journal-shop-link{font-size:0}}

/* Compact editorial sections */
.journal-head{padding:clamp(4rem,7vw,7rem) var(--pad) 2.5rem}.journal-head h1{font-size:clamp(4.5rem,10vw,10rem)}.featured-story,.featured-art{min-height:520px}.newsletter{padding:clamp(4.5rem,6.5vw,6.5rem) var(--pad)}.newsletter h2{font-size:clamp(3rem,5vw,5.5rem)}
@media(max-width:620px){.journal-head{padding-top:3.5rem}.journal-head h1{font-size:4.6rem}.featured-art{min-height:400px}.newsletter{padding-block:4.5rem}}
