/* An editorial service showcase within the approved pale glass identity. */
.ref-main{--ref-ink:#142e49;--ref-muted:#506980;--ref-line:#b7c8d8;--ref-ease:cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#e6edf6 0%,#edf3f8 50%,#e8eff5 100%);color:var(--ref-ink)}
.ref-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.ref-main h2,.ref-main h3{text-wrap:balance;font-weight:450;letter-spacing:-.015em}
.ref-main svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none}
.ref-main a{text-decoration:none;color:inherit}
.ref-main a:focus-visible,.ref-main button:focus-visible,.ref-main summary:focus-visible{outline:2px solid #326ea0;outline-offset:5px}
.task-dock{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid #bacbda;scroll-margin-top:24px}
.dock-label{font-size:12px;color:var(--ref-muted);letter-spacing:.12em}
.dock-link{display:flex;align-items:center;gap:32px;min-height:44px;font-size:15px}
.dock-link svg{width:16px;color:#55738e;transition:transform .25s var(--ref-ease)}
.dock-link:hover svg{transform:translateX(4px)}
.service-showcase{padding-block:96px 72px;scroll-margin-top:28px}
.showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:44px}
.showcase-heading h2{font-size:clamp(36px,4.2vw,58px);line-height:1.3}
.showcase-heading h2 span{color:#59728a}
.showcase-heading p{font-size:15px;line-height:1.95;color:var(--ref-muted);padding-bottom:8px}
.service-switcher{display:none}
.service-switcher[role=tablist]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:24px;padding:7px;background:#d6e2ed99;border-radius:14px}
.service-switcher button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border:0;background:transparent;border-radius:9px;font-size:15px;color:#4d667e;transition:background .2s,color .2s,box-shadow .2s}
.service-switcher button svg{display:none}
.service-switcher button:hover{background:#ffffff6e;color:#163855}
.service-switcher button[aria-selected=true]{background:linear-gradient(#fff,#f4f8fc);color:#193f61;font-weight:550;box-shadow:0 4px 12px #23456612,inset 0 1px 0 #fff}
.service-switcher button[aria-selected=true]::after{content:"";position:absolute;bottom:6px;left:calc(50% - 8px);width:16px;height:2px;border-radius:2px;background:#6b91af}
.service-stage{position:relative}
.service-panel{background:linear-gradient(116deg,#fffdf8f0,#f5f9fcc9 53%,#cee0eeaa);border-radius:16px;box-shadow:0 20px 65px -30px #456c9259,inset 0 1px 0 #fff;overflow:hidden;margin-bottom:28px}
.service-panel[hidden]{display:none}
.service-composition{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;min-height:374px;padding:48px}
.service-copy{position:relative;z-index:1}
.service-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.45;margin-bottom:18px}
.service-copy>p{font-size:15px;line-height:1.95;max-width:440px;color:var(--ref-muted)}
.service-actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}
.ref-main .ref-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:13px 22px;background:#214c70;border-radius:999px;color:#fff;font-size:14px;box-shadow:0 8px 20px -10px #214c7066;transition:background .2s}
.ref-main .ref-button:hover{background:#143652}
.ref-main .ref-button:active{box-shadow:inset 0 2px 8px #071c3540}
.ref-button svg{transition:transform .3s var(--ref-ease)}
.ref-button:hover svg{transform:translateX(3px)}
.ref-text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px}
.ref-text-link svg{width:16px}
.ref-text-link:hover{text-decoration:underline;text-underline-offset:6px}
.service-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#ffffff65;border-top:1px solid #ffffffb3;padding:24px 48px;gap:32px}
.service-tasks>a{position:relative;display:flex;flex-direction:column;gap:8px;padding:4px 24px 4px 0;min-height:58px}
.service-tasks span{font-size:16px;font-weight:500}
.service-tasks small{font-size:12px;line-height:1.7;color:var(--ref-muted)}
.service-tasks svg{position:absolute;right:0;top:5px;width:17px;color:#557897;transition:transform .2s}
.service-tasks a:hover svg{transform:translateX(4px)}
.service-tasks a:hover span{color:#286391}
.service-boundary{font-size:12px;color:#586e83;line-height:1.8;margin-top:22px}
.glass-study{position:relative;min-height:260px;isolation:isolate;pointer-events:none;perspective:900px}
.glass-lens{position:absolute;width:268px;height:268px;right:0;top:0;border-radius:50%;border:1px solid #fff;background:radial-gradient(circle at 32% 28%,#ffffffb0,transparent 60%),linear-gradient(140deg,#d4e5f273,#ffffffa6);box-shadow:inset 12px 16px 26px #ffffffa8,inset -12px -15px 28px #5c89ac26,16px 24px 42px -20px #436c9660}
.glass-leaf{position:absolute;width:162px;height:190px;right:78px;top:12px;padding:22px;border-radius:12px;background:linear-gradient(130deg,#ffffffba,#ffffff3b);border:1px solid #ffffffcc;box-shadow:8px 18px 28px -16px #2f587e70;backdrop-filter:blur(8px);transform:rotate(-13deg)}
.glass-leaf i{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #779dbb;margin-bottom:19px;background:#eff7ffc9}
.glass-leaf b{font-size:15px;font-weight:500;letter-spacing:.06em;color:#345a79}
.glass-leaf em{display:block;margin-top:14px;height:1px;background:#7e9eb64d;width:100%}
.glass-leaf em:last-child{width:60%;margin-top:9px}
.leaf-0{right:140px;top:5px;transform:rotate(-19deg);opacity:.7}
.leaf-1{right:82px;top:35px;transform:rotate(-2deg);background:linear-gradient(130deg,#eff8ffc9,#cbdce86e)}
.leaf-2{right:15px;top:75px;transform:rotate(15deg);background:linear-gradient(130deg,#ffffffde,#eaf4fc70)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .glass-leaf{transition:transform .7s var(--ref-ease)}
  .service-panel:hover .leaf-0{transform:translate(-5px,-4px) rotate(-21deg)}
  .service-panel:hover .leaf-1{transform:translateY(-7px) rotate(-2deg)}
  .service-panel:hover .leaf-2{transform:translate(5px,-3px) rotate(17deg)}
}
.resource-section{background:#f7f9fa99;border-block:1px solid #fff;padding-block:76px}
.resource-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:112px;align-items:start}
.resource-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.45;margin-bottom:24px}
.resource-intro p{font-size:15px;line-height:1.95;color:var(--ref-muted);margin-bottom:24px}
.resource-story{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px;border-bottom:1px solid #c4d3df}
.resource-story:first-child{padding-top:0}
.resource-story:last-child{border:0;padding-bottom:0}
.resource-story h3{font-size:24px;line-height:1.5;margin-bottom:8px}
.resource-story p{font-size:14px;line-height:1.9;max-width:350px;color:var(--ref-muted)}
.resource-story>svg{width:22px;height:22px;padding:15px;box-sizing:content-box;border-radius:50%;background:#e2ecf4;transition:background .2s,transform .3s var(--ref-ease)}
.resource-story:hover>svg{background:#d2e2ef;transform:rotate(-35deg)}
.directory-section{padding-block:24px;scroll-margin-top:36px}
.directory-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;cursor:pointer;list-style:none;font-size:20px}
.directory-disclosure>summary::-webkit-details-marker{display:none}
.directory-toggle{display:flex;gap:16px;align-items:center;font-size:14px;color:#4b6a85}
.directory-toggle svg{transform:rotate(90deg);transition:transform .2s}
.directory-disclosure[open] .directory-toggle svg{transform:rotate(-90deg)}
.directory-body{padding-block:20px 36px}
.directory-body .catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.directory-body h3{font-size:16px;font-weight:500;margin-bottom:12px}
.directory-body p{display:none}
.directory-body ul{list-style:none;padding:0;margin:0}
.directory-body li a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#526c83}
.directory-body a:hover{text-decoration:underline;text-underline-offset:4px}
.catalog-legacy{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid #c0d0df;font-size:12px;color:#536a7f}
.site-footer{border-top:1px solid #bdcede;padding-top:36px}
@media(min-width:1600px){.ref-wrap{width:min(1320px,calc(100% - 144px))}.service-composition{min-height:410px}}
@media(max-width:1000px){.ref-wrap{width:calc(100% - 64px)}.showcase-heading{gap:24px}.showcase-heading h2{font-size:42px}.service-switcher button{font-size:13px}.service-composition{padding:36px;grid-template-columns:1.25fr .75fr}.service-copy h3{font-size:34px}.glass-study{transform:scale(.8);transform-origin:right center}.resource-layout{gap:48px}.service-tasks{padding-inline:36px;gap:20px}}
@media(max-width:700px){
  .ref-wrap{width:calc(100% - 40px)}
  .task-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px;padding-block:20px}
  .dock-label{grid-column:1/-1;margin-bottom:4px}
  .dock-link{justify-content:space-between;font-size:14px;min-height:44px;gap:12px}
  .service-showcase{padding-block:52px 40px}
  .showcase-heading{display:block;margin-bottom:28px}
  .showcase-heading h2{font-size:36px}
  .showcase-heading p{margin-top:18px;font-size:14px;padding:0}
  .service-switcher[role=tablist]{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;margin-bottom:16px}
  .service-switcher button{font-size:13px;min-height:44px}
  .service-composition{padding:28px 24px 24px;display:block;min-height:0}
  .service-copy h3{font-size:30px;line-height:1.4;margin-bottom:16px}
  .service-copy>p{font-size:14px;line-height:1.85}
  .service-actions{gap:8px 18px;margin-top:22px}
  .ref-button{min-height:46px;padding:12px 18px;gap:16px;font-size:13px}
  .ref-text-link{font-size:13px;gap:8px}
  .glass-study{min-height:190px;max-width:280px;margin:12px auto -4px;transform:scale(.72);transform-origin:center center;height:190px}
  .glass-lens{top:-10px;right:0}.glass-leaf{margin-top:-12px}
  .service-tasks{grid-template-columns:1fr;gap:0;padding:0 24px 12px}
  .service-tasks>a{padding:15px 28px 15px 0;gap:4px;border-top:1px solid #c8d7e35c;min-height:72px}
  .service-tasks svg{top:20px}.service-tasks span{font-size:15px}
  .service-boundary{margin-top:16px;font-size:12px}
  .resource-section{padding-block:44px}
  .resource-layout{grid-template-columns:1fr;gap:36px}
  .resource-intro h2{font-size:30px;margin-bottom:16px}
  .resource-intro p{font-size:14px;margin-bottom:12px}
  .resource-story h3{font-size:21px}.resource-story p{font-size:13px}
  .resource-story>svg{width:20px;height:20px;padding:12px}
  .directory-disclosure>summary{font-size:16px;gap:16px;padding-block:22px}
  .directory-toggle{font-size:12px;gap:8px}
  .directory-body .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .catalog-legacy{gap:16px}.catalog-legacy span{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.ref-main *, .ref-main *::before,.ref-main *::after{transition:none;animation:none}}