.studio-home{background:var(--paper)}.studio-home-hero,.studio-evidence,.studio-learn{padding-inline:max(24px,calc((100vw - var(--max)) / 2))}.studio-home-hero{display:grid;gap:calc(var(--space-6) + var(--space-1));padding-block:calc(var(--space-8) + var(--space-2)) clamp(36px,5vw,64px)}.studio-home-intro{display:grid;gap:16px}.studio-home-intro p,.studio-home-intro h1{margin:0}.studio-home-intro>p:first-child{color:var(--brand);font-size:15px;font-weight:650}.studio-home-intro h1{font:560 clamp(40px,5vw,64px) / 1.05 var(--display);letter-spacing:-.045em}.studio-home-intro h1 span{color:var(--brand)}.studio-home-intro>p:last-child{color:var(--muted);font-size:clamp(18px,1.8vw,21px);line-height:1.55}.studio-workbench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,28px)}.studio-workbench-card{display:grid;grid-template-rows:1fr auto;min-width:0;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-card);background:var(--surface-2);scroll-margin-top:100px;transition:border-color var(--motion-fast),box-shadow var(--motion-panel),transform var(--motion-panel) var(--ease-enter)}.studio-workbench-card:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:var(--shadow);transform:translateY(-4px)}.studio-workbench-card:focus-visible{border-color:var(--brand)}.studio-workbench-card picture{display:block;overflow:hidden;aspect-ratio:3 / 2;background:var(--surface-2)}.studio-workbench-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-enter) var(--ease-enter)}.studio-workbench-card[href*=patrick] img{object-position:center}.studio-workbench-card[href*=patrick]{background:var(--surface-tint)}.studio-workbench-card:hover img{transform:scale(1.018)}.studio-workbench-copy{display:grid;min-width:0;overflow-wrap:anywhere;align-content:start;padding:var(--space-6)}.studio-workbench-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.studio-workbench-copy small{color:var(--brand);font-size:14px;font-weight:650}.studio-workbench-copy strong{max-width:520px;margin-top:var(--space-4);font:580 clamp(25px,2.5vw,32px) / 1.1 var(--display);letter-spacing:-.035em}.studio-workbench-description{max-width:540px;margin-top:12px;color:var(--muted);font-size:16px;line-height:1.55}.studio-workbench-copy b{display:inline-flex;min-height:44px;align-items:center;flex:0 1 auto;max-width:100%;gap:var(--space-2);margin-left:auto;padding:10px 14px;border-radius:var(--radius-control);background:var(--brand);color:var(--surface);font-size:14px;font-weight:650;white-space:normal}.studio-workbench-copy i{flex:none;font-size:19px;font-style:normal;transition:transform var(--motion-fast) var(--ease-enter)}.studio-workbench-card:hover .studio-workbench-copy i{transform:translate(4px)}.studio-home-utility{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:2px}.studio-home-utility p{max-width:720px;margin:0;color:var(--muted);font-size:14px}.studio-home-utility a{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:var(--brand);font-size:14px;font-weight:650;white-space:nowrap}.studio-evidence{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,88px);align-items:center;padding-block:calc(var(--space-12) + var(--space-2)) clamp(70px,9vw,112px)}.studio-evidence-copy h2{margin:0;font:560 clamp(32px,3.8vw,46px) / 1.12 var(--display);letter-spacing:-.04em}.studio-evidence-copy p{margin:20px 0;color:var(--muted);font-size:17px;line-height:1.65}.studio-evidence-example{min-width:0;margin:0;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-sm)}.studio-evidence-example .comparison-stage{min-height:0;aspect-ratio:1672 / 941}.studio-evidence-example .comparison-stage:focus-within{outline-offset:-3px}.studio-evidence-example .comparison-controls{flex-wrap:wrap}.studio-evidence-example figcaption{padding:15px 18px 17px;border-top:1px solid transparent;color:var(--muted);font-size:14px;line-height:1.5}.studio-learn{position:relative;display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(36px,7vw,88px);padding-block:clamp(56px,7vw,84px);border-top:1px solid transparent;background:var(--surface-2)}.studio-learn h2{margin:0;font:650 clamp(29px,3.4vw,42px) / 1.08 var(--display);letter-spacing:-.035em}.studio-learn-links{display:grid}.studio-learn-links article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--line-strong);scroll-margin-top:100px}.studio-learn-links article:last-child{border-bottom:1px solid var(--line-strong)}.studio-learn-links h3,.studio-learn-links p{margin:0}.studio-learn-links h3{font:650 19px/1.25 var(--display)}.studio-learn-links p{max-width:520px;margin-top:5px;color:var(--muted);font-size:14px}.studio-learn-links a,.secondary-link{display:inline-flex;min-height:44px;align-items:center;gap:12px;color:var(--brand);font-size:14px;font-weight:650}.legacy-anchor{position:absolute;top:0}@media(max-width:800px){.studio-evidence,.studio-learn{grid-template-columns:1fr}}@media(max-width:700px){.studio-home-hero,.studio-evidence,.studio-learn{padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}.studio-home-hero{gap:30px;padding-block:46px 52px}.studio-home-intro h1{font-size:clamp(38px,11.5vw,50px)}.studio-workbench-grid{grid-template-columns:1fr}.studio-workbench-copy{padding:calc(var(--space-4) + var(--space-1))}.studio-workbench-copy strong{font-size:27px}.studio-workbench-description{font-size:15px}.studio-home-hero{padding-top:calc(var(--space-6) + var(--space-1));gap:var(--space-6)}.studio-home-utility{align-items:flex-start;flex-direction:column;gap:8px}.studio-evidence{padding-block:64px}.studio-evidence-example .comparison-controls{align-items:stretch;flex-direction:column;gap:8px}.studio-evidence-example .comparison-controls div{display:grid;grid-template-columns:1fr 1fr}.studio-learn-links article{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-motion:reduce){.studio-workbench-card,.studio-workbench-card img,.studio-workbench-copy i{transition:none}.studio-workbench-card:hover,.studio-workbench-card:hover img,.studio-workbench-card:hover .studio-workbench-copy i{transform:none}}
