:root{--u:min(calc(100vw / 776),calc(100svh / 510));--gold:#f7bb3a;--white:#f8f5f8;--line:rgba(213,220,238,.28)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#031225;color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:calc(12 * var(--u));line-height:1.45}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:url('design/backgrounds.png');background-size:200% 200%;background-position:0 0}body.team:before{background-position:100% 0}body.projects:before{background-position:0 100%}body.contact:before{background-position:100% 100%}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}.home:after{background:linear-gradient(90deg,rgba(0,9,25,.18),transparent 65%)}.team:after{background:linear-gradient(90deg,rgba(0,10,22,.75) 0%,rgba(0,10,22,.6) 57%,transparent 64%)}.projects:after{background:linear-gradient(180deg,rgba(0,12,24,.66),rgba(0,12,24,.55))}.contact:after{background:linear-gradient(90deg,rgba(3,11,27,.35),rgba(3,11,27,.12))}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,p{margin:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:calc(34 * var(--u));line-height:1.05;letter-spacing:-.025em}em{font-style:normal;color:var(--gold)}.site-header{position:relative;z-index:20}.nav{height:calc(88 * var(--u));margin:0 calc(37 * var(--u)) 0 calc(65 * var(--u));display:flex;justify-content:space-between;align-items:flex-start}.brand{margin-top:calc(7 * var(--u));display:block}.brand-image{display:block;width:calc(62 * var(--u));height:calc(70 * var(--u));background-image:url('design/reference.png');background-size:calc(1536 * var(--u)) calc(1024 * var(--u));background-position:calc(-63 * var(--u)) calc(-7 * var(--u))}.nav-links{display:flex;gap:calc(31 * var(--u));padding-top:calc(26 * var(--u));font-size:calc(11 * var(--u));line-height:1.6}.nav-links a{position:relative;white-space:nowrap}.nav-links a:hover,.nav-links .active{color:var(--gold)}.nav-links .active:after{content:"";position:absolute;height:calc(1.5 * var(--u));bottom:calc(-9 * var(--u));left:calc(-8 * var(--u));right:calc(-12 * var(--u));background:linear-gradient(90deg,transparent,var(--gold) 25%,var(--gold) 70%,transparent)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:calc(9 * var(--u));border:1px solid var(--line);border-radius:calc(30 * var(--u));padding:calc(10 * var(--u)) calc(19 * var(--u));font-size:calc(11 * var(--u));font-weight:600;line-height:1.5;white-space:nowrap;transition:filter .2s,background .2s}.btn:hover{filter:brightness(1.1)}.btn.primary{color:#07101b;border-color:transparent;background:linear-gradient(110deg,#f7bd43,#f0c473)}.btn span{font-size:calc(15 * var(--u));line-height:1}.offer{margin-top:calc(18 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u))}.btn.secondary{background:rgba(5,15,26,.4)}.menu-btn{display:none}.eyebrow{color:var(--gold);font-size:calc(8 * var(--u));letter-spacing:calc(2 * var(--u));line-height:1.5}.lead{font-size:calc(12 * var(--u));line-height:1.5;color:#eeedf0}.home-layout{display:flex;align-items:center;justify-content:space-between;padding:calc(15 * var(--u)) calc(66 * var(--u)) 0 calc(72 * var(--u));min-height:calc(300 * var(--u))}.hero-copy{padding-top:calc(53 * var(--u))}.hero-copy h1{font-size:calc(43 * var(--u));line-height:1.04;letter-spacing:-.025em}.hero-copy p{margin-top:calc(10 * var(--u));font-size:calc(13 * var(--u));line-height:1.5}.hero-copy p strong{font-weight:500}.hero-actions{display:flex;gap:calc(12 * var(--u));margin-top:calc(23 * var(--u))}.hero-actions .btn{padding:calc(10 * var(--u)) calc(18 * var(--u))}.hero-card{align-self:flex-start;width:calc(200 * var(--u));height:calc(281 * var(--u));border:1px solid var(--line);border-radius:calc(17 * var(--u));background:rgba(0,10,19,.8);backdrop-filter:blur(5px);box-shadow:0 10px 30px #0004;display:flex;align-items:center;flex-direction:column;padding-top:calc(13 * var(--u))}.large-brand{width:calc(145 * var(--u));height:calc(150 * var(--u));background-image:url('design/reference.png');background-size:calc(1536 * var(--u)) calc(1024 * var(--u));background-position:calc(-537 * var(--u)) calc(-115 * var(--u))}.earth{margin-top:calc(8 * var(--u));width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:50%;background:radial-gradient(circle at 36% 27%,white 0,#f1e8c5 32%,#bba464 62%,#423d2c 100%);box-shadow:0 0 18px #fff4;color:white}.earth svg{width:100%;height:100%;stroke-width:.8}.global-gate{font-family:Georgia,serif;color:var(--gold);font-size:calc(14 * var(--u));margin-top:calc(5 * var(--u))}.card-caption{font-family:Georgia,serif;color:var(--gold);font-size:calc(9 * var(--u));margin-top:calc(1 * var(--u))}.down{position:absolute;bottom:calc(30 * var(--u));left:50%;width:calc(21 * var(--u));height:calc(21 * var(--u));border:1px solid var(--line);border-radius:50%;text-align:center;font-size:calc(17 * var(--u));line-height:1}.team-layout{margin:calc(17 * var(--u)) 0 0 calc(55 * var(--u));width:calc(409 * var(--u))}.team-layout h1{margin-top:calc(8 * var(--u));white-space:nowrap}.team-layout .lead{margin-top:calc(15 * var(--u))}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(13 * var(--u));margin-top:calc(32 * var(--u))}.feature svg{height:calc(29 * var(--u));width:calc(29 * var(--u));color:var(--gold);margin-left:calc(6 * var(--u))}.feature p{margin-top:calc(9 * var(--u));font-size:calc(11 * var(--u));line-height:1.5}.feature strong{font-weight:600}.stats{display:grid;grid-template-columns:1fr 1.1fr .85fr;border:1px solid var(--line);border-radius:calc(17 * var(--u));padding:calc(22 * var(--u)) calc(29 * var(--u));margin-top:calc(29 * var(--u));background:rgba(1,10,20,.5);backdrop-filter:blur(6px)}.stats>div+div{border-left:1px solid var(--line);padding-left:calc(29 * var(--u))}.stats strong{font-family:Georgia,serif;font-size:calc(32 * var(--u));color:var(--gold);line-height:1}.stats p{font-size:calc(11 * var(--u));color:#dddfe7;margin-top:calc(8 * var(--u))}.projects .nav{margin-left:calc(61 * var(--u))}.projects-layout{text-align:center;margin:calc(-12 * var(--u)) calc(44 * var(--u)) 0}.projects-layout .eyebrow{font-size:calc(7 * var(--u));letter-spacing:calc(1.5 * var(--u))}.projects-layout h1{font-size:calc(30 * var(--u));margin-top:calc(4 * var(--u));line-height:1.08}.projects-layout .lead{font-size:calc(11 * var(--u));margin-top:calc(8 * var(--u))}.chips{display:flex;justify-content:center;gap:calc(10 * var(--u));margin-top:calc(12 * var(--u));margin-bottom:calc(11 * var(--u))}.chip{color:white;background:rgba(2,16,29,.5);border:1px solid var(--line);border-radius:30px;padding:calc(6 * var(--u)) calc(15 * var(--u));font-size:calc(10 * var(--u))}.chip.active{background:var(--gold);color:#09101b;border-color:var(--gold);font-weight:bold}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(11 * var(--u));text-align:left}.project{position:relative;height:calc(188 * var(--u));border:1px solid var(--line);border-radius:calc(16 * var(--u));overflow:hidden;background:#0a1726}.project-photo{position:absolute;inset:0;background-image:url('design/reference.png');background-size:calc(1536 * var(--u)) calc(1024 * var(--u));background-repeat:no-repeat}.project-1 .project-photo{background-position:calc(-45 * var(--u)) calc(-762 * var(--u))}.project-2 .project-photo{background-position:calc(-278 * var(--u)) calc(-762 * var(--u))}.project-3 .project-photo{background-position:calc(-509 * var(--u)) calc(-762 * var(--u))}.project-body{position:absolute;left:0;right:0;bottom:0;padding:calc(12 * var(--u)) calc(15 * var(--u));background:linear-gradient(transparent,rgba(0,9,19,.94) 20%);padding-top:calc(21 * var(--u))}.tag{display:inline-block;border-radius:20px;background:#f0c66c;color:#101825;font-size:calc(9 * var(--u));font-weight:bold;padding:calc(3 * var(--u)) calc(9 * var(--u));line-height:1.35}.project-3 .tag{background:#d8e9f7}.project h2{font-family:Arial,sans-serif;font-size:calc(13 * var(--u));margin-top:calc(4 * var(--u));font-weight:600}.project p{font-size:calc(10 * var(--u));margin-top:calc(3 * var(--u));display:flex;align-items:center;gap:calc(3 * var(--u))}.project p svg{width:calc(11 * var(--u));height:calc(11 * var(--u));color:var(--gold)}.project-controls{display:flex;justify-content:center;align-items:center;gap:calc(62 * var(--u));margin-top:calc(18 * var(--u))}.project-controls .btn{padding:calc(8 * var(--u)) calc(18 * var(--u));font-size:calc(10 * var(--u))}.arrow{background:transparent;border:0;color:white;font-size:calc(20 * var(--u));padding:0 calc(8 * var(--u))}.empty-state{height:calc(188 * var(--u));padding-top:calc(60 * var(--u))}.contact-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:calc(22 * var(--u));margin:calc(10 * var(--u)) calc(32 * var(--u)) 0 calc(60 * var(--u))}.contact-copy{padding-top:calc(14 * var(--u))}.contact-copy h1{margin-top:calc(10 * var(--u));font-size:calc(34 * var(--u));line-height:1.07}.contact-copy .lead{margin-top:calc(13 * var(--u));font-size:calc(11 * var(--u))}.contact-list{margin-top:calc(22 * var(--u));display:grid;gap:calc(14 * var(--u))}.contact-item{display:flex;gap:calc(15 * var(--u));align-items:center;font-size:calc(13 * var(--u));font-weight:500;line-height:1.4}.contact-item svg{color:var(--gold);width:calc(24 * var(--u));height:calc(24 * var(--u));flex-shrink:0}.contact-item a:hover{color:var(--gold)}.form{background:rgba(6,17,30,.64);border:1px solid var(--line);border-radius:calc(16 * var(--u));backdrop-filter:blur(7px);padding:calc(21 * var(--u)) calc(25 * var(--u)) calc(24 * var(--u));display:flex;flex-direction:column;gap:calc(7 * var(--u))}.form h2{font-family:Georgia,serif;font-size:calc(17 * var(--u));margin-bottom:calc(2 * var(--u))}.form label{display:block}.form input,.form select,.form textarea{display:block;width:100%;color:#f6f5fa;background:rgba(255,255,255,.09);border:1px solid rgba(234,230,242,.19);border-radius:calc(7 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));font-size:calc(10 * var(--u));outline:none;line-height:1.5}.form input::placeholder,.form textarea::placeholder{color:#dddde6;opacity:1}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold)}.form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23e9bc61'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form option{background:#102035}.form textarea{height:calc(69 * var(--u));min-height:calc(69 * var(--u));resize:vertical}.form .btn{border-radius:calc(8 * var(--u));margin-top:calc(1 * var(--u));padding:calc(11 * var(--u));font-size:calc(12 * var(--u))}.form-status{font-size:calc(10 * var(--u));color:#f4d690}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-aspect-ratio:17/10){.home-layout,.team-layout,.projects-layout,.contact-layout{margin-top:calc(20 * var(--u))}.nav{padding-left:calc((100vw - 776 * var(--u)) / 2);padding-right:calc((100vw - 776 * var(--u)) / 2)}.home-layout{max-width:calc(776 * var(--u));margin-left:auto;margin-right:auto}.team-layout{margin-left:calc((100vw - 776 * var(--u)) / 2 + 55 * var(--u))}.projects-layout{max-width:calc(688 * var(--u));margin-left:auto;margin-right:auto}.contact-layout{max-width:calc(684 * var(--u));margin-left:auto;margin-right:auto}}
@media(max-width:640px){:root{--u:1px}body{font-size:14px;min-height:100svh}body:before{background-size:auto 200%;background-repeat:no-repeat;background-position:12% 0}.team:before{background-position:70% 0!important}.projects:before{background-position:12% 100%!important}.contact:before{background-position:85% 100%!important}.team:after{background:rgba(0,10,22,.7)}.nav,.projects .nav{height:90px;margin:0 22px;align-items:flex-start;padding:0}.brand-image{width:62px;height:70px}.offer{margin-left:auto;margin-right:15px;margin-top:25px;padding:8px 12px}.menu-btn{display:block;margin-top:25px;font-size:19px;border:1px solid var(--line);border-radius:7px;color:var(--gold);background:#071629;padding:3px 8px}.nav-links{display:none;position:absolute;top:82px;left:22px;right:22px;border:1px solid var(--line);border-radius:12px;padding:20px;background:#051627;font-size:15px;gap:22px}.nav-links.open{display:flex;flex-direction:column}.nav-links .active:after{display:none}.home-layout{padding:32px 25px 55px;display:flex;flex-direction:column;gap:34px;align-items:flex-start;max-width:500px;margin:auto}.hero-copy{padding-top:0}.hero-copy h1{font-size:48px}.hero-copy p{font-size:13px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .btn{font-size:11px}.hero-card{align-self:center;width:200px;height:281px}.down{display:none}.team-layout{margin:28px 25px 50px;width:auto;max-width:500px}.team-layout h1{font-size:32px;white-space:normal}.desktop-break{display:none}.team-layout .lead,.lead{font-size:13px}.features{gap:20px 10px;grid-template-columns:repeat(2,1fr)}.feature p{font-size:13px}.stats{padding:22px 15px;grid-template-columns:repeat(3,1fr)}.stats>div+div{padding-left:14px}.stats strong{font-size:29px}.stats p{font-size:11px}.projects-layout{margin:20px 22px 45px;max-width:500px}.projects-layout h1{font-size:32px}.projects-layout .lead{font-size:13px}.chips{flex-wrap:wrap;gap:8px;margin:20px 0}.chip{font-size:11px;padding:8px 14px}.project-grid{grid-template-columns:1fr;gap:16px}.project{height:245px}.project-photo{background-size:1804px 1203px}.project-1 .project-photo{background-position:-53px -895px}.project-2 .project-photo{background-position:-326px -895px}.project-3 .project-photo{background-position:-598px -895px}.project-body{padding:22px 18px 16px}.tag{font-size:11px}.project h2{font-size:18px}.project p{font-size:12px}.project-controls{gap:20px}.project-controls .btn{font-size:12px}.contact-layout{display:flex;flex-direction:column;margin:20px 25px 45px;gap:30px;max-width:500px}.contact-copy{padding:0}.contact-copy h1{font-size:34px}.contact-copy .lead{font-size:13px}.contact-item{font-size:14px}.form{padding:23px;gap:10px}.form h2{font-size:22px;margin-bottom:7px}.form input,.form select,.form textarea{font-size:14px;padding:11px 12px}.form textarea{height:110px}.form .btn{font-size:14px;padding:13px}.form-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.project-photo{bottom:auto;height:calc(108 * var(--u))}
@media(max-width:640px){.project{--photo-unit:calc((100vw - 46px) / 221);height:calc(188 * var(--photo-unit))}.project-photo{height:calc(108 * var(--photo-unit));background-size:calc(1536 * var(--photo-unit)) calc(1024 * var(--photo-unit))}.project-1 .project-photo{background-position:calc(-45 * var(--photo-unit)) calc(-762 * var(--photo-unit))}.project-2 .project-photo{background-position:calc(-278 * var(--photo-unit)) calc(-762 * var(--photo-unit))}.project-3 .project-photo{background-position:calc(-509 * var(--photo-unit)) calc(-762 * var(--photo-unit))}}
