/* Inner pages: same editorial voice as the home page, with the bridge as the recurring idea. */
.inner-page{--sec-brass:color-mix(in srgb,var(--brass) 82%,var(--forest));--sec-line:color-mix(in srgb,var(--forest) 12%,transparent);--sec-muted:color-mix(in srgb,var(--forest) 68%,var(--ivory));--sec-card:color-mix(in srgb,var(--ivory) 45%,white);padding-block-end:clamp(1rem,3vw,2rem)}

/* ---------- Inner heroes: one idea per page ---------- */
.ihero{padding-block:calc(var(--header-height) + clamp(3.5rem,7vw,6rem)) clamp(3rem,6vw,5rem)}
.ihero-title{margin:0;font:500 clamp(2rem,4vw,3.4rem)/1.3 var(--font-heading);color:var(--forest);text-wrap:balance}
.ihero-lead{margin:var(--s3) 0 0;max-inline-size:46ch;color:var(--sec-muted);font-size:var(--body);line-height:1.85}
.ihero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-block-start:clamp(1.75rem,3vw,2.5rem)}
.ihero-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--forest);border-block-end:1px solid color-mix(in srgb,var(--brass) 55%,transparent);padding-block:.25rem}
.ihero-link svg{inline-size:1rem;block-size:1rem;transition:transform .35s var(--ease)}
.ihero-link:hover svg{transform:translateY(3px)}
.ihero--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);box-sizing:border-box;min-block-size:100svh;padding-block:calc(var(--header-height) + clamp(1.5rem,2.5vw,2.5rem)) clamp(1.5rem,3vw,2.5rem)}

/* Services: the certificate that translates itself. */
.docsheet{position:relative;margin:0;justify-self:center;inline-size:min(100%,27rem,calc((100svh - var(--header-height) - 9rem) / 1.25));padding-block-start:2.75rem}
.docsheet-pair{position:absolute;inset-block-start:0;left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .9rem;border-radius:2rem;border:1px solid var(--sec-line);background:color-mix(in srgb,var(--white) 70%,transparent);font-size:.75rem;font-weight:600;color:var(--forest);white-space:nowrap;direction:rtl}
.docsheet-pair svg{inline-size:.9rem;block-size:.9rem;color:var(--brass);transform:scaleX(-1)}
.docsheet-paper{position:relative;display:flex;flex-direction:column;gap:.95rem;padding:2rem 2rem 2.25rem;aspect-ratio:1 / 1.25;border-radius:.4rem;background:#fdfbf6;border:1px solid color-mix(in srgb,var(--forest) 9%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 30px 60px -28px rgba(27,45,35,.28),0 10px 22px -14px rgba(27,45,35,.18);overflow:hidden;rotate:-2deg}
.docsheet-paper::before{content:'';position:absolute;inset:.6rem;border:1px solid color-mix(in srgb,var(--brass) 30%,transparent);border-radius:.2rem;pointer-events:none}
.docsheet-head{display:flex;align-items:center;justify-content:space-between;padding-block-end:.85rem;border-block-end:1px solid color-mix(in srgb,var(--forest) 9%,transparent);direction:ltr}
.docsheet-head img{inline-size:5.5rem;block-size:auto}
.docsheet-ref{font-size:.625rem;letter-spacing:.08em;color:var(--sec-muted)}
.docsheet-row{position:relative;display:block;block-size:.5rem}
.docsheet-row--title{block-size:1.6rem;margin-block:.35rem .5rem}
.ds-ar,.ds-en{position:absolute;inset-block:0;display:flex;align-items:center;transition:opacity .7s var(--ease),filter .7s var(--ease),clip-path .7s var(--ease)}
.ds-ar{right:0;justify-content:flex-end;font:600 1.15rem/1 var(--font-heading-ar,var(--font-heading));color:var(--forest)}
.ds-en{left:0;font:600 1.05rem/1 var(--font-heading-en,var(--font-heading));color:var(--forest);opacity:0;filter:blur(4px)}
.docsheet-row:not(.docsheet-row--title) .ds-ar,.docsheet-row:not(.docsheet-row--title) .ds-en{inline-size:var(--w);border-radius:1rem;background:color-mix(in srgb,var(--forest) 13%,transparent)}
.docsheet-row:not(.docsheet-row--title) .ds-en{inline-size:calc(var(--w) - 8%);background:color-mix(in srgb,var(--brand) 22%,transparent)}
.docsheet-row.is-on .ds-ar{opacity:0;filter:blur(4px)}
.docsheet-row.is-on .ds-en{opacity:1;filter:none}
.docsheet-foot{display:flex;justify-content:space-between;margin-block-start:auto;padding-block-start:1rem}
.docsheet-gap{display:block;block-size:.4rem}
.docsheet-sign{inline-size:32%;border-block-start:1px solid color-mix(in srgb,var(--forest) 22%,transparent)}
.docsheet-scan{position:absolute;inset-inline:0;inset-block-start:0;block-size:3.5rem;margin-block-start:-3.5rem;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--brass) 14%,transparent));border-block-end:1.5px solid var(--brass);box-shadow:0 6px 14px -6px rgba(184,146,74,.6);opacity:0;pointer-events:none}
.docsheet-stamp{position:absolute;inset-block-end:1.4rem;inset-inline-end:1.6rem;inline-size:6.5rem;block-size:6.5rem;color:#a8823e;opacity:0;rotate:-14deg;mix-blend-mode:multiply}
.docsheet-stamp circle{fill:none;stroke:currentColor;stroke-width:2}
.docsheet-stamp circle+circle{stroke-width:1}
.docsheet-stamp text{fill:currentColor;font:700 8.4px/1 var(--font-body-en,system-ui),sans-serif;letter-spacing:.14em}
.docsheet-stamp-star{fill:currentColor}

/* About: the Riyadh photograph with the office credentials drifting over its edges. */
.about-frame{position:relative;margin:0;justify-self:center;inline-size:min(100%,30rem,calc((100svh - var(--header-height) - 6rem) * .8))}
.about-frame-photo{display:block;aspect-ratio:4 / 5;border-radius:2rem;overflow:hidden;box-shadow:0 30px 60px -30px rgba(27,45,35,.35)}
.about-frame-photo picture,.about-frame-photo img{display:block;inline-size:100%;block-size:100%}
.about-frame-photo img{object-fit:cover;object-position:46% 50%}
.about-float{position:absolute;display:flex;will-change:transform;animation:about-drift 7s ease-in-out infinite alternate}
.about-float--licence{inset-block-start:12%;inset-inline-end:-2.5rem;flex-direction:column;gap:.3rem;padding:.9rem 1.1rem;border-radius:1rem;background:#fdfbf6;border:1px solid color-mix(in srgb,var(--brass) 30%,transparent);box-shadow:0 18px 36px -20px rgba(27,45,35,.35)}
.about-float-label{font-size:.6875rem;font-weight:600;color:var(--sec-brass)}
.about-float-value{font:600 1.05rem/1.2 var(--font-body-en);letter-spacing:.04em;color:var(--forest)}
.about-float-note{font-size:.6875rem;color:var(--sec-muted)}
.about-float--seal{inset-block-end:9%;inset-inline-start:-2.75rem;inline-size:6.5rem;block-size:6.5rem;padding:.35rem;border-radius:50%;background:#fdfbf6;box-shadow:0 18px 36px -20px rgba(27,45,35,.35);color:#a8823e;animation-duration:8s;animation-delay:-3s}
.about-float--seal svg{inline-size:100%;block-size:100%}
.about-float--seal circle{fill:none;stroke:currentColor;stroke-width:2}
.about-float--seal circle+circle{stroke-width:1}
.about-float--seal text{fill:currentColor;font:700 8.4px/1 var(--font-body-en),sans-serif;letter-spacing:.12em}
.about-float--seal path{fill:currentColor}
.about-float--place{inset-block-end:-1.1rem;inset-inline-end:12%;align-items:center;gap:.45rem;padding:.6rem 1rem;border-radius:2rem;background:var(--olive);color:var(--ivory);font-size:.8125rem;font-weight:600;box-shadow:0 14px 28px -16px rgba(27,45,35,.5);animation-duration:6s;animation-delay:-1.5s}
.about-float--place svg{inline-size:1rem;block-size:1rem;color:#d8bb83}
@keyframes about-drift{from{transform:translate3d(0,-6px,0)}to{transform:translate3d(0,6px,0)}}

/* ---------- Page hero ---------- */
.page-hero{padding-block:calc(var(--header-height) + clamp(2rem,4vw,3.5rem)) clamp(2.5rem,5vw,4rem);text-align:center;display:flex;flex-direction:column;align-items:center}
.page-hero .sec-eyebrow{justify-content:center}
.page-hero-title{margin:0;font:500 clamp(2rem,4.2vw,3.5rem)/1.3 var(--font-heading);color:var(--forest);text-wrap:balance}
.page-hero-lead{margin:var(--s3) 0 0;max-inline-size:52ch;color:var(--sec-muted);font-size:var(--body);line-height:1.85}
.page-bridge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:1rem;inline-size:min(100%,44rem);margin-block-start:clamp(2.5rem,5vw,3.5rem)}
.page-bridge svg{inline-size:100%;block-size:3.75rem;overflow:visible}
:root[dir=rtl] .page-bridge svg{transform:scaleX(-1)}
.page-bridge path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.page-bridge-deck{stroke:var(--sec-line);stroke-width:1}
.page-bridge-cable{stroke:var(--brass);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;animation:page-bridge-draw 1.6s var(--ease) .3s forwards}
.page-bridge-hanger{stroke:color-mix(in srgb,var(--brass) 45%,transparent);stroke-width:1;opacity:0;animation:page-bridge-fade .5s var(--ease) calc(.9s + var(--i) * .06s) forwards}
.page-bridge-end{display:inline-flex;align-items:center;gap:.5rem;padding-block-end:.25rem;font-size:.8125rem;font-weight:500;color:var(--sec-muted);white-space:nowrap}
.page-bridge-dot{inline-size:.5rem;block-size:.5rem;border-radius:50%;background:var(--brass)}
.page-bridge-end--to .page-bridge-dot{background:transparent;border:1px solid var(--brass)}
@keyframes page-bridge-draw{to{stroke-dashoffset:0}}
@keyframes page-bridge-fade{to{opacity:1}}

/* ---------- Services index ---------- */
.svc-index{padding-block:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem)}
.svc-rows{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.svc-list{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--sec-line)}
.svc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num title arrow" "num copy arrow";align-items:center;gap:.25rem clamp(1rem,2.5vw,2rem);padding-block:clamp(1.25rem,2.5vw,1.75rem);border-block-end:1px solid var(--sec-line);color:var(--forest);transition:padding .5s var(--ease)}
.svc-num{grid-area:num;font:300 clamp(1.75rem,3vw,2.75rem)/1 var(--font-body-en);color:color-mix(in srgb,var(--brass) 70%,var(--forest));letter-spacing:-.02em;min-inline-size:3ch}
.svc-row-title{grid-area:title;font:500 clamp(1.125rem,1.7vw,1.5rem)/1.45 var(--font-heading)}
.svc-row-copy{grid-area:copy;font-size:.9375rem;color:var(--sec-muted);line-height:1.75}
.svc-row-arrow{grid-area:arrow;inline-size:1.5rem;block-size:1.5rem;color:var(--sec-muted);transition:transform .5s var(--ease),color .3s}
.svc-row:hover,.svc-row.is-active{padding-inline-start:.75rem}
.svc-row:hover .svc-row-arrow,.svc-row.is-active .svc-row-arrow{color:var(--brass);transform:translateY(4px)}
.svc-preview{position:sticky;inset-block-start:calc(var(--header-height) + 2rem);margin:0;aspect-ratio:4/5;border-radius:1.25rem;overflow:hidden;background:var(--pale)}
.svc-preview img{inline-size:100%;block-size:100%;object-fit:cover;transition:opacity .45s var(--ease),transform 1.2s var(--ease)}
.svc-preview.is-swapping img{opacity:0;transform:scale(1.04)}

/* ---------- Service details ---------- */
.svc-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5.5rem);align-items:center;padding-block:clamp(3rem,6vw,5rem);scroll-margin-block-start:calc(var(--header-height) + 1rem)}
.svc-detail.is-flipped .svc-detail-media{order:2}
.svc-detail-media{margin:0;border-radius:1.25rem;overflow:hidden;aspect-ratio:5/4}
.svc-detail-media picture,.svc-detail-media img{inline-size:100%;block-size:100%;object-fit:cover}
.svc-detail-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3)}
.svc-detail-num{display:flex;align-items:center;gap:.875rem;margin:0;font:500 .8125rem/1 var(--font-body-en);letter-spacing:.14em;color:var(--sec-brass)}
.svc-detail-num>span{inline-size:2.5rem;block-size:1px;background:currentColor;opacity:.7}
.svc-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem 1.5rem;inline-size:100%}
.svc-docs li{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--forest)}
.svc-docs .star8{font-size:.625rem;color:var(--brass)}
.svc-facts{display:grid;gap:.75rem;margin:0;padding:var(--s3);inline-size:100%;border-radius:1rem;background:var(--sec-card);border:1px solid var(--sec-line)}
.svc-facts>div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1rem}
.svc-facts dt{font-size:.8125rem;font-weight:600;color:var(--sec-brass)}
.svc-facts dd{margin:0;font-size:.9375rem;color:var(--sec-muted);line-height:1.7}

/* ---------- Specialties ---------- */
.spec{padding-block:clamp(4rem,8vw,6rem) 0}
.spec-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem)}
.spec-tile{position:relative;padding:var(--s4) var(--s3) var(--s3);border-radius:1rem;background:var(--sec-card);border:1px solid var(--sec-line);transition:transform .5s var(--ease),border-color .5s var(--ease)}
.spec-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brass) 45%,transparent)}
.spec-icon{inline-size:1.75rem;block-size:1.75rem;margin-block-end:var(--s3);stroke:var(--brass);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.spec-tile h3{margin:0 0 .375rem;font:500 1.0625rem/1.5 var(--font-heading);color:var(--forest)}
.spec-tile p{margin:0;font-size:.875rem;line-height:1.8;color:var(--sec-muted)}

/* ---------- Route: three stops on one line ---------- */
.route{padding-block:clamp(4rem,8vw,6rem) 0}
.route-track{position:relative}
.route-line{position:absolute;inset-inline:calc(100% / 6);inset-block-start:1.375rem;block-size:1px;background:var(--sec-line)}
.route-line>span{position:absolute;inset:0;background:var(--brass);transform:scaleX(0);transform-origin:right}
:root[dir=ltr] .route-line>span{transform-origin:left}
.route-stops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);text-align:center}
.route-stop{display:flex;flex-direction:column;align-items:center;gap:.625rem}
.route-dot{position:relative;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;border:1px solid var(--brass);background:var(--ivory);font:500 .75rem/1 var(--font-body-en);letter-spacing:.08em;color:var(--forest)}
.route-stop h3{margin:.5rem 0 0;font:500 1.125rem/1.5 var(--font-heading);color:var(--forest)}
.route-stop p{margin:0;max-inline-size:28ch;font-size:.9375rem;line-height:1.8;color:var(--sec-muted)}

@media (max-width:64rem){
  .svc-rows{grid-template-columns:minmax(0,1fr)}
  .svc-preview{display:none}
  .svc-detail,.svc-detail.is-flipped{grid-template-columns:minmax(0,1fr)}
  .svc-detail.is-flipped .svc-detail-media{order:0}
  .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:48rem){
  .name-bridge::before,:root[dir=ltr] .name-bridge::before{background-size:20px 20px;-webkit-mask-image:radial-gradient(80% 45% at 50% 80%,#000,transparent 75%);mask-image:radial-gradient(80% 45% at 50% 80%,#000,transparent 75%)}
  .name-bridge::after{inset-inline:0;inset-block:auto 0;inline-size:auto;block-size:55%;left:0;right:0}
  .ihero--split{grid-template-columns:minmax(0,1fr);gap:3rem;min-block-size:0;padding-block:calc(var(--header-height) + 2.5rem) 3rem}
  .docsheet{inline-size:min(100%,21rem)}
  .docsheet-paper{padding:1.5rem 1.4rem 1.75rem;gap:.8rem}
  .docsheet-stamp{inline-size:5.25rem;block-size:5.25rem}
  .about-frame{inline-size:min(100%,22rem)}
  .about-float--licence{inset-inline-end:-.75rem;padding:.7rem .9rem}
  .about-float--seal{inset-inline-start:-.75rem;inline-size:5rem;block-size:5rem}
  .page-bridge{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .page-bridge svg{grid-column:1/-1;grid-row:1}
  .page-bridge-end--to{justify-self:end}
  .svc-docs{grid-template-columns:minmax(0,1fr)}
  .svc-facts>div{grid-template-columns:minmax(0,1fr);gap:.25rem}
  .spec-grid{grid-template-columns:minmax(0,1fr)}
  .route-line{inset-inline:auto;inset-inline-start:1.375rem;inset-block:1.375rem;inline-size:1px;block-size:auto}
  .route-line>span{transform:scaleY(0);transform-origin:top}
  .route-stops{grid-template-columns:minmax(0,1fr);text-align:start;gap:1.75rem}
  .route-stop{display:grid;grid-template-columns:2.75rem minmax(0,1fr);column-gap:1rem;align-items:start}
  .route-dot{grid-row:1/3}
  .route-stop h3{margin:0}
}
@media (prefers-reduced-motion:reduce){
  .ihero-link svg{transition:none}
  .about-float{animation:none}
  .page-bridge-cable{animation:none;stroke-dashoffset:0}
  .page-bridge-hanger{animation:none;opacity:1}
  .svc-row,.svc-row-arrow,.svc-preview img,.spec-tile{transition:none}
}

/* ---------- About ---------- */
.about-wide{position:relative;margin:0 auto;padding:0;max-inline-size:min(var(--content-width),calc(100% - 2 * var(--page-pad)))}
.about-wide picture{display:block;border-radius:calc(var(--surface-radius) * .8);overflow:hidden;aspect-ratio:21/9}
.about-wide img{inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 60%}
.about-wide-tag{position:absolute;inset-block-end:1.25rem;inset-inline-start:1.25rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--pill);background:color-mix(in srgb,var(--ivory) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.8125rem;color:var(--forest)}
.about-wide-tag .star8{color:var(--brass)}

.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,8vw,6rem) 0}
.story-copy{display:flex;flex-direction:column;gap:1.1rem}
.story-copy p{margin:0;font:400 clamp(1.0625rem,1.35vw,1.1875rem)/1.95 var(--font-body);color:var(--sec-muted)}
.story-word{color:var(--forest)}

.name-bridge{margin-block-start:clamp(4rem,8vw,6rem);padding-block:clamp(4rem,8vw,6rem);background:var(--olive);color:var(--ivory);--sec-brass:var(--olive-gold);--sec-muted:color-mix(in srgb,var(--ivory) 66%,transparent)}
.name-bridge .sec-title{color:var(--ivory)}
/* The band's quiet ornament: a barely visible dot grid around the bridge, a soft warm glow behind
   it, and faint still water lines under it. */
.name-bridge{position:relative;isolation:isolate;overflow:hidden}
.name-bridge::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(246,243,236,.9) 0 .5px,transparent 1px) 0 0 / 24px 24px;opacity:.03;-webkit-mask-image:radial-gradient(60% 70% at 25% 55%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 25% 55%,#000,transparent 75%);pointer-events:none}
:root[dir=ltr] .name-bridge::before{-webkit-mask-image:radial-gradient(60% 70% at 75% 55%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 75% 55%,#000,transparent 75%)}
.name-bridge::after{content:'';position:absolute;inset-block:0;left:0;z-index:-1;inline-size:60%;background:radial-gradient(55% 60% at 50% 58%,rgba(201,171,116,.06),rgba(201,171,116,.015) 55%,transparent 75%);pointer-events:none}
:root[dir=ltr] .name-bridge::after{left:auto;right:0}
.nb-ripple{fill:none;stroke:color-mix(in srgb,var(--olive-gold) 22%,transparent);stroke-width:.8}
.nb-ripple--slow{stroke:color-mix(in srgb,var(--olive-gold) 14%,transparent)}
.name-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.name-scene{position:relative}
.name-scene svg{inline-size:100%;block-size:auto;overflow:visible}
.nb-water{stroke:color-mix(in srgb,var(--ivory) 12%,transparent);stroke-width:1}
.nb-line{stroke:var(--olive-gold);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.nb-hanger{stroke-width:.7;opacity:.75}
.nb-label{position:absolute;inset-block-start:4%;font-size:.75rem;letter-spacing:.04em;color:color-mix(in srgb,var(--ivory) 66%,transparent)}
.nb-label--from{left:17%;translate:-50% 0}.nb-label--to{left:75%;translate:-50% 0}
:root[dir=rtl] .nb-label--from{left:75%}:root[dir=rtl] .nb-label--to{left:17%}
:root[dir=rtl] .name-scene svg{transform:scaleX(-1)}
/* Under "من الرياض، إلى العالم.": a gold stamp presses a certified-translation seal onto a sheet, on a loop. */
.stamp-scene{display:grid;place-items:center;min-block-size:clamp(16rem,28vw,22rem)}
.story-mark{display:flex;flex-direction:column;align-items:center;inline-size:fit-content;max-inline-size:100%}
.stamp-scene--story{justify-items:center;min-block-size:0;margin-block-start:clamp(1.75rem,3vw,2.5rem)}
.stamp-scene--story .stamp-paper{inline-size:15rem}
@media (max-width:22rem){.stamp-scene--story .stamp-paper{inline-size:13rem}}
.stamp-scene--story .stamp-print,.stamp-scene--story .stamp-tool,.stamp-scene--story .stamp-pulse{inline-size:clamp(5.5rem,8vw,6.5rem)}
.stamp-scene--story .stamp-shadow{inline-size:clamp(5rem,7vw,6rem)}
.stamp-paper{position:relative;display:block;inline-size:min(100%,20rem);aspect-ratio:4 / 3;border-radius:.5rem;background:#f6f1e6;box-shadow:0 30px 50px -30px rgba(0,0,0,.6);rotate:-3deg}
.stamp-paper-lines{position:absolute;inset:1.5rem 1.6rem auto;display:flex;flex-direction:column;gap:.55rem}
.stamp-paper-lines span{block-size:.35rem;border-radius:1rem;background:rgba(27,45,35,.12)}
.stamp-paper-lines span:nth-child(1){inline-size:55%;block-size:.5rem;background:rgba(27,45,35,.2)}
.stamp-paper-lines span:nth-child(2){inline-size:88%}.stamp-paper-lines span:nth-child(3){inline-size:72%}.stamp-paper-lines span:nth-child(4){inline-size:80%}.stamp-paper-lines span:nth-child(5){inline-size:46%}
.stamp-print,.stamp-tool{position:absolute;inline-size:clamp(6.5rem,11vw,8.5rem);block-size:auto;aspect-ratio:1}
.stamp-print{inset-block-end:12%;inset-inline-end:10%;color:#a8823e;opacity:0;rotate:-10deg;mix-blend-mode:multiply}
.stamp-pulse{position:absolute;inset-block-end:12%;inset-inline-end:10%;inline-size:clamp(6.5rem,11vw,8.5rem);aspect-ratio:1;border-radius:50%;border:2px solid #c9ab74;opacity:0;pointer-events:none}
.stamp-tool{inset-block-end:12%;inset-inline-end:10%;z-index:2;color:#d8bb83;opacity:0;filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}
.stamp-shadow{position:absolute;inset-block-end:8%;inset-inline-end:calc(10% + .25rem);inline-size:clamp(6rem,10vw,8rem);block-size:1.2rem;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);opacity:0}
.stamp-print circle,.stamp-tool circle{fill:none;stroke:currentColor;stroke-width:2}
.stamp-print circle+circle,.stamp-tool circle+circle{stroke-width:1}
.stamp-print text,.stamp-tool text{fill:currentColor;font:700 8.4px/1 var(--font-body-en),sans-serif;letter-spacing:.12em}
.stamp-print path,.stamp-tool path{fill:currentColor}

.values{padding-block:clamp(4rem,8vw,6rem) 0}
.values-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--sec-line)}
.value{position:relative;padding:var(--s4) var(--s3);border-inline-start:1px solid var(--sec-line)}
.value:first-child{border-inline-start:0}
.value-index{position:absolute;inset-block-start:var(--s3);inset-inline-end:var(--s3);font:500 .75rem/1 var(--font-body-en);letter-spacing:.12em;color:var(--sec-brass)}
.value-icon{inline-size:2.25rem;block-size:2.25rem;margin-block-end:var(--s3)}
.value-icon *{stroke:var(--brass);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.value h3{margin:0 0 .5rem;font:500 1.125rem/1.5 var(--font-heading);color:var(--forest)}
.value p{margin:0;font-size:.9375rem;line-height:1.85;color:var(--sec-muted)}

.accredit{padding-block:clamp(4rem,8vw,6rem) 0}
.accredit-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s2);max-inline-size:44rem;margin-inline:auto;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,4vw,3rem);text-align:center;background:var(--sec-card);border:1px solid color-mix(in srgb,var(--brass) 40%,transparent);box-shadow:inset 0 0 0 6px var(--sec-card),inset 0 0 0 7px color-mix(in srgb,var(--brass) 18%,transparent)}
.accredit-card .sec-eyebrow{margin:0}
.accredit-seal{inline-size:7rem;block-size:auto;margin-block-end:var(--s1)}
.accredit-corner{position:absolute;inline-size:.5rem;block-size:.5rem;background:var(--brass);transform:rotate(45deg)}
.accredit-corner:nth-child(1){inset-block-start:-.25rem;inset-inline-start:-.25rem}.accredit-corner:nth-child(2){inset-block-start:-.25rem;inset-inline-end:-.25rem}
.accredit-corner:nth-child(3){inset-block-end:-.25rem;inset-inline-start:-.25rem}.accredit-corner:nth-child(4){inset-block-end:-.25rem;inset-inline-end:-.25rem}
.accredit-list{display:grid;gap:.875rem;inline-size:100%;margin:var(--s3) 0 0;padding-block-start:var(--s3);border-block-start:1px solid var(--sec-line)}
.accredit-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem}
.accredit-list dt{font-size:.875rem;color:var(--sec-muted)}
.accredit-list dd{margin:0;font-weight:600;color:var(--forest)}
.accredit-list bdi{font-family:var(--font-body-en);letter-spacing:.08em;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

@media (max-width:64rem){
  .story,.name-inner{grid-template-columns:minmax(0,1fr)}
  .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .value:nth-child(3){border-inline-start:0}
  .value:nth-child(n+3){border-block-start:1px solid var(--sec-line)}
}
@media (max-width:48rem){
  .about-wide picture{aspect-ratio:4/3}
  .values-grid{grid-template-columns:minmax(0,1fr)}
  .value,.value:nth-child(n){border-inline-start:0}
  .value+.value{border-block-start:1px solid var(--sec-line)}
  .accredit-list>div{flex-direction:column;align-items:center}
}
@media (prefers-reduced-motion:reduce){.nb-line{stroke-dashoffset:0}.stamp-print{opacity:.9}}

/* ---------- Contact ---------- */
.channels{padding-block:0 clamp(1rem,3vw,2rem)}
.channel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(.75rem,1.5vw,1.25rem)}
.channel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;block-size:100%;padding:1.25rem 1.5rem;border-radius:1.25rem;border:1px solid var(--sec-line);background:var(--sec-card);color:var(--forest);transition:transform .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease)}
.channel:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brass) 45%,transparent);box-shadow:0 1rem 2rem -1.5rem color-mix(in srgb,var(--olive) 35%,transparent)}
.channel.is-primary{background:var(--olive);border-color:var(--olive);color:var(--ivory)}
.channel-icon{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:.875rem;background:color-mix(in srgb,var(--olive) 7%,transparent)}
.channel.is-primary .channel-icon{background:color-mix(in srgb,var(--ivory) 10%,transparent)}
.channel-icon svg{inline-size:1.25rem;block-size:1.25rem;stroke:var(--brass);stroke-width:1.4;stroke-linejoin:round}
.channel.is-primary .channel-icon svg{stroke:var(--olive-gold)}
.channel-text{display:flex;flex-direction:column;gap:.125rem;min-inline-size:0}
.channel-label{font-size:.75rem;letter-spacing:.02em;color:var(--sec-muted)}
.channel.is-primary .channel-label{color:color-mix(in srgb,var(--ivory) 65%,transparent)}
.channel-detail{font-size:1rem;font-weight:600}
.channel bdi{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.channel-arrow{inline-size:1.125rem;block-size:1.125rem;opacity:.55;transition:transform .5s var(--ease)}
.channel:hover .channel-arrow{transform:translate(2px,-2px)}
:root[dir=rtl] .channel-arrow{transform:scaleX(-1)}
:root[dir=rtl] .channel:hover .channel-arrow{transform:scaleX(-1) translate(2px,-2px)}

.quote{padding-block:clamp(2.5rem,5vw,4rem) 0;scroll-margin-block-start:calc(var(--header-height) + 1rem)}
.quote-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);padding:clamp(1.5rem,4vw,3.5rem);border-radius:calc(var(--surface-radius) * .8);background:var(--sec-card);border:1px solid var(--sec-line);box-shadow:0 2rem 4rem -3rem color-mix(in srgb,var(--olive) 35%,transparent)}
.quote-intro{display:flex;flex-direction:column;gap:var(--s3)}
.quote-intro .sec-eyebrow{margin:0}
.quote-after{list-style:none;margin:var(--s2) 0 0;padding:0 0 0;display:grid;gap:1rem;border-inline-start:1px solid color-mix(in srgb,var(--brass) 45%,transparent);padding-inline-start:1.25rem}
.quote-after li{display:flex;gap:.75rem;align-items:baseline;font-size:.9375rem;color:var(--forest)}
.quote-after bdi{font:500 .75rem/1 var(--font-body-en);letter-spacing:.1em;color:var(--sec-brass)}

.quote-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.5rem;align-content:start}
.field-trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.field{position:relative;display:flex;flex-direction:column}
.field--wide{grid-column:1/-1}
/* Underlined fields with a floating label. */
.field>input,.field>textarea{inline-size:100%;padding:1.375rem 0 .5rem;border:0;border-block-end:1px solid color-mix(in srgb,var(--olive) 22%,transparent);border-radius:0;background:transparent;color:var(--forest);font:inherit;font-size:.9375rem;transition:border-color .3s var(--ease)}
.field>textarea{resize:vertical;min-block-size:5.5rem}
.field>label:not(.drop){position:absolute;inset-block-start:1.375rem;inset-inline-start:0;font-size:.9375rem;color:var(--sec-muted);pointer-events:none;transform-origin:right top;transition:transform .3s var(--ease),color .3s var(--ease)}
:root[dir=ltr] .field>label:not(.drop){transform-origin:left top}
.field>input:focus+label,.field>input:not(:placeholder-shown)+label,.field>textarea:focus+label,.field>textarea:not(:placeholder-shown)+label{transform:translateY(-1.25rem) scale(.8);color:var(--sec-brass)}
.field>input:focus,.field>textarea:focus{outline:none;border-block-end-color:var(--olive);box-shadow:0 1px 0 var(--olive)}
.field>input[dir=ltr]{text-align:right}
:root[dir=ltr] .field>input[dir=ltr]{text-align:left}
.field [aria-invalid=true]{border-block-end-color:#b4583f}

/* Custom pickers instead of the browser's select menus. */
.pick-label{font-size:.75rem;color:var(--sec-brass);margin-block-end:.25rem}
.pick{position:relative}
.pick-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;inline-size:100%;padding:.75rem 0 .5rem;border:0;border-block-end:1px solid color-mix(in srgb,var(--olive) 22%,transparent);background:transparent;color:var(--forest);font:inherit;font-size:.9375rem;text-align:start;cursor:pointer}
.pick-btn:focus-visible,.pick.is-open .pick-btn{outline:none;border-block-end-color:var(--olive);box-shadow:0 1px 0 var(--olive)}
.pick-btn[aria-invalid=true]{border-block-end-color:#b4583f}
.pick-value.is-empty{color:var(--sec-muted)}
.pick-chevron{inline-size:1.125rem;block-size:1.125rem;color:var(--sec-muted);transition:transform .35s var(--ease)}
.pick.is-open .pick-chevron{transform:rotate(180deg)}
.pick-list{position:absolute;inset-inline:0;inset-block-start:calc(100% + .5rem);z-index:20;max-block-size:16rem;margin:0;padding:.375rem;overflow:auto;list-style:none;border-radius:1rem;background:#fffdf8;border:1px solid var(--sec-line);box-shadow:0 1.5rem 3rem -1.25rem color-mix(in srgb,var(--olive) 40%,transparent);transform-origin:top;animation:pick-in .25s var(--ease)}
.pick-list[hidden]{display:none}
.pick-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;border-radius:.625rem;font-size:.9375rem;color:var(--forest);cursor:pointer}
.pick-list li.is-focus{background:color-mix(in srgb,var(--olive) 7%,transparent)}
.pick-list li[aria-selected=true]{background:var(--olive);color:var(--ivory)}
.pick-list li[aria-selected=true]::after{content:'✓';font-size:.8125rem}
@keyframes pick-in{from{opacity:0;transform:translateY(-4px) scale(.98)}}

/* Optional file drop. */
.drop{position:relative;display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;border:1px dashed color-mix(in srgb,var(--brass) 55%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--ivory) 55%,transparent);cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease)}
.drop:hover,.drop.is-over{background:color-mix(in srgb,var(--brass) 8%,var(--ivory));border-color:var(--brass)}
.drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.drop:focus-within{outline:var(--focus-width) solid var(--olive);outline-offset:2px}
.drop>svg{flex-shrink:0;inline-size:1.75rem;block-size:1.75rem;stroke:var(--brass);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.drop-text{display:flex;flex-direction:column;gap:.125rem}
.drop-text strong{font-size:.9375rem;font-weight:600;color:var(--forest)}
.drop-text span{font-size:.8125rem;color:var(--sec-muted)}
.drop-file{display:flex;align-items:center;gap:.75rem;margin-block-start:.625rem;padding:.625rem .875rem;border-radius:.75rem;background:color-mix(in srgb,var(--olive) 6%,transparent);font-size:.875rem;color:var(--forest)}
.drop-file[hidden]{display:none}
.drop-file svg{inline-size:1.125rem;block-size:1.125rem;stroke:var(--brass);stroke-width:1.3}
.drop-name{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop-size{color:var(--sec-muted);font-size:.8125rem;unicode-bidi:isolate}
.drop-remove{inline-size:1.75rem;block-size:1.75rem;border:0;border-radius:50%;background:transparent;color:var(--sec-muted);font-size:1.125rem;cursor:pointer}
.drop-remove:hover{background:color-mix(in srgb,var(--olive) 10%,transparent);color:var(--forest)}

.quote-note{grid-column:1/-1;margin:0;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;background:color-mix(in srgb,#b4583f 9%,transparent);color:#8e3f2c}
/* home.css has a positioned .quote-note for the process demo; keep the form's message in the form flow. */
.quote-form .quote-note{position:static;inline-size:auto;justify-content:center;text-align:center}
.quote-note.is-ok{background:color-mix(in srgb,var(--olive) 8%,transparent);color:var(--olive)}
.quote-note[hidden]{display:none}
.quote-submit{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-block-start:.25rem}
.quote-submit .btn[aria-busy=true]{opacity:.6;pointer-events:none}
.quote-wa{display:inline-flex;align-items:center;gap:.5rem;min-block-size:var(--touch-target);padding:0;border:0;background:none;color:var(--olive);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer;background-image:linear-gradient(var(--brass),var(--brass));background-size:0 1px;background-position:100% 100%;background-repeat:no-repeat;transition:background-size .4s var(--ease)}
:root[dir=ltr] .quote-wa{background-position:0 100%}
.quote-wa:hover{background-size:100% 1px}
.quote-wa svg{inline-size:1.125rem;block-size:1.125rem;stroke:var(--brass);stroke-width:1.4;stroke-linejoin:round}
.quote-privacy{grid-column:1/-1;display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:.75rem;line-height:1.7;color:var(--sec-muted)}
.quote-privacy svg{flex-shrink:0;inline-size:.9375rem;block-size:.9375rem;margin-block-start:.15rem;stroke:var(--brass);stroke-width:1.4}

.office{padding-block:clamp(3rem,6vw,5rem) 0}
.office-card{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);border-radius:calc(var(--surface-radius) * .8);overflow:hidden;border:1px solid var(--sec-line)}
.office-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--s3);padding:clamp(1.75rem,4vw,3rem);background:var(--olive);color:var(--ivory);--sec-brass:var(--olive-gold)}
.office-copy .sec-eyebrow{margin:0}
.office-copy .sec-title{color:var(--ivory)}
.office-copy address{display:flex;flex-direction:column;gap:.25rem;font-style:normal;font-size:1rem;line-height:1.8;color:color-mix(in srgb,var(--ivory) 82%,transparent)}
.office-copy .btn{--button-ink:var(--ivory);--button-line:color-mix(in srgb,var(--ivory) 30%,transparent);--button-ground:transparent;--button-hover-ground:color-mix(in srgb,var(--ivory) 10%,transparent)}
.office-map{min-block-size:22rem;background:var(--pale)}
.office-map iframe{display:block;inline-size:100%;block-size:100%;min-block-size:22rem;border:0;filter:saturate(.7) sepia(.12)}

@media (max-width:64rem){
  .channel-list{grid-template-columns:minmax(0,1fr)}
  .quote-card,.office-card{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:48rem){
  .quote-form{grid-template-columns:minmax(0,1fr)}
  .office-map,.office-map iframe{min-block-size:16rem}
}
@media (prefers-reduced-motion:reduce){.channel,.channel-arrow,.field>label,.pick-chevron,.pick-list,.drop,.quote-wa{transition:none;animation:none}}

/* ---------- Services scroll story (01): text walks, picture stays ---------- */
.svc-story{padding-block:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem)}
.svc-story-head{display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin-block-end:clamp(2.5rem,5vw,4rem);text-align:center}
.svc-story-head .sec-eyebrow{margin:0}
.svc-story-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.svc-story-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(4rem,14svh,9rem);padding-block:4svh 18svh}
.svc-item{position:relative;padding:clamp(1.5rem,2.5vw,2rem);border-radius:1.25rem;border:1px solid transparent;opacity:.32;transition:opacity .6s var(--ease),background .6s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease);scroll-margin-block-start:calc(var(--header-height) + 2rem)}
.svc-item::before{content:'';position:absolute;inset-block:1.5rem;inset-inline-start:-1px;inline-size:2px;border-radius:2px;background:var(--brass);transform:scaleY(0);transition:transform .6s var(--ease)}
.svc-item.is-active{opacity:1;background:var(--sec-card);border-color:var(--sec-line);box-shadow:0 1.5rem 3rem -2rem color-mix(in srgb,var(--olive) 35%,transparent)}
.svc-item.is-active::before{transform:scaleY(1)}
.svc-item-media{display:none;margin:0 0 var(--s3);border-radius:1rem;overflow:hidden;aspect-ratio:16/10}
.svc-item-media picture,.svc-item-media img{inline-size:100%;block-size:100%;object-fit:cover}
.svc-item-head{display:flex;align-items:center;gap:1rem;margin-block-end:var(--s2)}
.svc-item-icon{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:.75rem;background:var(--olive)}
.svc-item-icon svg{inline-size:1.25rem;block-size:1.25rem;stroke:var(--olive-gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.svc-item-num{font:500 1rem/1 var(--font-body-en);letter-spacing:.08em;color:var(--sec-brass)}
.svc-item h3{margin:0 0 .5rem;font:500 clamp(1.25rem,1.8vw,1.625rem)/1.45 var(--font-heading);color:var(--forest)}
.svc-item>p{margin:0;max-inline-size:46ch;font-size:.9375rem;line-height:1.85;color:var(--sec-muted)}
.svc-item-docs{list-style:none;margin:var(--s3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.svc-item-docs li{padding:.3125rem .75rem;border-radius:var(--pill);border:1px solid var(--sec-line);font-size:.8125rem;color:var(--forest);background:color-mix(in srgb,var(--ivory) 70%,transparent)}
.svc-item-cta{display:inline-flex;align-items:center;gap:.5rem;margin-block-start:var(--s3);font-size:.9375rem;font-weight:600;color:var(--olive);background:linear-gradient(var(--brass),var(--brass)) 100% 100%/0 1px no-repeat;padding-block-end:2px;transition:background-size .45s var(--ease)}
:root[dir=ltr] .svc-item-cta{background-position:0 100%}
.svc-item-cta:hover{background-size:100% 1px}
.svc-item-cta svg{inline-size:1rem;block-size:1rem}
:root[dir=rtl] .svc-item-cta svg{transform:scaleX(-1)}

.svc-stage{position:sticky;inset-block-start:calc(var(--header-height) + 3rem);padding:1rem}
.svc-stage-frame{position:relative;margin:0;block-size:min(calc(100svh - var(--header-height) - 8rem),36rem);border-radius:1.5rem;overflow:hidden;background:var(--pale);box-shadow:0 0 0 .75rem var(--sec-card),0 0 0 calc(.75rem + 1px) var(--sec-line),0 2rem 4rem -2.5rem color-mix(in srgb,var(--olive) 45%,transparent)}
.svc-stage-frame img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.svc-stage-badge{position:absolute;inset-block-end:2.5rem;inset-inline-end:-.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--pill);background:var(--ivory);box-shadow:0 1rem 2rem -1rem color-mix(in srgb,var(--olive) 40%,transparent);font-size:.8125rem;font-weight:600;color:var(--forest)}
.svc-stage-badge .star8{color:var(--brass)}
.svc-stage-bridge{position:absolute;inset-block-start:-1.5rem;inset-inline-start:-1rem;inline-size:7.5rem;opacity:.7}
.svc-stage-bridge svg{inline-size:100%;block-size:auto;stroke:var(--brass);stroke-width:1;stroke-linecap:round}

@media (max-width:64rem){
  .svc-story-body{grid-template-columns:minmax(0,1fr)}
  .svc-stage{display:none}
  .svc-story-list{gap:1.25rem;padding-block:0}
  .svc-item{opacity:1;background:var(--sec-card);border-color:var(--sec-line)}
  .svc-item::before{display:none}
  .svc-item-media{display:block}
}
/* Phones: the four services stack like cards while scrolling, each settling a little lower than the last. */
@media (max-width:48rem){
  .svc-story-list{gap:1rem;padding-block-end:1rem}
  .svc-item{position:sticky;inset-block-start:calc(var(--header-height) + 1.75rem + var(--i) * .75rem);padding:1rem 1rem 1.25rem;box-shadow:0 -.75rem 1.75rem -1.25rem color-mix(in srgb,var(--olive) 40%,transparent)}
  .svc-item-media{aspect-ratio:16/8;margin-block-end:.875rem}
  .svc-item-head{margin-block-end:.5rem}
  .svc-item-icon{inline-size:2.25rem;block-size:2.25rem}
  .svc-item h3{font-size:1.125rem}
  .svc-item>p{font-size:.875rem;line-height:1.75}
  .svc-item-docs{display:none}
  .svc-item-cta{margin-block-start:.75rem}
}
@media (prefers-reduced-motion:reduce){.svc-item,.svc-item::before,.svc-item-cta{transition:none}}