.demo-journal{--journal-line:color-mix(in srgb,var(--demo-text) 22%,var(--demo-background));background:var(--demo-background);min-height:100vh;color:var(--demo-text);font-family:var(--demo-body);line-height:1.65}.demo-journal *{box-sizing:border-box}.demo-journal a{color:inherit;text-decoration:none}.demo-journal a:focus-visible{outline:2px solid var(--demo-link);outline-offset:4px}.demo-journal h1,.demo-journal h2,.demo-journal h3,.demo-journal p{margin-top:0}.demo-journal h1,.demo-journal h2,.demo-journal h3{font-family:var(--demo-display)}.demo-journal--baseline{--demo-background:#f6f5ef;--demo-surface:#ebeae3;--demo-text:#1d211f;--demo-muted:#626963;--demo-action:#cfff04;--demo-action-text:#1d211f;--demo-link:#415700;--demo-display:Geist,Arial,sans-serif;--demo-body:Geist,Arial,sans-serif;--demo-mono:"Geist Mono",monospace;--demo-radius:8px;--demo-density:1}.demo-journal__demo-bar{background:var(--demo-text);color:var(--demo-background);font:10px var(--demo-mono);letter-spacing:.04em;justify-content:space-between;gap:20px;padding:7px clamp(20px,4vw,65px);display:flex}.demo-journal__demo-bar a{text-underline-offset:3px;text-decoration:underline}.demo-journal__header{border-bottom:1px solid var(--journal-line);align-items:center;gap:35px;max-width:1600px;min-height:78px;margin:0 auto;padding:14px clamp(20px,4vw,65px);display:flex}.demo-journal__brand{white-space:nowrap;align-items:center;gap:11px;font-size:14px;display:flex}.demo-journal__brand span{background:var(--demo-text);width:31px;height:31px;color:var(--demo-background);border-radius:calc(var(--demo-radius) * .7);font:10px var(--demo-mono);place-items:center;display:grid}.demo-journal__brand strong{font-weight:600}.demo-journal__header nav{align-items:center;gap:28px;margin-left:auto;font-size:13px;display:flex}.demo-journal__header nav a{color:var(--demo-muted)}.demo-journal__header nav a[aria-current=page]{color:var(--demo-text);font-weight:600}.demo-journal__header-action a{background:var(--demo-action);color:var(--demo-action-text);border-radius:var(--demo-radius);white-space:nowrap;padding:9px 13px;font-size:11px;font-weight:650;display:inline-block}.demo-journal__index{max-width:1480px;padding:calc(clamp(70px,9vw,125px) * var(--demo-density)) clamp(20px,4vw,65px) 130px;margin:0 auto}.demo-journal__intro{max-width:850px;margin-bottom:80px}.demo-journal__eyebrow,.demo-journal__row-number,.demo-journal__row dl dt,.demo-journal__byline,.demo-journal__external-note,.demo-journal__article-footer>span{font:11px var(--demo-mono);letter-spacing:.045em;text-transform:uppercase;color:var(--demo-muted)}.demo-journal__intro h1{letter-spacing:-.055em;margin:18px 0 25px;font-size:clamp(44px,5.1vw,74px);font-weight:560;line-height:1.02}.demo-journal__intro>p:last-child{color:var(--demo-muted);max-width:700px;font-size:20px;line-height:1.6}.demo-journal__rows{border-top:1px solid var(--journal-line)}.demo-journal__row{border-bottom:1px solid var(--journal-line);padding:calc(55px * var(--demo-density)) 0;grid-template-columns:35px minmax(0,.92fr) minmax(260px,1.08fr);align-items:center;gap:clamp(22px,4vw,60px);display:grid}.demo-journal__row-number{align-self:start;padding-top:7px}.demo-journal__row-copy{min-width:0}.demo-journal__row-copy h2{letter-spacing:-.04em;margin:12px 0 17px;font-size:clamp(27px,3vw,42px);font-weight:550;line-height:1.08}.demo-journal__row-copy h2 a{display:inline}.demo-journal__row-copy h2 span{vertical-align:top;opacity:.5;margin:5px 0 0 8px;font-size:18px;line-height:1;transition:transform .2s;display:inline-block}.demo-journal__row-copy h2 a:hover span{transform:translate(3px,-3px)}.demo-journal__row-copy>p:not(.demo-journal__eyebrow){color:var(--demo-muted);max-width:610px;font-size:15px;line-height:1.65}.demo-journal__row dl{border-top:1px solid var(--journal-line);grid-template-columns:auto 1fr;gap:2px 18px;margin:28px 0 0;padding-top:18px;display:grid}.demo-journal__row dl dd{color:var(--demo-muted);margin:0;font-size:12px}.demo-journal__external-note{text-transform:none;margin-top:14px;font-size:10px;display:block}.demo-journal__row-art{background:var(--demo-surface);border:1px solid var(--journal-line);border-radius:var(--demo-radius);justify-content:center;align-items:center;height:clamp(240px,26vw,380px);display:flex;position:relative;overflow:hidden}.demo-journal__row-art>span{font:10px var(--demo-mono);z-index:1;position:absolute;top:15px;left:16px}.demo-journal__row-art>b{font:10px var(--demo-mono);text-transform:uppercase;letter-spacing:.05em;z-index:1;position:absolute;bottom:18px;left:18px}.demo-journal__row-art i{aspect-ratio:1;border:clamp(22px,3vw,50px) solid var(--demo-action);border-radius:50%;width:55%;display:block;transform:rotate(25deg)scaleX(.62)}.demo-journal__row-art--1 i{border-radius:2%;transform:rotate(35deg)scale(.65)}.demo-journal__row-art--2 i{border-width:clamp(12px,2vw,30px);transform:rotate(-25deg)scaleX(1.3)}.demo-journal__row-art--3 i{border-radius:3%;transform:rotate(-28deg)scale(.8)}.demo-journal__footer{border-top:1px solid var(--journal-line);font:11px var(--demo-mono);color:var(--demo-muted);justify-content:space-between;gap:20px;padding:26px clamp(20px,4vw,65px);display:flex}.demo-journal__footer a{text-underline-offset:4px;text-decoration:underline}.demo-journal__article{padding:calc(65px * var(--demo-density)) clamp(20px,4vw,65px) 140px}.demo-journal__article-header,.demo-journal__article-body,.demo-journal__article-footer{max-width:820px;margin:0 auto}.demo-journal__article-header .demo-journal__back{color:var(--demo-muted);margin-bottom:65px;font-size:13px;display:inline-block}.demo-journal__article-header h1{letter-spacing:-.055em;margin:20px 0 26px;font-size:clamp(44px,5.4vw,79px);font-weight:560;line-height:1.02}.demo-journal__deck{color:var(--demo-muted);font-size:clamp(19px,2vw,24px);line-height:1.5}.demo-journal__byline{border-top:1px solid var(--journal-line);border-bottom:1px solid var(--journal-line);flex-wrap:wrap;gap:12px;margin-top:35px;padding:18px 0;display:flex}.demo-journal__byline span+span:before{content:"·";margin-right:12px}.demo-journal__article-body{padding-top:70px}.demo-journal__opening{color:var(--demo-text)!important;font-size:21px!important;line-height:1.65!important}.demo-journal__article-body section{margin-top:95px}.demo-journal__article-body h2{letter-spacing:-.04em;margin:12px 0 23px;font-size:clamp(30px,3.5vw,45px);font-weight:550;line-height:1.12}.demo-journal__article-body section>p:not(.demo-journal__eyebrow){color:var(--demo-muted);font-size:17px;line-height:1.75}.demo-journal__article-body blockquote{border-left:2px solid var(--demo-action);margin:38px 0;padding-left:23px;font-size:21px;line-height:1.5}.demo-journal__diagram{background:var(--demo-surface);border-radius:var(--demo-radius);grid-template-columns:minmax(0,1fr) minmax(190px,.75fr);gap:28px;margin:40px 0 0;padding:clamp(22px,4vw,44px);display:grid}.demo-journal__diagram figcaption span{font:10px var(--demo-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--demo-muted);margin-bottom:22px;display:block}.demo-journal__diagram figcaption strong{letter-spacing:-.025em;font-size:clamp(20px,2.3vw,31px);font-weight:560;line-height:1.18;display:block}.demo-journal__diagram figcaption p{color:var(--demo-muted);margin-top:16px;font-size:12px;line-height:1.6}.demo-journal__diagram ol{border-top:1px solid var(--journal-line);margin:0;padding:0;list-style:none}.demo-journal__diagram li{border-bottom:1px solid var(--journal-line);padding:11px 0;font-size:12px;line-height:1.45}.demo-journal__diagram li span{font:9px var(--demo-mono);color:var(--demo-link);margin-right:10px}.demo-journal__article-footer{border-top:1px solid var(--journal-line);border-bottom:1px solid var(--journal-line);margin-top:110px;padding:40px 0}.demo-journal__article-footer h2{letter-spacing:-.04em;margin:18px 0;font-size:clamp(28px,3vw,40px);font-weight:550;line-height:1.12}.demo-journal__article-footer a{text-underline-offset:5px;font-size:14px;text-decoration:underline}.demo-journal--refined .demo-journal__header{border-bottom-color:var(--demo-text)}.demo-journal--refined .demo-journal__brand span{background:var(--demo-action);color:var(--demo-action-text)}.demo-journal--refined .demo-journal__intro{grid-template-columns:1fr .65fr;align-items:end;gap:20px 60px;max-width:none;display:grid}.demo-journal--refined .demo-journal__intro .demo-journal__eyebrow{grid-column:1/-1;margin:0}.demo-journal--refined .demo-journal__intro h1{letter-spacing:-.075em;max-width:1050px;margin:0;font-size:clamp(64px,7vw,112px);font-weight:500;line-height:.94}.demo-journal--refined .demo-journal__intro>p:last-child{max-width:410px;margin:0;font-size:18px}.demo-journal--refined .demo-journal__row{padding:calc(42px * var(--demo-density)) 0;grid-template-columns:70px minmax(0,1.2fr) minmax(260px,.8fr)}.demo-journal--refined .demo-journal__row-copy h2{letter-spacing:-.055em;font-size:clamp(34px,3.6vw,53px);font-weight:500}.demo-journal--refined .demo-journal__row-art{border:0;height:clamp(230px,21vw,320px)}.demo-journal--refined .demo-journal__row-art i{border-radius:1%}.demo-journal--refined .demo-journal__article-header{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:20px 50px;max-width:1170px;display:grid}.demo-journal--refined .demo-journal__back,.demo-journal--refined .demo-journal__article-header .demo-journal__eyebrow{grid-column:1/-1}.demo-journal--refined .demo-journal__article-header .demo-journal__back{margin-bottom:45px}.demo-journal--refined .demo-journal__article-header h1{letter-spacing:-.075em;margin:0;font-size:clamp(64px,7vw,113px);font-weight:500;line-height:.95}.demo-journal--refined .demo-journal__deck{align-self:end;font-size:19px}.demo-journal--refined .demo-journal__byline{grid-column:1/-1}.demo-journal--refined .demo-journal__article-body{max-width:900px}.demo-journal--refined .demo-journal__diagram{border-top:1px solid var(--demo-text);border-bottom:1px solid var(--journal-line);background:0 0;border-radius:0;padding:30px 0}.demo-journal--refined .demo-journal__article-body section{margin-top:calc(105px * var(--demo-density))}@media (max-width:850px){.demo-journal__header nav{gap:14px}.demo-journal__row,.demo-journal--refined .demo-journal__row{grid-template-columns:25px 1fr;gap:18px}.demo-journal__row-art{grid-column:2}.demo-journal--refined .demo-journal__intro{display:block}.demo-journal--refined .demo-journal__intro h1{margin:20px 0 24px}.demo-journal--refined .demo-journal__article-header{display:block}.demo-journal--refined .demo-journal__article-header h1{margin:18px 0 26px}.demo-journal__diagram{grid-template-columns:1fr}}@media (max-width:600px){.demo-journal__demo-bar{font-size:9px}.demo-journal__demo-bar span{max-width:210px}.demo-journal__header{flex-wrap:wrap;gap:12px}.demo-journal__header nav{white-space:nowrap;order:3;justify-content:space-between;width:100%;font-size:11px;overflow:auto}.demo-journal__header-action{margin-left:auto}.demo-journal__intro h1{font-size:45px}.demo-journal--refined .demo-journal__intro h1{font-size:clamp(55px,11vw,75px)}.demo-journal__intro>p:last-child{font-size:17px}.demo-journal__row-art{height:250px}.demo-journal__article-header h1,.demo-journal--refined .demo-journal__article-header h1{font-size:clamp(44px,10vw,68px)}.demo-journal__article-body{padding-top:45px}.demo-journal__article-body section{margin-top:75px}.demo-journal__article-body h2{font-size:29px}.demo-journal__footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.demo-journal__row-copy h2 span{transition:none}.demo-journal__row-copy h2 a:hover span{transform:none}}