/* Agentur0911: self-authored social and landing-page studies. */
.cs-social,.cs-landing{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;padding:clamp(78px,9vw,132px) clamp(20px,4.7vw,76px)}
.cs-social *,.cs-landing *{box-sizing:border-box}
.cs-social{background:#111416;color:#f7f5ee}
.cs-social:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffff0c 1px,transparent 1px) 0 0/12.5% 100%;opacity:.4;pointer-events:none}
.cs-social .cs-top,.cs-landing .cs-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:16px;font:700 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.cs-social .cs-top span:last-child,.cs-landing .cs-top span:last-child{text-align:right;opacity:.7}
.cs-social h2,.cs-landing h2{max-width:1100px;margin:46px 0 20px;font:800 clamp(46px,6.6vw,102px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.065em}
.cs-social h2 em,.cs-landing h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.07em}
.cs-social h2 em{color:#d9ff59}.cs-landing h2 em{color:#9fe2c3}
.cs-social .cs-intro,.cs-landing .cs-intro{max-width:700px;margin:0 0 48px;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#e0e0da}
.cs-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,26px);align-items:start}
.cs-study{min-width:0;margin:0}
.cs-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;aspect-ratio:4/5;padding:clamp(20px,2vw,32px);border:1px solid #ffffff3a}
.cs-art>*{position:relative;z-index:2}
.cs-art .cs-art-top,.cs-art .cs-art-bottom{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font:700 clamp(10px,.85vw,12px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.cs-art .cs-art-bottom{align-items:end}
.cs-art .cs-art-bottom b{font-size:clamp(24px,3vw,44px);line-height:.85;letter-spacing:-.08em}
.cs-art strong{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,4.5vw,78px);font-weight:900;line-height:.88;letter-spacing:-.075em;text-transform:uppercase;overflow-wrap:normal}
.cs-art strong span{display:block}
.cs-art--food{background:#f18550;color:#191817}
.cs-art--food:before{content:"";position:absolute;width:70%;aspect-ratio:1;left:50%;top:19%;border:2px solid #1b1a19;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 20px #f8cfad,0 0 0 22px #1b1a19;background:radial-gradient(circle at 55% 46%,#ffcc79 0 24%,#e94f36 25% 30%,#2c493c 31% 38%,#ffdc9d 39% 51%,transparent 52%)}
.cs-art--food strong{align-self:flex-start;transform:rotate(-7deg);text-shadow:3px 3px 0 #f7dbb2}
.cs-art--food strong span:last-child{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.08em}
.cs-art--space{background:#1e2c38;color:#f7f1e7}
.cs-art--space:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10212fe8 0%,#10212fb8 50%,#10212f18 100%);z-index:1}
.cs-art--space img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:0}
.cs-art--space strong{font-size:clamp(42px,4.3vw,74px)}
.cs-art--space strong span:last-child{color:#f7b869;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;text-transform:none}
.cs-art--signal{background:#cfff44;color:#111b27}
.cs-art--signal:before{content:"";position:absolute;left:-22%;top:17%;width:145%;height:58%;background:repeating-linear-gradient(-22deg,#111b27 0 11px,transparent 12px 45px);opacity:.17;transform:rotate(-9deg)}
.cs-art--signal:after{content:"✳";position:absolute;right:-8%;bottom:5%;font:400 clamp(200px,25vw,380px)/1 Arial,Helvetica,sans-serif;color:#f25740;transform:rotate(-15deg);z-index:1}
.cs-art--signal strong{font-size:clamp(40px,4.5vw,80px);max-width:90%;transform:rotate(-3deg)}
.cs-art--signal strong span:nth-child(2){color:#f25740}
.cs-study figcaption{display:block;padding:19px 2px 0}
.cs-study figcaption span{display:block;margin-bottom:12px;font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#d9ff59}
.cs-study figcaption h3{margin:0 0 8px;font:750 clamp(21px,2vw,30px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.045em;color:#f7f5ee}
.cs-study figcaption p{max-width:365px;margin:0;font-size:14px;line-height:1.6;color:#d4d7d3}
.cs-social .cs-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:22px;border-top:1px solid #ffffff50}
.cs-social .cs-end p{max-width:780px;margin:0;font-size:13px;line-height:1.55;color:#d4d7d3}
.cs-social .cs-end a,.cs-landing .cs-end a{flex:none;color:#d9ff59;font:800 12px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.cs-social .cs-end a:hover,.cs-landing .cs-end a:hover{color:#fff}
.cs-landing{background:#152b31;color:#f7f5ee}
.cs-landing .cs-intro{color:#e3eae2}
.cs-landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.5vw,36px)}
.cs-window{min-width:0;margin:0}
.cs-window-inner{overflow:hidden;border:1px solid #a6c5bc66;background:#f2eee4;box-shadow:0 26px 45px #0617194d}
.cs-window-bar{height:35px;display:flex;gap:5px;align-items:center;padding:0 12px;background:#e8ebe5;border-bottom:1px solid #b9c4bd}
.cs-window-bar i{width:7px;height:7px;border-radius:50%;background:#78998f}
.cs-window-bar span{margin:auto;color:#52665e;font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.cs-window-inner{display:block;position:relative;text-decoration:none;color:inherit}
.cs-live-shot{display:block;width:100%;height:auto;aspect-ratio:1280/850;object-fit:cover}
.cs-window-inner>span{position:absolute;right:13px;bottom:13px;z-index:2;padding:10px 13px;background:#172d2c;color:#fff;font:800 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.cs-window-inner:hover>span{background:#dcff76;color:#182727}
.cs-window figcaption{display:flex;gap:18px;align-items:baseline;margin-top:19px;color:#e9efe9}
.cs-window figcaption b{font:800 12px/1.3 Arial,Helvetica,sans-serif;color:#9fe2c3}
.cs-window figcaption span{font-size:13px;line-height:1.5}
.cs-landing .cs-end{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:45px;padding-top:20px;border-top:1px solid #ffffff55}
.cs-landing .cs-end p{max-width:840px;margin:0;font-size:13px;line-height:1.6;color:#d5e0d8}
.cs-landing .cs-end a{color:#9fe2c3}
@media(max-width:950px){.cs-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-study:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.cs-study:last-child .cs-art{aspect-ratio:1}.cs-art strong{font-size:clamp(38px,6vw,72px)}.cs-landing-grid{grid-template-columns:1fr}.cs-window-hero{min-height:420px}.cs-window-copy{width:65%}}
@media(max-width:700px){.cs-social,.cs-landing{padding:74px 20px 82px}.cs-social .cs-top,.cs-landing .cs-top{font-size:9px}.cs-social h2,.cs-landing h2{margin-top:34px;font-size:clamp(44px,10vw,68px)}.cs-gallery{grid-template-columns:1fr;gap:38px}.cs-study:last-child{display:block;grid-column:auto}.cs-art,.cs-study:last-child .cs-art{aspect-ratio:4/5}.cs-art strong,.cs-art--space strong,.cs-art--signal strong{font-size:clamp(51px,12vw,84px)}.cs-social .cs-end,.cs-landing .cs-end{display:block}.cs-social .cs-end a,.cs-landing .cs-end a{display:inline-block;margin-top:20px}.cs-window-hero{min-height:420px}.cs-window-copy{width:79%}.cs-window-copy strong{font-size:clamp(38px,9vw,60px)}}
@media(max-width:390px){.cs-art strong,.cs-art--space strong,.cs-art--signal strong{font-size:12.2vw}.cs-window-copy{width:84%}.cs-window-copy strong{font-size:9vw}.cs-window-nav{padding:18px}.cs-window-copy{padding-left:18px;padding-right:18px}}

.cs-art--signal strong{font-size:clamp(34px,3.3vw,57px)}
@media(max-width:700px){.cs-art--signal strong{font-size:clamp(37px,9.5vw,64px)}}

.cs-art--signal:after{font-size:clamp(125px,14vw,220px);right:-4%;bottom:8%;opacity:.78}.cs-art--signal strong span:nth-child(2){color:#111b27}