:root{--surface:#f4f6fa;--blue-soft:#eef3ff}
.wrap{width:min(1248px,calc(100% - 96px))}
.header-inner{height:104px}
.brand{font-size:21px}
.brand-sub{font-size:12px}
.button{border-radius:9px;min-height:52px;padding:15px 23px;transition:background .18s,color .18s,box-shadow .18s}
.button-dark{background:var(--blue);color:#fff}
.button-dark:hover{background:#1139ad;box-shadow:0 5px 18px #1745d125}
.text-link{border-color:#bdc9eb}
.hero{grid-template-columns:1.2fr 1fr;gap:78px;align-items:center;padding-block:44px 90px}
.hero h1{font-size:clamp(52px,4.75vw,69px);line-height:1.08;letter-spacing:-.05em;max-width:660px}
.hero-lead{font-size:17px;line-height:1.85;max-width:550px;margin-top:28px}
.hero-actions{margin-top:30px;gap:24px}
.hero-actions .button{font-size:14px}
.hero-actions .text-link{font-size:13px}
.hero-context{font-size:12px;color:var(--muted);max-width:385px;line-height:1.8;margin-top:27px;padding-left:16px;border-left:3px solid var(--blue)}








.hero-visual{min-width:0}
.hero-visual-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}
.hero-visual-heading strong{font-size:20px;letter-spacing:-.035em}
.hero-visual-heading span{font-size:11px;color:var(--muted);text-align:right}
.hero-visual .hero-project-image{border:1px solid #dce2ed;border-radius:10px;background:#fff;box-shadow:0 16px 42px #1a365b10;overflow:hidden}
.hero-visual .hero-project-image>img{aspect-ratio:1.44;object-fit:cover;object-position:top}
.hero-visual .hero-project-open{color:var(--blue);background:#fff;border-top:1px solid #e3e8f2;font-size:13px;font-weight:700;padding:16px 19px}
.hero-visual-caption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px}
.about-person{display:flex;gap:16px;align-items:center;margin-bottom:25px}
.about-person>img{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover}
.about-person strong{font-size:16px;display:block;letter-spacing:-.025em}
.about-person p>span{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.work-section{background:var(--blue);color:#fff;padding:74px 0 78px}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.work-heading h2{font-size:42px;line-height:1.18;letter-spacing:-.035em;max-width:600px}
.work-heading>p{max-width:310px;font-size:14px;line-height:1.8;color:#dce5ff}
.workflow-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:33px;margin-bottom:36px}
.workflow-options button{border:1px solid #ffffff5e;background:transparent;border-radius:30px;color:#fff;font-size:13px;line-height:1.5;padding:11px 19px;transition:background .15s,color .15s}
.workflow-options button[aria-pressed=true]{background:#fff;color:var(--blue);border-color:#fff;font-weight:700}
.workflow-options button:hover{background:#ffffff20}
.workflow-options button[aria-pressed=true]:hover{background:#eef3ff}
.work-section :focus-visible{outline-color:#fff;outline-offset:5px}
.workflow-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;min-height:410px}
.workflow-copy{max-width:420px}
.workflow-copy h3{font-size:27px;line-height:1.35;letter-spacing:-.03em;color:#fff}
.workflow-copy>p{font-size:14px;color:#e0e8ff;line-height:1.85;margin-top:17px}
.workflow-steps{list-style:none;padding:0 0 0 8px;margin:23px 0 0;display:grid;gap:0}
.workflow-steps li{position:relative;border-left:1px solid #9db6ff;padding:0 0 18px 22px}
.workflow-steps li:before{content:'';position:absolute;width:7px;height:7px;top:7px;left:-4px;border-radius:50%;background:#fff}
.workflow-steps li:last-child{border-left-color:transparent;padding-bottom:0}
.workflow-steps strong{font-size:13px;font-weight:650;display:block}
.workflow-steps span{font-size:12px;display:block;color:#dbe5ff;margin-top:3px;line-height:1.7}
.workflow-link{background:transparent;border:0;border-bottom:1px solid #a9bfff;color:#fff;padding:0 0 4px;font-size:13px;font-weight:650;margin-top:25px;text-align:left;line-height:1.6}
.workflow-link:hover{border-color:#fff}
.workflow-screen{border:0;border-radius:10px;background:#fff;overflow:hidden;padding:0;text-align:left;min-width:0;box-shadow:0 22px 50px #0e278a48;transition:box-shadow .2s}
.workflow-screen:hover{box-shadow:0 25px 60px #0b216b80}
.workflow-screen img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:top;transition:none}
.workflow-screen>span{display:block;background:#fff;color:var(--blue);font-size:12px;font-weight:700;padding:13px 18px}
.workflow-pricing{background:#fff;color:var(--ink);border-radius:12px;padding:35px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.workflow-pricing>p{font-size:14px;color:var(--muted);line-height:1.8}
.pricing-route{display:grid;gap:0;margin-top:18px}
.pricing-route>div{border-left:3px solid var(--blue);padding:16px 0 16px 22px}
.pricing-route strong{font-size:20px;display:block;letter-spacing:-.025em}
.pricing-route span{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.7}
.workflow-pricing small{margin-top:20px;font-size:11px;color:var(--muted)}
.portfolio-section{margin-top:0;padding-block:85px 76px}
.section-topline{align-items:flex-end}
.section-topline h2,.section-intro h2,.about-copy h2{font-size:44px;line-height:1.15}
.section-aside{font-size:14px;max-width:410px;line-height:1.9}
.portfolio-toolbar{border:0;margin-top:31px;margin-bottom:28px;padding:0}
.project-filters{gap:9px}
.filter{padding:9px 16px;border-radius:22px;border:1px solid transparent;font-size:13px}
.filter.active{background:var(--blue-soft);color:var(--blue);box-shadow:none}
.filter:hover{background:var(--surface)}
.portfolio-note{font-size:11px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.project-grid .project-card{display:block;grid-column:auto;border:0;border-radius:14px;background:var(--surface);padding:0;margin:0;gap:0;box-shadow:none;overflow:hidden;transition:box-shadow .18s}
.project-grid .project-card:hover{transform:none;box-shadow:0 8px 28px #15305a0d}
.project-grid .project-card .project-shot{padding:22px 22px 0;background:#e9eef8;border:0;border-radius:0;aspect-ratio:1.5;min-height:0;overflow:hidden}
.project-grid .project-card .project-shot>img{border-radius:7px 7px 0 0;box-shadow:0 7px 20px #132c5615;object-fit:cover;object-position:top;width:100%;height:100%;transition:none}
.project-grid .project-card .project-info{padding:26px 29px 30px}
.project-grid .project-card .project-info h3{font-size:28px;line-height:1.2}
.project-grid .project-card .project-info p{font-size:14px;line-height:1.85;margin-top:13px;max-width:none}
.project-grid .project-card .project-category{font-size:11px;gap:15px;margin-bottom:15px;justify-content:flex-start;flex-wrap:wrap}
.project-grid .project-card .project-stage{font-size:10px;max-width:none;text-align:left}
.project-grid .project-card .project-bottom{margin-top:22px;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.shot-provenance{font-size:10px;max-width:62%}
.case-link{font-size:12px}
.shot-open{right:20px;bottom:20px;border:0;border-radius:7px;background:var(--blue);padding:10px 14px;font-size:12px}
.project-grid .project-fighterstat{display:grid;grid-column:1/-1;grid-template-columns:1.3fr 1fr;align-items:center;background:#151515;color:#fff}
.project-grid .project-fighterstat .project-shot{padding:24px;background:#151515;aspect-ratio:1.44}
.project-grid .project-fighterstat .project-shot>img{border-radius:7px;box-shadow:none;object-fit:cover}
.project-grid .project-fighterstat .project-info{padding:35px 38px 35px 20px}
.project-grid .project-fighterstat .project-info h3{font-size:39px}
.project-grid .project-fighterstat .project-info p,.project-grid .project-fighterstat .project-category,.project-grid .project-fighterstat .project-stage,.project-grid .project-fighterstat .shot-provenance{color:#c6c9d1}
.project-grid .project-fighterstat .project-info p{font-size:16px}
.project-grid .project-fighterstat .case-partner{color:#fff;font-size:13px;line-height:1.8;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff20}
.project-grid .project-fighterstat .case-link{color:#fff}
.project-grid .project-suprihub{display:grid;grid-column:1/-1;grid-template-columns:1fr 1.2fr;align-items:center;background:var(--blue-soft)}
.project-grid .project-suprihub .project-shot{order:2;padding:27px;background:#e2eafe;aspect-ratio:1.44}
.project-grid .project-suprihub .project-shot>img{border-radius:7px}
.project-grid .project-suprihub .project-info{padding:35px 38px}
.project-grid .project-suprihub .project-info h3{font-size:34px}
.project-grid .project-look4fighter{display:grid;grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center;background:#f4f6fa}
.project-grid .project-look4fighter .project-shot{padding:25px;aspect-ratio:1.31;background:#e9edf4}
.project-grid .project-look4fighter .project-shot>img{border-radius:7px}
.project-grid .project-look4fighter .project-info{padding:35px}
.project-grid .project-look4fighter .project-info h3{font-size:35px}
.case-access-note{font-size:12px;color:var(--muted);width:100%;line-height:1.7}
.portfolio-footnote{font-size:11px;line-height:1.9;max-width:850px;margin-top:27px}
.services-section{border:0;gap:85px;padding-block:25px 90px;grid-template-columns:.9fr 1.1fr}
.section-intro p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:375px;margin-top:24px}
.service-row summary{padding-block:25px;gap:18px}
.service-row summary h3{font-size:22px;line-height:1.4}
.service-detail p,.service-detail li{font-size:14px;line-height:1.85}
.service-plus{transition:transform .18s}
.about-section{background:var(--blue-soft);padding-block:78px}
.about-grid{grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}
.experience-note{background:#fff;border-radius:15px;padding:34px;align-self:stretch}
.experience-note .experience-heading{font-size:27px;font-weight:750;color:var(--ink);line-height:1.3;letter-spacing:-.035em}
.experience-note>p{font-size:14px;color:var(--muted);line-height:1.85;margin-top:16px}
.experience-note>p:first-child{margin-top:0}
.experience-item{margin-top:26px;padding-top:24px;border-top:1px solid #e3e8f2}
.experience-item strong{font-size:15px;display:block}
.experience-item span{font-size:13px;line-height:1.85;color:var(--muted);display:block;margin-top:7px}
.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-top:22px}
.partnership{border:0;background:#fff;padding:18px;border-radius:10px;gap:14px}
.partnership-mark{border-radius:8px}
.about-links .text-link{font-size:13px}
.stack-line{margin-top:40px;border-top:0;padding-top:0}
.stack-line>div{gap:10px 24px}
.team-section{color:var(--ink);background:#fff;border:0;padding:73px 0 0;gap:80px;align-items:start}
.team-section h2{font-size:38px;line-height:1.2}
.team-section p{font-size:15px;line-height:1.9;color:var(--muted)}
.team-section .button-outline{color:var(--blue);border-color:#aebfea;border-radius:8px}
.team-section .button-outline:hover{background:var(--blue-soft)}
.contact-section{padding-block:77px;gap:80px}
.contact-copy h2{font-size:44px;line-height:1.15}
.contact-copy>p:not(.eyebrow){font-size:15px;line-height:1.9}
.contact-link{font-size:17px}
.linkedin-icon{background:var(--blue);color:#fff;border:0;border-radius:7px}
.brief-form{border-radius:14px;padding:33px;background:var(--blue-soft)}
.brief-form>p{font-size:15px}
.brief-form label{font-size:13px}
.brief-form input,.brief-form select,.brief-form textarea{font-size:14px;border-radius:7px}
.brief-footer>span{font-size:11px;line-height:1.8}
.brief-footer .button{border-radius:7px}
.faq-section{gap:85px}
.site-footer{border-top-color:#e3e8f2}
.dialog-content{padding-bottom:38px}
.case-main-figure{border-radius:8px}
@media(min-width:761px) and (max-width:1080px){
 .wrap{width:calc(100% - 64px)}.hero{gap:40px;padding-block:35px 65px}.hero h1{font-size:54px}.hero-lead{font-size:16px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:12px}.workflow-panel{gap:35px;grid-template-columns:.9fr 1.1fr}.work-heading h2{font-size:38px}.workflow-copy h3{font-size:24px}.workflow-copy>p{font-size:13px}.project-grid{gap:27px}.project-grid .project-card .project-info{padding:24px}.project-grid .project-fighterstat .project-info{padding:28px 28px 28px 8px}.project-grid .project-fighterstat .project-info h3{font-size:32px}.project-grid .project-suprihub .project-info{padding:28px}.services-section,.about-grid,.contact-section,.faq-section{gap:45px}.section-topline h2,.section-intro h2,.about-copy h2{font-size:37px}.experience-note{padding:28px}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}.header-inner{height:86px}.brand{font-size:19px}.brand-sub{font-size:11px}.hero{grid-template-columns:1fr;gap:35px;padding-block:28px 60px}.hero h1{font-size:clamp(45px,10.6vw,66px);line-height:1.08;max-width:570px}.hero-lead{font-size:16px;line-height:1.85;margin-top:23px}.hero-actions{gap:19px;margin-top:26px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:13px}.hero-context{font-size:12px;margin-top:25px;max-width:340px}.work-section{padding:48px 0 50px}.work-heading{display:block}.work-heading h2{font-size:34px;line-height:1.2}.work-heading>p{font-size:14px;margin-top:20px;max-width:420px}.workflow-options{gap:8px;margin:25px 0 30px}.workflow-options button{font-size:12px;padding:10px 14px}.workflow-panel{display:flex;flex-direction:column;gap:30px;align-items:stretch;min-height:0}.workflow-copy{max-width:none}.workflow-copy h3{font-size:25px;max-width:420px}.workflow-copy>p{font-size:14px}.workflow-steps{margin-top:22px}.workflow-steps strong{font-size:13px}.workflow-steps span{font-size:12px}.workflow-link{font-size:13px;margin-top:23px}.workflow-screen img{aspect-ratio:1.45}.workflow-screen>span{font-size:12px;padding:12px 15px}.workflow-pricing{padding:27px}.pricing-route strong{font-size:19px}.portfolio-section{padding-block:55px}.section-topline h2,.section-intro h2,.about-copy h2{font-size:35px}.section-aside{font-size:14px;line-height:1.85;margin-top:19px;max-width:450px}.portfolio-toolbar{margin:25px 0 25px}.project-filters{gap:4px}.filter{font-size:12px;padding:8px 12px}.project-grid{display:grid;grid-template-columns:1fr;gap:26px}.project-grid .project-card,.project-grid .project-fighterstat,.project-grid .project-suprihub{display:block;grid-column:auto;margin:0;padding:0;gap:0;border:0;border-radius:12px}.project-grid .project-card .project-shot,.project-grid .project-fighterstat .project-shot,.project-grid .project-suprihub .project-shot{padding:15px 15px 0;aspect-ratio:1.48;min-height:0;border:0;width:100%}.project-grid .project-fighterstat .project-shot{padding:15px;aspect-ratio:1.44}.project-grid .project-suprihub .project-shot{padding:15px 15px 0}.project-grid .project-card .project-info,.project-grid .project-fighterstat .project-info,.project-grid .project-suprihub .project-info{padding:23px 23px 26px}.project-grid .project-card .project-info h3,.project-grid .project-fighterstat .project-info h3,.project-grid .project-suprihub .project-info h3{font-size:28px}.project-grid .project-card .project-info p,.project-grid .project-fighterstat .project-info p{font-size:14px;line-height:1.85}.project-grid .project-card .project-category{font-size:10px;gap:8px 14px;margin-bottom:14px}.project-grid .project-card .project-stage{font-size:10px}.project-grid .project-card .project-bottom{margin-top:20px;gap:14px}.shot-provenance{font-size:10px;max-width:100%}.case-link{font-size:12px}.project-grid .project-fighterstat .case-partner{font-size:12px}.portfolio-footnote{font-size:11px;margin-top:24px}.services-section{grid-template-columns:1fr;gap:27px;padding-block:10px 55px}.section-intro p:not(.eyebrow){font-size:15px;max-width:none}.service-row summary{padding-block:22px}.service-row summary h3{font-size:20px}.service-detail p,.service-detail li{font-size:14px}.service-detail{padding-right:0}.about-section{padding-block:50px}.about-grid{grid-template-columns:1fr;gap:35px}.experience-note{padding:28px;order:2}.experience-note .experience-heading{font-size:26px}.about-copy>p:not(.eyebrow){font-size:15px}.experience-item{margin-top:22px;padding-top:21px}.stack-line{margin-top:30px}.stack-line>div>span{font-size:12px}.team-section{display:block;padding:49px 0 0}.team-section h2{font-size:33px}.team-section>div+div{margin-top:22px}.team-section p{font-size:15px}.team-section .button{font-size:12px;padding:13px 16px;min-height:48px}.contact-section{grid-template-columns:1fr;padding-block:51px;gap:31px}.contact-copy h2{font-size:35px}.contact-copy>p:not(.eyebrow){font-size:15px}.contact-link{font-size:16px}.brief-form{padding:24px}.brief-form input,.brief-form select,.brief-form textarea{font-size:14px}.brief-form>p{font-size:14px}.brief-footer{gap:18px}.brief-footer>span{font-size:11px}.brief-footer .button{font-size:12px}.faq-section{gap:25px;padding-bottom:50px}.faq-section h2{font-size:28px}.faq-section summary{font-size:14px}.site-footer{padding-block:28px}.site-footer>.brand{font-size:17px}
}
@media(max-width:359px){
 .wrap{width:calc(100% - 32px)}.hero h1{font-size:43px}.hero-context{font-size:11px}.work-heading h2{font-size:30px}.workflow-options button{font-size:11px;padding:9px 12px}.workflow-copy h3{font-size:23px}.project-filters{gap:2px}.filter{font-size:11px;padding:8px 10px}.project-grid .project-card .project-info{padding:21px}.project-grid .project-card .project-info h3{font-size:25px}.project-grid .project-card .project-info p{font-size:13px}.brief-form{padding:21px}.contact-link{font-size:14px}.partnership{padding:15px;gap:10px}.partnership strong{font-size:11px}
}
@media(max-width:760px){.hero-visual-heading strong{font-size:18px}.hero-visual-heading span{font-size:10px;max-width:170px}.hero-visual .hero-project-open{font-size:12px;padding:14px 16px}.hero-visual-caption{font-size:10px}.about-person{gap:14px;margin-bottom:23px}.about-person>img{width:56px;height:56px}}
@media(max-width:760px){.project-grid .project-look4fighter{display:block;grid-column:auto}.project-grid .project-look4fighter .project-shot{padding:15px 15px 0;aspect-ratio:1.31}.project-grid .project-look4fighter .project-info{padding:23px}.project-grid .project-look4fighter .project-info h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}