:root{--ink:#151426;--navy:#111127;--deep:#0d0d1d;--purple:#5b37d3;--magenta:#d641a5;--yellow:#eaff55;--paper:#f5f4f7;--line:#d9d7e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:1rem;line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.04}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1380px,calc(100% - 112px));margin:auto}.site-header{height:88px;padding:0 56px;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:white;border-bottom:1px solid #ffffff25;position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font:700 2rem/1 'Space Grotesk';letter-spacing:-.13em}.brand-mark span,.footer-brand span{color:var(--yellow)}.brand-name{font:700 .78rem/1.05 'Space Grotesk';letter-spacing:.08em}.nav{display:flex;gap:35px;align-items:center;font-size:.86rem;font-weight:700}.nav>a:not(.nav-contact){opacity:.75;transition:opacity .2s}.nav>a:hover{opacity:1}.nav-contact{border:1px solid #ffffff78;padding:11px 17px}.nav-contact span{margin-left:20px;color:var(--yellow)}.menu-toggle{display:none}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:75vw;height:75vw;border-radius:50%;right:-25vw;top:-24vw;background:radial-gradient(circle,#59279280 0%,#49248d30 38%,transparent 68%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.18fr .82fr;min-height:710px;align-items:center;position:relative}.hero-copy{padding:70px 0 90px;z-index:2}.eyebrow,.kicker{font-size:.77rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--yellow);margin-bottom:38px}.eyebrow-line{width:32px;height:1px;background:currentColor}.hero h1{font-size:clamp(4rem,6.1vw,7.5rem);font-weight:600;margin:0 0 30px;max-width:840px}.hero h1 em,.approach h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--yellow)}.hero-lead{font-size:1.19rem;line-height:1.55;max-width:550px;color:#e2dfeb}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 21px;font-weight:700;font-size:.9rem}.button-yellow{background:var(--yellow);color:var(--navy);transition:background .2s,transform .2s}.button-yellow:hover{background:#fff;transform:translateY(-2px)}.text-link{font-size:.87rem;font-weight:700;border-bottom:1px solid #ffffff90;padding-bottom:7px}.text-link span{margin-left:15px;color:var(--yellow)}.hero-visual{position:relative;height:100%;min-height:650px;display:flex;align-items:end;justify-content:center}.portrait-frame{width:min(100%,530px);height:590px;overflow:hidden;clip-path:polygon(0 8%,82% 0,100% 15%,100% 100%,0 100%);background:#6b36a0;position:relative}.portrait-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19122d88,transparent 45%),linear-gradient(100deg,#3b168460,transparent 60%);mix-blend-mode:multiply}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.88) contrast(1.06)}.hero-stamp{position:absolute;right:-42px;bottom:90px;transform:rotate(-90deg) translateX(100%);transform-origin:bottom right;font-size:.71rem;letter-spacing:.28em;font-weight:700;white-space:nowrap}.hero-stamp span{color:var(--yellow)}.hero-number{position:absolute;right:0;top:70px;color:#ffffff6b;font:.75rem 'Space Grotesk'}.hero-bottom{height:65px;display:flex;align-items:center;gap:23px;color:#d8d4e3;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.71rem;border-top:1px solid #ffffff40}.hero-bottom i{width:4px;height:4px;background:var(--yellow);border-radius:50%}.section{padding:125px 0;scroll-margin-top:20px}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:60px;margin-bottom:55px}.kicker{color:var(--purple);margin-bottom:25px}.section-heading h2,.approach h2,.about h2,.contact h2{font-size:clamp(3.2rem,5vw,6rem);font-weight:600;margin:0}.highlight{color:var(--purple)}.section-heading>p{font-size:1.12rem;line-height:1.65;max-width:400px;margin:0;color:#514f60}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{min-height:455px;padding:25px 26px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.card-index{font:.8rem 'Space Grotesk';color:#78748a}.service-symbol{font:3.2rem/1 'Space Grotesk';margin:40px 0 35px;color:var(--purple)}.service-card h3{font-size:1.65rem;margin-bottom:22px}.service-card p{color:#545263;line-height:1.55}.card-tags{display:block;margin-top:auto;padding-top:25px;font-size:.77rem;font-weight:700;color:var(--purple)}.service-card.featured{background:var(--purple);color:#fff;border-color:var(--purple)}.featured .card-index,.featured p{color:#eee9ff}.featured .service-symbol,.featured .card-tags{color:var(--yellow)}.approach{background:var(--deep);color:#fff}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach .kicker,.contact .kicker{color:var(--yellow)}.approach h2{font-size:clamp(3rem,4.5vw,5.5rem)}.approach-intro>p:last-child{font-size:1.14rem;max-width:550px;color:#c8c4d4;margin-top:35px}.steps{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff3b}.steps li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #ffffff3b}.steps li>span{color:var(--yellow);font-family:'Space Grotesk'}.steps h3{font-size:1.45rem;margin:0 0 10px}.steps p{color:#bab6c9;line-height:1.5;max-width:460px;margin:0}.work-head{margin-bottom:55px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.work-item{min-height:390px;padding:30px;background:#eae8ef;display:flex;flex-direction:column;border-top:4px solid var(--purple)}.work-item:nth-child(2){border-color:var(--magenta)}.work-item:nth-child(3){border-color:#a88d18}.work-type{font-size:.73rem;letter-spacing:.12em;font-weight:700;color:var(--purple)}.work-item h3{font-size:2rem;max-width:300px;margin:38px 0 20px}.work-item p{color:#504d5e;line-height:1.58}.work-foot{margin-top:auto;padding-top:25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9c6d1;font-weight:700;font-size:.85rem}.work-foot span{font-size:1.2rem;color:var(--purple)}.about{background:#e3dff0}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:10%;align-items:center}.about-photo{position:relative;background:var(--purple);max-width:550px;aspect-ratio:4/4.7;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:var(--navy);color:#fff;padding:15px 20px;font:.75rem 'Space Grotesk';letter-spacing:.08em;display:flex;justify-content:space-between;gap:15px}.photo-caption span{color:var(--yellow)}.about h2 em{color:var(--purple)}.about-lead{font-size:1.35rem;font-weight:600;line-height:1.45;margin-top:35px}.about-copy>p:not(.kicker):not(.about-lead){color:#4d4a5e;max-width:630px}.about-facts{display:flex;gap:40px;border-top:1px solid #bcb5cf;margin-top:35px;padding-top:25px}.about-facts div{display:flex;flex-direction:column;gap:4px}.about-facts strong{font:700 1.2rem 'Space Grotesk';color:var(--purple)}.about-facts span{font-size:.78rem;color:#5a566d}.contact{background:var(--purple);color:#fff}.contact .kicker{margin-bottom:45px}.contact h2{font-size:clamp(3.8rem,7vw,8.4rem);max-width:1100px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:75px}.contact-bottom p{font-size:1.18rem;max-width:470px;margin:0}.contact-mail{display:flex;justify-content:space-between;gap:80px;border-bottom:2px solid var(--yellow);padding:0 0 15px;font:600 1.6rem 'Space Grotesk';white-space:nowrap}.contact-mail span{color:var(--yellow)}.footer{background:var(--deep);color:#c7c3d2;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.78rem}.footer-brand{font:700 1rem 'Space Grotesk';letter-spacing:-.05em;color:white}.footer a:hover{color:var(--yellow)}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media(max-width:1100px){.wrap{width:min(100% - 64px,1380px)}.site-header{padding:0 32px}.nav{gap:18px}.hero-inner{grid-template-columns:1.05fr .95fr;min-height:650px}.hero h1{font-size:clamp(3.7rem,6vw,6rem)}.portrait-frame{height:520px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:380px}.section{padding:90px 0}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:72px;padding:0 20px}.menu-toggle{display:flex;width:44px;height:44px;border:1px solid #ffffff65;background:none;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:20px;height:2px;background:#fff}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff30}.nav.open{display:flex}.nav a{padding:13px 0}.nav-contact{margin-top:10px;padding:12px!important}.hero-inner{display:block;min-height:0}.hero-copy{padding:68px 0 20px}.eyebrow{font-size:.67rem;letter-spacing:.12em;margin-bottom:28px}.hero h1{font-size:clamp(3.25rem,13vw,5.5rem);line-height:1.02}.hero-lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-visual{min-height:0;height:400px;margin:20px -20px 0}.portrait-frame{width:80%;height:390px}.hero-stamp,.hero-number{display:none}.hero-bottom{height:auto;flex-wrap:wrap;gap:12px 17px;padding:18px 0;font-size:.65rem}.section{padding:75px 0}.section-heading,.approach-layout,.about-grid{display:block}.section-heading h2,.approach h2,.about h2{font-size:clamp(2.8rem,10vw,4.8rem)}.section-heading>p{margin-top:25px;font-size:1rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:310px;padding:24px}.service-symbol{margin:24px 0}.approach-intro>p:last-child{font-size:1rem}.steps{margin-top:45px}.steps li{grid-template-columns:40px 1fr;gap:10px}.work-grid{grid-template-columns:1fr}.work-item{min-height:320px}.about-photo{margin-bottom:50px;max-width:500px}.about-facts{gap:20px;flex-wrap:wrap}.contact h2{font-size:clamp(3.15rem,12vw,5.5rem)}.contact-bottom{display:block;margin-top:45px}.contact-bottom p{font-size:1rem}.contact-mail{margin-top:45px;font-size:1.3rem;gap:30px}.footer-inner{flex-wrap:wrap;justify-content:start;column-gap:30px}.footer-inner span:nth-child(2){flex-basis:100%;order:3}}
@media(max-width:420px){.hero h1{font-size:3.1rem}.button{width:100%;font-size:.84rem}.photo-caption{font-size:.62rem}.contact-mail{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Contact and updated portrait */
.portrait-frame img{filter:none;object-position:center 38%}.portrait-frame:after{background:linear-gradient(0deg,#15112655,transparent 42%);mix-blend-mode:normal}.about-photo{background:var(--navy)}.about-photo img{object-position:center 24%}.button,.contact-mail,.footer-contact,.reveal-phone,.dialog-close{cursor:pointer}.contact-mail{border-left:0;border-right:0;border-top:0;background:none;color:#fff}.contact-details{display:flex;gap:55px;flex-wrap:wrap;margin-top:70px;padding-top:26px;border-top:1px solid #ffffff66}.contact-details div{display:flex;flex-direction:column;gap:8px}.contact-details span{font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;color:#e2d9ff}.contact-details strong,.reveal-phone{font:600 1.1rem 'Space Grotesk';color:#fff}.reveal-phone{padding:0;border:0;background:none;text-align:left;border-bottom:1px solid var(--yellow)}.reveal-phone span{color:var(--yellow)}.footer-contact{border:0;background:none;color:inherit;padding:0;font:inherit}.contact-dialog{width:min(700px,calc(100% - 32px));max-height:min(90vh,900px);overflow-y:auto;border:0;padding:38px 42px;background:#f5f4f7;color:var(--navy);box-shadow:0 30px 100px #0806169c}.contact-dialog::backdrop{background:#090719c9;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:.76rem;font-weight:700;letter-spacing:.14em}.dialog-close{font:2rem/1 'Space Grotesk';border:0;background:none;color:var(--navy);padding:0 4px}.contact-dialog h2{font-size:clamp(2.5rem,5vw,4.2rem);margin:35px 0 15px}.contact-dialog>p{color:#565266}.contact-dialog form{margin-top:30px}.contact-dialog label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;font-weight:700;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-dialog input:not([type=hidden]),.contact-dialog textarea{font:1rem 'DM Sans';width:100%;border:1px solid #cbc7d7;border-radius:0;background:white;padding:14px 13px;color:var(--navy)}.contact-dialog textarea{resize:vertical;min-height:140px}.contact-dialog input:focus,.contact-dialog textarea:focus{outline:2px solid var(--purple);outline-offset:1px}.form-note{font-size:.76rem;color:#676375;line-height:1.5;margin-bottom:22px}.form-bottom{display:flex;align-items:center;gap:18px}.form-bottom .button{border:0}.form-bottom #form-status{font-size:.85rem}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-bottom .button:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.contact-details{gap:25px;margin-top:50px}.contact-details div{width:100%}.contact-dialog{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .button{width:100%}}