.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.protocol-card{min-width:0;min-height:610px;position:relative;perspective:1400px;cursor:pointer;container-type:inline-size}.protocol-card.is-flipped{cursor:default}.protocol-card-inner{width:100%;height:100%;min-height:inherit;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .46s cubic-bezier(.22,1,.36,1)}.protocol-card.is-flipped .protocol-card-inner{transform:rotateY(180deg)}.protocol-card-face{position:absolute;inset:0;min-width:0;overflow:hidden;border:1px solid var(--colour-border-strong);background:var(--colour-surface);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:visibility 0s linear .23s}.protocol-card-front{display:grid;grid-template-rows:190px minmax(0,1fr) auto;transform:rotateY(0)}.protocol-card-back{display:grid;grid-template-rows:auto minmax(0,1fr) auto;transform:rotateY(180deg);visibility:hidden}.protocol-card.is-flipped .protocol-card-front{visibility:hidden}.protocol-card.is-flipped .protocol-card-back{visibility:visible}.protocol-media-slot{width:100%;height:190px;display:block;border-bottom:1px solid var(--colour-border-strong);background:var(--colour-surface-sunken);object-fit:contain}.protocol-media-frame{position:relative;width:100%;height:190px;overflow:hidden;background:var(--colour-surface-sunken);border-bottom:1px solid var(--colour-border-strong);cursor:default}.protocol-media-frame>.landing-media-frame[data-dataset-replay]{width:100%;height:100%;aspect-ratio:auto;border:0}.protocol-media-frame>.landing-media-frame:focus-visible{outline-offset:-3px}.protocol-media-status{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;color:var(--colour-text-muted);background:var(--colour-surface-sunken);font:var(--font-ui-label);letter-spacing:var(--tracking-label);text-align:center;text-transform:uppercase;pointer-events:none}.protocol-media-frame[data-replay-state=ready] .protocol-media-status{visibility:hidden}.protocol-media-placeholder{display:grid;place-items:center;color:var(--colour-text-muted);font:var(--font-ui-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.protocol-card-copy{display:grid;align-content:start;grid-template-columns:auto minmax(0,1fr);gap:13px 18px;padding:24px 24px 18px}.protocol-card-index,.protocol-card-meta dt,.protocol-comments>span,.protocol-card-back header span,.protocol-card-back thead th{color:var(--colour-text-muted);font:var(--font-ui-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.protocol-card-copy h2,.protocol-card-back h2{margin:0;color:var(--colour-text);font-weight:650;letter-spacing:-.035em}.protocol-card-copy h2{font-size:clamp(1.7rem,7cqi,2.6rem);line-height:1}.protocol-card-copy>p{grid-column:2;min-height:3.2em;margin:0;color:var(--colour-text-secondary);font-size:.98rem;line-height:1.55}.protocol-card-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:20px;margin:3px 0 0}.protocol-card-meta div{display:grid;gap:5px}.protocol-card-meta dd{margin:0;color:var(--colour-text);font-size:.88rem}.protocol-comments{grid-column:2;display:grid;gap:8px;margin-top:4px}.protocol-comments p{min-height:42px;margin:0;padding:8px 0;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border);color:var(--colour-text-secondary);font-size:.88rem;line-height:1.45}.protocol-card-footer{display:flex;align-items:stretch;justify-content:space-between;border-top:1px solid var(--colour-border-strong)}.protocol-card-footer a,.protocol-card-footer button{min-height:48px;border:0;background:transparent;color:var(--colour-action);font:650 var(--type-size-body)/1 var(--font-family-sans);text-decoration:none;cursor:pointer}.protocol-card-footer a,.protocol-card-footer button{display:inline-flex;align-items:center;padding:0 20px}.protocol-card-footer a{position:relative;z-index:2}.protocol-card-footer button{border-left:1px solid var(--colour-border)}.protocol-card-footer a:hover,.protocol-card-footer a:focus-visible,.protocol-card-footer button:hover,.protocol-card-footer button:focus-visible{background:var(--colour-surface-interactive);color:var(--colour-text)}.protocol-card-back header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:24px 24px 20px;border-bottom:1px solid var(--colour-border-strong)}.protocol-card-back header>div{display:grid;gap:8px}.protocol-card-back h2{font-size:1.6rem;line-height:1.05}.protocol-table-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}.protocol-card-back .protocol-table-scroll{padding:0 24px}.protocol-card-back table{width:100%;border-collapse:collapse;color:var(--colour-text-secondary);font-size:.78rem;line-height:1.42}.protocol-card-back th,.protocol-card-back td{padding:13px 9px;border-bottom:1px solid var(--colour-border);text-align:left;vertical-align:top}.protocol-card-back th:first-child,.protocol-card-back td:first-child{padding-left:0}.protocol-card-back th:last-child,.protocol-card-back td:last-child{padding-right:0}.protocol-card-back tbody th{min-width:190px;color:var(--colour-text);font-weight:500;letter-spacing:0;text-transform:none}.protocol-card-back tbody th strong,.protocol-card-back tbody th span{display:block}.protocol-card-back tbody th strong{margin-bottom:5px;font-size:.88rem;font-weight:650}.protocol-card-back tbody th span{color:var(--colour-text-muted)}.arrival-protocols-page .arrival-main{width:min(var(--site-wide-width),100% - (2 * var(--site-gutter)))}.protocols-page{display:grid;gap:var(--site-section-space)}.protocols-intro{max-width:var(--site-intro-width);display:grid;gap:var(--space-sm)}.protocols-intro a{color:var(--colour-action)}.protocols-intro h1{margin:0;color:var(--colour-text);font-size:clamp(32px,5vw,56px);font-weight:650;line-height:.98;letter-spacing:-.055em;text-wrap:balance}@media(max-width:940px){.protocol-grid{grid-template-columns:1fr}.protocol-card{min-height:580px}}@media(max-width:620px){.arrival-protocols-page .arrival-main{width:calc(100% - (2 * var(--site-gutter)))}.protocols-page{gap:var(--site-section-space)}.protocol-card{min-height:640px}.protocol-card-front{grid-template-rows:150px minmax(0,1fr) auto}.protocol-media-slot,.protocol-media-frame{height:150px}.protocol-card-copy{grid-template-columns:1fr;padding:20px}.protocol-card-copy>p,.protocol-card-meta,.protocol-comments{grid-column:1}.protocol-card-index{display:none}.protocol-card-footer{display:grid;grid-template-columns:1fr 1fr}.protocol-card-footer a,.protocol-card-footer button{justify-content:center;padding:0 10px;font-size:.78rem}.protocol-card-back header{padding:18px 18px 16px}.protocol-card-back .protocol-table-scroll{padding:0 18px;overflow:hidden}.protocol-card-back table{width:100%;display:block;font-size:.74rem}.protocol-card-back thead{display:none}.protocol-card-back tbody{width:100%;display:block}.protocol-card-back tbody tr{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 12px;padding:12px 0;border-bottom:1px solid var(--colour-border)}.protocol-card-back tbody th,.protocol-card-back tbody td{min-width:0;padding:0;border:0}.protocol-card-back tbody td:first-child{grid-column:1;grid-row:1 / span 4;color:var(--colour-text-muted);font:650 var(--type-size-label)/1.2 var(--font-family-mono)}.protocol-card-back tbody th{grid-column:2;padding-bottom:8px}.protocol-card-back tbody td:not(:first-child){grid-column:2;display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding-top:3px}.protocol-card-back tbody td:not(:first-child):before{content:attr(data-label);color:var(--colour-text-muted);font:650 9px/1.4 var(--font-family-mono);letter-spacing:.1em;text-transform:uppercase}}@media(prefers-reduced-motion:reduce){.protocol-card-inner,.protocol-card.is-flipped .protocol-card-inner{transform:none}.protocol-card-back{z-index:2;opacity:0;transform:none;visibility:hidden;pointer-events:none;transition-delay:0s}.protocol-card.is-flipped .protocol-card-front{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s}.protocol-card.is-flipped .protocol-card-back{opacity:1;visibility:visible;pointer-events:auto}.protocol-card:not(.is-flipped) .protocol-card-front{visibility:visible;transition-delay:0s}}
