@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-grotesk.woff') format('woff');font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#101112;--surface:#171819;--surface-2:#1e2022;--line:#343638;--text:#f5f5f2;--muted:#b1b3b5;--dim:#878a8f;--silver:#c9cbd0;--font:Inter,Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--gutter:clamp(22px,5.7vw,88px);--radius:5px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
a,button,summary{touch-action:manipulation}
button,summary{cursor:pointer}
img,video{display:block;max-width:100%}
svg{display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:500}
::selection{color:#0e1012;background:#d8dade}
:focus-visible{outline:2px solid #f5f5f2;outline-offset:6px}
.wrap{width:min(100% - var(--gutter)*2,1328px);margin-inline:auto}
.section-space{padding-top:112px;padding-bottom:112px}
.eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.14em;font-weight:500;color:var(--muted)}
.silver-text{color:var(--silver)}
.text-link{display:inline-flex;align-items:center;gap:16px;font-size:.875rem;font-weight:500;text-underline-offset:5px;line-height:1.6}
.text-link span{font-size:1.25rem;transition:transform .2s}
.text-link:hover{text-decoration:underline}
.text-link:hover span{transform:translate(2px,-2px)}
.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:58px;padding:16px 24px;font-size:.875rem;font-weight:600;line-height:1.5;border:1px solid transparent;border-radius:3px;transition:background .2s,transform .2s}
.button-light{background:#ededeb;color:#17191a}
.button-light:hover{background:#fff;transform:translateY(-2px)}
.button span{font-size:1.3rem;line-height:1}
.skip-link{position:fixed;top:12px;left:16px;z-index:100;background:#fff;color:#111;padding:12px 20px;transform:translateY(-160%);border-radius:4px}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(16,17,18,.94);backdrop-filter:blur(16px)}
.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:block;width:122px;flex-shrink:0;isolation:isolate;position:relative}
.brand img{width:122px;height:75px;object-fit:contain}
.brand:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 10px 7px var(--bg)}
.navigation{display:flex;align-items:center;gap:32px;font-size:.875rem}
.navigation>a{color:var(--muted);transition:color .15s}
.navigation>a:hover{color:var(--text)}
.navigation .nav-cta{display:flex;align-items:center;gap:28px;margin-left:16px;padding:12px 17px;border:1px solid #5d6063;border-radius:3px;color:var(--text)}
.nav-cta span{font-size:1.15rem}
.menu-toggle{display:none}
.hero{padding-top:78px;display:grid;grid-template-columns:1.06fr .94fr;column-gap:32px;position:relative}
.hero-copy{position:relative;z-index:2;padding-bottom:40px}
.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.label-line{display:inline-block;width:27px;height:1px;background:#c4c7cd;flex-shrink:0}
.hero h1{font-size:clamp(3.5rem,6.1vw,6rem);line-height:1.03;letter-spacing:-.06em;font-weight:500}
.hero-silver{display:block;margin-top:17px;color:#b8bbc1;font-size:.77em;line-height:1.09;letter-spacing:-.055em}
.hero-description{max-width:490px;color:var(--muted);font-size:1rem;line-height:1.75;margin-top:27px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px 26px;margin-top:30px}
.hero-actions .text-link{font-size:.8125rem}
.hero-visual{position:relative;align-self:stretch;min-height:570px;margin-top:8px;perspective:1200px}
.hero-orbit{position:absolute;left:-6%;top:15%;width:111%;aspect-ratio:1;border:1px solid #2a2c2f;border-radius:50%;background:radial-gradient(ellipse,#2b2c2e 0,rgba(30,31,33,.35) 44%,transparent 69%)}
.hero-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #27292b;border-radius:50%}
.hero-art-label{position:absolute;top:0;left:6%;right:0;display:flex;justify-content:space-between;font-size:.625rem;letter-spacing:.12em;color:#979ba0}
.hero-art-card{position:absolute;width:49%;border:5px solid #262829;border-bottom-width:0;border-radius:5px;box-shadow:0 25px 60px #0009;background:#242627;overflow:hidden}
.hero-art-card img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.hero-art-back{left:2%;top:66px;transform:rotate(-9deg);z-index:1}
.hero-art-front{right:1%;top:111px;transform:rotate(8deg);z-index:2}
.hero-card-caption{padding:9px 8px 10px;font-size:.56rem;letter-spacing:.09em;text-align:center;white-space:nowrap;color:#c9cbd0}
.hero-visual-foot{position:absolute;bottom:23px;left:8%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;font-family:var(--display);font-size:.8125rem;line-height:1.3;letter-spacing:.08em;color:var(--dim)}
.hero-visual-foot strong{color:#e0e1e3;font-weight:500}
.large-plus{font-size:2.5rem;font-weight:300;color:#7f8388}
.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:28px 0 31px;border-top:1px solid var(--line);font-size:.8125rem}
.hero-bottom p{line-height:1.7}
.hero-bottom p span{color:var(--dim)}
.scroll-cue{display:flex;align-items:center;gap:17px;font-size:.625rem;letter-spacing:.16em}
.circle-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #56595d;border-radius:50%;font-size:1.125rem}
.discipline-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#141516}
.discipline-strip>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:28px;font-family:var(--display);font-size:clamp(1rem,1.7vw,1.5rem);letter-spacing:-.03em}
.discipline-strip span:nth-child(even){font-size:.9rem;color:#64686d}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:49px}
.section-heading .eyebrow{margin-bottom:20px}
h2{font-size:clamp(2.4rem,4.15vw,4rem);line-height:1.12;letter-spacing:-.055em}
.section-intro{max-width:335px;flex-basis:335px;flex-shrink:0;color:var(--muted);font-size:.9375rem;line-height:1.75;padding-bottom:4px}
.featured-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}
.project{min-width:0}
.project-image-link{display:block}
.project-media{position:relative;overflow:hidden;background:#1b1d1e;border:1px solid #282b2d;border-radius:var(--radius)}
.project-media>img{width:100%;height:auto;transition:filter .3s}
.project-media-brand{height:490px;padding:34px;background:#232326;display:flex;align-items:center;justify-content:center}
.project-media-brand>img{height:100%;object-fit:contain;border-radius:2px}
.image-open-hint{position:absolute;right:13px;bottom:13px;display:flex;gap:18px;align-items:center;padding:8px 13px;background:#101112e8;border:1px solid #ffffff42;border-radius:3px;backdrop-filter:blur(6px);font-size:.75rem;line-height:1.5;color:#fff;transition:background .2s}
.project-image-link:hover .image-open-hint{background:#e7e8e8;color:#111;border-color:#e7e8e8}
.project-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:19px}
.project-category{color:var(--dim);font-size:.75rem;line-height:1.5;margin-bottom:6px}
.project-caption h3{font-size:1.3rem;line-height:1.25;letter-spacing:-.03em}
.project-open-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #44484c;border-radius:50%;font-size:1.125rem;flex-shrink:0;transition:background .2s,color .2s}
.project-image-link:hover .project-open-icon{background:#ededeb;color:#111}
.project-description{font-size:.875rem;color:var(--muted);margin-top:12px;max-width:560px}
.video-stage{height:490px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 36%,#222c26 0,#151b18 70%);border:1px solid #29362e;border-radius:var(--radius);overflow:hidden;padding:18px 44px}
.portfolio-video{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:4px;background:#000;position:relative;z-index:1}
.video-side-label{position:absolute;left:17px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:.625rem;letter-spacing:.2em;color:#899b8d}
.video-format{position:absolute;right:17px;top:28px;writing-mode:vertical-rl;font-size:.625rem;letter-spacing:.13em;color:#899b8d}
.video-duration{border:1px solid #444b46;font-size:.75rem;border-radius:3px;padding:5px 9px;letter-spacing:.05em;color:#c2cac4}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:52px}
.campaign-grid .project-media{aspect-ratio:9/16}
.campaign-grid .project-media img{height:100%;object-fit:contain}
.concepts-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin:80px 0 30px;padding-top:39px;border-top:1px solid var(--line)}
.concepts-intro h3{font-size:1.875rem;line-height:1.25;letter-spacing:-.04em;margin-top:15px}
.concepts-intro>p{max-width:440px;font-size:.875rem;color:var(--muted)}
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.concept-project{display:grid;grid-template-columns:.9fr 1fr;gap:0;background:#191b1c;border:1px solid #303235;border-radius:var(--radius);overflow:hidden}
.concept-project .project-image-link{align-self:center;padding:15px 0 15px 15px}
.concept-project .project-media{border-radius:2px;border:0}
.concept-copy{padding:27px 24px;align-self:center;min-width:0}
.concept-label{display:inline-block;font-size:.625rem;line-height:1.5;letter-spacing:.075em;color:#c0c3c6;border-bottom:1px solid #5c6065;padding-bottom:6px;margin-bottom:23px}
.concept-copy h3{font-size:1.55rem;letter-spacing:-.045em;line-height:1.2}
.concept-copy>p:not(.project-category){font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:17px}
.concept-copy .text-link{font-size:.8125rem;margin-top:25px}
.inline-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:46px;padding:25px 0 0;border-top:1px solid var(--line)}
.inline-cta>span:first-child{font-family:var(--display);font-size:1.25rem;letter-spacing:-.035em}
.inline-cta>span:last-child{font-size:.875rem}
.inline-cta>span:last-child>span{margin-left:22px;font-size:1.35rem}
.inline-cta:hover>span:last-child{text-decoration:underline;text-underline-offset:5px}
.services{background:#161819;border-top:1px solid #27292b;border-bottom:1px solid #27292b}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #35383b;border-radius:var(--radius);overflow:hidden}
.service{padding:36px 40px 37px;display:flex;flex-direction:column;background:linear-gradient(125deg,#1d1f21,#191b1d)}
.service:nth-child(odd){border-right:1px solid #35383b}
.service:nth-child(-n+2){border-bottom:1px solid #35383b}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.service-top>span{font-family:var(--display);font-size:.75rem;color:#a1a6ac}
.service-top svg{width:35px;height:35px;color:#bfc3c9}
.service h3{font-size:1.85rem;letter-spacing:-.045em;line-height:1.2;margin-bottom:13px}
.service .service-lead{font-size:1rem;color:#e1e3e5;margin-bottom:12px}
.service>p{font-size:.875rem;color:var(--muted);line-height:1.8;max-width:510px}
.service ul{list-style:none;padding:0;margin:22px 0 30px}
.service li{font-size:.8125rem;color:#c9ccd0;position:relative;padding-left:16px;margin-top:7px}
.service li:before{content:'';width:5px;height:1px;background:#94999f;position:absolute;left:0;top:.78em}
.service .text-link{margin-top:auto;align-self:flex-start;border-top:1px solid #3b3e42;padding-top:21px;width:100%;justify-content:space-between;font-size:.8125rem;gap:12px}
.service-footnote{color:var(--dim);font-size:.8125rem;margin-top:22px}
.about{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,7vw,108px);align-items:center}
.about-photo{position:relative;background:#1b1b1b;border-radius:var(--radius);overflow:hidden;max-width:480px;justify-self:start;width:100%;aspect-ratio:4/5.5}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.about-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#050607d9)}
.portrait-label{position:absolute;bottom:25px;left:26px;right:26px;display:flex;flex-wrap:wrap;gap:6px 15px;justify-content:space-between;z-index:1;font-size:.625rem;letter-spacing:.12em}
.portrait-label span:last-child{color:#bfc1c5}
.about-copy .eyebrow{margin-bottom:22px}
.about-copy h2{font-size:clamp(2.2rem,3.4vw,3.375rem)}
.about-copy .about-lead{font-family:var(--display);color:#f3f3ef;font-size:1.375rem;letter-spacing:-.03em;margin-top:32px}
.about-copy>p:not(.eyebrow):not(.about-lead){font-size:.9375rem;line-height:1.85;color:var(--muted);margin-top:16px;max-width:540px}
.about-note{display:flex;gap:18px;align-items:center;padding-top:23px;border-top:1px solid var(--line);margin-top:30px}
.about-note p{font-size:.8125rem;color:var(--muted);line-height:1.8}
.about-note strong{color:#dadddf;font-weight:500}
.note-mark{font-size:1.875rem;line-height:1;color:#b5b9be}
.about-copy>.text-link{margin-top:26px}
.process{border-block:1px solid #303235;background:#141617}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:10px 0 0;list-style:none;gap:32px}
.process-grid li{padding-top:18px;border-top:1px solid #5c6065}
.process-number{font-family:var(--display);font-size:3rem;letter-spacing:-.065em;color:#92969c;font-weight:400;line-height:1.2}
.process-grid h3{font-size:1.125rem;letter-spacing:-.025em;margin:24px 0 13px;line-height:1.4}
.process-grid p{font-size:.875rem;line-height:1.75;color:var(--muted)}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-heading .eyebrow{margin-bottom:20px}
.faq-heading>p:last-child{margin-top:27px;font-size:.875rem;color:var(--muted)}
.faq-heading .text-link{color:var(--text);margin-top:6px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-size:.9375rem;line-height:1.5;font-weight:500}
.faq-item summary::-webkit-details-marker{display:none}
.faq-plus{width:15px;height:15px;position:relative;flex-shrink:0;color:#aeb2b9}
.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:7px;left:1px;width:13px;height:1px;background:currentColor}
.faq-plus:after{transform:rotate(90deg);transition:transform .2s}
.faq-item[open] .faq-plus:after{transform:rotate(0)}
.faq-answer{padding:0 32px 25px 0;color:var(--muted);font-size:.875rem;line-height:1.8}
.contact{background:radial-gradient(ellipse at 85% 30%,#2b2e32 0,transparent 60%),#1a1d20;border-block:1px solid #3b3e42;position:relative;overflow:hidden}
.contact:before{content:'';position:absolute;right:-11%;top:-33%;width:61%;aspect-ratio:1;border:1px solid #464b5260;border-radius:50%;pointer-events:none}
.contact:after{content:'';position:absolute;right:-4%;top:-21%;width:46%;aspect-ratio:1;border:1px solid #464b5250;border-radius:50%;pointer-events:none}
.contact-inner{padding-block:90px 75px;position:relative;z-index:1}
.contact .eyebrow{margin-bottom:27px}
.contact h2{font-size:clamp(3.5rem,7.4vw,7.375rem);line-height:1.05;letter-spacing:-.065em}
.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:41px}
.contact-bottom>p{color:#bec1c6;font-size:.9375rem;line-height:1.8}
.contact-button{min-width:340px}
.contact-phone{display:block;text-align:right;font-family:var(--display);letter-spacing:.015em;margin-top:14px;font-size:.9375rem;color:#b3b7bc}
.footer{padding-top:39px;padding-bottom:25px}
.footer-main{display:flex;align-items:center;gap:50px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.footer-main>p{font-size:.8125rem;line-height:1.7;color:#ccced2}
.footer-main>p>span{color:var(--dim)}
.social-links{margin-left:auto;display:flex;gap:25px;font-size:.8125rem}
.social-links a{display:flex;gap:10px;align-items:center}
.social-links a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:23px;font-size:.75rem;color:var(--dim)}
.footer-bottom a{color:#b7bbc0}
.privacy{margin-top:15px;font-size:.75rem;color:var(--dim)}
.privacy summary{width:fit-content;min-height:30px;padding-block:5px;text-underline-offset:4px}
.privacy summary:hover{text-decoration:underline}
.privacy>div{max-width:780px;padding-top:12px;font-size:.8125rem;line-height:1.8;color:var(--muted)}
.privacy p+p{margin-top:10px}
.privacy a{text-decoration:underline;text-underline-offset:4px}
.project-dialog{position:fixed;width:min(1120px,calc(100vw - 48px));max-width:1120px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #44484d;background:#17191b;color:var(--text);border-radius:6px;margin:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #000c}
.project-dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}
.project-dialog:not([open]){display:none}
.dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:13px 22px;background:#17191bf5;border-bottom:1px solid #35383b;backdrop-filter:blur(10px)}
.dialog-close{display:grid;place-items:center;background:#262a2d;border:1px solid #555b61;border-radius:50%;width:42px;height:42px;font-size:1.75rem;font-weight:300;line-height:1}
.dialog-close:hover{background:#444a50}
.dialog-body{display:grid;grid-template-columns:1.15fr .85fr;min-height:400px}
.dialog-image-wrap{background:#0c0d0e;display:flex;align-items:center;justify-content:center;min-width:0;padding:22px}
.dialog-image-wrap img{width:auto;max-width:100%;max-height:calc(100dvh - 162px);height:auto;object-fit:contain}
.dialog-copy{align-self:center;padding:36px 34px;min-width:0}
.dialog-copy h2{font-size:2.35rem;line-height:1.14;margin-top:15px;letter-spacing:-.05em}
.dialog-copy>p:not(.eyebrow){font-size:.9375rem;color:var(--muted);margin-top:23px;line-height:1.8}
.dialog-copy .dialog-note{font-size:.75rem!important;border-top:1px solid var(--line);padding-top:18px}
.dialog-copy .button{font-size:.8125rem;gap:18px;margin-top:29px;padding-inline:18px}

@media(min-width:1600px){.hero{padding-top:95px}.hero-visual{min-height:640px}.hero-art-front{top:124px}.hero-art-back{top:66px}.hero-art-card{width:46%}.hero-art-front{right:1%}.hero-art-back{left:6%}.hero-visual-foot{bottom:2px}.hero-copy{padding-bottom:50px}}
@media(max-width:1150px){
  :root{--gutter:40px}
  .navigation{gap:23px}.navigation .nav-cta{margin-left:0;gap:15px}.hero{gap:15px;padding-top:65px}.hero-visual{min-height:535px}.hero-art-front{top:127px}.hero-art-back{top:76px}.hero-art-label{font-size:.5625rem;left:2%}.hero-art-card{width:51%}.hero-art-back{left:0}.hero-art-front{right:-2%}.hero-actions{gap:22px}.hero-visual-foot{bottom:15px}
  .section-space{padding-block:90px}.section-heading{gap:30px}.section-intro{flex-basis:285px;font-size:.875rem}.featured-grid,.campaign-grid,.concept-grid{gap:22px}.project-media-brand,.video-stage{height:420px}.project-media-brand{padding:24px}.concept-project{grid-template-columns:1fr 1fr}.concept-copy{padding:20px 17px}.concept-copy h3{font-size:1.4rem}.concept-copy>p:not(.project-category){font-size:.75rem}.concept-label{font-size:.5625rem;margin-bottom:18px}.concept-copy .text-link{margin-top:18px}.service{padding:30px}.service h3{font-size:1.7rem}.about{gap:55px}.process-grid{gap:22px}.faq{gap:45px}.footer-main{gap:30px}.social-links{gap:20px}.contact-button{min-width:310px}
}
@media(max-width:950px) and (min-width:801px){
  .navigation{gap:16px;font-size:.8125rem}.navigation .nav-cta{padding:10px 12px;gap:12px}.hero{grid-template-columns:1.05fr .95fr}.hero h1{font-size:3.5rem}.hero .eyebrow{font-size:.625rem}.hero-description{font-size:.9375rem}.hero-art-front{top:154px}.hero-art-back{top:112px}.hero-visual{min-height:510px}.hero-art-label{top:30px}.hero-visual-foot{bottom:16px}.hero-actions .button{padding-inline:18px;gap:18px;font-size:.8125rem}.section-intro{flex-basis:240px}.about-copy h2{font-size:2.15rem}.concept-project{grid-template-columns:1fr}.concept-project .project-image-link{padding:18px 18px 0}.concept-project .project-media{max-width:210px;margin:auto}.concept-copy{padding:23px}.concept-copy>p:not(.project-category){font-size:.8125rem}.concept-copy h3{font-size:1.6rem}.footer-main{gap:22px}.social-links{flex-direction:column;gap:5px}.process-grid h3{font-size:1rem}
}
@media(max-width:800px){
  :root{--gutter:28px}
  html{scroll-padding-top:91px}.header-inner{min-height:81px}.brand{width:104px}.brand img{width:104px;height:64px}.navigation{gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:.8125rem;padding:12px 0}.navigation .nav-cta{margin-left:0;padding:8px 12px;gap:12px}.js-ready .menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #51555a;border-radius:3px;background:transparent}.menu-toggle span{width:18px;height:1px;background:#eee;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.js-ready .navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#17191bf8;border-bottom:1px solid #43474b;padding:12px var(--gutter) 24px;backdrop-filter:blur(16px)}.js-ready .navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.js-ready .navigation>a{padding:15px 0;border-bottom:1px solid #333639;font-size:.9375rem}.js-ready .navigation .nav-cta{padding:14px 16px;margin-top:14px;justify-content:space-between;border:1px solid #555b62}.hero{padding-top:45px;grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(3.9rem,9.2vw,5.8rem)}.hero .eyebrow{margin-bottom:23px}.hero-silver{margin-top:13px}.hero-description{max-width:510px;margin-top:24px}.hero-actions{margin-top:25px;gap:22px 27px}.hero-copy{padding-bottom:0}.hero-visual{width:78%;max-width:470px;justify-self:center;margin-top:50px;min-height:0;height:570px}.hero-art-card{width:47%;border-width:4px;border-bottom-width:0}.hero-art-back{top:54px;left:4%}.hero-art-front{top:98px;right:3%}.hero-art-label{left:0;right:0;font-size:.625rem}.hero-orbit{top:8%;left:-3%;width:106%}.hero-visual-foot{bottom:5px;left:4%;right:6%}.hero-bottom{margin-top:15px;padding-block:25px}.hero-card-caption{font-size:.5625rem}.discipline-strip>.wrap{padding-block:24px}.section-space{padding-block:76px}.section-heading{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:32px}.section-intro{flex-basis:auto;max-width:440px;padding:0;font-size:.9375rem}.section-intro br{display:none}h2{font-size:clamp(2.4rem,6.5vw,3.4rem)}.section-heading .eyebrow{margin-bottom:17px}.featured-grid{grid-template-columns:1fr 1fr;gap:20px}.project-media-brand,.video-stage{height:355px}.project-media-brand{padding:18px}.video-stage{padding:12px 25px}.video-side-label{left:9px;font-size:.5rem}.video-format{right:8px;font-size:.5rem}.project-caption h3{font-size:1.1rem}.project-description{font-size:.8125rem}.project-open-icon{width:31px;height:31px;font-size:1rem}.project-caption{gap:10px}.campaign-grid{gap:20px;margin-top:38px;grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-grid .project-caption{align-items:flex-start}.campaign-grid .project-category{font-size:.625rem}.campaign-grid .project-caption h3{font-size:1rem}.campaign-grid .project-open-icon{display:none}.image-open-hint{font-size:.625rem;gap:12px;padding:7px 10px;bottom:10px;right:10px}.concepts-intro{margin-top:54px;padding-top:30px;gap:25px}.concepts-intro h3{font-size:1.65rem}.concepts-intro>p{max-width:320px;flex-basis:50%;font-size:.8125rem}.concept-grid{gap:20px}.concept-project{grid-template-columns:1fr}.concept-project .project-image-link{padding:20px 20px 0}.concept-project .project-media{max-width:230px;margin:auto}.concept-copy{padding:24px}.concept-copy h3{font-size:1.75rem}.concept-copy>p:not(.project-category){font-size:.8125rem}.concept-label{font-size:.625rem;margin-bottom:16px}.concept-copy .text-link{margin-top:21px}.inline-cta{margin-top:34px}.inline-cta>span:first-child{font-size:1.125rem}.service{padding:27px}.service h3{font-size:1.5rem}.service-top{margin-bottom:23px}.service .service-lead{font-size:.9375rem}.service>p{font-size:.8125rem}.service li{font-size:.75rem}.service .text-link{font-size:.75rem}.about{grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center}.about-photo{aspect-ratio:9/16}.portrait-label{left:17px;right:17px;bottom:17px;font-size:.5625rem;flex-direction:column}.about-copy h2{font-size:2.1rem}.about-copy .eyebrow{font-size:.625rem;margin-bottom:18px}.about-copy .about-lead{margin-top:23px;font-size:1.25rem}.about-copy>p:not(.eyebrow):not(.about-lead){font-size:.8125rem}.about-note{gap:15px;padding-top:18px;margin-top:23px}.about-note p{font-size:.75rem}.about-copy>.text-link{font-size:.75rem;gap:13px;margin-top:20px}.process-grid{grid-template-columns:1fr 1fr;gap:38px 30px}.process-grid h3{margin-top:18px}.faq{grid-template-columns:1fr;gap:32px}.faq-heading>p:last-child{margin-top:22px}.contact-inner{padding-block:66px 57px}.contact h2{font-size:clamp(3.5rem,9vw,5.3rem)}.contact-bottom{align-items:flex-start;flex-direction:column;gap:26px;margin-top:29px}.contact-phone{text-align:left;margin-top:20px}.contact-button{min-width:0}.footer-main{gap:26px;flex-wrap:wrap}.footer-main>p{flex:1}.social-links{margin:0;flex-direction:row;gap:28px;width:100%;padding-top:9px}.dialog-body{grid-template-columns:1fr 1fr}.dialog-copy{padding:25px}.dialog-copy h2{font-size:1.8rem}.dialog-copy>p:not(.eyebrow){font-size:.8125rem}.dialog-copy .button{font-size:.75rem;gap:15px;padding-inline:14px}.dialog-image-wrap{padding:15px}
}
@media(max-width:580px){
  :root{--gutter:22px}
  .section-space{padding-block:65px}.header-inner{gap:20px}.hero h1{font-size:clamp(3.1rem,12vw,4.2rem);letter-spacing:-.055em}.hero-silver{font-size:.82em;line-height:1.12}.hero .eyebrow{font-size:.625rem;letter-spacing:.13em;gap:9px}.label-line{width:20px}.hero-description{font-size:.9375rem;line-height:1.8;margin-top:24px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-actions .button{width:100%;font-size:.8125rem;padding-inline:18px;gap:20px}.hero-actions .text-link{font-size:.8125rem}.hero-visual{width:95%;max-width:390px;height:470px;margin-top:43px}.hero-art-back{top:55px;left:3%}.hero-art-front{top:90px;right:1%}.hero-art-card{width:48%;border-width:3px;border-bottom-width:0}.hero-art-label{font-size:.5625rem;left:2%;right:1%}.hero-card-caption{font-size:.4375rem;padding:8px 4px;letter-spacing:.04em}.hero-visual-foot{bottom:6px;left:4%;right:3%;font-size:.75rem}.hero-bottom{font-size:.75rem;margin-top:7px;padding-block:22px}.scroll-cue{gap:10px;font-size:.5625rem}.circle-arrow{width:35px;height:35px;font-size:1rem}.discipline-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;text-align:center;padding-block:20px;font-size:1.1rem}.discipline-strip span:nth-child(even){display:none}.discipline-strip span:nth-child(3),.discipline-strip span:nth-child(7){border-left:1px solid #3d4044}h2{font-size:clamp(2.2rem,8.6vw,3rem)}.eyebrow{font-size:.6875rem}.section-intro{font-size:.875rem}.featured-grid{grid-template-columns:1fr;gap:32px}.project-media-brand{height:auto;aspect-ratio:1.08;padding:22px}.project-media-brand img{width:100%;height:100%;object-fit:contain}.video-stage{height:480px;padding:16px 39px}.video-side-label{left:15px;font-size:.5625rem}.video-format{right:14px;font-size:.5625rem}.project-caption h3{font-size:1.3rem}.project-category{font-size:.75rem}.project-caption{padding-top:16px}.project-description{font-size:.875rem;margin-top:10px}.project-open-icon{width:35px;height:35px}.campaign-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.campaign-grid .project-media{max-height:none;width:100%}.campaign-grid .project-caption h3{font-size:1.3rem}.campaign-grid .project-category{font-size:.75rem}.campaign-grid .project-open-icon{display:grid}.image-open-hint{font-size:.75rem;padding:8px 12px;right:13px;bottom:13px}.concepts-intro{flex-direction:column;align-items:flex-start;gap:18px;margin-top:48px;padding-top:30px}.concepts-intro h3{font-size:1.8rem}.concepts-intro>p{max-width:none;font-size:.875rem}.concept-grid{grid-template-columns:1fr;gap:24px}.concept-project{grid-template-columns:1fr}.concept-project .project-image-link{padding:18px 18px 0}.concept-project .project-media{max-width:none}.concept-copy{padding:25px}.concept-copy .project-category{font-size:.75rem}.concept-copy h3{font-size:1.9rem}.concept-copy>p:not(.project-category){font-size:.875rem}.concept-label{font-size:.625rem;margin-bottom:18px}.concept-copy .text-link{font-size:.875rem}.inline-cta{align-items:flex-start;flex-direction:column;gap:8px;padding-top:24px;margin-top:30px}.inline-cta>span:first-child{font-size:1.2rem}.inline-cta>span:last-child{font-size:.8125rem}.inline-cta>span:last-child>span{margin-left:15px}.service-grid{grid-template-columns:1fr}.service{padding:27px 24px 28px}.service:nth-child(odd){border-right:0}.service:nth-child(-n+3){border-bottom:1px solid #35383b}.service h3{font-size:1.7rem}.service .service-lead{font-size:1rem}.service>p{font-size:.875rem}.service li{font-size:.8125rem}.service .text-link{font-size:.8125rem}.service-top{margin-bottom:26px}.service-footnote{font-size:.75rem}.about{grid-template-columns:1fr;gap:36px}.about-photo{width:100%;max-width:none;aspect-ratio:4/5.1}.about-photo img{object-position:center 24%}.portrait-label{font-size:.625rem;left:23px;right:23px;bottom:22px;flex-direction:row}.about-copy h2{font-size:clamp(2.1rem,8.3vw,2.75rem)}.about-copy .eyebrow{font-size:.6875rem}.about-copy .about-lead{font-size:1.4rem}.about-copy>p:not(.eyebrow):not(.about-lead){font-size:.9375rem}.about-note p{font-size:.8125rem}.about-copy>.text-link{font-size:.875rem}.process-grid{gap:30px 22px}.process-number{font-size:2.7rem}.process-grid h3{font-size:1.1rem;margin-top:17px}.process-grid p{font-size:.8125rem}.faq-item summary{font-size:.875rem;gap:20px;padding-block:20px}.faq-answer{font-size:.875rem;padding-right:10px}.contact-inner{padding-block:57px 49px}.contact .eyebrow{font-size:.625rem;margin-bottom:24px}.contact h2{font-size:clamp(3rem,12vw,4.25rem)}.contact:before{width:115%;right:-50%;top:-8%}.contact:after{width:91%;right:-36%;top:8%}.contact-bottom>p{font-size:.875rem}.contact-button{width:100%;font-size:.8125rem;gap:16px;padding-inline:18px}.contact-phone{font-size:.875rem}.footer{padding-top:24px;padding-bottom:25px}.footer-main{gap:16px 24px;padding-bottom:24px}.footer-main>p{font-size:.75rem}.social-links{justify-content:space-between;gap:16px;font-size:.8125rem;padding-top:10px}.social-links a{gap:7px}.footer-bottom{gap:16px;font-size:.6875rem}.privacy{font-size:.6875rem}.project-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:5px}.dialog-bar{padding:10px 14px}.dialog-bar .eyebrow{font-size:.625rem}.dialog-close{width:38px;height:38px}.dialog-body{grid-template-columns:1fr}.dialog-image-wrap{padding:15px}.dialog-image-wrap img{max-height:67dvh}.dialog-copy{padding:26px 22px 30px}.dialog-copy h2{font-size:2rem}.dialog-copy>p:not(.eyebrow){font-size:.875rem;margin-top:18px}.dialog-copy .button{font-size:.8125rem;width:100%;margin-top:24px;padding-inline:16px}
}
@media(max-width:370px){:root{--gutter:18px}.hero h1{font-size:2.85rem}.hero-visual{height:402px}.hero-visual-foot{bottom:0}.hero-art-front{top:83px}.hero-card-caption{font-size:.4rem}.hero-bottom p{max-width:205px}.scroll-cue>span:first-child{display:none}.video-stage{height:435px;padding-inline:30px}.process-grid{grid-template-columns:1fr}.process-grid p{font-size:.875rem}.service{padding-inline:21px}.social-links{gap:12px}.social-links a{font-size:.75rem;gap:6px}.footer-main{gap:14px}.footer-main>p{font-size:.6875rem}.contact-button{font-size:.75rem}.portrait-label{font-size:.5625rem}.concept-copy{padding:22px}}
@media(min-width:801px){.hero-art-card{width:43%}.hero-art-front{top:100px;right:3%}.hero-art-back{top:60px;left:5%}.hero-visual{min-height:600px}.hero-visual-foot{bottom:14px}}
.service>p:not(.service-lead),.project-description,.concept-copy>p:not(.project-category),.process-grid p,.faq-answer,.about-copy>p:not(.eyebrow):not(.about-lead),.section-intro{font-size:1rem}
.about-photo img{object-position:center 10%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}