/* Editorial portfolio inspired by the long-form About feature. */
.work-editorial-page{min-height:100svh;overflow:visible;padding-bottom:72px;color:var(--paper)}
.work-editorial-page .page-scene{position:fixed;filter:brightness(.56) saturate(.83)}
.work-editorial-page .page-shade{position:fixed;background:linear-gradient(90deg,rgba(3,10,19,.76),rgba(4,10,18,.28) 72%),linear-gradient(0deg,rgba(3,9,16,.74),transparent 58%)}
.work-magazine{position:relative;z-index:1;width:calc(100% - 112px);max-width:1600px;margin:38px auto 70px;text-shadow:0 2px 20px rgba(2,8,14,.72)}
.work-cover{padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.48)}
.work-folio{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.34);font-size:.58rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.work-folio span:nth-child(2){color:var(--amber);text-align:center}.work-folio span:last-child{text-align:right}
.work-cover-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:clamp(54px,7vw,120px);align-items:end;padding-top:42px}
.work-title h1{max-width:1050px;margin:18px 0 0;font:600 clamp(4.8rem,6.45vw,8rem)/.79 var(--display);letter-spacing:-.052em;text-wrap:balance}
.work-title h1 em{color:var(--amber);font-weight:600}.work-cover-copy{padding-bottom:8px}
.work-deck{margin:0;color:rgba(255,255,255,.91);font-size:clamp(1.12rem,1.4vw,1.45rem);line-height:1.58;text-wrap:balance}
.work-byline{display:flex;align-items:center;gap:12px;margin:28px 0 0;color:rgba(255,255,255,.68);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.work-byline span{color:var(--amber);font-weight:600}.work-byline i{width:40px;height:1px;background:rgba(255,255,255,.45)}
.work-article{max-width:1400px;margin:0 auto;padding-top:62px}.chapter-label{margin:0 0 14px;color:var(--amber);font-size:.61rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.work-opening{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:18px clamp(48px,7vw,105px);align-items:start}.work-opening>.chapter-label{grid-column:1/-1}.work-opening h2{grid-column:1;margin:0;font:600 clamp(2.4rem,3.7vw,4.5rem)/.94 var(--display);letter-spacing:-.03em;text-wrap:balance}.work-opening-copy{grid-column:2;columns:2;column-gap:38px}.work-opening-copy p{margin:0 0 18px;break-inside:avoid;color:rgba(255,255,255,.88);font-size:clamp(.98rem,1.05vw,1.1rem);line-height:1.78}.drop-cap:first-letter{float:left;margin:.03em .11em 0 0;color:var(--amber);font:600 5.25rem/.72 var(--display)}
.work-quote{max-width:1260px;margin:76px auto;padding:40px 4vw;border-top:1px solid var(--amber);border-bottom:1px solid rgba(255,255,255,.38);color:var(--paper);font:italic 600 clamp(2.8rem,4.7vw,5.7rem)/.92 var(--display);letter-spacing:-.035em;text-align:center;text-wrap:balance}
.project-feature{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.28fr);gap:30px clamp(48px,7vw,105px);padding:72px 0;border-top:1px solid rgba(255,255,255,.4)}
.project-heading{grid-column:1}.project-heading h2{margin:0;font:600 clamp(3.4rem,5.3vw,6.7rem)/.82 var(--display);letter-spacing:-.045em}.project-copy{grid-column:1;grid-row:2;align-self:start}.project-deck{max-width:560px;margin:0 0 34px;color:rgba(255,255,255,.86);font:500 clamp(1.22rem,1.65vw,1.75rem)/1.32 var(--display);text-wrap:balance}
.project-visual{position:relative;grid-column:2;grid-row:2;display:block;align-self:start;overflow:hidden;border-radius:22px;background:#07111d;box-shadow:0 26px 65px rgba(0,0,0,.44);text-decoration:none}.project-visual img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;transition:transform .5s ease,filter .35s ease}.project-visual span{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:18px;padding:15px 18px;background:rgba(5,14,24,.9);color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}.project-visual span b{color:var(--amber);font-size:1.15rem}.project-visual:hover img,.project-visual:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}.project-visual:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
.project-narrative p{margin:0 0 17px;color:rgba(255,255,255,.86);font-size:clamp(.96rem,1vw,1.06rem);line-height:1.72}.case-label{display:block;margin:0 0 7px;color:var(--amber);font-size:.6rem;font-weight:600;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.project-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;border-top:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.24)}.project-result span{padding:16px 18px;border-right:1px solid rgba(255,255,255,.22);color:var(--amber);font-size:.61rem;font-weight:600;letter-spacing:.14em;text-align:center;text-transform:uppercase}.project-result span:last-child{border-right:0}
.project-tomorrow,.project-wake{grid-template-columns:minmax(360px,1.28fr) minmax(0,.72fr)}.project-tomorrow .project-heading,.project-wake .project-heading,.project-tomorrow .project-copy,.project-wake .project-copy{grid-column:2}.project-tomorrow .project-visual,.project-wake .project-visual{grid-column:1;grid-row:2}
.project-identity{min-height:clamp(430px,38vw,610px);padding:clamp(28px,4vw,60px);border:1px solid rgba(255,184,55,.5);background:radial-gradient(circle at 78% 18%,rgba(255,184,55,.2),transparent 25%),linear-gradient(135deg,#07111d 0%,#10283b 62%,#18232a 100%);color:#fff}
.project-identity:before,.project-identity:after{content:"";position:absolute;pointer-events:none}.project-identity:before{inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}.project-identity:after{width:46%;aspect-ratio:1;right:-5%;top:-14%;border:1px solid rgba(255,184,55,.42);border-radius:50%;box-shadow:0 0 0 38px rgba(255,184,55,.05),0 0 0 76px rgba(255,184,55,.035)}
.project-identity .identity-kicker{position:relative;right:auto;bottom:auto;display:block;padding:0;background:none;color:var(--amber);font-size:.62rem;letter-spacing:.2em;backdrop-filter:none}.project-identity strong{position:relative;z-index:1;display:block;margin-top:clamp(62px,8vw,118px);font:600 clamp(4rem,7.4vw,8.6rem)/.65 var(--display);letter-spacing:-.055em}.project-identity small{position:relative;z-index:1;display:block;max-width:430px;margin-top:32px;color:rgba(255,255,255,.76);font-size:clamp(.95rem,1.15vw,1.14rem);line-height:1.55}.project-identity i{position:absolute;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:18px;padding:15px 18px;background:rgba(5,14,24,.9);color:#fff;font-size:.65rem;font-style:normal;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.project-identity i b{color:var(--amber);font-size:1.15rem}
.honorable-mention{display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(400px,.88fr);gap:clamp(42px,5vw,82px);align-items:start;margin:54px 0 82px;padding:68px clamp(28px,4.5vw,70px);border-top:3px solid var(--amber);border-bottom:1px solid rgba(255,255,255,.38);background:linear-gradient(115deg,rgba(5,13,22,.92),rgba(19,26,31,.72));box-shadow:0 30px 80px rgba(0,0,0,.25)}
.memorial-media{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(280px,1.1fr);gap:clamp(28px,3vw,48px);height:100%;align-items:start}
.memorial-heading h2{margin:0;color:#fff;font:600 clamp(3.7rem,5.7vw,7rem)/.72 var(--display);letter-spacing:-.05em}.memorial-heading h2 em{color:var(--amber);font-weight:600}.memorial-years{margin:30px 0 0;color:rgba(255,255,255,.6);font-size:.65rem;letter-spacing:.28em}
.memorial-portrait{margin:34px 0 0;overflow:hidden;border:1px solid rgba(255,184,55,.42);background:#07111d;box-shadow:0 18px 45px rgba(0,0,0,.35)}.memorial-portrait img{display:block;width:100%;height:clamp(210px,17vw,270px);object-fit:cover;object-position:52% center;filter:saturate(.82) contrast(1.03)}.memorial-portrait figcaption,.memorial-panel figcaption{padding:12px 14px;background:rgba(5,14,24,.96);color:rgba(255,255,255,.7);font-size:.55rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:none}
.memorial-panel{position:relative;align-self:end;overflow:hidden;margin:0;border:1px solid rgba(255,184,55,.48);background:#07111d;box-shadow:0 24px 58px rgba(0,0,0,.38);text-shadow:none}.memorial-panel img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.memorial-quote{grid-column:1/-1;max-width:1500px;margin:4px auto 0;padding:34px clamp(0px,2vw,30px) 4px;border-top:1px solid rgba(255,184,55,.65);color:var(--amber);font:italic 600 clamp(1.55rem,1.85vw,2.25rem)/1.13 var(--display);letter-spacing:-.018em;text-align:center;text-wrap:balance}
.memorial-copy{align-self:center}.memorial-copy p{margin:0 0 18px;color:rgba(255,255,255,.86);font-size:clamp(.96rem,1vw,1.06rem);line-height:1.72}.memorial-copy .memorial-deck{margin-bottom:28px;color:#fff;font:500 clamp(1.45rem,1.8vw,2rem)/1.2 var(--display)}.memorial-copy cite{color:var(--amber);font-family:var(--display);font-size:1.12em}.memorial-link{display:inline-flex;align-items:center;gap:24px;margin-top:10px;padding:14px 0;border-bottom:1px solid var(--amber);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.memorial-link b{color:var(--amber);font-size:1.25rem}
.work-closing{display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,.42fr);gap:10px clamp(48px,7vw,105px);padding:74px 0 58px;border-top:3px solid var(--amber)}.work-closing .chapter-label{grid-column:1/-1}.work-closing h2{grid-column:1;margin:0;font:600 clamp(2.8rem,4.6vw,5.6rem)/.9 var(--display);letter-spacing:-.035em;text-wrap:balance}.work-closing>p:last-child{grid-column:2;align-self:end;margin:0;color:rgba(255,255,255,.86);font-size:1.03rem;line-height:1.75}
.work-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:38px 0 4px;border-top:1px solid rgba(255,255,255,.35)}.work-footer>p{max-width:410px;margin:0;color:rgba(255,255,255,.68);font-size:.72rem;line-height:1.55}.work-footer>p span{display:block;margin-bottom:6px;color:var(--amber);font-weight:600;letter-spacing:.17em}.work-actions{display:flex;align-items:center;gap:34px}.work-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 0;border-bottom:1px solid var(--amber);color:#fff;text-decoration:none}.work-actions b{color:var(--amber);font-size:1.35rem}
@media(max-width:1100px){.honorable-mention{grid-template-columns:1fr}.memorial-media{grid-template-columns:minmax(240px,.82fr) minmax(300px,1fr)}.memorial-copy{max-width:760px;align-self:start}.memorial-quote{text-align:left}}
@media(max-width:1000px){.work-magazine{width:calc(100% - 36px)}.work-cover-grid,.work-opening,.project-feature,.project-tomorrow,.project-wake,.work-closing{grid-template-columns:1fr}.work-cover-copy{max-width:780px}.work-opening h2,.work-opening-copy,.project-heading,.project-tomorrow .project-heading,.project-wake .project-heading,.project-visual,.project-tomorrow .project-visual,.project-wake .project-visual,.project-copy,.project-tomorrow .project-copy,.project-wake .project-copy,.project-narrative,.work-closing h2,.work-closing>p:last-child{grid-column:1;grid-row:auto}.work-opening-copy{columns:1}.project-copy{display:contents}.project-deck{grid-row:2;margin-bottom:0}.project-visual{grid-row:3!important}.project-narrative{grid-row:4!important}.project-result{grid-column:1}.work-closing>p:last-child{max-width:720px}}
@media(max-width:720px){.work-editorial-page{padding-bottom:34px}.work-magazine{width:calc(100% - 24px);margin-top:26px}.work-cover{padding-bottom:38px}.work-folio{grid-template-columns:1fr auto;font-size:.49rem;gap:10px}.work-folio span:nth-child(2){text-align:right}.work-folio span:last-child{display:none}.work-cover-grid{gap:30px;padding-top:28px}.work-title h1{font-size:clamp(3.4rem,16vw,5rem)}.work-deck{font-size:1.03rem}.work-byline{flex-wrap:wrap}.work-byline i{display:none}.work-article{padding-top:48px}.work-opening{gap:27px}.work-opening h2{font-size:clamp(2.35rem,11vw,3.35rem)}.work-quote{margin:50px 0;padding:30px 4px;text-align:left}.project-feature{gap:25px;padding:54px 0}.project-heading h2{font-size:clamp(3.35rem,16vw,4.8rem)}.project-visual{border-radius:16px}.project-visual img{aspect-ratio:4/3}.project-visual span{position:static;justify-content:space-between}.project-identity{min-height:420px;padding:28px 24px}.project-identity .identity-kicker{position:relative;display:block;padding:0}.project-identity strong{margin-top:78px;font-size:clamp(4.2rem,21vw,6.4rem)}.project-identity i{position:absolute}.project-result{grid-template-columns:1fr}.project-result span{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2);text-align:left}.project-result span:last-child{border-bottom:0}.honorable-mention{grid-template-columns:1fr;margin:32px -4px 60px;padding:48px 22px;gap:32px}.memorial-media{grid-template-columns:1fr}.memorial-heading,.memorial-panel,.memorial-copy,.memorial-quote{grid-column:1}.memorial-heading h2{font-size:clamp(4rem,20vw,6rem)}.memorial-portrait img{height:250px}.memorial-panel{min-height:0}.memorial-quote{padding-top:25px;font-size:clamp(1.7rem,8.5vw,2.35rem)}.work-closing{gap:27px;padding:54px 0 42px}.work-closing h2{font-size:clamp(2.7rem,13vw,4rem)}.work-footer{align-items:flex-start;flex-direction:column}.work-actions{width:100%;align-items:flex-start;flex-direction:column;gap:8px}.work-actions a{width:100%}}