/* Live portfolio: actual sites and honest, deliberately illustrative miniature art.
   This is not a screenshot renderer. The live-site links are the proof. */
.live-work-teaser{margin:18px auto 0;padding:54px 0 67px;scroll-margin-top:26px;border-top:1px solid #c7d0c4}
.live-work-teaser__intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
.live-work-teaser__intro h2{font:700 clamp(30px,4.1vw,57px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:11px 0;color:#14251f;text-wrap:balance}
.live-work-teaser__intro h2 em{font:400 italic 1em Georgia,serif;color:#b94331}
.live-work-teaser__intro>p{max-width:390px;color:#475b4e;font-size:15px;line-height:1.7;margin:0 0 7px}
.live-work-teaser__eyebrow,.work-page-overline{font:900 10px/1.5 'DM Sans',sans-serif;letter-spacing:.15em;color:#395d40}
.live-work-teaser__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.live-work-teaser__footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #c6d0c1;padding-top:20px;margin-top:27px}
.live-work-teaser__footer p{margin:0;color:#59675c;font-size:12px;line-height:1.6}
.live-work-teaser__all,.work-page-hero__cta{display:inline-flex;align-items:center;gap:20px;justify-content:space-between;background:#172c21;color:#f4fff3;padding:13px 18px;border-radius:8px;font-weight:800;font-size:12px;white-space:nowrap}
.live-work-teaser__all:hover,.work-page-hero__cta:hover{background:#2c5140}
.live-work-teaser__all:focus-visible,.live-card a:focus-visible,.work-page-hero a:focus-visible{outline:3px solid #ed7e62;outline-offset:4px}
.live-card{border:1px solid #d0d8ce;background:#fffdf6;min-width:0;display:flex;flex-direction:column;border-radius:15px;overflow:hidden;box-shadow:0 10px 35px #183e2120}
.live-card__visual-link{display:block;overflow:hidden;min-width:0}
.live-card__visual-link:hover .live-preview__surface{transform:scale(1.025)}
.live-preview{--work-bg:#132f29;--work-ink:#f2f6e6;--work-accent:#d9ff68;--work-panel:#244c3f;display:flex;flex-direction:column;min-height:260px;padding:15px 15px 0;background:linear-gradient(155deg,var(--work-panel),var(--work-bg));color:var(--work-ink);overflow:hidden}
.live-preview__chrome{display:flex;align-items:center;gap:10px;height:25px;background:#f1f4ea;color:#314a37;border-radius:9px 9px 0 0;padding:0 12px;font-size:9px;font-weight:750}
.live-preview__dots{display:flex;gap:4px;flex:0 0 auto}
.live-preview__dots i{width:6px;height:6px;background:#e68468;border-radius:50%}.live-preview__dots i:nth-child(2){background:#e9c866}.live-preview__dots i:nth-child(3){background:#9abb83}
.live-preview__address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}.live-preview__arrow{font-size:15px;font-weight:900}
.live-preview__surface{background:var(--work-bg);flex:1;display:flex;flex-direction:column;padding:17px 19px 18px;min-width:0;transform-origin:top center;transition:transform .25s}
.live-preview__masthead{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--work-ink) 30%,transparent);padding-bottom:12px}
.live-preview__mark{font:900 15px/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;text-transform:uppercase}
.live-preview__nav{font:900 8px 'DM Sans',sans-serif;letter-spacing:.13em;white-space:nowrap}.live-preview__nav b{margin-left:7px;font-size:12px}
.live-preview__composition{display:grid;grid-template-columns:1.35fr .65fr;gap:4px;align-items:center;flex:1;min-height:140px}
.live-preview__copy{min-width:0;padding:16px 0}.live-preview__eyebrow{display:block;color:var(--work-accent);font:850 8px/1.5 'DM Sans',sans-serif;letter-spacing:.07em;margin-bottom:9px}
.live-preview__copy strong{display:block;max-width:265px;font:750 clamp(18px,2.1vw,30px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.06em;overflow-wrap:break-word;text-wrap:balance}
.live-preview__cta{font:900 8px 'DM Sans',sans-serif;background:var(--work-accent);color:var(--work-bg);display:inline-flex;align-items:center;gap:12px;padding:8px 11px;margin-top:15px}.live-preview__cta span{font-size:13px}
.live-preview__geometry{min-height:95px;display:grid;place-items:center;position:relative;isolation:isolate}.live-preview__geometry>span{font-size:80px;line-height:1;color:var(--work-accent);transform:rotate(-15deg);font-family:Georgia,serif}.live-preview__geometry i{position:absolute;border:1px solid var(--work-accent);width:100%;aspect-ratio:1;border-radius:50%;opacity:.5}.live-preview__geometry i:nth-of-type(2){width:70%}.live-preview__geometry i:nth-of-type(3){width:42%}
.live-preview__stripes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.live-preview__stripes span{font:750 8px/1.35 'DM Sans',sans-serif;color:var(--work-ink);border-top:1px solid color-mix(in srgb,var(--work-ink) 55%,transparent);padding-top:8px;overflow-wrap:break-word}.live-preview__stripes b{display:block;color:var(--work-accent);margin-bottom:4px}
.live-preview[data-work-theme=industrial]{--work-bg:#18352d;--work-ink:#f2f9dc;--work-accent:#d8ee87;--work-panel:#46634b}
.live-preview[data-work-theme=industrial] .live-preview__geometry i{border-radius:0;transform:rotate(15deg)}.live-preview[data-work-theme=industrial] .live-preview__geometry>span{font-family:monospace;transform:none}
.live-preview[data-work-theme=saas]{--work-bg:#0e2e3a;--work-ink:#e7fbff;--work-accent:#8ce6f2;--work-panel:#206078}
.live-preview[data-work-theme=saas] .live-preview__geometry i{border-style:dashed;border-radius:14px}
.live-preview[data-work-theme=hmo]{--work-bg:#142b37;--work-ink:#e9f6fd;--work-accent:#c7fa80;--work-panel:#305d74}
.live-preview[data-work-theme=hmo] .live-preview__geometry i{border-radius:6px;transform:rotate(32deg)}
.live-preview[data-work-theme=kent]{--work-bg:#f6eee2;--work-ink:#253525;--work-accent:#6c7d46;--work-panel:#ad997e}
.live-preview[data-work-theme=kent] .live-preview__copy strong{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.06em}.live-preview[data-work-theme=kent] .live-preview__geometry>span{font-size:105px}
.live-preview[data-work-theme=davos]{--work-bg:#1e2335;--work-ink:#fff3dc;--work-accent:#e3c681;--work-panel:#535b74}
.live-preview[data-work-theme=davos] .live-preview__geometry i{border-radius:5%;transform:rotate(45deg)}.live-preview[data-work-theme=davos] .live-preview__copy strong{font-family:Georgia,serif}
.live-preview[data-work-theme=selection]{--work-bg:#17251c;--work-ink:#f5f7df;--work-accent:#e8c370;--work-panel:#4f6040}
.live-preview[data-work-theme=selection] .live-preview__geometry i{border-radius:0;transform:rotate(45deg)}
.live-preview[data-work-theme=leeds]{--work-bg:#173746;--work-ink:#f0f8f8;--work-accent:#c7e5ed;--work-panel:#577e85}
.live-preview[data-work-theme=leeds] .live-preview__geometry i{border-radius:12px;transform:rotate(-10deg)}
.live-card__content{padding:24px 26px 27px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.live-card__meta{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;font:800 9px/1.4 'DM Sans',sans-serif;letter-spacing:.08em;color:#40584a;text-transform:uppercase}
.live-card__status{white-space:nowrap;color:#23624c}.live-card__status span{font-size:8px;color:#24805d}
.live-card h3{font:750 clamp(23px,2.5vw,32px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:15px 0 8px;color:#172d22}
.live-card__content>p{font:500 14px/1.68 'DM Sans',sans-serif;color:#485e4d;margin:0 0 20px}
.live-card__deliverables{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.live-card__deliverables li{font:650 12px/1.55 'DM Sans',sans-serif;color:#344e3e;display:flex;gap:9px}.live-card__deliverables li:before{content:"✓";color:#316e4d;font-weight:900}
.live-card__visit{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding-top:17px;border-top:1px solid #d0d9c9;margin-top:auto;color:#173a29;font:900 13px/1.45 'DM Sans',sans-serif}
.live-card__visit span{font-size:22px;color:#ad4a32}.live-card__visit:hover{color:#a1422a}
.live-card--compact .live-preview{min-height:232px;padding:11px 11px 0}.live-card--compact .live-preview__surface{padding:14px 15px 16px}
.live-card--compact .live-card__content{padding:19px 20px 22px}.live-card--compact h3{font-size:24px}.live-card--compact .live-card__content>p{font-size:13px;line-height:1.6}
.work-page{background:#f6f6ee}.work-page-hero{background:#10231d;color:#eaf2e7;padding:100px max(45px,calc((100% - 1330px)/2)) 92px;position:relative;overflow:hidden}
.work-page-hero:after{content:"✳";position:absolute;right:-65px;bottom:-175px;font:400 min(50vw,620px)/1 Georgia,serif;color:#274738;opacity:.4;pointer-events:none}
.work-page-hero>*{position:relative;z-index:1}.work-page-hero .work-page-overline{color:#d9ff68}
.work-page-hero h1{font:750 clamp(50px,7.1vw,110px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.085em;max-width:1130px;margin:24px 0}.work-page-hero h1 em{font:400 italic 1em Georgia,serif;color:#d9ff68}
.work-page-hero__bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;max-width:1100px}
.work-page-hero__bottom p{font:500 17px/1.75 'DM Sans',sans-serif;max-width:730px;color:#c7d9c9;margin:0}
.work-page-hero__cta{color:#122b1b;background:#d9ff68;white-space:nowrap}.work-page-hero__cta:hover{color:#122b1b;background:#bde454}
.work-page-proofbar{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#dff4ba;color:#1c3623;padding:17px max(45px,calc((100% - 1330px)/2));font:750 12px/1.5 'DM Sans',sans-serif}
.work-page-proofbar span:first-child{font-weight:900;letter-spacing:.07em}
.work-page-portfolio{width:min(1320px,calc(100% - 90px));margin:0 auto;padding:83px 0}
.work-page-portfolio__intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 35px}.work-page-portfolio__intro h2{font:750 clamp(35px,4.3vw,58px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:10px 0;color:#1c3428}.work-page-portfolio__intro p{max-width:415px;font:500 14px/1.7 'DM Sans',sans-serif;color:#4b6451}
.work-page-portfolio__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.work-page-portfolio__note{padding-top:23px;margin:38px 0 0;border-top:1px solid #cbd8c9;color:#506153;font:500 13px/1.7 'DM Sans',sans-serif}
.work-page-last{background:#e5eaca;padding:75px max(45px,calc((100% - 1330px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}
.work-page-last h2{font:750 clamp(31px,3.7vw,55px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;max-width:650px;margin:0}
.work-page-last a{padding:16px 21px;background:#13281c;color:#f7fff1;border-radius:30px;font-weight:900}
@media(max-width:1050px){.live-work-teaser__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-work-teaser__grid .live-card:last-child{display:none}.live-work-teaser__intro{align-items:start;flex-direction:column;gap:10px}.work-page-hero{padding:90px 35px}.work-page-proofbar{padding:17px 35px}.work-page-last{padding:65px 35px}.work-page-portfolio{width:calc(100% - 70px)}}
@media(max-width:700px){.live-work-teaser{padding:42px 0 55px}.live-work-teaser__grid,.work-page-portfolio__grid{grid-template-columns:1fr}.live-work-teaser__grid .live-card:last-child{display:flex}.live-work-teaser__intro h2{font-size:39px}.live-work-teaser__footer{flex-direction:column;align-items:stretch}.live-work-teaser__all{justify-content:space-between}.live-preview{min-height:240px}.live-preview__copy strong{font-size:25px}.live-preview__geometry>span{font-size:76px}.work-page-hero{padding:65px 20px}.work-page-hero h1{font-size:clamp(43px,10.7vw,70px)}.work-page-hero__bottom{flex-direction:column;align-items:start}.work-page-proofbar{padding:17px 20px;align-items:flex-start;flex-direction:column;gap:5px}.work-page-portfolio{width:calc(100% - 36px);padding:62px 0}.work-page-portfolio__intro{flex-direction:column;align-items:start}.work-page-last{padding:55px 20px;flex-direction:column;align-items:start}.work-page-portfolio__intro h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.live-preview__surface{transition:none}}

/* Existing homepage portfolio cards: turn the tiny arrow circles into visible, tap-friendly website CTAs. */
.work-card .card-bottom a{width:auto;height:auto;min-height:42px;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:900 11px/1.4 'DM Sans',sans-serif;white-space:nowrap;gap:8px;text-transform:none;letter-spacing:0}
.work-card .card-bottom a:hover{background:#c4ed52}
@media(max-width:700px){.work-card .card-bottom{flex-wrap:wrap}.work-card .card-bottom a{width:100%;justify-content:space-between}}

/* Audited live-work colour and hit-area remediation (mobile + desktop). */
.live-preview[data-work-theme=kent]{--work-accent:#3a5425}
.work-page .brand-name small{color:#3b5344}
.work-page .footer-logo,.work-page .footer-row>a:last-child{display:inline-flex;align-items:center;min-height:48px;padding-block:8px}
.live-card__visual-link{outline-offset:3px}

/* Stable mobile homepage CTA geometry: prevent late font swaps changing flex wrapping. */
@media(max-width:620px){
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:119px;align-content:start}
  .hero-actions .btn{min-height:58px;width:100%;justify-content:space-between;gap:14px;padding:16px 20px}
  .hero-actions .text-cta{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:10px 2px 8px}
}