/* assets/css/pages/service.css */

/* hub: intro + stats (compact — shares the first screen with the hero) */
.svchub-intro{padding-top:clamp(2rem,4.5vh,3.2rem);padding-bottom:clamp(2.5rem,5vh,4rem)}
.svchub-intro__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2.5rem;align-items:center}
.svchub-intro__h{font-size:var(--fs-600);line-height:1.08}
.svchub-intro__p{margin-top:.8rem;color:var(--color-ivory-soft);font-size:var(--fs-300);max-width:54ch;line-height:1.6}
.svchub-stats{display:grid;gap:.8rem;margin:0}
.svchub-stat{display:flex;align-items:baseline;gap:1rem;padding:.9rem 1.3rem;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md)}
.svchub-stat--accent{border-color:var(--color-rust)}
.svchub-stat dt{font-family:var(--font-mono);font-size:var(--fs-600);font-weight:600;color:var(--color-ivory);line-height:1;min-width:3.6ch}
.svchub-stat--accent dt{color:var(--color-rust-glow)}
.svchub-stat dd{font-size:var(--fs-200);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ivory-soft)}

/* hub: vertical floor-plan cards */
.vcards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.vcard{position:relative;display:grid;grid-template-columns:150px 1fr;gap:1.4rem;align-items:start;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1.6rem;overflow:hidden;transform-style:preserve-3d;transition:border-color var(--dur-fast) var(--ease-out-expo),transform .3s var(--ease-out-expo)}
.vcard::before{content:"";position:absolute;inset:0;background:radial-gradient(460px circle at 18% 0,rgba(192,74,32,.14),transparent 60%);opacity:0;transition:opacity var(--dur-mid)}
.vcard:hover{border-color:var(--color-rust)}
.vcard:hover::before{opacity:1}
.vcard__plan{position:relative;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:linear-gradient(rgba(206,191,170,.05),transparent);padding:.4rem;transform:translateZ(24px)}
.vcard__plan .vplan{display:block;width:100%;height:auto}
.vcard__num{font-family:var(--font-mono);font-size:var(--fs-300);color:var(--color-line)}
.vcard__t{margin-top:.3rem;font-size:var(--fs-600)}
.vcard__d{color:var(--color-ivory-soft);margin-top:.2rem;font-size:var(--fs-300)}
.vcard__swatches{display:flex;align-items:center;gap:.4rem;margin-top:1rem}
.vcard__swatches>span{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.12)}
.vcard__swlabel{width:auto!important;height:auto!important;border:0!important;margin-left:.4rem;font-size:var(--fs-200);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ivory-soft);opacity:.7}
.vcard__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;list-style:none;padding:0}
.vcard__tags li{font-size:var(--fs-200);color:var(--color-ivory-soft);padding:.28rem .65rem;border:1px solid var(--color-line);border-radius:var(--radius-pill)}
.vcard__go{display:inline-block;margin-top:1.2rem;color:var(--color-rust-glow);font-size:var(--fs-300);font-weight:600}
.vcard__go span{display:inline-block;transition:transform var(--dur-fast)}
.vcard:hover .vcard__go span{transform:translateX(5px)}
.vplan .pl{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-out-expo)}
.vplan .ff{opacity:0;transition:opacity .7s var(--ease-out-expo)}
.vcards.is-visible .vplan .pl{stroke-dashoffset:0}
.vcards.is-visible .vplan .ff{opacity:1;transition-delay:.5s}

/* hub: solutions explorer */
.sol2{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:stretch}
.sol2__list{display:flex;flex-direction:column;border-top:1px solid var(--color-line)}
.sol2__item{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;text-align:left;width:100%;padding:1.15rem .4rem;background:none;border:0;border-bottom:1px solid var(--color-line);cursor:pointer;transition:padding-left var(--dur-fast) var(--ease-out-expo)}
.sol2__item:hover,.sol2__item.is-active{padding-left:1rem}
.sol2__n{font-family:var(--font-mono);font-size:var(--fs-300);color:var(--color-rust-glow)}
.sol2__itext{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.sol2__t{font-family:var(--font-display);font-size:var(--fs-500);color:var(--color-ivory-soft);transition:color var(--dur-fast)}
.sol2__item.is-active .sol2__t,.sol2__item:hover .sol2__t{color:var(--color-ivory)}
.sol2__teaser{font-size:var(--fs-200);color:var(--color-ivory-soft);opacity:.7}
.sol2__bar{position:absolute;left:0;top:50%;width:2px;height:60%;background:var(--color-rust);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform var(--dur-fast) var(--ease-out-expo)}
.sol2__item.is-active .sol2__bar{transform:translateY(-50%) scaleY(1)}
.sol2__stage{position:relative;display:grid;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}
.sol2__panel{grid-area:1/1;display:grid;grid-template-rows:auto 1fr;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out-expo);pointer-events:none}
.sol2__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
.sol2__art{display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 50% 40%,rgba(192,74,32,.10),transparent 65%);border-bottom:1px solid var(--color-line)}
.sol2__art svg{width:min(72%,260px);height:auto}
.sol2__copy{padding:1.6rem 1.8rem 1.8rem}
.sol2__title{font-size:var(--fs-600)}
.sol2__desc{margin-top:.6rem;color:var(--color-ivory-soft);line-height:1.6;max-width:50ch}
.sol2__link{display:inline-block;margin-top:1.2rem;color:var(--color-rust-glow);font-weight:600}
.sol2__link span{display:inline-block;transition:transform var(--dur-fast)}
.sol2__link:hover span{transform:translateX(5px)}
.sol2__art .pl{stroke-dasharray:1;stroke-dashoffset:1}
.sol2__panel.is-active .sol2__art .pl{animation:solDraw 1.1s var(--ease-out-expo) forwards}
.sol2__art .ff{opacity:0}
.sol2__panel.is-active .sol2__art .ff{animation:solFade .7s var(--ease-out-expo) .5s forwards}
@keyframes solDraw{to{stroke-dashoffset:0}}
@keyframes solFade{to{opacity:1}}

/* hub: process activating timeline */
.proc2{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;list-style:none;padding:0;margin:0}
.proc2__rail{position:absolute;top:28px;left:28px;right:calc(20% - 1.2rem - 28px);height:2px;background:var(--color-line)}
.proc2__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-rust),var(--color-rust-glow));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-in-out-quart)}
.proc2.is-visible .proc2__fill{transform:scaleX(1)}
.proc2__step{position:relative;text-align:left;opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}
.proc2.is-visible .proc2__step{opacity:1;transform:none;transition-delay:calc(var(--i)*.12s)}
.proc2__node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-bg-dark);border:1.5px solid var(--color-line);color:var(--color-ivory-soft);transition:transform var(--dur-mid) var(--ease-out-expo),border-color var(--dur-mid),color var(--dur-mid),background-color var(--dur-mid),box-shadow var(--dur-mid)}
.proc2__node svg{width:24px;height:24px}
.proc2.is-visible .proc2__node{border-color:var(--color-rust);color:var(--color-rust-glow);transition-delay:calc(.3s + var(--i)*.22s)}
.proc2__step:hover .proc2__node{transform:scale(1.08) translateY(-3px);background:rgba(192,74,32,.12);box-shadow:0 0 0 4px rgba(192,74,32,.12)}
.proc2__n{display:block;margin-top:1rem;font-family:var(--font-mono);font-size:var(--fs-300);color:var(--color-rust-glow)}
.proc2__t{font-size:var(--fs-500);margin:.25rem 0 .4rem}
.proc2__d{color:var(--color-ivory-soft);font-size:var(--fs-300);line-height:1.5}

/* hub: closing CTA */
.svc-transition__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* vertical page */
.svc-hero{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden}
.svc-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--color-surface);transform:scale(1.05);animation:kenburns 18s ease-out infinite alternate}
.svc-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--color-bg-dark),rgba(20,20,20,.3))}
@keyframes kenburns{from{transform:scale(1.05)}to{transform:scale(1.15)}}
.svc-hero__inner{position:relative;z-index:1;padding-bottom:3rem}
.svc-hero__title{font-size:var(--fs-900);line-height:.95;margin-top:.5rem}
.svc-hero__sub{margin-top:1rem;font-size:var(--fs-500);color:var(--color-ivory-soft);max-width:48ch}

.svc-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.svc-why__item{padding:1.5rem;border-left:2px solid var(--color-rust)}
.svc-why__h{font-size:var(--fs-500);margin-bottom:.5rem}
.svc-why__item p{color:var(--color-ivory-soft)}

.svc-process__ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:step}
.svc-step{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:1.4rem}
.svc-step__n{display:block;font-size:var(--fs-600);color:var(--color-rust)}
.svc-step__t{font-size:var(--fs-400);margin:.5rem 0}
.svc-step p{font-size:var(--fs-300);color:var(--color-ivory-soft)}

.svc-insp__bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:1rem}
.svc-insp__cell{overflow:hidden;border-radius:var(--radius-sm)}
.svc-insp__cell:first-child{grid-column:span 2;grid-row:span 2}
.svc-insp__cell img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out-expo)}
.svc-insp__cell:hover img{transform:scale(1.06)}

.svc-projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.svc-proj{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}
.svc-proj__img{aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--color-surface);transition:transform var(--dur-slow)}
.svc-proj:hover .svc-proj__img{transform:scale(1.05)}
.svc-proj__meta{display:flex;justify-content:space-between;padding:1rem 1.2rem;background:var(--color-surface)}
.svc-proj__city{color:var(--color-rust-glow);font-size:var(--fs-200)}

.svc-transition{padding-block:clamp(3rem,8vh,6rem);text-align:center;background:var(--color-bg-deep);border-block:1px solid var(--color-line)}
.svc-transition__line{font-family:var(--font-display);font-size:var(--fs-600);color:var(--color-ivory);margin-bottom:1.2rem}

@media (max-width:900px){
  .svchub-intro__grid{grid-template-columns:1fr;gap:1.5rem}
  .vcards{grid-template-columns:1fr}
  .sol2{grid-template-columns:1fr;gap:1.5rem}
  .proc2{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}
  .proc2__rail{display:none}
  .svc-why__grid,.svc-projects__grid{grid-template-columns:1fr}
  .svc-process__ribbon{grid-template-columns:1fr 1fr}
  .svc-insp__bento{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .vcard{grid-template-columns:1fr}
  .vcard__plan{max-width:260px}
  .proc2{grid-template-columns:1fr}
  .svchub-stat dt{font-size:var(--fs-500)}
  .svc-process__ribbon{grid-template-columns:1fr}
}

/* vertical pages: motion polish */
.svc-why__item{transition:transform .35s var(--ease-out-expo),background var(--dur-fast),border-color var(--dur-fast)}
.svc-why__item:hover{background:rgba(192,74,32,.06);border-left-color:var(--color-rust-glow)}
.svc-process__ribbon{position:relative}
.svc-process__ribbon::before{content:"";position:absolute;top:2.5rem;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,var(--color-line) 12%,var(--color-line) 88%,transparent);z-index:0}
.svc-step{position:relative;z-index:1;transition:transform .35s var(--ease-out-expo),border-color var(--dur-fast),box-shadow var(--dur-mid)}
.svc-step:hover{border-color:var(--color-rust);box-shadow:0 10px 26px rgba(0,0,0,.32)}
.svc-step__n{position:relative;display:inline-block}
.svc-step__n::after{content:"";position:absolute;left:0;bottom:-.2rem;width:1.4rem;height:2px;background:var(--color-rust);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out-expo)}
.svc-process__ribbon.is-visible .svc-step__n::after{transform:scaleX(1)}
@media (max-width:980px){.svc-process__ribbon::before{display:none}}

/* ===== vertical pages: distinct section layouts ===== */

/* OVERVIEW — compact editorial split that fits the viewport */
.svc-overview{padding-block:clamp(2.2rem,5vh,3.6rem)}
.svc-overview__grid{display:grid;grid-template-columns:1.3fr .82fr;gap:clamp(1.6rem,3.5vw,3rem);align-items:center}
.svc-overview__lead{font-family:var(--font-display);font-size:clamp(1.25rem,0.95rem + 0.8vw,1.6rem);line-height:1.4;color:var(--color-ivory);margin-top:.5rem}
.svc-pillars{list-style:none;margin:1.3rem 0 0;padding:1.1rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--color-line)}
.svc-pillars__item{display:flex;flex-direction:column;gap:.25rem}
.svc-pillars__n{font-size:var(--fs-450,1.1rem);color:var(--color-rust);opacity:.7}
.svc-pillars__label{font-family:var(--font-display);font-size:var(--fs-450,1.1rem);color:var(--color-ivory);line-height:1.15}
.svc-snapshot{position:relative;background:linear-gradient(160deg,var(--color-surface),var(--color-bg-deep));border:1px solid var(--color-line);border-radius:16px;padding:1.5rem 1.6rem 1.6rem;overflow:hidden;transition:transform .35s var(--ease-out-expo),border-color var(--dur-fast)}
.svc-snapshot:hover{border-color:var(--color-rust)}
.svc-snapshot::before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at 100% 0,rgba(192,74,32,.16),transparent 60%);pointer-events:none}
.svc-snapshot__head{position:relative;font-size:var(--fs-200);letter-spacing:.18em;text-transform:uppercase;color:var(--color-rust-glow);margin-bottom:.9rem}
.svc-snapshot__list{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.svc-snapshot__list li{display:flex;align-items:flex-start;gap:.65rem;font-size:var(--fs-400);color:var(--color-ivory)}
.svc-snapshot__tick{flex:none;width:7px;height:7px;margin-top:.5rem;border-radius:50%;background:var(--color-rust);box-shadow:0 0 0 4px rgba(192,74,32,.14)}
.svc-snapshot__corner{position:absolute;right:-30px;bottom:-30px;width:104px;height:104px;border:1px solid rgba(227,106,58,.22);border-radius:50%}

/* WHAT'S INCLUDED — pinned horizontal strip */
.svc-strip{position:relative;background:var(--color-bg-deep);border-block:1px solid var(--color-line)}
.svc-strip__sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.svc-strip__track{display:flex;gap:1.6rem;padding-inline:var(--container-pad);will-change:transform}
.svc-strip__intro{flex:none;width:min(82vw,400px);align-self:center;padding-right:1rem}
.svc-strip__title{font-size:var(--fs-800);line-height:.98;margin-top:.6rem}
.svc-strip__hint{margin-top:1.4rem;color:var(--color-rust-glow);font-family:var(--font-mono);font-size:var(--fs-300)}
.svc-scard{flex:none;width:min(80vw,330px);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:2.2rem;display:flex;flex-direction:column;min-height:340px;transition:border-color var(--dur-fast),transform var(--dur-mid) var(--ease-out-expo)}
.svc-scard:hover{border-color:var(--color-rust);transform:translateY(-6px)}
.svc-scard__num{font-size:var(--fs-700);color:var(--color-rust);opacity:.65}
.svc-scard__title{font-family:var(--font-display);font-size:var(--fs-600);margin:1rem 0 .6rem;line-height:1.05}
.svc-scard__desc{color:var(--color-ivory-soft);font-size:var(--fs-300);line-height:1.5}

/* MATERIALS — "sample tray": pick-up-able material swatches */
.svc-spec__head{display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:center}
.svc-spec__headtext{max-width:62ch}
.svc-spec__seal{flex:none;width:clamp(118px,11vw,168px);transform:rotate(-8deg);opacity:.92;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.svc-spec__seal svg{width:100%;height:auto}
.svc-spec__sealbig{font-family:var(--font-display);font-size:26px;letter-spacing:1px;fill:var(--color-rust-glow)}
.svc-spec__sealsm{font-family:var(--font-mono);font-size:9px;letter-spacing:2.5px;fill:var(--color-ivory-soft)}
.svc-spec__sub{margin-top:.8rem;color:var(--color-ivory-soft);font-size:var(--fs-400);line-height:1.5;max-width:62ch}
.svc-spec__sub em{color:var(--color-rust-glow);font-style:italic}
.svc-spec__tray{margin-top:2.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:1.8rem 1.6rem}
.svc-swatch{position:relative;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:.7rem .7rem 1.2rem;box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .45s var(--ease-out-expo),box-shadow .45s var(--ease-out-expo),border-color var(--dur-fast)}
.svc-swatch--0{transform:rotate(-2.6deg)}
.svc-swatch--1{transform:rotate(1.8deg)}
.svc-swatch--2{transform:rotate(-1.3deg)}
.svc-swatch--3{transform:rotate(2.4deg)}
.svc-swatch:hover{transform:rotate(0) translateY(-10px) scale(1.03);box-shadow:0 26px 50px rgba(0,0,0,.5);border-color:var(--color-rust);z-index:3}
.svc-swatch__pin{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0a07e,var(--color-rust) 60%,var(--color-rust-deep));box-shadow:0 3px 6px rgba(0,0,0,.55);z-index:2}
.svc-swatch__texture{display:block;height:84px;border-radius:8px;border:1px solid rgba(206,191,170,.12)}
.svc-swatch--0 .svc-swatch__texture{background:repeating-linear-gradient(91deg,rgba(206,191,170,.05) 0 5px,rgba(0,0,0,.12) 5px 6px),linear-gradient(135deg,#403730,#2a2421)}
.svc-swatch--1 .svc-swatch__texture{background:repeating-linear-gradient(0deg,rgba(206,191,170,.14) 0 2px,transparent 2px 9px),linear-gradient(#332d28,#262120)}
.svc-swatch--2 .svc-swatch__texture{background:repeating-linear-gradient(45deg,rgba(206,191,170,.10) 0 4px,transparent 4px 8px),repeating-linear-gradient(-45deg,rgba(206,191,170,.07) 0 4px,transparent 4px 8px),#2c2825}
.svc-swatch--3 .svc-swatch__texture{background:radial-gradient(circle at 22% 32%,rgba(206,191,170,.16) 0 2px,transparent 2px),radial-gradient(circle at 64% 68%,rgba(206,191,170,.12) 0 2px,transparent 2px),radial-gradient(circle at 82% 22%,rgba(227,106,58,.22) 0 2px,transparent 2px),linear-gradient(135deg,#363029,#272220)}
.svc-swatch__face{padding:.95rem .5rem 0}
.svc-swatch__name{font-family:var(--font-display);font-size:var(--fs-500);color:var(--color-ivory);line-height:1.12}
.svc-swatch__desc{margin-top:.35rem;color:var(--color-ivory-soft);font-size:var(--fs-300);line-height:1.45}
.svc-swatch__tag{position:absolute;top:.6rem;right:.6rem;z-index:2;font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.08em;text-transform:uppercase;color:var(--color-rust-glow);background:rgba(20,20,20,.55);border:1px solid rgba(227,106,58,.45);border-radius:3px;padding:.1rem .4rem;transform:rotate(5deg);transition:transform .4s var(--ease-out-expo)}
.svc-swatch:hover .svc-swatch__tag{transform:rotate(0)}

/* DELIVERABLES — itemised spec sheet with animated checks */
.svc-sheet{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}
.svc-sheet__top{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.6rem;background:var(--color-bg-deep);border-bottom:1px solid var(--color-line)}
.svc-sheet__title{font-family:var(--font-mono);font-size:var(--fs-200);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ivory-soft)}
.svc-sheet__count{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--color-rust-glow)}
.svc-sheet__list{list-style:none;margin:0;padding:0}
.svc-sheet__row{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.6rem;border-bottom:1px solid var(--color-line);transition:background var(--dur-fast),padding-left var(--dur-fast) var(--ease-out-expo)}
.svc-sheet__row:last-child{border-bottom:0}
.svc-sheet__row:hover{background:rgba(192,74,32,.05);padding-left:2rem}
.svc-sheet__check{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--color-rust);display:flex;align-items:center;justify-content:center}
.svc-sheet__check svg{width:14px;height:14px;fill:none;stroke:var(--color-rust);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--ease-out-expo)}
.svc-sheet__list.is-visible .svc-sheet__check svg{stroke-dashoffset:0}
.svc-sheet__label{flex:1;font-family:var(--font-display);font-size:var(--fs-500);color:var(--color-ivory)}
.svc-sheet__tag{flex:none;font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ivory-soft);opacity:.55}

/* COST — editorial big-number list */
.svc-cost__list{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}
.svc-cost__row{position:relative;display:flex;gap:1.3rem;align-items:flex-start;padding:1.6rem 0;border-bottom:1px solid var(--color-line)}
.svc-cost__idx{flex:none;font-family:var(--font-display);font-size:clamp(2.4rem,1.4rem + 2vw,3.4rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(206,191,170,.4);transition:-webkit-text-stroke-color var(--dur-fast),color var(--dur-fast)}
.svc-cost__row:hover .svc-cost__idx{color:var(--color-rust);-webkit-text-stroke-color:var(--color-rust)}
.svc-cost__h{font-size:var(--fs-500);margin-bottom:.35rem;color:var(--color-ivory);margin-top:.4rem}
.svc-cost__body p{color:var(--color-ivory-soft);font-size:var(--fs-300)}
.svc-cost__note{margin-top:1.6rem;color:var(--color-ivory-soft);font-size:var(--fs-300);max-width:62ch}

@media (max-width:900px){
  .svc-overview__grid{grid-template-columns:1fr;gap:1.8rem}
  .svc-cost__list{grid-template-columns:1fr;gap:0}
}
@media (max-width:768px){
  .svc-strip__sticky{position:static;min-height:0;display:block;overflow:visible;padding-block:clamp(2.5rem,7vh,4rem)}
  .svc-strip__track{flex-direction:column;gap:1.2rem;will-change:auto}
  .svc-strip__intro,.svc-scard{width:100%}
  .svc-scard{min-height:0}
}
@media (max-width:760px){
  .svc-spec__head{grid-template-columns:1fr}
  .svc-spec__seal{display:none}
}
@media (max-width:560px){
  .svc-pillars{grid-template-columns:1fr;gap:.8rem}
  .svc-sheet__tag{display:none}
}
@media (prefers-reduced-motion:reduce){
  .svc-strip__sticky{position:static;min-height:0;display:block;overflow:visible}
  .svc-strip__track{flex-wrap:wrap;will-change:auto}
  .svc-swatch,.svc-swatch--0,.svc-swatch--1,.svc-swatch--2,.svc-swatch--3{transform:none}
}