@font-face {
  font-family: "Advercase";
  src: url("/assets/advercase-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Advercase";
  src: url("/assets/advercase-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Advercase";
  src: url("/assets/advercase-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root{--bg:#DBF2FF;--secondary:#B6E4FE;--primary:#4A0404;--accent:#6B8E23;--on-dark:#FFF3C7;--rule:rgba(74,4,4,.25);--heading:Georgia,'Times New Roman',serif;--body:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-padding-top:25px}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--primary);font-family:var(--body);line-height:1.7}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.skip{position:absolute;top:-100px;padding:12px;background:var(--on-dark);z-index:10}.skip:focus{top:0}header{--header-gutter:5%;position:relative;margin:0;padding:30px var(--header-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid transparent}body > header::after{content:"";position:absolute;inset-inline:var(--header-gutter);bottom:-1px;border-bottom:1px solid var(--rule);pointer-events:none}.wordmark{font-family:"Advercase",var(--heading);font-size:30px;letter-spacing:-.01em;text-decoration:none;line-height:1.1}.wordmark span{display:block;font-family:var(--body);font-size:9px;text-transform:uppercase;letter-spacing:1.7px;margin-top:10px}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav a{text-decoration:none}.button{display:inline-block;padding:16px 25px;border:1px solid var(--primary);background:var(--primary);color:var(--on-dark);font-family:var(--body);font-size:13px;font-weight:650;text-decoration:none;line-height:1.5}.button:hover{background:#651919}.button.small{padding:12px 22px}section{padding:90px 7%}h1,h2,h3{font-family:"Advercase",var(--heading);font-weight:700}h1{font-size:clamp(48px,5.8vw,85px);letter-spacing:-.048em;line-height:1.08;margin:0 0 28px}h2{font-size:clamp(36px,4.1vw,58px);letter-spacing:-.045em;line-height:1.14;margin:0 0 25px}h3{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0 0 22px}p{max-width:660px;margin:0 0 22px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;margin:0 0 25px;line-height:1.5}.intro{font-size:19px;line-height:1.7;max-width:490px}.caption{font-size:11px;line-height:1.7}.hero{padding:60px 7% 75px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:6%}.hero-copy .caption{margin-top:16px}.hero-copy .intro{margin-bottom:30px}.portrait{margin:0;position:relative}.portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:48% 48% 0 0}.portrait figcaption{padding:14px 0;border-bottom:1px solid var(--rule);font-size:10px;letter-spacing:.8px;text-align:center}.secondary{background:var(--secondary)}.section-heading{text-align:center;margin:0 auto 48px}.section-heading p{margin:0 auto 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cards article{padding:32px 26px;background:var(--bg);border:1px solid var(--rule);display:flex;flex-direction:column}.cards article p{font-size:14px}.cards article .caption{font-size:11px}.cards a{margin-top:auto;padding-top:20px;font-size:12px;font-weight:650}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.story-heading em{font-weight:400}.story-heading{position:relative}.story-note{margin-top:35px;font-family:"Advercase",var(--heading);font-size:22px;font-style:italic;line-height:1.5;max-width:330px}.story-copy{max-width:590px}.story-pull{font-family:var(--heading);font-size:29px;line-height:1.35;letter-spacing:-.02em;border-left:1px solid var(--primary);padding-left:25px;margin:36px 0}.story-close{background:var(--primary);color:var(--on-dark);text-align:center;padding:70px 7%}.story-close p{font-family:"Advercase",var(--heading);font-weight:400;font-size:clamp(30px,3.9vw,52px);line-height:1.3;letter-spacing:-.025em;margin:0 auto 20px;max-width:1000px}.story-close span{font-size:12px}.snapshot-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.sample{background:var(--secondary);padding:35px;border:1px solid var(--rule);box-shadow:10px 10px 0 rgba(74,4,4,.05)}.sample h3{font-size:31px}.sample-row{border-top:1px solid var(--rule);display:flex;gap:25px;padding:22px 0}.sample-row span{font-family:var(--heading);font-size:26px}.sample-row strong{font-size:14px}.sample-row p{font-size:12px;margin:5px 0 0}.sample>.caption{margin:10px 0 0}.record{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--rule)}.timeline article>span{font-size:11px;letter-spacing:.5px}.timeline h3{font-size:23px;margin:0 0 4px}.timeline p{font-size:12px;margin:0 0 8px}.timeline p:first-of-type{font-weight:650}.faq{max-width:980px;margin:auto}.faq h2{margin-bottom:40px}.faq details{border-top:1px solid var(--rule);padding:23px 0}.faq summary{font-size:16px;font-weight:600;cursor:pointer;list-style-position:outside;margin-left:18px;padding-left:6px}.faq details p{font-size:14px;margin:20px 24px 0;max-width:720px}.approval-note{border-left:2px solid var(--primary);padding-left:14px;font-size:12px!important}.final-cta{text-align:center}.final-cta p{margin:0 auto 25px}.page-hero{min-height:55vh;max-width:1100px}.page-hero p{max-width:650px}.page-hero .button{margin-block:15px}footer{margin-top:auto;padding:50px 7% 25px;background:var(--primary);color:var(--on-dark)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:40px;font-size:12px;line-height:2}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:10px;border-top:1px solid rgba(255,243,199,.35);padding-top:25px}footer a:focus-visible{outline-color:var(--on-dark)}@media(max-width:900px){section{padding:65px 6%}.hero{padding:50px 6%;gap:5%;grid-template-columns:1.2fr 1fr}.hero h1{font-size:55px}.hero .intro{font-size:17px}.hero .button{font-size:11px;padding:15px}.cards{gap:14px}.cards article{padding:25px 20px}.cards h3{font-size:26px}.story{gap:7%}.record{gap:6%}.timeline article{grid-template-columns:95px 1fr}.snapshot-section{gap:7%}.sample{padding:25px}nav{gap:18px}.wordmark{font-size:27px}}@media(max-width:650px){header{padding-block:22px;gap:12px;align-items:flex-start}.wordmark{font-size:25px;white-space:nowrap}.wordmark span{font-size:7px;letter-spacing:1px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:10px;max-width:190px}nav .small{padding:9px 15px}.hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero h1{font-size:clamp(45px,9.5vw,62px)}.hero .intro{font-size:18px}.hero .button{font-size:12px;padding:16px 21px}.portrait{max-width:350px;width:90%;justify-self:center}.hero .eyebrow{font-size:9px;margin-bottom:20px}.cards,.story,.snapshot-section,.record{grid-template-columns:1fr;gap:35px}.cards article{padding:30px}.cards h3{font-size:31px}.section-heading{text-align:left;margin-bottom:30px}.section-heading p{margin-left:0}.story-note{display:none}.story-copy{font-size:15px}.story-pull{font-size:26px}.timeline article{grid-template-columns:100px 1fr}.snapshot-section .sample{margin-top:5px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:22px}.faq summary{font-size:15px}.faq details p{margin-left:20px}.final-cta h2 br{display:none}section{padding-block:55px}.page-hero h1{font-size:48px}}
/* Refined to the approved Muse reference. */
h1,h2,h3{font-weight:700;letter-spacing:-.01em}.wordmark{font-weight:700}.button{border-radius:999px;padding:17px 25px}.button.outline{background:transparent;color:var(--primary)}.button.outline:hover{background:var(--secondary)}header{--header-gutter:8%;padding-block:25px}nav{gap:22px;font-weight:650}.hero{padding:65px 8% 75px;grid-template-columns:1.4fr 1fr;gap:5%;align-items:center}.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.08;max-width:690px}.story-script{font-family:"Satisfy",var(--heading);font-size:38px;line-height:1.25;margin:0 0 15px}.hero-copy>p:not(.caption):not(.audience-label){font-size:16px;max-width:630px}.hero-copy .intro{font-size:18px!important}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 16px}.hero-actions .button{font-size:12px}.portrait{padding:9px;border:2px solid var(--primary);border-radius:50% 50% 16px 16px;box-shadow:13px 14px 0 var(--accent)}.portrait img{border-radius:50% 50% 7px 7px}.portrait figcaption{border:0;font-size:9px;line-height:1.5;padding:12px 4px 6px}.section-heading{max-width:900px}.section-heading p{max-width:760px}.beliefs{border-block:1px solid var(--rule)}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.belief-grid article{border-top:1px solid var(--rule);padding-top:23px}.belief-grid span{font-family:var(--heading);font-size:17px}.belief-grid h3{font-size:27px;margin-top:20px}.belief-grid p{font-size:14px}.cards article{border-radius:16px}.story-copy h3{font-size:25px;margin:35px 0 15px}.story-copy h3:first-child{margin-top:0}.story-heading h2{font-size:45px}.story-script{font-size:34px}.sample{border-radius:16px;box-shadow:none}.sample h3{font-size:25px;margin:8px 0}.sample .sample-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:650}.sample-row:first-of-type{border-top:0}.final-cta{background:var(--primary);color:var(--on-dark)}.final-cta .button{background:var(--on-dark);color:var(--primary);border-color:var(--on-dark)}.final-cta h2{font-weight:700}footer{border-top:1px solid rgba(255,243,199,.3)}
@media(max-width:1100px){header{--header-gutter:5%}nav{gap:15px;font-size:11px}.hero{padding-inline:6%}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:14px 19px}}
@media(max-width:800px){.hero{grid-template-columns:1.1fr 1fr}.hero h1{font-size:48px}.belief-grid{gap:20px}.belief-grid h3{font-size:24px}nav{gap:12px}nav a:nth-child(3){display:none}}
@media(max-width:650px){header{--header-gutter:5%;padding-block:22px}.wordmark{font-size:23px}.wordmark span{font-size:6px;letter-spacing:.8px}nav{max-width:170px;font-size:9px;gap:10px}nav a:nth-child(3){display:inline}.hero{grid-template-columns:1fr;padding:40px 6% 55px;gap:35px}.hero h1{font-size:46px}.hero-copy>p:not(.caption):not(.audience-label){font-size:15px}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding:16px 20px}.portrait{width:90%;max-width:360px}.belief-grid{grid-template-columns:1fr;gap:25px}.belief-grid h3{font-size:28px}.story-heading h2{font-size:36px}.story-script{font-size:32px}.final-cta h2 br{display:initial}.final-cta h2{font-size:36px}}
/* Transparent cutout: the site's pale blue shows through the original background. */
.portrait img{aspect-ratio:3/4;object-fit:contain;background:transparent}
/* Review edits: compact disclosure navigation and softer portrait frame. */
header nav{display:flex;flex-wrap:nowrap;max-width:none;gap:22px;align-items:center}
.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none;cursor:pointer;font-size:13px;font-weight:650;white-space:nowrap;padding:12px 4px}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary span{margin-left:9px}.nav-links{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--primary);border:1px solid var(--primary);border-radius:16px;padding:10px;box-shadow:0 12px 25px rgba(74,4,4,.12);z-index:20}.nav-links a{display:block!important;padding:12px 14px;color:var(--on-dark);font-family:"Advercase",var(--heading);font-size:17px;font-weight:700;border-radius:8px}.nav-links a:hover,.nav-links a:focus-visible{background:rgba(255,243,199,.12)}.nav-links a:focus-visible{outline-color:var(--on-dark)}header nav>.button{white-space:nowrap}.portrait{border-radius:220px 220px 48px 48px}.portrait img{border-radius:210px 210px 24px 24px}.portrait figcaption{padding:15px 10px 10px}.story-close span{font-family:"Advercase",var(--heading);font-style:italic;font-size:23px}.sample>.eyebrow{text-transform:none;font-size:14px;letter-spacing:.3px}
@media(max-width:650px){header{align-items:center}header nav{gap:8px}header nav>.button{white-space:normal;max-width:135px;font-size:10px;padding:11px 14px;text-align:center}.nav-dropdown summary{font-size:11px}.nav-dropdown summary span{margin-left:3px}.nav-links{right:-100px;width:210px}.portrait{border-radius:190px 190px 40px 40px}.portrait img{border-radius:180px 180px 20px 20px}.story-close span{font-size:22px}}
@media(max-width:380px){header{flex-wrap:wrap}header nav{width:100%;justify-content:space-between}header nav>.button{max-width:none;white-space:nowrap}.nav-links{left:0;right:auto}}
@media(max-width:650px){header{flex-wrap:wrap;gap:17px}header nav{width:100%;justify-content:space-between}header nav>.button{max-width:none;white-space:nowrap;font-size:11px;padding:12px 18px}.nav-dropdown summary{font-size:12px}.nav-links{left:0;right:auto}}
#ways>.section-heading>.eyebrow{font-size:14px;letter-spacing:1.8px}
.footer-location{font-size:12px;margin:6px 0 0;line-height:1.7}
.snapshot-main{padding:55px 6% 80px}.snapshot-panel{max-width:800px;margin:auto;padding:45px;background:var(--secondary);border:1px solid var(--rule);border-radius:24px}.snapshot-panel h1{font-size:clamp(34px,4.5vw,56px)}.snapshot-panel .question-heading{font-size:clamp(30px,3.4vw,43px);line-height:1.2}.snapshot-panel .caption{margin-top:22px}.snapshot-panel progress{display:block;width:100%;height:6px;border:0;accent-color:var(--primary);margin:0 0 32px}.snapshot-panel progress::-webkit-progress-bar{background:var(--bg);border-radius:4px}.snapshot-panel progress::-webkit-progress-value{background:var(--primary);border-radius:4px}.snapshot-options{padding:0;margin:25px 0;border:0;display:grid;gap:12px}.snapshot-choice{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--rule);border-radius:13px;padding:17px;background:var(--bg);cursor:pointer;font-size:15px}.snapshot-choice:has(input:checked){border:2px solid var(--primary);padding:16px}.snapshot-choice input{accent-color:var(--primary);margin-top:6px;flex-shrink:0;width:17px;height:17px}.snapshot-choice:focus-within{outline:3px solid var(--primary);outline-offset:3px}.snapshot-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0}.snapshot-panel button{cursor:pointer;font-family:var(--body)}.snapshot-panel button:disabled{opacity:.45;cursor:not-allowed}.snapshot-panel textarea{display:block;width:100%;padding:16px;margin-top:10px;background:var(--bg);border:1px solid var(--primary);border-radius:12px;color:var(--primary);font:inherit;resize:vertical}.snapshot-panel textarea:focus-visible,.snapshot-panel button:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.text-button{background:none;border:0;color:var(--primary);text-decoration:underline;text-underline-offset:4px;padding:10px 0;font:inherit;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result-block{padding:30px 0;border-top:1px solid var(--rule);margin-top:30px}.result-block h2,.result-save h2{font-size:32px}.answer-evidence{font-size:13px;border-left:2px solid var(--primary);padding-left:16px}.example-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px}.result-save{padding:28px;border:1px solid var(--primary);border-radius:16px;background:var(--bg)}.snapshot-promises{padding-left:22px;font-size:14px;margin-bottom:30px}#snapshot-app:focus{outline:none}.next-steps .button{margin-bottom:25px}@media(max-width:650px){.snapshot-main{padding:30px 5% 50px}.snapshot-panel{padding:25px 20px;border-radius:18px}.snapshot-controls{flex-wrap:wrap}.snapshot-controls .button{font-size:11px;padding:14px 18px}.snapshot-choice{font-size:14px}.result-save{padding:22px}.result-block h2,.result-save h2{font-size:28px}}
.snapshot-options legend{font-size:14px;font-weight:650;padding:0 0 10px}.context-label{display:block;margin-top:20px;font-weight:650}.snapshot-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 16px;margin:24px 0}.snapshot-details dt{font-size:13px;font-weight:650}.snapshot-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.snapshot-panel h1:focus{outline:none}.result-save h3{margin-bottom:12px}.result-save p:last-child{margin-bottom:0}@media(max-width:650px){.snapshot-details{grid-template-columns:1fr}.snapshot-details dd{margin-bottom:12px}}
.nav-dropdown summary{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:8px}.nav-dropdown summary .sr-only{margin:-1px}.nav-dropdown summary:hover,.nav-dropdown[open] summary{background:var(--secondary)}.menu-icon{display:block}

.hero-actions .olive-accent {
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  border-color: var(--accent);
}

.hero-actions .olive-accent::before {
  content: "";
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background-color: var(--accent);
  flex: none;
}

.beliefs > .section-heading {
  max-width: none;
}

.beliefs > .section-heading > h2 {
  font-size: clamp(30px, 4.1vw, 48px);
  text-wrap: balance;
}

@font-face {
  font-family: "Satisfy";
  src: url("/assets/satisfy-latin.woff2") format("woff2");
  font-display: swap;
}

.hero-copy .audience-label {
  font-family: "Satisfy", var(--heading);
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.25;
  margin: 0 0 15px;
}

.hero h1 em {
  font-style: italic;
  font-weight: 400;
}

#ways .cards > article,
#story .story-pull,
#career-snapshot > .sample {
  border-color: var(--accent);
}

html.has-scroll-header {
  scroll-padding-top: var(--site-header-height, 0px);
}

body > .scroll-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--bg);
}

.scroll-header.is-hidden:not(:focus-within, :has(details[open])) {
  transform: translateY(-100%);
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .scroll-header {
    transition: transform 240ms ease-out;
  }
}

.copy-reveal {
  display: inline-block;
  max-width: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .copy-reveal--handwritten.motion-in-view {
    animation: copy-reveal 900ms cubic-bezier(.3, 0, .25, 1);
  }

  .copy-reveal--typewritten.motion-in-view {
    animation: copy-reveal 780ms steps(22, end);
  }

  @keyframes copy-reveal {
    from { clip-path: inset(-.3em calc(100% + .25em) -.3em -.25em); }
    to { clip-path: inset(-.3em -.25em -.3em -.25em); }
  }
}

.record {
  padding-block-end: clamp(36px, 5vw, 58px);
}

.record .timeline > article:last-child {
  padding-bottom: 0;
}

.record-skyline {
  position: relative;
  margin: 0;
  background: var(--secondary);
}

.record-skyline img {
  display: block;
  width: 100%;
  height: auto;
  mask-image: linear-gradient(to bottom, transparent, #000 25%);
}

@media (prefers-reduced-motion: no-preference) {
  .record-skyline.motion-in-view::after {
    content: "";
    position: absolute;
    inset: 72% 11% 15% 13%;
    pointer-events: none;
    background:
      radial-gradient(ellipse 2.2% 3px at 12% 30%, #fffe, transparent),
      radial-gradient(ellipse 2.8% 3px at 33% 72%, #fffe, transparent),
      radial-gradient(ellipse 2% 2px at 52% 25%, #fffc, transparent),
      radial-gradient(ellipse 3.5% 3px at 70% 53%, #fffe, transparent),
      radial-gradient(ellipse 1.7% 2px at 89% 76%, #fffc, transparent);
    opacity: 0;
    animation: skyline-shimmer 4s ease-in-out;
  }

  @keyframes skyline-shimmer {
    0%, 100% { opacity: 0; }
    25% { opacity: .85; }
    48% { opacity: .15; }
    70% { opacity: .68; }
    100% { translate: 4px 0; }
  }
}
