.precision{--track:#2b352b;--hover:#3b493a;--conversation:#1c241d;--field:#2a352b;--document:#e7eadf;--document-ink:#1d291a;--review:#d2ddc1;position:relative;isolation:isolate;scrollbar-color:var(--secondary) var(--paper)}
.precision::before{content:"";position:absolute;inset:0 0 auto;height:900px;background:url("media/graphite-background.webp") center top/cover no-repeat;opacity:.22;z-index:-1;pointer-events:none}
.precision .stage-track{background:var(--track)}
.precision .stage-track button:hover{background:var(--hover)}
.precision .stage-track button[aria-pressed=true]:hover{background:var(--accent)}
.precision .document-sample{background:var(--document);color:var(--document-ink)}
.precision .review-stamp{background:var(--review)}
.precision .precision-standard{background:var(--accent);color:var(--accent-ink)}
.precision .conversation{background:var(--conversation)}
.precision .call-form input,.precision .call-form textarea{background:var(--field)}
.precision .call-form input::placeholder,.precision .call-form textarea::placeholder{color:var(--secondary)}
.precision-standard :focus-visible{outline-color:var(--accent-ink)}
.document-sample :focus-visible{outline-color:var(--document-ink)}
@media(max-width:600px){.precision::before{height:1000px;background-position:65% top}}
.precision .precision-hero{padding-top:38px}
.precision-hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:32px;align-items:center}
.precision .precision-hero h1{font-size:clamp(50px,5.7vw,82px);max-width:14ch}
.precision .precision-intro{display:block;margin-top:30px}
.precision .precision-intro p{font-size:18px;max-width:43ch}
.precision .precision-intro .hero-action{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:30px}
.hero-art{margin:0;min-width:0;overflow:hidden}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1024/688;object-fit:contain;mix-blend-mode:lighten}
.hero-art figcaption{margin-top:14px;font-size:13px;line-height:1.6;text-align:right;color:var(--secondary)}
.precision .production-instrument{margin-top:44px}
.precision .stage-track{position:relative}
.precision .stage-track button{display:flex;align-items:center;gap:13px;min-height:64px;padding:18px 20px;transition:background-color .2s ease,color .2s ease}
.precision [data-icon] .icon{width:21px;height:21px;flex-shrink:0;stroke-width:1.7}
.precision .stage-track button[aria-pressed=true] .icon{stroke-width:2}
.precision .stage-content{min-height:190px}
.precision .button .icon{transition:transform .2s var(--ease)}
.precision .button:hover .icon{transform:translateX(4px)}
.precision .button:active .icon{transform:translateX(2px)}
.precision .service-detail summary{transition:color .18s ease}
.precision .service-detail summary:hover{color:var(--accent)}
.precision .precision-film{padding-top:65px;padding-bottom:80px}
.precision-film .section-intro{margin-bottom:35px;align-items:end}
.precision-film .section-intro h2{max-width:16ch}
.film-player{margin:0}
.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--paper);accent-color:var(--accent)}
.film-player figcaption{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.6;color:var(--secondary);margin-top:17px}
.precision .film-transcript{padding:20px 0 0;max-width:800px}
.precision .film-transcript summary{font-size:16px;font-family:var(--body);letter-spacing:0;max-width:285px}
.precision .film-transcript p{font-size:15px}
.precision .precision-application{padding-bottom:8px}
.precision .review-stamp{transition:background-color .25s ease}
.precision .standard-grid{align-items:center;gap:100px}
.quality-visual figure{margin:30px 0 0}
.quality-visual img{display:block;width:100%;height:auto;aspect-ratio:1344/752;object-fit:cover}
.quality-visual figcaption{font-size:13px;line-height:1.5;margin-top:12px}
.precision .standards{gap:35px}
.precision .standards h3{display:flex;gap:13px;align-items:center}
.precision .standards p{padding-left:34px}
@media(prefers-reduced-motion:no-preference){.hero-art img{animation:precision-fit .85s .12s var(--ease) both}@keyframes precision-fit{from{transform:translateX(12px) scale(1.02);opacity:.55}to{transform:none;opacity:1}}}
@media(min-width:601px) and (max-width:1000px){.precision-hero-grid{grid-template-columns:1.1fr 1fr;gap:20px}.precision .precision-hero h1{font-size:clamp(43px,5.7vw,57px)}.precision .precision-intro p{font-size:16px}.precision .precision-intro .hero-action{gap:8px;margin-top:24px}.precision .precision-intro .text-link{font-size:13px}.precision .stage-track button{gap:9px;padding:16px 12px;font-size:15px}.precision .standard-grid{gap:45px}.precision .standards h3{font-size:21px}.precision .standards p{padding-left:0}.hero-art figcaption{font-size:13px}}
@media(max-width:600px){.precision .precision-hero{padding-top:30px}.precision-hero-grid{grid-template-columns:1fr;gap:24px}.precision .precision-hero h1{font-size:48px}.precision .precision-intro{margin-top:26px}.precision .precision-intro p{font-size:17px}.precision .precision-intro .hero-action{margin-top:25px}.hero-art img{max-height:280px}.hero-art figcaption{margin-top:8px;text-align:left;font-size:13px}.precision .production-instrument{margin-top:32px}.precision .stage-track button{padding:13px 3px;gap:7px;flex-direction:column;min-height:70px;font-size:13px}.precision .stage-track button .icon{width:18px;height:18px}.precision .stage-content{min-height:0}.precision .precision-film{padding-top:35px;padding-bottom:45px}.precision-film .section-intro{margin-bottom:26px}.film-player figcaption{display:block}.film-player figcaption span{display:block;margin-top:7px}.precision .film-transcript summary{font-size:15px}.precision .standard-grid{gap:35px}.quality-visual figure{margin-top:25px}.precision .standards p{padding-left:0}.precision .standards h3{align-items:start}.precision .standards h3 .icon{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.precision .button:hover .icon,.precision .button:active .icon{transform:none}.hero-art img{animation:none!important}}
