@font-face{font-family:'PD Preview';src:url('../editorial/libre-franklin-bold.ttf') format('truetype');font-weight:700;font-display:swap}
/* Product identity is content: retain ProtocolDock's real mark, ink and orange. */
.pd-preview{--pd-ink:#18191b;--pd-paper:#eff0f1;--pd-orange:#ff4a1f;background:var(--pd-ink);color:var(--pd-paper);padding:32px;display:flex;flex-direction:column;gap:26px;text-align:left;min-width:0;min-height:430px}
.pd-preview-brand{display:flex;align-items:center;gap:12px;font:700 25px/1.2 'PD Preview',var(--sans)}
.pd-preview .pd-preview-brand img{width:42px;height:42px;aspect-ratio:1;object-fit:contain;margin:0;box-shadow:none;filter:none;max-height:none}
.pd-preview h3{font:700 42px/1.05 'PD Preview',var(--sans);letter-spacing:-.035em;max-width:none;margin:0;text-wrap:balance}
.pd-preview h3 span{color:var(--pd-orange)}
.pd-preview p{font:400 17px/1.5 var(--sans);color:#e0e1e2;max-width:42ch;margin:0}
.pd-preview-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;font-size:14px;line-height:1.4}
.pd-preview-capabilities span{padding:12px 0;border-top:1px solid #4b4d50}
.pd-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;font:400 12px/1.4 var(--sans);color:#c4c6c7}
.pd-preview-action{display:inline-flex;align-items:center;gap:12px;color:var(--pd-orange);font-weight:700}
.product-preview-link{text-decoration:none;display:block;margin-top:24px}
.product-preview-link:hover .pd-preview-action{text-decoration:underline}
.software-exhibit{color:inherit;text-decoration:none}
.software-exhibit .pd-preview-hero{min-height:35.87vw;padding:2.6vw;gap:1.7vw}
.pd-preview-hero .pd-preview-brand{font-size:1.8vw}
.pd-preview-hero h3{font-size:3.3vw}
.pd-preview-hero p{font-size:1.2vw}
.pd-preview-hero .pd-preview-capabilities{font-size:1vw}
.pd-preview-hero .pd-preview-bottom{font-size:.85vw}
.pd-preview-hero .pd-preview-brand img{width:3vw;height:3vw}
.project-image:has(.pd-preview){background:#18191b;text-decoration:none}
.project-image .pd-preview{min-height:470px}
.project-image .pd-preview p{max-width:42ch}
.project-image .pd-preview h3{font:700 42px/1.05 'PD Preview',var(--sans);margin:0}
/* Different research evidence below the gaze-method introduction. */
.work-pair{align-items:stretch;gap:28px}
.research-feature{display:flex;flex-direction:column;background:#dfe9da;padding:34px}
.research-feature h3{font:400 clamp(46px,4.2vw,68px)/1.04 var(--serif);letter-spacing:-.035em;margin:32px 0 22px}
.work-preview.research-feature>p{font-size:20px;line-height:1.5;margin:0;max-width:40ch}
.interval-method{margin:32px 0;padding:24px 0;border-top:1px solid #8ba38a;border-bottom:1px solid #8ba38a}
.interval-method>div{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:20px;font-size:15px}
.interval-method>div+div{margin-top:18px}
.interval-track{display:block;height:34px;background:#c4d6be}
.interval-track i{display:block;width:40%;height:100%;background:#174333}
.interval-method>div:nth-child(2) i{width:68%}
.interval-method small{display:block;font-size:13px;line-height:1.5;margin-top:20px;color:#354b36}
.work-preview.research-feature .research-methods{font-size:15px;color:#354b36;margin-bottom:28px}
.research-feature .work-link{margin-top:auto}
.software-feature{padding:34px;background:#eaece4}
.software-feature .work-link{text-decoration:none}
.software-feature>p{font-size:18px;line-height:1.5}
.software-caption .description{max-width:32ch;font-size:1.25vw;line-height:1.5}
.home-software-list{margin-top:26px}
.home-software-list>a{display:grid;grid-template-columns:128px 1fr 20px;align-items:center;gap:20px;padding:24px 0;border-top:1px solid #9daaa0;text-decoration:none}
.work-preview.software .home-software-list img{width:128px;height:86px;aspect-ratio:auto;object-fit:cover;margin:0}
.home-software-list h3{font:400 26px/1.2 var(--serif);letter-spacing:-.025em;margin:0}
.work-preview .home-software-list p{font-size:16px;line-height:1.45;margin:8px 0 0}
.home-software-list>a:hover h3{text-decoration:underline;text-underline-offset:.15em}
@media(max-width:1100px){.home-software-list>a{grid-template-columns:90px 1fr;gap:16px}.work-preview.software .home-software-list img{width:90px;height:76px}.home-software-list .arrow{display:none}.home-software-list h3{font-size:24px}.software-caption .description{font-size:17px}}
@media(max-width:760px){.software-caption .description{font-size:18px;max-width:30ch}.home-software-list>a{padding:22px 0;grid-template-columns:76px 1fr;gap:14px}.work-preview.software .home-software-list img{width:76px;height:72px}.home-software-list h3{font-size:23px}.work-preview .home-software-list p{font-size:16px}}
/* A compact, wrapping footer rather than two stacked directories. */
.editorial-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 28px;padding:24px 0;margin-inline:var(--space)}
.editorial-footer>div{display:flex;gap:22px;align-items:baseline;grid-column:1;grid-row:1}
.editorial-footer .wordmark{font-size:22px}
.editorial-footer>div p{font-size:14px;line-height:1.4;margin:0}
.editorial-footer nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px;font-size:14px;line-height:1.5}
.editorial-footer nav[aria-label="Explore"]{grid-column:1;grid-row:2}
.editorial-footer nav[aria-label="Profiles"]{grid-column:2;grid-row:1;justify-content:flex-end}
.editorial-footer .footer-extra{grid-column:1;grid-row:3}
.editorial-footer small{grid-column:2;grid-row:2/span 2;align-self:end;justify-self:end;font-size:13px}
@media(max-width:1100px){.software-exhibit .pd-preview-hero{min-height:0;padding:24px;gap:22px}.pd-preview-hero .pd-preview-brand{font-size:22px}.pd-preview-hero h3{font-size:32px}.pd-preview-hero p{font-size:16px}.pd-preview-hero .pd-preview-capabilities{font-size:13px;grid-template-columns:1fr}.pd-preview-hero .pd-preview-bottom{font-size:12px;align-items:flex-start;flex-direction:column}.pd-preview-hero .pd-preview-brand img{width:36px;height:36px}.editorial-footer>div{flex-direction:column;gap:6px}.editorial-footer nav[aria-label="Profiles"]{max-width:230px}}
@media(max-width:760px){.software-exhibit .pd-preview-hero{padding:28px;gap:24px}.pd-preview-hero h3{font-size:38px}.pd-preview-hero .pd-preview-capabilities{grid-template-columns:1fr 1fr}.gaze-sequence{gap:12px}.gaze-item:not(:last-child)::after{right:-10px;width:7px;height:7px}.research-feature,.software-feature{padding:26px}.research-feature h3{font-size:48px;margin-top:28px}.work-preview.research-feature>p{font-size:19px}.pd-preview{padding:26px;gap:24px;min-height:0}.pd-preview h3,.project-image .pd-preview h3{font-size:36px}.pd-preview-brand{font-size:23px}.pd-preview-bottom{flex-direction:column;align-items:flex-start;gap:14px}.project-image .pd-preview{min-height:0}.interval-method>div{grid-template-columns:100px 1fr;gap:14px;font-size:14px}.editorial-footer{grid-template-columns:1fr;gap:16px;padding:22px 0}.editorial-footer>div,.editorial-footer nav[aria-label="Explore"],.editorial-footer nav[aria-label="Profiles"],.editorial-footer .footer-extra,.editorial-footer small{grid-column:1;grid-row:auto;justify-self:start}.editorial-footer nav[aria-label="Profiles"]{max-width:none;justify-content:flex-start}.editorial-footer nav{gap:8px 16px}.editorial-footer small{align-self:auto}.editorial-footer>div p{max-width:none}}
@media(max-width:360px){.pd-preview,.software-exhibit .pd-preview-hero{padding:22px}.pd-preview h3,.pd-preview-hero h3,.project-image .pd-preview h3{font-size:32px}.pd-preview-brand{font-size:21px}.pd-preview-capabilities{gap:0 12px;font-size:13px}.gaze-sequence{gap:10px}.gaze-item:not(:last-child)::after{right:-8px}.gaze-item figcaption{font-size:11px}.research-feature,.software-feature{padding:22px}}