:root{--blue:#3046ff;--ice:#98d1ff;--paper:#f4faff;--navy:#070f59}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f39a22;outline-offset:6px}header{height:98px;display:flex;align-items:center;gap:28px;padding:15px 4.5%;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #070f5915}.brand{margin-right:auto}.brand img{display:block;object-fit:contain;width:115px;height:58px}nav{display:flex;gap:23px;font-size:12px;font-weight:600}nav a:hover{color:var(--blue)}.languages{display:flex;gap:2px}.languages button{border:0;background:none;padding:9px 6px;font-size:11px;color:var(--navy)}.languages button[aria-pressed=true]{background:var(--navy);color:white;border-radius:4px}#menu{display:none}.hero{position:relative;margin:0 18px;background:var(--blue);color:var(--paper);min-height:650px;padding:65px 5% 35px;overflow:hidden}.eyebrow,.section-label{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--ice);border-radius:50%}h1{font-size:clamp(48px,6.5vw,100px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:48px 0 55px;max-width:1150px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--ice)}.hero-bottom{display:flex;align-items:center;gap:45px}.button{padding:19px 22px;display:inline-flex;gap:45px;font-size:13px;font-weight:600;border-radius:3px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.light{background:var(--paper);color:var(--navy)}.hero-name{font-size:11px;letter-spacing:2px;line-height:1.8}.hero-name small{font-size:8px;opacity:.6}.down{margin-left:auto;border:1px solid #ffffff55;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-size:23px}.frame{display:flex;justify-content:space-between;border-top:1px solid #ffffff33;margin-top:44px;padding-top:18px;font-size:9px;letter-spacing:2px}.frame i{display:inline-block;width:5px;height:5px;background:var(--ice);border-radius:50%;margin-left:7px}.section{padding:90px 6%;scroll-margin-top:0}.section-label{margin-bottom:40px;color:#58609a}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}h2{font-size:clamp(35px,4.4vw,67px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:0 0 35px}.lead{font-size:17px;line-height:1.8;margin:0}.about .lead{font-size:16px}details{margin-top:20px;font-size:15px;line-height:1.8}summary{cursor:pointer;text-decoration:underline;text-underline-offset:6px}.signature{display:flex;justify-content:space-between;align-items:end;margin-top:42px}.signature img{width:180px;mix-blend-mode:multiply}.signature span{font-size:9px;letter-spacing:3px}.services{background:var(--navy);color:var(--paper)}.services .section-label{color:var(--ice)}.service{display:grid;grid-template-columns:50px 1fr 1fr;gap:22px;padding:30px 0;border-top:1px solid #ffffff25}.service:last-child{border-bottom:1px solid #ffffff25}.service small{color:var(--ice);font-size:12px}.service h3{font-size:26px;font-weight:400;margin:0;letter-spacing:-1px}.service p{font-size:14px;line-height:1.8;color:#c0c7e5;margin:0}.work .split{align-items:center}.portfolios{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.portfolio{padding:27px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s}.portfolio:hover{transform:translateY(-5px)}.vimeo{background:var(--ice)}.notion{background:#e4eaff}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px}.card-top>span:last-child{font-size:24px}.card-bottom strong{font-size:25px;font-weight:500}.card-bottom>span{text-decoration:underline;text-underline-offset:5px}.play{align-self:center;display:grid;place-items:center;width:115px;height:115px;border:1px solid #070f5940;border-radius:50%;font-size:35px;padding-left:7px;box-shadow:0 0 0 22px #070f5905,0 0 0 45px #070f5904}.folio-art{padding:22px 12px;transform:rotate(-5deg);align-self:center}.folio-art span{display:block;font-size:clamp(32px,4vw,58px);font-weight:800;line-height:.95;letter-spacing:-3px}.folio-art i{display:block;font-size:8px;letter-spacing:3px;margin-top:17px;font-style:normal}.collaborations{border-top:1px solid #070f5920}.text-link{display:inline-block;margin-top:27px;font-size:14px;border-bottom:1px solid;padding-bottom:8px}#steps{padding:0;margin:55px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}#steps li{border-top:1px solid #070f5930;padding-top:18px;font-size:14px}#steps small{display:block;color:var(--blue);font-size:11px;margin-bottom:20px}.contact{background:var(--blue);color:white}.contact .section-label{color:var(--ice)}.contact h2{font-size:clamp(43px,6vw,90px);max-width:1000px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;margin-top:45px}.contact-grid p{font-size:15px;line-height:1.8;margin:0;max-width:390px}.email{display:block;font-size:clamp(16px,2.1vw,30px);letter-spacing:-.7px;padding-bottom:15px;border-bottom:1px solid #ffffff55}.phone{display:block;margin-top:20px;font-size:20px}.socials{display:flex;flex-wrap:wrap;gap:25px;margin-top:30px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 6%;font-size:11px}footer>a{font-size:25px}::selection{background:var(--ice);color:var(--navy)}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:1000px){header{gap:15px}nav{gap:13px;font-size:10px}.hero{min-height:600px}.split{gap:5%}.service h3{font-size:22px}}@media(max-width:760px){header{height:78px;padding:8px 6%;gap:14px}.brand img{width:100px;height:50px}#menu{display:block;border:0;background:transparent;color:var(--navy);font-size:23px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px 6%;background:var(--paper);border-bottom:1px solid #ccc;font-size:17px;gap:22px}nav.open{display:flex;flex-direction:column}.hero{margin:0 9px;padding:40px 6% 25px;min-height:570px}h1{font-size:clamp(41px,8.5vw,64px);margin:45px 0;letter-spacing:-.05em}.eyebrow{font-size:8px;letter-spacing:1px}.hero-bottom{flex-wrap:wrap;gap:23px}.hero-name{display:none}.button{gap:25px;padding:17px;font-size:12px}.section{padding:62px 7%}.section-label{margin-bottom:28px;font-size:10px}.split{grid-template-columns:1fr;gap:10px}.lead{font-size:15px}.signature{margin-top:35px}.signature img{width:130px}.signature span{font-size:7px;letter-spacing:1px}h2{font-size:40px}.service{grid-template-columns:26px 1fr;gap:12px}.service p{grid-column:2}.service h3{font-size:24px}.portfolios{grid-template-columns:1fr}.portfolio{min-height:335px;padding:23px}.folio-art span{font-size:55px}#steps{grid-template-columns:1fr 1fr;gap:30px 20px}.contact-grid{grid-template-columns:1fr;gap:30px}.email{font-size:22px}footer{font-size:9px;padding:25px 7%;gap:15px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.service ul{padding:0 0 0 17px;margin:18px 0 0;color:#f4faff;font-size:14px;line-height:1.7}.service li{padding:4px 0}.service-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.service-footer p{font-size:13px;color:#c0c7e5;max-width:380px;line-height:1.7}.proposal{scroll-margin-top:120px;margin-top:75px;padding-top:55px;border-top:1px solid #ffffff55;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.proposal h3{font-size:40px;font-weight:500;letter-spacing:-1.5px;margin:0 0 20px}.proposal p{line-height:1.7;font-size:14px}.proposal label{display:block;font-size:13px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.proposal input:not([type=checkbox]),.proposal textarea{width:100%;display:block;margin-top:8px;border:1px solid #ffffff70;border-radius:4px;padding:13px;background:#f4faff;color:#070f59;font:inherit;font-size:16px}.proposal input:focus,.proposal textarea:focus{outline:3px solid #98d1ff;outline-offset:3px}.proposal textarea{resize:vertical}.proposal fieldset{border:0;padding:0;margin:5px 0 25px}.proposal legend{font-size:13px;margin-bottom:13px}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-options label{display:flex;gap:9px;align-items:center;cursor:pointer}.service-options input{width:18px;height:18px;accent-color:#070f59;margin:0}.proposal .form-note{font-size:12px;color:#e3eaff}#proposal .button{border:0;line-height:1.5;white-space:normal;text-align:left}#email-result{margin-top:25px;padding-top:20px;border-top:1px solid #ffffff55}#copy-email{margin-top:15px;border:1px solid white;padding:12px;background:transparent;color:white;border-radius:4px}#service-error{background:#fff0e5;color:#702c00;padding:10px;border-radius:4px}[hidden]{display:none!important}@media(max-width:760px){.service>div{grid-column:2}.service-footer{flex-direction:column;align-items:start}.proposal{grid-template-columns:1fr;gap:25px;margin-top:55px}.proposal h3{font-size:32px}.form-grid{grid-template-columns:1fr}.service-options{gap:17px 10px}.service-footer .button{gap:15px}}