:root{--ink:#003e49;--dark:#002b33;--coral:#ea5a5d;--cream:#ebd8c8;--off:#fff8f1;--line:rgba(235,216,200,.22);--font:'Comfortaa',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--off);font-family:var(--font);font-weight:500;line-height:1.55}a{color:inherit;text-decoration:none}.section-dark{background:var(--ink)}.section-cream{background:var(--cream);color:var(--ink)}.section-coral{background:var(--coral);color:var(--ink)}.site-header{align-items:center;background:var(--ink);display:flex;justify-content:space-between;padding:27px 5.5%;position:absolute;top:0;width:100%;z-index:10}.brand{align-items:center;display:flex;gap:12px}.brand-name{font-size:30px;font-weight:600;letter-spacing:-2px;line-height:.7;position:relative}.brand-name small{display:block;font-size:10px;font-weight:500;letter-spacing:0;margin-left:25px;margin-bottom:2px}.brand-mark{display:flex;gap:5px;height:30px;transform:rotate(3deg)}.brand-mark i{background:var(--coral);border-radius:8px;display:block;width:8px}.brand-mark i:nth-child(2){height:30px}.brand-mark i:nth-child(3){height:22px;margin-top:8px}.brand-mark i:nth-child(4){height:19px;margin-top:11px}.main-nav{align-items:center;display:flex;gap:34px;font-size:12px}.main-nav a{opacity:.82;transition:opacity .2s}.main-nav a:hover{opacity:1}.main-nav .nav-cta{border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:11px 17px}.nav-cta span,.button span,.text-link span,.contact-email span{color:var(--coral);font-size:18px;margin-left:10px}.menu-toggle{display:none}
.hero{min-height:100vh;overflow:hidden;padding:18vh 8% 7vh;position:relative}.hero-copy{max-width:680px;position:relative;z-index:2}.eyebrow,.section-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.eyebrow{align-items:center;display:flex;gap:12px;margin:0 0 42px}.eyebrow span{background:var(--coral);border-radius:50%;height:8px;width:8px}.hero h1{font-size:clamp(60px,9vw,132px);font-weight:500;letter-spacing:-8px;line-height:.87;margin:0 0 40px}.hero h1 em,.section-heading em,.contact h2 em{color:var(--coral);font-style:normal}.hero-intro{font-size:15px;line-height:1.8;max-width:390px}.button{border-radius:100px;display:inline-flex;font-size:12px;margin-top:24px;padding:15px 20px}.button-coral{background:var(--coral);color:var(--ink)}.button-coral span{color:var(--ink)}.hero-art{height:560px;position:absolute;right:4%;top:20%;width:43%}.orb{border-radius:50%;position:absolute}.orb-large{background:rgba(0,127,140,.55);height:390px;right:4%;top:45px;width:390px}.orb-small{background:var(--coral);height:110px;right:4%;top:80px;width:110px}.coil{left:16%;position:absolute;top:94px;transform:rotate(-10deg);width:280px}.coil span{border:28px solid #087484;border-bottom-color:transparent;border-radius:50%;display:block;height:74px;margin-top:-30px;transform:rotate(5deg);width:260px}.coil span:nth-child(2){margin-left:10px}.coil span:nth-child(3){margin-left:-4px}.coil span:nth-child(4){margin-left:12px}.coil span:nth-child(5){margin-left:0}.art-caption{bottom:42px;color:rgba(255,248,241,.55);font-size:12px;left:2px;line-height:1.5;position:absolute;text-transform:uppercase}.shape-one,.shape-two{border:36px solid var(--coral);border-radius:100px;height:180px;position:absolute;width:420px}.shape-one{left:-240px;top:-75px;transform:rotate(-35deg)}.shape-two{bottom:-170px;right:-170px;transform:rotate(-35deg)}.scroll-note{bottom:35px;font-size:9px;letter-spacing:1px;position:absolute;right:8%;text-transform:uppercase;writing-mode:vertical-rl}.scroll-note span{background:var(--coral);display:block;height:44px;margin-bottom:12px;width:1px}
.intro,.services,.work,.numbers,.contact{padding:105px 8%}.section-label{margin-bottom:70px;opacity:.65}.intro-grid,.work-intro,.section-heading,.contact-grid{display:grid;gap:10%;grid-template-columns:1.1fr 1fr}.intro h2,.work h2,.section-heading h2,.numbers h2,.contact h2{font-size:clamp(42px,6vw,82px);font-weight:500;letter-spacing:-4px;line-height:.95;margin:0}.intro h2 strong,.work h2 strong,.numbers h2 strong{font-weight:700}.intro-text{max-width:470px}.lead{font-size:22px;line-height:1.5;margin:0 0 28px}.intro-text p:not(.lead),.work-intro p{font-size:13px;line-height:1.9;max-width:425px}.text-link{border-bottom:1px solid var(--ink);display:inline-block;font-size:12px;margin-top:22px;padding-bottom:8px}.principles{border-top:1px solid rgba(0,62,73,.25);display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:110px;padding-top:22px}.principles div{display:flex;gap:25px}.principles b{font-size:10px;font-weight:500}.principles span{font-size:12px;line-height:1.6}.services{padding-bottom:130px}.section-heading{align-items:end;margin-bottom:88px}.section-heading p{font-size:13px;line-height:1.8;max-width:330px;margin:0}.service-list{border-top:1px solid var(--line)}.service-item{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:8% 1fr 8% 23%;padding:28px 0}.service-number{color:var(--coral);font-size:11px}.service-item h3{font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-2px;line-height:1;margin:0}.service-arrow{font-size:28px}.service-item p{font-size:11px;line-height:1.7;margin:4px 0}.work{padding-bottom:140px}.work-intro{margin-bottom:78px}.work-grid{display:grid;gap:8%;grid-template-columns:1.15fr .85fr}.work-card{position:relative}.work-card img{display:block;height:440px;object-fit:cover;width:100%}.work-gallery{display:grid;gap:8px;overflow:hidden}.work-gallery img{height:100%;min-height:0;width:100%}.social-gallery{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;height:440px}.social-gallery img:first-child{grid-row:1 / 3}.content-gallery{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);height:330px}.content-gallery img{height:100%;object-fit:cover}.work-card-offset{margin-top:110px}.work-card-offset img{height:330px}.work-meta{border-bottom:1px solid rgba(0,62,73,.4);display:flex;font-size:10px;justify-content:space-between;padding:15px 0}.work-meta b{font-weight:600}.numbers{padding-bottom:120px}.numbers h2{margin-bottom:80px}.numbers-grid{border-top:1px solid rgba(0,62,73,.35);display:grid;grid-template-columns:repeat(4,1fr)}.numbers-grid div{border-right:1px solid rgba(0,62,73,.35);padding:24px 20px 10px 0}.numbers-grid div+div{padding-left:20px}.numbers-grid div:last-child{border:0}.numbers-grid strong{font-size:clamp(42px,6vw,82px);font-weight:500;letter-spacing:-4px;line-height:1}.numbers-grid strong span{font-size:.5em}.numbers-grid small{display:block;font-size:10px;margin-top:20px;text-transform:uppercase}.contact{padding-bottom:130px}.contact-grid h2{font-size:clamp(48px,7vw,98px)}.contact-grid>div{padding-top:10px}.contact-grid p{font-size:15px;line-height:1.8;max-width:350px}.contact-email{border-bottom:1px solid var(--coral);display:inline-block;font-size:15px;margin-top:20px;padding-bottom:9px}.contact-phone{font-size:12px!important;margin-top:35px}.site-footer{align-items:center;border-top:1px solid var(--line);display:flex;font-size:10px;gap:35px;justify-content:space-between;padding:25px 5.5%}.site-footer .brand-name{font-size:20px}.site-footer .brand-mark{height:22px}.site-footer .brand-mark i:nth-child(2){height:22px}.site-footer .brand-mark i:nth-child(3){height:16px;margin-top:6px}.site-footer .brand-mark i:nth-child(4){height:14px;margin-top:8px}.back-top{color:var(--coral)}
.advantages{padding:105px 8% 85px}.advantages-grid,.delivery-heading,.portfolio-heading,.clients-heading{display:grid;gap:10%;grid-template-columns:1.1fr 1fr}.advantages h2,.delivery h2,.portfolio h2,.clients h2{font-size:clamp(42px,6vw,82px);font-weight:500;letter-spacing:-4px;line-height:.95;margin:0}.advantages h2 strong,.clients h2 strong{font-weight:700}.advantage-copy{max-width:440px}.advantage-copy p,.delivery-heading p,.portfolio-heading p,.clients-heading p{font-size:13px;line-height:1.9;max-width:425px}.team-strip{align-items:center;border-top:1px solid rgba(0,62,73,.25);display:flex;gap:28px;margin-top:100px;padding-top:20px}.team-strip span{font-size:10px;margin-right:auto;text-transform:uppercase}.team-strip b{font-size:11px;font-weight:500}.delivery{padding:105px 8% 120px}.delivery-heading{align-items:end;margin-bottom:80px}.delivery-heading p{margin:0}.delivery h2 em,.portfolio h2 em{color:var(--coral);font-style:normal}.delivery-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.delivery-grid div{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 20px 10px 0}.delivery-grid div+div{padding-left:20px}.delivery-grid div:last-child{border:0}.delivery-grid strong{color:var(--coral);font-size:clamp(42px,5vw,70px);font-weight:500;letter-spacing:-4px;line-height:1}.delivery-grid span{font-size:10px;margin:5px 0 25px;text-transform:uppercase}.delivery-grid small{font-size:11px;line-height:1.6}.portfolio{padding:105px 8% 125px}.portfolio-heading{align-items:end;margin-bottom:75px}.portfolio-heading p{margin:0}.portfolio-list{border-top:1px solid var(--line)}.portfolio-list div{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:8% 1fr 20%;padding:25px 0}.portfolio-list span,.portfolio-list em{color:var(--coral);font-size:10px;font-style:normal}.portfolio-list strong{font-size:clamp(20px,3vw,34px);font-weight:500;letter-spacing:-1px;line-height:1.1}.portfolio-list em{text-align:right}.clients{padding:105px 8% 120px}.clients-heading{align-items:end}.clients-heading p{margin:0}.client-logos{border-top:1px solid rgba(0,62,73,.25);display:flex;flex-wrap:wrap;gap:15px 0;margin-top:80px}.client-logos span{border-bottom:1px solid rgba(0,62,73,.25);font-size:16px;padding:25px 20px 25px 0;text-transform:uppercase;width:20%}.client-logos span+span{padding-left:20px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{background:var(--coral);border-radius:50%;filter:blur(70px);height:90px;opacity:.12;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:90px;z-index:30}
@media(max-width:750px){.site-header{padding:22px 6%}.main-nav{background:var(--dark);display:flex;flex-direction:column;gap:22px;left:0;padding:95px 8% 35px;position:absolute;right:0;top:0;transform:translateY(-110%);transition:transform .35s;z-index:-1}.main-nav.open{transform:translateY(0)}.menu-toggle{align-items:center;background:none;border:0;color:var(--off);display:flex;gap:9px;padding:5px;position:relative;z-index:2}.menu-toggle span{background:var(--coral);height:1px;width:18px}.menu-toggle b{font:500 10px var(--font)}.hero{min-height:780px;padding:160px 7% 60px}.hero h1{font-size:64px;letter-spacing:-5px}.hero-intro{font-size:13px;max-width:300px}.hero-art{opacity:.65;right:-27%;top:47%;transform:scale(.75)}.scroll-note{display:none}.intro,.services,.work,.numbers,.contact,.advantages,.delivery,.portfolio,.clients{padding:75px 7%}.section-label{margin-bottom:45px}.intro-grid,.work-intro,.section-heading,.contact-grid,.advantages-grid,.delivery-heading,.portfolio-heading,.clients-heading{display:block}.intro-text,.advantage-copy{margin-top:40px}.principles{gap:25px;grid-template-columns:1fr;margin-top:70px}.principles div{gap:20px}.principles div+div{margin-top:12px}.section-heading p,.delivery-heading p,.portfolio-heading p,.clients-heading p{margin-top:30px}.service-list{margin-top:60px}.service-item{grid-template-columns:12% 1fr 10%;padding:25px 0}.service-item p{grid-column:2/4;margin-top:-5px}.work-intro p{margin-top:30px}.work-grid{display:block}.work-card img{height:280px}.social-gallery{height:280px}.content-gallery{height:230px}.work-card-offset{margin:60px 0 0 12%}.work-card-offset img{height:230px}.numbers h2{margin-bottom:60px}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid div{border-bottom:1px solid rgba(0,62,73,.35)}.numbers-grid div:nth-child(2){border-right:0}.numbers-grid div+div{padding-left:0}.numbers-grid div:nth-child(odd){padding-right:10px}.numbers-grid div:nth-child(even){padding-left:10px}.numbers-grid strong{font-size:52px}.contact-grid>div{margin-top:40px}.team-strip{align-items:flex-start;flex-direction:column;gap:12px;margin-top:65px}.team-strip span{margin-bottom:12px}.delivery-grid{grid-template-columns:1fr 1fr}.delivery-grid div:nth-child(2n){border-right:0;padding-left:15px}.delivery-grid div:nth-child(2n+1){padding-left:0}.delivery-grid div:last-child{border-right:0}.portfolio-list div{grid-template-columns:12% 1fr}.portfolio-list em{grid-column:2;text-align:left}.client-logos{margin-top:55px}.client-logos span{font-size:11px;width:50%}.client-logos span+span{padding-left:0}.site-footer{align-items:flex-start;flex-wrap:wrap;gap:18px}.site-footer .back-top{margin-left:auto}}
