/* Editorial strategy case study. Shared portfolio typography; page-scoped dark palette. */
body.strategy-editorial{--paper:#190615;--ink:#EEF4F9;--soft:rgba(238,244,249,.06);--muted:#EEF4F9;--line:rgba(238,244,249,.22);width:auto;max-width:none;margin:0;padding:18px 4vw 0;background:#190615;color:#EEF4F9;font-family:var(--font)}
.strategy-editorial *{box-sizing:border-box}.strategy-editorial h1,.strategy-editorial h2,.strategy-editorial h3,.strategy-editorial p{color:inherit}.strategy-editorial a:focus-visible,.strategy-editorial button:focus-visible{outline:2px solid #EEF4F9;outline-offset:6px}.strategy-editorial .se-header{position:relative;top:auto;background:transparent;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0 22px;gap:28px;font-size:12px;z-index:3}.strategy-editorial .name{background:transparent;padding:0;font-size:16px}.se-role{color:var(--muted)}.strategy-editorial .se-header nav{display:flex;margin-left:auto;gap:26px}.strategy-editorial .se-header a:hover{text-decoration:underline;text-underline-offset:5px}.se-main{max-width:1600px;margin:auto}.se-main:focus{outline:none}.se-kicker{font-size:10px!important;text-transform:uppercase;letter-spacing:.12em;line-height:1.4;margin:0 0 28px;color:var(--muted)!important}.se-masthead{padding:88px 0 58px;display:grid;grid-template-columns:1.5fr 1fr;column-gap:8vw;align-items:end}.se-masthead>.se-kicker{grid-column:1/-1}.strategy-editorial h1{font-size:clamp(64px,7.4vw,120px);font-weight:500;letter-spacing:-.065em;line-height:.97}.se-masthead h1 span{color:#EEF4F9}.se-intro{max-width:355px;padding-bottom:5px}.se-intro p{font-size:clamp(18px,1.6vw,24px);line-height:1.4;letter-spacing:-.025em}.se-jump{font-size:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-top:36px;padding:14px 0}.se-jump span{font-size:24px}.strategy-editorial figure{margin:0}.strategy-editorial img{display:block;max-width:100%}.se-cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:rgba(238,244,249,.06)}.strategy-editorial figcaption{color:var(--muted);font-size:10px;line-height:1.5;padding-top:12px}.se-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:38px 0 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.se-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.se-facts dd{font-size:13px;line-height:1.4;margin:0}.strategy-editorial section{min-height:0;padding:100px 0;scroll-margin-top:30px}.strategy-editorial h2{font-size:clamp(36px,4.2vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:0 0 30px}.strategy-editorial :where(main) h3{font-size:25px;font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:18px 0}.strategy-editorial section p{font-size:16px;line-height:1.65;max-width:660px;margin-top:0}.se-brief{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.se-brief>div{max-width:790px}.strategy-editorial .se-premise{border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr;gap:40px 8vw}.se-premise-copy{align-self:end}.strategy-editorial .se-note{font-size:12px;line-height:1.6;color:var(--muted)}.se-choice{grid-column:1/-1;border-left:1px solid #EEF4F9;padding:12px 0 12px 36px;margin-top:28px;max-width:920px}.se-choice .hand{color:#EEF4F9;font-size:24px;display:block;margin-bottom:16px}.strategy-editorial .se-choice p{font-size:clamp(26px,3vw,45px);line-height:1.2;letter-spacing:-.035em;max-width:850px;margin:0}.se-wide img{width:100%;height:auto}.se-section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:0 8vw;align-items:end;margin-bottom:46px}.se-section-heading .se-kicker{grid-column:1/-1}.se-section-heading h2{margin-bottom:0}.strategy-editorial .se-section-heading>p:last-child{max-width:440px;margin-bottom:0}.se-timeline{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0}.se-timeline li{border-top:1px solid var(--line);padding-top:22px}.se-timeline li>span{font-size:10px;color:var(--muted)}.strategy-editorial .se-timeline p{font-size:14px;line-height:1.6}.strategy-editorial .se-mechanics{padding-top:30px}.se-mechanics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.se-mechanics-grid article{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;align-items:start}.se-number{color:#EEF4F9;font-size:14px}.se-mechanics-grid h3{max-width:320px}.strategy-editorial .se-mechanics-grid p{font-size:14px;line-height:1.65;max-width:360px}.se-detail{font-size:12px;border-bottom:1px solid var(--line);padding:10px 0;margin-top:auto}.se-detail:hover{color:#EEF4F9}.strategy-editorial .se-visual{display:grid;grid-template-columns:1fr 1.4fr;gap:6vw;align-items:center}.se-visual .se-section-heading{display:block;margin:0}.se-visual h2{margin-bottom:26px}.se-visual figure img{width:100%;height:auto}.strategy-editorial .se-close{border-top:1px solid var(--line);padding-bottom:90px}.se-close>h2{font-size:clamp(42px,5.4vw,88px);max-width:1000px;margin-bottom:55px}.se-close-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw}.se-close-grid>p{max-width:500px!important;font-size:22px!important;letter-spacing:-.025em;line-height:1.45!important}.strategy-editorial .se-status{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#EEF4F9}.se-deck-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0 14px;font-size:16px;gap:24px}.se-deck-link:hover{color:#EEF4F9}.strategy-editorial .se-footer{max-width:1600px;margin:auto;padding:25px 0;min-height:80px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.se-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.strategy-editorial .se-dialog{width:min(94vw,1500px);max-height:92svh;padding:22px;background:#190615;color:#EEF4F9;border:1px solid var(--line)}.se-dialog::backdrop{background:#000c}.se-dialog-close{float:right;border:1px solid var(--line);background:transparent;color:inherit;padding:10px 16px;cursor:pointer}.se-dialog-label{font-size:12px;margin:12px 120px 25px 0}.se-dialog img{max-height:75svh;width:100%;height:auto;object-fit:contain}.strategy-editorial .skip{background:#EEF4F9;color:#190615}
@media(min-width:1800px){.se-header{max-width:1600px;margin:auto}}
@media(max-width:900px){.se-role{display:none}.se-masthead{column-gap:40px}.se-timeline{grid-template-columns:repeat(2,1fr);gap:32px}.se-mechanics-grid{gap:24px}.strategy-editorial section{padding:76px 0}.strategy-editorial .se-visual{grid-template-columns:1fr}.se-visual .se-section-heading{max-width:650px}.se-facts{gap:20px}.se-brief{grid-template-columns:1fr;gap:10px}}
@media(max-width:600px){body.strategy-editorial{padding:10px 6vw 0}.strategy-editorial .se-header{align-items:start;gap:16px;padding:14px 0 20px;flex-wrap:wrap}.strategy-editorial .se-header nav{width:100%;margin:0;justify-content:space-between;gap:15px;font-size:10px}.se-masthead{padding:54px 0 36px;display:block}.strategy-editorial h1{font-size:clamp(58px,14vw,84px)}.se-intro{max-width:100%;margin-top:30px}.se-intro p{font-size:18px;max-width:340px}.se-jump{margin-top:22px}.se-cover img{aspect-ratio:3/2}.se-facts{grid-template-columns:1fr 1fr;gap:26px 20px;margin-top:26px}.strategy-editorial section{padding:58px 0}.strategy-editorial h2{font-size:38px;letter-spacing:-.05em}.strategy-editorial section p{font-size:15px}.strategy-editorial .se-premise{display:block}.se-premise-copy{margin-top:25px}.se-choice{padding:8px 0 8px 22px;margin:38px 0 0}.strategy-editorial .se-choice p{font-size:28px}.se-section-heading{display:block;margin-bottom:32px}.se-section-heading h2{margin-bottom:25px}.se-timeline{gap:28px 22px}.strategy-editorial :where(main) h3{font-size:22px}.strategy-editorial .se-timeline p{font-size:13px}.se-mechanics-grid{grid-template-columns:1fr;gap:32px}.se-mechanics-grid h3{max-width:none}.se-mechanics-grid article p{max-width:none}.strategy-editorial .se-mechanics{padding-top:15px}.strategy-editorial .se-visual{gap:32px}.se-close-grid{display:block}.se-close-grid>p{font-size:20px!important;margin-bottom:36px}.se-close>h2{font-size:45px;margin-bottom:32px}.strategy-editorial .se-close{padding-bottom:60px}.se-kicker{margin-bottom:22px}.strategy-editorial .se-dialog{padding:14px}.se-dialog-label{margin-top:60px;margin-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The shared stylesheet pins light-page text colours globally. Scope the dark-page exception here. */
body.strategy-editorial,body.strategy-editorial :is(button,input,summary,a,p,small,figcaption,h1,h2,h3,dt,dd){color:var(--ink)!important}
body.strategy-editorial :is(.se-kicker,.se-note,figcaption,.se-facts dt){color:var(--muted)!important}
body.strategy-editorial .se-status{color:#EEF4F9!important}
body.strategy-editorial :is(.se-detail,.se-deck-link):hover{color:#EEF4F9!important}
body.strategy-editorial .skip{color:#190615!important}

/* Align project facts with the Leegality credentials band. */
.strategy-editorial .credentials.se-facts{grid-template-columns:1fr 1.4fr 1fr 1.3fr;gap:25px;margin:38px 0 0;padding:25px 0}
.strategy-editorial .credentials.se-facts dd{line-height:1.5}
.strategy-editorial :is(.se-journey,.se-mechanics) .se-section-heading{display:block;max-width:none;margin-bottom:26px}
.strategy-editorial :is(.se-journey,.se-mechanics) .se-section-heading h2{margin-bottom:22px;max-width:none}
.strategy-editorial :is(.se-journey,.se-mechanics) .se-section-heading>p:last-child{max-width:760px}
.strategy-editorial .se-stage{display:block;font-family:Caveat,'Bradley Hand',cursive;font-size:25px;font-weight:600;line-height:1.3;color:var(--muted);margin-bottom:18px}
.strategy-editorial .se-mechanics-grid article{display:block}
.strategy-editorial .se-interaction-hint{font-size:10px;color:var(--muted)!important;margin:0 0 26px;line-height:1.5}
.se-touch-hint{display:none}
.se-flip{display:block;width:100%;perspective:1100px;cursor:zoom-in;text-decoration:none;border-radius:2px}
.se-flip-inner{display:grid;transform-style:preserve-3d;transition:transform 260ms cubic-bezier(.23,1,.32,1)}
.se-flip-front,.se-flip-back{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0}
.se-flip-front{min-height:230px;padding:0 0 16px;background:var(--paper)}
.strategy-editorial .se-flip-front h3{margin-top:0}
.se-flip-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--paper);padding:0 0 14px}
.se-flip-back img{width:100%;height:195px;object-fit:contain;object-position:center;max-width:100%;border:0}
.se-flip-back>span{font-size:10px;color:var(--muted)}
.se-mechanics-grid .se-flip-front{min-height:255px}
.se-mechanics-grid .se-flip-back img{height:220px}
.se-flip.is-preview .se-flip-inner,.se-flip:focus-visible .se-flip-inner{transform:rotateY(180deg)}
.se-flip:focus-visible .se-flip-inner{transition:none}
@media(hover:hover) and (pointer:fine){.se-flip:hover .se-flip-inner{transform:rotateY(180deg)}}
@media(hover:none),(pointer:coarse){.se-mouse-hint{display:none}.se-touch-hint{display:inline}.se-flip-back>span{font-size:0}.se-flip-back>span:after{content:'Tap again to enlarge ↗';font-size:10px}}
@media(max-width:900px){.strategy-editorial .credentials.se-facts{grid-template-columns:1fr 1.4fr;gap:25px 24px}.se-timeline{gap:32px}.se-mechanics-grid{grid-template-columns:1fr;gap:32px}.se-mechanics-grid .se-flip-front{min-height:210px}.se-mechanics-grid .se-flip-back img{height:185px}}
@media(max-width:600px){.strategy-editorial .credentials.se-facts{margin-top:26px;grid-template-columns:1fr 1fr;gap:26px 20px}.strategy-editorial .se-stage{font-size:24px}.se-timeline{grid-template-columns:1fr;gap:26px}.se-flip-front{min-height:175px}.se-flip-back img{height:150px}.se-mechanics-grid .se-flip-front{min-height:205px}.se-mechanics-grid .se-flip-back img{height:180px}}
@media(prefers-reduced-motion:reduce){.se-flip-inner{transition:none;transform:none!important}.se-flip-back{transform:none;visibility:hidden}.se-flip.is-preview .se-flip-front,.se-flip:focus-visible .se-flip-front{visibility:hidden}.se-flip.is-preview .se-flip-back,.se-flip:focus-visible .se-flip-back{visibility:visible}}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.se-flip:hover .se-flip-front{visibility:hidden}.se-flip:hover .se-flip-back{visibility:visible}}

/* Portfolio shell: shared sticky navigation, then the cover, then the story. */
body.strategy-editorial>header{--paper:#fff;--ink:#190615;--muted:#6a5866;--line:#C8D3DF;color:#190615!important;position:sticky;top:12px;z-index:50}
body.strategy-editorial>header .capability-menu{display:block}
body.strategy-editorial>header .capability-panel{color:#190615;background:#fff}
body.strategy-editorial>header nav a:hover,body.strategy-editorial>header nav a:focus-visible,body.strategy-editorial>header .name:hover,body.strategy-editorial>header .name:focus-visible,body.strategy-editorial>header .menu:hover,body.strategy-editorial>header .menu:focus-visible{color:#EEF4F9!important}
.strategy-editorial .se-main>.se-cover{margin-top:24px}
.strategy-editorial .se-masthead{padding-top:72px}
body.strategy-editorial>footer{margin-top:36px}
@media(max-width:900px){body.strategy-editorial>header .capability-menu{display:none}}

/* Match the portfolio's shared 16px case-study corners. */
body.strategy-editorial{--case-radius:16px}
.strategy-editorial :is(.se-cover img,.se-wide img,.se-visual figure img){border-radius:var(--case-radius);overflow:hidden}
.strategy-editorial .se-flip{border:1px solid var(--line);border-radius:var(--case-radius)}
.strategy-editorial .se-flip-front{padding:18px;border-radius:var(--case-radius)}
.strategy-editorial .se-flip-back{padding:12px;border-radius:var(--case-radius)}
.strategy-editorial .se-flip-back img{border-radius:var(--case-radius)}
.strategy-editorial .se-dialog{border-radius:var(--case-radius)}
.strategy-editorial .se-dialog img{border-radius:var(--case-radius)}
.strategy-editorial .se-dialog-close{border-radius:6px}
.strategy-editorial .se-choice{border:1px solid var(--line);border-radius:var(--case-radius);padding:28px}

/* Handwritten section cues, using the portfolio's existing hand font. */
body.strategy-editorial .se-kicker{font-family:Caveat,'Bradley Hand',cursive;font-size:27px!important;font-weight:600;line-height:1.25;text-transform:none;letter-spacing:0}

/* Small handwritten cues sit below the headline hierarchy. */
body.strategy-editorial .se-kicker{font-size:21px!important}
body.strategy-editorial .se-stage{font-size:19px}
body.strategy-editorial .se-choice .hand{font-size:21px}
@media(max-width:600px){body.strategy-editorial .se-kicker{font-size:19px!important}body.strategy-editorial .se-stage{font-size:18px}}

/* Rounded artwork only: no outlined boxes on journey/participation cards or zoom. */
.strategy-editorial .se-flip{border:0}
.strategy-editorial .se-dialog{border:0;box-shadow:none}
.strategy-editorial .se-dialog-close{border:0}
.strategy-editorial .se-choice{border:0;border-left:1px solid var(--line);border-radius:0}

/* The existing Leegality flipbook, sized for landscape deck slides. */
.strategy-editorial .se-deck-book{background:rgba(238,244,249,.06);border:0;border-radius:16px;aspect-ratio:16/7;margin:0 0 42px}
.strategy-editorial .se-deck-book .lr-book{width:90%;height:auto;aspect-ratio:32/9}
.strategy-editorial .se-deck-book .lr-book img{object-fit:contain;border-radius:0}
body.strategy-editorial .se-deck-book .bk-nav{color:#190615!important}
.strategy-editorial .se-deck-book .bk-nav:focus-visible{opacity:1}
@media(max-width:760px){.strategy-editorial .se-deck-book{aspect-ratio:16/8}.strategy-editorial .se-deck-book .lr-book{width:92%}.strategy-editorial .se-deck-book .bk-nav{width:30px;height:30px}.strategy-editorial .se-deck-book .bk-nav.prev{left:3px}.strategy-editorial .se-deck-book .bk-nav.next{right:3px}}