@font-face{font-family:BlauEditorialDisplay;src:url(../images/blaumari-editorial/PeriodPieceJNL.ttf)}
@font-face{font-family:BlauEditorialMono;src:url(../images/blaumari-editorial/SharpEarthMono-Regular.ttf)}
.deb-blau-editorial *{box-sizing:border-box}
.deb-blau-editorial{margin:0;background:#f1eadd;color:#3b3b4d;font-family:BlauEditorialMono,monospace}
.deb-blau-editorial{padding:30px 5vw;max-width:1500px;margin:auto}
.deb-blau-editorial header{display:flex;justify-content:space-between;border-top:1px solid;padding-top:20px;gap:20px}
.deb-blau-editorial header span{font-size:12px;max-width:300px}
.deb-blau-editorial .blau-editorial-title{font:400 clamp(34px,5vw,66px)/1.1 BlauEditorialDisplay,sans-serif;max-width:950px;margin:28px 0}
.deb-blau-editorial nav{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}
.deb-blau-editorial button{font:inherit;padding:12px 20px;border:1px solid #3b3b4d;background:transparent;color:inherit;cursor:pointer}
.deb-blau-editorial button[aria-pressed=true]{background:#3b3b4d;color:#f1eadd}
.deb-blau-editorial button:focus-visible,.deb-blau-editorial a:focus-visible{outline:3px solid #b82d16;outline-offset:4px}
.deb-blau-editorial .stage{background:#ded8cc;min-height:630px;display:grid;place-items:center;padding:35px;overflow:hidden}
.deb-blau-editorial .piece{background:#b82d16;color:#f1eadd;width:100%;max-width:950px;min-height:480px;padding:35px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr auto;gap:25px;transition:width .65s,min-height .65s;position:relative}
.deb-blau-editorial .piece .date{font-size:clamp(20px,3vw,42px);grid-column:1;align-self:center}
.deb-blau-editorial .piece .title{font:400 clamp(42px,6.6vw,94px)/.98 BlauEditorialDisplay;grid-column:2;grid-row:1/3;align-self:center;overflow-wrap:normal}
.deb-blau-editorial .piece .venue{font-size:13px;line-height:1.6;grid-column:1/-1;border-top:1px solid;padding-top:15px}
.deb-blau-editorial .piece .wordmark{font:400 25px BlauEditorialDisplay;align-self:end}
.deb-blau-editorial .piece .number{font:400 70px BlauEditorialDisplay;display:none}
.deb-blau-editorial .piece[data-format=street]{max-width:410px;min-height:580px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;gap:20px}
.deb-blau-editorial .piece[data-format=street] .date{font-size:22px;grid-column:1;grid-row:3}
.deb-blau-editorial .piece[data-format=street] .title{font-size:65px;grid-column:1;grid-row:2}
.deb-blau-editorial .piece[data-format=street] .wordmark{grid-row:1}
.deb-blau-editorial .piece[data-format=street] .venue{grid-row:4}
.deb-blau-editorial .piece[data-format=screen]{background:#3b3b4d;grid-template-columns:1.6fr 1fr;min-height:440px}
.deb-blau-editorial .piece[data-format=screen] .title{grid-column:1;grid-row:1/3;font-size:clamp(42px,6vw,85px)}
.deb-blau-editorial .piece[data-format=screen] .date{grid-column:2;grid-row:2;font-size:25px}
.deb-blau-editorial .piece[data-format=screen] .wordmark{grid-column:2;grid-row:1}
.deb-blau-editorial .explain{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:25px 0;font-size:15px;line-height:1.6}
.deb-blau-editorial .explain strong{font:400 28px Period}
.deb-blau-editorial .note{font-size:11px;line-height:1.6;border-top:1px solid #aaa;padding-top:15px}
.deb-blau-editorial a{color:inherit}
@media(max-width:650px){.deb-blau-editorial{padding:22px}
.deb-blau-editorial header{font-size:11px}
.deb-blau-editorial .stage{padding:15px;min-height:490px}
.deb-blau-editorial .piece{padding:20px;gap:15px;min-height:420px;grid-template-columns:1fr}
.deb-blau-editorial .piece .title{grid-column:1;grid-row:2;font-size:49px}
.deb-blau-editorial .piece .date{font-size:21px}
.deb-blau-editorial .piece .wordmark{display:none}
.deb-blau-editorial .piece[data-format=street]{min-height:500px}
.deb-blau-editorial .piece[data-format=street] .title{font-size:55px}
.deb-blau-editorial .piece[data-format=screen]{grid-template-columns:1fr;min-height:400px}
.deb-blau-editorial .piece[data-format=screen] .title{grid-column:1;grid-row:1;font-size:48px}
.deb-blau-editorial .piece[data-format=screen] .date{grid-column:1;grid-row:2}
.deb-blau-editorial .explain{grid-template-columns:1fr;gap:8px}
.deb-blau-editorial nav button{padding:12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.deb-blau-editorial *{transition:none!important}
}


.deb-blau-editorial{margin:64px 0;width:100%;max-width:none}.deb-blau-editorial .blau-editorial-title{color:#3b3b4d}.deb-blau-editorial button{border-radius:0;box-shadow:none;letter-spacing:normal}.deb-blau-editorial .piece{font-family:BlauEditorialMono,monospace}.deb-blau-editorial .piece .title{color:#f1eadd}.deb-blau-editorial .explain{color:#3b3b4d}