/* Smoky silver glass theme, inspired by the supplied UI reference. */
:root{--bg:#030303;--surface:#ffffff0d;--line:#ffffff35;--cream:#f4f4f4;--accent:#eeeeee;--muted:#c0c0c0;--glass-fill:linear-gradient(145deg,#ffffff24 0%,#ffffff0b 48%,#ffffff14 100%);--glass-edge:#ffffff56;--glass-shadow:inset 0 1px 2px #ffffff80,inset 1px 0 2px #ffffff32,inset 0 -2px 5px #ffffff32,0 1px 2px #ffffff24,0 12px 35px #00000088,0 0 24px #ffffff08}
body{position:relative;isolation:isolate;background:#030303;color:var(--cream)}body:before{content:'';position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 22% at 2% 4%,#c9c9c95c,transparent 70%),radial-gradient(ellipse 30% 24% at 100% 64%,#b0b0b046,transparent 75%),radial-gradient(ellipse 40% 15% at 24% 106%,#a2a2a23b,transparent 75%),radial-gradient(ellipse 30% 22% at 55% 45%,#62626219,transparent 75%);filter:blur(38px)}
header{background:linear-gradient(#030303db,#03030360 65%,transparent);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px 0 14px}.nav{min-height:106px;gap:24px}.logo{border-radius:22px;box-shadow:0 0 0 1px #ffffff60,0 0 20px #ffffff15,0 6px 20px #00000099}.logo img{filter:none}nav{padding:16px 25px;border:1px solid var(--glass-edge);border-radius:50px;background:linear-gradient(155deg,#ffffff24,#ffffff09 65%,#ffffff17);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);gap:23px}nav a{color:#d3d3d3;white-space:nowrap}nav a:hover{color:#ffffff;text-shadow:0 0 12px #ffffff66}
.btn,.menu-toggle,.social,.dialog-close{color:#ffffff;background:linear-gradient(155deg,#ffffff56 0%,#ffffff24 55%,#ffffff3b 100%);border:1px solid #ffffff7a;border-radius:50px;box-shadow:inset 0 1px 2px #ffffffc4,inset 0 -2px 4px #ffffff35,0 0 0 1px #ffffff0d,0 7px 20px #00000088,0 0 15px #ffffff09;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .18s,box-shadow .18s,transform .18s}.btn:hover,.menu-toggle:hover,.social:hover,.dialog-close:hover{background:linear-gradient(155deg,#ffffff70,#ffffff30 55%,#ffffff49);border-color:#ffffffb0;color:#ffffff;box-shadow:inset 0 1px 2px #ffffff,inset 0 -2px 4px #ffffff55,0 0 22px #ffffff1c,0 8px 20px #00000088}.btn.alt{color:#e8e8e8;background:linear-gradient(155deg,#ffffff16,#ffffff07 55%,#ffffff18);border-color:#ffffff50;box-shadow:inset 0 1px 1px #ffffff65,inset 0 -1px 2px #ffffff22,0 8px 24px #00000066}.btn.alt:hover{color:#ffffff;border-color:#ffffff9c;background:#ffffff20}.btn:active,.menu-toggle:active{transform:translateY(1px)}.eyebrow,.detail-label,.process li>span,.creator-types li>span,.hero-bottom a{color:#dedede}.skip-link{background:#eeeeee;color:#111111;border-radius:22px}.hero{background:none;padding-top:32px}.hero-layout{gap:24px;align-items:stretch}.hero-copy{background:var(--glass-fill);border:1px solid var(--glass-edge);border-radius:38px;padding:38px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);min-width:0;position:relative}.hero-copy:before{content:'';position:absolute;inset:3px;border-radius:34px;border:1px solid #ffffff16;pointer-events:none}.hero h1{font-size:clamp(40px,5.6vw,78px);letter-spacing:-.07em;position:relative}.hero h1 em{color:#f7f7f7;text-shadow:0 0 30px #ffffff10}.hero-intro{color:#d0d0d0;font-size:16px;line-height:1.8}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero .actions{gap:10px}.hero .btn{padding:15px 17px;font-size:11px}.hero-image{margin:0;max-height:none;min-height:420px;border-radius:38px;border:1px solid #ffffff69;padding:10px;background:linear-gradient(140deg,#ffffff43,#ffffff0d 50%,#ffffff20);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hero-image img{border-radius:29px;opacity:.82;object-position:68% center}.hero-image:after{inset:10px;border-radius:29px;background:linear-gradient(transparent 45%,#000000bb)}.hero-image-caption{left:33px;right:33px;bottom:30px}.hero-image-caption span:first-child{color:#eeeeee}.hero-bottom{margin-top:16px;padding-top:24px;color:#bdbdbd}.hero-bottom span{letter-spacing:2px}
.section{border-top:0;padding:85px 0}.section h2{font-weight:500;letter-spacing:-.05em}.section-aside,.body-copy,.creator-types p,.process p{color:#bebebe}.lead{color:#d0d0d0}.text-link{color:#e9e9e9;border-color:#ffffff50}.text-link:hover{color:#ffffff;border-color:#ffffffb0}.work-section,.creator-section,.partners-section{background:transparent}.heritage,.case-study,.gallery figure,.concept,.creator-types li,.process li,.services article,.partnership-cta{background:var(--glass-fill);border:1px solid var(--glass-edge);border-radius:30px;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.heritage{padding:24px;grid-template-columns:125px 1fr;gap:22px}.heritage img{border-radius:18px;border:1px solid #ffffff35}.heritage .eyebrow{color:#d9d9d9}.heritage p:not(.eyebrow),.leadership{color:#c0c0c0}.leadership{border-color:#ffffff24}.case-study{padding:6px 30px 30px;border-radius:36px}.case-intro{padding:28px 0}.case-intro h3{font-size:clamp(26px,3vw,38px)}.campaign-photo img{border:1px solid #ffffff45;border-radius:22px}.campaign-photo figcaption{color:#bdbdbd}.case-details p{color:#c8c8c8}.results-heading{border-color:#ffffff24}.results>div,.results>div:first-child{padding:22px;border:1px solid #ffffff40;border-radius:24px;background:linear-gradient(145deg,#ffffff20,#ffffff08 60%,#ffffff16);box-shadow:inset 0 1px 2px #ffffff60,inset 0 -1px 4px #ffffff2c,0 4px 16px #00000066}.results dd{color:#f5f5f5;font-size:clamp(40px,5vw,64px);letter-spacing:-.06em;text-shadow:0 0 24px #ffffff12}.results dt{color:#cbcbcb}.source-note{color:#bebebe}.gallery{gap:24px}.gallery figure{padding:14px;border-radius:32px}.gallery-open{border-radius:21px;border:1px solid #ffffff4d;background:#181818}.gallery img{border-radius:20px}.gallery figcaption{padding:0 9px 6px;color:#f1f1f1}.gallery figcaption span{color:#c3c3c3}.image-expand{width:44px;height:44px;color:#ffffff;border:1px solid #ffffff90;background:linear-gradient(145deg,#ffffff65,#ffffff20 60%,#ffffff50);box-shadow:inset 0 1px 3px #ffffffbb,inset 0 -1px 3px #ffffff50,0 4px 15px #00000088;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.concept{margin-top:28px}.concept summary{padding:25px 28px}.concept small{color:#d4d4d4}.concept-content{padding:4px 28px 28px}.concept-content img{border-radius:20px;border:1px solid #ffffff45;background:#ffffff0b}.concept-content .source-note{color:#bebebe}.creator-types li{padding:24px;margin:0 0 16px;gap:20px}.creator-types li:last-child{border:1px solid var(--glass-edge);margin-bottom:0}.creator-types h3{font-size:25px}.process{gap:22px}.process li{padding:28px}.process h3{font-size:24px;margin-top:28px}.process li>span{color:#dfdfdf}.partners-section{color:#f4f4f4}.partners-section .eyebrow,.partners-section .section-aside{color:#c6c6c6}.services{gap:24px}.services article{padding:27px 27px 27px 60px}.services article>span{left:27px;top:31px;color:#c8c8c8}.services h3{color:#f1f1f1;font-size:26px}.services p{color:#c4c4c4}.partnership-cta{margin-top:28px;padding:30px}.partnership-cta p{color:#c4c4c4}.partners-section .btn{color:#ffffff;border-color:#ffffff7a;background:linear-gradient(155deg,#ffffff56,#ffffff24 55%,#ffffff3b)}.partners-section .btn:hover{color:#ffffff;background:linear-gradient(155deg,#ffffff70,#ffffff30 55%,#ffffff49)}.partners-section .btn.alt{color:#eeeeee;border-color:#ffffff50;background:linear-gradient(155deg,#ffffff16,#ffffff07 55%,#ffffff18)}.partners-section .btn.alt:hover{background:#ffffff20}.partners-section :focus-visible{outline-color:#ffffff}.connect .wrap{border-top:1px solid #ffffff24;padding-top:60px}.connect{padding-top:25px}.social{min-width:118px;text-align:center}.email-link{color:#e4e4e4}footer{border-color:#ffffff22;color:#b8b8b8;background:#00000044}dialog{background:linear-gradient(145deg,#3b3b3bf0,#171717ed 60%,#2b2b2bed);border:1px solid #ffffff69;border-radius:30px;box-shadow:var(--glass-shadow);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}dialog::backdrop{background:#000000bb;backdrop-filter:blur(12px)}dialog img{border-radius:20px}.dialog-close{padding:8px 18px}
@media(max-width:1100px){nav{padding:15px 19px;gap:16px}.nav{gap:18px}.hero-copy{padding:28px}.hero h1{font-size:clamp(40px,5.55vw,65px)}.hero-image{min-height:420px}.heritage{grid-template-columns:95px 1fr;gap:17px;padding:22px}.heritage h3{font-size:19px}.process li{padding:24px}.process h3{font-size:22px}}
@media(max-width:980px){nav{left:28px;right:28px;top:calc(100% + 3px);padding:14px 22px;border:1px solid #ffffff70;border-radius:28px;background:linear-gradient(145deg,#414141f5,#151515f5 70%,#292929f5);gap:0;box-shadow:var(--glass-shadow);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}nav a{padding:13px 5px;border-color:#ffffff20}.menu-toggle{padding:12px 17px;color:#ffffff}.hero-layout{grid-template-columns:1.2fr 1fr;gap:20px}.hero-copy{padding:26px}.hero h1{font-size:clamp(36px,5.5vw,54px)}.hero-image{min-height:420px}.heritage{grid-template-columns:1fr}.heritage img{width:150px}.results>div,.results>div:first-child{padding:18px}.results dd{font-size:clamp(38px,5vw,52px)}.partnership-cta{gap:24px;padding:26px}.creator-layout{gap:32px}}
@media(max-width:760px){header{padding:4px 0 8px}.nav{min-height:88px}.logo{border-radius:19px}.hero{padding-top:18px}.hero-layout{grid-template-columns:1fr;gap:20px}.hero-copy{padding:28px;border-radius:30px}.hero-copy:before{border-radius:26px}.hero h1{font-size:clamp(34px,8.8vw,65px)}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.hero-intro{font-size:15px}.hero-image{min-height:0;aspect-ratio:1.5;border-radius:30px;padding:8px;max-height:360px}.hero-image img,.hero-image:after{border-radius:23px}.hero-image:after{inset:8px}.hero-image-caption{left:25px;bottom:24px}.hero .btn{font-size:10px;padding:14px 16px}.hero-bottom{margin-top:8px;padding-top:18px}.section{padding:60px 0}.section h2{font-size:clamp(34px,7.8vw,53px)}.heritage{grid-template-columns:110px 1fr;gap:20px;padding:24px}.heritage img{width:110px}.case-study{padding:0 22px 24px;border-radius:30px}.case-intro h3{font-size:27px}.case-intro .eyebrow{font-size:8px;letter-spacing:1.3px}.campaign-photo img{border-radius:17px}.results{grid-template-columns:1fr;gap:14px}.results>div,.results>div:first-child{padding:20px 24px;border-radius:24px}.results dd{font-size:48px}.results dt{font-size:12px}.case-details{gap:20px}.results-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.gallery figure{padding:11px;border-radius:28px}.gallery-open{border-radius:18px}.gallery img{border-radius:17px}.gallery figcaption{padding:0 7px 5px;font-size:18px}.gallery figcaption span{font-size:8px;letter-spacing:1.5px}.concept{border-radius:27px}.concept summary{padding:23px;font-size:19px}.concept-content{padding:0 23px 24px}.concept-content img{border-radius:19px}.creator-types li{padding:22px;border-radius:26px}.creator-types h3{font-size:23px}.process{gap:20px}.process li{padding:26px;border-radius:27px}.process h3{font-size:24px;margin-top:20px}.services{gap:18px}.services article{padding:24px 24px 24px 52px;border-radius:27px}.services article>span{left:24px;top:29px}.services h3{font-size:24px}.partnership-cta{padding:26px;border-radius:27px}.partnership-cta h3{font-size:27px}.partnership-cta .actions{gap:12px}.connect .wrap{padding-top:48px}.connect{padding-top:10px}.social{min-width:115px}.source-note{font-size:11px}dialog{border-radius:26px;padding:16px}}
@media(max-width:400px){.hero-copy{padding:23px}.hero h1{font-size:clamp(30px,8.5vw,35px)}.hero .actions{flex-direction:column;align-items:flex-start}.hero .btn{font-size:9px;min-height:44px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.heritage{grid-template-columns:1fr;gap:18px;padding:24px}.heritage img{width:145px}.heritage h3{font-size:22px}.case-study{padding:0 18px 23px}.case-intro h3{font-size:24px}.creator-types h3{font-size:21px}.process li{padding:24px}.services article{padding:24px}.services article>span{position:static;display:block;margin-bottom:18px}.services h3{font-size:23px}.partnership-cta{padding:24px}.partnership-cta .btn{font-size:10px;padding:14px 16px}.social{min-width:0;padding:14px 18px}.nav{gap:16px}}
@media(prefers-reduced-transparency:reduce){.hero-copy,.hero-image,.heritage,.case-study,.gallery figure,.concept,.creator-types li,.process li,.services article,.partnership-cta,nav,dialog{background:#242424}}