@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --ink:#0e0e0f;--paper:#f6f3e9;--cobalt:#002fa7;--blue:#6f7fff;
  --muted:#76766f;--line:rgba(14,14,15,.18);--darkline:rgba(255,255,255,.16);
  --serif:"Instrument Serif",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}
.shell{width:min(1320px,calc(100% - 48px));margin:0 auto}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase}
.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);gap:24px}
.nav__links{display:flex;gap:22px;flex-wrap:wrap;color:#555}.nav a:hover{color:var(--cobalt)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:64px;min-height:710px;padding:72px 0 70px;align-items:center}
.hero__copy{max-width:930px}.eyebrow{color:var(--cobalt);margin-bottom:26px}
h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(4rem,8vw,8.5rem);line-height:.88;letter-spacing:-.045em;margin-bottom:34px}
.hero__intro{font-size:clamp(1.05rem,1.8vw,1.35rem);max-width:760px;color:#3e3e3a}
.portrait{position:relative;align-self:center}.portrait:before{content:"";position:absolute;inset:26px -18px -18px 24px;background:var(--cobalt);z-index:0}.portrait img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.92) contrast(1.03)}
.proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof__item{padding:26px 24px 28px;border-right:1px solid var(--line)}.proof__item:last-child{border-right:0}
.proof__value{font-family:var(--serif);font-size:clamp(2.2rem,4vw,4rem);line-height:1}.proof__label{margin-top:10px;color:var(--muted);font-family:var(--mono);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}
.section{padding:104px 0}.section--dark{background:var(--ink);color:#f7f5ee}.section__head{display:grid;grid-template-columns:180px minmax(0,820px);gap:56px;align-items:end;margin-bottom:64px}
.section__head h2{font-family:var(--serif);font-size:clamp(3rem,4.8vw,5.25rem);font-weight:400;line-height:.94;letter-spacing:-.035em;max-width:780px;margin-bottom:14px}.section__head p{color:var(--muted);max-width:620px;margin-bottom:0}
.case{display:grid;grid-template-columns:380px minmax(0,1fr);gap:64px;padding:60px 0;border-top:1px solid var(--line)}
.case:first-of-type{border-top:0}.case__meta{position:sticky;top:28px;align-self:start}.case__meta h3{font-family:var(--serif);font-size:2.55rem;line-height:.98;font-weight:400;letter-spacing:-.025em;margin:16px 0}
.case__summary{color:#4f4f49}.case__facts{padding-left:18px;color:#2f2f2c}.case__facts li{margin:9px 0}.case__note{font-size:.76rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:22px}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-card{background:#ddd9cc;overflow:hidden;min-height:260px}.media-card img,.media-card video{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}.media-card--wide{grid-column:1/-1}.media-card--wide img,.media-card--wide video{aspect-ratio:16/9}
.spec{background:var(--ink);color:#f4f1e8;padding:26px;border-radius:2px}.spec__angles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spec__angle{min-height:330px;padding:22px;background:#171719;border:1px solid var(--darkline);display:flex;flex-direction:column;justify-content:space-between}.spec__angle b{font-family:var(--serif);font-size:2rem;line-height:1}.spec__angle span{color:#aaa9a4}
.metrics{width:100%;border-collapse:collapse;margin-top:26px;font-family:var(--mono);font-size:.72rem}.metrics th,.metrics td{padding:12px 9px;text-align:left;border-bottom:1px solid var(--darkline)}.metrics th{color:#9b9b99;font-weight:400}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about h2{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.9}.about p{font-size:1.12rem;max-width:630px}
.cta{margin-top:38px;display:inline-flex;border-bottom:1px solid currentColor;padding-bottom:4px}
.footer{padding:40px 0 60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#5c5c57}
.apply-hero{padding:70px 0 64px;border-bottom:1px solid var(--line)}.apply-hero__company{color:var(--cobalt)}.apply-hero h1{font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);line-height:.9;font-weight:400;letter-spacing:-.04em;margin:20px 0 30px;max-width:1050px}.apply-note{max-width:780px;font-size:1.2rem}
.apply-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin:40px 0 0;border:1px solid var(--line)}.apply-proof div{background:var(--paper);padding:24px;font-family:var(--mono);font-size:.78rem}
.badge{display:inline-block;padding:6px 9px;border:1px solid var(--line);font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.noindex-note{color:var(--muted);font-size:.7rem;margin-top:16px}
@media(max-width:900px){.shell{width:min(100% - 28px,1320px)}.hero{grid-template-columns:1fr;min-height:auto;gap:34px}.portrait{width:min(320px,75vw)}.proof{grid-template-columns:1fr 1fr}.proof__item:nth-child(2){border-right:0}.section__head,.case,.about{grid-template-columns:1fr}.case{gap:28px}.case__meta{position:static}.spec__angles{grid-template-columns:1fr}.nav__links{display:none}}
@media(max-width:560px){.hero{padding-top:48px}.hero h1{font-size:3.9rem}.proof{grid-template-columns:1fr}.proof__item{border-right:0;border-bottom:1px solid var(--line)}.media-grid{grid-template-columns:1fr}.apply-proof{grid-template-columns:1fr}}

.reels-section{padding:86px 0 74px;background:var(--ink);color:#f7f5ee}
.reels-head{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:end;margin-bottom:34px}
.reels-head h2{font-family:var(--serif);font-size:clamp(3rem,5.5vw,5.6rem);font-weight:400;line-height:.94;letter-spacing:-.035em;margin-bottom:10px}
.reels-head p{max-width:680px;color:#a9a9a5;margin-bottom:8px}
.reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.reel-card{margin:0;min-width:0;background:#171719;overflow:hidden}
.reel-card video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#171719}
.reel-card figcaption{padding:11px 2px 2px;color:#b8b8b3}
@media(max-width:900px){.reels-head{grid-template-columns:1fr}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.reels-section{padding:64px 0 54px}.reels-grid{gap:10px}.reel-card figcaption{font-size:.58rem}}

.case--text{grid-template-columns:minmax(280px,420px) minmax(0,1fr)}
.case--text .case__copy{max-width:760px;padding-top:36px}
.case--text .case__facts{font-size:1.02rem;line-height:1.7}
.reel-card{position:relative;aspect-ratio:9/16;background:#121214;border:1px solid rgba(255,255,255,.12)}
.reel-launch{position:absolute;inset:0;width:100%;height:100%;border:0;background:#151517;color:#f6f3e9;padding:20px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;font:inherit}
.reel-launch:hover{background:#1d1d20}
.reel-index{color:#8f8f8a}
.reel-title{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);line-height:.98;letter-spacing:-.025em;max-width:90%}
.reel-action{color:#b8b8b3}
.reel-video{display:none;width:100%;height:100%;object-fit:contain;background:#000}
.reel-video.is-active{display:block}
.reel-launch[hidden]{display:none}
@media(max-width:900px){.case--text{grid-template-columns:1fr}.case--text .case__copy{padding-top:0}}

.reel-card--autoplay{background:#0e0e0f}
.home-reel-video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:cover;background:#0e0e0f}
.reel-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:14px;align-items:end;padding:12px 14px;background:rgba(14,14,15,.82);color:#f6f3e9;font-size:.78rem}
.reel-overlay .mono{color:#aaa9a4}