.studio-avatar{display:grid;place-items:center;background:#171717;border:1px solid #ffffff30}
.studio-avatar .brand-mark{margin-left:2px}
.studio-hero{background:#090909;min-height:800px}
.studio-hero .hero-image{height:auto;top:50%;transform:translateY(-50%);object-fit:contain;object-position:right center;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
.studio-hero .hero-overlay{background:linear-gradient(90deg,#090909f0 0%,#090909b8 22%,#09090928 48%,transparent 66%),linear-gradient(0deg,#090909 0%,transparent 17%)}
.hero-message{position:absolute;left:45px;top:50%;transform:translateY(-27%);max-width:515px;z-index:2}
.studio-hero .hero-message h1{position:static;max-width:none;margin:20px 0 22px;font-size:clamp(40px,3.65vw,64px);line-height:1.1;letter-spacing:-.035em;font-weight:500;color:#dedede}
.hero-message>p{font-size:19px;line-height:1.6;color:#b5b5b5;margin:0 0 22px}
.hero-services{display:flex;flex-wrap:wrap;gap:8px;max-width:440px;margin-bottom:26px}
.hero-services a{font-size:12px;line-height:1.5;padding:6px 11px;border:1px solid #ffffff35;border-radius:20px;background:#1118;color:#c4c4c4;transition:border-color .25s,color .25s}
.hero-services a:hover{border-color:#ef0018;color:white}
.hero-main-cta{font-size:16px;border:1px solid #ffffff40;border-radius:7px;padding:12px 22px;color:#ddd;background:#232323d9}
.hero-discover{position:absolute;left:45px;bottom:30px;display:flex;gap:25px;align-items:center;font-size:10px;letter-spacing:.12em;color:#aaa;z-index:2}
.hero-discover span{font-size:20px;color:#ddd}
.seo-focus-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}
.seo-focus h2{font-size:36px;line-height:1.2;font-weight:500;color:#d3d3d3;margin:22px 0}
.seo-focus-head p{font-size:20px;line-height:1.6;margin:0;color:#aaa}
.seo-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.seo-glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff30;border-radius:14px;background:linear-gradient(135deg,#ffffff07,#ffffff02)}
.seo-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--glow-x,50%) var(--glow-y,0%),#ffffffa0,transparent 80%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:opacity .35s}
.seo-scope{padding:27px 25px}
.seo-scope>span,.seo-detail-grid article>span{font-size:12px;color:#bc5b69;letter-spacing:.06em}
.seo-scope h3{font-size:24px;font-weight:400;line-height:1.3;color:#d5d5d5;margin:25px 0 15px}
.seo-scope p{font-size:16px;line-height:1.7;color:#9f9f9f;margin:0}
.seo-own-work{display:flex;align-items:center;gap:20px;padding:24px 28px;margin-top:22px;background:linear-gradient(100deg,#ef00180b,#ffffff02)}
.seo-own-dot{flex-shrink:0;width:9px;height:9px;border:1px solid #f05168;border-radius:50%;box-shadow:0 0 20px #ef00182b;background:#ef00184a}
.seo-own-work div>span{font-size:10px;letter-spacing:.1em;color:#999}
.seo-own-work p{font-size:19px;color:#cacaca;margin:8px 0 0;line-height:1.5}
.seo-own-arrow{font-size:25px;color:#ccc;margin-left:auto}
.seo-service-hero,.seo-service-section{max-width:1510px;margin:auto;padding-left:6vw;padding-right:6vw}
.seo-service-hero{padding-top:150px;padding-bottom:90px}
.seo-service-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}
.journal-page .seo-service-intro h1{font-size:clamp(50px,5.4vw,82px);line-height:1.07;margin:28px 0;letter-spacing:-.045em}
.seo-service-intro h1>span{color:#888}
.seo-service-intro p{font-size:20px;line-height:1.7;color:#aaa;margin:0 0 30px;max-width:490px}
.seo-primary-cta{font-size:17px;border:1px solid #ffffff40;border-radius:7px}
.seo-hero-art{position:relative;border:1px solid #ffffff25;border-radius:16px;overflow:hidden;background:#101113}
.seo-hero-art img{display:block;width:100%;height:auto}
.seo-hero-art>span{display:block;color:#8d8d8d;font-size:9px;letter-spacing:.12em;padding:0 25px 22px}
.seo-service-section{padding-bottom:95px}
.seo-section-intro{max-width:720px;margin-bottom:35px}
.seo-section-intro h2,.seo-case h2,.seo-next h2{font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.03em;color:#d2d2d2;margin:20px 0}
.seo-section-intro p,.seo-case-intro p,.seo-next p{font-size:18px;line-height:1.7;color:#aaa;margin:0}
.seo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.seo-detail-grid article{padding:32px}
.seo-detail-grid h3{font-size:29px;font-weight:400;color:#d6d6d6;margin:22px 0 18px}
.seo-detail-grid p{font-size:18px;line-height:1.7;color:#aaa;margin:0 0 22px;max-width:520px}
.seo-detail-grid ul{padding:22px 0 0;margin:0;border-top:1px solid #ffffff20;list-style:none}
.seo-detail-grid li{font-size:15px;line-height:1.7;margin:9px 0;color:#a4a4a4;padding-left:17px;position:relative}
.seo-detail-grid li:before{content:"";width:4px;height:4px;background:#a98a8f;border-radius:50%;position:absolute;left:0;top:11px}
.seo-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.seo-stage-grid>div{border-top:1px solid #ffffff30;padding-top:22px}
.seo-stage-grid span{font-size:10px;letter-spacing:.06em;color:#8f8f8f}
.seo-stage-grid h3{font-size:23px;line-height:1.3;font-weight:400;color:#ccc;margin:22px 0 16px}
.seo-stage-grid p{font-size:16px;line-height:1.7;color:#999;margin:0}
.seo-case{display:grid;grid-template-columns:1fr 1fr;gap:35px 65px;padding:40px;background:radial-gradient(ellipse at 0 0,#ef00180d,transparent 60%),#ffffff03}
.seo-case h2{font-size:36px}
.seo-case-intro .journal-text-link{margin-top:28px}
.seo-case-list{margin:0}
.seo-case-list>div{padding:18px 0;border-bottom:1px solid #ffffff20}
.seo-case-list>div:first-child{padding-top:0}
.seo-case-list dt{font-size:16px;color:#d0d0d0;line-height:1.5}
.seo-case-list dd{font-size:15px;line-height:1.7;color:#999;margin:7px 0 0}
.seo-case-note{grid-column:1/-1;font-size:12px;line-height:1.7;color:#8b8b8b;border-top:1px solid #ffffff20;padding-top:22px;margin:0}
.seo-faq{display:grid;grid-template-columns:1fr 1.1fr;gap:50px}
.seo-faq details{border-top:1px solid #ffffff2a;padding:23px 0}
.seo-faq details:last-child{border-bottom:1px solid #ffffff2a}
.seo-faq summary{font-size:20px;color:#cfcfcf;line-height:1.5}
.seo-faq details p{font-size:17px;line-height:1.8;color:#aaa;margin:18px 0 0}
.seo-next{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.seo-next>div:first-child{max-width:520px}
.seo-next .journal-text-link{margin-top:25px}
.seo-next .seo-glass{padding:35px}
.seo-next .flat-button{font-size:17px;border:1px solid #ffffff30;margin-top:25px}
@media(hover:hover) and (pointer:fine){.seo-glass:hover{border-color:#ffffff50}.seo-glass:hover:after{opacity:1}}
@media(min-width:1750px){.hero-message{max-width:610px;left:5vw}.hero-message>p{font-size:22px}.hero-services{max-width:520px}.hero-services a{font-size:14px}}
@media(max-width:1100px){.hero-message{max-width:440px;top:49%;transform:translateY(-18%)}.studio-hero .hero-message h1{font-size:42px}.hero-message>p{font-size:18px}.hero-services{max-width:370px}.seo-scope-grid,.seo-stage-grid{grid-template-columns:1fr 1fr}.seo-focus-head{align-items:flex-start;flex-direction:column;gap:25px}.seo-case{gap:35px}.seo-service-intro{gap:25px}.seo-next{gap:30px}.seo-section-intro h2,.seo-next h2{font-size:35px}}
@media(max-width:700px){.studio-hero{height:auto;min-height:900px;padding-bottom:35px}.studio-hero .hero-image{top:88px;left:auto;right:-15%;width:145%;height:auto;max-width:none;transform:none;object-fit:contain;object-position:center}.studio-hero .hero-overlay{background:linear-gradient(0deg,#090909 0%,#090909 42%,#09090910 66%,#09090915 100%)}.hero-message{position:relative;top:auto;left:auto;transform:none;padding:390px 24px 35px;max-width:none}.studio-hero .hero-message h1{font-size:37px;line-height:1.1;letter-spacing:-.035em;margin-top:18px}.hero-message>p{font-size:18px;line-height:1.6;max-width:390px}.hero-message .journal-eyebrow{font-size:9px}.hero-services{max-width:390px;gap:8px;margin-bottom:25px}.hero-services a{font-size:12px;padding:6px 10px}.hero-main-cta{max-width:calc(100% - 55px);font-size:16px;line-height:1.5;padding:11px 17px}.hero-discover{position:relative;bottom:auto;right:auto;left:auto;margin:0 24px;justify-content:flex-start;font-size:9px;gap:20px}.seo-focus h2{font-size:30px}.seo-focus-head p{font-size:18px}.seo-scope-grid{gap:16px}.seo-scope{padding:24px 22px}.seo-scope h3{font-size:23px}.seo-scope p{font-size:16px}.seo-own-work{padding:22px;gap:15px;align-items:flex-start}.seo-own-dot{margin-top:6px}.seo-own-work p{font-size:17px}.seo-own-work div>span{font-size:9px}.seo-own-arrow{font-size:22px}.seo-service-hero{padding:130px 24px 60px}.seo-service-intro{grid-template-columns:1fr;gap:35px}.journal-page .seo-service-intro h1{font-size:49px;line-height:1.1}.seo-service-intro p{font-size:19px}.seo-primary-cta{font-size:17px}.seo-service-section{padding:0 24px 65px}.seo-section-intro h2,.seo-case h2,.seo-next h2{font-size:32px}.seo-detail-grid{grid-template-columns:1fr;gap:18px}.seo-detail-grid article{padding:27px 23px}.seo-detail-grid h3{font-size:28px}.seo-detail-grid p{font-size:18px}.seo-stage-grid{gap:30px 23px}.seo-stage-grid h3{font-size:22px}.seo-case{grid-template-columns:1fr;padding:27px 23px;gap:32px}.seo-case-note{grid-column:auto}.seo-case-intro p{font-size:17px}.seo-faq{grid-template-columns:1fr;gap:0}.seo-faq summary{font-size:19px}.seo-faq details p{font-size:17px}.seo-next{grid-template-columns:1fr;gap:38px}.seo-next .seo-glass{padding:27px 23px}}
@media(max-width:480px){.seo-scope-grid,.seo-stage-grid{grid-template-columns:1fr}.studio-hero .hero-image{top:105px}.hero-message{padding-top:350px}.studio-hero{min-height:880px}}
@media(max-width:360px){.hero-message{padding-top:330px}.studio-hero .hero-message h1{font-size:33px}}