/* /studio: the consulting landing page's styles scoped under .lp (so the site header and footer keep theirs), plus the studio sections. */
.lp{--bg:#060507;--panel:#100d15;--text:#f6f4f7;--muted:#bbb2c3;--line:#302936;--warm:#ff9c72;color-scheme:dark}.lp *{box-sizing:border-box}.lp{color:var(--text);font:400 16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.lp h1,.lp h2,.lp h3,.lp p,.lp figure{margin:0}.lp h1,.lp h2,.lp h3{font-family:'Space Grotesk',sans-serif;line-height:1.1;letter-spacing:-.045em;font-weight:500}.lp a{color:inherit;text-decoration:none}.lp button{font:inherit}.lp img{display:block;max-width:100%}.lp a,.lp button,.lp summary{-webkit-tap-highlight-color:transparent}.lp a:focus-visible,.lp button:focus-visible,.lp summary:focus-visible{outline:3px solid #ffb491;outline-offset:6px}.lp .wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.lp .text-link:hover{color:#ffb491}.lp .hero{display:grid;grid-template-columns:1.32fr 1fr;gap:70px;align-items:center;padding-block:76px 86px}.lp .eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.5;font-weight:600;color:var(--warm);margin-bottom:23px}.lp .hero .eyebrow{display:flex;align-items:center;gap:10px}.lp .accent-dot{width:6px;height:6px;border-radius:50%;background:var(--warm)}.lp h1{font-size:clamp(48px,4.7vw,70px);line-height:1.035;max-width:690px}.lp .gradient-text{background:linear-gradient(110deg,#ffb083 3%,#f87eac 49%,#c49cff 98%);background-clip:text;-webkit-background-clip:text;color:transparent}.lp .hero-lede{font-size:23px;line-height:1.45;margin-top:25px;max-width:550px;letter-spacing:-.015em}.lp .hero-detail{color:var(--muted);font-size:16px;max-width:510px;line-height:1.75;margin-top:16px}.lp .actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.lp .button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:15px 22px;border-radius:9px;font-size:14px;line-height:1.5;font-weight:700;transition:filter .2s,background .2s;min-height:52px}.lp .primary{color:#160b1b;background:linear-gradient(115deg,#ffad83,#f28cb4 52%,#c1a0fb);box-shadow:0 8px 30px #da507326}.lp .primary:hover{filter:brightness(1.1)}.lp .secondary{border:1px solid #63516f}.lp .secondary:hover{background:#ffffff09}.lp .text-link{font-size:14px;display:inline-flex;gap:12px;align-items:center;text-decoration:underline;text-decoration-color:#625869;text-underline-offset:6px;min-height:44px}.lp .small-note{font-size:12px;color:var(--muted);margin-top:17px}.lp .hero-portrait{position:relative;align-self:center;margin-left:12px}.lp .portrait-edge{overflow:hidden;border:1px solid #6a3e78;border-radius:110px 18px 18px 18px;background:#27102f;box-shadow:0 0 100px -48px #9333ea}.lp .portrait-edge img{width:100%;height:510px;object-fit:cover;object-position:50% 15%}.lp .hero-portrait figcaption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#0d0911e8;backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:10px}.lp .hero-portrait strong{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.025em;font-weight:500}.lp .hero-portrait small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.lp .portrait-mark{font-size:34px;color:var(--warm)}.lp .fit-strip{border-block:1px solid var(--line);background:linear-gradient(95deg,#120d19,#0b090e)}.lp .fit-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:25px}.lp .fit-inner p{color:var(--muted);font-size:10px;line-height:1.7;letter-spacing:.11em}.lp .fit-inner strong{color:var(--text);font-weight:600}.lp .fit-inner ul{margin:0;padding:0;display:flex;align-items:center;gap:48px;list-style:none;font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:-.02em}.lp .section{padding-block:96px}.lp h2{font-size:clamp(35px,3.5vw,49px)}.lp .story{display:grid;grid-template-columns:1fr 1fr;gap:100px}.lp .story-copy>p{color:var(--muted);margin-top:18px}.lp .story-copy>p:first-child{margin-top:0}.lp .story-copy .section-lede{font-size:21px;color:var(--text);line-height:1.55}.lp .story-questions{padding:0;list-style:none;margin:30px 0 0}.lp .story-questions li{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:20px;font-size:15px}.lp .story-questions span{font-size:11px;color:var(--warm);padding-top:3px}.lp .work-section{background:#110d17;border-block:1px solid #ffffff0b}.lp .section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:38px}.lp .section-heading>p{max-width:370px;font-size:15px;color:var(--muted);padding-bottom:4px}.lp .section-heading .eyebrow{margin-bottom:15px}.lp .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.lp .film-preview{position:relative;display:block;aspect-ratio:16/9;background:#201728;border:1px solid #ffffff16;border-radius:12px;overflow:hidden}.lp .film-preview:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.lp .film-preview>img{width:100%;height:100%;object-fit:cover}.lp .film-caption{display:flex;justify-content:space-between;align-items:center;padding-top:17px;gap:14px}.lp .film-caption h3{font-size:24px;letter-spacing:-.025em}.lp .film-caption p{color:var(--muted);font-size:12px}.lp .portfolio-link{margin-top:28px}.lp .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none;margin:52px 0 0}.lp .steps li{border-top:1px solid #5a3b61;padding-top:25px}.lp .step-number{font-size:10px;letter-spacing:.1em;color:var(--warm)}.lp .steps h3{font-size:25px;letter-spacing:-.03em;margin:19px 0 15px}.lp .steps p{font-size:15px;color:var(--muted)}.lp .offer-section{background:radial-gradient(ellipse at 0 100%,#32102566,transparent 65%),#100c15;border-block:1px solid var(--line)}.lp .offer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:120px;align-items:center}.lp .offer-intro{color:var(--muted);font-size:16px;max-width:460px;margin-top:24px}.lp .offer-grid .text-link{margin-top:15px}.lp .offer-details{border-left:1px solid #61405e;padding-left:42px}.lp .offer-details h3{font-size:23px;letter-spacing:-.02em}.lp .offer-details ul{list-style:none;margin:22px 0;padding:0}.lp .offer-details li{padding:12px 0 12px 27px;border-bottom:1px solid var(--line);position:relative;font-size:15px}.lp .offer-details li:before{content:'✓';position:absolute;left:0;color:var(--warm);font-size:14px}.lp .offer-details>p{font-size:13px;color:var(--muted);max-width:365px}.lp .faq-section{display:grid;grid-template-columns:1fr 1.45fr;gap:85px}.lp .faqs{border-top:1px solid var(--line)}.lp details{border-bottom:1px solid var(--line)}.lp summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:23px 0;cursor:pointer;font-size:16px;font-weight:500}.lp summary::-webkit-details-marker{display:none}.lp summary>span{font-size:24px;color:var(--warm);font-weight:400;flex:none}.lp details[open] summary>span{transform:rotate(45deg)}.lp details p{color:var(--muted);font-size:15px;margin:0 40px 23px 0;line-height:1.75}.lp .contact-section{padding-block:88px 94px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#61285542,transparent 70%),#0e0a13;border-block:1px solid var(--line)}.lp .contact-inner h2{font-size:clamp(37px,4.5vw,61px)}.lp .contact-inner>p:not(.eyebrow){color:var(--muted);margin-top:22px}.lp .contact-inner .actions{justify-content:center}.lp .contact-inner .email-note{font-size:13px;margin-top:25px}.lp .email-note a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1550px){.lp .hero{padding-block:90px 100px}}
@media(max-width:1100px){.lp .wrap{width:calc(100% - 56px)}.lp .hero{gap:40px;grid-template-columns:1.25fr 1fr}.lp h1{font-size:53px}.lp .portrait-edge img{height:470px}.lp .hero-portrait{margin-left:0}.lp .hero .actions{gap:8px 20px}.lp .story,.lp .offer-grid{gap:60px}.lp .fit-inner ul{gap:25px;font-size:16px}.lp .steps{gap:26px}.lp .section-heading{gap:35px}.lp .faq-section{gap:50px}}
@media(max-width:800px){.lp .wrap{width:calc(100% - 40px)}.lp .hero{grid-template-columns:1fr 0.8fr;gap:25px;padding-block:48px 55px}.lp h1{font-size:43px}.lp .hero .eyebrow{font-size:9px;letter-spacing:.11em}.lp .hero-lede{font-size:20px}.lp .hero-detail{font-size:14px}.lp .portrait-edge img{height:430px}.lp .portrait-edge{border-top-left-radius:80px}.lp .hero-portrait figcaption{left:12px;right:12px;bottom:12px;padding:13px}.lp .hero-portrait strong{font-size:21px}.lp .hero-portrait small{font-size:10px}.lp .fit-inner{gap:25px}.lp .fit-inner ul{gap:14px;font-size:13px}.lp .section{padding-block:68px}.lp .story{gap:38px}.lp .story-copy .section-lede{font-size:19px}.lp .section-heading{align-items:start}.lp .section-heading>p{max-width:280px;font-size:14px}.lp .steps{gap:22px}.lp .steps h3{font-size:23px}.lp .steps p{font-size:14px}.lp .step-number{font-size:9px}.lp .offer-grid{gap:35px}.lp .offer-details{padding-left:27px}.lp .offer-details li{font-size:14px}.lp .faq-section{gap:35px}}
@media(max-width:620px){.lp .hero{grid-template-columns:1fr;padding-block:43px 48px;gap:37px}.lp .hero-copy{max-width:500px}.lp .hero .eyebrow{font-size:10px;margin-bottom:21px}.lp h1{font-size:clamp(42px,10.6vw,61px);max-width:530px}.lp .hero-lede{margin-top:22px;font-size:21px}.lp .hero-detail{font-size:15px;max-width:480px}.lp .hero .actions{gap:12px 19px;margin-top:24px}.lp .button{font-size:13px;padding:14px 20px;gap:18px}.lp .hero .text-link{font-size:13px}.lp .small-note{font-size:11px;margin-top:11px}.lp .hero-portrait{width:min(100% - 14px,430px);justify-self:center}.lp .portrait-edge{border-top-left-radius:75px}.lp .portrait-edge img{height:355px;object-position:50% 27%}.lp .hero-portrait figcaption{padding:13px 18px}.lp .hero-portrait strong{font-size:22px}.lp .hero-portrait small{font-size:11px}.lp .fit-inner{align-items:start;gap:20px;padding-block:24px}.lp .fit-inner p{font-size:8px;min-width:119px;margin-top:3px}.lp .fit-inner ul{display:block;font-size:14px}.lp .fit-inner li+li{margin-top:7px}.lp .section{padding-block:58px}.lp h2{font-size:38px}.lp .eyebrow{font-size:10px;margin-bottom:20px}.lp .story{grid-template-columns:1fr;gap:28px}.lp .story h2{max-width:440px}.lp .story-copy .section-lede{font-size:20px}.lp .story-copy>p{font-size:15px}.lp .story-questions{margin-top:24px}.lp .story-questions li{font-size:14px;gap:14px}.lp .section-heading{display:block;margin-bottom:27px}.lp .section-heading>p{max-width:450px;margin-top:20px;font-size:15px}.lp .work-grid{grid-template-columns:1fr;gap:31px}.lp .film-caption h3{font-size:23px}.lp .film-caption p{font-size:11px}.lp .portfolio-link{margin-top:22px}.lp .steps{grid-template-columns:1fr;margin-top:32px;gap:28px}.lp .steps li{padding-top:20px}.lp .step-number{font-size:10px}.lp .steps h3{font-size:26px;margin:14px 0 12px}.lp .steps p{font-size:15px;max-width:470px}.lp .offer-grid{grid-template-columns:1fr;gap:35px}.lp .offer-intro{font-size:15px}.lp .offer-details{border-left:0;border-top:1px solid #61405e;padding:27px 0 0}.lp .offer-details>p{max-width:450px}.lp .offer-details li{font-size:15px}.lp .faq-section{grid-template-columns:1fr;gap:27px}.lp .faq-section .eyebrow{margin-bottom:13px}.lp summary{font-size:15px;padding-block:20px}.lp details p{margin-right:15px;font-size:14px}.lp .contact-section{padding-block:60px}.lp .contact-inner h2{font-size:39px}.lp .contact-inner>p:not(.eyebrow){font-size:15px}.lp .contact-inner .actions{gap:13px}.lp .contact-inner .button{width:min(100%,320px)}.lp .contact-inner .email-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.lp *,.lp *:before,.lp *:after{transition:none!important;animation:none!important}}
/* Studio additions */
.lp .wrap{padding-inline:0}
.lp .hero-portrait .portrait-edge img{object-position:50% 40%}
.lp .studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lp .studio-grid figure{position:relative;border:1px solid #ffffff16;border-radius:12px;overflow:hidden;background:#201728}
.lp .studio-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.lp .studio-grid figure:hover img{transform:scale(1.03)}
.lp .studio-grid figcaption{position:absolute;inset:auto 0 0;padding:44px 20px 16px;background:linear-gradient(transparent,#000c)}
.lp .studio-grid figcaption strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:500;letter-spacing:-.02em}
.lp .studio-grid figcaption span{font-size:12px;color:#ddd5e2}
.lp .steps.kit{grid-template-columns:repeat(4,1fr)}
.lp .kit ul{list-style:none;margin:0;padding:0}
.lp .kit li li{border:0;padding:7px 0;font-size:14px;color:var(--muted)}
.lp .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
.lp .quotes blockquote{margin:0;padding:28px 26px;border:1px solid var(--line);border-radius:12px;background:#110d17;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.lp .quotes blockquote p{font-size:16px;line-height:1.65}
.lp .quotes footer{font-size:13px;color:var(--muted);border:0;margin:0;padding:0;background:none}
.lp .quotes footer strong{display:block;color:var(--text);font-size:14px}
.lp .stars{color:#f0c040;letter-spacing:3px;font-size:14px}
@media(max-width:1100px){.lp .steps.kit{grid-template-columns:repeat(2,1fr)}.lp .studio-grid,.lp .quotes{gap:18px}}
@media(max-width:800px){.lp .studio-grid{grid-template-columns:1fr 1fr}.lp .quotes{grid-template-columns:1fr}}
@media(max-width:620px){.lp .studio-grid{grid-template-columns:1fr}.lp .steps.kit{grid-template-columns:1fr}.lp .wrap{width:calc(100% - 32px)}}

/* Product mockup in the hero (Online Course Creation): frameless and wider than the photo frame. */
.lp .hero:has(.hero-product){grid-template-columns:1fr 1.15fr}
.lp .hero-product{margin-left:0}
.lp .hero-product img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
@media(max-width:900px){.lp .hero:has(.hero-product){grid-template-columns:1fr}}

/* A photo to the left of an offer section (Online Course Creation): photo, text, then the checklist. */
.lp .offer-grid:has(.offer-photo){grid-template-columns:.8fr 1.15fr 1fr;gap:56px}
.lp .offer-photo{margin:0;overflow:hidden;border:1px solid #6a3e78;border-radius:18px;background:#27102f;box-shadow:0 0 90px -50px #9333ea}
.lp .offer-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
@media(max-width:1100px){.lp .offer-grid:has(.offer-photo){grid-template-columns:.8fr 1.2fr;gap:40px}.lp .offer-grid:has(.offer-photo) .offer-details{grid-column:1/-1}}
@media(max-width:700px){.lp .offer-grid:has(.offer-photo){grid-template-columns:1fr}.lp .offer-photo{max-width:420px}}

/* A looping video in the hero frame (Animation page), sized like the frame's photo. */
.lp .portrait-edge video{display:block;width:100%;height:510px;object-fit:cover;object-position:50% 50%;background:#27102f}
@media(max-width:1100px){.lp .portrait-edge video{height:470px}}
@media(max-width:800px){.lp .portrait-edge video{height:430px}}
.lp .portrait-edge video.wide{height:auto;aspect-ratio:1280/724;object-fit:cover}
.lp .hero-portrait:has(video.wide) .portrait-edge{border-radius:60px 14px 14px 14px}
.lp .hero-portrait:has(video.wide) figcaption{position:static;margin-top:14px}
@media(max-width:800px){.lp .hero-portrait:has(video.wide) .portrait-edge{border-top-left-radius:40px}}
.lp .trailer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 20px}
.lp .trailer-frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid #ffffff16}
.lp .trailer-frame button{position:absolute;inset:0;width:100%;padding:0;border:0;background:none;cursor:pointer}
.lp .trailer-frame img,.lp .trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;max-width:none}
.lp .trailer-frame img{opacity:.88;transition:opacity .3s,transform .5s}
.lp .trailer-frame button:hover img{opacity:1;transform:scale(1.05)}
.lp .trailer-frame button:focus-visible{outline:3px solid #ffb491;outline-offset:-3px}
.lp .trailer-play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#0d0911cc;border:1px solid #ffffff45}
.lp .trailer-play:after{content:'';position:absolute;left:21px;top:16px;border-left:14px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.lp .trailer figcaption{padding-top:12px}
.lp .trailer figcaption strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.lp .trailer figcaption span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
@media(max-width:1100px){.lp .trailer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.lp .trailer-grid{grid-template-columns:1fr 1fr}}
.lp .trailer-frame video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.lp .inline-link{text-decoration:underline;text-decoration-color:#8a6f86;text-underline-offset:4px}
.lp .inline-link:hover{color:#ffb491}
.lp #trailers{scroll-margin-top:80px}
/* links inside FAQ answers look like links */
.lp details p a{text-decoration:underline;text-decoration-color:#8a6f86;text-underline-offset:4px;color:#e8dcef}
.lp details p a:hover{color:#ffb491}
.hero-detail+.hero-detail{margin-top:10px}