:root{--ink:#0a0a0a;--paper:#f3f0e9;--accent:#ff5833;--line:rgba(10,10,10,.18);--white:#fff;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.nav{position:fixed;z-index:20;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:rgba(243,240,233,.82);backdrop-filter:blur(14px);border:1px solid rgba(10,10,10,.12);border-radius:100px}.wordmark{font:800 1.05rem 'Manrope',sans-serif;letter-spacing:-.05em}.wordmark span{color:var(--accent)}nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600}nav a{transition:opacity .2s}nav a:hover{opacity:.55}.nav-cta{color:white;background:var(--ink);border-radius:99px;padding:10px 16px}.hero{min-height:100svh;max-width:var(--max);margin:auto;padding:148px 6vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.76rem}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:8px;height:8px;background:var(--accent);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(3.8rem,7vw,7.4rem);line-height:.89;margin:26px 0 30px;font-weight:700;max-width:950px}em{font-family:Georgia,serif;font-weight:400}.intro{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.6;max-width:660px;color:#45433f}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.button{padding:16px 20px;border-radius:99px;font-weight:600;border:1px solid var(--ink);display:inline-flex;gap:35px;justify-content:space-between}.button.primary{background:var(--accent);border-color:var(--accent)}.button.ghost:hover{background:var(--ink);color:white}.hero-reel{position:relative;min-height:650px}.phone{position:absolute;inset:0 12% 0 10%;overflow:hidden;border-radius:32px;box-shadow:0 25px 80px rgba(0,0,0,.22);background:#222}.phone:after,.story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.7))}.location{position:absolute;z-index:2;top:24px;left:24px;color:white;font-size:.7rem;letter-spacing:.13em}.phone-caption{position:absolute;z-index:2;bottom:30px;left:26px;right:26px;color:white;font:600 1.55rem/1.15 'Manrope'}.play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);padding-left:4px}.metric-card{position:absolute;z-index:4;right:0;bottom:50px;background:var(--accent);padding:24px;width:170px;border-radius:4px;transform:rotate(4deg)}.metric-card strong{display:block;font:800 2.3rem 'Manrope'}.metric-card span{font-size:.8rem;line-height:1.35}.scribble{position:absolute;z-index:5;right:-10px;top:34px;font:italic 1rem Georgia;color:var(--accent);transform:rotate(-6deg)}.marquee{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:19px 0}.marquee div{display:inline-block;font:700 1rem 'Manrope';letter-spacing:.08em;animation:move 22s linear infinite}.marquee i{color:var(--accent);font-style:normal;margin:0 30px}@keyframes move{to{transform:translateX(-50%)}}.section{max-width:var(--max);margin:auto;padding:120px 6vw}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:64px}.section-heading h2,.about h2,.contact h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.98;margin:0}.section-heading h2{max-width:900px}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:420px 420px;gap:18px}.story{position:relative;overflow:hidden;border-radius:4px;color:white;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.story-tall{grid-row:span 2}.story img{position:absolute;inset:0;transition:transform .7s}.story:hover img{transform:scale(1.035)}.story>*:not(img){position:relative;z-index:2}.story-number{position:absolute!important;top:24px;left:24px}.story-tag{position:absolute!important;top:24px;right:24px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.story h3{font:600 clamp(1.5rem,2.5vw,2.7rem)/1.05 'Manrope';letter-spacing:-.035em;max-width:560px;margin-bottom:12px}.story div>span{font-size:.88rem}.story-dark{background:var(--ink)}.story-dark:after{background:linear-gradient(140deg,transparent,rgba(255,88,51,.22))}.big-stat{position:absolute!important;left:24px;top:66px;font:800 clamp(4rem,8vw,8rem)/.8 'Manrope';color:var(--accent)}.big-stat small{display:block;font:500 .9rem 'DM Sans';letter-spacing:.15em;text-transform:uppercase;margin-top:18px;color:white}.numbers{border-top:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:44px}.stat{background:var(--paper);padding:35px 26px;min-height:170px}.stat strong{display:block;font:700 clamp(2rem,4vw,4.3rem) 'Manrope';letter-spacing:-.06em}.stat span{display:block;margin-top:28px;color:#555}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--accent);max-width:none;padding-left:max(6vw,calc((100vw - var(--max))/2 + 6vw));padding-right:max(6vw,calc((100vw - var(--max))/2 + 6vw))}.about-copy{padding-top:42px}.about-copy .lead{font-size:1.55rem;line-height:1.35;color:var(--ink)}.about-copy p{font-size:1.08rem;line-height:1.65;max-width:650px}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.pill-row span{border:1px solid rgba(0,0,0,.5);border-radius:99px;padding:9px 13px;font-size:.82rem}.service-list{margin-top:46px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;border-bottom:1px solid var(--line);padding:34px 0;align-items:start}.service>span{color:var(--accent);font-weight:600}.service h3{font:600 clamp(1.5rem,2.5vw,2.5rem) 'Manrope';letter-spacing:-.04em;margin:0}.service p{line-height:1.55;color:#555;max-width:480px}.contact{background:var(--ink);color:white;padding:120px max(6vw,calc((100vw - var(--max))/2 + 6vw)) 35px}.contact .kicker{color:var(--accent)}.contact h2{max-width:1060px;margin:40px 0 80px}.contact-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #444;border-bottom:1px solid #444}.contact-links a{padding:28px 0;font:500 1.3rem 'Manrope';display:flex;justify-content:space-between}.contact-links a:first-child{border-right:1px solid #444;padding-right:30px}.contact-links a:last-child{padding-left:30px}.contact-links a:hover span{transform:translate(4px,-4px)}.contact-links span{transition:transform .2s}.footer-line{display:flex;justify-content:space-between;padding-top:50px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav{left:12px;right:12px;top:12px}.nav nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:125px 22px 70px;gap:60px}.hero-reel{min-height:560px}.phone{inset:0 8%}.scribble{display:none}.section{padding:85px 22px}.section-heading,.about{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr;grid-template-rows:580px 360px 360px}.story-tall{grid-row:auto}.stats{grid-template-columns:1fr 1fr}.about{padding:85px 22px;gap:30px}.about-copy{padding-top:0}.service{grid-template-columns:36px 1fr}.service p{grid-column:2}.contact{padding:85px 22px 30px}.contact-links{grid-template-columns:1fr}.contact-links a:first-child{border-right:0;border-bottom:1px solid #444;padding-right:0}.contact-links a:last-child{padding-left:0}.footer-line{gap:20px;flex-wrap:wrap}}@media(max-width:520px){h1{font-size:3.55rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-reel{min-height:500px}.metric-card{right:-5px}.section-heading{margin-bottom:38px}.story-grid{grid-template-rows:520px 330px 330px}.stats{grid-template-columns:1fr}.stat{min-height:130px}.contact h2{margin-bottom:55px}.footer-line{flex-direction:column}.footer-line span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}
