/* A typographic magazine, with original geometric artwork and no stock photography. */
.journal-hero{background:#203d36;color:#f8f3e7;position:relative;isolation:isolate;overflow:hidden}
section.journal-hero{padding:28px 7% 35px;min-height:640px}
.issue-line,.hero-bottom{display:flex;justify-content:space-between;gap:30px;position:relative;z-index:2}
.issue-line{font-size:10px;letter-spacing:.19em;padding-bottom:23px;border-bottom:1px solid #719084}
.journal-title{position:relative;z-index:2;padding-top:40px}.journal-title .eyebrow{color:#e0b58e}.journal-title h1{font-size:clamp(65px,9vw,138px);letter-spacing:-.045em;line-height:.95;margin:22px 0}.journal-title h1 em{font-weight:400;color:#e3b58c}.journal-deck{font-size:19px;line-height:1.45;margin:28px 0 40px}.hero-bottom{align-items:end}.hero-bottom p{font-size:13px;max-width:390px;margin:0}.hero-bottom a{font-size:13px;white-space:nowrap;border-bottom:1px solid #cfb292;padding-bottom:5px}
.bridge-scene{position:absolute;right:-7%;top:90px;width:57%;height:560px;opacity:.65;z-index:0;transform:rotate(-12deg)}.bridge-scene i{position:absolute;display:block;border:1px solid #a9c4ab;border-radius:50% 50% 0 0;width:72%;height:580px;right:0;top:0;box-shadow:0 0 0 28px #203d36,0 0 0 29px #72937f}.bridge-scene i:nth-child(2){right:20%;top:75px}.bridge-scene i:nth-child(3){right:40%;top:150px}
section.archive{padding:70px 7% 80px}.archive-heading{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-bottom:38px}.archive-heading h2{font-size:clamp(34px,4vw,53px);max-width:600px;margin:12px 0}.archive-heading>p{font-size:13px;max-width:300px;color:#545b52}.archive-tools{display:flex;gap:18px;align-items:end;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive-tools label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.archive-tools label:first-child{flex:1}.archive-tools input,.archive-tools select,.archive-tools button{font:inherit;min-height:48px;border:1px solid #a99f8e;background:#fffdf8;color:var(--ink);border-radius:0;padding:10px 14px}.archive-tools input{width:100%;min-width:0;font-size:15px}.archive-tools select{min-width:185px;font-size:14px}.archive-tools button{cursor:pointer;background:transparent;font-size:13px;white-space:nowrap}.search-status{font-size:12px;color:#5a645c;margin:18px 0 30px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.story-card{min-width:0;position:relative}.story-card h2{font-size:31px;margin:13px 0 15px;letter-spacing:-.025em}.story-card h2 a{text-decoration:none}.story-card h2 a::after{content:"";position:absolute;inset:0}.story-card:focus-within{outline:3px solid #95623e;outline-offset:7px}.story-card .card-copy>p:not(.eyebrow){font-size:14px;color:#525c55}.card-copy{padding:21px 0 8px}.card-copy .eyebrow{margin:0;font-size:10px;color:#8a5635}.read-link{display:inline-block;font-size:12px;margin-top:9px;border-bottom:1px solid #a39480;padding-bottom:4px}.cover-art{height:260px;background:#355348;position:relative;overflow:hidden;color:#eee6d6}.art-number{position:absolute;left:20px;top:16px;font-size:11px;letter-spacing:.15em}.art-word{position:absolute;left:20px;bottom:18px;letter-spacing:.25em;font-size:10px}.art-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);transition:transform .35s}.story-card:hover .art-symbol{transform:translate(-50%,-44%) scale(1.04)}.art-bridge .art-symbol{height:190px;width:150px;border:22px solid #dcb391;border-bottom:0;border-radius:100px 100px 0 0;box-shadow:42px 22px 0 -1px #54745d}.art-screen{background:#bd7857}.art-screen .art-symbol{width:210px;height:135px;border:1px solid #f7ddbe;box-shadow:14px 14px 0 -1px #bd7857,14px 14px 0 0 #f7ddbe}.art-screen .art-symbol:after{content:"";position:absolute;left:85px;top:40px;border-left:36px solid #f7ddbe;border-top:24px solid transparent;border-bottom:24px solid transparent}.art-mail{background:#d9cab0;color:#263e37}.art-mail .art-symbol{width:200px;height:125px;background:#f7f0df;transform:translate(-50%,-44%) rotate(-12deg);box-shadow:14px 15px 0 #a98969}.art-mail .art-symbol:after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,50% 65%,100% 0);background:#385447}.art-budget{background:#293c40}.art-budget .art-symbol{width:180px;height:130px;background:linear-gradient(to right,#dfb48b 0 24%,transparent 24% 35%,#bd7957 35% 60%,transparent 60% 70%,#89a494 70%);clip-path:polygon(0 50%,24% 50%,24% 100%,35% 100%,35% 25%,60% 25%,60% 100%,70% 100%,70% 0,100% 0,100% 100%,0 100%)}.art-funding{background:#9f5c42}.art-funding .art-symbol{width:130px;height:130px;border-radius:50%;border:1px solid #f1cdae;box-shadow:20px 0 0 -1px #9f5c42,20px 0 0 0 #f1cdae,40px 0 0 -1px #9f5c42,40px 0 0 0 #f1cdae}.art-market{background:#8d9e8b;color:#203d36}.art-market .art-symbol{width:260px;height:160px;background:#304e43;clip-path:polygon(0 100%,25% 25%,45% 64%,65% 5%,100% 100%)}
.primer-heading{border-top:1px solid var(--line);margin-top:65px;padding-top:42px}.primer-heading h2{font-size:39px;margin:0}.primer-heading p{font-size:14px;color:#596058}.primer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.primer{border-top:1px solid var(--line);padding-top:20px}.primer h2{font-size:29px}.primer p,.primer div{font-size:14px}.primer .eyebrow{font-size:10px}.primer .note{font-size:12px}.editorial-note{padding:45px 7%;background:#e8e1d4;display:grid;grid-template-columns:1fr 2fr;gap:40px}.editorial-note>p:last-child{max-width:700px;font-size:15px}.no-results{padding:35px 0}.no-results h2{font-size:35px}[hidden]{display:none!important}
@media(max-width:950px){.story-grid{grid-template-columns:1fr 1fr}.archive-heading{display:block}.bridge-scene{right:-20%;width:70%;opacity:.35}}
@media(max-width:600px){section.journal-hero{min-height:610px;padding:22px 6% 30px}.issue-line{gap:15px;font-size:9px}.issue-line span:last-child{max-width:90px;text-align:right}.journal-title{padding-top:45px}.journal-title h1{font-size:76px}.hero-bottom{display:block}.hero-bottom a{display:inline-block;margin-top:20px}.bridge-scene{right:-38%;width:100%;top:180px;opacity:.23}.archive-tools{flex-wrap:wrap;gap:14px}.archive-tools label:first-child{flex-basis:100%}.archive-tools label:nth-child(2){flex:1;min-width:0}.archive-tools select{min-width:0;width:100%}.story-grid,.primer-grid,.editorial-note{grid-template-columns:1fr}.cover-art{height:270px}.story-card h2{font-size:35px}section.archive{padding:48px 6%}.editorial-note{padding:30px 6%;gap:0}.primer-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.art-symbol{transition:none}.story-card:hover .art-symbol{transform:translate(-50%,-44%)}}
/* Original treatments inspired by editorial carousel and warm-print concepts. */
.cover-art:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#211c15 0.65px,transparent .8px);background-size:4px 4px;opacity:.14;mix-blend-mode:multiply}
section.featured-stories{padding:60px 7%;background:#eae2d4}.featured-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.featured-heading h2{font-size:clamp(32px,4vw,50px);margin:12px 0 0}.featured-heading .eyebrow{color:#805133}.carousel-controls{display:flex;align-items:center;gap:16px;font-size:12px}.carousel-controls button{cursor:pointer;border:1px solid #8e8170;background:transparent;padding:9px 15px;color:var(--ink);font-size:12px}.carousel-controls button:hover{background:#dcd1c0}.featured-stage{touch-action:pan-y}.featured-slide{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:16px 0}.featured-slide:not([hidden]){animation:editorial-settle .4s ease-out}.featured-slide .cover-art{height:340px}.featured-slide h2{font-size:clamp(34px,4vw,57px);margin:15px 0 20px}.featured-slide h2 a{text-decoration:none}.featured-slide .card-copy>p{max-width:450px}.featured-slide .eyebrow{font-size:10px}.featured-slide .read-link{display:none}@keyframes editorial-settle{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){section.featured-stories{padding:40px 6%}.featured-heading{display:block}.carousel-controls{margin-top:24px;justify-content:space-between}.featured-slide{grid-template-columns:1fr;gap:8px}.featured-slide .cover-art{height:270px}.featured-slide .card-copy{padding:15px 0}.featured-slide h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.featured-slide:not([hidden]){animation:none}}
