/* UMBRAL only: the supplied palette and compositions. */
.um-page,.um-project{--um-ivory:#F5F1EB;--um-ink:#171518;--um-gold:#B69A57;--um-blue:#1E2E72;--um-cloud:#F9A2B8;--um-pink:#D97B9A;--um-peach:#F1D2BF;--um-blush:#E7B1A4;--um-aqua:#A9DFE5;--um-rule:#B69A5766}
.editorial .um-work{background:#F5F1EB;display:flex;align-items:center;justify-content:center;padding:0}
.editorial .um-work img{width:100%;height:auto;max-width:100%;object-fit:contain;box-shadow:none;transform:none}
.um-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px}
.um-topline .back-link{margin:0;padding:0}.um-topline .textlink,.um-print{font:400 12px/1.7 var(--sans)}
.um-print{color:var(--um-ink);background:transparent;border:0;border-bottom:1px solid currentColor;padding:3px 0;cursor:pointer}
.um-opening-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:70px;padding:55px 0 40px}
.um-opening h1{font:500 clamp(76px,10.5vw,150px)/.95 var(--serif);letter-spacing:-.045em;margin:22px 0 0}
.um-creditline{font-size:14px;line-height:1.7}.um-opening-intro{font:500 clamp(22px,2.4vw,33px)/1.3 var(--serif);margin:18px 0 0;max-width:470px}
.um-project h2{font:500 clamp(38px,4.6vw,66px)/1.1 var(--serif);letter-spacing:-.035em}
.um-project h2 em{font-weight:500;color:var(--um-blue)}
.um-sheet{position:relative;container-type:inline-size;margin:0}
.um-sheet>img{display:block;width:100%;height:auto;object-fit:contain;transform:none;box-shadow:none}
.um-cover figcaption{font-size:12px;margin-top:15px;color:var(--um-ink)}
.um-section{padding:80px 0}.um-concept{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--um-rule)}
.um-concept h2,.um-system h2{margin-top:24px}.um-concept-copy>p{font-size:16px;line-height:1.85;max-width:510px}
.um-concept-copy>p+p{margin-top:20px}.um-concept-copy .um-personal{font-size:13px;margin-top:30px}
.um-story-section{padding-top:65px}.um-section-label{margin-bottom:26px}
.um-sheet-copy{position:absolute;top:27%;right:6.5%;width:33%;color:var(--um-ink)}
.um-folio{font-size:12px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:var(--um-blue);margin-bottom:24px}
.um-sheet-copy h2{font-size:clamp(30px,4.15cqw,57px);line-height:1.08;margin-bottom:25px;letter-spacing:-.035em}
.um-sheet-copy>p:not(.um-folio):not(.um-counter-kicker):not(.um-quote){font-size:clamp(15px,1.32cqw,18px);line-height:1.85;max-width:32em}
.um-sheet-copy .um-quote{font:italic 500 clamp(21px,2.3cqw,32px)/1.25 var(--serif);color:var(--um-blue);margin-top:28px;padding-top:17px;border-top:1px solid var(--um-rule)}
.um-counterpoint .um-sheet-copy{top:21%;left:6.5%;right:auto;width:32%}
.um-counterpoint .um-folio{margin-bottom:42px}.um-counter-kicker{font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:17px}
.um-counterpoint .um-sheet-copy h2{font-size:clamp(32px,4.4cqw,61px);margin-bottom:30px}
.um-enlarge{display:block;width:fit-content;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px;margin-top:16px}
.um-system{margin-top:70px;border-top:1px solid var(--um-rule)}
.um-system-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.um-system-heading>p{font-size:16px;line-height:1.85;max-width:500px}
.um-palette{display:flex;height:100px;margin:48px 0 30px;border-block:1px solid var(--um-rule)}
.um-palette>span{flex:1}.um-palette>span:first-child{flex:3}.um-palette>span:nth-child(2){flex:1.5}.um-palette>span:nth-child(4){flex:2}
.um-tone-ivory{background:var(--um-ivory)}.um-tone-ink{background:var(--um-ink)}.um-tone-gold{background:var(--um-gold)}.um-tone-blue{background:var(--um-blue)}.um-tone-cloud{background:var(--um-cloud)}.um-tone-pink{background:var(--um-pink)}.um-tone-peach{background:var(--um-peach)}.um-tone-blush{background:var(--um-blush)}.um-tone-aqua{background:var(--um-aqua)}
.um-palette-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 30px;list-style:none;padding:0;margin:0}
.um-palette-legend li{display:flex;gap:13px;align-items:center;font-size:13px;line-height:1.5}.um-palette-legend small{display:block;font-size:12px;margin-top:3px;letter-spacing:.04em}
.um-swatch{width:24px;height:24px;flex-shrink:0;border:1px solid var(--um-rule)}
.um-system-notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:48px;padding-top:30px;border-top:1px solid var(--um-rule)}
.um-system-notes p{font-size:15px;line-height:1.9}.um-system-notes .um-skills{font-size:13px;line-height:2}
.um-closing{border-top:1px solid var(--um-rule);padding:65px 0 75px;text-align:center}
.um-closing .section-kicker{justify-content:center}.um-closing h2{margin:30px 0}.um-closing>p:not(.section-kicker){font-size:13px;line-height:1.8}.um-closing .textlink{margin-top:30px}
@media(max-width:1000px){.um-opening-heading,.um-concept,.um-system-heading,.um-system-notes{gap:35px}.um-opening h1{font-size:10.5vw}.um-sheet-copy{top:22%;right:5%;width:35%}.um-counterpoint .um-sheet-copy{top:15%;left:5%;width:35%}.um-folio{margin-bottom:18px}.um-sheet-copy h2{margin-bottom:18px}.um-counterpoint .um-folio{margin-bottom:24px}.um-sheet-copy .um-quote{margin-top:18px;padding-top:13px}}
@media(max-width:800px){
 .um-topline{align-items:flex-start;flex-wrap:wrap;padding-top:25px;gap:12px}.um-opening-heading{grid-template-columns:1fr;gap:25px;padding:35px 0 30px}
 .um-opening h1{font-size:clamp(70px,17vw,116px)}.um-opening-intro{font-size:25px;max-width:500px}.um-creditline{font-size:13px}
 .um-section{padding:45px 0}.um-concept,.um-system-heading,.um-system-notes{grid-template-columns:1fr;gap:27px}.um-project h2{font-size:clamp(36px,8vw,50px)}
 .um-concept h2,.um-system h2{margin-top:20px}.um-concept-copy>p,.um-system-heading>p{font-size:16px}.um-concept-copy .um-personal{font-size:13px;margin-top:23px}
 .um-story-section{padding-top:42px}.um-section-label{margin-bottom:23px}.um-sheet-copy,.um-counterpoint .um-sheet-copy{position:static;width:auto;padding:28px 0 8px;max-width:560px}
 .um-sheet-copy h2,.um-counterpoint .um-sheet-copy h2{font-size:clamp(38px,9vw,55px);margin-bottom:20px}.um-sheet-copy>p:not(.um-folio):not(.um-counter-kicker):not(.um-quote){font-size:16px;line-height:1.85}
 .um-folio,.um-counterpoint .um-folio{margin-bottom:20px}.um-sheet-copy .um-quote{font-size:27px;margin-top:23px;max-width:350px}.um-counter-kicker{font-size:12px}.um-enlarge{margin-top:20px}
 .um-system{margin-top:45px}.um-palette{height:65px;margin:30px 0 25px}.um-palette-legend{grid-template-columns:1fr 1fr;gap:22px 18px}.um-palette-legend li{font-size:12px;gap:10px}.um-palette-legend small{font-size:12px}
 .um-system-notes{margin-top:33px;padding-top:25px;gap:23px}.um-closing{padding:45px 0 55px}.um-closing h2{margin:25px 0}.um-closing>p:not(.section-kicker){max-width:420px;margin:auto}
}
@page{size:A4 landscape;margin:0}
@media print{
 .um-page{background:var(--um-ivory);print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .um-page .wrap{width:100%;margin:0}.um-page .header,.um-page .skip,.um-page .prototype-note,.um-topline,.um-opening-heading,.um-concept,.um-section-label,.um-enlarge,.um-system,.um-closing,.um-cover figcaption{display:none!important}
 .um-opening,.um-story-section{padding:0;margin:0;border:0}.um-sheet{width:280.5mm;height:210mm;margin:auto;break-after:page;page-break-after:always;position:relative}
 .um-sheet>img{width:100%;height:100%;object-fit:contain}.um-counterpoint{break-after:auto;page-break-after:auto}
 .um-sheet-copy,.um-counterpoint .um-sheet-copy{position:absolute;max-width:none;padding:0;top:24%;left:auto;right:6.5%;width:33%}
 .um-sheet-copy h2{font-size:41px}.um-sheet-copy>p:not(.um-folio):not(.um-counter-kicker):not(.um-quote){font-size:14px;line-height:1.8}.um-sheet-copy .um-quote{font-size:24px}
 .um-counterpoint .um-sheet-copy{left:6.5%;right:auto;top:20%;width:32%}.um-counterpoint .um-sheet-copy h2{font-size:44px}.um-folio{font-size:10px}
}