:root{--bg:#05070b;--cyan:#68dafa;--muted:#a8b4c0;--line:#262d36}body{background:var(--bg)}.header{padding-block:18px}.brand{font-size:20px;font-weight:800;letter-spacing:.045em;gap:16px}.brand b{font-weight:800}.brand img{width:64px;height:64px;border-radius:50%}.brand small{display:block;font-size:10px;letter-spacing:.23em;font-weight:500;color:var(--muted);margin-top:2px}.nav-contact{font-size:14px;letter-spacing:.025em}.intro{display:grid;grid-template-columns:1.16fr 1fr;position:relative;min-height:550px;padding:0;isolation:isolate;margin-top:32px;margin-bottom:48px;overflow:hidden;background:#101519;border:1px solid #293039}.hero-copy{position:relative;padding:65px 0 50px 42px;z-index:2;background:linear-gradient(90deg,#080b10 85%,transparent)}.hero-copy .eyebrow{font-size:12px;letter-spacing:.15em}.hero-copy h1{font-size:clamp(3.5rem,6.2vw,6rem);margin-top:26px;line-height:1.02;text-transform:none;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;letter-spacing:-.015em}.hero-copy>p{color:#c0c8d1;font-size:16px;line-height:1.7;max-width:400px;margin-top:24px}.hero-button{display:inline-block;padding:12px 0;border-bottom:1px solid var(--cyan);font-weight:600;font-size:14px;margin-top:16px}.hero-caption{margin-top:30px;font-size:12px;letter-spacing:.065em;color:#aab6c2}.hero-caption span{color:#556776;padding:0 10px}.hero-photo{margin:0;position:relative;overflow:hidden;min-width:0;background:#1a252c}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:right center;transform:scale(1.18);transform-origin:right center;filter:brightness(.78) contrast(1.12)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b10 0%,transparent 28%),linear-gradient(0deg,#080b10dc,transparent 27%);pointer-events:none}.hero-photo figcaption{position:absolute;bottom:27px;right:25px;text-align:right;z-index:1;font-size:13px;font-weight:700;letter-spacing:.03em}.hero-photo figcaption span{display:block;font-size:11px;font-weight:400;color:#b2bbc7;margin-top:3px}.catalog{padding-top:0}.catalog-heading .eyebrow{font-size:11px;color:#87a9bd;margin-bottom:9px}.catalog-heading h2{font-size:32px;font-weight:500;letter-spacing:-.045em}.catalog-heading p{margin-top:9px}.filters button{border-radius:3px;font-size:13px;padding:9px 15px}.filters button[aria-pressed=true]{background:#132e3a;color:#a2ecff;border-color:#4e8aa2}.frame{border-radius:2px;border-color:#263d4b;background:linear-gradient(145deg,#173043,#0e161f 62%,#080b10);height:435px}.frame h3{font-size:44px;font-weight:600;color:#e0eff9}.frame-category{font-size:12px;color:#86cce2}.media-pending{font-size:12px;color:#9aaaba}.video-card>p{font-size:14px}.about{padding-block:68px;grid-template-columns:1fr 2.2fr;align-items:center}.about-label img{width:min(220px,100%);height:auto;display:block;border-radius:50%;box-shadow:0 0 50px #00bbff0d}.about-copy .eyebrow{font-size:12px;margin-bottom:18px}.about-copy h2{font-weight:500;font-size:36px}.about-copy p{font-size:15px;line-height:1.8}.contact{padding-block:65px 75px}.contact h2{text-transform:none;font-size:clamp(3.2rem,5.5vw,5.4rem);font-weight:600}.cta{border-radius:3px;background:#c6f2fc;font-size:14px}.cta:hover{background:#fff}.contact .eyebrow{font-size:12px}footer{font-size:12px}
@media(max-width:900px){.hero-copy{padding:45px 0 35px 28px}.intro{min-height:470px}.hero-copy h1{font-size:clamp(3.2rem,7.5vw,5rem)}.hero-copy>p{max-width:330px;padding-right:12px;font-size:15px}.about{grid-template-columns:1fr 2.6fr}.about-label img{max-width:170px}}
@media(max-width:700px){.header{padding-block:13px}.brand{font-size:15px;gap:11px}.brand img{width:52px;height:52px}.brand small{font-size:9px;letter-spacing:.13em}.nav-contact{font-size:13px}.intro{margin-top:20px;margin-bottom:30px;min-height:0;display:block;overflow:hidden;background:#0a0e13}.hero-copy{padding:30px 22px 32px;background:linear-gradient(0deg,#080b10 0%,#080b10ed 70%,#080b10c7 100%);min-height:410px;display:flex;flex-direction:column;justify-content:end}.hero-copy .eyebrow{font-size:11px;letter-spacing:.1em}.hero-copy h1{font-size:clamp(3.25rem,12vw,4.8rem);margin-top:18px;line-height:1.04}.hero-copy>p{max-width:310px;padding-right:0;font-size:14px;margin-top:20px}.hero-button{align-self:start;font-size:13px;margin-top:13px}.hero-caption{font-size:11px;margin-top:20px}.hero-photo{position:absolute;inset:0;z-index:-1;height:100%}.hero-photo>img{transform:scale(1.08);filter:brightness(.65) contrast(1.12);object-position:100% 35%}.hero-photo figcaption{display:none}.hero-photo:after{background:linear-gradient(90deg,#080b10e6,transparent 85%)}.catalog-heading h2{font-size:23px;letter-spacing:-.025em}.catalog-heading p{font-size:13px;max-width:240px}.catalog-heading .eyebrow{font-size:10px}.controls button{width:35px;height:35px}.frame{height:410px}.frame h3{font-size:43px}.about{padding-block:43px;display:grid;grid-template-columns:1fr;gap:25px}.about-label img{max-width:100px}.about-copy{margin-top:0}.about-copy h2{font-size:26px}.about-copy p{font-size:14px}.contact{padding-block:43px 55px}.contact>p{font-size:15px}.contact h2{font-size:clamp(3rem,11vw,4rem)}footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the supplied portrait visible on small screens without placing copy over it. */
.hero-photo>img{transform:scale(1.42)}
@media(max-width:700px){.intro{display:flex;flex-direction:column}.hero-photo{position:relative;inset:auto;height:225px;flex:0 0 225px;order:0;z-index:0}.hero-photo>img{transform:scale(2.05);transform-origin:right 42%;filter:brightness(.88) contrast(1.1);object-position:right center}.hero-photo:after{background:linear-gradient(0deg,#080b1080,transparent 45%)}.hero-photo figcaption{display:block;bottom:15px;right:17px;font-size:12px}.hero-photo figcaption span{font-size:10px}.hero-copy{order:1;min-height:0;padding:25px 22px 28px;background:#080b10}.hero-copy h1{font-size:clamp(3rem,11.2vw,4.5rem);margin-top:14px}.hero-copy>p{margin-top:18px}.hero-caption{margin-top:19px}}
/* Keep the generated studio photograph intact; desktop copy uses the dark left side. */
.intro{display:block;min-height:0;background:#080b10}
.hero-photo{position:relative;inset:auto;height:auto;aspect-ratio:2752/1536;z-index:0}
.hero-photo>img{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2752/1536;object-fit:contain;object-position:center;transform:none;filter:none}
.hero-photo:after{background:linear-gradient(90deg,#05090d66,transparent 45%),linear-gradient(0deg,#05090d55,transparent 20%)}
.hero-copy{position:absolute;inset:0 auto 0 0;width:43%;display:flex;flex-direction:column;justify-content:center;padding:34px;min-height:0;background:transparent}
.hero-copy h1{font-size:clamp(3rem,5.1vw,5rem)}
.hero-copy>p{max-width:350px;font-size:15px;padding-right:0;text-shadow:0 1px 10px #000}
.hero-button{align-self:flex-start}.hero-photo figcaption{z-index:1}
.contact .reach-message{font-size:21px;font-weight:700;color:#edf6fc;margin-top:23px}
@media(max-width:900px) and (min-width:701px){.hero-copy{padding:24px;width:46%}.hero-copy h1{font-size:3rem}.hero-copy>p{font-size:14px;margin-top:18px}.hero-copy .eyebrow{font-size:10px}.hero-caption{margin-top:18px}}
@media(max-width:700px){.intro{display:flex;flex-direction:column}.hero-photo{order:0;position:relative;flex:none;height:auto;aspect-ratio:2752/1536}.hero-photo>img{position:relative;width:100%;height:auto;transform:none;filter:none;object-fit:contain;object-position:center}.hero-photo:after{background:none}.hero-photo figcaption{display:none}.hero-copy{order:1;position:relative;inset:auto;width:100%;padding:25px 22px 28px;min-height:0;background:#080b10}.hero-copy h1{font-size:clamp(3rem,11.2vw,4.5rem)}.contact .reach-message{font-size:18px}}
.hero-paths{display:flex;flex-direction:column;align-items:flex-start;gap:0}.hero-paths .hero-button{margin-top:8px;padding:9px 0;font-size:14px}.hero-paths .hero-button:first-child{margin-top:15px}
.ai-department{margin-top:60px;padding:42px 38px;background:linear-gradient(120deg,#101e2b,#091017 75%);border:1px solid #2d495b;scroll-margin-top:24px}
.department-heading .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:20px}.department-heading h2{font-size:clamp(28px,3.4vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.035em;max-width:860px}.department-heading>p{max-width:690px;font-size:16px;color:#b0c1d0;line-height:1.75;margin-top:20px}
.department-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;gap:28px}.department-examples article{border-top:1px solid #324453;padding-top:22px}.department-tag{display:block;color:#78cde3;font-size:12px;margin-bottom:10px;font-weight:700;letter-spacing:.05em}.department-examples h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.department-examples p{font-size:15px;line-height:1.75;color:#b0c1d0;margin-top:13px}
.department-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #324453;margin-top:32px;padding-top:25px}.department-process{display:flex;flex-wrap:wrap;gap:10px 20px;color:#b7c8d7;font-size:13px}.department-cta{display:inline-block;padding:13px 18px;background:#baf0fc;color:#051521;font-size:14px;font-weight:800;border-radius:3px;flex-shrink:0;text-align:center}.department-cta:hover{background:#e7fbff}
@media(max-width:1000px){.department-bottom{align-items:flex-start;flex-direction:column}.department-examples{gap:20px}.hero-paths .hero-button{font-size:13px}}
@media(max-width:700px){.hero-paths{flex-direction:row;flex-wrap:wrap;gap:10px 17px}.hero-paths .hero-button,.hero-paths .hero-button:first-child{margin-top:15px;font-size:12px;padding:8px 0}.ai-department{margin-top:35px;padding:27px 22px}.department-heading .eyebrow{font-size:11px;letter-spacing:.06em}.department-heading h2{font-size:29px;line-height:1.2}.department-heading>p{font-size:15px;line-height:1.7}.department-examples{grid-template-columns:1fr;gap:22px;margin-top:28px}.department-examples article{padding-top:18px}.department-examples h3{font-size:20px}.department-examples p{font-size:14px;margin-top:10px}.department-bottom{gap:23px;margin-top:26px}.department-process{font-size:12px;gap:9px 15px}.department-cta{width:100%;font-size:13px;padding:14px 10px}}
.contact-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:28px}.contact-actions .cta{margin-top:0;display:flex;align-items:center;justify-content:center;min-height:56px}.instagram-button{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #5b8094;border-radius:3px;padding:15px 20px;color:#eef8ff;font-size:14px;font-weight:700;min-height:56px;transition:background .2s,border-color .2s}.instagram-button:hover{background:#102633;border-color:#87d8ed}.instagram-handle{color:#a4c1d2;font-weight:500;font-size:13px}
@media(max-width:700px){.contact-actions{flex-direction:column}.instagram-button{width:100%;gap:10px;padding:15px 10px;font-size:13px}.instagram-handle{font-size:12px}}
.header-links{display:flex;align-items:center;gap:25px;font-size:14px}.header-links>a:first-child{color:#b5c9d8}.header-links>a:first-child:hover{color:var(--cyan)}
.client-work{padding-block:62px 68px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.work-heading{max-width:760px;margin-bottom:30px}.work-heading .eyebrow{font-size:12px;margin-bottom:16px}.work-heading h2{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.035em}.work-heading p{color:#b0c1d0;font-size:16px;margin-top:16px;line-height:1.75}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.work-card{min-width:0;overflow:hidden;border:1px solid #2c4353;background:#0b121b;border-radius:3px}.work-card-heading{padding:23px 22px 21px}.work-card-heading>span{display:block;color:#92b9cc;font-size:12px;line-height:1.5}.work-card-heading h3{font-size:26px;line-height:1.25;font-weight:600;margin-top:8px;letter-spacing:-.025em}.work-media{background:#000;overflow:hidden}
@media(max-width:1050px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.header-links{gap:15px;font-size:13px}.client-work{padding-block:43px 46px}.work-heading{margin-bottom:25px}.work-heading h2{font-size:30px}.work-heading .eyebrow{font-size:12px}.work-grid{grid-template-columns:1fr;gap:25px}.work-card-heading{padding:21px 20px}.work-card-heading h3{font-size:26px}}
@media(max-width:360px){.header-links{gap:10px;font-size:12px}.brand small{font-size:8px}.brand{gap:8px;font-size:13px}.brand img{width:44px;height:44px}}

.work-profile{display:flex;align-items:center;gap:12px;min-height:81px;padding:16px 20px;border-top:1px solid #263b49;background:#0e1822}.profile-avatar{display:block;flex:0 0 auto;width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #0e1822}.profile-avatars{display:flex;flex-shrink:0}.profile-avatars .profile-avatar+.profile-avatar{margin-left:-14px}.profile-details{min-width:0}.profile-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.4}.profile-name strong{font-size:14px;font-weight:700;overflow-wrap:anywhere}.profile-verified{display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:#278bfa;color:white;font-family:Arial,sans-serif;font-size:12px;font-weight:800;line-height:1}.profile-origin{display:block;font-size:12px;color:#a1b5c5;margin-top:4px}.profile-collaborator{display:block;font-size:13px;color:#d8e8f2;margin-top:2px}.work-media video{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#000}.work-playback-error{padding:16px 20px;color:#cbdbe8;font-size:14px}.work-playback-error[hidden]{display:none}
@media(max-width:700px){.work-profile{padding:15px 16px}.profile-name strong{font-size:14px}.profile-origin{font-size:12px}.work-media video{max-height:none}}