/* The real colourway board leads; all controls keep their existing handlers. */
body.page-tipper .tipper-opening{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.5fr);gap:clamp(24px,4vw,56px);align-items:start;padding:36px 0 24px}
body.page-tipper .tipper-opening .t-top{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:0;border:0}
body.page-tipper .tipper-opening .keep-heading{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:24px}
body.page-tipper .tipper-opening .keep-heading-copy{display:block}
body.page-tipper .tipper-opening .keep-heading-copy h1{font-size:clamp(56px,6vw,86px)!important;line-height:.96;margin:16px 0 24px}
body.page-tipper .tipper-opening .lede{font-size:18px;line-height:1.55;max-width:34ch;padding:0}
body.page-tipper .tipper-opening .keep-heading>.keep-art{width:96px;height:126px;float:none;margin:0}
body.page-tipper .tipper-opening .keep-building{width:96px!important;height:126px!important}
body.page-tipper .tipper-opening .keep-person{width:60px!important;height:88px!important;left:-8px}
body.page-tipper .tipper-opening .keep-back{margin-top:18px}
body.page-tipper .tipper-opening .side{max-width:none}
body.page-tipper .tipper-role{margin:0 0 6px;font-size:17px;line-height:1.5}
body.page-tipper .tipper-role span{display:block;font:11px/1.5 var(--meta);text-transform:uppercase;letter-spacing:.06em;color:var(--w-muted);margin-bottom:6px}
body.page-tipper .tipper-opening .fanwork{font-size:10px;line-height:1.5;align-items:flex-start;margin-top:12px}
body.page-tipper .tipper-opening #board{min-width:0;scroll-margin-top:70px}
body.page-tipper .tipper-opening #board>.head{padding:0 0 12px;align-items:center;gap:16px}
body.page-tipper .tipper-opening #board-h{font-size:24px}
body.page-tipper .tipper-opening #board>.head .meta{font-size:10px;max-width:28ch}
body.page-tipper .tipper-opening .board{grid-template-columns:minmax(0,1fr);margin-top:0}
body.page-tipper .tipper-opening .board .big{min-height:0;height:clamp(300px,30vw,430px);padding:36px 24px 20px}
body.page-tipper .tipper-opening .board .big img{max-height:360px;width:auto;max-width:100%}
body.page-tipper .tipper-opening .board .big .keep-photo{max-height:100%;display:grid;place-items:center}
body.page-tipper .tipper-opening .board .big .keep-photo>img{max-height:100%}
body.page-tipper .tipper-opening .board>.side{border-left:0;border-top:1px solid var(--w-ink);display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding:18px}
body.page-tipper .tipper-opening .board .side h3{font-size:22px}
body.page-tipper .tipper-opening .ways{grid-column:1/-1;grid-template-columns:1fr 1fr}
body.page-tipper .tipper-opening .board .note{grid-column:1/-1;margin:0}
body.page-tipper .tipper-opening .angles{align-self:center}
body.page-tipper .tipper-opening .angles button{min-height:44px}
body.page-tipper .tipper-opening .compare button .ph{height:86px}
body.page-tipper .tipper-opening .compare button img{max-height:86px}
body.page-tipper .tipper-opening .compare button img.photo{height:86px}
@media(max-width:1000px){body.page-tipper .tipper-opening{grid-template-columns:1fr;padding-top:24px;gap:28px}body.page-tipper .tipper-opening .t-top{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}body.page-tipper .tipper-opening .keep-heading{display:block}body.page-tipper .tipper-opening .keep-heading>.keep-art{display:none}body.page-tipper .tipper-opening .keep-heading-copy h1{font-size:56px!important;margin:12px 0 16px}body.page-tipper .tipper-opening .t-top>.side{align-self:end}body.page-tipper .tipper-opening .board .big{height:390px}}
@media(max-width:600px){body.page-tipper .tipper-opening .t-top{display:block}body.page-tipper .tipper-opening .kicker{font-size:10px;min-height:0}body.page-tipper .tipper-opening .keep-heading-copy h1{font-size:52px!important}body.page-tipper .tipper-opening .lede{font-size:16px;max-width:none}body.page-tipper .tipper-opening .t-top>.side{display:flex;gap:10px;margin-top:20px}body.page-tipper .tipper-role{font-size:15px}body.page-tipper .tipper-opening .fanwork{margin-top:0}body.page-tipper .tipper-opening #board>.head .meta{max-width:20ch;font-size:9px}body.page-tipper .tipper-opening .board .big{height:260px;padding:40px 14px 14px}body.page-tipper .tipper-opening .board>.side{display:flex;padding:16px;gap:12px}body.page-tipper .tipper-opening .ways{display:grid;grid-template-columns:1fr 1fr}body.page-tipper .tipper-opening .ways button{grid-template-columns:16px 1fr;padding:10px 8px;gap:7px;font-size:12px;min-height:64px}body.page-tipper .tipper-opening .ways button i{width:16px;height:16px}body.page-tipper .tipper-opening .ways small{grid-column:2;font-size:9px}body.page-tipper .tipper-opening .angles{align-self:stretch}body.page-tipper .tipper-opening .compare button .ph{height:64px}body.page-tipper .tipper-opening .compare button img{max-height:64px}body.page-tipper .tipper-opening .compare button img.photo{height:64px}}

/* Fit every angle inside its stage; never trim the brim or tall workshop shots. */
body.page-tipper .tipper-opening .board .big .keep-photo{width:100%;height:100%;min-height:0;min-width:0}
body.page-tipper .tipper-opening .board .big .keep-photo>img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){body.page-tipper .tipper-opening{gap:24px}body.page-tipper .tipper-opening .t-top{display:contents}body.page-tipper .tipper-opening .keep-heading{grid-row:1}body.page-tipper .tipper-opening #board{grid-row:2}body.page-tipper .tipper-opening .t-top>.side{grid-row:3;margin-top:0}body.page-tipper .tipper-opening .keep-back{margin-top:12px}}

body.page-tipper .tipper-opening .kicker,body.page-tipper .tipper-opening #board>.head .meta,body.page-tipper .tipper-opening .ways small,body.page-tipper .tipper-opening .compare button span,body.page-tipper .tipper-opening .compare-note{font-size:11px}
body.page-tipper .tipper-opening .board .note{font-size:12px}
body.page-tipper .tipper-opening .board .big .keep-photo>img:first-child{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}