/* Shared 0.7.0 experience: static by default, progressively enhanced motion. */
:root{--oc-creek:#719bdd}
.oc-shop-sign{position:relative;display:flex;flex-direction:column;gap:0;padding:9px 13px 7px;border:1px solid #596671;border-bottom:3px solid var(--oc-creek);border-radius:8px;background:linear-gradient(145deg,#303940,#12171b);box-shadow:inset 0 0 0 3px #101214,0 5px 16px #0005}
.oc-shop-sign:before,.oc-shop-sign:after{content:"";position:absolute;top:11px;width:4px;height:4px;border-radius:50%;background:var(--oc-accent);box-shadow:0 44px var(--oc-accent)}
.oc-shop-sign:before{left:4px}.oc-shop-sign:after{right:4px}
.oc-shop-sign img{width:160px;border-radius:3px;box-shadow:0 1px 0 #fff8}
.oc-shop-sign>span{font:600 .48rem/1.4 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--oc-muted);margin-top:6px}
.oc-header{border-bottom-color:#52697d}
.oc-section-heading,.oc-model-inquiry{position:relative}
.oc-section-heading:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:15px;background:url("creek-lines.svg") center/100% 100% no-repeat;opacity:.6;pointer-events:none}
.oc-hero:before{display:none}
.oc-hero{overflow:clip;overflow-clip-margin:20px}
.oc-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}
.oc-hero-topline .oc-photo-label{margin:0}
.oc-motion-toggle{min-height:36px;padding:.3rem .55rem;font:inherit;font-size:.7rem;background:var(--oc-surface);color:var(--oc-muted);border:1px solid var(--oc-border);border-radius:4px;cursor:pointer}
.oc-motion-toggle:disabled{cursor:default}
.oc-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.oc-local-badge{display:block;margin:.75rem 0 0;color:var(--oc-creek);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;transform:translateY(var(--badge-shift,0px))}
.oc-local-badge b{color:var(--oc-muted);margin-left:.75rem;font-weight:500}
.oc-hero-slides{overflow:hidden;aspect-ratio:4/3;background:var(--oc-surface)}
.oc-hero-slide{margin:0;width:100%;height:100%}
.oc-hero-slide picture,.oc-hero-slide img{display:block;width:100%;height:100%}
.oc-hero-slide img{object-fit:contain}
.oc-hero-caption{min-height:91px}
.oc-hero-caption [data-hero-link]{display:inline-block;max-width:340px}
.oc-showcase-controls{display:flex;gap:.4rem;align-items:center;margin-top:.65rem;flex-wrap:wrap}
.oc-showcase-controls button,.oc-rail-controls button,.oc-model-preview-controls button{min-width:44px;min-height:44px;border:1px solid var(--oc-border);border-radius:5px;background:var(--oc-surface);color:var(--oc-text);font:inherit;cursor:pointer}
.oc-showcase-controls [data-slide-play]{font-size:.75rem;padding:.5rem .7rem;margin-left:auto}
.oc-slide-dots{display:flex;gap:.25rem}
.oc-slide-dots button{font-size:.7rem;min-width:36px}
.oc-slide-dots [aria-current=true]{background:var(--oc-accent);color:var(--oc-bg);border-color:var(--oc-accent)}
.oc-showcase-controls button:disabled,.oc-rail-controls button:disabled,.oc-model-preview-controls button:disabled{opacity:.45;cursor:default}
.oc-showcase-status,.oc-showcase-refresh{font-size:.7rem;color:var(--oc-muted);margin:.5rem 0 0;min-height:1.15rem}
.oc-showcase-refresh:empty{display:none}
.oc-fresh{padding-top:1rem}
.oc-fresh .oc-section-heading{margin-bottom:2rem}
.oc-rail-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.oc-rail-controls>a{min-height:44px;align-content:center;font-size:.85rem;margin-left:.5rem}
.oc-fresh-rail{display:grid;grid-auto-flow:column;grid-auto-columns:31%;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:5px;scrollbar-width:thin;scrollbar-color:var(--oc-creek) var(--oc-surface);padding:6px 5px 18px;margin:0 -5px}
.oc-fresh-rail .ocatv-card{scroll-snap-align:start;scroll-snap-stop:normal}
.oc-rail-hint{font-size:.75rem;color:var(--oc-muted);margin:.6rem 0 0}
.oc-finder{display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem;border-bottom:1px solid var(--oc-border);background:url("creek-lines.svg") left bottom/100% 150px no-repeat}
.oc-finder h2{font-size:clamp(2.8rem,5vw,4.5rem);margin:.75rem 0 1rem}
.oc-finder>div>p:last-child{color:var(--oc-muted)}
.oc-finder-form{min-width:0}
.oc-finder fieldset{border:0;margin:0 0 1.3rem;padding:0;min-width:0}
.oc-finder legend,.oc-finder-budget>span{font-size:.95rem;font-weight:650;margin-bottom:.8rem;display:block}
.oc-finder legend>span,.oc-finder-budget b{display:inline-block;font-size:.75rem;color:var(--oc-creek);margin-right:.65rem}
.oc-choice-grid{display:flex;gap:.5rem;flex-wrap:wrap}
.oc-choice-grid label{position:relative;cursor:pointer}
.oc-choice-grid input{position:absolute;opacity:0;width:1px;height:1px;left:8px;top:50%}
.oc-choice-grid label>span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem .85rem;font-size:.8rem;border:1px solid var(--oc-border);border-radius:5px;background:var(--oc-surface)}
.oc-choice-grid input:checked+span{background:#253547;border-color:var(--oc-creek);color:var(--oc-text);box-shadow:inset 0 -2px var(--oc-creek)}
.oc-choice-grid input:focus-visible+span{outline:3px solid var(--oc-accent);outline-offset:3px}
.oc-finder-budget select{display:block;width:100%;min-height:48px;padding:.7rem;background:var(--oc-surface);color:var(--oc-text);border:1px solid var(--oc-border);border-radius:5px}
.oc-finder-note{font-size:.75rem;color:var(--oc-muted);margin:.8rem 0}
.oc-finder-result{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.oc-finder-result p{flex-basis:100%;font-size:.85rem;margin:0;min-height:1.5rem}
.oc-finder-result a{font-size:.8rem;min-height:44px;align-content:center}
.oc-model-jumps{position:sticky;top:0;z-index:12;display:flex;flex-wrap:wrap;gap:.35rem .6rem;background:#101214f5;border:1px solid var(--oc-border);border-bottom:2px solid var(--oc-creek);padding:.5rem .75rem;border-radius:6px;margin-bottom:2rem}
.oc-model-jumps a{display:flex;align-items:center;min-height:44px;padding:.4rem .7rem;color:var(--oc-text);font-size:.85rem;text-decoration:none}
.oc-model-jumps a:hover{color:var(--oc-accent)}
.oc-model-gallery{top:85px}
.oc-model-detail{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.oc-model-information{min-width:0}
#model-photos,#model-overview,#model-specifications,#model-inquiry{scroll-margin-top:100px}
.oc-model-overview{padding:1.5rem;border:1px solid var(--oc-border);border-top:3px solid var(--oc-creek);border-radius:8px;background:var(--oc-surface);margin-bottom:2rem}
.oc-model-overview h2{font-size:2.3rem;margin:.5rem 0}
.oc-model-overview>p:not(.oc-eyebrow){font-size:.8rem;color:var(--oc-muted)}
.oc-model-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0 0}
.oc-model-facts div{min-width:0}
.oc-model-facts dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--oc-creek);margin-bottom:.4rem}
.oc-model-facts dd{font-size:.9rem;margin:0;overflow-wrap:anywhere}
.oc-spec-group{border:1px solid var(--oc-border);border-radius:6px;background:var(--oc-surface);margin:.7rem 0}
.oc-spec-group summary{padding:1rem;cursor:pointer;font-weight:650;min-height:52px}
.oc-spec-group[open] summary{border-bottom:1px solid var(--oc-border);color:var(--oc-accent)}
.oc-spec-body{padding:.25rem 1rem .75rem}
.oc-model-color-caption{font-family:var(--oc-heading);font-size:1.6rem;margin:.75rem 0 .4rem;color:var(--oc-text)}
.oc-model-thumbs{scroll-padding-inline:4px}
.oc-model-thumbs a{flex-basis:110px;text-decoration:none;color:var(--oc-text);background:var(--oc-surface)}
.oc-model-thumbs img{background:#fff}
.oc-model-thumbs a>span{display:block;padding:.45rem .3rem;min-height:40px;font-size:.68rem;line-height:1.3;text-align:center}
.oc-model-thumbs a[aria-current=true]{box-shadow:0 0 0 1px var(--oc-accent)}
.oc-model-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.oc-model-photo-status{margin:0;text-align:center}
.oc-model-photo-note{margin:.75rem 0}
.oc-model-inquiry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 3rem;padding:2rem;background:var(--oc-surface) url("creek-lines.svg") center/cover no-repeat;border:1px solid var(--oc-border);border-left:3px solid var(--oc-accent);border-radius:8px;margin:3rem 0 0}
.oc-model-inquiry>div{flex:1 1 350px;min-width:0}
.oc-model-inquiry h2{font-size:2.3rem;margin:.6rem 0 1rem}
.oc-model-inquiry .oc-actions{margin:0}
.oc-model-mobile-contact{display:none}
.oc-model-lightbox{width:min(1440px,98vw);max-width:98vw;max-height:98dvh}
.oc-model-lightbox>img{max-height:76dvh;min-height:120px}
.oc-model-lightbox .oc-button{min-height:48px}
@media(prefers-reduced-motion:no-preference){
  html[data-motion=on] .oc-button>span[aria-hidden]{display:inline-block;transition:transform .18s}
  html[data-motion=on] .oc-button:hover>span[aria-hidden]{transform:translate(2px,-2px)}
  html[data-motion=on] .oc-choice-grid label>span{transition:background-color .18s,border-color .18s}
}
@media(min-width:900px) and (pointer:fine){html[data-motion=on] .oc-hero-slide img{transform:translateY(var(--photo-shift,0px)) scale(1.03)}}
@media(max-width:999px){.oc-fresh-rail{grid-auto-columns:44%}.oc-finder{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:849px){
  .oc-model-detail{grid-template-columns:1fr}.oc-model-gallery{position:static}
  .oc-model-mobile-contact{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:1fr 1.4fr;gap:.5rem;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom));background:var(--oc-bg);border-top:1px solid var(--oc-border)}
  .oc-model-mobile-contact a{font-size:.8rem;padding:.65rem .4rem;min-height:48px}
  .oc-model-contact-page{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  .oc-model-contact-page :focus-visible{scroll-margin-bottom:calc(130px + env(safe-area-inset-bottom))}
}
@media(max-width:540px){
  .oc-shop-sign img{width:145px}.oc-shop-sign{padding:8px 12px 6px}.oc-shop-sign>span{font-size:.43rem}
  .oc-fresh-rail{grid-auto-columns:86%;gap:16px}.oc-rail-controls{gap:.4rem}.oc-rail-controls>a{font-size:.75rem}
  .oc-slide-dots button{min-width:30px}.oc-showcase-controls [data-slide-play]{flex-basis:100%;margin-left:0}
  .oc-hero-caption{min-height:115px}.oc-local-badge{font-size:.58rem}
  .oc-model-jumps{padding:.35rem;gap:.1rem}.oc-model-jumps a{font-size:.75rem;padding:.3rem .55rem}
  .oc-model-overview,.oc-model-inquiry{padding:1.2rem}.oc-model-facts{grid-template-columns:1fr 1fr}
}
html[data-motion=paused]{scroll-behavior:auto}
html[data-motion=paused] body *,html[data-motion=paused] body *:before,html[data-motion=paused] body *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.oc-local-badge,.oc-hero-slide img{transform:none!important}}