@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('/fonts/barlow-condensed-600.ttf');font-weight:600;font-display:swap}
:root{--bg:#ebe3d3;--ink:#26221c;--rule:#26221c26;--logo:invert(0);--gutter:5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.paper{--bg:#f4efe4;--ink:#26221c;--rule:#26221c26;--logo:invert(0)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.04;text-wrap:balance}em{font-family:Georgia,serif;font-weight:400}img{max-width:100%}.wrap{width:90%;max-width:1680px;margin-inline:auto}.section{padding-block:110px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;line-height:1.6}.text-link{display:inline-flex;justify-content:space-between;gap:30px;padding:12px 0;border-bottom:1px solid currentColor;font-size:12px}.text-link span{font-size:19px}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #be7656;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:#fff;color:#111}.skip:focus{top:15px}.masthead{height:115px;display:flex;align-items:center;gap:30px}.logo{display:block;flex-shrink:0}.logo img{display:block;filter:brightness(0) var(--logo);height:auto}.identity{font-size:10px;line-height:1.5;letter-spacing:.2px}.masthead nav{margin-left:auto;display:flex;gap:30px;align-items:center;font-size:12px}.masthead nav a{padding:12px 0}.inquire-link{border-bottom:1px solid currentColor;margin-left:18px}.inquire-link span{margin-left:15px}.hero{position:relative;margin-inline:22px;height:calc(100svh - 138px);min-height:660px;max-height:1100px;color:#fff}.film{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#dcd2bf;text-align:left;padding:0;color:#fff}.film video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.film:hover video{transform:scale(1.02)}.film-watch{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:32px;background:#26221cd9;border:1px solid #ffffff50;padding:12px 17px;font-size:11px;z-index:2}.film-watch>span{font-size:20px;line-height:1}.hero-film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1a150f30,transparent 30%,#1a150f10 45%,#1a150fd0);pointer-events:none}.hero-top{position:absolute;top:27px;left:3.7vw;right:3.7vw;display:flex;justify-content:space-between;gap:30px;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;pointer-events:none}.hero-copy{position:absolute;left:3.7vw;bottom:55px;pointer-events:none}.hero h1{font:600 clamp(94px,10.7vw,175px)/.88 Barlow,sans-serif;letter-spacing:-2px;margin-top:24px}.hero h1 em{font-size:.84em}.hero-credit{position:absolute;right:3.7vw;bottom:105px;font-size:10px;pointer-events:none}.hero .film-watch{right:3.7vw;bottom:42px}.practice{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-bottom:130px}.small-label{margin-top:30px;font-size:11px;opacity:.75}.practice h2{font-size:clamp(44px,5vw,82px);letter-spacing:-2px}.lede{font-size:19px;max-width:625px;margin-top:33px}.fdct{font-size:28px;margin-top:45px;line-height:1.2;letter-spacing:-.5px}.body-copy{max-width:590px;font-size:14px;margin:20px 0 22px}.section-heading{border-top:1px solid var(--rule);padding-top:23px;display:flex;justify-content:space-between;gap:30px;margin-bottom:36px;font-size:11px}.caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:18px}.caption h3{font-size:21px;letter-spacing:-.4px}.caption>span{font-size:10px;font-variant-numeric:tabular-nums}.film-card>p{font-size:12px;margin-top:5px;opacity:.82}.feature-film .film{aspect-ratio:2/1}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}.film-grid .film-card{min-width:0}.daybreak{height:220px;display:flex;justify-content:center;align-items:center}.daybreak span{height:65px;width:1px;background:var(--rule)}.worlds-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin:60px 0 50px}.worlds-intro h2{font-size:clamp(48px,5.4vw,86px);letter-spacing:-2px}.worlds-intro>p{font-size:17px;line-height:1.7;padding-bottom:7px}.last-feature{margin-top:55px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.note-grid article{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--rule);padding-top:24px}.note-grid h3{font-size:clamp(26px,2.4vw,38px);line-height:1.15;letter-spacing:-.8px;margin:30px 0 22px;min-height:2.3em}.note-grid article>p{font-size:14px;max-width:335px;margin-bottom:28px}.note-grid details{width:100%;margin-top:auto;border-top:1px solid var(--rule)}summary{display:flex;justify-content:space-between;cursor:pointer;padding:16px 0;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:20px;line-height:1}.note-grid details[open] summary span{transform:rotate(45deg)}details p{padding:0 0 15px;font-size:14px}.manifesto-invitation{border-top:1px solid var(--rule);padding-top:65px}.manifesto-invitation h2{font-size:clamp(46px,6vw,100px);letter-spacing:-2.7px;margin:50px 0 40px}.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;font-size:14px}.article-feature{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px 0;border-bottom:1px solid var(--rule)}.article-feature h3{font-size:clamp(45px,5vw,78px);letter-spacing:-2px;margin:28px 0}.article-feature p{font-size:15px}.arrow{font-size:72px;font-family:Arial,sans-serif}.article-feature:hover .arrow{transform:translate(4px,-4px);transition:transform .3s}.inquiry{border-top:1px solid var(--rule);display:grid;grid-template-columns:1.15fr 1fr;gap:8vw}.inquiry h2{font-size:clamp(40px,4.1vw,66px);letter-spacing:-1.9px;margin:30px 0}.inquiry>div>p:not(.eyebrow){font-size:14px}.email{display:inline-block;margin-top:28px;font-size:13px;border-bottom:1px solid var(--rule)}form{display:flex;flex-direction:column;align-self:start;padding-top:7px}label{font-size:12px;margin-bottom:12px}select,textarea{border:1px solid var(--rule);border-radius:0;background:transparent;width:100%;padding:15px;font-size:14px}select{margin-bottom:28px}select option{color:#26221c;background:#f4efe4}textarea{resize:vertical;min-height:150px}textarea::placeholder{color:inherit;opacity:.65}.submit{margin-top:25px;background:#263327;color:#f6f4e9;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.submit span{font-size:22px}.form-help{font-size:11px;margin-top:12px}#brief-status{font-size:12px;margin-top:10px}.footer{display:flex;align-items:center;gap:35px;border-top:1px solid var(--rule);padding-block:35px 80px;font-size:10px}.footer>a:nth-last-child(2){margin-left:auto}.motion-control{position:fixed;right:20px;bottom:18px;z-index:10;border:1px solid #8a7f6e;background:#f4efe4;color:#26221c;border-radius:30px;padding:10px 15px;font-size:10px;box-shadow:0 3px 20px #0002}.cinema{width:min(1300px,94vw);max-width:none;max-height:94svh;padding:22px;background:#1e1a15;color:#f4efe4;border:1px solid #4a4238}.cinema::backdrop{background:#14110ef2}.cinema-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cinema-header h2{font-size:24px}.cinema-close{background:none;color:inherit;padding:12px}.cinema video{width:100%;max-height:73svh;aspect-ratio:16/9;object-fit:contain;display:block;background:black}.cinema-open{overflow:hidden}#cinema-status{font-size:12px;margin-top:12px}#cinema-status:empty{display:none}.reading-index,.manifesto-page,.essay{padding-bottom:100px}.reading-hero{padding:90px 0 80px;border-bottom:1px solid var(--rule)}.reading-hero h1,.essay h1{font-size:clamp(58px,7.5vw,118px);letter-spacing:-3.5px;line-height:1.03;margin:35px 0}.reading-hero>p:last-child{font-size:18px;max-width:590px}.archive-link{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 0}.editorial-note{font-size:12px;max-width:680px;padding:25px 0 40px;opacity:.8}.manifesto-statement{padding:65px 0;display:grid;grid-template-columns:1fr 2fr;gap:35px;border-bottom:1px solid var(--rule)}.manifesto-statement h2{font-size:clamp(40px,4.4vw,68px);letter-spacing:-1.5px;margin-bottom:30px}.manifesto-statement p{font-size:18px;max-width:620px;line-height:1.85}.reading-end{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:60px}.reading-end p{font-size:20px}.back-link{font-size:12px;display:inline-block;margin-top:30px}.essay-heading{max-width:1000px;margin:70px auto}.essay-deck{font-size:20px;max-width:650px}.essay-meta{font-size:11px;margin-top:30px}.essay-body{max-width:690px;margin:0 auto;font-size:19px;line-height:1.85}.essay-body>p{margin:30px 0}.essay-body h2{font-size:32px;letter-spacing:-.6px;margin:45px 0 22px}.source-note{border-top:1px solid var(--rule);padding-top:25px;font-size:12px;line-height:1.8}.source-note a{display:block;text-decoration:underline;text-underline-offset:4px}.paper .motion-control{display:none}
@media(min-width:1900px){.hero{max-width:1820px;margin-inline:auto}.practice{grid-template-columns:1fr 2fr}}
@media(max-width:900px){.masthead{height:95px;gap:20px}.identity{display:none}.masthead nav{gap:22px}.hero{min-height:620px}.hero h1{font-size:110px}.hero-top{font-size:8px}.practice{grid-template-columns:1fr 2fr;gap:25px}.lede{font-size:17px}.section{padding-block:75px}.note-grid{gap:22px}.note-grid h3{font-size:27px}.inquiry{gap:5vw}.film-watch{padding:9px 12px;gap:20px;right:14px;bottom:14px}.daybreak{height:160px}.inquiry h2{font-size:42px}.manifesto-invitation h2{font-size:65px}.reading-hero{padding-top:60px}.manifesto-statement{grid-template-columns:1fr 2.5fr}}
@media(max-width:600px){.wrap{width:88%}.masthead{height:88px;gap:16px}.masthead .logo img{width:76px}.masthead nav{gap:14px;font-size:10px}.inquire-link{margin-left:0}.inquire-link span{display:none}.hero{margin-inline:12px;height:calc(90svh - 100px);min-height:530px;max-height:760px}.hero-top{left:20px;right:20px;top:20px;font-size:8px;letter-spacing:.8px}.hero-top>span:first-child{max-width:150px}.hero-top>span:last-child{max-width:85px;text-align:right}.hero-copy{left:22px;bottom:100px;right:18px}.hero h1{font-size:clamp(70px,18vw,108px);letter-spacing:-1.3px;margin-top:20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.hero-credit{bottom:42px;left:22px;right:auto;max-width:140px;font-size:9px}.hero .film-watch{bottom:28px;right:20px;padding:10px 12px;gap:20px}.section{padding-block:65px}.practice{grid-template-columns:1fr;gap:30px}.practice>div:first-child{display:flex;align-items:center;justify-content:space-between}.small-label{margin:0}.practice h2{font-size:47px;letter-spacing:-1.4px}.lede{font-size:16px;margin-top:25px}.fdct{font-size:26px;margin-top:30px}.body-copy{font-size:14px}.section-heading{gap:20px;margin-bottom:25px;font-size:10px}.section-heading .eyebrow{font-size:9px}.section-heading>span{text-align:right;max-width:125px}.film-grid{gap:28px;grid-template-columns:1fr;margin-top:32px}.feature-film .film{aspect-ratio:16/9}.film-watch{right:12px;bottom:12px;font-size:10px;padding:9px 12px}.caption{margin-top:14px}.caption h3{font-size:20px}.film-card>p{font-size:12px}.daybreak{height:140px}.daybreak span{height:45px}.worlds-intro{grid-template-columns:1fr;gap:25px;margin:35px 0}.worlds-intro h2{font-size:49px;letter-spacing:-1.5px}.worlds-intro p{font-size:15px}.last-feature{margin-top:32px}.note-grid{grid-template-columns:1fr;gap:30px}.note-grid article{padding-top:20px}.note-grid h3{font-size:31px;min-height:0;margin:20px 0 18px;max-width:310px}.note-grid article>p{margin-bottom:20px}.manifesto-invitation h2{font-size:43px;letter-spacing:-1.3px;margin:35px 0}.manifesto-bottom{align-items:start;flex-direction:column;font-size:13px}.article-feature{padding-block:28px;gap:20px}.article-feature h3{font-size:43px;letter-spacing:-1.3px}.article-feature p{font-size:13px}.arrow{font-size:40px}.inquiry{grid-template-columns:1fr;gap:40px}.inquiry h2{font-size:44px;letter-spacing:-1.2px}.inquiry form{padding:0}.footer{flex-wrap:wrap;gap:20px;padding-bottom:80px}.footer>span{flex:1;font-size:9px}.footer>a:nth-last-child(2){margin-left:0}.footer>a:last-child{margin-left:auto}.footer>.logo{width:25px}.cinema{padding:12px}.cinema-header h2{font-size:20px}.reading-hero{padding-block:40px}.reading-hero h1,.essay h1{font-size:clamp(44px,11vw,66px);letter-spacing:-1.8px;margin:25px 0}.reading-hero>p:last-child{font-size:16px}.archive-link{flex-direction:column;align-items:start;gap:20px;font-size:14px}.manifesto-statement{grid-template-columns:1fr;gap:25px;padding-block:40px}.manifesto-statement h2{font-size:40px;letter-spacing:-1px}.manifesto-statement p{font-size:16px;line-height:1.8}.reading-end{flex-direction:column;align-items:start;gap:20px}.reading-end p{font-size:18px}.essay-heading{margin-block:40px}.essay-deck{font-size:17px}.essay-body{font-size:17px}.essay-body h2{font-size:28px}.reading-index,.manifesto-page,.essay{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.film:hover video{transform:none}}

@media(max-width:600px){.article-feature .arrow{display:none}.article-feature>div{min-width:0}.article-feature h3{font-size:clamp(37px,10.8vw,43px)}}
@media(max-width:600px){.hero-film video{object-position:65% center}}
/* Stages: a dark first act, a brief threshold, then daylight. */
.perspective-stage{padding-top:100px}.daybreak{height:150px}.elsewhere>.film-grid{margin-top:0}.journal-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:45px;padding:80px 0 75px}.journal-heading h1{font-size:clamp(62px,7.5vw,120px);letter-spacing:-3.8px;margin-top:30px}.journal-heading>p{font-size:17px;padding-bottom:10px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:85px}.journal-card{min-width:0}.journal-cover{aspect-ratio:1.5;position:relative;overflow:hidden;background:#e3d9c7}.journal-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.journal-card:hover img{transform:scale(1.035)}.journal-number,.journal-open{position:absolute;top:20px;background:#26221cdb;color:#fff;padding:6px 12px;font-size:12px}.journal-number{left:20px}.journal-open{right:20px;font-size:23px;line-height:1.4}.journal-card>.eyebrow{margin:24px 0 15px}.journal-card h2{font-size:clamp(36px,3.5vw,57px);line-height:1.09;letter-spacing:-1.6px;max-width:620px}.journal-subtitle{font-size:16px;margin-top:20px;max-width:510px}.journal-page .archive-link{border-top:1px solid var(--rule);margin-top:90px}.journal-page{padding-bottom:60px}.essay-cover{width:100%;max-width:1000px;aspect-ratio:2/1;object-fit:cover;display:block;margin:0 auto 60px}.manifesto-experience{position:relative}.m-stage{position:relative;min-height:100svh;padding:130px 0 100px;display:flex;align-items:center;overflow:clip}.m-stage h2{font-size:clamp(65px,7.7vw,125px);letter-spacing:-3.5px;line-height:1}.m-stage .eyebrow{margin-bottom:40px}.m-stage p:not(.eyebrow){line-height:1.8}.m-begin{min-height:calc(100svh - 115px);color:#fff;background:#171c18}.m-backdrop{position:absolute;inset:0}.m-backdrop>.film{height:100%;aspect-ratio:auto}.m-backdrop>.film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09120bea,#09120b55 70%,#09120b30);pointer-events:none}.m-backdrop .film-watch{bottom:35px;right:5vw}.m-opening-copy{position:relative;pointer-events:none;padding-bottom:15px}.m-opening-copy h1{font:600 clamp(75px,9.7vw,156px)/.96 Barlow,sans-serif;letter-spacing:-2.5px}.m-opening-copy h1 em{font-size:.9em}.m-opening-copy a{pointer-events:auto;margin-top:45px}.stage-corner{position:absolute;left:5vw;bottom:40px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.m-possibility{background:#eae7da;color:#29342b;min-height:110svh}.m-split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.m-stage .stage-copy>p:not(.eyebrow){max-width:410px;font-size:18px;margin-top:35px}.m-image>.film{aspect-ratio:4/5}.m-image>p{margin-top:20px;font-size:12px}.m-authorship{background:#142729;color:#e8e8d9;min-height:120svh}.m-author-top{display:grid;grid-template-columns:1fr 2fr;gap:30px}.m-author-top h2{font-size:clamp(65px,7vw,108px)}.m-author-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;margin-top:60px}.m-author-bottom>.film{aspect-ratio:16/9}.m-author-bottom>p{font-size:20px;max-width:450px}.m-ark{background:#d5c8a3;color:#302f22;min-height:115svh}.ark-orbit{position:absolute;width:65vw;height:65vw;max-width:1100px;max-height:1100px;right:-22vw;top:50%;transform:translateY(-50%);border:1px solid #5f614147;border-radius:50%;display:grid;place-items:center}.ark-orbit:before,.ark-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #5f614147;border-radius:50%}.ark-orbit:after{inset:25%}.ark-orbit img{filter:brightness(0);opacity:.45}.ark-copy{position:relative}.ark-copy>p:not(.eyebrow){font-size:20px;max-width:510px;margin:40px 0}.carry-words{display:flex;flex-wrap:wrap;gap:15px 35px;font-size:19px;margin-top:50px;max-width:680px;border-top:1px solid #302f2250;padding-top:25px}.m-practice{background:#f1efe5;color:#253329;min-height:110svh}.m-practice h2{font-size:clamp(62px,8.5vw,137px)}.practice-ending{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:70px;border-top:1px solid #25332944;padding-top:40px}.practice-ending h3{font-size:27px;line-height:1.2;margin-bottom:20px}.practice-ending p{max-width:440px;font-size:16px}.manifesto-inquire{font-size:30px;line-height:1.3;align-self:start;justify-self:end}.manifesto-inquire>span{display:block;font-size:15px;border-bottom:1px solid currentColor;padding:20px 0 12px;margin-top:12px}.m-stage .film-watch{border-color:#ffffff50}.m-stage .film{background:#14211c}.m-stage:target{scroll-margin-top:0}
@media(max-width:900px){.journal-heading{grid-template-columns:1fr}.journal-heading>p br{display:none}.journal-grid{gap:60px 25px}.journal-card h2{font-size:37px}.m-stage h2{font-size:65px}.m-split{gap:35px}.m-author-top{grid-template-columns:1fr}.m-author-bottom{gap:35px}.m-author-bottom>p{font-size:18px}.practice-ending{gap:35px}}
@media(max-width:600px){.perspective-stage{padding-top:65px}.daybreak{height:110px}.journal-heading{gap:25px;padding:40px 0 50px}.journal-heading h1{font-size:58px;letter-spacing:-2px}.journal-heading>p{font-size:15px}.journal-grid{grid-template-columns:1fr;gap:55px}.journal-card h2{font-size:38px}.journal-subtitle{font-size:15px;margin-top:15px}.journal-cover{aspect-ratio:1.35}.journal-card>.eyebrow{font-size:9px}.journal-page .archive-link{margin-top:55px}.m-stage{min-height:100svh;padding:100px 0 70px}.m-stage h2{font-size:clamp(48px,12vw,68px);letter-spacing:-1.7px}.m-stage .eyebrow{margin-bottom:30px}.m-begin{min-height:calc(100svh - 88px)}.m-opening-copy h1{font-size:clamp(61px,15vw,83px);letter-spacing:-1.5px}.m-opening-copy .eyebrow{font-size:9px}.m-opening-copy a{margin-top:40px}.m-backdrop video{object-position:65% center}.stage-corner{font-size:9px;bottom:30px}.m-backdrop .film-watch{bottom:22px}.m-split{grid-template-columns:1fr;gap:40px}.m-stage .stage-copy>p:not(.eyebrow){font-size:16px;margin-top:25px}.m-image>.film{aspect-ratio:1.4}.m-author-top{gap:0}.m-author-bottom{grid-template-columns:1fr;gap:30px;margin-top:35px}.m-author-bottom>p{font-size:17px}.m-ark{min-height:100svh}.ark-orbit{width:120vw;height:120vw;right:-65vw;opacity:.6}.ark-copy>p:not(.eyebrow){font-size:17px;max-width:270px}.carry-words{font-size:17px;gap:15px 25px;max-width:290px}.practice-ending{grid-template-columns:1fr;gap:40px;margin-top:40px}.practice-ending h3{font-size:25px}.manifesto-inquire{justify-self:start;font-size:29px}.m-practice h2{font-size:clamp(47px,12vw,66px)}.m-stage .film-watch{font-size:10px}.essay-cover{margin-bottom:35px}}
/* Let spacing do most of the separating. */
.section-heading,.note-grid article,.note-grid details,.manifesto-invitation,.article-feature,.footer,.journal-page .archive-link{border-top:0;border-bottom:0}
.note-grid article{padding-top:0}.note-grid details summary{padding-top:12px}.elsewhere{padding-top:80px}.inquiry{border-top:1px solid var(--rule)}
.collection-credit{margin:100px 0 35px;font-size:12px;opacity:.75}.original-heading{font-size:12px;line-height:1.7;opacity:.75;margin-bottom:40px!important}.essay-body{overflow-wrap:anywhere}.next-essay{display:block;font-size:28px;line-height:1.3;margin-top:15px}.home-journal .journal-card h2{font-size:clamp(34px,3.6vw,54px)}.journal-grid .journal-card:last-child:nth-child(odd){grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.journal-grid .journal-card:last-child:nth-child(odd) .journal-cover{grid-row:1 / 4}.journal-grid .journal-card:last-child:nth-child(odd)>.eyebrow{align-self:end}.journal-grid .journal-card:last-child:nth-child(odd)>h2{align-self:center}.footer{padding-top:20px}
@media(max-width:600px){.elsewhere{padding-top:55px}.journal-grid .journal-card:last-child:nth-child(odd){display:block}.collection-credit{margin-top:65px}.next-essay{font-size:24px}.home-journal .journal-card h2{font-size:38px}}
/* A single rule at selected section boundaries, with open space inside each section. */
.work>.section-heading,.fieldnotes>.section-heading,.articles-preview>.section-heading{border-top:1px solid var(--rule)}
.journal-card h2{font-size:clamp(30px,2.8vw,45px);line-height:1.13;overflow-wrap:anywhere}.home-journal .journal-card h2{font-size:clamp(30px,2.8vw,45px)}
.essay-heading h1{font-size:clamp(45px,6.2vw,92px);line-height:1.05;overflow-wrap:anywhere}
@media(max-width:600px){.journal-card h2,.home-journal .journal-card h2{font-size:32px}.essay-heading h1{font-size:43px;letter-spacing:-1.5px}}
/* Original article covers retain their complete composition. */
.journal-cover{aspect-ratio:16/9;background:transparent}.journal-cover img{object-fit:contain}.journal-card:hover img{transform:none}.essay-cover{aspect-ratio:auto;height:auto;object-fit:contain}
@media(max-width:600px){.journal-cover{aspect-ratio:16/9}}

/* Vector CTA arrows stay crisp and never use platform emoji glyphs. */
.cta-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}

/* Launch polish, Sep 24. */
/* Covers are 5:2 originals; the frame now matches them so the open-badge sits on the picture, not above it. */
.journal-cover{aspect-ratio:5/2}
@media(max-width:600px){.journal-cover{aspect-ratio:5/2}}
/* "Read next" label keeps its eyebrow size (was inheriting the 18-20px paragraph size). */
.reading-end .eyebrow{font-size:10px}
/* Prompt examples inside essays read as quoted working material, not prose. */
.essay-body>p.prompt{margin:0;padding:5px 0 5px 24px;border-left:1px solid var(--rule);font-size:.84em;line-height:1.75}
.essay-body>p.prompt+p.prompt{padding-top:12px}
.essay-body>p.prompt+p:not(.prompt),.essay-body>p.prompt+h2{margin-top:30px}
/* ARQ: Experience invitation. */
.museum{padding-top:30px}
.museum-main{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:end}
.museum-frame{display:block;position:relative;overflow:hidden;aspect-ratio:20/11;background:#e3d9c7}
.museum-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.museum-frame:hover img{transform:scale(1.02)}
.museum-frame .film-watch{color:#fff}
.museum-copy h2{font-size:clamp(46px,4.9vw,80px);letter-spacing:-2px}
.museum-copy>p{font-size:17px;line-height:1.7;max-width:430px;margin:32px 0 30px}
@media(max-width:900px){.museum-main{gap:35px}.museum-copy h2{font-size:44px;letter-spacing:-1.2px}}
@media(max-width:600px){.museum{padding-top:10px}.museum-main{grid-template-columns:1fr;gap:28px}.museum-frame{aspect-ratio:1.35}.museum-copy h2{font-size:47px;letter-spacing:-1.4px}.museum-copy>p{font-size:15px;margin:22px 0 24px}}
/* Five navigation items stay on one line down to 320px phones. */
@media(max-width:380px){.masthead{gap:12px}.masthead .logo img{width:62px}.masthead nav{gap:11px}}
@media(max-width:340px){.masthead .logo img{width:52px}.masthead nav{gap:9px;font-size:9.5px}}

/* Round 2 — home structure. */
.genre-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin:10px 0 50px}
.genre-intro h2{font-size:clamp(48px,5.4vw,86px);letter-spacing:-2px}
.genre-intro>p{font-size:17px;line-height:1.7;padding-bottom:7px}
.worlds-intro.genre-intro{margin:60px 0 50px}
.work .feature-film{margin-top:0}
.subgroup{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin:110px 0 0;padding-top:23px;border-top:1px solid var(--rule)}
.subgroup h3{font-size:clamp(26px,2.4vw,38px);letter-spacing:-.8px;line-height:1.15}
.subgroup>span{font-size:11px;text-align:right}
.subgroup+.film-grid{margin-top:36px}
@media(max-width:600px){.genre-intro{grid-template-columns:1fr;gap:18px;margin:0 0 32px}.genre-intro h2{font-size:49px;letter-spacing:-1.5px}.genre-intro>p{font-size:15px}.worlds-intro.genre-intro{margin:35px 0 32px}.subgroup{flex-direction:column;gap:8px;margin-top:70px}.subgroup h3{font-size:30px}.subgroup>span{text-align:left;font-size:10px}.subgroup+.film-grid{margin-top:22px}}

/* Round 2 — motion. Everything below applies only when home-motion.js has set html.motion
   (JavaScript on, no reduced-motion preference), so content is never hidden without it. */
:root{--ease-out:cubic-bezier(.2,.7,.2,1)}
html.motion [data-reveal]{opacity:0;translate:0 28px;transition:opacity .9s var(--ease-out),translate 1.1s var(--ease-out);transition-delay:var(--d,0s)}
html.motion [data-reveal].in{opacity:1;translate:0 0}
html.motion .film-card[data-reveal] .film,html.motion .museum-frame[data-reveal],html.motion .journal-card[data-reveal] .journal-cover{clip-path:inset(7% 3% 0 3%);transition:clip-path 1.4s var(--ease-out);transition-delay:var(--d,0s)}
html.motion .film-card[data-reveal].in .film,html.motion .museum-frame[data-reveal].in,html.motion .journal-card[data-reveal].in .journal-cover{clip-path:inset(0 0 0 0)}
html.motion .mission-gateway[data-reveal]{translate:0 48px}
html.motion .mission-gateway[data-reveal].in{translate:0 0}
/* Depth: the picture drifts slower than its frame. */
html.motion .film:not(.hero-film) video,html.motion .museum-frame video{scale:1.12;translate:var(--mx,0px) calc(var(--py,0px) + var(--my,0px));will-change:translate}
/* The hero recedes as the page begins. */
html.motion .hero-sequence-host{scale:calc(1 + var(--hp,0) * .06);transform-origin:50% 60%}
html.motion .hero-copy{translate:0 calc(var(--hp,0) * -70px);opacity:calc(1 - var(--hp,0) * 1.1)}
html.motion .hero-top,html.motion .hero-credit{opacity:calc(1 - var(--hp,0) * 1.4)}
#animation{padding-bottom:70px}.genre-intro h2 em:first-child{margin-left:.04em}
@media(max-width:600px){#animation{padding-bottom:45px}}

/* Round 3 — genre headers are equals; the museum invitation is text-led with a small, calm loop. */
.genre-intro{display:block;margin:10px 0 50px}
.worlds-intro.genre-intro{margin:60px 0 50px}
.genre-intro h2{font-size:clamp(56px,6.2vw,100px);letter-spacing:-2px}
.museum-main{grid-template-columns:1.4fr 1fr;align-items:end;gap:7vw}
.museum-copy h2{font-size:clamp(48px,5.4vw,86px)}
.museum-copy>p{max-width:540px}
.museum-frame{aspect-ratio:16/10;max-width:440px;justify-self:end;width:100%;background:#1e1a15}
.museum-frame video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.genre-intro{margin:0 0 30px}.worlds-intro.genre-intro{margin:35px 0 30px}.genre-intro h2{font-size:56px}.museum-main{grid-template-columns:1fr;gap:34px}.museum-frame{max-width:none;justify-self:stretch;aspect-ratio:16/10}}
/* Film cards: pictures fade up from their poster, frames lean gently toward the pointer. */
.film:not(.hero-film){background-size:cover;background-position:center}
html.motion .film:not(.hero-film) video{opacity:0;transition:opacity .9s ease,transform .65s ease}
html.motion .film:not(.hero-film) video.is-live,html.motion .film:not(.hero-film) video.is-still{opacity:1}
html.motion .museum-frame video{transition:opacity .9s ease}
@media(hover:hover) and (pointer:fine){
 html.motion .film-card[data-reveal] .film{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s var(--ease-out) 0s,clip-path 1.4s var(--ease-out) var(--d,0s)}
 html.motion .film-card[data-reveal] .film.is-pointer{transition:transform .3s ease-out 0s,clip-path 1.4s var(--ease-out) var(--d,0s)}
 html.motion .film-card .film:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--lx,50%) var(--ly,50%),#ffffff1f,transparent 55%);opacity:0;transition:opacity .6s ease}
 html.motion .film-card .film.is-pointer:after{opacity:1}
 html.motion .film:hover video{transform:none}
}
@media(max-width:600px){.museum-copy h2{font-size:44px;letter-spacing:-1.3px}.museum-frame{max-width:78%;justify-self:start}}

/* Round 4 — the museum invitation (section shelved Sep 24; kept for its return). */
.museum-copy{max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.museum-copy>p{margin:28px auto 30px;max-width:600px}
@media(max-width:600px){.museum-copy{text-align:left;align-items:flex-start}.museum-copy>p{margin:22px 0 24px}}

/* Round 7 — film annotations: fine technical markup over each preview, tracked to the picture. */
.film .annot{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0}
html.motion .film:not(.hero-film) .annot{scale:1.12;translate:var(--mx,0px) calc(var(--py,0px) + var(--my,0px))}
.annot svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.annot .ln{fill:none;stroke:#f6f3e8;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:var(--draw,1);filter:drop-shadow(0 0 1.2px #000a)}
.annot .ln.dash{stroke-dasharray:.012 .01;stroke-dashoffset:0;opacity:var(--lab,0)}
.annot .ln.dot{stroke-dasharray:.003 .012;stroke-dashoffset:0;opacity:var(--lab,0)}
.annot .lb{fill:#f6f3e8;font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:.16em;opacity:var(--lab,0);filter:drop-shadow(0 0 1.5px #000c)}
@media(max-width:600px){.annot .lb{letter-spacing:.1em}}
/* Reality: frame the preview on the black hole itself, so its diagram has something to measure. */


/* Social links (Instagram, X, YouTube · @starks_arq) in the site's small text-link style. */
.social{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:10px}
.social a{display:inline-flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .3s}
.social a:hover{border-bottom-color:currentColor}
.social .cta-arrow{width:.95em;height:.95em}
.footer>.social+.logo{margin-left:auto}
.social-inquire{margin-top:22px;font-size:12px;gap:8px 26px}
@media(max-width:600px){.footer>.social{width:100%;order:3;gap:6px 22px}.footer>.social+.logo{margin-left:0}.social-inquire{font-size:12px}}
/* Articles index: the last card sits like every other card, title and deck under the picture. */
.journal-grid .journal-card:last-child:nth-child(odd){grid-column:auto;display:block}
.journal-grid .journal-card:last-child:nth-child(odd)>.eyebrow,.journal-grid .journal-card:last-child:nth-child(odd)>h2{align-self:auto}
/* Autoplay previews never show WebKit's play badge or controls (e.g. in iOS Low Power Mode the poster simply stays). */
.film video::-webkit-media-controls,.film video::-webkit-media-controls-start-playback-button,.film video::-webkit-media-controls-overlay-play-button,.hero-sequence-host video::-webkit-media-controls,.hero-sequence-host video::-webkit-media-controls-start-playback-button,.hero-sequence-host video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0!important}
/* Hero on phones: each clip carries its own focal point so its subject sits centred in the portrait crop (laptop unchanged). */
@media(max-width:600px){.hero .hero-sequence-host .sequence-video{object-position:var(--focus,65% 50%)}}

/* Round 12 — cream palette, one primary button, the live-action grid. */
.hero{color:#fff}
.hero h1{font-size:clamp(64px,7.4vw,124px);line-height:.92;letter-spacing:-1.5px}
.hero-sub{margin-top:22px;font-size:clamp(15px,1.25vw,19px);letter-spacing:.1px;color:#fffdf6e6;max-width:520px}
@media(max-width:600px){.hero h1{font-size:clamp(46px,12.4vw,60px);letter-spacing:-.8px}.hero-sub{font-size:14px;margin-top:14px;max-width:260px}.hero-copy{bottom:96px}}
/* The one primary button: warm near-black with cream type, amber on hover. */
.btn-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#26221c;color:#f4efe4;padding:17px 22px 17px 24px;font-size:15px;line-height:1;letter-spacing:.1px;border:0;border-radius:2px;text-decoration:none;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.btn-primary .cta-arrow{width:1.05em;height:1.05em;transition:transform .25s ease}
.btn-primary:hover{background:#f0b46a;color:#26221c}
.btn-primary:hover .cta-arrow{transform:translate(2px,-2px)}
.btn-primary:focus-visible{outline:2px solid #f0b46a;outline-offset:3px}
.practice .btn-primary{margin-top:6px;min-width:220px}
.inquiry .submit.btn-primary{margin-top:25px;width:100%;padding:20px 24px;font-size:16px}
.masthead nav .btn-nav{padding:12px 16px;font-size:12px;gap:14px;margin-left:14px;border-bottom:0}
@media(max-width:600px){.masthead nav .btn-nav{padding:9px 11px;font-size:10px;gap:8px;margin-left:2px}.masthead nav .btn-nav .cta-arrow{width:.9em;height:.9em}.practice .btn-primary{min-width:0;width:100%}}
@media(max-width:380px){.masthead nav .btn-nav .cta-arrow{display:none}}
.site-footer .sf-cta{margin-top:30px}
/* Live action: four equal cards, two by two. */
.live-grid{margin-top:0}
.live-grid .film{aspect-ratio:16/9}