/* Project-led art direction. Shared details stay separate from the interactive demo. */
.studio-site{--ink:#f4f2fa;--muted:#a8a8b7;--line:#ffffff1b}
.studio-site .site-header{height:88px}
.studio-site .header-wrap{position:relative;z-index:100}
.studio-site .button{border-radius:7px;letter-spacing:0}
.studio-site .button.primary{background:#9b7bf5;border-color:#b79cfb;color:#100d1b;box-shadow:inset 0 1px 0 #ffffff40}
.studio-site .button.primary:hover{background:#b194fa;color:#100d1b;border-color:#c4acff}
.studio-site .text-link:hover{color:#c8adff;border-color:#c8adff}
.studio-site .site-header nav a[aria-current=page]{color:#e0d1ff}
.studio-site .page-hero{border-bottom:1px solid #ffffff20}
.studio-site .page-hero .eyebrow,.studio-site .case-hero .eyebrow{color:#bfa4f9}
.studio-site .studio-service:hover h3,.studio-site .directory-service:hover h3{color:#c7acff}
.direction-home{background:#090a0f}
.direction-home h1,.direction-home h2,.direction-home h3,.direction-home p{margin-top:0}
.direction-home .direction-hero{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(35px,5vw,80px);padding-top:65px;padding-bottom:58px;align-items:center;position:relative}
.direction-heading .eyebrow{display:flex;align-items:center;gap:12px;color:#b2b1c1;font-size:9px;letter-spacing:1.4px;margin-bottom:30px}
.brand-line{display:inline-block;width:26px;height:2px;background:linear-gradient(90deg,#9871ed,#57bce9)}
.direction-home .direction-heading h1{font-size:clamp(58px,6.6vw,96px);font-weight:530;letter-spacing:-.067em;line-height:1.015;margin:0 0 28px;text-wrap:initial}
.direction-heading h1 em{font-style:normal;background:linear-gradient(115deg,#c5a5ff 4%,#a998ef 54%,#6fbfe2);background-clip:text;-webkit-background-clip:text;color:transparent}
.direction-home .direction-lead{font-size:15px;line-height:1.85;color:#aaaab9;max-width:370px;margin-bottom:28px}
.direction-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.direction-actions .button{padding-inline:23px}
.hero-signature{display:flex;align-items:center;gap:16px;margin-top:42px;font-size:10px;line-height:1.7;color:#b3afc0}
.hero-signature b{color:#777886;font-weight:400}
.signature-mark{display:flex;gap:4px;align-items:flex-end;height:24px;transform:skew(-27deg);padding-left:4px}
.signature-mark i{width:7px;height:10px;background:#8263d9}.signature-mark i:nth-child(2){height:17px;background:#8177e5}.signature-mark i:nth-child(3){height:24px;background:#58a6e1}
.project-stage{position:relative;min-width:0;padding:0 0 0 20px;isolation:isolate}
.project-stage:before{content:"";position:absolute;z-index:-1;inset:15% -20px 15% 12%;background:#744fba2e;filter:blur(65px);border-radius:50%;pointer-events:none}
.stage-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:9px;letter-spacing:1.4px;color:#a9a5b7}
.stage-heading a{font-size:11px;letter-spacing:0;color:#d1cadf}
.stage-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.22;border:1px solid #ffffff20;border-radius:10px 10px 0 0}
.stage-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#04060a66);pointer-events:none}
.stage-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
.stage-image:hover img{transform:scale(1.035)}
.stage-image-label{position:absolute;z-index:1;bottom:20px;left:23px;color:white;font-size:9px;letter-spacing:1.4px}
.stage-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:105px;padding:23px;background:#14131d;border:1px solid #ffffff17;border-top:0;border-radius:0 0 10px 10px}
.direction-home .stage-caption p{font-size:8px;letter-spacing:1.8px;color:#a998bc;margin:0 0 9px}
.direction-home .stage-caption h2{font-size:22px;line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0;text-wrap:initial}
.stage-project-link{font-size:10px;white-space:nowrap;color:#cfb8f5;border-bottom:1px solid #7d638f;padding:6px 0}
.project-view[hidden]{display:none!important}
.project-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.project-switcher button{appearance:none;border:0;border-top:2px solid #ffffff1c;background:none;padding:12px 0 0;text-align:left;color:#74717e;cursor:pointer;font:500 9px Inter,Arial,sans-serif;display:flex;gap:13px;transition:border-color .2s,color .2s}
.project-switcher button span{font-size:10px;font-weight:400}
.project-switcher button[aria-selected=true]{border-top-color:#b799f1;color:#e0cfef}
.price-ribbon{display:grid;grid-template-columns:1fr 1fr 1.25fr;border-block:1px solid #ffffff1c;padding-block:25px;gap:30px}
.price-ribbon>a,.price-ribbon>button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}
.price-ribbon>a+a,.price-ribbon>button{border-left:1px solid #ffffff1a;padding-left:35px}
.price-ribbon span{font-size:11px;color:#9c98ac}
.price-ribbon strong{font-size:26px;letter-spacing:-1px;font-weight:450;color:#eae6f3}
.price-ribbon small{font-size:11px;color:#a29aaa;letter-spacing:0;font-weight:400;margin-left:3px}
.price-ribbon>button{font:inherit;background:none;border-top:0;border-right:0;border-bottom:0;cursor:pointer;justify-content:center}
.price-ribbon>button strong{font-size:17px;letter-spacing:-.4px;color:#c8b2f1}
.price-ribbon>button small{margin:0;font-size:10px}
.price-ribbon>a:hover strong,.price-ribbon>button:hover strong{color:#d4bcff}
.project-index{padding-block:52px 55px;border-bottom:1px solid #ffffff14}
.project-index>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.project-index .eyebrow{margin-bottom:0;color:#83808f;font-size:8px}
.project-index .text-link{font-size:10px;border:0}
.project-names{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}
.project-names>a{color:#cecad8;font-size:23px;font-weight:560;letter-spacing:-1px;line-height:1.1}
.project-names>a>span{display:block;color:#85818f;font-size:10px;font-weight:400;letter-spacing:0;margin-top:8px}
.project-names>a:hover{color:#bba0f7}
.direction-home .growth-selector{padding-top:85px;padding-bottom:0}
.direction-home .growth-selector .section-top{margin-bottom:34px}
.direction-home .growth-selector h2{font-size:clamp(38px,4.4vw,62px);font-weight:450;line-height:1.08}
.direction-home .growth-selector h2 em{color:#94909f}
.direction-home .selector-intro{font-size:13px;max-width:285px;color:#a9a4b3}
.direction-home .growth-layout{grid-template-columns:.86fr 1.3fr;border-radius:10px;background:#111018}
.direction-home .growth-options{padding:24px}
.direction-home .growth-options button{padding:25px 17px;font-size:14px;border-radius:6px;line-height:1.5}
.direction-home .growth-options button[aria-selected=true]{background:#30253f;border-color:#ac89dc55}
.direction-home .growth-panels{padding:38px 40px;min-height:380px;background:radial-gradient(ellipse at 100% 100%,#764ca729,transparent 75%)}
.direction-home .growth-panels h3{font-size:36px;line-height:1.15;letter-spacing:-1.5px;margin-top:20px;margin-bottom:20px}
.direction-home .growth-panels p:not(.eyebrow):not(.fit-price){font-size:14px;line-height:1.8}
.direction-home .fit-price{font-size:31px;margin-block:24px}
.direction-home .fit-price small{font-size:11px}
.direction-home .fit-links .button{font-size:12px;padding:13px 20px;min-height:46px}
.direction-home .fit-links .text-link{font-size:11px}
.service-directory-mini{padding-block:23px 65px;display:flex;gap:25px;align-items:center;justify-content:space-between}
.direction-home .service-directory-mini p{font-size:11px;color:#898291;margin-bottom:0}
.service-directory-mini>div{display:flex;gap:18px;flex-wrap:wrap}
.service-directory-mini a{font-size:11px;color:#d1c6dd;padding-block:10px}
.service-directory-mini a:hover{color:#b697ee}
.ai-invitation{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:65px 85px;border-block:1px solid #ffffff18;align-items:center}
.direction-home .ai-copy h2{font-size:clamp(42px,4.8vw,67px);line-height:1.06;margin:24px 0}
.direction-home .ai-copy h2 em{color:#a9bee0}
.direction-home .ai-copy>p:not(.eyebrow){max-width:390px;font-size:14px;color:#a6a2b1;line-height:1.8;margin-bottom:30px}
.ai-copy>.text-link{margin-left:20px;font-size:11px}
.ai-guide{border:1px solid #b093dd35;padding:30px;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#63548c3b,transparent 70%),#14131e;box-shadow:0 20px 65px #0002}
.ai-guide-header{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.2px;color:#b0a1c6;padding-bottom:25px;border-bottom:1px solid #ffffff16}
.ai-signal{width:7px;height:7px;border-radius:50%;background:#ae88f3;box-shadow:0 0 14px #b58aff80}
.direction-home .ai-prompt-title{font-size:23px;letter-spacing:-.7px;margin-top:27px;margin-bottom:10px}
.ai-guide ol{list-style:none;padding:0;margin:0}
.ai-guide li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #ffffff12;align-items:flex-start}
.ai-guide li>span{font-size:9px;color:#9a7fbd;padding-top:4px}
.direction-home .ai-guide li p{font-size:18px;line-height:1.45;letter-spacing:-.4px;color:#d1c7df;margin:0}
.ai-guide-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:25px;font-size:10px;color:#9e91b0}
.ai-guide-bottom button{font:inherit;color:#e1cbfc;border:0;border-bottom:1px solid #78648c;background:none;padding:6px 0;cursor:pointer}
.founders-strip{display:grid;grid-template-columns:1.7fr .8fr .8fr;gap:38px;padding-block:85px;align-items:center}
.direction-home .founders-copy h2{font-size:38px;line-height:1.13;margin-top:22px;margin-bottom:24px}
.founders-copy h2 em{color:#98919f}
.direction-home .founders-copy>p:not(.eyebrow){max-width:365px;font-size:14px;line-height:1.8;color:#9e98a9;margin-bottom:20px}
.founders-copy .text-link{font-size:11px}
.founder-name{padding:26px 0 26px 30px;border-left:1px solid #ffffff20;min-height:190px}
.founder-number{font-size:10px;color:#997bbb}
.direction-home .founder-name h3{font-size:39px;font-weight:450;letter-spacing:-1.8px;margin:25px 0 12px}
.direction-home .founder-name p{font-size:11px;color:#aaa1b5;line-height:1.5;margin-bottom:22px}
.founder-name>a{font-size:11px;color:#c5b2dd}
.closing-note{padding:60px 55px;margin-bottom:80px;border:1px solid #bda0fd32;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 80%,#43638e38,transparent 55%),linear-gradient(115deg,#261d3b,#171725 72%)}
.direction-home .closing-note h2{font-size:clamp(50px,6.3vw,86px);line-height:1.03;letter-spacing:-.055em;margin:25px 0 30px}
.closing-note h2 em{color:#c7b1e6}
.closing-note>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.direction-home .closing-note>div>p{font-size:13px;line-height:1.7;color:#b8acc8;margin:0 auto 0 0}
.closing-note .text-link{font-size:11px}
.direction-home .footer-statement{font-size:24px}
.direction-home .footer-top{grid-template-columns:1.2fr 1fr 1fr}
.direction-home .site-footer{padding-top:50px}
.project-switcher button:focus-visible,.price-ribbon button:focus-visible{outline:2px solid #c0a0ff;outline-offset:5px}
@media(min-width:1550px){.direction-home .direction-hero{padding-top:85px;padding-bottom:75px}.stage-image{aspect-ratio:1.15}}
@media(max-width:1100px){.direction-home .direction-hero{gap:25px}.direction-home .direction-heading h1{font-size:64px}.project-stage{padding-left:0}.direction-actions{gap:18px}.direction-actions .button{font-size:12px;padding-inline:17px}.stage-caption{padding:19px}.direction-home .stage-caption h2{font-size:20px}.stage-project-link{font-size:9px}.service-directory-mini{align-items:flex-start;flex-direction:column;gap:7px}.ai-invitation{gap:35px}.ai-copy>.text-link{display:block;width:fit-content;margin:18px 0 0}.founders-strip{gap:22px}.founder-name{padding-left:23px}.project-names>a{font-size:20px}.project-names{gap:16px}.closing-note{padding:45px}}
@media(max-width:760px){
 .studio-site .site-header{height:78px}.studio-site .site-header nav{top:77px}
 .direction-home .direction-hero{grid-template-columns:1fr;gap:38px;padding-top:40px;padding-bottom:35px}
 .direction-heading .eyebrow{margin-bottom:22px;font-size:8px}
 .direction-home .direction-heading h1{font-size:clamp(52px,12.5vw,76px);line-height:1.02;letter-spacing:-.06em;margin-bottom:23px}
 .direction-heading h1 em br{display:none}
 .direction-home .direction-lead{font-size:14px;max-width:370px;line-height:1.8;margin-bottom:24px}
 .direction-actions{gap:22px}.direction-actions .button{font-size:12px;padding-inline:20px}.direction-actions .text-link{font-size:11px}
 .hero-signature{margin-top:25px;font-size:9px}.signature-mark{transform:scale(.8) skew(-27deg);transform-origin:left center;margin-right:-5px}
 .project-stage{padding:0}.project-stage:before{inset:15% 0 15% 10%}
 .stage-heading{font-size:8px;padding-bottom:13px}.stage-heading a{font-size:10px}
 .stage-image{aspect-ratio:1.4}.stage-caption{min-height:95px;padding:18px}.direction-home .stage-caption h2{font-size:20px}.stage-image-label{left:18px;bottom:16px;font-size:8px}
 .project-switcher{gap:14px;margin-top:15px}.project-switcher button{gap:10px;min-height:40px}.project-switcher button span{font-size:9px}
 .price-ribbon{grid-template-columns:1fr 1fr;gap:22px 12px;padding-block:25px}.price-ribbon>a+a{padding-left:20px}.price-ribbon span{font-size:10px}.price-ribbon strong{font-size:25px}.price-ribbon strong small{display:block;margin:5px 0 0;font-size:10px}
 .price-ribbon>button{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff18;padding:19px 0 0;gap:8px}.price-ribbon>button strong{font-size:16px}
 .project-index{padding-block:32px}.project-index>div:first-child{margin-bottom:23px}.project-index .eyebrow{font-size:7px;letter-spacing:1px}.project-index .text-link{font-size:9px}
 .project-names{grid-template-columns:repeat(2,1fr);gap:25px 20px}.project-names>a{font-size:23px}.project-names>a>span{font-size:9px}
 .direction-home .growth-selector{padding-top:48px}.direction-home .growth-selector h2{font-size:38px}.direction-home .growth-selector .section-top{gap:16px;margin-bottom:25px}.direction-home .selector-intro{font-size:13px;max-width:100%;margin-top:20px}
 .direction-home .growth-layout{grid-template-columns:1fr}.direction-home .growth-options{padding:12px}.direction-home .growth-options button{font-size:13px;padding:16px 12px}.direction-home .growth-panels{padding:27px 23px;min-height:385px}.direction-home .growth-panels h3{font-size:30px}.direction-home .growth-panels p:not(.eyebrow):not(.fit-price){font-size:13px}.direction-home .fit-price{font-size:30px}.direction-home .fit-links{gap:20px}
 .service-directory-mini{padding-block:20px 42px;gap:13px}.service-directory-mini>div{gap:0 19px}.service-directory-mini a{font-size:11px}.service-directory-mini p{font-size:10px}
 .ai-invitation{grid-template-columns:1fr;gap:32px;padding-block:45px}.direction-home .ai-copy h2{font-size:45px}.direction-home .ai-copy>p:not(.eyebrow){font-size:14px}.ai-copy>.text-link{display:inline-block;margin:0 0 0 18px;font-size:10px}.ai-copy .button{padding-inline:18px;font-size:11px}
 .ai-guide{padding:25px}.ai-guide-header{font-size:7px;letter-spacing:.7px}.direction-home .ai-guide li p{font-size:18px}.ai-guide li{padding:22px 0;gap:20px}.ai-guide-bottom{font-size:9px}
 .founders-strip{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:48px}.founders-copy{grid-column:1/-1}.direction-home .founders-copy h2{font-size:36px}.founder-name{padding:20px 0 0;border-left:0;border-top:1px solid #ffffff20;min-height:0}.direction-home .founder-name h3{font-size:34px;margin-top:20px}.direction-home .founder-name p{font-size:10px}
 .closing-note{padding:30px 24px;margin-bottom:45px}.direction-home .closing-note h2{font-size:43px;margin:23px 0}.closing-note .eyebrow{font-size:8px;letter-spacing:1px}.closing-note>div{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.direction-home .closing-note>div>p{font-size:12px;margin:0}.closing-note .button{padding-inline:20px;font-size:11px}
 .direction-home .footer-top{grid-template-columns:1fr}.direction-home .footer-statement{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.stage-image img,.project-switcher button{transition:none}.stage-image:hover img{transform:none}}
@media(max-width:360px){.direction-home .direction-heading h1{font-size:44px}.direction-actions{gap:17px}.direction-actions .button{padding-inline:15px;font-size:11px}.direction-actions .text-link{font-size:10px}.stage-project-link{font-size:8px}.direction-home .stage-caption h2{font-size:18px}.stage-caption{gap:12px}.ai-copy>.text-link{display:block;margin:18px 0 0}}