.uiux-page { --section-gap:clamp(3rem,6vw,6rem); }
.uiux-page .uiux-hero { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(2rem,4vw,4rem); padding:clamp(2.5rem,5vw,5rem) 0; }
.uiux-page .shooting-hero h1 { font-size:clamp(2.7rem,4.5vw,4.9rem); letter-spacing:-.055em; overflow-wrap:normal; line-height:1.04; text-wrap:balance; }
.uiux-page .shooting-hero__copy>p:not(.eyebrow) { line-height:1.65; }
.uiux-page .shooting-hero__copy>p.eyebrow { line-height:1.8; font-size:.64rem; }
.uiux-preview { width:100%; align-self:center; }
.uiux-preview .vm-cover { border-radius:.75rem; }
.uiux-page .uiux-preview figcaption { color:var(--muted); line-height:1.6; }
.uiux-proofline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; border-block:1px solid var(--line); padding:1.6rem 0; }
.uiux-proofline p { margin:0; }.uiux-proofline strong,.uiux-proofline span { display:block; }
.uiux-proofline strong { font-size:.9rem; font-weight:600; margin-bottom:.45rem; }
.uiux-proofline span { color:var(--muted); font-size:.78rem; line-height:1.5; }
.uiux-page .uiux-services { border-top:0; margin-top:0; }
.uiux-section-lead,.uiux-case__intro,.uiux-method,.uiux-search { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); }
.uiux-section-lead>p { align-self:center; }
.uiux-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:2rem; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.uiux-service-grid article { padding:clamp(1.4rem,3vw,3rem); border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.uiux-number { font-size:.65rem; letter-spacing:.12em; color:var(--muted); font-weight:600; }
.uiux-service-grid h3 { font-size:clamp(1.6rem,2.4vw,2.4rem); font-weight:500; letter-spacing:-.04em; line-height:1.15; margin:1.2rem 0; }
.uiux-service-grid p { margin-bottom:0; font-size:.93rem; }
.uiux-service-grid .uiux-result { color:var(--ink); padding-top:1rem; font-size:.85rem; }
.uiux-case,.uiux-services { scroll-margin-top:2rem; }
.uiux-case__intro p:first-child { margin-top:0; }.uiux-text-link { min-height:44px; display:inline-flex; align-items:center; font-size:.86rem; text-underline-offset:5px; }
.uiux-case-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin:2rem 0; padding-top:1.6rem; border-top:1px solid var(--line); }
.uiux-case-facts span { font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); }.uiux-case-facts p { font-size:.92rem; line-height:1.6; }
.uiux-page .uiux-detail { margin:2rem 0; }.uiux-detail .vm-showcase { max-width:60rem; margin:auto; border-radius:.75rem; }.uiux-detail figcaption { text-align:center; }
.uiux-comparison-panel { border-block:1px solid var(--line); margin-top:2rem; }
.uiux-comparison-panel>summary { cursor:pointer; display:flex; justify-content:space-between; gap:1rem; align-items:center; min-height:64px; padding:1.1rem 0; font-size:1.05rem; }
.uiux-comparison-panel>summary span { font-size:1.6rem; font-weight:300; }.uiux-comparison-panel[open]>summary span { transform:rotate(45deg); }
.uiux-comparison { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(1.5rem,4vw,4rem); margin-top:1rem; }
.uiux-comparison__label { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:.4rem 1rem; padding:.8rem 0; }
.uiux-comparison__label h3 { font-size:1.1rem; margin:0; font-weight:600; }.uiux-comparison__label span { color:var(--muted); font-size:.72rem; }
.uiux-browser-bar { display:flex; align-items:center; justify-content:space-between; height:2.2rem; padding:0 .9rem; border:1px solid var(--line); border-bottom:0; border-radius:.6rem .6rem 0 0; background:#f1f0eb; color:#75766e; font:.65rem Arial,sans-serif; }
.uiux-browser-bar span:first-child { font-size:.5rem; letter-spacing:.2em; }
.uiux-comparison__scroll { height:clamp(22rem,43vw,35rem); overflow:auto; border:1px solid var(--line); border-radius:0 0 .5rem .5rem; background:#fff; overscroll-behavior:contain; scrollbar-width:thin; }
.uiux-comparison__scroll:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }.uiux-comparison__scroll img { width:100%; height:auto; display:block; }
.uiux-comparison figcaption a { display:block; margin-top:.4rem; text-underline-offset:4px; }.uiux-scroll-note { font-size:.75rem; }
.uiux-process { list-style:none; padding:0; margin:0; }
.uiux-process li { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:1rem; padding:1.3rem 0; border-top:1px solid var(--line); }.uiux-process li>span { color:var(--muted); font-size:.75rem; padding-top:.3rem; }
.uiux-process h3 { margin:0; font-size:1.25rem; font-weight:600; letter-spacing:-.02em; }.uiux-process p { margin:.5rem 0 0; font-size:.92rem; }
.uiux-entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin-top:2rem; }.uiux-entry-grid article { border-top:1px solid var(--ink); padding-top:1rem; }.uiux-entry-grid h3 { font-size:1.35rem; font-weight:500; letter-spacing:-.025em; }.uiux-entry-grid p { font-size:.93rem; }
.uiux-page .uiux-budget-note { max-width:60rem; margin:1.5rem 0 0; font-size:.82rem; }
.uiux-search-list { background:color-mix(in srgb,var(--ink) 4%,var(--paper)); padding:clamp(1.5rem,3vw,3rem); align-self:start; }
.uiux-search-list h3 { font-size:1.3rem; font-weight:500; line-height:1.3; margin:0 0 1.2rem; }.uiux-search-list ul { list-style:none; padding:0; margin:0; }.uiux-search-list li { padding:.8rem 0; border-top:1px solid var(--line); font-size:.91rem; line-height:1.6; }.uiux-search-list p { font-size:.85rem; }
.uiux-page .uiux-local h2 { max-width:28ch; }.uiux-local a { text-underline-offset:4px; }
.uiux-page .shooting-actions a { max-width:100%; }.uiux-page .shooting-faq { max-width:65rem; }
@media(max-width:800px) {
 .uiux-page .uiux-hero,.uiux-section-lead,.uiux-case__intro,.uiux-method,.uiux-search { grid-template-columns:1fr; gap:1.5rem; }
 .uiux-page .uiux-preview { max-width:40rem; justify-self:center; }
 .uiux-page .shooting-hero h1 { font-size:clamp(2.4rem,10vw,4.5rem); letter-spacing:-.045em; }
 .uiux-page .shooting-hero .shooting-intro { font-size:1.1rem; }
 .uiux-proofline { gap:1rem; }.uiux-proofline strong { font-size:.8rem; }.uiux-proofline span { font-size:.72rem; }
 .uiux-case-facts { gap:1rem; }.uiux-case-facts p { font-size:.85rem; }.uiux-entry-grid { gap:1.2rem; }
}
@media(max-width:560px) {
 .uiux-service-grid,.uiux-comparison,.uiux-entry-grid { grid-template-columns:1fr; }
 .uiux-proofline { grid-template-columns:1fr; gap:1rem; }.uiux-proofline p { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:1rem; align-items:baseline; }
 .uiux-proofline strong { margin:0; }.uiux-proofline span { font-size:.75rem; }
 .uiux-case-facts { grid-template-columns:1fr; gap:.3rem; }.uiux-case-facts>div { display:grid; grid-template-columns:6.5rem minmax(0,1fr); gap:1rem; align-items:baseline; }.uiux-case-facts p { margin:.6rem 0; }
 .uiux-comparison { gap:2rem; }.uiux-comparison__scroll { height:25rem; }
 .uiux-entry-grid { gap:.5rem; }.uiux-page .shooting-header nav { gap:.3rem .8rem; }.uiux-page .shooting-header nav a { font-size:.72rem; }
}