:root{--bg:#f4f1ea;--surface:#fff;--text:#111;--primary:#1e33c8;--accent:#e63a2e;--muted:#b9b4a8;--logo:"Futura", "Futura PT", "Century Gothic", "Avenir Next", sans-serif;--title:"Space Grotesk", "Futura", system-ui, sans-serif;--body:"Archivo", "Helvetica Neue", Arial, sans-serif;--wrap:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}h1,h2,h3{font-family:var(--title);letter-spacing:-.02em;font-weight:600;line-height:1.05}section{padding:110px 0}.eyebrow{font-family:var(--logo);letter-spacing:5px;text-transform:uppercase;color:var(--primary);align-items:center;gap:12px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:26px;height:10px;display:inline-block}.btn{background:var(--primary);color:#fff;font-family:var(--logo);letter-spacing:1.5px;text-transform:uppercase;border:2px solid var(--primary);cursor:pointer;align-items:center;gap:10px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background:var(--text);border-color:var(--text)}.btn.ghost{color:var(--text);border-color:var(--text);background:0 0}.btn.ghost:hover{background:var(--text);color:#fff}.btn.accent{background:var(--accent);border-color:var(--accent)}.btn.accent:hover{background:var(--text);border-color:var(--text)}a:focus-visible,button:focus-visible,.filter:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:3px}header.site{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--text);background:#f4f1eae6;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:76px;display:flex}.brand svg{width:auto;height:40px}.links{align-items:center;gap:34px;display:flex}.links a{font-family:var(--logo);letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:500;position:relative}.links a:not(.btn):after{content:"";background:var(--accent);width:0;height:2px;transition:width .25s;position:absolute;bottom:-6px;left:0}.links a:not(.btn):hover:after,.links a[aria-current=page]:not(.btn):after{width:100%}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.burger span{background:var(--text);width:26px;height:2px;display:block}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:52px;display:flex}.sec-head h2{font-size:clamp(34px,5vw,58px)}.sec-head p{color:#444;max-width:420px}.hero{padding:130px 0 120px;position:relative;overflow:hidden}.hero .grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid}.hero h1{font-size:clamp(48px,7vw,92px)}.hero h1 em{color:var(--primary);font-style:normal}.hero p{color:#333;max-width:520px;margin:26px 0 36px;font-size:19px}.hero .cta{flex-wrap:wrap;gap:16px;display:flex}.hero-visual{aspect-ratio:4/5;background:linear-gradient(135deg, var(--primary), #0f1c7a);position:relative;overflow:hidden}.hero-visual img{object-fit:cover;mix-blend-mode:luminosity;opacity:.9;width:100%;height:100%}.hero-visual .tag{background:var(--accent);color:#fff;font-family:var(--logo);letter-spacing:3px;text-transform:uppercase;padding:12px 20px;font-size:13px;position:absolute;bottom:26px;left:0}.deco-sq{background:var(--accent);z-index:2;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.deco-ci{background:var(--muted);z-index:2;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-24px;left:-24px}.hero-shapes{pointer-events:none;opacity:.5;position:absolute;inset:0}.hero-shapes .b{background:var(--muted);width:14px;height:220px;position:absolute;top:80px;left:-2px}.filters{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.filter{font-family:var(--logo);letter-spacing:1.5px;text-transform:uppercase;border:2px solid var(--text);cursor:pointer;color:var(--text);background:0 0;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.filter[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.filter:hover{background:var(--text);color:#fff;border-color:var(--text)}.gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--muted);aspect-ratio:1;border:none;padding:0;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.card:hover img{transform:scale(1.06)}.card figcaption{color:#fff;opacity:0;background:linear-gradient(#0000 40%,#111111b8);flex-direction:column;justify-content:flex-end;padding:22px;transition:all .3s;display:flex;position:absolute;inset:0}.card:hover figcaption{opacity:1}.card figcaption span{font-family:var(--logo);letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:12px}.card figcaption strong{font-family:var(--title);font-size:20px;font-weight:600}.card.hide{display:none}.videos{background:var(--text);color:var(--bg)}.videos .eyebrow{color:#fff}.videos .eyebrow:before{background:var(--accent)}.videos h2{color:#fff}.vgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.video{aspect-ratio:16/9;cursor:pointer;background:#0d0d0d;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video img{object-fit:cover;opacity:.72;width:100%;height:100%;transition:all .4s}.video:hover img{opacity:.9;transform:scale(1.04)}.play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play span{background:var(--accent);justify-content:center;align-items:center;width:70px;height:70px;transition:all .2s;display:flex}.video:hover .play span{background:var(--primary);transform:scale(1.08)}.play span:after{content:"";border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:22px solid #fff;margin-left:5px}.video b{font-family:var(--title);color:#fff;text-align:left;font-size:18px;font-weight:600;position:absolute;bottom:18px;left:20px}.about .grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-visual{aspect-ratio:1;background:var(--primary);position:relative}.about-visual img{object-fit:cover;opacity:.9;width:100%;height:100%}.about-visual .blk{background:var(--accent);width:40%;height:40%;position:absolute;bottom:-22px;right:-22px}.about p{color:#333;margin-top:20px;font-size:17px}.services{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:80px;display:grid}.svc{background:var(--surface);border:2px solid var(--text);padding:34px 28px;transition:all .25s}.svc:hover{transform:translateY(-6px)}.svc .num{font-family:var(--logo);letter-spacing:2px;color:var(--muted);font-size:14px;font-weight:600}.svc .ico{justify-content:center;align-items:center;width:52px;height:52px;margin:16px 0 20px;display:flex}.svc h3{margin-bottom:10px;font-size:23px}.svc p{color:#555;font-size:15px}.svc:first-child .ico{background:var(--primary)}.svc:nth-child(2) .ico{background:var(--accent)}.svc:nth-child(3) .ico{background:var(--text)}.quote{background:var(--primary);color:#fff;text-align:center}.quote blockquote{max-width:860px;font-family:var(--title);letter-spacing:-.01em;margin:0 auto;font-size:clamp(26px,4vw,44px);font-weight:500;line-height:1.25}.quote .mark{color:var(--accent);margin-bottom:10px;font-family:Georgia,serif;font-size:80px;line-height:0;display:block}.quote cite{font-family:var(--logo);letter-spacing:2px;text-transform:uppercase;color:#ffffffd1;margin-top:32px;font-size:14px;font-style:normal;display:block}.contact .grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact h2{margin-bottom:20px;font-size:clamp(34px,5vw,56px)}.contact .info p{margin-bottom:14px;font-size:17px}.contact .info a{color:var(--primary);font-weight:500}form{gap:16px;display:grid}input,textarea{font-family:var(--body);border:2px solid var(--text);background:var(--surface);color:var(--text);width:100%;padding:15px 16px;font-size:16px}input:focus,textarea:focus{border-color:var(--primary);outline:none}label{font-family:var(--logo);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:-8px;font-size:12px;font-weight:600;display:block}footer.site{background:var(--text);color:var(--bg);padding:70px 0 34px}.fgrid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}footer.site .brand svg{height:44px}.fsoc{gap:14px;display:flex}.fsoc a{width:42px;height:42px;font-family:var(--logo);border:2px solid #fff6;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.fsoc a:hover{background:var(--accent);border-color:var(--accent)}.fcols{flex-wrap:wrap;gap:70px;display:flex}.fcol h4{font-family:var(--logo);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:13px}.fcol a,.fcol p{color:#ddd;margin-bottom:9px;font-size:15px;display:block}.fcol a:hover{color:#fff}.copy{color:var(--muted);font-size:13px;font-family:var(--logo);letter-spacing:1px;border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:50px;padding-top:24px;display:flex}.page-head{padding:130px 0 40px}.page-head h1{margin-top:14px;font-size:clamp(40px,6vw,76px)}.page-head p{color:#333;max-width:560px;margin-top:18px;font-size:18px}@media (width<=900px){section{padding:80px 0}.hero .grid,.about .grid,.contact .grid{grid-template-columns:1fr;gap:40px}.gallery,.vgrid,.services{grid-template-columns:1fr 1fr}.links{background:var(--bg);border-bottom:2px solid var(--text);flex-direction:column;align-items:flex-start;gap:20px;height:auto;padding:24px 32px;transition:transform .3s;position:fixed;inset:76px 0 auto;transform:translateY(-140%)}.links.open{transform:translateY(0)}.burger{display:flex}}@media (width<=560px){.gallery,.vgrid,.services{grid-template-columns:1fr}.wrap{padding:0 20px}}
