.ref-portfolio{--work-accent:#c73020;width:min(1200px,100% - 64px);font-family:var(--font-sans), sans-serif;margin:0 auto;padding:72px 0 88px}:root[data-theme=dark] .ref-portfolio{--work-accent:#f18576}.ref-portfolio :is(a,button,[tabindex]):focus-visible{outline-color:var(--work-accent)}.ref-portfolio .ref-portfolio-intro{padding-bottom:42px}.ref-portfolio .ref-portfolio-intro h1{color:var(--ref-heading);font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(44px,5.6vw,72px);font-weight:400;line-height:1.08}.ref-portfolio .ref-portfolio-intro h1 em{color:var(--work-accent)}.ref-portfolio .work-introduction{max-width:560px;color:var(--ref-text);text-wrap:pretty;margin-top:22px;font-size:15px;line-height:1.75}.ref-portfolio .work-index{border-block:1px solid var(--ref-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ref-portfolio .work-index a{min-height:64px;color:var(--ref-heading);align-items:center;gap:14px;padding-inline:18px;font-size:14px;display:flex}.ref-portfolio .work-index a+a{border-left:1px solid var(--ref-border)}.ref-portfolio .work-index-arrow{color:var(--work-accent);margin-left:auto}.ref-portfolio .work-index a:hover,.ref-portfolio .work-index a:focus-visible{background:var(--ref-accent-soft)}.ref-portfolio .ref-portfolio-projects{margin-top:64px}.ref-portfolio .ref-portfolio-project{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:start;gap:48px;display:grid}.ref-portfolio .ref-portfolio-project+.ref-portfolio-project{border-top:1px solid var(--ref-border);margin-top:64px;padding-top:64px}.ref-portfolio .work-project-copy{min-width:0;padding-top:16px}.ref-portfolio .ref-portfolio-project .work-project-copy h2{color:var(--ref-heading);font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;scroll-margin-top:36px;font-size:clamp(32px,3.5vw,42px);font-weight:400;line-height:1.12}.ref-portfolio .work-project-note{color:var(--ref-muted);margin-top:12px;font-size:12px;line-height:20px}.ref-portfolio .ref-portfolio-description{color:var(--ref-text);text-wrap:pretty;margin-top:18px;font-size:15px;line-height:25px}.ref-portfolio .ref-portfolio-links{flex-wrap:wrap;gap:0 24px;margin-top:20px;display:flex}.ref-portfolio .work-case-study{gap:20px;margin:24px 0 0;display:grid}.ref-portfolio .work-case-study>div{border-top:1px solid var(--ref-border);padding-top:16px}.ref-portfolio .work-case-study dt{color:var(--ref-muted);font-size:12px;line-height:20px}.ref-portfolio .work-case-study dd{color:var(--ref-text);text-wrap:pretty;margin:6px 0 0;font-size:14px;line-height:24px}.ref-portfolio .ref-portfolio-links a{min-height:44px;color:var(--ref-heading);text-decoration:underline;-webkit-text-decoration-color:var(--ref-border);text-decoration-color:var(--ref-border);text-underline-offset:5px;align-items:center;gap:8px;font-size:12px;line-height:20px;display:inline-flex}.ref-portfolio .ref-portfolio-links a:hover{color:var(--work-accent);text-decoration-color:currentColor}.ref-portfolio .work-project-preview{background:var(--ref-accent-soft);border:1px solid var(--ref-border);border-radius:8px;min-width:0}.ref-portfolio .work-preview-heading{border-bottom:1px solid var(--ref-border);min-height:39px;color:var(--ref-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:10px;line-height:1.5;display:flex}.ref-portfolio .work-browser-lights{flex-shrink:0;gap:4px;display:flex}.ref-portfolio .work-browser-lights i{border:1px solid var(--studio-rule);border-radius:50%;width:5px;height:5px;display:block}.ref-portfolio .ref-project-gallery{cursor:auto;width:100%;max-width:100%;margin:0;padding:12px;display:block}.ref-portfolio .ref-project-gallery figure{width:100%;min-width:0}.ref-portfolio .ref-project-gallery a{background:var(--ref-surface);border:1px solid var(--ref-border);border-radius:5px;width:100%;overflow:hidden}.ref-portfolio .ref-project-gallery img{aspect-ratio:4/3;object-fit:contain;border-radius:0;width:100%;max-width:100%;height:auto}.ref-portfolio .ref-project-gallery figcaption{margin-top:12px;padding:0;font-size:12px;line-height:20px}.ref-portfolio .work-endnote{border-top:1px solid var(--ref-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;margin-top:84px;padding-top:42px;display:grid}.ref-portfolio .work-enquiry-copy{min-width:0}.ref-portfolio .work-endnote h2{color:var(--ref-heading);font-family:var(--font-display), Georgia, serif;letter-spacing:-.03em;text-wrap:pretty;font-size:clamp(32px,3.4vw,46px);font-weight:400;line-height:1.15}.ref-portfolio .work-enquiry-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.ref-portfolio .work-primary-link,.ref-portfolio .work-text-link{align-items:center;gap:18px;min-height:44px;font-size:13px;line-height:1.6;display:inline-flex}.ref-portfolio .work-primary-link{border:1px solid var(--ref-brand-accent);background:var(--ref-brand-accent);color:#fff;border-radius:3px;justify-content:space-between;min-height:46px;padding:12px 17px;transition:background-color .18s}.ref-portfolio .work-primary-link:hover{background:#bd2c1d;border-color:#bd2c1d}.ref-portfolio .work-text-link{color:var(--ref-heading);text-decoration:underline;-webkit-text-decoration-color:var(--ref-border);text-decoration-color:var(--ref-border);text-underline-offset:5px;gap:10px}.ref-portfolio .work-text-link:hover{text-decoration-color:currentColor}@media (max-width:900px){.ref-portfolio .ref-portfolio-project{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px}}@media (max-width:767px){.ref-portfolio .work-project-copy{padding-top:0}.ref-portfolio{width:calc(100% - 36px);padding-top:48px;padding-bottom:48px}.ref-portfolio .ref-portfolio-intro{padding-bottom:32px}.ref-portfolio .work-index{grid-template-columns:1fr}.ref-portfolio .work-index a{min-height:50px;padding-inline:4px}.ref-portfolio .work-index a+a{border-left:0;border-top:1px solid var(--ref-border)}.ref-portfolio .ref-portfolio-projects{margin-top:36px}.ref-portfolio .ref-portfolio-project{grid-template-columns:1fr;gap:24px}.ref-portfolio .ref-portfolio-project+.ref-portfolio-project{margin-top:40px;padding-top:36px}.ref-portfolio .work-project-preview{width:100%}.ref-portfolio .work-endnote{grid-template-columns:1fr;gap:24px;margin-top:58px;padding-top:32px}}@media (prefers-reduced-motion:reduce){.ref-portfolio .work-primary-link{transition:none}}