/* Isolated from the three-direction archive. */
.selected-direction .r8-section{padding:100px 6vw;color:#e7edf0;background:#081014}.r8-section h2{font:clamp(40px,4.9vw,74px)/1.08 Georgia,serif;letter-spacing:-2px}.r8-section h2 em{color:#a8cce3}.r8-section h3{font:29px/1.2 Georgia,serif;letter-spacing:-.5px}.r8-section p{font-size:16px;line-height:1.75}.r8-section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:44px}.r8-note, .r8-caption{color:#adbfca;font-size:12px!important;line-height:1.6!important}.r8-note{border:1px solid #456070;padding:7px 12px;border-radius:30px}.r8-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end;margin-bottom:58px}.r8-heading>p{max-width:430px;color:#bed0da}.r8-faq summary::-webkit-details-marker{display:none}.r8-plus{font:28px/1 Arial,sans-serif;transition:transform .25s}.r8-faq details[open] .r8-plus{transform:rotate(45deg)}.r8-pathways>.r8-caption{margin-top:24px}.selected-direction .r8-philosophy{background:#eae9e2;color:#152a35;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.r8-philosophy h2 em{color:#34617b}.r8-portrait{margin:0;overflow:hidden}.r8-portrait img{width:100%;height:620px;object-fit:cover;object-position:center;transform:scale(calc(1.035 - var(--entry,1)*.035))}.r8-portrait figcaption{font-size:11px;margin-top:14px;color:#4f6069}.r8-philosophy-copy h2{margin:30px 0}.r8-philosophy-copy p{color:#40545f}.r8-principles article{padding:25px 0;border-bottom:1px solid #b7c1c4}.r8-principles h3{font-size:26px;margin-bottom:12px}.r8-philosophy .r8-caption{margin-top:26px;color:#4f6069}.selected-direction .r8-journey{background:#112633}.r8-journey-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0;margin:0}.r8-journey-grid li{border-top:1px solid #668394;padding-top:24px;transform:translateY(calc((1 - var(--entry,1))*24px))}.r8-stage{font-size:12px;letter-spacing:2px;color:#b3d1e2}.r8-journey-grid h3{margin:30px 0 20px}.r8-journey-grid p{color:#bed0da}.r8-faq{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw}.r8-faq h2{margin-top:30px}.r8-faq details{border-bottom:1px solid #405866}.r8-faq details:first-child{border-top:1px solid #405866}.r8-faq summary{list-style:none;cursor:pointer;padding:25px 0;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:18px}.r8-faq summary span{flex-shrink:0}.r8-faq details p{padding:0 35px 28px 0;color:#bed0da}.r8-guide-links{display:flex;flex-direction:column;gap:20px;margin:22px 0 30px;color:#182b35}.r8-footer-links{display:flex;flex-wrap:wrap;gap:20px;width:100%;padding-top:30px;border-top:1px solid #52626b}.selected-direction .site-footer{flex-wrap:wrap}.selected-direction .r8-section :focus-visible{outline-color:#7dbbe1}.selected-direction .r8-philosophy :focus-visible{outline-color:#285d80}.selected-direction .site-links{gap:24px}.selected-direction .paused .r8-journey-grid li, .selected-direction.paused .r8-journey-grid li, .selected-direction.reduced .r8-journey-grid li{transform:none}.selected-direction.paused .r8-portrait img, .selected-direction.reduced .r8-portrait img{transform:none}
@media(max-width:1050px){.selected-direction .site-links{gap:16px;font-size:12px}.selected-direction .brand img{width:175px}.r8-heading{gap:35px}.r8-portrait img{height:520px}.r8-section h2{font-size:48px}.r8-journey-grid{gap:24px}.r8-section h3{font-size:26px}}
@media(max-width:700px){.selected-direction .r8-section{padding:64px 6vw}.r8-section-top, .r8-heading{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.r8-section-top{margin-bottom:30px}.r8-section h2{font-size:clamp(35px,9.2vw,52px);letter-spacing:-1.2px}.r8-heading{margin-bottom:38px}.selected-direction .r8-philosophy{grid-template-columns:1fr;gap:40px}.r8-portrait img{height:420px}.r8-journey-grid{grid-template-columns:1fr;gap:35px}.r8-journey-grid h3{margin:20px 0 14px}.r8-faq{grid-template-columns:1fr;gap:35px}.r8-faq summary{font-size:17px}.r8-footer-links{flex-direction:column;gap:0}.r8-footer-links a{padding:12px 0;min-height:44px}.r8-note{font-size:11px}.selected-direction .site-links{font-size:16px}}
@media(prefers-reduced-motion:reduce){.r8-journey-grid li, .r8-portrait img{transform:none!important}}

/* Review pass: 24px+ tap areas, 12px minimum text, bold question labels, phone hero and motion control. */
.selected-direction .site-links a{padding-block:8px}/* Keep the original underline on the last link (Begin a conversation); 4px sits it just under the text as before. */
.selected-direction .site-links a:last-child{padding-bottom:4px;margin-bottom:4px}.selected-direction .site-footer a, .r8-footer-links a{padding-block:8px}.r8-portrait figcaption{font-size:12px}
@media(max-width:700px){.selected-direction .molecule-index, .selected-direction .perspective-art .edge-note, .continuum-bridge{font-size:12px}.selected-direction .hero-molecular .film>img, .selected-direction .hero-molecular .film video{top:calc(30px + (370px - 56.25vw)/2);height:56.25vw;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}.selected-direction .nav-actions{gap:8px}.selected-direction .brand img{width:150px}.selected-direction .motion-toggle{position:static;box-shadow:none;background:transparent;color:#e4eaf0;border:1px solid #637e8d;border-radius:0;min-height:44px;padding:10px 12px;font-size:0}.selected-direction .motion-toggle::after{content:'Pause';font-size:14px}.selected-direction .motion-toggle[aria-pressed=true]::after{content:'Resume'}
}
@media(max-width:360px){.selected-direction .brand img{width:120px}}/* Sticky header, matching the Dato site. The bar hides by moving its top edge, not by a transform, because a transform
   would re-anchor the fixed Pause motion button that lives inside it. Slimming removes 28px of height and returns the
   same 28px as margin on the same timing, so the page below never shifts. */
.selected-direction #sample{background:#081014}.selected-direction .site-nav{position:sticky;top:0;z-index:50;transition:top 260ms ease,height 200ms ease,min-height 200ms ease,padding 200ms ease,margin 200ms ease,box-shadow 200ms ease}.selected-direction .site-nav .brand img{transform-origin:left center;transition:scale 200ms ease}.selected-direction .site-nav[data-compact]{height:72px;margin-bottom:28px;box-shadow:0 1px 0 #344550}.selected-direction .site-nav[data-compact] .brand img{scale:.82}.selected-direction .site-nav[data-hidden]{top:-130px}
@media(max-width:700px){.selected-direction .site-nav{position:sticky}/* Phone bar is 88px tall (min-height) around 78px of content; slim it to exactly 60px so the 28px margin balances. */
.selected-direction .site-nav[data-compact]{height:auto;min-height:60px;padding-block:3px}/* The phone menu opens as a panel over the page instead of pushing the page down. */
.selected-direction .menu-open .site-links{position:absolute;top:100%;left:0;right:0;width:auto;background:#081014;padding:6px 6vw 16px;border-bottom:1px solid #344550;box-shadow:0 18px 30px #0009}
}
@media(prefers-reduced-motion:reduce){.selected-direction .site-nav, .selected-direction .site-nav .brand img{transition:none}}/* The two-tone logo carries its own colors; the old one-color wordmark was forced white with a filter. */
.selected-direction .site-nav .brand img{filter:none}/* The skip link and any native anchor jump stop below the pinned header (72px slim on desktop, 60px on phones). */
html{scroll-padding-top:92px}
@media(max-width:700px){html{scroll-padding-top:80px}}/* Concierge emphasis: keep live Arial, size, spacing and link geometry. */
.selected-direction .hero-molecular .text-link[href="#concierge"]{font-weight:600;box-shadow:inset 0 -1px 0 currentColor}