.editorial-page{--editorial-gap:clamp(24px, 4vw, 64px)}.editorial-page .editorial-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;min-height:clamp(540px,80svh,780px);padding-block:130px 100px;display:flex}.editorial-page .editorial-heading h1{font:400 clamp(64px, 8.4vw, 138px)/1.05 var(--pixel);letter-spacing:-.065em;margin:0}.editorial-heading h1>span{color:var(--muted)}.editorial-heading>p,.editorial-heading>div>p{max-width:26em;color:var(--muted);margin:0 0 8px;font-size:clamp(14px,1.3vw,19px);line-height:1.8}.editorial-heading>div{text-align:left}.editorial-heading>p,.editorial-heading>div{max-width:42%}.opening-cue{min-height:44px;color:var(--muted);align-items:center;gap:24px;font-size:11px;display:flex;position:absolute;bottom:28px;left:0}.opening-cue span{font:20px var(--body);transition:transform .2s}.opening-cue:hover span{transform:translateY(5px)}.editorial-page .scene-opening{border:0}body[data-page=notes] .editorial-page .notes-content{padding-block:0 64px}.editorial-page .archive-toolbar{border-top:1px solid var(--line);gap:16px;padding-block:12px}.editorial-page .filters{gap:20px}.editorial-page .filters button{border:0;border-bottom:1px solid #0000;border-radius:0;min-height:44px;padding:8px 0}.editorial-page .filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink);background:0 0}.editorial-page .filters button:hover{color:var(--ink);background:0 0}body[data-page=notes] .editorial-page .post-row{grid-template-columns:52px minmax(0,1fr);gap:20px;padding:26px 0}body[data-page=notes] .editorial-page .post-row h3{max-width:44em;margin:9px 0 0;font-size:clamp(20px,1.8vw,29px);line-height:1.5}.editorial-page .post-number{align-self:center;margin:0}.editorial-page .post-tag{gap:16px;font-size:11px}.editorial-page .post-row p{color:var(--text-body);max-width:52em;margin:12px 0 0;font-size:14px;line-height:1.85}.editorial-page .post-arrow{width:30px}.editorial-page .post-row.is-discovered{background:#c1c2b410}.editorial-page .post-row.is-discovered:after{transform:scaleX(1)}.discovery-status{color:var(--muted);margin-top:16px;font-size:12px}.discovery-status:empty{display:none}.identity-contact a{white-space:nowrap;align-items:center;gap:16px;min-height:44px;font-size:12px;display:inline-flex}.identity-contact svg{width:15px;transition:transform .2s}.identity-contact a:hover svg{transform:translate(3px,-3px)}.principle summary::-webkit-details-marker{display:none}.principles{border-top:1px solid var(--line);padding-block:26px 0}.editorial-section-label{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.editorial-section-label h2{margin:0;font-size:12px;font-weight:400}.editorial-section-label>span{font:10px var(--mono)}.principle-grid{gap:var(--editorial-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.principle{border-top:1px solid var(--line)}.principle summary{cursor:pointer;grid-template-columns:20px 1fr 16px;align-items:center;gap:15px;min-height:82px;list-style:none;display:grid}.principle-number{font:9px var(--mono);color:var(--muted)}.principle h3{letter-spacing:-.025em;margin:0;font-size:clamp(19px,1.7vw,27px);font-weight:400}.principle-toggle{color:var(--muted);transition:transform .2s}.principle[open] .principle-toggle{transform:rotate(45deg)}.principle p{color:var(--muted);margin:0 0 26px;padding-left:35px;font-size:14px;line-height:1.85}.identity-contact{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:30px;padding-block:44px;display:flex}.identity-contact>p{letter-spacing:-.03em;margin:0;font-size:clamp(20px,2vw,30px)}.editorial-page :is(a,button,summary):focus-visible{outline:1px solid var(--ink);outline-offset:5px}@media (width<=700px){.editorial-page .editorial-heading{justify-content:center;gap:24px;min-height:490px;padding-block:150px 88px}.editorial-page .editorial-heading h1{font-size:clamp(44px,14vw,88px)}.editorial-heading>p,.editorial-heading>div{text-align:left;max-width:85%;margin-top:0}.editorial-heading>div{display:block}.editorial-heading>div>p{margin:0;font-size:12px}.editorial-heading .note-shuffle{white-space:nowrap;font-size:10px}.editorial-page .archive-toolbar{flex-wrap:wrap;gap:8px}.editorial-page .archive-tools{justify-content:space-between;width:100%}.editorial-page .search-field{flex:1;margin-right:12px}.editorial-page .search-field input{width:100%}body[data-page=notes] .editorial-page .post-row{grid-template-columns:22px minmax(0,1fr);gap:12px;padding-block:24px}body[data-page=notes] .editorial-page .post-row h3{font-size:19px}.editorial-page .post-tag{gap:8px 12px;font-size:11px}.editorial-page .post-number{align-self:start;font-size:11px}.editorial-page .post-row p{margin-top:10px;font-size:13px;line-height:1.9}.editorial-page .post-arrow{width:18px}.principle-grid{grid-template-columns:1fr;gap:0}.principle summary{min-height:70px}.principle p{font-size:13px}.identity-contact{flex-direction:column;align-items:start;gap:12px;padding-block:30px}}@media (prefers-reduced-motion:reduce){.editorial-page *,.editorial-page :before,.editorial-page :after{transition:none!important}}.editorial-page .editorial-heading{position:relative}.editorial-page .editorial-heading:after{content:none}.editorial-page .filters button{padding-inline:12px;position:relative}.editorial-page .principle-grid{display:block}.editorial-page .principle{border-top:1px solid var(--line);padding:0 20px;transition:background .25s}.editorial-page .principle[open]{background:linear-gradient(90deg,#c1c2b40a,#0000)}.editorial-page .principle summary{grid-template-columns:64px 1fr 20px;gap:20px;min-height:94px}.editorial-page .principle-number{font:16px var(--pixel)}.editorial-page .principle h3{font-size:clamp(24px,2.3vw,36px)}.editorial-page .principle p{max-width:800px;margin:0;padding:0 40px 26px 84px;font-size:14px}.editorial-page .identity-contact{padding-block:54px}.editorial-page .identity-contact>p{font-size:clamp(24px,2.8vw,42px)}@media (width<=700px){.editorial-page .principle{padding-inline:10px}.editorial-page .principle summary{grid-template-columns:30px 1fr 16px;gap:15px;min-height:80px}.editorial-page .principle h3{font-size:23px}.editorial-page .principle p{padding-left:45px;padding-right:12px;font-size:13px}.editorial-page .identity-contact{padding-block:32px}}
