@font-face {
  font-family: Barlow Condensed;
  src: url(type-display.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Barlow Condensed;
  src: url(type-speed.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
:root {
  --night: #082733;
  --deep: #093340;
  --ink: #112e38;
  --muted: #485e68;
  --line: #ccd8d9;
  --foam: #edf4f2;
  --aqua: #92e5d5;
  --teal: #17675f;
  --orange: #ff784f;
  --display: "Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body: "Segoe UI",Arial,sans-serif;
  --pad: clamp(18px,5vw,76px);
  font: 16px/1.5 var(--body);
  color: var(--ink);
  background: #fff;
  scroll-behavior: smooth;
  scroll-padding-top: 84px;
}
*,*::after,*::before {box-sizing:border-box}
body,h1,h2,h3,p,figure,ol,ul {margin:0}
body {min-width:0}
img {display:block;max-width:100%}
a {text-decoration:none;color:inherit}
button,input,select,textarea {font:inherit;color:inherit}
button,summary,select,.add-files {cursor:pointer}
button {border:0}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.reel:focus-visible {
  outline:3px solid #009b93;outline-offset:3px;
}
.icon {width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.sprite,.sr,.file-input,.trap,.skip:not(:focus) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus {position:fixed;z-index:12;top:5px;left:6px;background:white;padding:10px}
.wrap {width:min(100%,1440px);padding-inline:var(--pad);margin-inline:auto}
.band {padding-block:clamp(60px,6.6vw,102px)}
h1,h2,h3,.brand strong {font-family:var(--display);font-weight:700;line-height:.94;letter-spacing:-.025em}
h1,h2,h3 {text-wrap:balance}
h2 {font-size:clamp(42px,5.3vw,82px)}
h2 em {color:var(--teal)}
h3 {font-size:clamp(25px,2.4vw,39px)}
.eyebrow {display:flex;align-items:center;gap:10px;font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:13px}
.eyebrow i {width:26px;height:3px;display:block;background:#dd6946;transform:skewX(-28deg)}
.eyebrow.light {color:var(--aqua)}
header {position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid #d8e4e4}
.hdr {display:flex;align-items:center;gap:clamp(14px,3vw,50px);min-height:70px}
.brand {display:inline-flex;gap:10px;align-items:center;flex:none}
.brand img {width:47px;height:43px;object-fit:contain}
.brand span {display:grid;gap:2px}
.brand strong {font-size:31px;letter-spacing:.04em;line-height:.88}
.brand small {font:750 9px/1.3 var(--body);letter-spacing:.13em}
.hdr nav {margin-left:auto;display:flex;gap:clamp(17px,2.7vw,46px);align-items:center}
.hdr nav a,.hdr-phone {font-size:14px;font-weight:660}
.hdr nav a {position:relative;padding-block:10px}
.hdr nav a::after {content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.hdr nav a:is(:hover,:focus-visible,[aria-current])::after {transform:scaleX(1)}
.hdr-phone {display:flex;gap:10px;align-items:center;background:var(--night);color:white;border-radius:5px;padding:10px 16px;white-space:nowrap}
.hdr-phone:hover {background:var(--teal)}
.hdr-phone .icon {width:16px;height:16px}
.mobile-menu {display:none}
.hero {background:var(--night);color:white;overflow:clip}
.hero-inner {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(380px,.83fr);gap:clamp(20px,3.5vw,57px);align-items:stretch;position:relative}
.hero-story {position:relative;isolation:isolate;min-height:600px}
.hero-photo {position:absolute;z-index:-1;inset:0 calc(-1 * clamp(32px,5vw,82px)) 0 min(-5vw,calc((1440px - 100vw)/2 - 76px));overflow:hidden;pointer-events:none}
.hero-photo img {position:absolute;bottom:-4%;left:0;width:100%;height:77%;object-fit:cover;object-position:49% 55%;transform:scale(1.015);filter:saturate(.9)}
.hero-photo::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--night) 2%,#082733f5 16%,#082733be 33%,#08273312 63%,#08273305 89%,#0827333b),linear-gradient(270deg,var(--night) 0%,#082733a1 4%,transparent 23%),linear-gradient(90deg,#05243250,transparent 60%)}
.hero-photo img {mask-image:linear-gradient(to bottom,transparent,#000 23%)}
.hero-type::before {content:'';position:absolute;z-index:-1;inset:0 -3% -4% -20%;background:radial-gradient(ellipse at 31% 72%,#06232eaa 0%,#06232e80 31%,transparent 68%);pointer-events:none}
.hero-type {isolation:isolate}
.hero-type {position:relative;padding-block:clamp(32px,4vw,58px) 40px;max-width:660px}
.hero-type .eyebrow {font-size:clamp(9px,.8vw,12px);margin-bottom:18px}
h1 {font-size:clamp(76px,7.6vw,120px);line-height:.82;text-transform:uppercase;letter-spacing:-.032em}
h1 em {color:var(--aqua)}
.lead {font-size:clamp(15px,1.2vw,19px);line-height:1.5;max-width:39ch;margin:18px 0 12px;text-shadow:0 1px 6px #062632}
.story-link {display:inline-flex;align-items:center;gap:9px;min-height:37px;color:#fff;font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:#a1c5c6;text-underline-offset:5px;text-shadow:0 1px 4px #18383b}
.story-link .icon {width:14px;height:14px}
.request {align-self:center;position:relative;margin-block:30px;background:#fff;color:var(--ink);border-radius:12px;padding:clamp(20px,2vw,32px);box-shadow:0 18px 40px #00191f28;scroll-margin-block:4px}
.request::before {content:'';position:absolute;left:26px;right:26px;top:0;height:3px;background:linear-gradient(90deg,var(--orange) 0 52px,transparent 52px)}
.request-head .eyebrow {font-size:9px;margin-bottom:5px;letter-spacing:.135em}
.request-head .eyebrow i {display:none}
.request h2 {font-size:clamp(33px,3vw,47px);letter-spacing:-.02em}
.mode,.limits,.status,#file-message {font-size:12px;line-height:1.4;color:var(--muted)}
.mode {margin:7px 0 14px}
.fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.fields label {font-size:12px;line-height:1.25;font-weight:700;display:block;min-width:0}
.fields .wide {grid-column:1/-1}
.fields input,.fields select,.fields textarea {width:100%;min-width:0;min-height:40px;margin-top:4px;padding:8px 10px;font-size:15px;font-weight:400;line-height:1.3;border:1px solid #adbfc3;background:#fafcfc;border-radius:5px;transition:border-color .15s,background-color .15s}
.fields input::placeholder,.fields textarea::placeholder {color:#5b7079;opacity:1}
.fields :is(input,textarea,select):focus {border-color:var(--teal);background:white}
.fields textarea {display:block;resize:vertical;min-height:55px}
.attach-zone {position:relative;margin-top:10px;border:1px dashed #88a6a9;border-radius:6px;background:#f2f8f7;padding:6px 12px}
.attach-zone:focus-within,.attach-zone.drag {outline:2px solid var(--teal);outline-offset:1px}
.add-files {display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#164e52;min-height:26px}
.add-files span {font-size:20px;line-height:1}
.limits {display:block;font-size:10px}
.camera-options summary,.camera-options label {color:var(--teal);font-weight:650;font-size:12px;padding:3px 0}
.camera-options label {display:inline-flex;align-items:center;min-height:40px;margin-right:12px;text-decoration:underline;cursor:pointer}
.btn,.send {min-height:46px;display:inline-flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:var(--orange);color:#12282a;border-radius:5px;font-size:15px;font-weight:750;padding:10px 17px;transition:background .18s,box-shadow .18s}
.btn:hover,.send:hover {background:#ff906c;box-shadow:0 3px 12px #00222a24}
.btn .icon,.send span,.svc a .icon,.city-list .icon {transition:transform .18s}
.btn:hover .icon,.send:hover span,.svc a:hover .icon,.city-list a:hover .icon {transform:translateX(3px)}
.send {width:100%;margin-top:12px;background:#ff850d}
.send:hover {background:#ff981f}
.send:active {background:#f57900}
.send span {font-size:20px;line-height:1}.send:disabled{opacity:.7}
.status:not(:empty),#file-message:not(:empty) {margin-top:6px;color:var(--teal);font-weight:650}
.queue {padding:0;list-style:none}
.queue .attachment-row {
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;
  margin-top:7px;padding:7px 8px;background:#f7faf9;border:1px solid #d6e2df;border-radius:8px;
  font-size:13px;line-height:1.35;
}
.attachment-row :is(img,video) {width:44px;height:44px;object-fit:cover;border-radius:5px;background:var(--foam)}
.attachment-row strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.attachment-meta {display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-top:3px}
.attachment-meta small,.attachment-state {font-size:11px;color:var(--muted)}
.attachment-state {display:inline-flex;align-items:baseline;gap:4px}
.attachment-row[data-state=ready] .attachment-state {color:var(--teal);font-weight:650}
.attachment-row[data-state=ready] .attachment-state::before {content:'';width:8px;height:5px;align-self:center;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:translateY(-1px) rotate(-45deg)}
.attachment-row[data-state=error] .attachment-state {color:#95371d}
.attachment-row button {color:var(--muted);background:transparent;border-radius:5px;padding:5px;font-size:12px}
.attachment-row button:not(:disabled):hover {background:#e3edeb;color:var(--ink)}
.attachment-row .remove-file {min-width:32px;min-height:34px;line-height:1;font-size:20px}
.attachment-row progress {width:100%;height:4px;accent-color:var(--teal)}
.request[data-receipt] {--receipt-accent:#14695b;--receipt-tint:#e1f3ec}
.request[data-receipt=pending],.request[data-receipt=unconfirmed],.request[data-receipt=preview] {--receipt-accent:#82551a;--receipt-tint:#fbefd6}
.request[data-receipt] :is(.fields,.attach-zone,.queue,#file-message,.mode),.request-receipt:empty {display:none}
.request[data-receipt] .request-head {position:relative;padding-left:57px;min-height:46px;display:flex;flex-direction:column;justify-content:center}
.request[data-receipt] .request-head::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--receipt-tint)}
.request[data-receipt] .request-head::after {content:'i';position:absolute;left:0;top:50%;transform:translateY(-50%);width:44px;text-align:center;font:700 22px/1 Georgia,serif;color:var(--receipt-accent)}
.request[data-receipt=sent] .request-head::after {content:'';left:13px;width:19px;height:10px;border:solid var(--receipt-accent);border-width:0 0 3px 3px;transform:translateY(-75%) rotate(-45deg)}
.request[data-receipt] h2 {outline:none}
.request-receipt .receipt-summary {font-size:15px;line-height:1.45;color:var(--muted);margin:16px 0 20px}
.receipt-details {display:grid;grid-template-columns:1fr 1.22fr;margin:0;padding:14px 0;border-block:1px solid var(--line);line-height:1.4}
.receipt-details>div+div {padding-left:14px;border-left:1px solid var(--line)}
.receipt-details dt {margin:0 0 4px;font-size:11px;font-weight:600;color:var(--muted)}
.receipt-details dd {margin:0;font-size:14px;font-weight:650;overflow-wrap:anywhere}
.receipt-details>div:first-child dd {font-variant-numeric:tabular-nums;letter-spacing:.035em}
.receipt-files {display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--muted)}
.receipt-thumbs {display:inline-flex;align-items:center;gap:3px}
.receipt-thumbs :is(img,video) {width:34px;height:34px;object-fit:cover;border-radius:5px;background:var(--foam)}
.receipt-call {display:inline-block;margin-top:14px;color:var(--teal);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.request[data-receipt] .send {width:auto;min-height:40px;margin-top:18px;padding:7px 12px;gap:8px;border:1px solid #b8cec8;border-radius:6px;background:white;color:var(--teal);font-size:13px;box-shadow:none}
.request[data-receipt] .send::before {content:'+';font-size:18px;font-weight:500;line-height:1}
.request[data-receipt] .send:hover {background:var(--foam)}
.coverage {background:#103d49;color:#e0efee}
.coverage-in {min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}
.coverage-title {display:flex;gap:8px;align-items:center;color:var(--aqua)}
.coverage b {color:#76aaa7}
.section-title {display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:clamp(24px,3vw,44px)}
.section-title>p {max-width:36ch;font-size:15px;color:var(--muted)}
.card-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,29px);align-items:start}
.svc {background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.svc-img {overflow:hidden;background:var(--foam)}
.svc-img img {width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;transition:transform .45s}
.svc:hover .svc-img img {transform:scale(1.035)}
.svc:nth-child(3) img {object-position:50% 55%}
.svc-body {padding:clamp(16px,1.7vw,28px)}
.svc p,.step-track p,.area-text>p:not(.eyebrow),.faq-list p {color:var(--muted);line-height:1.58}
.svc p {margin:11px 0 16px;font-size:15px;min-height:3.15em}
.svc summary,.faq-list summary {display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;cursor:pointer}
summary::-webkit-details-marker {display:none}
.svc details {border-block:1px solid var(--line)}
.svc summary {min-height:41px;font-size:13px;font-weight:650}
.svc summary span,.faq-list summary span {color:var(--teal);font-size:21px;font-weight:400;transition:transform .18s}
details[open]>summary span {transform:rotate(45deg)}
.svc ul {padding:0 0 12px 17px;font-size:14px;color:var(--muted)}
.svc-body>a,.area-phone {display:flex;align-items:center;gap:8px;color:var(--teal);font-weight:700;font-size:14px}
.svc-body>a {justify-content:space-between;min-height:44px;margin-bottom:-7px}
.process,.faq {background:var(--foam)}
.step-track {--path:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;isolation:isolate}
.step-track::before,.step-track::after {content:'';position:absolute;z-index:-1;top:20px;left:20px;right:calc(25% - 20px);height:2px;background:#bfd3d0}
.step-track::after {background:var(--teal);transform:scaleX(var(--path));transform-origin:left}
.stepnum {display:inline-grid;place-items:center;background:var(--night);border-radius:50%;width:41px;height:41px;color:white;font:700 20px/1 var(--display);box-shadow:0 0 0 5px var(--foam)}
.stepico {display:block;color:var(--teal);margin:17px 0 8px}
.step-track h3 {font-size:clamp(26px,2.25vw,35px)}
.step-track p {font-size:14px;margin-top:10px;max-width:35ch}
.journal,footer {background:var(--night);color:white}
.journal h2 em,footer h2 em {color:var(--aqua)}
.journal .section-title>p,.journal .reel-copy p:not(.eyebrow) {color:#c2d6d9}
.journal-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);background:#123a47;border:1px solid #335562;border-radius:12px;overflow:hidden}
.reel-stage {position:relative;min-width:0;display:grid;overflow:hidden;isolation:isolate;perspective:1100px;touch-action:pan-y pinch-zoom;background:#09202a}
.reel-face {grid-area:1/1;visibility:hidden;pointer-events:none;backface-visibility:hidden}
.reel-face.active,.reel-face.leaving,.reel-face:first-child:only-child {visibility:visible}
.reel-face.active {z-index:2;pointer-events:auto}
.reel-face a {display:block;height:100%;cursor:zoom-in}
.reel-face img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.reel-face.portrait img {object-fit:contain}
.reel-stage {min-height:clamp(315px,32vw,430px)}
.reel-prev,.reel-next,.photo-controls button,.close-photo {cursor:pointer;border:1px solid #98b7b7;background:#0a303cef;color:white;min-width:42px;min-height:42px;border-radius:50%}
.reel-prev,.reel-next {position:absolute;z-index:4;bottom:14px;font-size:19px}
.reel-prev {right:66px}.reel-next {right:14px}
.reel-prev:hover,.reel-next:hover {background:var(--teal)}
.copy-column {padding:clamp(18px,3.1vw,54px);align-self:center;min-width:0}
.reel-count {color:var(--aqua);font-size:13px;letter-spacing:.12em;font-weight:700;margin-bottom:20px}
.reel-copies {display:grid}.reel-copy {grid-area:1/1;visibility:hidden;pointer-events:none;align-self:start}.reel-copy.active {visibility:visible;pointer-events:auto}
.reel-copy h3 {font-size:clamp(32px,3vw,48px);line-height:1.02;margin-bottom:12px}
.reel-copy .eyebrow {color:var(--aqua);margin-bottom:8px}
.reel-copy p:not(.eyebrow) {font-size:15px}
.reel-copy small {display:block;color:#a9c5c8;margin-top:13px;font-size:12px}
.journal-link {display:inline-flex;align-items:center;gap:9px;color:white;font-size:14px;font-weight:650;min-height:40px;text-decoration:underline;text-underline-offset:4px}
.thumbnails {display:flex;gap:9px;margin-top:15px}
.thumbnails button {width:clamp(52px,6vw,84px);min-width:0;padding:3px;background:transparent;border:2px solid transparent;border-radius:5px}
.thumbnails button[aria-current=true] {border-color:var(--aqua)}.thumbnails img {width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:2px}
.area-grid,.faq-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,6.5vw,110px);align-items:center}
.coast-photo {position:relative;overflow:hidden;border-radius:10px}
.coast-photo img {width:100%;height:clamp(350px,34vw,495px);object-fit:cover;object-position:50% 53%}
.coast-photo span {display:flex;align-items:center;gap:9px;position:absolute;left:18px;bottom:17px;padding:7px 10px;background:#0c3543ed;color:#fff;border-radius:3px;font-size:10px;letter-spacing:.13em;font-weight:700}
.area-text>p:not(.eyebrow) {margin:18px 0 22px;max-width:50ch}
.city-list {display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.city-list a {display:flex;align-items:center;justify-content:space-between;min-height:45px;font-size:15px;font-weight:650;border-bottom:1px solid var(--line)}
.city-list .icon {width:15px;color:var(--teal)}
.area-phone {margin-top:24px;flex-wrap:wrap}.area-phone strong {color:var(--ink)}
.faq-grid {align-items:start}.faq-list {border-top:1px solid #b8ccc8}
.faq-list details {border-bottom:1px solid #b8ccc8}
.faq-list summary {padding:16px 0;font-size:16px;font-weight:650}
.faq-list p {padding-bottom:18px;font-size:15px}
footer {padding-block:clamp(35px,4.6vw,75px) 26px}
.foot-call,.foot-bottom {display:flex;justify-content:space-between;align-items:center;gap:24px}
.foot-call {padding-bottom:32px;border-bottom:1px solid #36525c}
.foot-bottom {padding-top:24px;font-size:13px;color:#d6e5e6;flex-wrap:wrap}
.foot-bottom div {display:grid;gap:4px}
.foot-bottom a:hover {text-decoration:underline}
dialog {width:min(92vw,920px);max-width:96vw;background:var(--night);color:white;border:1px solid #62828a;padding:15px;border-radius:9px}
dialog::backdrop {background:#061a20da}
dialog img {width:100%;height:65vh;object-fit:contain;touch-action:pan-y}
.close-photo {display:block;margin:0 0 8px auto;padding:4px 12px;border-radius:3px}
.photo-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;font-size:14px}
@media(min-width:761px) and (prefers-reduced-motion:no-preference) {
  .hero-type {animation:arrive .52s cubic-bezier(.2,.6,.25,1) both}
  .hero-photo img {animation:underway 1.15s ease-out both}
  @keyframes arrive {from{opacity:.65;transform:translateY(9px)}}
  @keyframes underway {from{transform:scale(1.055) translateX(.7%)}}
}
@media(max-width:950px) {
  .hdr {gap:16px}.hdr nav {gap:16px}.hdr nav a,.hdr-phone {font-size:13px}
  .hero-inner {grid-template-columns:minmax(0,1fr) minmax(355px,.95fr);gap:14px}
  .hero-story {min-height:570px}.hero-type .eyebrow {max-width:29ch}
  .svc p {min-height:0}.card-row {gap:12px}.section-title>p {max-width:30ch}
}
@media(max-width:760px) {
  :root {scroll-padding-top:65px}
  .hdr {min-height:55px;gap:12px}.brand {gap:6px}.brand img {width:36px;height:34px}.brand strong {font-size:25px}.brand small {font-size:7.5px}
  .hdr nav {display:none}.hdr-phone {margin-left:auto;padding:7px 10px;min-height:36px;gap:6px}
  .mobile-menu {position:relative;display:block}.mobile-menu summary {display:grid;place-items:center;width:36px;height:40px;list-style:none}
  .mobile-menu div {position:absolute;right:0;top:43px;z-index:9;width:200px;background:white;border:1px solid var(--line);border-radius:6px;padding:5px;box-shadow:0 6px 20px #112e3820}
  .mobile-menu a {display:block;padding:10px 13px;font-weight:650}
  .hero-inner {display:flex;flex-direction:column;padding:0;gap:0}
  .request {order:-1;align-self:stretch;margin:13px var(--pad) 0;padding:17px 18px;border-radius:9px}
  .request h2 {font-size:35px}.request-head .eyebrow {font-size:9px}.mode {margin:4px 0 10px}
  .fields {gap:7px 9px}.fields input,.fields select,.fields textarea {font-size:16px;min-height:39px;margin-top:3px}
  .fields textarea {min-height:48px}.attach-zone {margin-top:8px}.send {margin-top:8px}
  .hero-story {min-height:360px;padding:0 var(--pad)}
  .hero-photo {inset:0}.hero-photo img {height:94%;width:100%;bottom:-9%;object-position:50% 55%}
  .hero-photo::after {background:linear-gradient(180deg,var(--night) 1%,#082733c9 18%,#0827334d 50%,transparent 85%),linear-gradient(90deg,#082733b0,transparent)}
  .hero-type {padding:26px 0 24px}.hero-type .eyebrow {max-width:none;font-size:9px;margin-bottom:13px}
  h1 {font-size:clamp(62px,12vw,94px)}.lead {font-size:15px;max-width:31ch;margin:12px 0 7px}
  .coverage-in {flex-wrap:wrap;justify-content:center;column-gap:9px;row-gap:2px;padding-block:12px;font-size:12px}
  .coverage-title {flex-basis:100%;justify-content:center}.coverage-title .icon {width:15px}
  .section-title {align-items:start;gap:12px;flex-direction:column}.section-title>p {max-width:45ch}
  .card-row {grid-template-columns:1fr}.svc {display:grid;grid-template-columns:minmax(115px,.75fr) minmax(0,1.45fr)}
  .svc-img {position:relative}.svc-img img {position:absolute;inset:0;width:100%;height:100%}.svc p {font-size:14px;margin:8px 0 10px}
  .step-track {grid-template-columns:1fr 1fr;gap:26px 20px}.step-track::before,.step-track::after {display:none}
  .stepico {display:inline-flex;margin:0 0 0 8px}.step-track h3 {margin-top:12px}
  .journal-grid {grid-template-columns:1fr}.reel-stage {min-height:0;aspect-ratio:1.52}
  .copy-column {padding:18px 20px}.reel-count {margin-bottom:10px}.thumbnails {gap:5px}
  .area-grid,.faq-grid {grid-template-columns:1fr;gap:24px}.area-text {grid-row:1}
  .coast-photo img {height:240px;object-position:50% 58%}
  .foot-call {align-items:start;flex-direction:column;gap:19px}.foot-bottom {display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:18px}
}
@media(max-width:380px) {
  :root {--pad:12px}.request {padding:15px 13px}.hdr {gap:7px}.hdr-phone {font-size:12px}
  .svc {grid-template-columns:minmax(85px,.55fr) minmax(0,1.5fr)}.svc-body {padding:13px}
  .city-list {column-gap:10px}.city-list a {font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

.inspection {
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,5vw,80px);
  align-items:center;margin-top:clamp(32px,4.5vw,70px);padding-top:clamp(32px,4.5vw,70px);border-top:1px solid #34545f;
}
.inspection-copy h3 {font-size:clamp(34px,3.5vw,53px);margin:10px 0 15px}
.inspection-copy>p:not(.eyebrow) {color:#c2d6d9;max-width:43ch}
.inspection-copy .inspect-hint {font-size:13px;margin-top:14px}
.comparison {--split:48%;position:relative;overflow:hidden;isolation:isolate;border-radius:9px;background:#0e303c}
.comparison img {width:100%;height:clamp(260px,23vw,380px);object-fit:cover;object-position:center 45%}
.comparison .during {position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison input {position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.comparison:focus-within {outline:3px solid var(--aqua);outline-offset:4px}
.divider {position:absolute;inset-block:0;left:var(--split);width:2px;background:white;transform:translateX(-50%);box-shadow:0 0 4px #122c35}
.divider b {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:white;color:var(--night);font-size:20px}
.compare-before,.compare-after {position:absolute;bottom:10px;left:10px;background:#082733e8;color:white;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:650}
.compare-after {left:auto;right:10px}
.step-track.in-view {--path:1}
@media(prefers-reduced-motion:no-preference) {
  .step-track::after {transition:transform 1.05s cubic-bezier(.22,.63,.25,1)}
  .step-track.in-view .stepico .icon {animation:lift .5s ease-out both}
  .step-track li:nth-child(2) .stepico .icon {animation-delay:.12s}
  .step-track li:nth-child(3) .stepico .icon {animation-delay:.24s}
  .step-track li:nth-child(4) .stepico .icon {animation-delay:.36s}
  @keyframes lift {from{transform:translateY(6px);opacity:.45}}
}
@media(max-width:760px) {.inspection{grid-template-columns:1fr}.comparison img{height:255px}}
@media(max-width:760px) {
  .request h2 {text-wrap:initial}
}
@media(max-width:380px) {
  .request h2 {font-size:30px}
  .request .fields {row-gap:6px}
  .request .mode {margin-bottom:5px}
  .request {margin-top:8px;padding-top:12px}
  .request .attach-zone {margin-top:5px}
  .request .send {margin-top:5px}
}
.comparison.hull-pair {
  width:100%;max-width:575px;aspect-ratio:960/820;justify-self:end;
}
.hull-pair .hull-layer {position:absolute;inset:0;overflow:hidden}
.hull-pair .hull-before {clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.hull-pair .hull-layer img {
  position:absolute;display:block;height:auto;max-width:none;object-fit:initial;transform-origin:0 0;
}
/* Crop both native frames around the storage mounts and the lower hull screw. */
.hull-pair .hull-before img {width:100%;left:0;top:-26.22%}
.hull-pair .hull-after img {width:114.13%;left:-6%;top:-58.32%;transform:rotate(-2.50deg)}
.hull-pair .compare-before,.hull-pair .compare-after {z-index:1;pointer-events:none}
.hull-pair .divider {z-index:1}
.inspection[id] {scroll-margin-top:14px}
@media(max-width:760px){.comparison.hull-pair {max-width:540px;justify-self:center}}