/* Premium studio art direction: warm light surfaces, sculptural imagery, deliberate rhythm. */
:root{--studio-paper:#f9f8f5;--studio-plum:#412b50}body{background:var(--studio-paper)}.header{background:#f9f8f5f5}.header .nav{min-height:94px}.navlinks{gap:23px}.hero.wrap{width:calc(100% - 48px);max-width:1392px;margin:12px auto 0;padding:56px clamp(28px,4.5vw,72px);border:1px solid #e5ddea;border-radius:28px;background:radial-gradient(ellipse at 88% 12%,#ece6f9 0,transparent 54%),linear-gradient(125deg,#f3f0f6,#f7f6f2 65%,#eaf3f6);min-height:650px;grid-template-columns:1.05fr 1fr;gap:28px;position:relative;isolation:isolate}.hero .hero-copy{position:relative;z-index:2;max-width:650px}.hero h1{font-size:clamp(55px,6.1vw,86px);letter-spacing:-.06em;margin:26px 0;line-height:1.04}.hero h1 .serif{font-size:.94em;letter-spacing:-.05em}.hero .lead{max-width:380px;line-height:1.75;font-size:17px}.hero .actions{margin-top:30px}.hero .hero-note{margin-top:30px;font-size:10px;max-width:370px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.character-stage{align-self:center;min-height:430px;display:flex;flex-direction:column;justify-content:center}.hero-character{position:relative;z-index:1;width:110%;max-width:none;margin-left:-5%;mix-blend-mode:multiply}.studio-orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid #bea9cc77;border-radius:50%;top:5%;left:3%;transform:rotate(-25deg) scaleY(.87)}.studio-orbit:before{content:'';position:absolute;inset:25px;border:1px dashed #cbbdd699;border-radius:50%}.studio-orbit:after{content:'';position:absolute;top:15%;right:10%;width:11px;height:11px;background:#a085b2;border:5px solid #efe8f6;border-radius:50%;box-sizing:content-box}.stage-topline{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#75637e;font-size:9px;letter-spacing:1.2px;line-height:1.7}.stage-topline>span{font-size:8px;letter-spacing:1px}.character-label{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:center;gap:16px;margin:-18px 0 0 auto;background:#fffc;border:1px solid #fff;padding:15px 21px;border-radius:16px;box-shadow:0 14px 35px #5837610c;max-width:290px;width:85%;font-size:13px;letter-spacing:0;line-height:1.55}.character-label strong{color:var(--studio-plum);font-weight:400}.character-label .stage-icon{font-size:39px;color:#85639b}.character-label .stage-spark{margin-left:auto;font-size:32px;color:#a991bd}.hero-caption{padding-top:22px;padding-bottom:22px;border-bottom:0}.technology-strip{padding:26px 0 34px}.technology-strip span{color:#84738e;font-size:21px}.section{padding:104px 0}.section-top{margin-bottom:42px}.section-top h2{letter-spacing:-.047em}.service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.service-grid .service-card{grid-column:span 3;background:#fff;border:1px solid #e4dce9;border-radius:20px;padding:27px;min-height:290px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-grid .service-card:nth-child(-n+2){grid-column:span 6;background:linear-gradient(135deg,#f0e9f7,#faf8fc);min-height:280px}.service-grid .service-card:nth-child(2){background:linear-gradient(135deg,#e7f1f5,#f6fafb)}.service-grid .service-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #49325b0c;border-color:#bca7ca}.service-grid .service-card .icon{float:none;width:48px;height:48px;margin-bottom:24px}.service-grid .service-card h3,.service-grid .service-card p,.service-grid .service-card .chips{margin-left:0}.service-grid .service-card h3{font-size:23px;margin-top:0;max-width:90%;padding-top:0}.service-grid .service-card:nth-child(-n+2) h3{font-size:30px}.service-grid .service-card p{font-size:15px;max-width:420px}.service-grid .service-card .chips{margin-top:20px}.service-grid .service-card .arrow{position:absolute;right:26px;top:28px;font-size:24px}.service-grid .chip{font-size:11px}.project-visual{position:relative;overflow:hidden;border-radius:18px}.view-study{position:absolute;right:24px;bottom:24px;padding:13px 18px;border-radius:100px;background:#fff;color:#4e365d;font-size:13px;box-shadow:0 6px 25px #412b5015;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.project:hover .view-study,.project:focus-visible .view-study{opacity:1;transform:none}.work-grid>.project:first-child{border-radius:23px;overflow:hidden}.project-copy{padding-top:25px}.project-copy h3{letter-spacing:-.035em}.project-visual img{transition:transform .5s ease}.project:hover .project-visual img{transform:scale(1.025)}.process-experience{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px;align-items:start}.process-nav{display:grid;gap:10px}.process-step{display:flex;align-items:center;gap:22px;min-height:82px;padding:18px 24px;border:1px solid #ded4e6;border-radius:15px;color:#6c567b;font-size:23px;background:#ffffff55;transition:background .2s,color .2s}.process-step>span:first-child{font-size:12px;letter-spacing:1px}.process-step>span:last-child{margin-left:auto;font-size:20px}.process-step:hover{background:#e9deef}.process-step[aria-selected=true]{background:#533a64;color:#fff;border-color:#533a64;box-shadow:0 10px 25px #533a6414}.process-panel{background:#fff;border:1px solid #e2d7e9;padding:36px 42px;border-radius:24px;min-height:390px;margin-bottom:18px;scroll-margin-top:120px}.process-panel[hidden]{display:none}.process-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.stage-number{font-family:'Studio Serif',Georgia,serif;font-style:italic;font-size:62px;line-height:1;color:#c8b6d3}.process-panel h3{font-size:36px;line-height:1.15;letter-spacing:-.04em;max-width:400px;margin:15px 0}.process-panel p{font-size:16px;line-height:1.75;max-width:470px}.process-outputs{margin-top:25px;padding-top:20px;border-top:1px solid #eee6f3}.process-outputs .chips{margin-top:10px}.process-outputs .chip{padding:5px 12px;background:#f5f0f8;border-radius:6px;color:#634778}.process-outputs .chip:after{display:none}.learning-banner{padding:35px 45px;background:#f0edf4;border:1px solid #e7deed;border-radius:26px;gap:35px}.learning-banner h2{font-size:51px}.learning-banner img{border-radius:18px}.course-card{border-radius:20px}.article-cover{border-radius:16px}.faq details{background:#ffffff88;border:1px solid #e6ddea;border-radius:14px;padding:0 24px;margin-bottom:12px}.faq summary{padding:24px 0}.faq details[open]{background:#fff}.cta{margin:40px 0 60px;padding:65px 58px;border:1px solid #e0d4e9;border-radius:27px;background:radial-gradient(ellipse at 90% 90%,#e0edf1,transparent 65%),#eee7f4;position:relative;overflow:hidden}.cta h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.045em}.cta .btn{flex-shrink:0}.page-inner .page-head{padding-top:65px;padding-bottom:55px;position:relative}.page-inner .page-head:after{content:'';position:absolute;right:4%;top:40px;width:180px;height:180px;background:radial-gradient(circle,#ded2e766,transparent 70%);z-index:-1}.page-inner .page-head h1{max-width:960px;letter-spacing:-.055em}.footer-wordmark{letter-spacing:-.07em}.btn:not(.text){box-shadow:0 5px 0 #412b500c,0 9px 22px #412b5010}
@media(max-width:1050px){.hero.wrap{padding:40px 32px;min-height:610px;gap:20px}.hero h1{font-size:64px}.hero .lead{font-size:16px}.stage-topline>span{display:none}.service-grid .service-card{grid-column:span 6}.process-experience{gap:26px;grid-template-columns:.8fr 1.2fr}.process-panel{padding:30px}.learning-banner{padding:30px}.learning-banner h2{font-size:43px}.navlinks{gap:15px}.cta{padding:45px 35px}}
@media(max-width:700px){.header .nav{min-height:78px}.hero.wrap{width:calc(100% - 24px);padding:32px 23px 24px;margin-top:4px;border-radius:22px;gap:18px;min-height:0}.hero h1{font-size:clamp(46px,11.7vw,72px);margin:24px 0}.hero .hero-note{font-size:9px;line-height:1.8;margin-top:22px}.hero .lead{font-size:16px}.hero .eyebrow{font-size:9px;letter-spacing:.8px}.character-stage{min-height:0;width:100%;max-width:430px;margin:20px auto 0}.hero-character{width:100%;margin:0}.stage-topline{font-size:9px}.stage-topline>span{display:inline;font-size:7px}.character-label{font-size:12px;max-width:250px;padding:12px 17px;margin-top:-15px}.character-label .stage-icon{font-size:34px}.hero-caption{gap:10px;padding-top:20px;padding-bottom:12px}.hero-caption>span:last-child{display:none}.technology-strip{gap:18px 24px;padding:22px 0}.technology-strip span{font-size:18px}.section{padding:66px 0}.service-grid{grid-template-columns:1fr;gap:14px}.service-grid .service-card,.service-grid .service-card:nth-child(-n+2){grid-column:auto;min-height:0;padding:25px}.service-grid .service-card h3,.service-grid .service-card:nth-child(-n+2) h3{font-size:27px}.service-grid .service-card .icon{margin-bottom:20px}.service-grid .service-card p{font-size:16px}.service-grid .chip{font-size:12px}.view-study{opacity:1;transform:none;bottom:15px;right:15px;font-size:12px;padding:11px 15px}.process-experience{grid-template-columns:1fr;gap:22px}.process-nav{grid-template-columns:1fr 1fr;gap:9px}.process-step{min-height:65px;padding:15px;gap:9px;font-size:17px}.process-step>span:first-child{font-size:10px}.process-step>span:last-child{font-size:15px}.process-panel{padding:25px;min-height:390px;border-radius:20px}.process-panel h3{font-size:32px}.stage-number{font-size:52px}.learning-banner{padding:28px 25px;gap:15px;border-radius:20px}.learning-banner h2{font-size:39px}.learning-banner img{margin-top:10px}.cta{padding:36px 25px;margin:20px 0 35px;gap:25px;align-items:flex-start}.cta h2{font-size:39px}.cta .eyebrow{font-size:10px}.faq details{padding:0 19px}.faq summary{font-size:18px}.page-inner .page-head{padding-top:40px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.service-grid .service-card:hover,.project:hover .project-visual img{transform:none}.view-study{transition:none}}