@font-face{font-family:"Josefin Slab"; src:url("/assets/fonts/josefin-slab-700.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap}:root{--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-display:Georgia,"Times New Roman",serif; --font-brand:"Josefin Slab",Georgia,serif; --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-family:var(--font-body)} *{box-sizing:border-box} body{margin:0} main{width:min(70rem,calc(100% - 2rem)); margin-inline:auto} .hero{padding:5rem 0 3rem} .legal-page{display:block; max-width:50rem; margin-inline:auto; padding-block:clamp(2.5rem,7vw,6rem); line-height:1.65} .legal-page h1{line-height:1.12} .system-page{display:grid; grid-template-columns:minmax(11rem,0.8fr) minmax(0,1.2fr); align-items:center; gap:clamp(1.5rem,5vw,4.5rem); padding-block:clamp(2.5rem,7vw,6rem)} .system-page__art{display:grid; place-items:end center; min-height:18rem} .system-page__art img{display:block; width:min(100%,25rem); height:auto; filter:drop-shadow(0 1rem 1.5rem rgb(17 33 66 / 0.18)); transform:rotate(-3deg)} .system-page__copy{max-width:38rem} .legal-page h2{margin-top:2rem; font-family:var(--font-display)} .legal-page__eyebrow,.system-page__eyebrow{color:var(--brand-primary,#3157d5); font-weight:800; letter-spacing:0.1em; text-transform:uppercase} .legal-page__notice{margin-top:2rem; padding:1rem; background:var(--color-surface,#f4f6fa); border-left:0.25rem solid var(--brand-primary,#3157d5)} .legal-page__privacy-action{min-height:2.75rem; padding:0.65rem 1rem; color:#fff; background:var(--brand-primary,#3157d5); border:0; border-radius:var(--radius-default,0.5rem); font:inherit; font-weight:750; cursor:pointer} .legal-page__privacy-action:hover{filter:brightness(1.08)} .system-page{text-align:left} .system-page__status{margin:0; color:var(--brand-primary,#3157d5); font-size:clamp(4rem,14vw,9rem); font-weight:850; line-height:0.9} .system-page__action{display:inline-flex; margin-top:1rem; padding:0.75rem 1rem; color:#fff; background:var(--brand-primary,#3157d5); border-radius:var(--radius-default,0.5rem); font-weight:750; text-decoration:none} @media (max-width:700px){.system-page{grid-template-columns:1fr; gap:0.5rem; text-align:center} .system-page__art{min-height:12rem} .system-page__art img{width:min(68vw,19rem)} .system-page__copy{margin-inline:auto}} .story-page{--story-navy:#112142; --story-blue:#0047ab; --story-teal:#008080; --story-orange:#ff6900; color:var(--story-navy)} .site-header__hero--illustrated{background:radial-gradient(circle at 75% 42%,rgb(0 128 128 / 46%),transparent 27rem),linear-gradient(125deg,#112142,#173c88 70%,#0047ab)} .site-header__hero--illustrated .site-header__hero-inner{max-width:76rem; min-height:36rem; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(18rem,0.85fr); align-items:center; gap:clamp(1rem,4vw,4rem); padding-block:clamp(3.5rem,7vw,6rem)} .site-header__hero--article{position:relative; overflow:hidden; background:radial-gradient(circle at 78% 42%,rgb(0 128 128 / 34%),transparent 29rem),linear-gradient(125deg,#112142,#173c88 70%,#0047ab)} .site-header__hero--article::before{position:absolute; z-index:0; width:70rem; height:42rem; left:-35rem; top:-13rem; border:1px solid rgb(44 130 255 / 48%); border-radius:50%; transform:rotate(-18deg); content:""; box-shadow:0 0 0 3.5rem rgb(44 130 255 / 9%),0 0 0 7rem rgb(44 130 255 / 6%)} .site-header__hero--article::after{position:absolute; z-index:0; width:68rem; height:16rem; left:-17rem; bottom:-8rem; border:1px solid rgb(93 190 255 / 46%); border-radius:50%; transform:rotate(-17deg); content:""; box-shadow:0 0 0 2.5rem rgb(93 190 255 / 9%)} .site-header__hero--article .site-header__hero-inner{position:relative; z-index:1; max-width:82rem; display:block} .site-header__hero--article .site-header__hero-copy{position:absolute; z-index:3; top:2.75rem; bottom:2.75rem; left:0; width:calc(50% + 13px); box-sizing:border-box; max-width:none; min-height:0; margin:0; padding:clamp(2rem,4vw,3.25rem) clamp(1.25rem,3vw,2.5rem); display:grid; align-content:center; border:1px solid rgb(199 215 255 / 22%); border-top:1px solid rgb(199 215 255 / 22%); border-right:0; border-bottom:1px solid rgb(199 215 255 / 22%); border-left:0; border-radius:0.3rem 1.1rem 1.1rem 0.3rem; background:linear-gradient(125deg,#112142 0%,#173c88 70%,#0047ab 100%); box-shadow:0 1.1rem 2.2rem rgb(0 10 40 / 18%)} .site-header__hero--article .site-header__hero-copy::before{position:absolute; z-index:4; top:50%; right:-2.7rem; width:2.7rem; height:8.5rem; display:grid; place-items:center; border:1px solid rgb(255 207 70 / 72%); border-left:0; border-radius:0 0.65rem 0.65rem 0; color:#112142; background:#fcb900; box-shadow:0.35rem 0.55rem 1rem rgb(0 10 40 / 20%); content:"Articles & Insights"; font-size:0.62rem; font-weight:800; letter-spacing:0.02em; line-height:1.05; writing-mode:vertical-rl; text-orientation:mixed; transform:translateY(-50%)} .site-header__hero-article-art{position:absolute; z-index:1; top:2.75rem; right:0; bottom:2.75rem; left:auto; width:min(58%,45rem); min-height:0; overflow:hidden; isolation:isolate; border:1px solid rgb(199 215 255 / 38%); border-left:0; border-radius:0 0.3rem 0.3rem 0; background:var(--article-art) center / cover no-repeat; box-shadow:0 1.2rem 2.5rem rgb(0 10 40 / 32%); transform:translate3d(var(--article-tuck,0px),0,0); will-change:transform} .site-header__hero-article-art::before{position:absolute; z-index:2; inset:0 auto 0 14%; width:25%; background:linear-gradient(90deg,#112142 0%,rgb(17 33 66 / 92%) 24%,rgb(17 33 66 / 58%) 58%,transparent 100%); content:""; pointer-events:none} .site-header__hero-article-art::after{position:absolute; z-index:1; inset:0; background:linear-gradient(0deg,rgb(17 33 66 / 26%) 0%,transparent 22%,transparent 78%,rgb(17 33 66 / 18%) 100%); content:""; pointer-events:none} .site-header__hero-article-envelope{display:none} .site-header__hero-copy{position:relative; z-index:2} .site-header__hero--illustrated h1{max-width:13ch; font-size:clamp(3rem,6vw,5.7rem); text-wrap:balance} .site-header__hero-brand{margin:0 0 1.4rem; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.3rem,2.2vw,1.75rem); font-weight:700; white-space:nowrap} .site-header__hero-brand:not(.site-header__hero-brand--bdw) span{padding:0.03em 0.16em; color:#fff; background:#008080; border-radius:0.12rem} .site-header__hero--illustrated .site-header__eyebrow{color:#a6f3ed} .site-header__wing-line{max-width:34rem; display:flex; flex-wrap:wrap; align-items:baseline; gap:0.3rem 0.9rem; margin:1.8rem 0 0; padding:0.85rem 1.1rem; border-left:0.22rem solid #fcb900; border-radius:0 0.6rem 0.6rem 0; color:#f3f8ff; background:rgb(7 25 57 / 45%)} .site-header__wing-line strong{color:#ffcf46; font-size:1.2rem; letter-spacing:0.07em; white-space:nowrap} .site-header__wing-line span{font-size:1rem; line-height:1.4} .site-header__hero-art{position:relative; min-height:25rem; display:grid; place-items:center; isolation:isolate} .site-header__hero-art::before{position:absolute; z-index:-1; inset:8%; border-radius:50%; background:radial-gradient(circle,rgb(199 215 255 / 28%) 0,rgb(0 128 128 / 24%) 47%,transparent 72%); content:""} .site-header__hero-art img{position:relative; width:min(88%,29rem); height:auto; filter:drop-shadow(0 1.5rem 2.5rem rgb(0 9 30 / 42%)); animation:clarity-drift 9s ease-in-out infinite alternate} .site-header__hero-orbit{position:absolute; width:100%; aspect-ratio:1; border:1px solid rgb(199 215 255 / 42%); border-radius:50%; transform:rotate(-19deg) scaleX(1.15)} .site-header__hero-orbit--inner{width:68%; border-color:rgb(252 185 0 / 52%); transform:rotate(25deg) scaleX(1.18)} .site-header__hero-spark{position:absolute; top:12%; right:14%; width:0.7rem; height:0.7rem; border-radius:50%; background:#fcb900; box-shadow:0 0 0 0.5rem rgb(252 185 0 / 14%),0 0 2rem #fcb900} .site-header__hero--contact{background:radial-gradient(circle at 86% 38%,rgb(0 128 128 / 30%),transparent 21rem),linear-gradient(120deg,#112142,#0047ab)} .site-header__hero--contact .site-header__hero-inner{padding-block:clamp(3rem,6vw,5rem)} .site-header__hero--contact .site-header__hero-copy{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:clamp(2rem,5vw,5rem)} .site-header__hero--contact .site-header__eyebrow,.site-header__hero--contact h1,.site-header__hero--contact .site-header__summary{grid-column:1} .site-header__hero--contact .site-header__actions{position:relative; isolation:isolate; grid-column:2; grid-row:1 / 4; margin:0} .site-header__hero--contact .site-header__actions::before,.site-header__hero--contact .site-header__actions::after{position:absolute; z-index:-1; border-radius:50%; pointer-events:none; content:""; transition:transform 320ms ease} .site-header__hero--contact .site-header__actions::before{inset:-3.1rem -3.4rem; border:1px solid rgb(199 215 255 / 55%); transform:rotate(-19deg)} .site-header__hero--contact .site-header__actions::after{inset:-1.9rem -2.2rem; border:1px solid rgb(102 225 225 / 72%); background:radial-gradient(circle at 94% 28%,#ff6900 0 0.22rem,rgb(255 105 0 / 28%) 0.25rem 0.52rem,transparent 0.56rem); transform:rotate(19deg)} .site-header__hero--contact .site-header__actions:is(:hover,:focus-within)::before{transform:rotate(-15deg) scale(1.04)} .site-header__hero--contact .site-header__actions:is(:hover,:focus-within)::after{transform:rotate(15deg) scale(1.04)} .site-header__hero--contact .site-header__action--primary{position:relative; z-index:1; min-height:3.3rem; padding-inline:1.5rem; color:#112142; background:#fcb900; border-color:#fcb900; box-shadow:0 0.7rem 1.5rem rgb(0 10 40 / 20%)} .site-header__hero--contact h1{font-size:clamp(2.7rem,5.5vw,4.8rem)} .contact-page{color:#112142; background:linear-gradient(180deg,#eef4ff,#fff 55%)} .contact-page__form-wrap{padding-block:clamp(2rem,5vw,4rem)} .contact-page .essential-form{margin-block:0; border-color:#c7d7ff; box-shadow:0 1.25rem 2.5rem rgb(17 33 66 / 11%)} .contact-page .essential-form__intro h2{margin-top:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3rem)} .contact-page .essential-form__intro p{max-width:38rem; line-height:1.6} .contact-page .essential-form__fields{grid-template-columns:repeat(2,minmax(0,1fr))} .contact-page .essential-form__field--textarea{grid-column:1 / -1} .essential-form button[type="submit"]{min-height:3rem; padding-inline:1.4rem; color:#112142; background:#fcb900} .essential-form button[type="submit"]:hover:not(:disabled),.site-header__hero--contact .site-header__action--primary:hover{background:#ffcf40; border-color:#ffcf40} .essential-form button[type="submit"]:focus-visible{outline:3px solid #0047ab; outline-offset:3px} .contact-page__privacy{max-width:44rem; margin:1rem auto 0; color:#53617b; font-size:0.88rem; line-height:1.5} .contact-page__privacy a{color:#0047ab; text-underline-offset:0.18em} .essential-form:has(.essential-form__status[data-state="success"]){position:relative; min-height:9rem; margin-top:10rem; border:2px solid #fcb900; color:#fff; background:linear-gradient(130deg,#112142 0%,#173c88 62%,#0047ab 100%); box-shadow:0 1.25rem 2.5rem rgb(17 33 66 / 19%)} .essential-form:has(.essential-form__status[data-state="success"])::before{position:absolute; top:-10.9rem; right:1rem; width:12rem; aspect-ratio:1122 / 1402; background:url("/assets/forms/roy-confirmation.webp") center / contain no-repeat; content:""; pointer-events:none} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro{position:absolute; bottom:calc(100% + 1.5rem); left:clamp(1.25rem,3vw,2rem); max-width:calc(100% - 15rem); margin:0} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__status[data-state="success"]{position:relative; max-width:calc(100% - 9rem)} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro h2,.essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro p{color:#112142} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__status[data-state="success"]{margin:0 0 1rem; padding:0; border:0; color:#fff; background:transparent; font-family:var(--font-display); font-size:clamp(1.2rem,2vw,1.55rem); font-style:italic; font-weight:600; line-height:1.45} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__new-inquiry{color:#112142; background:#fcb900} @media (max-width:600px){.essential-form:has(.essential-form__status[data-state="success"]){margin-top:7rem; padding-top:5.5rem} .essential-form:has(.essential-form__status[data-state="success"])::before{top:-7.3rem; right:0.5rem; width:8rem} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro,.essential-form:has(.essential-form__status[data-state="success"]) .essential-form__status[data-state="success"]{max-width:none} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro{position:relative; bottom:auto; left:auto; margin-bottom:1.25rem} .essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro h2,.essential-form:has(.essential-form__status[data-state="success"]) .essential-form__intro p{color:#fff}} .site-header__hero--services{background:radial-gradient(ellipse at 95% 10%,rgb(0 128 128 / 65%),transparent 42%),linear-gradient(125deg,#112142,#0047ab)} .site-header__hero--services .site-header__hero-inner{padding-block:clamp(3rem,6vw,5rem)} .site-header__hero--services h1{max-width:16ch; text-wrap:balance} .site-header__hero--services .site-header__summary{max-width:48rem} .site-header__hero--services .site-header__actions{gap:1rem} .site-header__hero--services .site-header__action--primary{min-height:3rem; color:#112142; background:#fcb900; border-color:#fcb900; white-space:normal; text-align:center} .site-header__hero--services .site-header__action--primary:hover{background:#ffda63; border-color:#ffda63} .services-overview{--services-section-gap:2.25rem; padding-top:var(--services-section-gap); color:#112142} .services-overview>.content-container{padding-inline:0} .services-overview__lane{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(2rem,4vw,4rem)} .services-overview__eyebrow{margin:0 0 0.85rem; color:#006b6b; font-size:0.76rem; font-weight:850; letter-spacing:0.13em; text-transform:uppercase} .services-overview h2{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,3.4vw,3rem); line-height:1.12; text-wrap:balance} .services-overview__copy>p:not(.services-overview__eyebrow){margin-block:1.2rem 0; font-size:1.06rem; line-height:1.65} .services-overview__visual{position:relative; isolation:isolate; min-width:0; margin:0; padding:0.65rem; border:1px solid #b9d0ee; border-radius:1.3rem; background:#e8f1ff; box-shadow:0 1.4rem 2.7rem rgb(17 33 66 / 17%)} .services-overview__visual::before{position:absolute; z-index:-1; top:-1.15rem; right:-0.85rem; width:6rem; height:6rem; border:0.65rem solid rgb(255 105 0 / 37%); border-radius:50%; content:""} .services-overview__image{position:relative} .services-overview__visual img{display:block; width:100%; height:clamp(19rem,29vw,26rem); object-fit:cover; border-radius:0.85rem} .services-overview__visual figcaption{padding:0.9rem 0.5rem 0.3rem; color:#405278; font-size:0.85rem; font-weight:700; line-height:1.45} .services-overview__lane{margin-bottom:var(--services-section-gap); padding:clamp(1.5rem,3.5vw,3rem); border:1px solid #c7d7ff; border-radius:1.5rem; background:linear-gradient(125deg,#e2ecff,#f2f7ff)} .services-overview__lane--advisory{grid-template-areas:"visual copy"} .services-overview__lane--advisory .services-overview__copy{grid-area:copy} .services-overview__lane>.scroll-motion{min-width:0} .services-overview__lane--advisory>.scroll-motion{grid-area:visual} .services-overview__lane--managed{color:#f3f7ff; border-color:#007878; background:radial-gradient(ellipse at 15% 100%,rgb(0 128 128 / 75%),transparent 70%),linear-gradient(125deg,#112142,#034f62)} .services-overview__lane--managed .services-overview__eyebrow{color:#97e9df} .services-overview__lane--managed .services-overview__copy>p:not(.services-overview__eyebrow),.services-overview__lane--managed .services-overview__benefits span{color:#d9e7f4} .services-overview__benefits{display:grid; gap:1rem; margin:1.5rem 0 1.8rem; padding:0; list-style:none} .services-overview__benefits li{padding-left:1rem; border-left:2px solid #008080} .services-overview__benefits strong,.services-overview__benefits span{display:block} .services-overview__benefits strong{font-size:0.98rem} .services-overview__benefits span{margin-top:0.25rem; color:#405278; font-size:0.95rem; line-height:1.5} .services-overview__lane--managed .services-overview__benefits li{border-color:#fcb900} .services-overview__lane--managed .services-overview__visual img{object-fit:contain; padding:1.5rem} .services-overview__image-copy{position:absolute; top:20%; left:8%; max-width:53%; display:grid; gap:1rem; color:#fff; text-shadow:0 0.2rem 0.8rem #112142} .services-overview__image-copy span{font-size:0.62rem; font-weight:800; letter-spacing:0.13em; color:#a6f3ed} .services-overview__image-copy strong{font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.2; text-wrap:balance} .services-overview__action{min-height:3rem; display:inline-flex; align-items:center; justify-content:center; gap:0.65rem; padding:0.75rem 1.1rem; border:1px solid #fcb900; border-radius:0.65rem; color:#112142; background:#fcb900; box-shadow:0 0.45rem 0.9rem rgb(17 33 66 / 15%); font-weight:800; line-height:1.35; text-decoration:none; text-align:center} .services-overview__action:hover{color:#112142; background:#ffda63; border-color:#ffda63} .services-overview__action span{flex:0 0 auto} .services-overview__action:focus-visible,.site-header__hero--services .site-header__action:focus-visible{outline:3px solid #ff6900; outline-offset:4px} .services-overview__answers{margin-block:0 var(--services-section-gap); padding:clamp(1.5rem,4vw,3rem); border:1px solid #c7d7ff; border-radius:1.5rem; background:linear-gradient(145deg,#f3f7ff,#fff); box-shadow:0 1.2rem 2.5rem rgb(17 33 66 / 10%)} .services-overview__answers-intro{max-width:47rem} .services-overview__answers-intro>p:last-child{margin:1.1rem 0 0; color:#405278; font-size:1.05rem; line-height:1.65} .services-overview__answer-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1rem; margin:2rem 0 0} .services-overview__answer-grid>div{min-width:0; padding:1.25rem; border:1px solid #c7d7ff; border-top:0.25rem solid #008080; border-radius:0.85rem; background:#fff} .services-overview__answer-grid>div:nth-child(even){border-top-color:#ff6900} .services-overview__answer-grid a{display:inline; color:#0047ab; font-weight:800; text-decoration-thickness:0.08em; text-underline-offset:0.18em} .services-overview__answer-grid a:hover,.services-overview__answer-grid a:focus-visible{color:#a94600} .services-overview__close{padding:clamp(2rem,5vw,4rem) 1rem clamp(3rem,6vw,5rem); text-align:center} .services-overview__close>p:not(.services-overview__eyebrow){max-width:40rem; margin:1.2rem auto 0; color:#405278; font-size:1.06rem; line-height:1.65} @media (max-width:48rem){.services-overview__lane{grid-template-columns:minmax(0,1fr)} .services-overview__lane--advisory{grid-template-areas:"copy" "visual"} .services-overview__lane{padding:1.5rem} .services-overview__visual img{height:auto; max-height:26rem; aspect-ratio:4 / 3} .services-overview__answer-grid{grid-template-columns:1fr}} @media (max-width:30rem){.site-header__hero--services .site-header__action,.services-overview__action{width:100%} .services-overview__lane{padding:1.25rem}} .contact-page__publication{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; max-width:54rem; margin:clamp(2rem,4vw,3rem) auto 0; padding:1.25rem 1.5rem; border:1px solid #c7d7ff; border-radius:0.8rem; background:#f3f7ff} .contact-page__publication h2{margin:0 0 0.3rem; font-family:var(--font-display); font-size:1.2rem} .contact-page__publication p{max-width:36rem; margin:0; color:#53617b; line-height:1.5} .contact-page__publication-cta{flex:0 0 auto; padding:0.7rem 1rem; border:1px solid #0047ab; border-radius:0.5rem; color:#0047ab; font-weight:750; text-decoration:none} .contact-page__publication-cta:hover,.contact-page__publication-cta:focus-visible{color:#fff; background:#0047ab} @media (max-width:38rem){.contact-page__publication{flex-direction:column; align-items:stretch} .contact-page__publication-cta{text-align:center}} .focused-header{color:#fff; background:#112142} .focused-header__bar{max-width:76rem; min-height:5.25rem; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:1rem; margin-inline:auto; padding-inline:clamp(1rem,4vw,2rem)} .focused-header__brand{display:inline-flex; align-items:center; gap:0.7rem; color:#fff; font-family:var(--font-brand); font-weight:700; text-decoration:none} .focused-header__brand img{width:2.75rem; height:2.75rem; object-fit:contain} .focused-header__slogan{color:#e4efff; font-family:Georgia,"Times New Roman",serif; font-size:1.05rem; font-style:italic; text-align:center} .focused-header__promise{justify-self:end; color:#ffcf46; font-family:var(--font-brand); font-size:0.95rem; font-weight:700} .focused-header__hero{background:radial-gradient(circle at 85% 30%,rgb(0 128 128 / 38%),transparent 24rem),linear-gradient(125deg,#112142,#0047ab)} .focused-header__hero-inner{max-width:76rem; margin-inline:auto; padding:clamp(3.5rem,8vw,6.5rem) clamp(1rem,4vw,2rem)} .focused-header__hero-inner--illustrated{min-height:34rem; display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,0.9fr); align-items:center; gap:clamp(1rem,4vw,4rem); overflow:hidden} .focused-header__copy{position:relative; z-index:2} .focused-header__wordmark{display:flex; gap:0; margin:0 0 0.65rem; font-size:clamp(1.55rem,3vw,2.25rem); font-weight:850; letter-spacing:-0.07em; line-height:1} .focused-header__wordmark-part--blue{color:#c7d7ff} .focused-header__wordmark-part--orange{color:#ff9b47} .focused-header__hero h1{max-width:14ch; margin:0; font-family:var(--font-display); font-size:clamp(3rem,7vw,6rem); line-height:1.02; letter-spacing:-0.05em} .focused-header__hero p:not(.site-header__eyebrow){max-width:44rem; margin:1.4rem 0 0; color:#eaf3ff; font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.55} .focused-header__hero .site-header__eyebrow{color:#a6f3ed} .focused-header__actions{display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:1.75rem} .focused-header__action{display:inline-flex; align-items:center; justify-content:center; gap:0.65rem; min-height:3rem; padding:0.65rem 1.1rem; border:1px solid #ffcf46; border-radius:0.5rem; color:#112142; background:#fcb900; font-weight:800; text-decoration:none} .focused-header__action:hover,.focused-header__action:focus-visible{background:#ffda63} .focused-header__package-shortcuts{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.75rem; max-width:76rem; margin:-0.5rem auto 0; padding:0 clamp(1rem,4vw,2rem) 2.25rem} .focused-header__package-shortcuts a{display:grid; gap:0.35rem; min-width:0; padding:1rem; border:1px solid rgb(199 215 255 / 45%); border-top:3px solid #fcb900; border-radius:0.7rem; color:#fff; background:rgb(9 28 65 / 62%); text-decoration:none} .focused-header__package-shortcuts a:hover,.focused-header__package-shortcuts a:focus-visible{border-color:#ffcf46; background:rgb(0 77 105 / 85%); transform:translateY(-2px)} .focused-header__package-shortcuts strong{font-family:var(--font-display); font-size:1.25rem} .focused-header__package-shortcuts span{color:#e4efff; font-size:0.9rem} .focused-header__package-shortcuts b{color:#ffcf46; font-size:1.1rem} .focused-header__art{position:relative; display:grid; place-items:center; min-height:24rem; isolation:isolate} .focused-header__art::before{position:absolute; inset:5% 1%; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgb(255 185 53 / 28%),rgb(255 105 0 / 10%) 32%,transparent 66%); content:""} .focused-header__art img{position:relative; width:min(100%,30rem); aspect-ratio:1; height:auto; object-fit:cover; object-position:center; border-radius:50%; -webkit-mask-image:radial-gradient(circle at center,#000 51%,transparent 78%); mask-image:radial-gradient(circle at center,#000 51%,transparent 78%); filter:drop-shadow(0 1.5rem 2.4rem rgb(3 12 35 / 38%)); animation:clarity-drift 9s ease-in-out infinite alternate} .focused-header__art--websites img,.focused-header__art--ai-agents img{width:min(100%,33rem); object-fit:contain; border-radius:0; -webkit-mask-image:none; mask-image:none; filter:drop-shadow(0 1.3rem 2rem rgb(3 12 35 / 34%)); animation:clarity-drift 9s ease-in-out infinite alternate} .focused-header__art--websites::before,.focused-header__art--ai-agents::before{inset:8%; background:radial-gradient(circle,rgb(252 185 0 / 22%),rgb(0 128 128 / 14%) 45%,transparent 72%)} .focused-header__art--ai-agents img{scale:-1 1} .focused-header__art--tech-advisor img{width:min(100%,19rem); aspect-ratio:1; object-fit:contain; -webkit-mask-image:none; mask-image:none} .focused-header__orbit{position:absolute; width:100%; aspect-ratio:1; border:1px solid rgb(199 215 255 / 37%); border-radius:50%; transform:rotate(-18deg) scaleX(1.2)} .focused-header__orbit--inner{width:72%; border-color:rgb(255 185 53 / 42%); transform:rotate(25deg) scaleX(1.25)} .focused-header__spark{position:absolute; z-index:1; width:0.65rem; height:0.65rem; border-radius:50%; background:#fcb900; box-shadow:0 0 0 0.45rem rgb(255 185 53 / 12%),0 0 2rem #fcb900} .focused-header__spark--one{top:16%; right:12%} .focused-header__spark--two{bottom:18%; left:12%; width:0.42rem; height:0.42rem; background:#a6f3ed} @keyframes clarity-drift{from{transform:translate(-0.5rem,0.4rem) rotate(-2deg)} to{transform:translate(0.4rem,-0.55rem) rotate(2deg)}} .focused-page .site-footer{margin-top:0} .story-page .content-container{max-width:70rem} .story-page__intro{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(17rem,0.95fr); align-items:center; gap:clamp(2rem,5vw,5rem); padding-block:clamp(3.5rem,7vw,6rem)} .story-page__with-subnav{display:grid; grid-template-columns:minmax(10rem,0.24fr) minmax(0,1fr); gap:clamp(1.5rem,4vw,3.5rem)} .story-page__main{min-width:0} .story-page--focused-service .story-page__intro{display:block; padding-bottom:clamp(2.5rem,5vw,4rem)} .story-page--focused-service .story-page__opening{max-width:52rem} .story-page--focused-service .story-page__section{display:block} .story-page--focused-service .story-page__section-lead{margin-bottom:1.25rem} .story-page__subnav{position:sticky; top:1.5rem; align-self:start; height:max-content; padding:1rem 0.85rem; border-left:3px solid #008080; background:rgb(255 255 255 / 72%)} .story-page__subnav p{margin:0 0 0.75rem; color:#53617b; font-size:0.72rem; font-weight:850; letter-spacing:0.12em; text-transform:uppercase} .story-page__subnav ul{display:grid; gap:0.35rem; margin:0; padding:0; list-style:none} .story-page__subnav a{display:flex; align-items:center; justify-content:space-between; gap:0.4rem; padding:0.45rem 0.5rem; color:#405278; border-radius:0.35rem; font-size:0.88rem; font-weight:700; text-decoration:none} .story-page__subnav a:hover,.story-page__subnav a:focus-visible{color:#0047ab; background:#edf3ff} .story-page__subnav a[aria-current="page"]{color:#fff; background:#008080} .story-page__subnav-item--subitem{margin-left:.7rem; border-left:2px solid #b9d0ee} .story-page__subnav-item--subitem a{padding-block:.32rem; color:#53617b; font-size:.82rem; font-weight:650} .story-page__subnav-item--subitem a[aria-current="page"]{color:#fff; background:#008080} .story-page__opening h2,.story-page__section h2,.story-page__close h2{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4.4vw,3.8rem); line-height:1.08; text-wrap:balance} .story-page__opening>p:not(.story-page__eyebrow),.story-page__section-body>p,.story-page__close p:not(.story-page__eyebrow){font-size:clamp(1rem,1.4vw,1.13rem); line-height:1.68} .story-page__eyebrow{margin:0 0 0.9rem; color:var(--story-teal); font-size:0.73rem; font-weight:850; letter-spacing:0.14em; text-transform:uppercase} .story-page__visual{position:relative; isolation:isolate; margin:0; padding:0.75rem; border:1px solid #c7d7ff; border-radius:1.4rem; background:#e8f1ff; box-shadow:0 1.5rem 3rem rgb(17 33 66 / 18%)} .story-page__visual::before{position:absolute; z-index:-1; top:-1.2rem; right:-1.15rem; width:7rem; height:7rem; border:0.8rem solid rgb(255 105 0 / 32%); border-radius:50%; content:""} .story-page__visual img{width:100%; height:clamp(18rem,30vw,25rem); display:block; border-radius:0.9rem; object-fit:cover} .story-page__visual figcaption{padding:0.9rem 0.5rem 0.35rem; color:#405278; font-size:0.88rem; font-weight:700} .story-page--about .story-page__visual{background:linear-gradient(135deg,#dfeeff,#eff8fa)} .story-page--about .story-page__visual img{filter:saturate(1.1) contrast(1.04)} .story-page--about .story-page__visual::after{position:absolute; top:11%; right:7%; width:7.5rem; aspect-ratio:1; border:1px solid rgb(255 255 255 / 72%); border-radius:50%; box-shadow:0 0 0 1.25rem rgb(199 215 255 / 13%),0 0 0 3.5rem rgb(0 128 128 / 8%); pointer-events:none; content:""} .story-page__visual-overlay{position:absolute; z-index:2; top:26%; left:7%; width:min(46%,15rem); display:grid; gap:0.5rem; color:#fff; pointer-events:none; text-shadow:0 0.2rem 0.8rem rgb(0 12 35 / 75%)} .story-page__visual-overlay span{color:#a6f3ed; font-size:0.67rem; font-weight:850; letter-spacing:0.13em} .story-page__visual-overlay strong{font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.2rem,2.3vw,2rem); line-height:1.16; text-wrap:balance} .story-page--clint .story-page__visual{padding:1.5rem; background:linear-gradient(135deg,#112142 0 15%,#0047ab 15% 19%,#c7d7ff 19%)} .story-page--clint .story-page__visual img{width:min(75%,22rem); height:auto; aspect-ratio:1; margin-inline:auto; border:0.55rem solid #fff; border-radius:50%; box-shadow:0 0 0 0.4rem #ff6900,0 1rem 2rem rgb(17 33 66 / 24%)} .story-page--clint .story-page__visual figcaption{text-align:center} .story-page__actions{display:flex; flex-wrap:wrap; align-items:center; gap:0.75rem; margin-top:1.8rem} .story-page__action{min-height:2.85rem; display:inline-flex; align-items:center; justify-content:center; gap:0.45rem; padding:0.7rem 1rem; border:2px solid transparent; border-radius:0.65rem; font-weight:800; line-height:1.25; text-decoration:none} .story-page__action--primary{color:#112142; background:#fcb900; box-shadow:0 0.5rem 1rem rgb(17 33 66 / 14%)} .story-page__action--primary:hover{background:#ffda63} .story-page__action--secondary{color:#0047ab; border-color:#aec5ee; background:#fff} .story-page__action--secondary:hover{border-color:#0047ab; background:#f1f6ff} .story-page__booking{display:inline-flex; align-items:center} .story-page__booking>[data-booking-target]:empty{display:none} .story-page__booking:has([data-booking-target]>*) [data-booking-fallback]{display:none} .story-page__booking [data-booking-target] button{min-height:2.85rem; border-radius:0.65rem; font-weight:800} .story-page__booking [data-booking-fallback][hidden]{display:none} iframe[src^="https://calendar.google.com/calendar/appointments/schedules/"]{background:#fff; border-radius:0.75rem; box-shadow:0 1rem 3rem rgb(0 18 48 / 28%)} .story-page__action:focus-visible,.story-page__text-link:focus-visible{outline:3px solid #ff6900; outline-offset:3px} .story-page__sections{padding-bottom:clamp(3rem,6vw,5rem)} .story-page__section{display:grid; grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr); gap:clamp(1.5rem,5vw,5rem); padding:clamp(2.2rem,5vw,4rem); border-top:1px solid #c7d7ff; background:linear-gradient(135deg,#f4f8ff,#fff 72%)} .story-page__section:nth-child(even){background:linear-gradient(135deg,#eaf7f7,#f7fbff 70%)} .story-page__section + .story-page__section{margin-top:1rem} .story-page__section-lead{display:flex; align-items:flex-start; gap:1rem} .story-page__number{color:#ff6900; font-weight:900; font-size:0.75rem; letter-spacing:0.08em} .story-page__section h2{font-size:clamp(1.65rem,3vw,2.75rem)} .story-page__section-body>p{margin:0} .story-page__prose p{margin:0 0 1.15rem; font-size:clamp(1rem,1.4vw,1.13rem); line-height:1.68} .story-page__prose p:last-child{margin-bottom:0} .story-page--about .story-page__prose p{padding-left:1.1rem; border-left:0.2rem solid #008080} .story-page--about .story-page__prose p:nth-child(3){border-color:#ff6900} .about-purpose,.about-commitments{padding-top:clamp(3rem,6vw,5rem)} .about-purpose>h2,.about-commitments>h2{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3.2rem); line-height:1.12; text-wrap:balance} .about-purpose__grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.3rem; margin-top:1.8rem} .about-purpose__grid>.scroll-motion{min-width:0} .about-purpose__panel{position:relative; isolation:isolate; overflow:hidden; padding:clamp(1.5rem,3vw,2.3rem); border:1px solid #c7d7ff; border-radius:1.2rem; background:linear-gradient(140deg,#e3edff,#edf8fa); box-shadow:0 0.8rem 1.8rem rgb(17 33 66 / 9%)} .about-purpose__panel::before{position:absolute; z-index:-1; top:-4rem; right:-4rem; width:13rem; aspect-ratio:1; border:1px solid rgb(0 128 128 / 25%); border-radius:50%; box-shadow:0 0 0 1.2rem rgb(0 128 128 / 4%),0 0 0 2.5rem rgb(0 71 171 / 3%); content:""} .about-purpose__panel h3{margin:0 0 1.25rem; color:#006868; font-size:0.78rem; font-weight:850; letter-spacing:0.13em; text-transform:uppercase} .about-purpose__statement{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.4rem,2.3vw,1.8rem); font-weight:700; line-height:1.3; text-wrap:pretty} .about-purpose__description{margin:1.5rem 0 0; padding-top:1.25rem; border-top:1px solid rgb(0 71 171 / 20%); color:#405278; font-size:1rem; line-height:1.65} .about-purpose__panel--mission{color:#f3f7ff; border-color:#176d79; background:linear-gradient(135deg,#112142,#006868)} .about-purpose__panel--mission::before{border-color:rgb(252 185 0 / 50%); box-shadow:0 0 0 1.2rem rgb(252 185 0 / 5%),0 0 0 2.5rem rgb(199 215 255 / 5%)} .about-purpose__panel--mission h3{color:#ffcf46} .about-purpose__panel--mission .about-purpose__description{color:#dfebf7; border-color:rgb(199 215 255 / 35%)} .about-commitments__intro{max-width:45rem; margin:1.1rem 0 0; color:#405278; font-size:1.06rem; line-height:1.65} .about-commitments__grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:1.8rem 0 0; padding:0; list-style:none} .about-commitments__grid>[data-motion-reveal]{min-width:0} .about-commitments__grid li{padding:1.5rem; border:1px solid #c7d7ff; border-top:3px solid #008080; border-radius:0.8rem; background:#edf3ff; box-shadow:0 0.5rem 1rem rgb(17 33 66 / 6%)} .about-commitments__grid li:nth-child(even){border-top-color:#ff6900; background:#edf8f7} .about-commitments__grid h3{margin:0; color:#112142; font-size:1.15rem; line-height:1.35} .about-commitments__grid p{margin:0.85rem 0 0; color:#405278; font-size:0.97rem; line-height:1.6} @media (max-width:60rem){.about-commitments__grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:40rem){.about-purpose__grid,.about-commitments__grid{grid-template-columns:minmax(0,1fr)}} .story-page__prose a{color:#0047ab; font-weight:750; text-underline-offset:0.18em} .story-page__prose a:hover{color:#008080} .story-page__section-body ul{display:grid; gap:0.7rem; margin:1.2rem 0 0; padding-left:1.2rem} .story-page__section-body li{padding-left:0.2rem; line-height:1.5} .story-page__section-body li::marker{color:#008080} .story-page__offerings{margin-top:clamp(2.5rem,5vw,4rem); padding:clamp(2rem,4vw,3.5rem); border:1px solid #c7d7ff; border-radius:1.2rem; background:linear-gradient(135deg,#112142,#0047ab 62%,#006868); color:#fff} .story-page__offerings>h2{max-width:22ch; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; text-wrap:balance} .story-page__offerings-intro{max-width:46rem; margin:1rem 0 0; color:#e2efff; font-size:1.06rem; line-height:1.65} .story-page__offerings-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.8rem 0 0; padding:0; list-style:none} .story-page__offerings-grid>.scroll-motion{min-width:0} .story-page__offerings-grid li{padding:1.25rem; border:1px solid #c7d7ff; border-top:3px solid #fcb900; border-radius:0.8rem; color:#112142; background:#f3f7ff; box-shadow:0 0.75rem 1.4rem rgb(3 17 43 / 22%)} .story-page__offerings-grid li:nth-child(3n + 2){border-top-color:#ff6900; background:#edf8f7} .story-page__offerings-grid li:nth-child(3n){border-top-color:#008080; background:#e8f1ff} .story-page__offerings-grid h3{margin:0; color:#112142; font-size:1.08rem; line-height:1.35} .story-page__offerings-grid p{margin:0.7rem 0 0; color:#405278; line-height:1.55} .websites-work{margin-top:1rem; padding:clamp(1.5rem,3vw,2.5rem); border-radius:1rem; color:#fff; background:linear-gradient(125deg,#112142,#004b84 70%,#006868)} .websites-work>h2{margin:0; font-family:var(--font-display); font-size:clamp(1.8rem,3.5vw,2.8rem)} .websites-work>p:not(.story-page__eyebrow){max-width:44rem; color:#e4efff; line-height:1.6} .websites-work__row .content-showcase{margin-block:0} .websites-work__row .content-showcase__heading{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap} .websites-work__row .content-showcase__viewport{padding:0.5rem 0 1rem} .websites-work__row .content-showcase__track{gap:0.85rem} .websites-work__row .content-showcase__item{--showcase-card-width:12.5rem; display:grid; align-content:start; gap:0.3rem; min-height:12rem; padding:0.9rem; border:1px solid #c7d7ff; border-top:3px solid #fcb900; border-radius:0.7rem; color:#112142; background:#f8fbff} .websites-work__row .content-showcase__media{display:grid; place-items:center; min-height:4.5rem; padding:0.35rem; border-radius:0.5rem; background:#e9f2ff} .websites-work__row .content-showcase__media img{width:100%; max-width:10rem; height:3.9rem; object-fit:contain} .websites-work__row .content-showcase__item h3{margin:0; font-family:var(--font-display); font-size:1.1rem} .websites-work__row .content-showcase__text{margin:0; color:#405278; font-size:0.78rem} .websites-work__row .content-showcase__actions{margin-top:auto} .websites-work__row .content-showcase__actions a{font-size:0.78rem} .websites-work__row .content-showcase__pause{color:#112142; background:#ffdf68} .websites-work__details{display:inline-flex; align-items:center; gap:0.5rem; margin-top:0.8rem; color:#ffdf68; font-weight:800; text-underline-offset:0.2em} .websites-work__details:hover,.websites-work__details:focus-visible{color:#fff} .story-page--websites .story-page__proof{margin-top:2rem} .story-page--websites .story-page__proof-card{border-top-color:#fcb900} .story-page__shared-note{margin-top:2rem; padding:1.4rem 1.6rem; border-left:4px solid #008080; border-radius:0.5rem; background:#edf8f7} .story-page__shared-note h2{margin:0; font-family:var(--font-display); font-size:clamp(1.5rem,2.5vw,2rem)} .story-page__shared-note>p:last-child{max-width:62rem; margin:0.65rem 0 0; color:#405278; line-height:1.6} .story-page__packages{margin-top:clamp(2.5rem,5vw,4rem)} .story-page__packages>h2{margin:0; color:#112142; font-family:var(--font-display); font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; text-wrap:balance} .story-page__packages-intro{max-width:46rem; margin:1rem 0 1.5rem; color:#405278; line-height:1.65} .story-page__package-chooser{margin:1.5rem 0; padding:1.15rem; border:1px solid #c7d7ff; border-radius:0.8rem; background:#edf8f7} .story-page__package-chooser strong{display:block; margin-bottom:0.7rem; color:#112142} .story-page__package-chooser>div{display:flex; flex-wrap:wrap; gap:0.6rem} .story-page__package-chooser a{display:inline-flex; gap:0.5rem; align-items:center; padding:0.55rem 0.8rem; border:1px solid #008080; border-radius:999px; color:#005d5d; background:#fff; font-weight:700; text-decoration:none} .story-page__package-chooser a:hover,.story-page__package-chooser a:focus-visible{color:#fff; background:#006f6f} .story-page__package-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:stretch} .story-page--tech-advisor .story-page__package-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .focused-header__package-shortcuts:has(>a:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:68rem){.story-page--tech-advisor .story-page__package-grid{grid-template-columns:1fr}} @media (max-width:44rem){.focused-header__package-shortcuts:has(>a:first-child:nth-last-child(2)){grid-template-columns:1fr}} .story-page__package{display:flex; flex-direction:column; min-width:0; padding:1.5rem; border:1px solid #c7d7ff; border-top:4px solid #008080; border-radius:0.9rem; background:#f6f9ff; scroll-margin-top:6rem} .story-page__package--featured{border-top-color:#fcb900; background:#edf8f7} .story-page__package--custom{border-top-color:#0047ab; background:#eef4ff} .story-page__package:target{outline:3px solid #fcb900; outline-offset:3px} .story-page__package-label{align-self:flex-start; margin-bottom:0.6rem; padding:0.3rem 0.55rem; border-radius:0.3rem; color:#112142; background:#ffe078; font-size:0.8rem; font-weight:800} .story-page__package h3{margin:0; color:#112142; font-family:var(--font-display); font-size:1.55rem} .story-page__package-audience{min-height:3.2rem; margin:0.7rem 0 1rem; color:#405278; line-height:1.5} .story-page__package-price{margin:0; padding:0.8rem 0; border-block:1px solid #c7d7ff; color:#405278; line-height:1.5} .story-page__package-price strong{color:#0047ab; font-size:1.6rem} .story-page__package-price span{display:block; color:#112142; font-weight:800} .story-page__package-includes{margin:1rem 0 0; color:#112142; font-weight:800} .story-page__package ul{display:grid; gap:0.7rem; margin:0.8rem 0 1.5rem; padding-left:1.2rem; color:#26395a; line-height:1.45} .story-page__package li::marker{color:#008080} .story-page__package ul.story-page__package-features{padding-left:0; list-style:none} .story-page .collapsible-panel,.services-overview .collapsible-panel,.explore-card .collapsible-panel{background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible} .story-page .collapsible-panel[open],.services-overview .collapsible-panel[open],.explore-card .collapsible-panel[open]{box-shadow:none; border-color:#c7d7ff} .story-page .collapsible-panel[open]>summary,.services-overview .collapsible-panel[open]>summary,.explore-card .collapsible-panel[open]>summary{background:transparent} .story-page .collapsible-panel>summary,.services-overview .collapsible-panel>summary,.explore-card .collapsible-panel>summary{padding:.65rem 0; background:transparent; color:#112142} .story-page .collapsible-panel>summary:hover,.services-overview .collapsible-panel>summary:hover,.explore-card .collapsible-panel>summary:hover{color:#0047ab} .story-page .collapsible-panel>summary:focus-visible,.services-overview .collapsible-panel>summary:focus-visible,.explore-card .collapsible-panel>summary:focus-visible{outline:2px solid #0047ab; outline-offset:4px; border-radius:.2rem} .story-page .collapsible-panel__heading strong,.services-overview .collapsible-panel__heading strong,.explore-card .collapsible-panel__heading strong{font-size:1rem; line-height:1.4} .story-page .collapsible-panel__content,.services-overview .collapsible-panel__content,.explore-card .collapsible-panel__content{padding:.5rem 0 0; background:transparent; border-top:1px solid #c7d7ff} .story-page__package .collapsible-panel{border-bottom:1px solid #c7d7ff} .story-page__package .collapsible-panel__content{border-top:0} .story-page__package .collapsible-panel__content p{margin:0 0 .8rem; color:#405278; font-size:.91rem; line-height:1.55} .story-page__questions .collapsible-panel>summary{color:#fcb900} .story-page__questions .collapsible-panel>summary:hover,.story-page__questions .collapsible-panel>summary:focus-visible{background:transparent; color:#fff} .story-page__questions .collapsible-panel>summary:focus-visible{outline-color:#fcb900} .story-page__questions .collapsible-panel__content p{color:#e2efff; font-size:1rem; line-height:1.65} .services-overview__answer-grid .collapsible-panel>summary{padding:0} .services-overview__answer-grid .collapsible-panel__content{margin-top:.7rem; border-top:0} .services-overview__answer-grid .collapsible-panel__content p{margin:0; color:#405278; line-height:1.6} .explore-card .collapsible-panel{margin-top:.55rem; border-top:1px solid rgb(0 71 171 / 18%)} .explore-card .collapsible-panel__content{border-top:0} .explore-card .collapsible-panel__content p{margin:.35rem 0 .7rem} .explore-card .collapsible-panel__content ul{margin:.35rem 0 .9rem; padding-left:1.2rem} .story-page__questions>h2{margin-bottom:1.5rem} .story-page__package .story-page__action{justify-content:center; margin-top:auto; text-align:center} .story-page__package-scope{max-width:65rem; margin:1rem 0 0; color:#405278; font-size:0.9rem; line-height:1.6} .story-page__package-platform-note{max-width:65rem; margin:0.65rem 0 0; color:#53617b; font-size:0.78rem; line-height:1.55} .story-page__package-platform-note strong{color:#26395a} .story-page__package-extras{margin-top:1.5rem; padding:1.2rem 1.4rem; border-left:4px solid #fcb900; border-radius:0.4rem; background:#eef4ff} .story-page__package-extras h3{margin:0; color:#112142} .story-page__package-extras p{margin:0.5rem 0 0; color:#405278; line-height:1.6} @media (max-width:68rem){.story-page__package-grid{grid-template-columns:minmax(0,1fr)} .story-page__package-audience{min-height:0}} @media (max-width:44rem){.focused-header__package-shortcuts{grid-template-columns:1fr}} @media (max-width:60rem){.story-page__offerings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:40rem){.story-page__offerings-grid{grid-template-columns:minmax(0,1fr)}} .story-page__text-link{display:inline-flex; gap:0.4rem; margin-top:1.2rem; color:#0047ab; font-weight:800; text-underline-offset:0.2rem} .story-page__proof-links{display:flex; flex-wrap:wrap; gap:0.25rem 1.5rem} .story-page__brand-name{display:inline-block; white-space:nowrap} .story-page__brand-mark{display:inline-block; padding:0.08em 0.2em; color:#fff; border-radius:0.15rem; background:#008080; white-space:nowrap} .story-page__form{margin-top:clamp(2.5rem,5vw,4rem); padding:clamp(1.5rem,4vw,3rem); border:1px solid #c7d7ff; border-radius:1.2rem; background:#f3f7ff; box-shadow:0 1rem 2.5rem rgb(17 33 66 / 10%)} .story-page__form-heading{max-width:45rem; margin-bottom:1.5rem} .story-page__form-heading h2{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3rem); line-height:1.1} .story-page__form-heading p:not(.story-page__eyebrow){margin:0.8rem 0 0; color:#405278; line-height:1.6} .story-page__form .essential-form{margin:0; border-color:#c7d7ff; box-shadow:none} .story-page__form-note{margin:1rem 0 0; color:#53617b; font-size:0.88rem; line-height:1.5} .story-page__form-note a{color:#0047ab; font-weight:700} .story-page__proof{margin-top:clamp(2.5rem,5vw,4rem)} .story-page__proof>h2{max-width:25ch; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; text-wrap:balance} .story-page__proof-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.5rem} .story-page__proof-carousel{margin-top:1.5rem} .story-page__proof-controls{display:flex; align-items:center; justify-content:flex-end; gap:0.65rem; margin-bottom:0.8rem} .story-page__proof-controls button{width:2.5rem; height:2.5rem; color:#112142; background:#fff; border:1px solid #c7d7ff; border-radius:50%; box-shadow:0 0.35rem 0.8rem rgb(17 33 66 / 10%); font:inherit; font-size:1.25rem; cursor:pointer} .story-page__proof-controls button:hover,.story-page__proof-controls button:focus-visible{background:#e8f1ff} .story-page__proof-controls span{min-width:3.8rem; color:#53617b; font-size:0.86rem; font-weight:750; text-align:center} .story-page__proof-carousel:not([data-ready]) .story-page__proof-controls,.story-page__proof-carousel:not([data-ready]) .story-page__proof-dots{display:none} .story-page__proof-dots{display:flex; justify-content:center; gap:0.35rem; margin-top:1rem} .story-page__proof-dots button{width:0.7rem; height:0.7rem; padding:0; border:0; border-radius:50%; background:#c7d7ff; cursor:pointer} .story-page__proof-dots button[aria-current="true"]{background:#008080; transform:scale(1.25)} .story-page__proof-card{display:grid; gap:1.2rem; margin:0; padding:1.5rem; border:1px solid #c7d7ff; border-top:3px solid #ff6900; border-radius:0.9rem; background:#f3f7ff; box-shadow:0 0.8rem 1.7rem rgb(17 33 66 / 8%)} .story-page__proof-card:nth-child(even){border-top-color:#008080} .story-page__proof-card blockquote{margin:0; color:#112142; font-family:Georgia,"Times New Roman",serif; font-size:1.15rem; line-height:1.5} .story-page__proof-card figcaption{display:flex; align-items:center; gap:0.7rem; color:#405278} .story-page__proof-avatar{width:2.2rem; height:2.2rem; display:grid; place-items:center; flex:0 0 auto; color:#fff; border-radius:50%; background:#0047ab; font-size:0.72rem; font-weight:850} .story-page__proof-card figcaption>span:last-child{display:grid; gap:0.1rem} .story-page__proof-card small{color:#53617b; font-size:0.82rem} .story-page--clint .story-page__close .story-page__action--secondary{font-size:0.85rem} .story-page__close{margin-bottom:clamp(2rem,5vw,4rem); padding-block:clamp(2.5rem,5vw,4rem); color:#fff; border-radius:1.2rem; background:radial-gradient(circle at 92% 12%,rgb(0 128 128 / 64%),transparent 20rem),linear-gradient(135deg,#112142,#0047ab)} .story-page--clint .story-page__close{position:relative; isolation:isolate; overflow:hidden} .story-page--clint .story-page__close::before{position:absolute; z-index:0; top:50%; right:2%; width:min(23rem,42%); aspect-ratio:1; background:url('/assets/brand/twm-logo.png') center / contain no-repeat; opacity:0.15; transform:translateY(-50%) rotate(-8deg); pointer-events:none; content:""} .story-page--clint .story-page__close-inner{position:relative; z-index:1} .story-page__close-inner{display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:2rem} .story-page__close-image{width:5.5rem; height:5.5rem; border:0.3rem solid #fff; border-radius:50%; object-fit:cover; box-shadow:0 0 0 0.25rem #ff6900} .story-page__close .story-page__eyebrow{color:#a6f3ed} .story-page__close h2{font-size:clamp(1.8rem,3.5vw,3rem)} .story-page__close p:not(.story-page__eyebrow){max-width:43rem; color:#e5efff} .story-page__close .story-page__actions{max-width:17rem; display:grid; margin:0} .story-page__close .story-page__action--secondary{color:#fff; border-color:rgb(255 255 255 / 65%); background:transparent} .story-page__close .story-page__action--secondary:hover{background:rgb(255 255 255 / 12%)} .story-page--clint .story-page__close--wingman{padding-block:clamp(1.75rem,3vw,2.5rem); background:linear-gradient(135deg,#1a3b6c,#112142 72%)} .story-page--clint .story-page__close--wingman::before{inset:0; width:auto; aspect-ratio:auto; background:linear-gradient(rgb(255 255 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 5%) 1px,transparent 1px); background-size:5rem 5rem; opacity:1; transform:none} .story-page__wingman{position:relative; z-index:1; padding-inline:clamp(.5rem,2.5vw,2rem)} .story-page__wingman-intro{position:relative; padding-bottom:1.5rem; border-bottom:3px solid #fcb900} .story-page__wingman-logo{position:absolute; top:0; right:0; width:clamp(4.5rem,9vw,7rem); height:auto} .story-page__wingman-intro .story-page__eyebrow{padding-right:8rem; color:#fcb900; font-family:var(--font-brand); font-size:1rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase} .story-page__wingman-intro h2{margin:.5rem 0 1rem; padding-right:7.5rem; font-size:clamp(2.25rem,4.5vw,3.75rem); line-height:1.1} .story-page__wingman-intro>p:not(.story-page__eyebrow){font-size:1.08rem; line-height:1.65} .story-page__close .story-page__wingman-intro>.story-page__wingman-anchor{max-width:none; margin-top:1.2rem; font-size:1.2rem} .story-page__wingman-intro>p:last-child{margin:0} .story-page__wingman-lanes{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.5rem,4vw,4rem); padding-block:2rem} .story-page__wingman-lane h3{margin:0 0 .6rem; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,2.3vw,2rem)} .story-page__wingman-lane>p{margin:0 0 1rem; color:#fcb900 !important; font-family:Georgia,"Times New Roman",serif; font-size:1.1rem; font-style:italic} .story-page__wingman-lane ul{display:grid; gap:.65rem; margin:0; padding:0; list-style:none} .story-page__wingman-lane li{position:relative; padding-left:1.4rem; font-size:1.05rem; line-height:1.5} .story-page__wingman-lane li::before{position:absolute; left:0; color:#fcb900; content:"•"} .story-page__wingman-cta{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 1.3rem; border-radius:.7rem; color:#112142; background:#fcb900} .story-page__wingman-cta p{margin:0; color:#112142 !important; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1rem,2vw,1.35rem); font-style:italic} .story-page__wingman-cta a{color:#112142; font-weight:800; text-align:right; text-decoration-thickness:2px; text-underline-offset:.2em} .story-page__wingman-cta a:hover{color:#0047ab} @media (max-width:48rem){.story-page__wingman-logo{width:4rem} .story-page__wingman-intro .story-page__eyebrow{padding-right:4.75rem; font-size:.85rem} .story-page__wingman-intro h2{padding-right:0; margin-top:2.25rem} .story-page__wingman-lanes{grid-template-columns:1fr; gap:2rem} .story-page__wingman-cta{align-items:flex-start; flex-direction:column} .story-page__wingman-cta a{text-align:left}} @media (min-width:48.01rem) and (max-width:64rem){.site-header__hero--article .site-header__hero-copy{width:calc(50% + clamp(8px,1.3vw,13px)); padding-inline:clamp(1.25rem,3vw,2rem)} .site-header__hero--article .site-header__hero-copy h1{font-size:clamp(2.5rem,5.8vw,4.4rem)} .site-header__hero--article .site-header__hero-copy::before{right:-2.35rem; width:2.35rem; height:7.5rem} .site-header__hero-article-art{width:min(60%,45rem)}} @media (max-width:48rem){.essential-form__actions button{max-width:100%; white-space:normal} .site-header__hero--contact .site-header__hero-copy{grid-template-columns:1fr} .site-header__hero--contact .site-header__actions{grid-column:1; grid-row:auto; margin-top:1.5rem} .site-header__hero--contact .site-header__actions::before{inset:-2rem -1.4rem} .site-header__hero--contact .site-header__actions::after{inset:-1.15rem -0.75rem} .contact-page .essential-form__fields{grid-template-columns:1fr} .site-header__hero--illustrated .site-header__hero-inner{grid-template-columns:1fr; padding-bottom:1.5rem} .site-header__hero--illustrated h1{font-size:clamp(2.6rem,11vw,4.2rem)} .site-header__hero-brand{font-size:clamp(1.15rem,5vw,1.5rem)} .site-header__hero-art{min-height:14rem; max-height:20rem} .site-header__hero--article .site-header__hero-inner{display:grid; grid-template-columns:1fr; min-height:0; padding-block:clamp(2.5rem,8vw,4rem)} .site-header__hero--article .site-header__hero-copy{position:relative; top:auto; right:auto; bottom:auto; left:auto; width:auto; max-width:none; min-height:0; margin:0; padding:0; display:block; border:0; border-radius:0; background:transparent; box-shadow:none} .site-header__hero--article .site-header__hero-copy::before{display:none} .site-header__hero-article-art{position:relative; inset:auto; width:auto; min-height:16rem; max-height:22rem; margin-top:1.5rem; border-left:1px solid rgb(199 215 255 / 38%); border-radius:0.7rem; overflow:hidden; transform:none; will-change:auto} .site-header__hero-article-art::before{inset:0 auto 0 0; width:11%} .site-header__hero-article-art::after{background:linear-gradient(0deg,#112142 0%,rgb(17 33 66 / 52%) 24%,transparent 72%)} .site-header__hero-article-envelope{display:none} .site-header__hero-art img{max-width:19rem} .focused-header__bar{grid-template-columns:minmax(0,1fr) auto; gap:0.25rem 0.75rem; padding-block:0.8rem} .focused-header__brand{font-size:0.88rem} .focused-header__brand img{width:2.25rem; height:2.25rem} .focused-header__slogan{grid-column:1 / -1; grid-row:2; font-size:0.94rem} .focused-header__hero-inner--illustrated{grid-template-columns:1fr; padding-bottom:1rem} .focused-header__art{min-height:14rem; max-height:18rem} .focused-header__art img{max-width:22rem} .story-page__with-subnav{grid-template-columns:1fr; gap:0} .story-page__subnav{position:static; margin-top:1rem} .story-page__intro,.story-page__section,.story-page__close-inner{grid-template-columns:1fr} .story-page__intro{padding-top:3rem} .story-page__visual{width:min(100%,32rem); justify-self:center} .story-page__visual img{height:auto; aspect-ratio:16 / 10} .story-page__visual-overlay{top:22%; width:min(45%,13rem)} .story-page__visual-overlay strong{font-size:clamp(1.1rem,4vw,1.6rem)} .story-page__section{padding:2rem 1.2rem} .story-page__close{border-radius:0.7rem} .story-page__close .story-page__actions{max-width:none} .story-page__close-image{width:4.5rem; height:4.5rem} .story-page__proof-grid{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.site-header__hero--contact .site-header__actions::before,.site-header__hero--contact .site-header__actions::after{transition:none} .site-header__hero-art img{animation:none} .focused-header__art img{animation:none} .site-header__hero-article-art{transform:none; will-change:auto}} .home-page main{width:100%; max-width:none} .home-page .site-header__promise{display:none} .home-experience{--home-navy:#07152f; --home-navy-soft:#112142; --home-blue:#0047ab; --home-blue-bright:#315fd8; --home-teal:#008080; --home-orange:#ff6900; --home-gold:#fcb900; --home-ice:#eef4ff; --home-ink:#112142; --home-muted:#52627d; --home-line:#c7d7ff; overflow:clip; color:var(--home-ink)} .home-experience h1,.home-experience h2,.home-experience h3,.home-experience p{text-wrap:pretty} .home-experience h1,.home-experience h2,.home-experience h3{line-height:1.04} .home-eyebrow{margin:0 0 1rem; color:var(--home-teal); font-size:0.76rem; font-weight:850; letter-spacing:0.14em; text-transform:uppercase} .home-eyebrow span{display:inline-block; width:1.8rem; height:0.14rem; margin:0 0.55rem 0.2rem 0; background:currentcolor} .home-eyebrow--light{color:#9ee9ed} .home-hero{position:relative; min-height:min(58rem,calc(100svh - 5.5rem)); overflow:hidden; color:#fff; background:#112142} .home-hero__flight,.home-hero__veil{position:absolute; inset:0} .home-hero__flight{width:100%; height:100%; object-fit:cover; object-position:center} .home-hero__veil{z-index:1; background:linear-gradient(90deg,rgb(5 18 43 / 85%) 0%,rgb(5 18 43 / 72%) 33%,rgb(5 18 43 / 10%) 64%,transparent 83%),linear-gradient(0deg,rgb(5 18 43 / 28%),transparent 36%); pointer-events:none} .home-hero .content-container{position:relative; z-index:2} .home-hero__grid{min-height:min(58rem,calc(100svh - 5.5rem)); display:grid; grid-template-columns:minmax(0,1.08fr) minmax(18rem,0.92fr); align-items:center; gap:clamp(2rem,6vw,6rem); padding-block:clamp(4.5rem,8vw,6.5rem)} .home-hero__copy{position:relative; z-index:3; min-width:0; max-width:49rem; padding:clamp(1.2rem,2.5vw,2rem) 0} .home-hero__brand{margin:0 0 clamp(2.5rem,7vh,5rem); color:#f8fbff; font-family:var(--font-brand); font-size:clamp(1.2rem,2.1vw,1.75rem); font-weight:700; letter-spacing:-0.035em; white-space:nowrap} .home-hero__brand-accessible{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap} .home-hero__brand-shade{padding:0.03em 0.12em 0.08em; color:#fff; background:#008080} .home-hero h1{max-width:12ch; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3.6rem,6vw,5.8rem); font-weight:600; letter-spacing:-0.055em} .home-hero__lede{max-width:44rem; margin:1.6rem 0 0; color:#dbe7ff; font-size:clamp(1.02rem,1.8vw,1.28rem); line-height:1.55} .home-actions{display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-top:2rem} .home-button{min-height:3rem; display:inline-flex; align-items:center; justify-content:center; padding:0.72rem 1.15rem; border-radius:0.65rem; font-weight:800; text-decoration:none} .home-button--primary{color:var(--home-navy); background:var(--home-gold); border:1px solid var(--home-gold); box-shadow:0 1rem 2.5rem rgb(4 13 32 / 28%)} .home-button--primary:hover,.home-button--primary:focus-visible{background:#ffcf40; border-color:#ffcf40} .home-text-link{color:var(--home-blue); font-weight:800; text-underline-offset:0.22em} .home-text-link--light{color:#fff} .home-text-link span{display:inline-block; transition:transform 160ms ease} .home-text-link:hover span{transform:translateX(0.25rem)} .home-hero__signals{display:flex; flex-wrap:wrap; gap:0.55rem; margin:3rem 0 0; padding:1.25rem 0 0; border-top:1px solid rgb(255 255 255 / 18%); list-style:none} .home-hero__signals li{padding:0.38rem 0.65rem; color:#c8d8f5; background:rgb(255 255 255 / 8%); border:1px solid rgb(255 255 255 / 14%); border-radius:999px; font-size:0.72rem; font-weight:750} .home-hero__continue{position:absolute; z-index:3; bottom:1.5rem; left:50%; display:inline-flex; align-items:center; gap:0.75rem; color:rgb(255 255 255 / 84%); font-size:0.76rem; font-weight:800; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase; transform:translateX(-50%)} .home-hero__continue span:last-child{display:grid; width:2rem; height:2rem; place-items:center; border:1px solid rgb(255 255 255 / 48%); border-radius:50%} .home-flight-line{display:grid; grid-template-columns:repeat(3,1fr); color:#fff; background:var(--home-teal)} .home-flight-line p{margin:0; padding:1rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(0.95rem,1.5vw,1.15rem); text-align:center} .home-flight-line p + p{border-left:1px solid rgb(255 255 255 / 28%)} .home-section{padding-block:clamp(5rem,10vw,8rem)} .home-section__heading{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(18rem,0.8fr); align-items:end; gap:clamp(2rem,6vw,5rem); margin-bottom:3rem} .home-section__heading h2,.home-value__intro h2,.home-useful__intro h2,.home-trust__statement h2,.home-network__intro h2,.home-cta h2{max-width:16ch; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.6rem,5vw,5rem); font-weight:600; letter-spacing:-0.045em} .home-section__heading>p,.home-network__intro>p:last-child{margin:0; color:var(--home-muted); font-size:1.05rem; line-height:1.65} .home-challenge{background:#fff} .home-challenge__aside{display:grid; justify-items:end; align-content:end; gap:0.4rem} .home-challenge__aside img{display:block; width:min(100%,20rem); height:auto; max-height:15rem; object-fit:contain} .home-challenge__aside p{max-width:27rem; margin:0; color:var(--home-muted); font-size:1.05rem; line-height:1.65} .home-challenge__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.15rem} .home-challenge__grid article{min-height:22rem; padding:clamp(1.5rem,3vw,2.2rem); background:linear-gradient(155deg,#fff,var(--home-ice)); border:1px solid var(--home-line); border-radius:1.35rem; box-shadow:0 0.55rem 1.15rem rgb(17 33 66 / 11%),0 1.9rem 3.6rem rgb(17 33 66 / 10%)} .home-challenge__grid article>span{color:var(--home-orange); font-size:0.75rem; font-weight:900; letter-spacing:0.14em} .home-challenge__grid h3{margin:5rem 0 1rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.65rem,2.6vw,2.3rem)} .home-challenge__grid p{color:var(--home-muted); line-height:1.65} .home-challenge__action{display:inline-flex; align-items:center; gap:.5rem; margin-top:.75rem; color:#0047ab; font-weight:800; text-underline-offset:.22rem} .home-challenge__action:hover,.home-challenge__action:focus-visible{color:#006b6b} .home-value{color:#fff; background-color:var(--home-navy); background-image:linear-gradient(180deg,rgb(7 21 47 / 23%) 0%,rgb(7 21 47 / 58%) 44%,#07152f 100%),url("/assets/brand/twm-two-ways.webp"); background-position:center top; background-size:cover} .home-value__intro{max-width:62rem; margin-bottom:3.5rem} .home-value__intro h2{max-width:18ch} .home-value__intro>p:last-child{max-width:54rem; color:#cbd9f2; font-size:1.12rem; line-height:1.7} .home-value__brand{color:#fff; font-weight:750; white-space:nowrap} .home-value__lanes{display:grid; grid-template-columns:1fr 1fr; gap:1.25rem} .home-value__lanes article{position:relative; min-height:25rem; display:flex; flex-direction:column; padding:clamp(1.6rem,4vw,3rem); background:linear-gradient(150deg,#1457bd,#063c8a); border:1px solid rgb(199 215 255 / 52%); border-top:0.3rem solid var(--home-gold); border-radius:1.5rem; box-shadow:0 1.5rem 3rem rgb(0 6 23 / 42%),0 0.35rem 0.8rem rgb(0 6 23 / 26%)} .home-value__logo{position:absolute; top:1.5rem; right:1.5rem; width:4.25rem; height:4.25rem; padding:0.45rem; border:1px solid rgb(255 255 255 / 65%); border-radius:1rem; background:#dbe9ff; box-shadow:0 0.5rem 1rem rgb(0 16 47 / 19%); object-fit:contain} .home-value__lanes article:last-child{background:linear-gradient(145deg,#087f81,#005e68); border-top-color:var(--home-orange)} .home-value__label{margin:0; color:#9ee9ed; font-size:0.75rem; font-weight:850; letter-spacing:0.14em; text-transform:uppercase} .home-value__lanes h3{margin:4rem 0 1rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,3.5vw,3.25rem)} .home-value__lanes article>p:not(.home-value__label){color:#ecf4ff; line-height:1.7} .home-value__lanes a{width:fit-content; margin-top:auto; color:#ffdb62; font-weight:850; text-decoration-thickness:0.12em; text-underline-offset:0.28em} .home-value__lanes a:hover,.home-value__lanes a:focus-visible{color:#fff2aa} .home-useful{padding-block:clamp(3.75rem,7vw,5.75rem); color:#fff; background:radial-gradient(circle at 92% 8%,rgb(252 185 0 / 18%),transparent 22rem),linear-gradient(135deg,#075f67,#087f81 56%,#075c69)} .home-useful__intro{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr); gap:.8rem clamp(2rem,7vw,6rem); align-items:center; margin-bottom:2.4rem} .home-useful__intro .home-eyebrow{grid-column:1 / -1} .home-useful__copy h2{max-width:15ch; color:#fff} .home-useful__copy>p{max-width:39rem; margin:1.25rem 0 0; color:#d7f5f2; font-size:1.08rem; line-height:1.65} .home-useful__intro>.scroll-motion{justify-self:end; width:min(100%,22rem)} .home-useful__visual-link{display:block; border-radius:1.35rem} .home-useful__visual-link:focus-visible{outline:.2rem solid #ffdc61; outline-offset:.35rem} .home-useful__visual{margin:0; padding:.55rem; border:.22rem solid #ff9b47; border-radius:1.35rem; background:#102653; box-shadow:.8rem .9rem 0 rgb(17 33 66 / 28%),0 1.4rem 2.8rem rgb(0 35 48 / 32%)} .home-useful__visual img{display:block; width:100%; height:auto; border-radius:.8rem} .home-useful__links{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid rgb(255 255 255 / 31%)} .home-useful__links a{position:relative; min-width:0; padding:1.7rem 3rem 1.7rem 0; color:#fff; text-decoration:none} .home-useful__links a + a{padding-left:1.7rem; border-left:1px solid rgb(255 255 255 / 31%)} .home-useful__links a>span{color:#ffdc61; font-size:1.08rem; font-weight:900} .home-useful__links a p{margin:.55rem 0 0; color:#e2f6f4; line-height:1.55} .home-useful__links a strong{position:absolute; right:1rem; bottom:1.55rem; color:#ffbd3f; font-size:1.45rem; transition:transform 180ms ease} .home-useful__links a:hover>span,.home-useful__links a:focus-visible>span{color:#fff} .home-useful__links a:hover strong,.home-useful__links a:focus-visible strong{transform:translateX(.3rem)} .home-proof{background:radial-gradient(circle at 94% 5%,rgb(0 128 128 / 11%),transparent 28rem),radial-gradient(circle at 8% 94%,rgb(0 71 171 / 8%),transparent 31rem),linear-gradient(145deg,#f6faff,#fffaf1)} .home-proof__voices{margin-top:clamp(2.5rem,5vw,4rem)} .home-proof__row-heading,.home-proof__work-heading{display:flex; justify-content:space-between; align-items:end; gap:1rem} .home-proof__row-heading{margin-bottom:1.25rem} .home-proof__row-heading h3,.home-proof__work-heading h3{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,2.6vw,2.15rem)} .home-proof__controls{display:flex; align-items:center; gap:0.65rem; white-space:nowrap} .home-proof__voices:not([data-ready]) .home-proof__controls,.home-proof__voices:not([data-ready]) .home-proof__dots{display:none} .home-proof__controls button{width:2.75rem; height:2.75rem; color:var(--home-ink); background:#fff; border:1px solid var(--home-line); border-radius:50%; box-shadow:0 0.4rem 0.9rem rgb(17 33 66 / 10%); font:inherit; font-size:1.4rem; cursor:pointer} .home-proof__controls button:hover,.home-proof__controls button:focus-visible{background:#dfeaff} .home-proof__controls span{min-width:5.7rem; text-align:center; font-size:0.86rem; font-weight:750} .home-proof__quote-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem} .home-proof__quote{min-width:0; margin:0; display:flex; flex-direction:column; padding:clamp(1.4rem,2.5vw,2rem); color:var(--home-ink); background:#fff; border:1px solid #d8e5f5; border-top:0.26rem solid var(--home-teal); border-radius:1.1rem; box-shadow:0 1.1rem 2.7rem rgb(17 33 66 / 13%)} .home-proof__quote[hidden]{display:none} .home-proof__quote::before{content:"“"; height:2rem; color:var(--home-orange); font-family:Georgia,"Times New Roman",serif; font-size:4rem; line-height:0.85} .home-proof__quote blockquote{margin:0 0 1.75rem; font-size:1.02rem; line-height:1.62} .home-proof__quote figcaption{display:flex; align-items:center; gap:0.8rem; margin-top:auto} .home-proof__avatar{flex:0 0 2.7rem; width:2.7rem; height:2.7rem; display:grid; place-items:center; color:#fff; background:var(--home-teal); border-radius:50%; font-size:0.78rem; font-weight:850; letter-spacing:0.03em} .home-proof__person{display:grid; gap:0.08rem; line-height:1.35} .home-proof__person strong{font-size:0.93rem} .home-proof__person>span{color:var(--home-muted); font-size:0.82rem} .home-proof__dots{display:flex; justify-content:center; gap:0.15rem; max-width:100%; margin:1.15rem auto 0; overflow-x:auto} .home-proof__dots button{flex:0 0 1.35rem; width:1.35rem; height:1.8rem; display:grid; place-items:center; padding:0; background:none; border:0; cursor:pointer} .home-proof__dots button::before{content:""; width:0.6rem; height:0.6rem; background:#93a4c0; border-radius:50%} .home-proof__dots button[aria-current="true"]::before{background:var(--home-orange); transform:scale(1.35)} .home-proof__dots button:focus-visible{outline:2px solid var(--home-blue); outline-offset:1px} .home-proof__network-link{width:fit-content; margin-top:1.4rem} .home-proof__work-heading{margin-top:clamp(3.5rem,7vw,5.5rem); margin-bottom:1.25rem} .home-page .home-proof .content-showcase{margin-block:0} .home-page .home-proof .content-showcase__heading{display:none} .home-page .home-proof .content-showcase__item{position:relative; min-height:24rem; display:flex; flex-direction:column; padding:clamp(1.5rem,2.5vw,2rem); color:#fff; background:linear-gradient(155deg,#174c9e,#0b285a); border:1px solid rgb(255 255 255 / 28%); border-top:0.28rem solid var(--home-gold); border-radius:1.15rem; box-shadow:0 1.25rem 2.8rem rgb(17 33 66 / 20%)} .home-page .home-proof .content-showcase__item:nth-child(2){background:linear-gradient(145deg,#122f69,#102043); border-top-color:var(--home-orange)} .home-page .home-proof .content-showcase__item:nth-child(3){background:linear-gradient(145deg,#0b8585,#075668); border-top-color:var(--home-gold)} .home-page .home-proof .content-showcase__media{position:absolute; top:1.45rem; right:1.45rem; min-height:0; margin:0} .home-page .home-proof .content-showcase__media img{width:3.3rem; height:3.3rem; object-fit:contain} .home-page .home-proof .content-showcase__item:nth-child(1) .content-showcase__media img{border-radius:0.65rem; background:#fff} .home-page .home-proof .content-showcase__item:nth-child(2) .content-showcase__media img{filter:invert(1)} .home-page .home-proof .content-showcase__item:nth-child(3) .content-showcase__media img{width:4rem; height:4rem} .home-page .home-proof .content-showcase__badges{max-width:calc(100% - 4.5rem)} .home-page .home-proof .content-showcase__badges li{color:#fff; background:rgb(255 255 255 / 13%); border:1px solid rgb(255 255 255 / 20%)} .home-page .home-proof .content-showcase__eyebrow{color:#ffda70} .home-page .home-proof .content-showcase__item h3{font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.6rem,2.1vw,2rem)} .home-page .home-proof .content-showcase__text{color:#ecf3ff; line-height:1.6} .home-page .home-proof .content-showcase__actions{margin-top:auto; padding-top:1rem} .home-page .home-proof .content-showcase__actions a{color:var(--home-ink); background:var(--home-gold); border-color:var(--home-gold)} .home-page .home-proof .content-showcase__actions a:hover,.home-page .home-proof .content-showcase__actions a:focus-visible{background:#ffdf68} .home-network{color:#fff; background:linear-gradient(90deg,rgb(0 94 104 / 94%) 0%,rgb(0 94 104 / 87%) 43%,rgb(0 94 104 / 35%) 100%),url("/assets/brand/twm-wing-network.webp") right top / cover no-repeat,#005e68} .home-network__intro{max-width:52rem; margin-bottom:2rem} .home-network__intro .home-eyebrow{color:#bff7f2} .home-network__intro h2{max-width:none} .home-network__intro>p:last-child{margin-top:1rem; color:#d6fffb} .home-network__link{display:inline-flex; gap:.35rem; margin-left:.35rem; color:#ffcf46; font-weight:800; text-underline-offset:.2em} .home-network__stage{position:relative; padding:0.45rem 0 0} .home-page .home-network .content-showcase{margin-block:0; color:#fff} .home-network__row + .home-network__row{margin-top:0.8rem} .home-page .home-network .content-showcase__heading{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap} .home-page .home-network .content-showcase__heading:focus-within{position:static; width:auto; height:auto; overflow:visible; clip-path:none} .home-page .home-network .content-showcase__heading>div{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap} .home-page .home-network .content-showcase__viewport{padding:0.45rem 1rem 1.4rem; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .home-page .home-network .content-showcase__track{gap:1rem} .home-page .home-network .content-showcase__item{--showcase-card-width:12.75rem; position:relative; min-height:12rem; display:grid; align-content:start; gap:0.16rem; overflow:hidden; padding:0.85rem; color:var(--home-ink); background:#f8fbff; border:1px solid #d5e4ff; box-shadow:0 1rem 1.8rem rgb(3 31 55 / 22%),0 0.2rem 0.45rem rgb(3 31 55 / 12%)} .home-page .home-network .content-showcase__item::before,.home-page .home-network .content-showcase__item::after{position:absolute; border-radius:50%; content:""; pointer-events:none} .home-page .home-network .content-showcase__item::before{width:5rem; height:5rem; top:-2.5rem; right:-1.25rem; background:#0055b5} .home-page .home-network .content-showcase__item::after{width:3.3rem; height:3.3rem; top:-1.9rem; right:-1.75rem; background:#ff8a17} .home-page .home-network .content-showcase__media{position:relative; z-index:1; min-height:4.5rem; margin:0 0 0.3rem; padding:0.35rem; border-radius:0.75rem; background:#e9f2ff} .home-page .home-network .content-showcase__media img{width:100%; max-width:10rem; height:3.9rem; object-fit:contain} .home-page .home-network .content-showcase__media img[src$="network-abs.png"]{border-radius:0.4rem; background:#314c65} .home-page .home-network .content-showcase__item h3{position:relative; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:1.12rem} .home-page .home-network .content-showcase__text{position:relative; margin:0; color:#52627d; font-size:0.74rem; line-height:1.4} .home-page .home-network .content-showcase__actions{justify-content:center; margin-top:auto} .home-page .home-network .content-showcase__actions a{min-height:1.55rem; padding:0.15rem 0.45rem; font-size:0.68rem} .home-page .home-network .content-showcase__actions a::after{position:absolute; z-index:3; inset:0; content:""} .home-page .home-network .content-showcase__item:has(.content-showcase__actions a){cursor:pointer} .home-page .home-network .content-showcase__item:has(.content-showcase__actions a):hover,.home-page .home-network .content-showcase__item:focus-within{border-color:#ffb024; box-shadow:0 1.15rem 2rem rgb(3 31 55 / 32%),0 0 0 2px #ffb024} .home-page .home-network .content-showcase__item:focus-within .content-showcase__actions a{outline:2px solid #0047ab; outline-offset:2px} .home-page .home-network .content-showcase__pause{min-height:2rem; padding:0.25rem 0.75rem; color:#fff; background:rgb(0 32 56 / 35%); border-color:rgb(255 255 255 / 55%); font-size:0.78rem} .home-flight-echo{position:relative; isolation:isolate; min-height:clamp(9rem,16vw,13rem); display:grid; place-items:center; overflow:hidden; color:#fff; background:#112142} .home-flight-echo #home-flight-echo-motion{position:absolute; inset:-7rem 0} .home-flight-echo #home-flight-echo-motion .scroll-motion__target{width:100%; height:100%} .home-flight-echo #home-flight-echo-motion.is-scroll-motion-ready .scroll-motion__target{transform:translate3d(var(--scroll-motion-x,0),calc(var(--scroll-motion-y,0px) + var(--scroll-motion-y,0px)),0 ) scale(var(--scroll-motion-scale,1)) rotate(var(--scroll-motion-rotate,0deg)) skewX(var(--scroll-motion-skew,0deg))} .home-flight-echo img{width:100%; height:100%} .home-flight-echo img{display:block; object-fit:cover; object-position:center; filter:saturate(0.78) contrast(0.96) brightness(0.9); opacity:0.62} .home-flight-echo__veil{position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgb(7 21 47 / 42%),rgb(7 21 47 / 10%) 68%),linear-gradient(0deg,rgb(7 21 47 / 16%),transparent 60%); pointer-events:none} .home-flight-echo p{width:auto; margin:0; font-family:var(--font-brand); font-size:clamp(1.2rem,2.4vw,1.75rem); font-weight:700; letter-spacing:0.08em; line-height:1.05; opacity:0.88; text-shadow:-0.13em 0.07em 0 rgb(0 128 128 / 58%),0.13em -0.05em 0 rgb(255 105 0 / 48%),0 0.22em 0.8em rgb(4 14 34 / 92%)} .home-flight-echo #home-flight-echo-copy-motion{position:relative; z-index:2} .home-flight-echo p::before,.home-flight-echo p::after{color:#fcb900; font-style:normal; content:"✦"} .home-flight-echo p::before{margin-right:0.65rem} .home-flight-echo p::after{margin-left:0.65rem} .home-cta{color:#fff; background:radial-gradient(circle at 15% 120%,rgb(0 128 128 / 55%),transparent 30rem),linear-gradient(135deg,#112142,#0047ab)} .home-cta__grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(20rem,0.95fr); grid-template-areas:"copy profile" "actions profile"; grid-template-rows:auto auto; align-items:center; column-gap:clamp(2rem,7vw,7rem); row-gap:1.5rem} .home-cta h2{max-width:12ch} .home-cta__copy{grid-area:copy; align-self:end} .home-cta__actions{grid-area:actions; align-self:start} .home-cta__copy>p:not(.home-eyebrow){max-width:35rem; margin:1.6rem 0; color:#e4edff; font-size:1.08rem; line-height:1.7} .home-cta #home-cta-profile-motion{grid-area:profile; width:100%} .home-cta #home-cta-profile-motion .scroll-motion__target{transition:transform 0.45s ease} .home-cta #home-cta-profile-motion.is-scroll-motion-ready .home-cta__profile{transform:rotate(-1.5deg); transition:transform 0.45s ease} .home-cta #home-cta-profile-motion.is-scroll-motion-ready.is-profile-focused>.scroll-motion__target,.home-cta #home-cta-profile-motion.is-scroll-motion-ready.is-profile-focused .home-cta__profile{transform:none} .home-cta__profile{position:relative; isolation:isolate; display:grid; justify-items:center; gap:1rem; overflow:hidden; padding:2rem clamp(1.2rem,3vw,2rem) 2.3rem; color:#112142; border:2px solid rgb(255 255 255 / 75%); border-radius:1.5rem; background:radial-gradient(circle at 84% 6%,transparent 0 5.9rem,rgb(0 71 171 / 13%) 6rem 6.15rem,transparent 6.25rem),linear-gradient(116deg,#112142 0 8%,#0047ab 8% 12%,#c7d7ff 12% 100%); box-shadow:0 1.8rem 3.5rem rgb(5 17 40 / 32%); text-align:center} .home-cta__profile::after{position:absolute; right:0; bottom:0; left:0; height:0.45rem; background:linear-gradient(90deg,#008080,#0047ab,#ff6900,#fcb900); content:""} .home-cta__portrait{width:10rem; height:10rem; border:0.4rem solid #fff; border-radius:50%; box-shadow:0 0 0 0.3rem #ff6900,0 1rem 2rem rgb(17 33 66 / 20%); background:#ffcf69} .home-cta__portrait img{width:100%; height:100%; border-radius:50%; object-fit:cover} .home-cta__identity{min-width:0} .home-cta__name{margin:0 0 0.85rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,2.5vw,2.3rem); font-weight:700} .home-cta__role{margin:0.5rem 0 0; line-height:1.35} .home-cta__role strong{color:#112142; font-size:0.96rem} .home-cta__role:first-of-type strong{color:#0047ab} .home-cta__profile-link{display:inline-flex; gap:0.35rem; margin-top:1.25rem; color:#9f3800; font-size:0.9rem; font-weight:800; text-underline-offset:0.22rem} .home-cta__profile-link:hover,.home-cta__profile-link:focus-visible{color:#682600} @media (max-width:70rem){.home-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(10rem,0.92fr)} .home-hero__copy{max-width:52rem} .home-section__heading,.home-cta__grid{grid-template-columns:1fr} .home-cta__grid{grid-template-areas:"copy" "profile" "actions"} .home-cta #home-cta-profile-motion{width:min(100%,34rem); justify-self:center}} @media (max-width:48rem){.home-network{background:linear-gradient(90deg,rgb(0 94 104 / 91%),rgb(0 94 104 / 72%)),url("/assets/brand/twm-wing-network.webp") 72% top / cover no-repeat,#005e68} .home-hero,.home-hero__grid{min-height:0} .home-hero__flight{object-position:64% center} .home-hero__veil{background:linear-gradient(90deg,rgb(5 18 43 / 89%) 0%,rgb(5 18 43 / 71%) 58%,rgb(5 18 43 / 26%) 100%)} .home-hero__grid{grid-template-columns:1fr; padding-block:4rem 7rem} .home-hero h1{max-width:100%; font-size:clamp(2.65rem,10.5vw,4.25rem); overflow-wrap:break-word} .home-flight-line{grid-template-columns:1fr; padding-block:0.5rem} .home-flight-line p{padding:0.65rem 1rem} .home-flight-line p + p{border-top:1px solid rgb(255 255 255 / 24%); border-left:0} .home-section__heading{grid-template-columns:1fr; gap:1.2rem} .home-challenge__grid,.home-value__lanes{grid-template-columns:1fr} .home-challenge__grid article{min-height:0} .home-challenge__grid h3{margin-top:2.5rem} .home-value{background-image:linear-gradient(180deg,rgb(7 21 47 / 58%) 0%,rgb(7 21 47 / 73%) 42%,#07152f 100%),url("/assets/brand/twm-two-ways.webp"); background-position:63% top} .home-value__lanes article{min-height:22rem} .home-flight-echo{min-height:9rem} .home-flight-echo__veil{background:linear-gradient(90deg,rgb(7 21 47 / 76%),rgb(7 21 47 / 25%))} .home-flight-echo p{margin:0; font-size:1.3rem} .home-proof__row-heading,.home-proof__work-heading{align-items:flex-start; flex-direction:column} .home-proof__quote-grid{grid-template-columns:1fr} .home-proof__dots{justify-content:flex-start} .home-actions{align-items:stretch; flex-direction:column} .home-actions a{text-align:center}} @media (max-width:30rem){.home-hero__signals{display:grid} .home-hero__flight{object-position:69% center} .home-hero__brand{margin-bottom:3rem} .home-hero__continue{width:max-content; max-width:calc(100% - 2rem)} .home-section{padding-block:4.5rem}} @media (prefers-reduced-motion:reduce){.home-text-link span{transition:none} .home-text-link:hover span{transform:none} .home-flight-echo #home-flight-echo-motion .scroll-motion__target,.home-flight-echo #home-flight-echo-copy-motion .scroll-motion__target{transform:none !important} .home-cta #home-cta-profile-motion .scroll-motion__target,.home-cta #home-cta-profile-motion .home-cta__profile{transform:none !important; transition:none}} .explore-page{color:#112142; background:#eaf0ff; padding:clamp(2rem,5vw,4rem) 0} .site-header__hero--explore .site-header__hero-art img{aspect-ratio:1; object-fit:cover; border-radius:50%; mask-image:radial-gradient(circle,#000 59%,transparent 72%)} .site-header__hero--explore .site-header__hero-art img[src$=".svg"]{background:#c7d7ff; padding:2.5rem; object-fit:contain; mask-image:none} .site-header__hero-art--suite{min-height:30rem} .site-header__hero-art--suite .site-header__hero-suite-mark{position:absolute; width:clamp(7rem,13vw,10.5rem); height:clamp(7rem,13vw,10.5rem); padding:1rem; object-fit:contain; border:2px solid rgb(199 215 255 / 76%); border-radius:1.25rem; background:rgb(240 245 255 / 94%); box-shadow:0 1.1rem 2rem rgb(3 12 35 / 30%); mask-image:none; transition:translate 150ms ease-out} .site-header__hero-art--suite .site-header__hero-suite-mark--1{top:8%; left:12%; transform:rotate(-8deg)} .site-header__hero-art--suite .site-header__hero-suite-mark--2{top:20%; right:8%; transform:rotate(7deg); animation-delay:-1.8s} .site-header__hero-art--suite .site-header__hero-suite-mark--3{bottom:10%; left:20%; transform:rotate(6deg); animation-delay:-3.4s} .site-header__hero-art--suite .site-header__hero-suite-mark--4{right:17%; bottom:5%; transform:rotate(-7deg); animation-delay:-5.1s} .site-header__hero-art--suite .site-header__hero-suite-mark--5{top:46%; left:4%; transform:rotate(-5deg); animation-delay:-2.4s} .site-header__hero-art--suite .site-header__hero-suite-mark--6{right:2%; bottom:35%; transform:rotate(5deg); animation-delay:-4.4s} .site-header__hero-art--suite .site-header__hero-suite-mark--7{top:39%; left:35%; width:clamp(5.25rem,9vw,7rem); height:clamp(5.25rem,9vw,7rem); transform:rotate(-4deg); animation-delay:-2.9s} .site-header__hero-art--suite .site-header__hero-suite-mark--8{right:31%; bottom:26%; width:clamp(4.75rem,8vw,6.25rem); height:clamp(4.75rem,8vw,6.25rem); transform:rotate(8deg); animation-delay:-5.8s} .site-header__hero-art--suite .site-header__hero-suite-mark--9{right:49%; bottom:5%; width:clamp(4.8rem,8vw,6.3rem); height:clamp(4.8rem,8vw,6.3rem); transform:rotate(-7deg); animation-delay:-1.2s} .site-header__hero-art--suite .site-header__hero-suite-mark--10{top:57%; left:54%; width:clamp(4.6rem,7.5vw,5.8rem); height:clamp(4.6rem,7.5vw,5.8rem); transform:rotate(6deg); animation-delay:-4.8s} .site-header__hero-art--circle .site-header__hero-suite-mark{border-radius:50%; padding:1.2rem} .site-header__hero-art--circle .site-header__hero-suite-mark--9{right:43%; bottom:2%; padding:.35rem; border-color:#c8f169; background:#10251f; box-shadow:0 0 0 .35rem rgb(200 241 105 / 16%),0 1.1rem 2rem rgb(3 12 35 / 38%)} .site-header__hero-art--circle .site-header__hero-suite-mark--2{top:16%; right:3%; width:clamp(6.5rem,10.5vw,8.7rem); height:clamp(6.5rem,10.5vw,8.7rem)} .site-header__hero-brand--bdw{gap:0; letter-spacing:-0.055em} .site-header__brand-part--blue,.explore-card__brand-part--blue{color:#c7d7ff} .site-header__brand-part--orange,.explore-card__brand-part--orange{color:#ff9b47} .explore-card__brand{margin:.4rem 0; color:#0047ab; font-size:1.4rem; line-height:1.25; letter-spacing:-0.035em} .explore-card__brand-part--blue{color:#0047ab} .explore-card__brand-part--orange{color:#ff6900} .explore-page .content-container{max-width:82rem} .explore-page__shell{display:grid; grid-template-columns:13rem minmax(0,1fr); align-items:start; gap:clamp(1.5rem,3vw,3rem)} .explore-page__main{min-width:0} .explore-page .story-page__subnav{background:#dce9fa; border-radius:0 1rem 1rem 0; max-height:calc(100svh - 3rem); overflow-y:auto} .explore-page .story-page__subnav p{font-size:.875rem; letter-spacing:.06em} .explore-page h2{margin:0 0 1rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.15; text-wrap:balance} .explore-section__brand{margin:0 0 .55rem; font-size:clamp(1.3rem,2vw,1.8rem); font-weight:850; letter-spacing:-.04em; line-height:1} .explore-inline-brand--blue{color:#0047ab} .explore-inline-brand--orange{color:#ff6900} .explore-section--dark .explore-inline-brand--blue,.explore-close .explore-inline-brand--blue{color:#c7d7ff} .explore-section--dark .explore-inline-brand--orange,.explore-close .explore-inline-brand--orange{color:#ff9b47} .explore-page p,.explore-page li{line-height:1.65} .explore-page__intro{max-width:46rem; margin-bottom:2rem} .explore-section{scroll-margin-top:2rem; margin:0 0 2rem; padding:clamp(1.25rem,3vw,2.5rem); border:1px solid #bccff0; border-radius:1.5rem; background:linear-gradient(125deg,#e0ebff,#e4f3f3)} .explore-section--feature{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:2rem} .explore-section--feature:nth-of-type(even) .explore-section__copy{order:2} .explore-section--feature>.scroll-motion{min-width:0} .explore-section--dark,.explore-close{color:#edf4ff; background:radial-gradient(ellipse at 100% 0,#00808088,transparent 70%),#112142} .explore-section--dark .story-page__eyebrow,.explore-close .story-page__eyebrow{color:#8de0d5} .explore-visual{position:relative; isolation:isolate; margin:0; padding:.7rem; border:1px solid #b9d0ee; border-radius:1.35rem; background:linear-gradient(145deg,#eef5ff,#d9e9fa); box-shadow:0 1.25rem 2.6rem rgb(17 33 66 / 18%)} .explore-visual::before{position:absolute; z-index:-1; top:-1.15rem; right:-.9rem; width:5.8rem; height:5.8rem; border:.62rem solid rgb(255 105 0 / 32%); border-radius:50%; content:""} .explore-visual::after{position:absolute; z-index:-1; bottom:-1.15rem; left:-1rem; width:4.5rem; height:4.5rem; border:1px solid rgb(0 128 128 / 38%); border-radius:50%; box-shadow:0 0 0 1rem rgb(0 128 128 / 8%); content:""} .explore-visual img{display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; border:1px solid rgb(255 255 255 / 60%); border-radius:.85rem} .explore-visual--contain img{object-fit:contain} .explore-visual figcaption{font-size:.875rem; margin:.65rem .25rem 0} .explore-points{padding-left:1.2rem} .explore-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; grid-column:1/-1; margin-top:1.5rem} .explore-grid--wide{grid-template-columns:1fr} .explore-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))} .explore-grid--accordion{grid-template-columns:1fr; gap:.85rem} .explore-grid--accordion .explore-card__copy{padding:.95rem 1.1rem 1rem} .explore-grid--accordion .explore-card__meta{margin-bottom:.15rem} .explore-grid--accordion .explore-card h3{margin:.2rem 0 .35rem; font-size:1.2rem} .explore-grid--accordion .explore-card__access{margin:.6rem 0 0} .explore-grid--accordion .explore-card__side-image{position:absolute; top:.9rem; right:1.1rem; display:block; width:min(22vw,13rem); height:8.5rem; padding:.35rem; border:1px solid #b9d0ee; border-radius:.7rem; background:#fff; object-fit:contain; box-shadow:0 .45rem 1rem rgb(17 33 66 / 12%)} .explore-grid--accordion .explore-card__copy>:not(.explore-card__side-image){max-width:min(100%,calc(100% - 15rem))} .explore-section--latest{padding:clamp(1.25rem,3vw,2.25rem); background:#fff} .latest-stream__intro{max-width:44rem; margin:-.35rem 0 1.5rem; color:#53617b} .latest-stream{border-top:1px solid #b9c9e5} .latest-stream__item{display:grid; grid-template-columns:minmax(9rem,12rem) minmax(0,1fr) auto; align-items:center; gap:clamp(1rem,2.5vw,2rem); padding:1.15rem 0; border-bottom:1px solid #b9c9e5} .latest-stream__media{display:block; overflow:hidden; border-radius:.55rem; background:#dbe8fb} .latest-stream__media img{display:block; width:100%; height:6.75rem; object-fit:cover; transition:transform 200ms ease} .latest-stream__media:hover img,.latest-stream__media:focus-visible img{transform:scale(1.025)} .latest-stream__copy{min-width:0} .latest-stream__item--no-image .latest-stream__copy{grid-column:1 / 3} .latest-stream__meta{margin:0 0 .3rem; color:#53617b; font-size:.78rem; font-weight:750; letter-spacing:.025em; text-transform:uppercase} .latest-stream__copy h3{margin:0; font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.25} .latest-stream__copy h3 a{color:#112142; text-decoration:none} .latest-stream__copy h3 a:hover,.latest-stream__copy h3 a:focus-visible{color:#0047ab; text-decoration:underline; text-underline-offset:.2em} .latest-stream__copy>p:last-child{display:-webkit-box; margin:.45rem 0 0; overflow:hidden; color:#405278; -webkit-box-orient:vertical; -webkit-line-clamp:2} .latest-stream__action{color:#0047ab; font-size:.88rem; font-weight:850; text-decoration:none; white-space:nowrap} .latest-stream__action:hover,.latest-stream__action:focus-visible{color:#a94600; text-decoration:underline; text-underline-offset:.2em} .explore-card{display:flex; flex-direction:column; min-width:0; border-radius:1rem; background:#f0f5ff; border:1px solid #c7d7ff; border-top:4px solid #008080; box-shadow:0 .75rem 1.8rem #11214216; color:#112142; overflow:hidden} .explore-card--wide{grid-column:1 / -1} .explore-card:nth-child(even){border-top-color:#ff6900} .explore-card__image-link{display:block} .explore-card__image{display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; background:#c7d7ff} .explore-card__image--contain{object-fit:contain; padding:1.25rem} .explore-card__copy{position:relative; display:flex; flex:1; flex-direction:column; align-items:flex-start; min-height:100%; padding:1.5rem} .explore-card__corner{position:absolute; top:1.15rem; right:1.15rem; display:flex; align-items:end; padding:.32rem; border:1px solid rgb(0 128 128 / 24%); border-radius:1rem .4rem 1rem 1rem; background:linear-gradient(145deg,rgb(255 255 255 / 94%),rgb(220 236 255 / 94%)); box-shadow:.35rem .35rem 0 rgb(255 105 0 / 18%),0 .55rem 1.15rem rgb(17 33 66 / 12%)} .explore-card__icon{display:block; width:3.5rem; height:3.5rem; padding:.34rem; border-radius:.72rem; background:#fff; object-fit:contain} .explore-card__corner .explore-card__icon + .explore-card__icon{width:3.5rem; height:3.5rem; margin-left:-2.65rem; padding:.34rem; opacity:.75; transform:rotate(5deg)} .explore-card h3{margin:.4rem 0; font-size:1.4rem; line-height:1.25} .explore-card__meta{margin:0; color:#3d566c; font-size:.875rem} .explore-card__access{padding:.3rem .65rem; background:#d5e8ef; border-radius:.4rem; font-size:.875rem} .explore-card__prompt{margin-top:.85rem; padding:.85rem 1rem; border-left:.28rem solid #ff6900; border-radius:.35rem; background:#fff8ee} .explore-card__prompt-label{color:#a94600; font-size:.82rem; font-weight:850; letter-spacing:.03em; text-transform:uppercase} .explore-card__prompt p:last-child{margin-bottom:0; font-family:var(--font-mono,ui-monospace,monospace); font-size:.92rem; line-height:1.55} .explore-card__book-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.75rem; width:100%; padding-left:1.2rem; line-height:1.45} .explore-card__book-list li{padding-left:.1rem} .explore-card__emphasis{color:#0047ab; font-size:1.06rem} .explore-card__book-credit{display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; color:#112142; font-size:.9rem} .explore-card__book-credit>span{color:#66758a; font-size:.8rem; font-weight:650; text-align:right} .explore-card__book-list q{display:block; margin-top:.22rem; color:#0047ab; font-family:var(--font-display); font-size:1.08rem; font-style:italic; font-weight:800; line-height:1.35} .explore-card__book-list li:nth-child(even) q{color:#c34f00} .site-header__hero-business-card{position:relative; display:flex; align-items:center; justify-content:center; min-width:0; z-index:1} .site-header__hero-business-card.is-zoomed{z-index:50} .site-header__hero-business-card.is-zoomed::before{position:fixed; z-index:0; inset:0; background:rgb(6 17 42 / 72%); content:""; pointer-events:none} .twm-business-card__scene{position:relative; z-index:1; display:block; width:min(100%,14rem); aspect-ratio:633 / 1054; padding:0; border:0; border-radius:1.05rem; background:transparent; color:inherit; perspective:1200px; cursor:pointer; transition:transform 300ms ease,box-shadow 300ms ease} .site-header__hero-business-card.is-zoomed .twm-business-card__scene{transform:scale(1.3); box-shadow:0 1.8rem 4rem rgb(0 0 0 / 38%)} .twm-business-card__inner{position:absolute; inset:0; display:block; transform-style:preserve-3d; transition:transform 700ms cubic-bezier(.2,.75,.25,1)} .twm-business-card__scene.is-flipped .twm-business-card__inner{transform:rotateY(180deg)} .twm-business-card__face{position:absolute; inset:0; display:block; border-radius:1.05rem; background-repeat:no-repeat; background-size:100% 100%; box-shadow:0 1rem 2rem rgb(17 33 66 / 24%); backface-visibility:hidden} .twm-business-card__face--back{background-image:url('/assets/brand/clint-business-card-front.png')} .twm-business-card__face--front{background-image:url('/assets/brand/clint-business-card-back.png'); transform:rotateY(180deg)} .twm-business-card__scene:focus-visible{outline:.2rem solid #ffb83e; outline-offset:.35rem} .twm-business-card__hint{position:absolute; top:.8rem; right:.8rem; z-index:2; padding:.35rem .65rem; border:.1rem solid #fff; border-radius:999px; color:#112142; background:#ffbd3f; box-shadow:0 .25rem .7rem rgb(17 33 66 / 28%); font-size:.8rem; font-weight:850; opacity:0; pointer-events:none; transition:opacity 180ms ease} .twm-business-card__scene:hover .twm-business-card__hint,.twm-business-card__scene:focus-visible .twm-business-card__hint{opacity:1} .twm-business-card__hint span{display:inline-block; margin-left:.25rem; font-size:1.1rem; line-height:.7} @media (prefers-reduced-motion:reduce){.twm-business-card__inner,.twm-business-card__scene{transition:none} .site-header__hero-business-card.is-zoomed .twm-business-card__scene{transform:none}} @media(max-width:760px){.site-header__hero-business-card{margin-top:1.25rem} .twm-business-card__scene{width:min(100%,14rem)} .site-header__hero-business-card.is-zoomed .twm-business-card__scene{transform:scale(1.12)} .twm-business-card__hint{opacity:1}} .explore-card__status{display:inline-flex; width:max-content; margin:.55rem 0 0; padding:.28rem .62rem; border-radius:999px; font-size:.74rem; font-weight:850; letter-spacing:.04em} .explore-card__status--active{color:#075c5b; background:#bfe8e1} .explore-card__status--progress{color:#123e86; background:#c7d7ff} .explore-card__status--paused{color:#7b3f00; background:#ffe1b3} .explore-card__status--experiment{color:#4f286f; background:#e7d5f5} .explore-card__status--beta{color:#7b3f00; background:#ffd49d} .explore-card__status--inactive{color:#526071; background:#e3e7ed} .explore-card .story-page__text-link{margin-top:.65rem} .explore-card .story-page__text-link--secondary{color:#006b6b; font-size:.9rem} .explore-card .story-page__text-link--secondary:hover{color:#0047ab} .explore-card__button{display:inline-flex; align-items:center; gap:.4rem; margin-top:.85rem; padding:.66rem .9rem; border:1px solid #aec5ee; border-radius:.58rem; color:#0047ab; background:#fff; box-shadow:0 .35rem .75rem rgb(17 33 66 / 8%); font-weight:850; text-decoration:none} .explore-card__button:hover,.explore-card__button:focus-visible{color:#0047ab; background:#f1f6ff; border-color:#0047ab} .explore-close{padding:clamp(1.5rem,3vw,2.5rem); border-radius:1.5rem; margin-top:2rem} .explore-close--subtle{color:#112142; background:transparent; border-top:1px solid #c7d7ff; border-radius:0; padding:1.5rem 0 0} .explore-close--subtle .story-page__eyebrow{color:#006b6b} .explore-close--subtle h2{font-size:clamp(1.25rem,2vw,1.6rem)} .focused-header__shortcut-heading{max-width:76rem; margin:0 auto 1rem; padding-inline:clamp(1rem,4vw,2rem); color:#fff; font-weight:700} .explore-article__cover{margin:1.5rem 0 2.5rem} .explore-article__cover img{display:block; width:100%; height:auto; border-radius:1rem} .explore-article__cover figcaption,.explore-article__byline{font-size:.95rem; color:#405278} .explore-article__prose{max-width:46rem; margin:auto; font-size:1.125rem} .explore-article__tldr,.explore-article__teach{max-width:48rem; margin:0 auto 2.5rem; padding:clamp(1.25rem,3vw,2.25rem); border:1px solid #c7d7ff; border-radius:1.25rem; background:#f0f5ff} .explore-article__tldr{border-top:.3rem solid #ff6900} .explore-article__teach{background:linear-gradient(135deg,#eef5ff,#e4f3f3)} .explore-article__tldr h2,.explore-article__teach h2{margin-top:0} .explore-article__teach section{margin-top:2.25rem; padding-top:1.25rem; border-top:1px solid rgb(0 128 128 / 28%)} .explore-article__teach h3{margin-bottom:.55rem; color:#0047ab; font-size:1.3rem} .explore-article__byline{max-width:48rem; margin:0 auto 1.25rem; color:#53617b; font-size:.95rem} .explore-article__prose section{margin-top:2.5rem} .explore-cycle{display:flex; flex-wrap:wrap; gap:.65rem; padding:0; list-style:none} .explore-cycle li{padding:.4rem .8rem; color:#fff; background:#006c70; border-radius:.5rem} .explore-cycle li:nth-child(4){color:#112142; background:#fcb900} @media(max-width:1050px){.explore-section--feature{grid-template-columns:1fr} .explore-section--feature:nth-of-type(even) .explore-section__copy{order:initial} .explore-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.explore-page__shell{grid-template-columns:1fr} .explore-page .story-page__subnav{position:static; max-height:none} .explore-page .story-page__subnav ul{grid-template-columns:1fr} .explore-grid,.explore-card__book-list{grid-template-columns:1fr} .explore-grid--accordion .explore-card__side-image{position:static; width:min(100%,14rem); height:auto; margin:.6rem 0 .2rem} .explore-grid--accordion .explore-card__copy>:not(.explore-card__side-image){max-width:none} .explore-section{padding:1.2rem} .latest-stream__item{grid-template-columns:minmax(7rem,9rem) minmax(0,1fr)} .latest-stream__action{grid-column:2} .latest-stream__item--no-image .latest-stream__copy,.latest-stream__item--no-image .latest-stream__action{grid-column:1 / -1}} @media(max-width:48rem){.home-useful__intro,.home-useful__links{grid-template-columns:1fr} .home-useful__intro>.scroll-motion{justify-self:start; width:min(100%,18rem)} .home-useful__links a + a{padding-left:0; border-top:1px solid rgb(255 255 255 / 31%); border-left:0}} @media(max-width:34rem){.latest-stream__item{grid-template-columns:1fr} .latest-stream__media{max-width:12rem} .latest-stream__action{grid-column:1}} @media(max-width:760px){.site-header__hero-art--suite{min-height:18rem; max-height:21rem} .site-header__hero-art--suite .site-header__hero-suite-mark{width:4.7rem; height:4.7rem; padding:.55rem} .site-header__hero-art--suite .site-header__hero-suite-mark--7{width:4.2rem; height:4.2rem} .site-header__hero-art--suite .site-header__hero-suite-mark--8{width:4rem; height:4rem} .site-header__hero-art--suite .site-header__hero-suite-mark--9{width:4rem; height:4rem} .site-header__hero-art--suite .site-header__hero-suite-mark--10{width:3.8rem; height:3.8rem}} .network-list{list-style:none; margin:1.5rem 0 0; padding:0} .network-list__row{display:grid; grid-template-columns:4rem minmax(10rem,1fr) minmax(0,1.5fr) auto; align-items:center; gap:1.25rem; padding:1rem 0; border-bottom:1px solid #c7d7ff} .network-list__logo{width:4rem; height:4rem; object-fit:contain} .network-list__row h3{margin:0; font-size:1.1rem; line-height:1.3} .network-list__row p{margin:0; color:#405278; font-size:.95rem; line-height:1.5} .network-list__row .story-page__text-link{margin:0; white-space:nowrap} @media (max-width:800px){.network-list__row{grid-template-columns:3rem minmax(0,1fr) auto; gap:.5rem 1rem} .network-list__logo{width:3rem; height:3rem; grid-row:span 2} .network-list__row p{grid-column:2 / -1} .network-list__row .story-page__text-link{grid-column:3; grid-row:1}} .site-footer{color:#eef3ff; background:linear-gradient(145deg,var(--brand-secondary,#203776),#111a33); border-top:0.25rem solid var(--sg-color-accent,#3157d5)} .site-footer__shell{width:min(76rem,calc(100% - 2rem)); margin-inline:auto; padding-block:clamp(2.25rem,6vw,4rem) 1.25rem} .site-footer__grid{display:grid; grid-template-columns:minmax(min(22rem,100%),2fr) repeat(2,minmax(10rem,1fr)); gap:clamp(1.5rem,4vw,3.5rem)} .site-footer__brand-link{display:inline-flex; gap:0.8rem; align-items:center; color:#fff; font-size:1.15rem; text-decoration:none} .site-footer__brand-link img{width:3rem; height:3rem; object-fit:contain} .site-footer__brand-link strong{font-family:var(--font-brand,Georgia,"Times New Roman",serif); font-weight:700} .site-footer__brand>p{max-width:42ch; margin:1rem 0 0; color:#cbd5eb} .site-footer__nav h2{margin:0 0 0.85rem; color:#fff; font-family:var(--font-display,Georgia,"Times New Roman",serif); font-size:0.8rem; letter-spacing:0.1em; text-transform:uppercase} .site-footer ul{display:flex; flex-wrap:wrap; gap:0.55rem 1rem; margin:0; padding:0; list-style:none} .site-footer__nav ul{align-items:flex-start; flex-direction:column} .site-footer a:not(.site-footer__brand-link){color:#dce6ff; text-decoration-color:rgb(220 230 255 / 45%); text-underline-offset:0.22em} .site-footer a:hover{color:#fff; text-decoration-color:currentcolor} .site-footer a:focus-visible{outline-color:#fff} .site-footer__bottom{display:flex; flex-wrap:wrap; gap:0.75rem 1.25rem; align-items:center; margin-top:clamp(2rem,5vw,3.25rem); padding-top:1.25rem; color:#cbd5eb; border-top:1px solid rgb(255 255 255 / 18%); font-size:0.9rem} .site-footer__bottom>p{margin:0} .site-footer__top{margin-left:auto; font-weight:700} .site-footer__top svg{display:none; width:1.35rem; height:1.35rem; fill:none; stroke:currentcolor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round} @media (max-width:48rem){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .site-footer__brand{grid-column:1 / -1}} @media (max-width:32rem){.site-footer__grid{grid-template-columns:1fr} .site-footer__brand{grid-column:auto} .site-footer__top{width:100%; margin-left:0}} .site-footer{color:#eef4ff; background:linear-gradient(140deg,#112142 0 54%,#063b78 100%); border-top-color:#ff6900} .site-footer__grid{grid-template-columns:minmax(17rem,1.5fr) minmax(7.5rem,0.75fr) minmax(12rem,1.15fr) minmax(10rem,1fr) minmax(12rem,1.1fr); gap:clamp(1.5rem,3.5vw,3rem)} .site-footer__brand-link img{width:3.5rem; height:3.5rem} .site-footer__brand-link strong{font-size:1.12rem} .site-footer__brand>p,.site-footer__contact>p{color:#d5e1f8; line-height:1.6} .site-footer__nav h2,.site-footer__contact h2{margin:0 0 0.85rem; color:#fcb900; font-family:var(--font-display,Georgia,"Times New Roman",serif); font-size:0.8rem; letter-spacing:0.1em; text-transform:uppercase} .site-footer__social-links a{display:inline-flex; gap:0.55rem; align-items:center} .site-footer__social-icon{flex:0 0 auto; width:1.15rem; height:1.15rem; fill:none; stroke:currentcolor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round} .site-footer__social-links a:hover .site-footer__social-icon,.site-footer__social-links a:focus-visible .site-footer__social-icon{color:#fcb900} .site-footer__contact>p{margin:0 0 0.85rem} .site-footer__contact-links{align-items:flex-start; flex-direction:column} .site-footer__email{font-size:0.98rem; font-weight:700; white-space:nowrap} .site-footer__phone{color:#c6d5ef !important; font-size:0.85rem; white-space:nowrap} .site-footer__cta{min-height:2.75rem; display:inline-flex; justify-content:center; align-items:center; margin-top:1.1rem; padding:0.65rem 0.9rem; color:#112142 !important; background:#fcb900; border:1px solid #fcb900; border-radius:0.5rem; font-weight:800; text-decoration:none} .site-footer__cta:hover,.site-footer__cta:focus-visible{color:#112142 !important; background:#ffcf40; border-color:#ffcf40} .site-footer__publication-cta{display:inline-flex; align-items:center; min-height:2.5rem; margin-top:0.9rem; padding:0.5rem 0.75rem; border:1px solid #c7d7ff; border-radius:0.5rem; color:#eef4ff; font-size:0.84rem; font-weight:700; text-decoration:none} .site-footer__publication-cta:hover,.site-footer__publication-cta:focus-visible{background:rgb(199 215 255 / 15%); border-color:#fcb900} .site-footer a:focus-visible{outline:0.2rem solid #fcb900; outline-offset:0.18rem} @media (max-width:64rem){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .site-footer__brand{grid-column:1 / -1}} @media (max-width:38rem){.site-footer__grid{grid-template-columns:1fr} .site-footer__brand{grid-column:auto} .site-footer__cta{width:100%} .site-footer__top{position:fixed; z-index:1050; right:max(1rem,env(safe-area-inset-right)); bottom:max(1rem,env(safe-area-inset-bottom)); display:grid; width:3rem; height:3rem; margin:0; padding:0; place-items:center; color:#112142 !important; background:#fcb900; border:1px solid #ffcf40; border-radius:50%; box-shadow:0 0.75rem 1.75rem rgb(4 15 39 / 35%); text-decoration:none} .site-footer__top:hover,.site-footer__top:focus-visible{color:#112142 !important; background:#ffcf40} .site-footer__top-label{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap} .site-footer__top svg{display:block}} .site-header{--header-content-width:76rem; position:relative; color:var(--sg-color-text,#172033); background:var(--sg-color-bg,#fff); border-bottom:1px solid var(--sg-color-border,#d8deea)} .site-header__skip{position:fixed; z-index:100; top:0.75rem; left:0.75rem; padding:0.65rem 0.9rem; color:#fff; background:#111827; border-radius:var(--sg-radius,0.5rem); transform:translateY(-200%)} .site-header__skip:focus{transform:translateY(0)} .site-header__shell,.site-header__hero-inner{width:min(var(--header-content-width),calc(100% - 2rem)); margin-inline:auto} .site-header__bar{min-height:5rem; display:flex; align-items:center; gap:1rem} .site-header__brand{min-width:max-content; display:inline-flex; align-items:center; gap:0.75rem; color:inherit; text-decoration:none} .site-header__brand img{width:2.75rem; height:2.75rem; border-radius:calc(var(--sg-radius,0.5rem) * 0.8)} .site-header__brand span,.site-header__brand strong,.site-header__brand small{display:block} .site-header__brand strong{font-family:var(--font-brand,Georgia,"Times New Roman",serif); font-weight:700; font-size:1.05rem; line-height:1.2} .site-header__brand small{max-width:28ch; margin-top:0.2rem; color:var(--color-muted,#5f6b7c); font-size:0.72rem; line-height:1.25} .site-header__panel{flex:1; display:flex; justify-content:flex-end; align-items:center; gap:0.8rem} .site-header ul{display:flex; align-items:center; gap:0.25rem; margin:0; padding:0; list-style:none} .site-header__nav a,.site-header__social a{display:inline-flex; padding:0.55rem 0.7rem; color:inherit; font-size:0.92rem; font-weight:650; text-decoration:none; border-radius:var(--sg-radius,0.5rem)} .site-header__nav a:hover,.site-header__social a:hover{color:var(--sg-color-accent,#3157d5); background:var(--color-surface,#f4f6fa)} .site-header__nav a{padding:0.5rem 0.55rem; font-size:0.76rem; font-weight:750; letter-spacing:0.045em; text-transform:uppercase; white-space:nowrap} .site-header__social a{color:var(--color-muted,#5f6b7c); font-size:0.82rem} .site-header__cta,.site-header__action{min-height:2.75rem; display:inline-flex; justify-content:center; align-items:center; padding:0.65rem 1rem; color:#fff; background:var(--sg-color-accent,#3157d5); border:1px solid var(--sg-color-accent,#3157d5); border-radius:var(--sg-radius,0.5rem); font-weight:750; text-decoration:none; white-space:nowrap} .site-header__toggle{display:none; margin-left:auto; align-items:center; gap:0.5rem; padding:0.55rem 0.7rem; color:inherit; background:transparent; border:1px solid var(--sg-color-border,#d8deea); border-radius:var(--sg-radius,0.5rem); font:inherit; font-weight:700; cursor:pointer} .site-header__search label{position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0} .site-header__search div{display:flex} .site-header__search input,.site-header__search button{min-height:2.5rem; padding:0.5rem 0.65rem; border:1px solid var(--sg-color-border,#d8deea); font:inherit} .site-header__search input{color:var(--color-text,#172033); background:var(--color-background,#fff)} .site-header__search input{width:10rem; border-radius:var(--sg-radius,0.5rem) 0 0 var(--sg-radius,0.5rem)} .site-header__search button{color:#fff; background:var(--brand-secondary,#203776); border-color:var(--brand-secondary,#203776); border-radius:0 var(--sg-radius,0.5rem) var(--sg-radius,0.5rem) 0; cursor:pointer} .site-header__hero{position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 85% 15%,rgb(255 255 255 / 18%),transparent 26rem),linear-gradient(135deg,var(--brand-secondary,#203776),var(--sg-color-accent,#3157d5))} .site-header__hero::after{content:""; position:absolute; right:-7rem; bottom:-10rem; width:24rem; height:24rem; border:4rem solid rgb(255 255 255 / 8%); border-radius:50%} .site-header__hero-inner{position:relative; z-index:1; padding-block:clamp(4rem,10vw,7.5rem)} .site-header__eyebrow{margin:0 0 1rem; font-size:0.8rem; font-weight:800; letter-spacing:0.14em; text-transform:uppercase} .site-header__hero h1{max-width:16ch; margin:0; font-size:clamp(2.5rem,7vw,5.5rem); line-height:0.98; letter-spacing:-0.04em} .site-header__summary{max-width:62ch; margin:1.5rem 0 0; color:rgb(255 255 255 / 88%); font-size:clamp(1rem,2vw,1.25rem)} .site-header__actions{display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:2rem} .site-header__action--primary{color:var(--brand-secondary,#203776); background:#fff; border-color:#fff} .site-header__action--secondary{color:#fff; background:transparent; border-color:rgb(255 255 255 / 55%)} @media (max-width:64rem){.site-header__bar{flex-wrap:wrap; padding-block:0.8rem} .site-header[data-enhanced] .site-header__toggle{display:inline-flex} .site-header__panel{flex-basis:100%; align-items:stretch; flex-direction:column; gap:0.8rem; padding-bottom:0.8rem} .site-header[data-enhanced] .site-header__panel[data-open="false"]{display:none} .site-header__nav ul,.site-header__social ul{align-items:stretch; flex-direction:column} .site-header__nav a,.site-header__social a{width:100%} .site-header__search input{width:100%} .site-header__search div{width:100%}} .site-header{color:#112142; background:rgb(248 251 255 / 97%); border-bottom-color:#c7d7ff; box-shadow:0 0.45rem 1.5rem rgb(17 33 66 / 8%)} .site-header__shell,.site-header__hero-inner{width:min(78rem,calc(100% - 2rem))} .site-header__bar{min-height:5.5rem} .site-header__brand img{width:3.25rem; height:3.25rem; object-fit:contain; border-radius:0} .site-header__brand strong{color:#112142; font-size:1rem; letter-spacing:0.015em} .site-header__brand small{color:#465775} .site-header__nav a{position:relative; padding:0.65rem 0.58rem; color:#112142; font-size:0.73rem; letter-spacing:0.04em} .site-header__nav a::after{content:""; position:absolute; right:0.58rem; bottom:0.36rem; left:0.58rem; height:0.14rem; background:#ff6900; transform:scaleX(0); transform-origin:left; transition:transform 160ms ease} .site-header__nav a:hover,.site-header__nav a:focus-visible,.site-header__nav a[aria-current="page"]{color:#0047ab; background:rgb(199 215 255 / 42%)} .site-header__nav a:hover::after,.site-header__nav a:focus-visible::after,.site-header__nav a[aria-current="page"]::after{transform:scaleX(1)} .site-header__cta{color:#112142; background:#fcb900; border-color:#fcb900; box-shadow:0 0.45rem 1rem rgb(17 33 66 / 13%); transition:background 160ms ease,border-color 160ms ease,transform 160ms ease} .site-header__cta:hover,.site-header__cta:focus-visible{color:#112142; background:#ffcf40; border-color:#ffcf40; transform:translateY(-1px)} .site-header__toggle{color:#112142; background:#eef4ff; border-color:#9fb8e7} .site-header__promise{position:relative; z-index:1; color:#405373; background:#f3f6fc; border-top:1px solid #dde6f5; border-bottom:1px solid #f2aa78; text-align:center} .site-header__promise p{width:min(78rem,calc(100% - 2rem)); margin:0 auto; padding:0.16rem 1rem 0.2rem; font-family:Georgia,"Times New Roman",serif; font-size:clamp(0.78rem,1.25vw,0.9rem); font-style:italic; font-weight:500; letter-spacing:0.01em} @media (max-width:72rem){.site-header__bar{flex-wrap:wrap; padding-block:0.8rem} .site-header[data-enhanced] .site-header__toggle{display:inline-flex} .site-header__panel{flex-basis:100%; align-items:stretch; flex-direction:column; gap:0.8rem; padding:0.85rem 0 1rem; border-top:1px solid #c7d7ff} .site-header[data-enhanced] .site-header__panel[data-open="false"]{display:none} .site-header__nav ul,.site-header__social ul{align-items:stretch; flex-direction:column} .site-header__nav a,.site-header__social a,.site-header__cta{width:100%} .site-header__nav a{padding:0.75rem}} @media (max-width:30rem){.site-header__bar{gap:0.5rem} .site-header__brand{min-width:0; gap:0.55rem} .site-header__brand img{width:2.6rem; height:2.6rem} .site-header__brand strong{font-size:0.92rem} .site-header__brand small{font-size:0.65rem} .site-header__toggle span{position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0} .site-header__toggle{min-width:2.75rem; min-height:2.75rem; justify-content:center; padding:0.45rem}} @media (prefers-reduced-motion:reduce){.site-header__nav a::after,.site-header__cta{transition:none}} .collapsible-panel{background:var(--color-background,#fff);border:1px solid color-mix(in srgb,var(--sg-color-border,#d8deea) 75%,var(--sg-color-accent,#3157d5));border-radius:calc(var(--sg-radius,.5rem)*1.25);box-shadow:0 .65rem 1.75rem rgb(27 42 74/9%);overflow:clip}.collapsible-panel+.collapsible-panel{margin-top:.75rem}.collapsible-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;cursor:pointer;list-style:none;background:linear-gradient(135deg,var(--color-background,#fff),var(--color-surface,#f4f6fa))}.collapsible-panel>summary::-webkit-details-marker{display:none}.collapsible-panel>summary:hover{background:color-mix(in srgb,var(--sg-color-accent,#3157d5) 9%,var(--color-background,#fff))}.collapsible-panel[open]{border-color:color-mix(in srgb,var(--sg-color-accent,#3157d5) 55%,var(--sg-color-border,#d8deea));box-shadow:0 1rem 2.5rem rgb(27 42 74/14%)}.collapsible-panel[open]>summary{background:color-mix(in srgb,var(--sg-color-accent,#3157d5) 12%,var(--color-background,#fff))}.collapsible-panel__heading,.collapsible-panel__heading small,.collapsible-panel__heading strong{display:block}.collapsible-panel__heading small{margin-bottom:.25rem;color:var(--sg-color-accent,#3157d5);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.collapsible-panel__heading strong{font-size:1.08rem}.collapsible-panel>summary svg{flex:0 0 auto;transition:transform 160ms ease}.collapsible-panel[open]>summary svg{transform:rotate(180deg)}.collapsible-panel__content{padding:1.25rem;background:var(--color-background,#fff);border-top:1px solid var(--sg-color-border,#d8deea)}@media(prefers-reduced-motion:reduce){.collapsible-panel>summary svg{transition:none}} .content-container{--container-wide:76rem;--container-reading:48rem;width:min(var(--container-wide),calc(100% - 2rem));margin-inline:auto}.content-container--reading{width:min(var(--container-reading),calc(100% - 2rem))}.content-container--full{width:100%}.content-container--surface{padding:clamp(1.25rem,3vw,2.25rem);background:var(--color-background,#fff);border:1px solid color-mix(in srgb,var(--sg-color-border,#d8deea) 80%,var(--sg-color-accent,#3157d5));border-radius:calc(var(--sg-radius,.5rem)*1.5);box-shadow:0 1.25rem 3rem rgb(27 42 74/13%)}.content-container--accent{padding:clamp(1.25rem,3vw,2.25rem);background:color-mix(in srgb,var(--sg-color-accent,#3157d5) 8%,var(--color-background,#fff));border-left:.3rem solid var(--sg-color-accent,#3157d5);border-radius:var(--sg-radius,.5rem)} .content-showcase{--showcase-card-width:20rem;margin-block:clamp(1.5rem,4vw,3rem);color:var(--color-text,#172033)}.content-showcase--compact{--showcase-card-width:15rem}.content-showcase--feature{--showcase-card-width:28rem}.content-showcase__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.content-showcase__heading h2,.content-showcase__heading p{margin:0}.content-showcase__heading p,.content-showcase__eyebrow{color:var(--brand-primary,#3157d5);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.content-showcase__controls{display:flex;align-items:center;gap:.6rem}.content-showcase button,.content-showcase__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.45rem .75rem;color:var(--color-text,#172033);background:var(--color-surface,#f4f6fa);border:1px solid var(--color-border,#d8deea);border-radius:999px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.content-showcase button:disabled{cursor:not-allowed;opacity:.5}.content-showcase__viewport{overflow:hidden}.content-showcase__track{display:grid;gap:1rem}.content-showcase--grid .content-showcase__track{grid-template-columns:repeat(auto-fit,minmax(min(var(--showcase-card-width),100%),1fr))}.content-showcase--carousel .content-showcase__track{display:block}.content-showcase--carousel:not([data-showcase-ready]) .content-showcase__item:not(:first-child){display:none}.content-showcase__pickers{display:flex;justify-content:center;gap:.35rem;margin-top:1rem}.content-showcase__pickers button{min-width:1.75rem;min-height:1.75rem;padding:.5rem;border:0;background:transparent}.content-showcase__pickers button span{display:block;width:.65rem;height:.65rem;background:var(--color-border,#d8deea);border-radius:50%;transition:background-color .16s ease,transform .16s ease}.content-showcase__pickers button[aria-current=true] span{background:var(--brand-primary,#3157d5);transform:scale(1.25)}.content-showcase__pickers button:focus-visible{outline:2px solid var(--brand-primary,#3157d5);outline-offset:2px}.content-showcase--marquee .content-showcase__viewport{overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x mandatory}.content-showcase--marquee .content-showcase__track{display:flex;width:max-content}.content-showcase--marquee .content-showcase__item{width:min(var(--showcase-card-width),calc(100vw - 3rem));scroll-snap-align:start}.content-showcase__item{min-width:0;padding:clamp(1rem,3vw,1.5rem);background:var(--color-background,#fff);border:1px solid var(--color-border,#d8deea);border-radius:calc(var(--radius-default,.5rem)*1.5);box-shadow:0 .8rem 2rem rgb(16 21 33/11%)}.content-showcase__item[hidden]{display:none}.content-showcase__item--quote{border-left:.3rem solid var(--brand-primary,#3157d5)}.content-showcase__item--quote blockquote{margin:0;font-size:1.08rem;line-height:1.65}.content-showcase__item--brand{text-align:center}.content-showcase__media{display:grid;min-height:7rem;margin-bottom:1rem;place-items:center}.content-showcase__media img{max-width:100%;max-height:12rem;object-fit:contain}.content-showcase__badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none}.content-showcase__badges li{padding:.2rem .5rem;color:var(--brand-secondary,#203776);background:var(--color-surface,#f4f6fa);border-radius:999px;font-size:.75rem;font-weight:700}.content-showcase__item h3{margin:.25rem 0 .65rem}.content-showcase__text{color:var(--color-muted,#5f6b7c)}.content-showcase__attribution{display:flex;flex-wrap:wrap;gap:.25rem .65rem;margin-top:1rem}.content-showcase__attribution span{color:var(--color-muted,#5f6b7c)}.content-showcase__metadata{display:grid;gap:.4rem;margin-block:1rem}.content-showcase__metadata div{display:flex;justify-content:space-between;gap:1rem}.content-showcase__metadata dt{font-weight:700}.content-showcase__metadata dd{margin:0;color:var(--color-muted,#5f6b7c)}.content-showcase__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.content-showcase__pause{margin-left:auto}@media(max-width:40rem){.content-showcase__heading{align-items:flex-start;flex-direction:column}.content-showcase__pause{margin-left:0}}@media(prefers-reduced-motion:reduce){.content-showcase__viewport{scroll-behavior:auto!important}.content-showcase__pickers button span{transition:none}} .essential-form{max-width:46rem;margin:2rem auto;padding:clamp(1.25rem,3vw,2rem);background:var(--color-surface,#fff);border:1px solid var(--color-border,#d8deea);border-radius:var(--radius-default,.75rem);box-shadow:0 .75rem 2rem rgb(27 42 74/.08)}.essential-form__intro{margin-bottom:1.25rem}.essential-form__intro h2{margin-bottom:.35rem}.essential-form__fields{display:grid;gap:1rem}.essential-form__field{display:grid;gap:.35rem}.essential-form label,.essential-form legend{font-weight:700}.essential-form input:not([type=checkbox]):not([type=radio]),.essential-form textarea,.essential-form select{width:100%;padding:.75rem;border:1px solid var(--color-border,#aab4c5);border-radius:.45rem;color:var(--color-text,#172033);background:var(--color-background,#fff);font:inherit}.essential-form textarea{min-height:9rem;resize:vertical}.essential-form button{justify-self:start;padding:.75rem 1.1rem;border:0;border-radius:.45rem;color:#fff;background:var(--brand-primary,#3157d5);font:inherit;font-weight:750;cursor:pointer}.essential-form button:disabled{opacity:.65;cursor:wait}.essential-form__choice{display:flex;align-items:flex-start;gap:.55rem;font-weight:500}.essential-form__choice input{margin-top:.25rem}.essential-form fieldset{display:grid;gap:.55rem;margin:0;padding:0;border:0}.essential-form__help,.essential-form__field-error,.essential-form__status{margin:0;font-size:.9rem}.essential-form__help{color:var(--color-muted,#5e687a)}.essential-form__field-error,.essential-form__error-summary{color:var(--color-danger,#a31d1d)}.essential-form__error-summary{margin-bottom:1rem;padding:.8rem;border:1px solid currentColor;border-radius:.45rem;background:rgb(163 29 29/.06)}.essential-form [aria-invalid=true]{border-color:var(--color-danger,#a31d1d)!important}.essential-form__trap{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} .essential-form__status[data-state]{margin-top:1.15rem; padding:0.8rem 1rem; border:1px solid transparent; border-radius:0.45rem; font-size:0.95rem; font-weight:700; line-height:1.5} .essential-form__status[data-state="pending"]{color:#314c67; background:#eef3f9; border-color:#cbd8e8} .essential-form__status[data-state="success"]{color:#005c55; background:#e8f7f4; border-color:#50b1a6} .essential-form__status[data-state="error"]{color:var(--color-danger,#a31d1d); background:rgb(163 29 29 / 6%); border-color:currentColor} .essential-form__fields[hidden],.essential-form__actions[hidden],.essential-form__new-inquiry[hidden]{display:none !important} .essential-form__new-inquiry:not([hidden]){margin-top:1rem} .essential-form__actions{display:flex; flex-wrap:wrap; align-items:center; gap:0.9rem 1.25rem; margin-top:1.25rem} .essential-form__actions .cf-turnstile{flex:0 1 300px; max-width:100%} .essential-form__actions .cf-turnstile:not(:has(iframe)){flex:0 0 0} .essential-form__actions:not(:has(.cf-turnstile iframe)){column-gap:0} .essential-form__actions button{flex:0 0 auto} @media (max-width:380px){.essential-form__actions{flex-direction:column; align-items:flex-start}} [data-motion-reveal]{--motion-reveal-distance:1.5rem;--motion-reveal-duration:480ms;--motion-reveal-delay:0ms}[data-motion-delay=short]{--motion-reveal-delay:100ms}[data-motion-delay=medium]{--motion-reveal-delay:200ms}[data-motion-delay=long]{--motion-reveal-delay:350ms}[data-motion-reveal].is-motion-pending:not([data-motion-effect=stagger]){opacity:0;transition:opacity var(--motion-reveal-duration) ease var(--motion-reveal-delay),transform var(--motion-reveal-duration) cubic-bezier(.2,.75,.25,1) var(--motion-reveal-delay);will-change:opacity,transform}[data-motion-effect=fade-up].is-motion-pending{transform:translateY(var(--motion-reveal-distance))}[data-motion-effect=fade-down].is-motion-pending{transform:translateY(calc(var(--motion-reveal-distance) * -1))}[data-motion-effect=fade-left].is-motion-pending{transform:translateX(calc(var(--motion-reveal-distance) * -1))}[data-motion-effect=fade-right].is-motion-pending{transform:translateX(var(--motion-reveal-distance))}[data-motion-effect=scale-in].is-motion-pending{transform:scale(.96)}[data-motion-reveal].is-motion-pending.is-motion-revealed:not([data-motion-effect=stagger]){opacity:1;transform:none;will-change:auto}[data-motion-effect=stagger].is-motion-pending>*{opacity:0;transform:translateY(1rem);transition:opacity 420ms ease,transform 420ms cubic-bezier(.2,.75,.25,1);will-change:opacity,transform}[data-motion-effect=stagger].is-motion-revealed>*{opacity:1;transform:none;will-change:auto}[data-motion-effect=stagger].is-motion-revealed>:nth-child(2){transition-delay:70ms}[data-motion-effect=stagger].is-motion-revealed>:nth-child(3){transition-delay:140ms}[data-motion-effect=stagger].is-motion-revealed>:nth-child(4){transition-delay:210ms}[data-motion-effect=stagger].is-motion-revealed>:nth-child(5){transition-delay:280ms}[data-motion-effect=stagger].is-motion-revealed>:nth-child(n+6){transition-delay:350ms}@media(prefers-reduced-motion:reduce){[data-motion-reveal],[data-motion-reveal].is-motion-pending,[data-motion-effect=stagger].is-motion-pending>*{opacity:1;transform:none;transition:none;will-change:auto}} .privacy-consent{position:fixed;z-index:1100;inset:auto 1rem 1rem;display:grid;place-items:end}.privacy-consent[hidden],.privacy-consent__manage[hidden],.privacy-consent__status[hidden]{display:none}.privacy-consent__panel{width:min(34rem,calc(100vw - 2rem));padding:1.25rem;color:var(--color-text,#172033);background:var(--color-background,#fff);border:1px solid var(--color-border,#d8deea);border-radius:calc(var(--radius-default,.5rem)*1.5);box-shadow:0 1.25rem 3rem rgb(16 21 33/.25)}.privacy-consent__panel h2{margin-top:0}.privacy-consent__status{padding:.65rem .75rem;color:var(--brand-secondary,#203776);background:var(--color-surface,#f4f6fa);border-left:.25rem solid var(--brand-primary,#3157d5);font-weight:700}.privacy-consent__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.privacy-consent button{min-height:2.75rem;padding:.65rem 1rem;color:var(--color-text,#172033);background:var(--color-surface,#f4f6fa);border:1px solid var(--color-border,#d8deea);border-radius:var(--radius-default,.5rem);font:inherit;font-weight:750;cursor:pointer}.privacy-consent button[aria-pressed=true]{outline:.2rem solid color-mix(in srgb,var(--brand-primary,#3157d5) 35%,transparent);outline-offset:.15rem}.privacy-consent [data-privacy-accept]{color:#fff;background:var(--brand-primary,#3157d5);border-color:var(--brand-primary,#3157d5)}.privacy-consent__manage{position:fixed;z-index:1090;left:1rem;bottom:1rem;min-height:2.5rem;padding:.55rem .8rem;color:var(--color-text,#172033);background:var(--color-background,#fff);border:1px solid var(--color-border,#d8deea);border-radius:999px;box-shadow:0 .5rem 1.25rem rgb(16 21 33/.16);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}@media(max-width:36rem){.privacy-consent__actions{display:grid}.privacy-consent__actions button{width:100%}} .scroll-motion{position:relative}.scroll-motion[data-scroll-effect=zoom],.scroll-motion[data-scroll-effect=parallax-y]{overflow:clip}.scroll-motion__target{min-width:0}.scroll-motion.is-scroll-motion-ready .scroll-motion__target{transform:translate3d(var(--scroll-motion-x,0),var(--scroll-motion-y,0),0) scale(var(--scroll-motion-scale,1)) rotate(var(--scroll-motion-rotate,0deg)) skewX(var(--scroll-motion-skew,0deg));transform-origin:center;backface-visibility:hidden}.scroll-motion.is-scroll-motion-active .scroll-motion__target{will-change:transform}@media(prefers-reduced-motion:reduce){.scroll-motion.is-scroll-motion-ready .scroll-motion__target{transform:none;will-change:auto}}