
@media (max-width:1060px){.btn-row{grid-template-columns:minmax(0,1fr)}}
.cs-title{font-size:clamp(44px,15vw,220px);margin:0 0 0 -.037em;font-weight:400;line-height:.86;letter-spacing:-.035em;color:#121212}
.cs-brief-r{grid-column:5 / -1}.cs-brief-r .cs-p{font-size:18px;line-height:1.55}
.cs-four>div{padding:20px 0 28px;border-top:1px solid #12121224}
.cs-quote{margin:0;padding:28px 0 0;border-top:1.5px solid #121212;position:relative;z-index:1}
.cs-quote p{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.25;font-weight:700;letter-spacing:-.015em}
.cs-quote cite{display:block;margin-top:16px;font-style:normal;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5c5a52;line-height:1.5}
.cs-res strong{display:block;font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.cs-res span{display:block;margin-top:10px;font-size:17px;line-height:1.5;font-weight:500;letter-spacing:0}
.cs-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cs-grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.cs-grid3 .cs-fig figcaption{margin-top:12px}
@media (max-width:640px){.cs-grid2,.cs-grid3{grid-template-columns:minmax(0,1fr)}}
.pv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:start}
.pv__f{width:86%}
@media (max-width:1000px){.pv{grid-template-columns:1fr}.pv__f{width:100%}}
.vid{position:relative;display:block;width:100%;aspect-ratio:16 / 9;text-decoration:none;color:#121212;line-height:1}
.vid__bg{position:absolute;inset:0;height:100%}
.vid__play{position:absolute;left:50%;top:50%;width:clamp(72px,9vw,128px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;background:#1f5fd6;color:#f7f6f1;border:1.5px solid #121212}
.vid__play svg{width:46%;height:46%;display:block}
.vid__tag{position:absolute;left:24px;bottom:24px;padding:10px 16px;background:#f7f6f1;border:1.5px solid #121212;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.vid:hover .vid__play,.vid:focus-visible .vid__play{background:#121212;color:#ff5a14}
.vid:hover .vid__tag,.vid:focus-visible .vid__tag{background:#ff5a14}
.vid:focus-visible{outline:2px solid #121212;outline-offset:-6px}
.in-img{margin-top:44px;width:100%}
@media (max-width:1000px){.in-img{margin-top:0;width:100%}}
.cs-quote p,.cs-pull{font-style:italic}
.cs-quote p::before,.cs-pull::before{content:"\201C"}
.cs-quote p::after,.cs-pull::after{content:"\201D"}
.cs-rule{position:relative;z-index:1;border-top:1.5px solid #121212}
.cs-quote--in{margin-top:48px;padding-top:0;border-top:0}
.cs-quote--in p{font-size:clamp(22px,2vw,28px);line-height:1.3}
.cs-steps--num li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start}
.cs-steps--num li:first-child{border-top:0;padding-top:0}
.cs-num{font-style:normal;font-size:28px;line-height:1;font-weight:900;letter-spacing:-.02em;color:#1f5fd6}
.pv-l{grid-column:1 / span 4}
.pv-r{grid-column:5 / -1}
@media (max-width:1000px){.pv-l,.pv-r{grid-column:1 / -1}}
.sp{display:flex;align-items:stretch;height:56px;margin-top:12px;text-decoration:none;color:#121212;box-sizing:border-box;border:1.5px solid #121212;background:#f7f6f1}
.sp__icon{width:56px;flex:none;display:grid;place-items:center;background:var(--sp-a);color:#121212;border-right:1.5px solid #121212}
.sp__icon svg{width:22px;height:22px;display:block}
.sp__txt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 16px}
.sp__txt strong{font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp__txt em{font-style:normal;margin-top:3px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5c5a52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp__src{flex:none;display:flex;align-items:center;padding:0 16px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.sp:hover .sp__icon,.sp:focus-visible .sp__icon{background:#121212;color:var(--sp-a)}
.sp:hover,.sp:focus-visible{background:var(--sp-a);color:var(--sp-on)}
.sp:hover .sp__txt em,.sp:focus-visible .sp__txt em{color:inherit}
.sp:active{transform:translate(1px,1px)}
.sp:focus-visible{outline:2px solid #121212;outline-offset:3px}
@media (max-width:520px){.sp__src{display:none}}
.bt-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
@media (max-width:900px){.bt-three{grid-template-columns:1fr}}
.bm-white{background:#fff !important}
.bm-sys .cs-brief-r{margin-top:12px}
.bm-lb{aspect-ratio:3 / 2;display:flex}
.bm-lb .cs-zoom{height:100%}
.bm-lb img{height:100%;object-fit:contain}
.bm-cover{grid-column:1 / span 5}
.bm-idea{grid-column:7 / span 6}
.bm-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;align-items:start}
.bm-tall{aspect-ratio:4 / 5;padding:12px;display:flex}
.bm-tall .cs-zoom{height:100%}
.bm-tall img{height:100%;object-fit:contain}
.cs-fig figcaption.bm-cap{margin-top:16px;text-transform:none;letter-spacing:0;font-family:inherit;font-size:17px;line-height:1.45;color:#5c5a52}
.bm-cap strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#121212}
.bm-cap span{display:block;margin-top:4px}
.bm-n{display:inline-block;min-width:44px;color:#1f5fd6;font-weight:900}
.cs-res--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.bm-sys .cs-brief-r{margin-top:0}.bm-cover,.bm-idea{grid-column:1 / -1}.bm-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-res--3{grid-template-columns:1fr}.bm-cover{max-width:520px}}
@media (max-width:640px){.bm-four{grid-template-columns:1fr}}
.cb-box{aspect-ratio:4 / 3;padding:12px;display:flex}
.cb-box .cs-zoom{height:100%}
.cb-box img{height:100%;object-fit:contain}
.cb-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.cb-three .cb-sq{aspect-ratio:1 / 1;padding:16px;display:flex}
.cb-three .cb-sq .cs-zoom{height:100%}
.cb-three .cb-sq img{height:100%;object-fit:contain}
.cb-steps3>div{padding:20px 0 28px;border-top:1px solid #12121224}
.cb-steps3 .cs-h3{font-size:22px}
.cb-steps3 p{margin:8px 0 0;font-size:17px;line-height:1.5;color:#5c5a52}
.cb-take{margin-top:56px;padding-top:20px;border-top:1px solid #12121224;font-size:19px;line-height:1.5}
.cb-take strong{font-weight:800}
@media (max-width:640px){.cb-three,.cb-steps3{grid-template-columns:1fr}}
.cs-title--cb .ol-ht__l:nth-child(odd){--ht-tone:#FF6600}
.cs-title--cb .ol-ht__l:nth-child(even){--ht-tone:#0090E3}
.cs-q10{grid-column:1 / span 8;margin-right:-24px}
@media (max-width:1000px){.cs-q10{grid-column:1 / -1;margin-right:0}}
