/* Shared visual refinement. Keep interactive demo styles isolated. */
:root{--bg:#090b10;--ink:#f4f3f7;--muted:#a5a8b4;--line:#ffffff16}
.studio-site{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
.studio-site ::selection{background:#8163c8;color:#fff}
.studio-site .shell{width:min(1320px,calc(100% - 112px))}
.studio-site .preview-bar{background:#090b10;border-bottom:1px solid #ffffff0e;color:#a69fbc;font-size:9px;letter-spacing:1.5px}
.studio-site .preview-bar span{color:#81838e}
.studio-site .header-wrap{background:#090b10;border-bottom:1px solid #ffffff12}
.studio-site .site-header{height:100px;gap:28px}
.studio-site .site-header nav{gap:28px;font-size:12px}
.studio-site .site-header nav a{color:#acafba}
.studio-site .site-header nav a:hover{color:#fff}
.studio-site .button{border-radius:100px;padding:17px 28px;font-weight:550}
.studio-site .button.primary{background:#7956d8;border-color:#9874ef;box-shadow:inset 0 1px 0 #ffffff25;color:#fff}
.studio-site .button.primary:hover{background:#8b66e5;border-color:#b298ed}
.studio-site .header-cta{min-height:42px;padding:11px 22px}
.studio-site .eyebrow{font-size:10px;letter-spacing:1.7px;color:#b6a1df;font-weight:500}
.studio-site h2{letter-spacing:-.052em;font-weight:450}
.studio-site .text-link{color:#e7e4ef;border-color:#777081;transition:color .2s,border-color .2s}
.studio-hero{padding:70px 0 64px}
.hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}
.hero-kicker .eyebrow{margin:0}
.hero-kicker>span{font-size:11px;color:#a1a4b0}
.studio-hero h1{font-size:clamp(72px,9vw,132px);line-height:.98;letter-spacing:-.075em!important;font-weight:480;max-width:1100px}
.studio-hero h1 em{background:linear-gradient(110deg,#c3acef 5%,#8b9de3 65%,#6cc1d9);background-clip:text;-webkit-background-clip:text;color:transparent}
.studio-hero:before{inset:30px -10px 10px 40%;opacity:.5;background:radial-gradient(ellipse,#57439929,transparent 70%);animation:none}
.studio-hero .hero-bottom{margin-top:42px;grid-template-columns:1fr 1fr;gap:70px}
.hero-bottom>p{max-width:495px;color:#b0b1bd;font-size:16px;line-height:1.8}
.work-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:1.4px;color:#9495a4}
.work-caption a{font-size:12px;letter-spacing:0;color:#d6d1e2;padding:8px 0}
.hero-projects{grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}
.studio-site .hero-project{height:450px;border:0;border-radius:10px}
.studio-site .hero-project:last-child{height:385px;margin-top:64px}
.hero-project:after{background:linear-gradient(0deg,#060911ed,transparent 72%)}
.hero-project strong{font-size:32px;letter-spacing:-1.1px}
.hero-project>span{bottom:30px;left:30px}
.hero-project b{color:#c8c7ce;font-size:11px}
.studio-intro{padding-block:120px;grid-template-columns:1fr 2fr;gap:65px}
.studio-intro>div>p{font-size:19px;line-height:1.8;color:#aaadba!important}
.studio-services{padding-block:95px 105px}
.studio-service{grid-template-columns:55px 1.1fr 1fr 60px;padding:34px 16px 34px 0;gap:25px;border-color:#ffffff14}
.studio-service h3{font-size:30px;font-weight:450}
.studio-service p{color:#a5a9b6}
.studio-service b{color:#cec4e3;font-size:11px}
.studio-service:hover{background:linear-gradient(90deg,transparent,#8f74c810);border-color:#9982c247}
.studio-site .client-projects{gap:70px 32px;align-items:start}
.studio-site .client-project,.studio-site .portfolio-directory .client-project:last-child{grid-column:auto}
.studio-site .client-visual,.studio-site .studio-work .client-project:first-child .client-visual,.studio-site .portfolio-directory .client-project:last-child .client-visual{height:auto;aspect-ratio:1.35;border-radius:10px;overflow:hidden}
.studio-site .client-photo{width:100%;height:100%;object-fit:cover}
.studio-site .project-caption{padding-top:22px;display:block!important}
.studio-site .project-caption h3,.studio-site .client-project:first-child .project-caption h3{font-size:28px;letter-spacing:-.04em;margin:12px 0;font-weight:450}
.studio-site .project-caption p{color:#a5a8b5!important;max-width:510px;font-size:14px;margin-top:0}
.studio-site .project-overline{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#9394a2}
.studio-site .project-caption-bottom{padding-top:18px;margin-top:23px;border-color:#ffffff12;align-items:center}
.studio-site .project-caption-bottom>span{font-size:10px;color:#9695a7}
.studio-site .client-emblem{display:none}
.studio-site .portfolio-filters{padding:0 0 25px;margin-bottom:42px;gap:10px;border:0}
.studio-site .portfolio-filters button{border:1px solid #ffffff18;border-radius:100px;padding:10px 18px;min-height:42px;font-size:12px;color:#acaebb;transition:background .2s}
.studio-site .portfolio-filters button[aria-pressed=true]{background:#b7a3e51a;border-color:#aa8cda70;color:#e9e0fa}
.studio-site .portfolio-filters p{margin-left:auto;color:#8f919f}
.studio-site .page-hero{padding-block:78px 58px;margin-bottom:55px}
.studio-site .page-hero h1{font-size:clamp(48px,6.5vw,90px);letter-spacing:-.064em;max-width:1050px;color:#f3f1f7}
.studio-site .page-lead{color:#a8aab7;font-size:18px;max-width:730px;line-height:1.85}
.studio-site .page-hero:after{width:54px;background:#ad91df}
.article-layout{grid-template-columns:210px minmax(0,1fr);gap:80px}
.article-index{top:35px;padding-right:16px}
.article-index a{font-size:12px;color:#a6a7b5;border-color:#ffffff12;padding:15px 0}
.article-section>p,.article-item p{color:#aeb0bd;font-size:16px;line-height:1.85}
.article-section h2{font-weight:450;font-size:37px;color:#ecebf3}
.article-section h3{color:#dedee8;font-size:23px;letter-spacing:-.035em}
.article-position{background:#12131d;border:1px solid #ffffff12;border-left:2px solid #9877d9;border-radius:0 8px 8px 0;color:#cac4dd!important}
.services-directory .article-layout,.resources-directory .article-layout{display:block}
.services-directory .article-index,.resources-directory .article-index{display:none}
.services-directory .article-content,.resources-directory .article-content{max-width:none}
.services-directory #our-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:75px}
.services-directory #our-services>h2,.services-directory #our-services>p{grid-column:1/-1}
.services-directory .directory-service{padding:32px!important;border:1px solid #ffffff15;background:linear-gradient(145deg,#191923,#101116);border-radius:10px;display:flex;flex-direction:column;min-height:300px;transition:border-color .25s,transform .25s}
.services-directory .directory-service:hover{border-color:#9273ca88;transform:translateY(-4px)}
.services-directory .directory-service>span{font-size:12px;color:#aa8ed8;margin-bottom:35px}
.services-directory .directory-service h3{font-size:27px;line-height:1.15;margin-bottom:18px}
.services-directory .directory-service p{font-size:14px;line-height:1.8;margin-bottom:25px}
.services-directory .directory-service b{margin-top:auto;padding-top:10px;color:#c6b5e2}
.resources-directory #owner-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.resources-directory #owner-guides>h2,.resources-directory #owner-guides>p{grid-column:1/-1}
.resources-directory #owner-guides .article-item{padding:30px;border:1px solid #ffffff18;border-radius:10px;background:#12131b}
.founder-intro{grid-template-columns:1fr 2fr;gap:65px;padding-bottom:85px}
.founder-intro .founder-cards{gap:22px}
.founder-intro .founder-cards article{background:linear-gradient(155deg,#21202e,#11131b 65%);border:1px solid #ffffff16;border-radius:12px;padding:32px;position:relative;overflow:hidden}
.founder-intro .founder-initial{font-size:100px;font-weight:450;letter-spacing:-.075em;line-height:1;color:#9785b8;margin-bottom:60px}
.founder-intro .founder-cards h3{font-size:25px;font-weight:450}
.founder-intro .founder-cards p{font-size:14px;color:#aaa9b7;line-height:1.85}
.experience-teaser{background:radial-gradient(ellipse at 0 50%,#27203766,transparent 70%),#11131b;border-block:1px solid #ffffff0e;padding-block:100px}
.experience-teaser p:not(.eyebrow){color:#a8a9b7}
.journey-map li{padding:32px 0;border-color:#ffffff17}
.journey-map h3{font-size:26px;font-weight:450}
.studio-site .studio-cta{padding-block:105px;background:radial-gradient(ellipse at 75% 100%,#66518422,transparent 60%)}
.studio-cta h2{font-size:clamp(42px,5.5vw,76px);max-width:850px}
.studio-site .site-footer{background:#0d0f16;border-top:1px solid #ffffff15;padding-top:75px;padding-bottom:30px}
.studio-site .footer-statement{font-size:36px;line-height:1.2;letter-spacing:-.05em}
.studio-site .footer-top>div:not(:first-child)>a{color:#a9aab7;font-size:12px}
.studio-site .footer-bottom{border-color:#ffffff12;color:#8b8d9b}
.studio-site .inquiry-form{border-radius:14px;padding:38px;background:linear-gradient(145deg,#191923,#11121a);border-color:#ffffff18}
.studio-site .inquiry-form input,.studio-site .inquiry-form textarea,.studio-site .inquiry-form select{background:#0b0d14;border-color:#ffffff23;border-radius:7px;color:#e9e6f0}
.studio-site .inquiry-form label{color:#c0becd}
.studio-site .faq-list summary{color:#dfdce9;font-weight:450}
.studio-site .faq-list details p{color:#aaaab9}
.studio-site .case-canvas .client-visual{height:auto;aspect-ratio:1.95}
.studio-site .case-meta strong{color:#c4c1d0}
.studio-site .case-tagline,.studio-site .case-intro,.studio-site .case-story article p{color:#aaabba}
@media(min-width:1000px){.studio-site .studio-work .client-project:nth-child(even){padding-top:70px}.studio-site .portfolio-directory .client-project:nth-child(even){padding-top:55px}}
@media(max-width:1100px){.studio-site .shell{width:calc(100% - 64px)}.studio-site .site-header nav{gap:17px}.hero-projects{gap:20px}.studio-site .hero-project{height:380px}.studio-site .hero-project:last-child{height:330px}.services-directory #our-services{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:45px}.founder-intro{grid-template-columns:1fr;gap:32px}.founder-intro .founder-cards{max-width:900px}}
@media(max-width:760px){
.studio-site .shell{width:calc(100% - 40px)}.studio-site .site-header{height:82px}.studio-site .site-header nav{background:#11131d;top:81px;gap:10px}.studio-site .preview-bar{font-size:8px;letter-spacing:.7px}.studio-site .preview-bar span{font-size:8px}
.studio-hero{padding:38px 0 35px}.hero-kicker{margin-bottom:35px;align-items:flex-start;gap:18px}.hero-kicker .eyebrow{font-size:8px;max-width:180px}.hero-kicker>span{font-size:9px;max-width:100px;text-align:right;line-height:1.6}.studio-hero h1{font-size:clamp(48px,11vw,78px);line-height:1.03;letter-spacing:-.065em!important}.studio-hero .hero-bottom{grid-template-columns:1fr;gap:25px;margin-top:28px}.hero-bottom>p{font-size:15px}.hero-bottom>div{gap:22px}.studio-site .button{padding:15px 23px}.work-caption{font-size:8px;letter-spacing:1px;padding:14px 0}.work-caption a{font-size:11px}.hero-projects{grid-template-columns:1fr;gap:18px}.studio-site .hero-project,.studio-site .hero-project:last-child{height:310px;margin-top:0}.hero-project strong{font-size:27px}.hero-project>span{left:23px;bottom:23px}.studio-intro{grid-template-columns:1fr;gap:15px;padding-block:65px}.studio-intro>div>p{font-size:16px}.studio-services{padding-block:60px}.studio-service{grid-template-columns:24px 1fr;padding:26px 0;gap:10px 15px}.studio-service h3{font-size:26px}.studio-site .client-projects{gap:44px}.studio-site .client-visual,.studio-site .studio-work .client-project:first-child .client-visual,.studio-site .portfolio-directory .client-project:last-child .client-visual{aspect-ratio:1.2}.studio-site .project-caption h3,.studio-site .client-project:first-child .project-caption h3{font-size:26px}.studio-site .project-caption-bottom{flex-wrap:wrap;gap:14px}.studio-site .portfolio-filters{gap:8px;margin-bottom:26px}.studio-site .portfolio-filters button{padding:10px 13px;font-size:11px}.studio-site .portfolio-filters p{margin:4px 0 0;width:100%}.studio-site .page-hero{padding:42px 0 35px;margin-bottom:35px}.studio-site .page-hero h1{font-size:42px;line-height:1.07}.studio-site .page-lead{font-size:16px;line-height:1.8}.article-layout{grid-template-columns:1fr;gap:30px}.article-index{padding:20px;background:#11131b;border-color:#ffffff16}.article-index a{font-size:12px}.article-section h2{font-size:30px}.article-section>p,.article-item p{font-size:15px}.services-directory #our-services,.resources-directory #owner-guides{grid-template-columns:1fr;gap:14px}.services-directory .directory-service{min-height:0;padding:26px!important}.services-directory .directory-service>span{margin-bottom:22px}.services-directory .directory-service h3{font-size:28px}.founder-intro{padding-bottom:50px}.founder-intro .founder-cards article{padding:28px}.founder-intro .founder-initial{font-size:80px;margin-bottom:40px}.experience-teaser{padding-block:65px}.studio-site .studio-cta{padding-block:65px}.studio-cta h2{font-size:40px}.studio-site .footer-statement{font-size:30px}.studio-site .inquiry-form{padding:25px 20px}.studio-site .case-canvas .client-visual{aspect-ratio:1.2}.studio-site .case-canvas .visual-northwest .northwest-brand{width:48%}
}
@media(prefers-reduced-motion:reduce){.services-directory .directory-service:hover{transform:none}}
/* Normalize inherited featured-card sizing and remove obsolete label scrims. */
.studio-site .portfolio-directory .client-project:first-child .client-visual{height:auto;aspect-ratio:1.35}
.studio-site .client-visual:before,.studio-site .client-visual:after{display:none}
@media(max-width:760px){.studio-site .portfolio-directory .client-project:first-child .client-visual{aspect-ratio:1.2}}