:root{--header-height:108px;--teal:#2fe2cb;--paper:#fff;--ink:#171918}
html{scroll-padding-top:var(--header-height)}
.header{border-bottom:1px solid #17191814;transition:box-shadow .25s}.header:has(.services-toggle[aria-expanded=true]){box-shadow:0 8px 30px #0001}
.desktop-nav>a,.services-toggle{font-weight:700;font-size:13px;line-height:1.4;padding:12px 14px;position:relative;border:0;background:none;white-space:nowrap;isolation:isolate}
.desktop-nav{gap:5px;margin-right:5px}.desktop-nav>a:before,.services-toggle:before{content:'';position:absolute;inset:0;background:var(--teal);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.desktop-nav>a:hover:before,.desktop-nav>a:focus-visible:before,.services-toggle:hover:before,.services-toggle[aria-expanded=true]:before{transform:scaleY(1)}.desktop-nav a:after{display:none}.desktop-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--teal)}.services-toggle{display:flex;align-items:center;gap:15px}.services-toggle>span{font-size:22px;line-height:1;font-weight:400;min-width:14px}.header .nav-cta{border-radius:0;background:var(--ink);color:white}.header .nav-cta:hover{background:var(--teal);color:var(--ink)}
.services-menu[hidden],.services-backdrop[hidden]{display:none}.services-backdrop{position:fixed;inset:var(--header-height) 0 0;background:#0008;border:0;z-index:179;cursor:default;backdrop-filter:blur(4px)}
.services-menu{position:fixed;inset:var(--header-height) 0 auto;z-index:180;background:var(--ink);color:white;padding:28px var(--pad) 20px;max-height:calc(100dvh - var(--header-height));overflow:auto;overscroll-behavior:contain}
.services-menu-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #ffffff35}.services-menu-top>a{font-size:18px;font-weight:700;letter-spacing:-.02em}.services-menu-top>a>span{color:var(--teal);margin-left:20px}.services-menu-top>span{color:var(--teal);font-size:44px;line-height:1}
.services-menu-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:4vw;padding:24px 0}.services-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.service-menu-link{display:flex;align-items:center;gap:15px;min-height:98px;border-bottom:1px solid #ffffff28;padding:18px 0;position:relative}.service-menu-link>span:nth-child(2){font-size:clamp(16px,1.7vw,26px);font-weight:700;letter-spacing:-.035em;line-height:1.25}.service-menu-link small{display:block;margin-top:9px;max-width:25ch;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.5;color:#ddd}.nav-number{font-size:10px;color:var(--teal);align-self:flex-start;margin-top:6px}.nav-arrow{font-size:25px;margin-left:auto;color:var(--teal);transition:transform .25s}.service-menu-link:hover,.service-menu-link:focus-visible{color:var(--teal)}.service-menu-link:hover .nav-arrow{transform:translate(4px,-4px)}
.menu-feature{display:block;position:relative;min-height:300px;overflow:hidden;background:#333}.menu-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.menu-feature>span{position:absolute;bottom:22px;left:22px;right:22px;z-index:2;display:flex;justify-content:space-between;font-size:18px;font-weight:700}.menu-feature>span span{color:var(--teal)}.menu-preview-label{position:absolute;left:18px;top:18px;background:var(--teal);color:var(--ink);font-size:11px;padding:8px 10px;z-index:2}.menu-surge{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:18px;font-size:12px;color:#eee}.menu-surge>span{color:var(--teal);font-weight:700}.mega-open{overflow:hidden}
.mobile-menu{background:var(--ink);color:white;display:block;padding-top:24px;overflow:auto;overscroll-behavior:contain}.mobile-menu>a,.mobile-services-toggle{display:flex;justify-content:space-between;width:100%;padding:16px 0;border:0;border-bottom:1px solid #ffffff30;background:none;color:white;font-size:32px;font-weight:700;letter-spacing:-.055em;line-height:1.15;text-align:left}.mobile-menu>a:after{content:'↗';color:var(--teal);font-weight:400}.mobile-services-toggle>span{color:var(--teal);font-size:36px;font-weight:400}.mobile-services-toggle[aria-expanded=true]{color:var(--teal)}#mobile-services-list[hidden]{display:none}#mobile-services-list{padding:6px 0 18px}.mobile-menu .service-menu-link{font-size:18px;min-height:0;padding:15px 0 15px 9px;gap:12px}.mobile-menu .service-menu-link>span:nth-child(2){font-size:20px}.mobile-menu .service-menu-link small{display:none}.mobile-menu .mobile-all-services{display:block;font-size:13px;font-weight:500;letter-spacing:0;padding:16px 9px;color:var(--teal)}.mobile-menu .nav-number{margin-top:4px}.mobile-menu .nav-arrow{font-size:22px}
.headline em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:.1em;text-underline-offset:.1em}.faq-section{background:#f3f3f3}.search-results a:hover strong{color:var(--ink);background:var(--teal)}.article-layout aside a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:3px}.hero-title{font-size:clamp(65px,12.6vw,205px)}.hero-star{font-size:.62em;top:.17em!important}.hero-title .title-line:first-child{padding-right:.75em}.home-hero{padding-top:40px;scroll-margin-top:0}
/* Original story film, pinned below the navigation. */
.journey{position:relative;background:white}.film-stage{height:calc(100svh - var(--header-height));min-height:480px;width:100%;overflow:hidden;position:relative;background:var(--ink)}#film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.film-shade{position:absolute;inset:0;background:linear-gradient(#0005,transparent 42%,#0002 55%,#000b)}.film-intro{position:absolute;top:12%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;color:white}.film-intro>p{font-size:clamp(38px,4.3vw,75px);font-weight:700;line-height:1;letter-spacing:-.055em}.film-intro p>span{color:var(--teal)}.film-asterisk{color:var(--teal);font-size:clamp(60px,8vw,130px);line-height:1}.film-era{position:absolute;left:var(--pad);right:var(--pad);bottom:142px;display:flex;align-items:end;justify-content:space-between;color:white}.film-era-label{font-size:12px}.film-year{font-size:clamp(100px,13vw,210px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.075em;line-height:.9;margin-top:17px}.film-era-copy{max-width:350px;width:30%;padding-bottom:3px}.film-era-copy>span{font-size:11px;letter-spacing:.035em}.film-era-copy p{font-size:clamp(20px,2.5vw,38px);line-height:1.15;letter-spacing:-.03em;margin-top:15px}.film-timeline{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);color:white}#film-scrubber{display:block;appearance:none;-webkit-appearance:none;width:100%;height:20px;padding:0;margin:0;background:transparent;cursor:ew-resize;touch-action:pan-y}#film-scrubber::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--teal) 0 var(--film-progress,0%),#ffffff70 var(--film-progress,0%) 100%)}#film-scrubber::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--teal);margin-top:-5px}#film-scrubber::-moz-range-track{height:2px;background:#ffffff70}#film-scrubber::-moz-range-progress{background:var(--teal);height:2px}#film-scrubber::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--teal)}.film-years{display:flex;justify-content:space-between;margin-top:8px}.film-years button{border:0;background:none;color:white;padding:7px 0;font-size:12px;font-variant-numeric:tabular-nums}.film-years button:hover{color:var(--teal)}.film-help{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:11px;color:#fff}.film-help a{color:var(--teal)}.film-finale{position:absolute;top:52%;left:var(--pad);right:var(--pad);color:var(--ink)}.film-finale h1{font-size:clamp(52px,7.3vw,126px);line-height:.92;letter-spacing:-.065em}.film-finale h1>span:not(.headline-word){color:var(--teal)}.film-finale>p{margin:20px 0 6px;font-size:14px}.film-finale .text-link{font-size:12px}.journey-enhanced .film-finale{visibility:hidden;opacity:0}.film-nojs{position:absolute;inset:auto 0 0;padding:20px;background:white;font-size:13px}.journey-static .film-intro,.journey-static .film-era,.journey-static .film-timeline,.journey-static .film-shade{display:none}.journey-static .film-stage{background:white}.journey-static .film-finale{opacity:1;visibility:visible}.journey-static #film{object-fit:contain;object-position:top}
/* Pinned editorial scenes: no rotation; each scene moves along one axis. */
.creative-lock{background:var(--ink);color:white}.lock-stage{position:relative;overflow:hidden}.lock-scene{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;padding:75px var(--pad);min-height:680px;align-items:center;background:var(--ink)}.lock-copy{max-width:650px;position:relative;z-index:2}.lock-copy h2{font-size:clamp(55px,7.5vw,125px);line-height:.94;letter-spacing:-.065em}.lock-copy h2 em{color:var(--teal)}.lock-symbol{font-size:70px;line-height:1;color:var(--teal);display:block;margin-bottom:27px}.lock-copy .lock-services{font-weight:700;margin-top:28px;font-size:17px}.lock-copy>p:not(.lock-services){font-size:14px;line-height:1.8;max-width:41ch;margin-top:14px;color:#ddd}.lock-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px;font-size:12px}.lock-links a{padding-bottom:8px;border-bottom:1px solid var(--teal)}.lock-scene figure{height:min(70vh,650px);overflow:hidden}.lock-scene img{width:100%;height:100%;object-fit:cover}.lock-scene:nth-child(1) figure img{object-position:58% center}.lock-scene:nth-child(2) figure img{object-position:center}.lock-count{position:absolute;right:var(--pad);bottom:25px;font-size:11px;color:var(--teal)}.lock-stage.is-pinned{height:calc(100svh - var(--header-height))}.lock-stage.is-pinned .lock-scene{position:absolute;inset:0;min-height:0;padding-block:35px}.lock-stage.is-pinned .lock-scene>figure{height:100%;min-height:0}.lock-stage.is-pinned .lock-symbol{font-size:50px;margin-bottom:20px}.lock-stage.is-pinned .lock-copy h2{font-size:clamp(55px,7vw,110px)}
/* Inner-page process cards rise into place while the section stays on screen. */
.process.motion-deck{height:calc(100svh - var(--header-height));min-height:480px;position:relative;overflow:hidden;background:var(--teal);color:var(--ink);padding-block:40px}.motion-deck>h2{font-size:clamp(40px,5vw,76px);max-width:12ch}.motion-deck .process-grid{position:absolute;left:var(--pad);right:var(--pad);bottom:35px;gap:20px;align-items:stretch}.motion-deck .process-grid article{background:white;color:var(--ink);padding:28px;min-height:260px;border:0;display:flex;flex-direction:column}.motion-deck .process-grid article:nth-child(2){background:var(--ink);color:white}.motion-deck .process-grid article:nth-child(2) p{color:#ddd}.motion-deck .process-grid article>span{font-size:45px;color:inherit;line-height:1;margin-bottom:30px}.motion-deck .process-grid article h3{font-size:30px;margin-bottom:17px}.motion-deck .process-grid article p{color:var(--ink);font-size:14px;line-height:1.7}
@media(max-height:760px) and (min-width:961px){.lock-stage.is-pinned .lock-copy h2{font-size:6vw}.lock-stage.is-pinned .lock-copy>p{font-size:12px}.lock-stage.is-pinned .lock-symbol{font-size:38px;margin-bottom:15px}.motion-deck .process-grid article{min-height:220px;padding:22px}.motion-deck .process-grid article>span{margin-bottom:18px;font-size:32px}.motion-deck>h2{font-size:45px}}
@media(max-width:1100px) and (min-width:761px){.desktop-nav{gap:0}.desktop-nav>a,.services-toggle{font-size:11px;padding:11px 8px}.services-toggle{gap:7px}.services-menu-layout{grid-template-columns:1.8fr 1fr;gap:25px}.service-menu-link{gap:10px}.services-menu-links{gap:0 20px}.header{gap:12px}}
@media(max-width:960px){.lock-scene{min-height:0;padding-block:60px;gap:30px}.lock-copy h2{font-size:8vw}.lock-symbol{font-size:50px;margin-bottom:20px}.lock-scene figure{height:480px}.lock-copy .lock-services{font-size:15px}.lock-links{gap:15px}.lock-copy>p:not(.lock-services){font-size:13px}}
@media(max-width:760px){:root{--header-height:88px}.desktop-nav{display:none}.services-menu,.services-backdrop{display:none!important}.mobile-menu{inset:var(--header-height) 0 0}.hero-title{font-size:12.5vw}.hero-bottom{margin-top:26px}.film-stage{height:calc(100svh - var(--header-height));min-height:570px}#film{object-fit:contain;object-position:center 24%}.film-intro{top:6%}.film-intro>p{font-size:9vw}.film-asterisk{font-size:12vw}.film-shade{background:linear-gradient(#0003,transparent 28%,transparent 52%,#0008)}.film-era{bottom:150px;align-items:end}.film-year{font-size:21vw}.film-era-label{font-size:10px}.film-era-copy{width:43%;max-width:none}.film-era-copy>span{font-size:8px}.film-era-copy p{font-size:17px;margin-top:10px}.film-timeline{bottom:23px}.film-years button{font-size:11px}.film-help{font-size:10px}.film-finale{top:52%}.film-finale h1{font-size:14vw}.film-finale>p{font-size:12px;margin-top:20px}.film-finale .text-link{font-size:11px}.lock-scene{grid-template-columns:1fr;padding:45px var(--pad) 60px;gap:35px}.lock-copy h2{font-size:17vw}.lock-symbol{font-size:50px}.lock-copy .lock-services{margin-top:22px}.lock-scene figure{height:380px}.lock-count{bottom:22px}.home-hero .hero-kicker span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.desktop-nav>a:before,.services-toggle:before,.nav-arrow{transition:none}.lock-stage{height:auto!important}.lock-scene{position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important}.film-stage{min-height:650px}.journey .film-intro,.journey .film-era,.journey .film-timeline,.journey .film-shade{display:none}.journey .film-finale{opacity:1;visibility:visible}.journey .film-stage{background:white}.journey #film{object-fit:contain;object-position:top}}

.motion-deck .process-grid article:nth-child(2) p{color:#ddd}.services-menu a:focus-visible,.mobile-menu a:focus-visible,.mobile-menu button:focus-visible,.film-years button:focus-visible,#film-scrubber:focus-visible{outline-color:var(--teal)}

/* The real book artwork supplies the orange; Creative 3's accents stay teal. */
.book-feature{background:var(--ink);color:white;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8vw;padding:90px var(--pad)}
.book-feature h2{font-size:clamp(48px,7.8vw,125px);line-height:.96;letter-spacing:-.065em}.book-feature h2 em{color:var(--teal)}
.book-spark{display:block;color:var(--teal);font-size:64px;line-height:1;margin-bottom:25px}
.book-feature-copy>p{max-width:39ch;font-size:17px;line-height:1.7}.book-feature .book-name{font-size:24px;font-weight:700;line-height:1.3;margin:32px 0 15px;max-width:27ch}
.book-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:30px}.book-feature a:focus-visible{outline-color:var(--teal)}
.book-cover-link{display:block;width:100%;max-width:450px;justify-self:center;transition:transform .3s}.book-cover-link:hover{transform:translateY(-8px)}
.book-cover{background:transparent;width:100%;margin:0}.book-cover img{width:100%;height:auto;object-fit:contain;filter:none}
.book-page-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:7vw;align-items:center;padding-bottom:90px}.book-page-copy .headline{font-size:clamp(56px,7.5vw,120px);line-height:1.03}.book-page-copy .breadcrumb{font-size:11px}
.book-page-hero>.book-cover{max-width:460px;justify-self:center}.book-subtitle{font-size:clamp(22px,2.1vw,34px);font-weight:700;letter-spacing:-.04em;line-height:1.25;margin-top:35px}
.book-page-copy>p:not(.book-subtitle){max-width:46ch;font-size:17px;line-height:1.7;margin-top:20px}.book-page-copy .book-byline{font-size:14px!important;margin:25px 0}.book-page-copy .book-download-note{font-size:12px!important;max-width:34ch;margin-top:15px!important}
.book-inside{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#f3f3f3}.book-inside h2,.book-authors h2{font-size:clamp(40px,5vw,80px)}.book-inside p{margin-top:25px;max-width:29ch;font-size:18px}.book-inside .book-spark{color:var(--ink)}
.book-inside ol{list-style:none;padding:0;margin:0}.book-inside li{border-top:1px solid #ccc;padding:20px 0;font-size:17px;display:flex;gap:25px;line-height:1.45}.book-inside li:last-child{border-bottom:1px solid #ccc}.book-inside li span{font-size:11px;font-variant-numeric:tabular-nums;padding-top:5px}
.book-authors{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:90px var(--pad)}.book-authors>.photo{aspect-ratio:1;max-height:630px}.book-authors>div p{font-size:18px;line-height:1.7;margin:28px 0;max-width:35ch}.book-authors .text-link{display:table;margin-top:22px}
@media(max-width:960px){.book-feature{gap:5vw}.book-feature .book-name{font-size:21px}.book-actions{gap:20px}.book-actions .button{font-size:12px}.book-page-hero{gap:5vw}.book-page-copy>p:not(.book-subtitle){font-size:15px}.book-inside li{font-size:15px}}
@media(max-width:760px){.book-feature{grid-template-columns:1fr;padding:60px var(--pad);gap:45px}.book-feature h2{font-size:15vw}.book-feature-copy>p{font-size:15px}.book-spark{font-size:48px}.book-cover-link{max-width:350px}.book-feature .book-name{font-size:22px}.book-actions .text-link{font-size:12px}.book-page-hero{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.book-page-copy .headline{font-size:15vw}.book-page-hero>.book-cover{max-width:350px}.book-subtitle{font-size:25px;margin-top:25px}.book-inside,.book-authors{grid-template-columns:1fr;gap:35px}.book-inside h2,.book-authors h2{font-size:12vw}.book-inside li{font-size:15px;gap:18px;padding:18px 0}.book-inside p,.book-authors>div p{font-size:16px}.book-authors{padding:60px var(--pad)}.book-authors>.photo{max-height:450px}}
@media(prefers-reduced-motion:reduce){.book-cover-link{transition:none}.book-cover-link:hover{transform:none}}

/* Left-aligned statement with balanced highlight padding. */
.hero-title.hero-statement{position:relative;line-height:1.08;word-spacing:.12em;text-align:left;font-size:clamp(48px,11.5vw,190px)}
.hero-statement .title-line,.hero-statement .title-line:first-child{display:block;white-space:nowrap;text-align:left;padding-right:0}
.hero-statement .title-line+ .title-line{margin-top:.06em}
.hero-statement em{display:inline-block;font-style:normal;padding:.07em .12em .1em;line-height:1;background:var(--teal);vertical-align:baseline}
.hero-statement em:after{display:none}
.hero-statement .hero-star{right:0;top:.2em!important;font-size:.55em}
@media(max-width:760px){.hero-title.hero-statement{font-size:11.25vw;line-height:1.12}.hero-statement .hero-star{font-size:.4em}}


/* Lower the opening hero headline by 100px. */
.page-index .film-intro > p { position: relative; top: 100px; }