/* Revision 6: restrained drafting surfaces and refinements from Adam's review. */
.drafting-banner{position:relative;isolation:isolate;overflow:hidden;background-color:var(--grey)}
.drafting-banner>.copy-block,.drafting-banner>h1,.drafting-banner>.hero-bottom{position:relative;z-index:1}
.drafting-banner>.texture-field{display:none}
.drafting-surface{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.drafting-grid{position:absolute;inset:-26px;background-image:linear-gradient(#1d433719 1px,transparent 1px),linear-gradient(90deg,#1d433719 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(100deg,transparent 15%,#000 100%);opacity:.72;animation:drafting-drift 24s linear infinite;animation-play-state:paused}
.drafting-banner.in-view .drafting-grid{animation-play-state:running}
.drafting-sheet{position:absolute;right:5%;bottom:10%;width:255px;height:160px;background:#ceff6c38;border:1px solid #1d43372b;box-shadow:9px 9px 0 #1d43370a}
.drafting-lines{position:absolute;width:340px;height:220px;right:4%;bottom:7%;fill:none;stroke:var(--mid);stroke-width:1;opacity:.32}
.drafting-lines circle{fill:var(--lime);stroke:var(--mid)}
.drafting-banner:has(.opening-subheading) .drafting-surface{left:52%}
.drafting-banner:has(.opening-subheading) .drafting-sheet{top:30%;bottom:auto;width:250px;height:240px;right:9%}
.drafting-banner:has(.opening-subheading) .drafting-lines{top:31%;bottom:auto;right:3%}
.floating-detail{position:relative;isolation:isolate;border:1px solid #1d43376b;box-shadow:8px 8px 0 #ceff6c66;background:var(--white);overflow:hidden}
.floating-detail::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#1d43370a 1px,transparent 1px),linear-gradient(90deg,#1d43370a 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.orbit-runner{transform-origin:260px 280px;animation:objective-orbit 28s linear infinite;animation-play-state:paused}
.orbit-runner path{fill:none;stroke:var(--mid);stroke-width:1.5;opacity:.4}.orbit-runner circle{fill:var(--deep);stroke:var(--lime);stroke-width:2}
.objective-art.in-view .orbit-runner{animation-play-state:running}
.strategy-texture{position:relative;isolation:isolate;overflow:hidden}
.strategy-texture::after{content:'';position:absolute;z-index:-1;inset:30px 0 30px 62%;background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.6;pointer-events:none}
.experience-feather{position:relative;display:flex;align-items:center;min-height:680px;isolation:isolate}
.experience-feather>.portrait{position:absolute;left:0;top:0;bottom:0;width:52%;height:100%;max-width:none;margin:0;z-index:-1}
.experience-feather>.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.experience-feather>.portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,var(--grey) 100%)}
.experience-feather>.copy-block{width:48%;margin-left:auto;max-width:610px}
.motivation-feather{padding:55px 0 36px;overflow:hidden}
.motivation-preview{position:relative;max-width:1200px;margin:auto;aspect-ratio:16/9;background:var(--grey)}
.motivation-poster{display:block;width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse 70% 77% at 50% 50%,#000 43%,transparent 76%)}
.motivation-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--deep);color:var(--lime);border:1px solid #ceff6c99;cursor:pointer;font-size:24px;padding-left:5px;box-shadow:0 0 0 10px #0d292020}
.motivation-play:focus-visible{outline:3px solid var(--mid);outline-offset:8px}
.motivation-player{display:block;width:100%;height:100%;background:var(--deep)}
.motivation-player[hidden],.motivation-poster[hidden],.motivation-play[hidden]{display:none}
.film-preview-note{font-size:11px;color:var(--mid);text-align:center;margin:10px var(--gutter) 0}
.full-media-hero{position:relative;min-height:790px}
.full-media-hero .cinema-heading{padding-top:92px;position:relative;z-index:2}
.full-media-hero .cinema-heading h1{max-width:1040px;font-size:clamp(49px,6.4vw,88px)}
.full-media-hero .cinema-stage{position:static;margin:0;min-height:0}
.full-media-hero .cinema-media{position:absolute;inset:0;width:100%;height:100%}
.full-media-hero .cinema-media video,.hero-still{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.full-media-hero .cinema-media::after{background:linear-gradient(180deg,#0d2920e8 0%,#0d2920cc 32%,#0d292040 67%,#0d292080 100%),linear-gradient(90deg,#0d29200a 30%,#0d292033 48%,#0d2920e8 82%)}
.full-media-hero .cinema-copy{width:46%;min-height:320px;padding-top:45px;padding-bottom:70px}
.application-photo::after{content:'';position:absolute;inset:0;background:#1d433712;pointer-events:none}
.timeline-wrap{position:relative;margin-top:110px}
.strategy-steps.timeline{margin-top:0}
.timeline{--timeline-axis:50%}
.timeline::before{left:var(--timeline-axis);transform:translateX(-50%);top:11px}
.timeline-step::after,.timeline-step.step-right::after{left:100%;right:auto;transform:translateX(-50%);transition:opacity 180ms ease,background-color 180ms ease}
.timeline-step.step-right::after{left:0}
.timeline .step-question{font-size:20px}
.timeline-runner{display:none;position:absolute;left:50%;top:var(--travel-y,11px);width:13px;height:13px;transform:translate(-50%,-50%);border:2px solid var(--deep);border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #ceff6c33;z-index:4;pointer-events:none}
.motion-enabled .timeline-wrap.timeline-ready .timeline-runner{display:block}
.motion-enabled .timeline-wrap.timeline-ready .timeline-step:not(.is-reached)::after{opacity:0}
.motion-enabled .timeline-wrap.timeline-ready .timeline-step.is-reached::after{opacity:1;background:var(--lime);border-color:var(--mid);outline:1px solid var(--mid)}
.playbook-output .texture-field{inset:0}
.playbook-output .dot-field{mask-image:none;opacity:.25}
.playbook-output .dot-wave{left:0;opacity:.4}
.playbook-output .surface-swatch{display:none}
.capability-photo{background-color:var(--deep);background-image:linear-gradient(#0d2920c9,#0d2920d6),none;background-size:cover;background-position:center 50%;color:var(--white)}
.capability-photo .copy-block{max-width:880px}
.invitation{position:relative;isolation:isolate;overflow:hidden}
.invitation .copy-block{max-width:min(950px,calc(100% - 250px))}
.invitation-art{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);width:205px;height:205px;color:#1d43372b;z-index:-1}
.invitation-art .cta-arrow{fill:none;stroke:var(--mid);stroke-width:1.2}.invitation-art>rect{fill:#ceff6c2e;stroke:#1d43372b;stroke-width:.7}
.workflow-grid>li{background-color:var(--grey);background-image:linear-gradient(#1d43370b 1px,transparent 1px),linear-gradient(90deg,#1d43370b 1px,transparent 1px);background-size:25px 25px;transition:transform 240ms ease,border-color 240ms ease,box-shadow 240ms ease;transform-origin:center;position:relative}
.package.recommended .price{color:var(--lime)}
.support-lines>.copy-block:first-child .prose p+p{margin-top:0}
.review-bar .motion-toggle{border-color:transparent;background:transparent;padding-left:8px;padding-right:8px}
.comparison-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:25px}.banner-comparison>p{max-width:800px;font-size:16px}
@media(hover:hover) and (pointer:fine){.workflow-grid>li:hover{transform:translateY(-3px) scale(1.009);border-color:var(--mid);box-shadow:0 0 0 2px #ceff6c55,0 8px 20px #0d29200d}}
@keyframes objective-orbit{to{transform:rotate(360deg)}}
@keyframes drafting-drift{to{background-position:26px 0,26px 0}}
@media(max-width:1100px){
 .full-media-hero{min-height:0}.full-media-hero .cinema-heading{padding-top:var(--space)}
 .full-media-hero .cinema-stage{position:relative;margin-top:48px;display:flex}
 .full-media-hero .cinema-media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9}
 .full-media-hero .cinema-media::after{background:linear-gradient(0deg,var(--deep),transparent 24%)}
 .full-media-hero .cinema-copy{width:100%;min-height:0;padding:35px var(--gutter) var(--space)}
 .invitation .copy-block{max-width:950px}.invitation-art{right:-35px;opacity:.32;width:160px;height:160px;top:auto;bottom:12px;transform:none}
 .experience-feather{min-height:740px}.experience-feather>.portrait{width:49%}.experience-feather>.copy-block{width:49%}.experience-feather h2{font-size:44px}
 .drafting-sheet{width:180px;height:130px}.drafting-lines{width:250px;right:0;bottom:4%}
}
@media(max-width:800px){
 .drafting-grid{mask-image:linear-gradient(130deg,transparent 20%,#000);opacity:.48}
 .drafting-sheet{right:-40px;bottom:35px;width:155px;height:155px;opacity:.6}.drafting-lines{width:180px;right:-20px;bottom:30px;opacity:.22}
 .drafting-banner:has(.opening-subheading) .drafting-surface{left:15%}.drafting-banner:has(.opening-subheading) .drafting-sheet{width:160px;height:210px;right:-50px;top:15%}.drafting-banner:has(.opening-subheading) .drafting-lines{right:-20px;top:18%}
 .drafting-banner .opening-subheading{position:relative}
 .experience-feather{display:block;min-height:0;padding-top:0}.experience-feather>.portrait{position:relative;width:calc(100% + 2 * var(--gutter));height:390px;left:calc(-1 * var(--gutter));max-width:none;z-index:auto;margin:0 0 35px}
 .experience-feather>.portrait::after{background:linear-gradient(0deg,var(--grey),transparent 30%)}.experience-feather>.copy-block{width:100%;max-width:none}.experience-feather h2{font-size:37px}
 .motivation-feather{padding-top:30px;padding-bottom:25px}.motivation-preview{aspect-ratio:4/3}.motivation-poster{object-fit:contain;mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 42%,transparent 78%)}.motivation-play{width:62px;height:62px;font-size:20px}.motivation-player{object-fit:contain}
 .full-media-hero .cinema-heading{padding-top:65px}.full-media-hero .cinema-heading h1{font-size:clamp(43px,8.3vw,64px)}.full-media-hero .cinema-stage{margin-top:38px}
 .timeline-wrap{margin-top:75px}.timeline{--timeline-axis:9.5px}.timeline::before{top:9px}
 .timeline-step::after,.timeline-step.step-right::after{left:9.5px;transform:translateX(-50%)}.timeline-runner{left:9.5px}
 .timeline .step-question{font-size:19px}.playbook-output .dot-field{opacity:.21}.playbook-output .dot-wave{opacity:.32}
 .invitation-art{width:125px;height:125px;right:-20px;bottom:15px;opacity:.25}
 .capability-photo{background-position:60% center}
 .floating-detail{box-shadow:6px 6px 0 #ceff6c66}
}
@media(max-width:360px){.full-media-hero .cinema-heading h1{font-size:41px}.experience-feather h2{font-size:35px}}
.motion-paused .orbit-runner,.motion-paused .timeline-runner{display:none!important}
.motion-paused .timeline-step::after{opacity:1!important}
.motion-paused .workflow-grid>li:hover{transform:none;box-shadow:none;transition:none}
@media(prefers-reduced-motion:reduce){.orbit-runner,.timeline-runner{display:none!important}.timeline-step::after{opacity:1!important}.workflow-grid>li:hover{transform:none;box-shadow:none}.drafting-grid{animation:none!important}}
