:root{color-scheme:light;--paper:#e6d6b7;--ink:#302016;--rust:#a33e1e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.joint-nav{padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #92734f;font:11px monospace;letter-spacing:.12em}.joint-nav img{width:155px;mix-blend-mode:multiply}.joint-spread{display:grid;grid-template-columns:minmax(160px,1fr) minmax(300px,440px) minmax(160px,1fr);max-width:1500px;margin:auto;padding:40px 3vw 25px;gap:20px;background:radial-gradient(ellipse at center,#f4e8cf,transparent 70%)}.joint-photo{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.joint-stage{height:850px;position:relative;overflow:hidden;mix-blend-mode:multiply}.joint-stage>img{position:absolute;left:50%;top:50%;max-width:none;width:870px;transform:translate(-50%,-50%) rotate(-82deg)}.joint-photo--right .joint-stage>img{width:1000px;top:calc(50% + 60px);transform:translate(-50%,-50%) rotate(-74deg)}.joint-photo figcaption{min-height:100px;text-align:center;font:11px/1.6 monospace;letter-spacing:.12em;border-top:1px solid #ac8b64;padding:18px 8px}.joint-photo small{display:block;font-size:10px}.crude-mark{width:105px;max-height:58px;object-fit:contain;mix-blend-mode:multiply}.joint-copy{text-align:center;padding:32px 0}.kicker{font:11px/1.6 monospace;letter-spacing:.18em}.web-mark{display:block;font-size:45px;color:var(--rust);margin:20px 0 8px}.joint-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(76px,9vw,138px);line-height:.88;letter-spacing:-.035em;margin:0;color:var(--rust);transform:rotate(-3deg);text-shadow:1px 2px #f8e3b5}.joint-copy h1 span{display:block}.standfirst{font:italic 26px/1.2 Georgia,serif;margin:25px 0}.fine-rule{width:70px;height:1px;background:var(--rust);margin:28px auto}.joint-copy h2{font:24px Georgia,serif}.joint-copy>p:not(.kicker):not(.standfirst):not(.closing-line){font-size:16px;line-height:1.7;text-align:left}.joint-copy dl{text-align:left;margin:30px 0}.joint-copy dl>div{padding:15px 0;border-top:1px solid #b7a17c}.joint-copy dt{font:700 11px monospace;letter-spacing:.15em;color:var(--rust)}.joint-copy dd{margin:8px 0 0;font-size:15px;line-height:1.5}.closing-line{font:11px monospace;letter-spacing:.12em}.text-link{display:inline-block;margin-top:18px;font-size:13px}.joint-details{background:#23150e;color:#eadcc4;padding:65px 7vw;display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;align-items:center}.joint-details h2{font:clamp(35px,5vw,66px)/1.05 Impact,sans-serif;text-transform:uppercase;color:#e89554}.joint-details p{font-size:16px;line-height:1.7;max-width:60ch}.joint-details .source-note{font-size:12px;color:#cab79a}.joint-details figure{margin:0}.joint-details img{width:100%;max-height:400px;object-fit:contain;background:#fff}.joint-details figcaption{font:10px monospace;padding-top:12px}footer{padding:28px 4vw;display:flex;justify-content:space-between;gap:20px;font:11px monospace;flex-wrap:wrap}@media(max-width:760px){.joint-nav{font-size:9px}.joint-nav img{width:110px}.joint-nav>span{display:none}.joint-spread{grid-template-columns:70px minmax(0,1fr) 70px;padding:24px 8px;gap:8px}.joint-copy{padding:10px 0}.joint-copy h1{font-size:clamp(52px,12vw,90px)}.joint-copy>p:not(.kicker):not(.standfirst):not(.closing-line){font-size:14px}.joint-stage{height:700px}.joint-stage>img{width:665px;transform:translate(-50%,-50%) rotate(-88deg)}.joint-photo--right .joint-stage>img{width:880px;transform:translate(-50%,-50%) rotate(-74deg)}.joint-photo figcaption{font-size:8px;letter-spacing:0}.crude-mark{width:65px}.standfirst{font-size:21px}.joint-details{grid-template-columns:1fr;padding:40px 6vw}.joint-details figure{max-width:340px}.joint-copy dd{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--joint-scale:1.3}
@media(min-width:761px){.joint-spread{max-width:none;grid-template-columns:minmax(0,1fr) minmax(280px,350px) minmax(0,1fr);padding:30px 1vw;gap:16px}.joint-stage{height:1120px}.joint-stage>img{width:1130px}.joint-photo--right .joint-stage>img{width:1300px;top:calc(50% + 78px)}.joint-copy{padding-top:90px}}
.joint-spread{border-bottom:1px solid #92734f;background:radial-gradient(ellipse at 50% 40%,#f8ecd2 0,transparent 65%),repeating-linear-gradient(0deg,#30201603 0px,#30201603 1px,transparent 1px,transparent 4px)}.joint-copy .kicker{color:#96371f}.web-mark{border:1px solid #a33e1e;border-radius:50%;width:64px;height:64px;line-height:62px;margin:20px auto}.joint-photo figcaption{border-bottom:1px solid #ac8b64}.joint-nav{border-top:5px solid #a33e1e}.joint-details{border-top:7px solid #a33e1e}
.joint-details--editorial{padding:42px 6vw;background:radial-gradient(ellipse at right,#61281955,transparent 65%),#21140e;gap:4vw}.joint-details--editorial h2{margin:14px 0 22px}.joint-brand-notes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.joint-brand-notes article{border-top:1px solid #97684b;padding-top:14px}.joint-brand-notes span{font:10px/1.6 monospace;letter-spacing:.08em;color:#edaa76}.joint-brand-notes p{font-size:13px}.joint-details summary{font:12px monospace;cursor:pointer;padding:12px 0;color:#cfb899}.joint-endmark{border-left:1px solid #a33e1e;padding:25px}.joint-endmark span{display:block;font:clamp(26px,3vw,46px)/1.1 Impact,sans-serif;color:#e89554}.joint-endmark span:nth-child(2){color:#c9b79b}.joint-endmark small{display:block;margin-top:20px;font:10px/1.6 monospace;letter-spacing:.12em}@media(max-width:760px){.joint-details--editorial{padding:30px 22px;gap:20px}.joint-details--editorial h2{font-size:42px}.joint-details--editorial>div>p{font-size:14px}.joint-brand-notes{gap:16px}.joint-endmark{border-left:0;border-top:1px solid #a33e1e;padding:20px 0 0}.joint-endmark span{display:inline;font-size:23px;margin-right:7px}.joint-endmark small{margin-top:12px}}
.web-mark{display:flex;align-items:center;justify-content:center;color:#a33e1e}.web-mark svg{display:block;flex-shrink:0}