:root{--oxford:#0a2342;--teal:#1c6d6e;--turq:#1ec1be;--elec:#64e9fa;--ink:#060f1a;--surface:#091828;--card:hsla(0,0%,100%,.04);--border:rgba(30,193,190,.14);--white:#fff;--text:hsla(0,0%,100%,.8);--muted:hsla(0,0%,100%,.38);--ff:"Poppins",sans-serif}.yousirs-case-study-wrapper{font-family:var(--ff);background:var(--ink);color:var(--text);overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--teal)}#progress-bar{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--teal),var(--turq));z-index:200;transition:width .1s linear}#hero{position:relative;width:100%;height:100vh;min-height:700px;overflow:hidden;display:flex;align-items:flex-end;padding-bottom:100px;background:var(--ink)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.hero-content{position:relative;z-index:2;padding:0 80px;width:100%}.hero-kicker{font-size:10px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--turq);margin-bottom:28px;display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(20px)}.hero-kicker:before{content:"";width:32px;height:1px;background:var(--turq)}.hero-title{font-size:clamp(56px,8.5vw,120px);font-weight:900;letter-spacing:-.04em;line-height:.92;color:#fff;margin-bottom:40px;opacity:0;transform:translateY(30px)}.hero-title em{font-style:normal;color:var(--teal)}.hero-meta-row{gap:40px;opacity:0;transform:translateY(20px)}.hero-meta-row,.hero-tag{display:flex;align-items:center}.hero-tag{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--muted);gap:8px}.hero-tag:before{content:"—";color:var(--teal)}.hero-scroll-hint{position:absolute;bottom:36px;right:80px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;opacity:0}.hero-scroll-line{width:40px;height:1px;background:linear-gradient(to right,var(--teal),transparent);animation:extendLine 2s ease-in-out infinite}@keyframes extendLine{0%,to{width:20px;opacity:.4}50%{width:50px;opacity:1}}.meta-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr)}.meta-cell{padding:28px 40px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.meta-cell:last-child{border-right:none}.meta-label{font-size:8.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--turq)}.meta-value{font-size:13px;font-weight:600;color:#fff;line-height:1.4}section{padding:140px 0}.container{max-width:1240px;margin:0 auto;padding:0 80px}.section-index{font-size:10px;font-weight:700;letter-spacing:.28em;color:var(--turq);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:12px}.section-index:before{content:"";width:20px;height:1px;background:var(--turq)}.section-title{font-size:clamp(32px,4.5vw,60px);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.08;margin-bottom:0}.section-title em{font-style:normal;color:var(--teal)}#intro{padding-top:100px;padding-bottom:100px;background:var(--surface)}.intro-grid{display:grid;grid-template-columns:360px 1fr;gap:100px;align-items:start}.intro-sidebar{position:sticky;top:120px}.intro-sidebar h2{font-size:clamp(28px,3.5vw,44px);font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1.15;margin-top:16px}.intro-sidebar h2 em{font-style:normal;color:var(--teal)}.intro-body{font-size:16px;font-weight:300;line-height:1.95;color:var(--text)}.intro-body p+p{margin-top:24px}.intro-body strong{font-weight:600;color:#fff}.intro-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.tag{display:inline-block;padding:6px 16px;border:1px solid var(--border);border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--turq);background:rgba(28,145,136,.07)}.rule{width:100%;height:1px;background:var(--border)}.rule-teal{background:linear-gradient(90deg,var(--teal),transparent);width:280px;height:1px;margin:40px 0}#problems{background:var(--ink)}.problem-list{margin-top:80px}.problem-item{display:grid;grid-template-columns:80px 1fr 1fr;gap:60px;align-items:start;padding:56px 0;border-bottom:1px solid var(--border)}.problem-item:first-child{border-top:1px solid var(--border)}.problem-num{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--turq);padding-top:6px}.problem-name{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.3}.problem-desc{font-size:14.5px;font-weight:300;color:var(--text);line-height:1.85}#strategy{background:var(--surface)}.strategy-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:80px;padding-bottom:80px;border-bottom:1px solid var(--border)}.strategy-statement{font-size:clamp(20px,2.5vw,28px);font-weight:300;color:#fff;line-height:1.6;letter-spacing:-.01em}.strategy-statement strong{font-weight:700;color:var(--turq)}.strategy-details{gap:36px}.strategy-details,.strategy-stat{display:flex;flex-direction:column}.strategy-stat{gap:8px}.stat-label{font-size:9px;font-weight:700;letter-spacing:.3em;color:var(--turq);text-transform:uppercase}.stat-val{font-size:16px;font-weight:700;color:#fff;line-height:1.4}.stat-val em{font-style:normal;color:var(--turq)}.arch-row{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:80px}.arch-panel{padding:56px 52px;background:var(--card);border:1px solid var(--border);position:relative;overflow:hidden}.arch-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal) 0,transparent 100%)}.arch-label{font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--turq);margin-bottom:20px}.arch-name{font-size:32px;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:28px}.arch-trait-list{display:flex;flex-direction:column;gap:12px}.arch-trait{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:400;color:var(--text)}.arch-trait:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0}.personality-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px}.persona-panel{padding:40px 44px;background:var(--card);border:1px solid var(--border)}.persona-word{font-size:clamp(28px,3vw,40px);font-weight:900;color:var(--teal);letter-spacing:-.03em;margin-bottom:10px}.persona-sub{font-size:13px;color:var(--muted);line-height:1.7}.full-img-frame{width:100%;overflow:hidden;position:relative}.full-img-frame img{width:100%;height:auto;display:block;transition:transform .8s ease}.full-img-frame:hover img{transform:scale(1.02)}.full-img-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 32px;background:linear-gradient(0deg,rgba(4,37,66,.8),transparent);font-size:9.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:hsla(0,0%,100%,.6)}.hero-img-frame{height:65vh;min-height:460px}.hero-img-frame img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#identity{background:var(--ink);padding-bottom:0}.logo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;margin-top:3px}.logo-frame{height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.logo-frame-dark{background:#0a1626}.logo-frame-light{background:#f0f4f7}.logo-frame-clay{background:#f7f7f5}.logo-frame img{max-height:175px;max-width:100%;width:auto;-o-object-fit:contain;object-fit:contain}.logo-frame-clay img{max-height:230px;max-width:92%}.logo-frame-tag{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}.logo-frame-dark .logo-frame-tag{color:hsla(0,0%,100%,.22)}.logo-frame-clay .logo-frame-tag,.logo-frame-light .logo-frame-tag{color:rgba(0,0,0,.22)}#colors{background:var(--surface)}.colors-row{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:56px}.color-tile{border-radius:10px;overflow:hidden}.color-swatch{height:160px}.color-meta{padding:18px 20px;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px}.color-name{font-size:12.5px;font-weight:700;color:#fff;margin-bottom:4px}.color-hex{font-size:11px;font-family:monospace;color:var(--muted);letter-spacing:.1em}.color-role{font-size:10.5px;color:var(--muted);margin-top:6px;line-height:1.5}#typography{background:var(--ink)}.type-hero{font-size:clamp(60px,10vw,130px);font-weight:900;letter-spacing:-.05em;line-height:.9;color:#fff;margin-top:56px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--border)}.type-hero span{color:var(--teal)}.type-weights{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tw-item{display:flex;flex-direction:column;gap:10px;padding:28px 24px;background:var(--card);border:1px solid var(--border);border-radius:12px}.tw-label{font-size:8.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--turq);margin-bottom:8px}.tw-sample{font-size:24px;color:#fff;line-height:1.2;letter-spacing:-.01em}.tw-meta{font-size:11.5px;color:var(--muted);margin-top:4px}#ooh{background:var(--surface);padding:0}.ooh-intro{padding:100px 80px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.ooh-intro h2{font-size:clamp(32px,5vw,64px);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.05}.ooh-intro h2 em{font-style:normal;color:var(--teal)}.ooh-intro p{font-size:15px;font-weight:300;line-height:1.85;color:var(--text)}.ooh-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px}.ooh-frame{overflow:hidden;position:relative;height:500px}.ooh-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .7s ease}.ooh-frame:hover img{transform:scale(1.04)}.ooh-label{position:absolute;bottom:0;left:0;right:0;padding:16px 28px;background:linear-gradient(0deg,rgba(4,37,66,.8),transparent);font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}#statement{background:var(--oxford);padding:120px 0;position:relative;overflow:hidden}#statement:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(28,145,136,.12),transparent 70%)}.statement-text{position:relative;font-size:clamp(36px,6vw,80px);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.08;text-align:center;max-width:1000px;margin:0 auto}.statement-text em{font-style:normal;color:var(--turq)}#digital{background:var(--ink)}.digital-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:80px}.digital-copy h3{font-size:clamp(24px,3.5vw,40px);font-weight:800;color:#fff;letter-spacing:-.02em;margin:16px 0 24px;line-height:1.2}.digital-copy h3 em{font-style:normal;color:var(--teal)}.digital-copy p{font-size:15px;font-weight:300;color:var(--text);line-height:1.85;margin-bottom:16px}.digital-img{border-radius:12px;overflow:hidden;border:1px solid var(--border)}.digital-img img{width:100%;display:block}.digital-full{margin-top:40px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.digital-full img{width:100%;display:block;max-height:520px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}#voice{background:var(--surface)}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:80px}.pillar{padding:48px 36px;background:var(--card);border:1px solid var(--border);border-radius:0;position:relative;overflow:hidden}.pillar:after{content:attr(data-num);position:absolute;bottom:-28px;right:4px;font-size:90px;font-weight:900;color:rgba(30,193,190,.05);line-height:1;pointer-events:none}.pillar-num{font-size:9.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--turq);margin-bottom:20px}.pillar-word{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:14px}.pillar-desc{font-size:13.5px;color:var(--text);line-height:1.75}.tagline-block{margin-top:56px;padding:64px 72px;border:1px solid var(--border);text-align:center}.tagline-eyebrow{font-size:9px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--turq);margin-bottom:24px}.tagline-text{font-size:clamp(32px,5vw,60px);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.1}.tagline-text em{font-style:normal;color:var(--turq)}#deliverables{background:var(--ink)}.deliv-list{margin-top:80px}.deliv-row{display:grid;grid-template-columns:56px 260px 1fr;gap:48px;align-items:center;padding:32px 0;border-bottom:1px solid var(--border);transition:background .2s}.deliv-row:first-child{border-top:1px solid var(--border)}.deliv-row:hover{padding-left:16px}.deliv-icon{width:44px;height:44px;border-radius:10px;background:rgba(28,145,136,.12);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px}.deliv-name{font-size:16px;font-weight:700;color:#fff}.deliv-desc{font-size:13.5px;font-weight:300;color:var(--muted);line-height:1.6}#cta{background:var(--oxford);padding:160px 0;position:relative;overflow:hidden}#cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(28,145,136,.14),transparent 70%)}.cta-inner{position:relative;text-align:center;max-width:800px;margin:0 auto;padding:0 80px}.cta-inner h2{font-size:clamp(40px,6vw,80px);font-weight:900;letter-spacing:-.04em;color:#fff;line-height:1.05;margin:28px 0}.cta-inner h2 em{font-style:normal;color:var(--teal)}.cta-inner p{font-size:16px;font-weight:300;color:var(--muted);margin-bottom:52px;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 44px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-decoration:none;background:var(--teal);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);transition:clip-path .3s ease,background .2s}.cta-btn:hover{background:var(--turq);clip-path:polygon(14px 0,100% 0,100% 100%,100% 100%,0 100%,0 14px)}.cta-btn .arrow{transition:transform .2s}.cta-btn:hover .arrow{transform:translateX(5px)}.cta-sub{margin-top:36px;font-size:11px;color:var(--muted);letter-spacing:.1em}.cta-sub a{color:var(--turq);text-decoration:none}footer{background:var(--ink);padding:36px 80px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.footer-logo{height:20px;opacity:.6}.footer-right{font-size:11px;color:var(--muted)}.footer-right a{color:var(--turq);text-decoration:none}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(.96);transition:opacity .7s ease,transform .7s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.video-section{position:relative;background:#000;overflow:hidden;padding:0}.video-section video{width:100%!important;height:auto!important;display:block!important;-o-object-fit:cover!important;object-fit:cover!important}.video-label{position:absolute;bottom:32px;left:48px;font-size:9px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:hsla(0,0%,100%,.45)}.spline-section{background:var(--ink);overflow:hidden;position:relative}.spline-section .spline-label{text-align:center;font-size:9px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--muted);padding:32px 0 40px}.spline-orb-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative}.spline-orb-wrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:none}.spline-typo-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative}.spline-typo-wrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:none}@media (max-width:900px){.container,.hero-content{padding:0 32px}.ooh-intro{padding:80px 32px}footer{padding:32px}section{padding:80px 0}.meta-strip{grid-template-columns:repeat(3,1fr)}.meta-cell{border-bottom:1px solid var(--border)}.meta-cell:nth-child(3){border-right:none}.intro-grid{grid-template-columns:1fr;gap:40px}.intro-sidebar{position:relative;top:0}.problem-item{grid-template-columns:1fr;gap:20px;padding:40px 0}.strategy-intro{gap:40px}.arch-row,.logo-grid,.personality-row,.strategy-intro{grid-template-columns:1fr}.colors-row{gap:16px}.colors-row,.type-weights{grid-template-columns:repeat(2,1fr)}.type-weights{gap:24px}.ooh-intro{gap:40px}.digital-split,.ooh-intro,.ooh-pair{grid-template-columns:1fr}.digital-split{gap:40px}.pillars-grid{grid-template-columns:repeat(2,1fr)}.deliv-row{grid-template-columns:56px 1fr;grid-template-areas:"icon name" "desc desc";gap:16px}.deliv-icon{grid-area:icon}.deliv-name{grid-area:name}.deliv-desc{grid-area:desc}}@media (max-width:600px){.hero-title{font-size:clamp(40px,12vw,60px)}.hero-meta-row{flex-direction:column;align-items:flex-start;gap:16px}.meta-strip{grid-template-columns:1fr}.meta-cell{border-right:none!important}.hero-img-frame{height:auto;min-height:auto}.hero-img-frame img{height:auto;-o-object-fit:contain;object-fit:contain}.colors-row,.pillars-grid,.type-weights{grid-template-columns:1fr}.statement-text{font-size:clamp(32px,8vw,48px)}.type-hero{font-size:clamp(48px,12vw,80px);line-height:1.05;letter-spacing:-.03em;margin-top:32px;padding-bottom:32px;margin-bottom:32px}.tw-item{padding:24px 20px}.cta-inner h2{font-size:clamp(36px,10vw,60px)}.arch-panel,.tagline-block{padding:40px 24px}}