/* One architectural folio. Its blue is sampled from the supplied logo. */
body.thinking-home.blueprint-folio{--brand-blue:#12abf8;--brand-sky:#12abf8;--brand-ink:#3d4348;--brand-muted:#526066;--brand-line:rgba(18,171,248,.32);--brand-wash:rgba(18,171,248,.045);--brand-paper:#fff;--blue:var(--brand-blue);--blue-deep:var(--brand-blue);--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--wash:var(--brand-wash);--paper:#fff;--folio-grid-step:32px;background:#fff;color:var(--brand-ink)}
.blueprint-folio :is(a,button,summary,input,textarea,select):focus-visible{outline-color:var(--brand-ink)}
.blueprint-folio #top.site-header{padding-block:22px 16px;background:#fff}
.blueprint-folio #top .header-inner{padding-bottom:16px;border-bottom:1px solid var(--brand-line)}
.blueprint-folio #top .desktop-nav a:hover,.blueprint-folio #top .desktop-nav a:focus-visible{color:var(--brand-ink);text-decoration-color:var(--brand-blue);text-decoration-thickness:2px;text-underline-offset:7px}
.blueprint-folio #top .account-actions a{border-radius:2px;border-color:var(--brand-line);box-shadow:none;letter-spacing:0}
.blueprint-folio #top .account-actions .account-pay{border-color:var(--brand-blue);box-shadow:none;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}
.blueprint-folio #top .account-actions .account-pay:hover{border-color:#12abf8;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}
.blueprint-folio #top .locale-panel{border:1px solid var(--brand-line);border-radius:2px;box-shadow:0 20px 60px rgba(61,67,72,.12)}
.blueprint-folio #top :is(.locale-region-button,.locale-language-button){border-color:var(--brand-line);border-radius:2px;background:#fff;color:var(--brand-ink);box-shadow:none}
.blueprint-folio #top .locale-region-button[aria-pressed=true],.blueprint-folio #top .locale-language-button[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-wash);color:var(--brand-ink);box-shadow:inset 0 0 0 1px var(--brand-blue)}
.blueprint-folio #top .locale-region-button[aria-pressed=true] .locale-currency-label{color:var(--brand-muted)}
.blueprint-folio .hero{position:relative;margin-top:12px;margin-bottom:0;border:0;background:#fff;box-shadow:none}
.blueprint-folio .hero::before,.blueprint-folio .hero::after{content:none}
.blueprint-folio .hero-copy{position:relative;background:#fff;border-radius:0;padding-inline-start:0}
.blueprint-folio .hero-title h1{position:relative;inset-inline-start:calc(0px - var(--typewriter-text-inset,0px));margin:0}
.blueprint-folio .hero-title-typewriter .hero-static,.blueprint-folio .hero-title-typewriter .hero-payoff{color:var(--brand-ink)}
/* Bright annotation is reserved for the live phrase, as on a marked-up plan. */
.blueprint-folio .typewriter-ink::before{box-shadow:none;background:var(--marker-colour,#ffe500)}
.blueprint-folio .hero-description{color:var(--brand-muted)}
/* A substantial enamel-like control, with a quiet bevel rather than an icon. */
.blueprint-folio .hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:0;width:fit-content;min-width:min(100%,372px);max-width:100%;min-height:66px;padding:18px 28px;border:1px solid var(--brand-blue);border-radius:14px 14px 14px 5px;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -2px 0 #3d434814,0 3px 0 var(--brand-blue),0 9px 18px #3d434814;font:800 20px/1.3 KailanNav,Arial,sans-serif;letter-spacing:-.025em;text-align:center;white-space:normal;text-decoration:none;animation:none;transition:box-shadow .14s ease;transform:none;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}
.blueprint-folio .hero-actions .button>span{min-width:0;max-width:100%;overflow-wrap:normal;text-wrap:balance}
.blueprint-folio .hero-actions .button:hover{border-color:var(--brand-blue);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -2px 0 #3d434814,0 3px 0 var(--brand-blue),0 11px 22px #3d434824;transform:none;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}
.blueprint-folio .hero-actions .button:active{box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #3d434814,0 1px 0 var(--brand-blue),0 4px 8px #3d434814;transform:translateY(2px)}
.blueprint-folio .hero-actions .button:focus-visible{outline:3px solid var(--brand-ink);outline-offset:6px}
@media(max-width:520px){.blueprint-folio .hero-actions .button{width:100%;min-width:0;min-height:64px;padding:17px 18px;border-radius:12px 12px 12px 4px;font-size:18px;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}}
@media(max-width:360px){.blueprint-folio .hero-actions .button{padding-inline:14px;font-size:18px;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}}
@media(prefers-reduced-motion:reduce){.blueprint-folio .hero-actions .button{transition:none;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}}
@media(forced-colors:active){.blueprint-folio .hero-actions .button{border:2px solid ButtonText;box-shadow:none;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}.blueprint-folio .hero-actions .button:hover{box-shadow:none;background-color:#12ABF8;background-image:none;color:#fff;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}.blueprint-folio .hero-actions .button:focus-visible{outline-color:ButtonText}}
/* The visible hero uses the masthead's outer edges; inner padding keeps the column gap. */
.blueprint-folio .hero-visual{height:auto;padding-inline-end:0;border:0;background-color:#fff;background-image:linear-gradient(rgba(18,171,248,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,171,248,.055) 1px,transparent 1px),linear-gradient(rgba(18,171,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(18,171,248,.08) 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px}
.blueprint-folio .hero-query{border-color:var(--brand-line);background:#fff;border-radius:999px;box-shadow:none}
.blueprint-folio .hero-query:hover{background:#fff;border-color:var(--brand-blue);box-shadow:0 2px 14px rgba(61,67,72,.06)}
.blueprint-folio .hero-vsl{border:1px solid var(--brand-line);border-radius:0;background:#fff;box-shadow:none}
.blueprint-folio .hero-possibilities{padding-top:20px;border-top:1px solid var(--brand-line)}
.blueprint-folio .media-preview{margin-top:36px;border-block:1px solid var(--brand-line);background:#fff}
.blueprint-folio .media-preview-inner{padding-block:24px}
.blueprint-folio .media-preview-logos{color:var(--brand-ink);opacity:.72}
.blueprint-folio .media-preview-disclosure{color:var(--brand-muted)}
/* The video has a quiet branded cover. The supplied video plays on request. */
.blueprint-folio .folio-video-cover{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;padding:28px;border:0;background:#fff;color:var(--brand-ink);text-align:left;cursor:pointer;isolation:isolate}
.blueprint-folio .folio-video-cover::before{content:'';position:absolute;inset:16px;z-index:-1;border:1px solid var(--brand-line);background-image:linear-gradient(rgba(18,171,248,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,171,248,.055) 1px,transparent 1px);background-size:24px 24px}
.blueprint-folio .folio-video-mark{position:absolute;top:26px;left:28px;width:58%;max-width:250px;aspect-ratio:710/252;background:var(--brand-blue);mask:url("/assets/kailans-coaching-wordmark-white.webp") center/contain no-repeat;-webkit-mask:url("/assets/kailans-coaching-wordmark-white.webp") center/contain no-repeat}
.blueprint-folio .folio-video-title{font:400 clamp(32px,4vw,56px)/1 var(--serif);letter-spacing:-.025em}
.blueprint-folio .folio-video-play{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--brand-ink);border-radius:50%;background:var(--brand-blue);transition:background-color .18s}
.blueprint-folio .folio-video-play svg{width:21px;height:21px;margin-left:3px;fill:currentColor}
.blueprint-folio .folio-video-cover:hover .folio-video-play{background:var(--brand-ink);color:#fff}
.blueprint-folio .folio-video-cover:focus-visible{outline-offset:-5px}
@media(max-width:1000px){.blueprint-folio .hero-copy,.blueprint-folio .hero-visual{padding-inline:0}.blueprint-folio .hero-visual{border:0}.blueprint-folio .folio-video-title{font-size:56px}.blueprint-folio .folio-video-mark{width:48%;max-width:300px}}
@media(max-width:520px){.blueprint-folio #top.site-header{padding-block:16px 8px}.blueprint-folio #top .header-inner{padding-bottom:12px}.blueprint-folio .hero{margin-top:12px}.blueprint-folio .hero-possibilities{padding-top:16px}.blueprint-folio .media-preview{margin-top:26px}.blueprint-folio .media-preview-inner{padding-block:18px}.blueprint-folio .folio-video-cover{padding:22px}.blueprint-folio .folio-video-cover::before{inset:11px}.blueprint-folio .folio-video-mark{top:18px;left:22px;width:55%;max-width:210px}.blueprint-folio .folio-video-title{font-size:34px}.blueprint-folio .folio-video-play{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.blueprint-folio .folio-video-play{transition:none}}
@media(forced-colors:active){.blueprint-folio .hero,.blueprint-folio .hero-visual,.blueprint-folio .hero-vsl,.blueprint-folio .hero-possibilities,.blueprint-folio .folio-video-cover::before{border-color:CanvasText}.blueprint-folio .hero-visual{background-image:none}.blueprint-folio .folio-video-play{background:ButtonFace;color:ButtonText;border-color:ButtonText}}
@media(max-width:380px){.blueprint-folio .folio-video-cover{padding:18px}.blueprint-folio .folio-video-mark{top:12px;left:18px;width:45%}.blueprint-folio .folio-video-title{font-size:26px}.blueprint-folio .folio-video-play{width:40px;height:40px}}
.blueprint-folio .hero-query:focus-visible,.blueprint-folio .hero-offer .market-cta:focus-visible,.blueprint-folio .hero-carousel-viewport:focus-visible,.blueprint-folio .hero-carousel-pause:focus-visible{outline-color:var(--brand-ink)}

@media(forced-colors:active){.blueprint-folio .hero-actions .button,.blueprint-folio .hero-actions .button:hover{background:ButtonFace;background-image:none;color:ButtonText!important;border-color:ButtonText;box-shadow:none;-webkit-text-stroke:0;text-shadow:none}}
