/* Round 5. Stripe far/near chromatic elevation, Orsel pigments.
   Source: popular-web-designs/templates/stripe.md §§3,5,6.
   Orsel brief overrides reference radii; type remains Fraunces/Source Sans 3. */
:root{
 --depth-far:rgba(38,48,79,.25);--depth-near:rgba(15,25,44,.12);
 --e1:0 15px 35px var(--depth-near),0 3px 6px rgba(38,48,79,.06);
 --e2:0 30px 45px -22px var(--depth-far),0 18px 36px -18px var(--depth-near),0 3px 6px rgba(38,48,79,.06);
 --e3:0 40px 60px -22px var(--depth-far),0 24px 40px -18px var(--depth-near),0 5px 10px rgba(38,48,79,.09);
 --wash:radial-gradient(ellipse at 72% 38%,#d98ac82e,transparent 58%),radial-gradient(ellipse at 24% 60%,#8fd8e749,transparent 60%);
 --section-wash:linear-gradient(135deg,#f6fbff,#eaf8fb 65%,#f8edf6);
 --object-shadow:var(--e2);--v8-shadow:var(--e2);--service-shadow:var(--e2);
}
:root[data-theme=dark]{--depth-far:rgba(0,0,0,.7);--depth-near:rgba(0,0,0,.4);--wash:radial-gradient(ellipse at 72% 38%,#d98ac818,transparent 58%),radial-gradient(ellipse at 24% 60%,#8fd8e721,transparent 60%);--section-wash:linear-gradient(135deg,#1c2c39,#16242e 65%,#282332);--object:#22303e;--object-tint:#1a3039}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--depth-far:rgba(0,0,0,.7);--depth-near:rgba(0,0,0,.4);--wash:radial-gradient(ellipse at 72% 38%,#d98ac818,transparent 58%),radial-gradient(ellipse at 24% 60%,#8fd8e721,transparent 60%);--section-wash:linear-gradient(135deg,#1c2c39,#16242e 65%,#282332);--object:#22303e;--object-tint:#1a3039}}
.hero{background-image:var(--wash);border:0;padding-block:88px 104px}
.hero h1{font-weight:300;letter-spacing:-.025em;line-height:1.1;max-width:19ch;margin-inline:auto;font-size:clamp(2.5rem,4.5vw,3.5rem)}
.hero .lede{max-width:52ch;line-height:1.5;font-weight:400}
.home-hero .signature{margin-bottom:40px}
.v8-section{padding-block:104px}.v8-section .section-head{margin-bottom:48px}
.v8-section .section-head h2{font-weight:300;letter-spacing:-.02em;line-height:1.12;font-size:clamp(2rem,3.6vw,3rem)}
.v8-section p{line-height:1.6}.v8-section .card p{font-size:18px}
.v8-icon,.platform-mark{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}
.v8-icon .ink-frame{stroke:var(--v8-secondary)}
.arch-D{padding-block:40px}.arch-D .section-head h2{font:400 16px/1.4 'Source Sans 3',sans-serif;letter-spacing:.02em}.arch-D .section-head{margin-bottom:16px}.arch-D .platforms{border:0;justify-content:space-between;gap:32px}.arch-D .platforms span{font-size:16px}
/* A connected specimen rather than three independent feature cards. */
[data-family=specimen] .split>.grid{box-shadow:var(--e2);border:0;border-radius:16px;padding:40px}
[data-family=specimen] .split>.grid:before{border-radius:4px;width:4px;left:0}
[data-family=specimen] .card h3{font-size:20px;font-weight:400}
/* Service editorial masthead + staggered elevated pair + compact filled trio. */
[data-family=service-index]{background-image:var(--section-wash)}
[data-family=service-index] .section-head{max-width:700px;margin-bottom:64px}
[data-family=service-index] .v8-items{gap:32px;align-items:start;padding-bottom:48px;grid-template-columns:repeat(6,minmax(0,1fr))}
.v8-section[data-family=service-index] .v8-items>.service-elevated{grid-column:span 3}
.v8-section[data-family=service-index] .v8-items>.service-filled,.v8-section[data-family=service-index] .v8-items>.service-filled:last-child:nth-child(odd){grid-column:span 2;grid-template-columns:1fr;display:block}
.v8-section[data-family=service-index] .service-filled .service-number{display:block;margin-bottom:24px}
@media(max-width:800px){[data-family=service-index] .v8-items{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-section[data-family=service-index] .v8-items>.service-elevated{grid-column:span 1}.v8-section[data-family=service-index] .v8-items>.service-filled{grid-column:span 2}}
.v8-section[data-family=service-index] .v8-items>.card{border:0;border-radius:16px;box-shadow:var(--e2);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;overflow:hidden}
.v8-section[data-family=service-index] .v8-items>.service-elevated{padding:40px;min-height:400px;grid-template-columns:1fr;display:flex;flex-direction:column}
.v8-section[data-family=service-index] .v8-items>.service-elevated:nth-child(even){transform:translateY(0px)}
[data-family=service-index] .service-elevated .service-number{margin-bottom:32px;font-size:14px;letter-spacing:.08em}
[data-family=service-index] .service-elevated h3{font-weight:300;font-size:32px;line-height:1.12;letter-spacing:-.02em;max-width:16ch}
.v8-section[data-family=service-index] .v8-items>.service-filled{padding:32px;box-shadow:var(--e1);margin-top:48px;grid-template-columns:56px 1fr;background:var(--object-tint)}
[data-family=service-index] .service-filled h3{font-size:26px;font-weight:400;line-height:1.15}
[data-family=service-index] .service-filled .service-number{font-size:40px;font-weight:300;color:var(--cyan-ink)}
[data-family=service-index] .card a{margin-top:16px;padding-bottom:4px;font-weight:500;border-bottom:0}
[data-family=service-index] .card a span{display:inline-block;transition:translate .3s}
[data-family=service-index] .card:focus-within a span,[data-family=service-index] .card:hover a span{translate:4px -2px}
@media(hover:hover){.v8-section[data-family=service-index] .v8-items>.card:hover{transform:translateY(-6px);box-shadow:var(--e3)}.v8-section[data-family=service-index] .v8-items>.service-elevated:nth-child(even):hover{transform:translateY(-6px)}}
.arch-I .section-head{border-radius:8px;box-shadow:var(--e1);background:var(--object-tint)}
.arch-I .v8-content,[data-family=case-folio] .v8-content{box-shadow:var(--e3)!important;background-image:var(--section-wash);border:0;border-radius:16px}
[data-family=case-folio] .proof h3{font-weight:300}
/* Full-width metric hierarchy: first figure anchors; the others are supporting. */
.v8-section.arch-F .v7-counters{grid-template-columns:1.5fr repeat(4,1fr);align-items:end;gap:32px}
.v8-section.arch-F .v7-counters>div:first-child strong{font-size:144px;color:#f3f7ff}
.v8-section.arch-F .v7-counters span{font-size:16px;max-width:14ch}
/* Open numbered stations; line crosses the stations, not circled badges. */
.v8-section.arch-E .process{margin-top:56px;padding-top:24px;grid-template-columns:repeat(4,minmax(224px,1fr))}
.v8-section.arch-E .process li{padding:0 32px 0 0}
.v8-section.arch-E .process li>span{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:0 0 transparent;font-size:88px;font-weight:300;line-height:1;letter-spacing:-.065em;margin:28px 0;color:var(--ink)}
.v8-section.arch-E .process .v8-icon{display:block;width:40px;height:40px;padding:0;margin:0;background:var(--bg);position:relative;z-index:1}
.v8-section.arch-E .process li:before{left:56px;right:16px;top:20px;height:2px;background:var(--graphic-line)}
.v8-section.arch-E .process li:not(:last-child):after{display:block;content:'';position:absolute;top:17px;right:16px;width:6px;height:6px;border-top:2px solid var(--graphic-line);border-right:2px solid var(--graphic-line);transform:rotate(45deg)}
.v8-section.arch-E .process h3{font-size:18px;font-weight:500}
.arch-H .v8-content{box-shadow:var(--e2);border:0;border-radius:16px}
.hero .proof,.search-label{box-shadow:var(--e2)}
.arch-A:not(.prose){background-image:var(--section-wash)}
[data-family=editorial] .section-head h2{font:400 18px/1.4 'Source Sans 3',sans-serif}
.button{box-shadow:0 8px 16px -8px var(--depth-far),0 3px 6px var(--depth-near)}
@media(max-width:800px){.hero{padding-block:56px 72px}.v8-section{padding-block:64px}.arch-D{padding-block:32px}.v8-section.arch-F .v7-counters{grid-template-columns:repeat(2,1fr)}.v8-section.arch-F .v7-counters>div:first-child{grid-column:1/-1}.v8-section.arch-F .v7-counters>div:first-child strong{font-size:128px}}
@media(max-width:540px){.v8-section[data-family=service-index] .v8-items>.card{transform:none!important;min-height:0;margin:0 0 24px;padding:28px}.hero h1{font-size:36px}.home-hero .signature{margin-bottom:32px}[data-family=service-index] .service-elevated h3{font-size:30px}.v8-section .card p{font-size:17px}.v8-section.arch-E .process{display:block;overflow:visible}.v8-section.arch-E .process li{padding:0 0 40px 72px;min-height:240px}.v8-section.arch-E .process .v8-icon{position:absolute;left:0;top:0}.v8-section.arch-E .process li:before{left:19px;top:56px;bottom:16px;width:2px;height:auto;right:auto}.v8-section.arch-E .process li:not(:last-child):after{left:17px;right:auto;top:auto;bottom:16px;transform:rotate(135deg)}.v8-section.arch-E .process li>span{font-size:72px;margin:0 0 24px}.v8-section.arch-E .process li:last-child{padding-bottom:0}.v8-section.arch-E .v8-content:has(.process){overflow:visible}}
@media(prefers-reduced-motion:reduce){.v8-section[data-family=service-index] .v8-items>.card,[data-family=service-index] .card a span{transition:none}.v8-section[data-family=service-index] .v8-items>.card:hover{transform:none}}