*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#f4f1ec;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}em{font-style:normal;color:#9b9b96}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff1d;position:absolute;z-index:10;top:0;width:100%}.brand{font:700 25px "Space Grotesk",sans-serif;letter-spacing:-1.8px}.brand span{color:#9e9e98}.brand i{font:500 9px "DM Sans";vertical-align:top;margin-left:3px;letter-spacing:0}.topbar nav{display:flex;gap:34px;font-size:13px;color:#bdbdb9}.topbar nav a:hover,.navcta:hover{color:white}.navcta{font-size:12px;font-weight:700;border:1px solid #777;padding:14px 19px}.mobile-menu{display:none}.hero{min-height:770px;height:100svh;max-height:1050px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 44%,#252525 0,#101010 45%,#080808 78%)}.hero-orb{position:absolute;right:5%;top:17%;width:40vw;height:40vw;max-width:650px;max-height:650px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555 0,#262626 27%,#080808 63%);filter:blur(2px);opacity:.65;box-shadow:0 0 130px #ffffff10}.hero-inner{position:relative;z-index:1;width:100%;padding:80px 9% 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#a7a7a1;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c4f86d;margin-right:10px;box-shadow:0 0 12px #b5f96d}.hero h1{font:700 clamp(80px,14.5vw,240px)/.83 "Space Grotesk";letter-spacing:-.105em;margin:48px 0 42px}.hero h1 em{color:#bcbcb5}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:760px}.hero-bottom p{font-size:17px;line-height:1.6;color:#c5c5bf}.round-arrow{border:1px solid #a4a49c;border-radius:50%;height:78px;width:78px;display:grid;place-items:center;font-size:34px}.hero-index,.hero-side{position:absolute;color:#888;font-size:10px;letter-spacing:2px}.hero-index{bottom:36px;left:5%}.hero-side{right:3%;bottom:36px}.ticker{overflow:hidden;border-block:1px solid #383838;background:#141414;padding:18px 0;color:#92928e;font:700 13px "Space Grotesk";letter-spacing:3px;white-space:nowrap}.ticker div{width:max-content;animation:marquee 34s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}.section{padding:130px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section h2{font:700 clamp(58px,9vw,135px)/.92 "Space Grotesk";letter-spacing:-.09em;margin:24px 0 0}.section-intro{max-width:280px;font-size:15px;color:#a7a7a3;line-height:1.8}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px}.filter{background:transparent;border:1px solid #454545;border-radius:50px;padding:12px 17px;color:#b4b4af;font-size:12px}.filter.active,.filter:hover{background:#f2f1eb;color:#101010;border-color:#f2f1eb}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{min-width:0;cursor:pointer}.poster{height:340px;position:relative;overflow:hidden;background:linear-gradient(145deg,#292929,#131313 65%);border:1px solid #292929}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 50%);pointer-events:none}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.video-card:hover img,.photo-tile:hover img{transform:scale(1.055)}.poster .fallback{position:absolute;inset:0;display:grid;place-items:center;font:700 26px "Space Grotesk";color:#656560;text-align:center;padding:25px}.play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#f4f1ec;color:#111;display:grid;place-items:center;font-size:19px}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.card-meta strong{font-size:15px;font-weight:600}.card-meta span{font-size:11px;color:#9c9c98;white-space:nowrap}.section-end{display:flex;justify-content:space-between;border-top:1px solid #333;margin-top:50px;padding-top:17px;font-size:11px;letter-spacing:2px;color:#999}.photo-section{background:#111}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-tile{height:300px;overflow:hidden;cursor:pointer;position:relative;background:#232323}.photo-tile:nth-child(7n+1){grid-column:span 2;height:400px}.photo-tile:nth-child(7n+2){height:400px}.photo-tile:nth-child(7n+3){height:400px}.photo-tile img,.result-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-tile:after{content:"↗";position:absolute;right:16px;bottom:14px;font-size:24px;text-shadow:0 2px 8px #000}.outline-btn{display:block;margin:50px auto 0;border:1px solid #666;background:transparent;color:#eee;padding:17px 28px;letter-spacing:1px;font-size:12px}.outline-btn span{margin-left:24px}.logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:30px 18px}.logo-item{text-align:center;font-size:11px;color:#aaa}.logo-img{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#202020;margin-bottom:12px;border:1px solid #333;display:grid;place-items:center;font-weight:700}.logo-img img{width:100%;height:100%;object-fit:cover}.testimonials{background:#171717;overflow:hidden}.carousel-controls{display:flex;justify-content:end;gap:12px;margin-top:-22px;margin-bottom:25px}.carousel-controls button{background:transparent;border:1px solid #555;color:white;width:48px;height:48px;border-radius:50%;font-size:20px}.test-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px}.test-track::-webkit-scrollbar{display:none}.test-card{flex:0 0 280px;scroll-snap-align:start;background:#252525;cursor:pointer}.test-cover{height:350px;position:relative;background:linear-gradient(145deg,#3a3a3a,#151515);display:grid;place-items:center}.test-cover:before{content:"▶";display:grid;place-items:center;width:64px;height:64px;background:#f4f1ec;color:#111;border-radius:50%;font-size:20px}.test-caption{padding:19px}.test-caption strong{display:block}.test-caption span{color:#999;font-size:12px}.results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.result-tile{background:#222;aspect-ratio:3/4;overflow:hidden;cursor:pointer}.about{background:#dddcd5;color:#111}.about .eyebrow{color:#5b5b57}.about h2 em{color:#777}.about-content{display:flex;align-items:end;justify-content:space-between;gap:50px}.about-content p{max-width:400px;line-height:1.9;color:#484844;font-size:17px}.contact{padding-block:150px 160px;text-align:center}.contact h2{font-size:clamp(57px,9vw,140px)}.contact>p:not(.eyebrow){color:#aaa}.contact-links{display:flex;justify-content:center;gap:14px;margin-top:40px}.contact-links a{border:1px solid #aaa;padding:17px 25px;font-size:12px;letter-spacing:1px}.contact-links a:hover{background:white;color:#111}.contact-note{font-size:11px!important;color:#777!important;margin-top:30px}footer{padding:35px 5%;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer>a:last-child{font-size:10px;color:#999;letter-spacing:1px}dialog{position:fixed;border:1px solid #444;background:#0c0c0c;color:white;width:min(95vw,1050px);max-height:90vh;padding:50px 20px 20px}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:white;font-size:24px}.viewer-title{font-size:16px;margin:0 0 16px}.viewer-frame{width:100%;height:min(70vh,640px);border:0}.viewer-image{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.viewer-link{display:inline-block;margin-top:15px;color:#bbb;font-size:12px;text-decoration:underline}.missing{display:grid;place-items:center;padding:20px;text-align:center;color:#aaa;background:#242424;font-size:12px;min-height:100%}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}.logo-grid{grid-template-columns:repeat(5,1fr)}.results-grid{grid-template-columns:repeat(3,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}.photo-tile:nth-child(n){height:280px;grid-column:auto}.photo-tile:nth-child(6n+1){grid-column:span 2}.section{padding:90px 5%}.hero-inner{padding-inline:6%}}@media(max-width:600px){.topbar{height:68px;padding-inline:5%}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111;padding:25px;flex-direction:column}.topbar nav.open{display:flex}.navcta{margin-left:auto;margin-right:12px;padding:10px;font-size:10px}.mobile-menu{display:block;color:white;background:transparent;border:0;font-size:23px}.brand{font-size:20px}.hero{min-height:620px;height:90svh}.hero h1{font-size:clamp(70px,16vw,120px);letter-spacing:-.095em}.hero-inner{padding-top:40px}.hero-bottom p{font-size:13px}.round-arrow{height:55px;width:55px;font-size:25px}.hero-side{display:none}.hero-orb{width:75vw;height:75vw;right:-20%;top:25%}.section-head,.about-content{display:block}.section-intro{margin-top:28px}.section h2{font-size:clamp(54px,12vw,80px)}.video-grid{grid-template-columns:1fr;gap:28px}.poster{height:350px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.photo-tile:nth-child(n){grid-column:auto;height:220px}.photo-tile:nth-child(5n+1){grid-column:span 2;height:280px}.logo-grid{grid-template-columns:repeat(3,1fr);gap:18px}.results-grid{grid-template-columns:repeat(2,1fr)}.test-card{flex-basis:240px}.test-cover{height:290px}.about-content p{font-size:15px}.contact-links{flex-wrap:wrap}footer{flex-wrap:wrap}footer .brand{width:100%}.viewer-frame{height:65vh}dialog{padding:50px 8px 12px}}
/* Brand refinement — version 2 */
.brand-image{display:inline-flex;align-items:center;width:148px;height:58px;flex-shrink:0}
.brand-image img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain}
footer .brand-image{width:130px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:75px}
.category-tile{min-height:235px;position:relative;overflow:hidden;text-align:left;padding:23px;background:#1b1b1b;color:#fff;border:1px solid #333;display:flex;flex-direction:column;justify-content:space-between}
.category-tile:hover{border-color:#8ca982;background:#222}
.category-number{z-index:2;font-size:10px;letter-spacing:2px;color:#bbb}
.category-name{z-index:2;font:700 clamp(19px,2.6vw,31px)/1.1 "Space Grotesk";letter-spacing:-1.3px;max-width:90%;text-shadow:0 2px 10px #000}
.category-name b{font:400 19px "DM Sans";color:#a2c599}
.category-art{position:absolute;inset:0;opacity:.23;filter:grayscale(1);pointer-events:none}
.category-art img{width:100%;height:100%;object-fit:cover}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}
.work-toolbar .eyebrow{white-space:nowrap}
.work-toolbar .filters{margin:0;justify-content:flex-end}
.primary-contact{background:#e9f1e5!important;color:#111!important;border-color:#e9f1e5!important;font-weight:700}
.contact-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.work-toolbar{display:block}.work-toolbar .filters{justify-content:flex-start;margin-top:18px}}
@media(max-width:600px){.brand-image{width:100px;height:52px}.category-grid{gap:10px;margin-bottom:45px}.category-tile{min-height:180px;padding:14px}.category-name{font-size:20px}.category-number{font-size:9px}.work-toolbar .filters{gap:7px}.filter{padding:10px 12px;font-size:11px}}

/* V3: brand-led hero and clear conversion path */
.hero-statement{font-size:clamp(57px,8.7vw,150px)!important;line-height:.98!important;letter-spacing:-.085em!important;max-width:1400px}
.hero-statement>span{display:block;white-space:nowrap}
.hero-statement em{color:#f4f1ec}
.hero-statement .xyz{color:#78a96e;letter-spacing:-.08em}
.hero-bottom{max-width:1080px;align-items:center;gap:28px}
.hero-bottom p{max-width:420px}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-cta{background:#dbead5;color:#111;padding:20px 23px;font-size:12px;font-weight:700;letter-spacing:1px;white-space:nowrap}
.hero-cta span{margin-left:22px;font-size:18px}
.hero-cta:hover{background:#a5d295}
.hero-explore{font-size:11px;letter-spacing:1px;color:#d0d0cb;white-space:nowrap}
.section-end a{color:#c5d8bd}
@media(max-width:900px){.hero-statement{font-size:clamp(48px,9vw,90px)!important}.hero-bottom{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.hero-statement{font-size:clamp(39px,9.6vw,65px)!important;line-height:1.05!important;margin:36px 0!important}.hero-bottom p{font-size:13px}.hero-actions{gap:16px}.hero-cta{padding:17px 18px}.hero-cta span{margin-left:10px}.hero-explore{font-size:10px}.hero-side{display:none}}