:root { --ink:#080808; --paper:#f3f0e9; --orange:#ff5a0a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial,Helvetica,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
.contact-bar { position:fixed;inset:0 0 auto;z-index:55;height:34px;padding:0 clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:var(--orange);color:#100b08;font-size:10px;letter-spacing:.04em; }.contact-bar p { margin:0; }.contact-bar div { display:flex;gap:24px;font-weight:700; }.nav-wrap { position:fixed; inset:34px 0 auto; z-index:50; height:88px; padding:0 clamp(24px,6vw,90px); display:flex; align-items:center; justify-content:space-between; background:rgba(8,8,8,.88); border-bottom:1px solid rgba(255,255,255,.09); backdrop-filter:blur(18px); }
.brand img { width:154px; height:66px; object-fit:contain; filter:invert(1) brightness(3); }
.nav-links { display:flex; align-items:center; gap:34px; font-size:13px; text-transform:uppercase; letter-spacing:.12em; }
.nav-links>a:not(.nav-cta) { color:#aaa; transition:.25s; }.nav-links>a:hover { color:#fff; }.nav-cta { border:1px solid var(--orange); padding:14px 20px; }.menu-button { display:none; border:0; background:none; }
.hero { min-height:100svh; position:relative; display:flex; align-items:center; padding:164px clamp(24px,7vw,110px) 80px; overflow:hidden; background:radial-gradient(circle at 70% 42%,#25150d 0,rgba(8,8,8,0) 32%),#080808; }
.hero-grid { width:100%; max-width:1400px; margin:auto; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; }
.eyebrow,.kicker { display:flex; align-items:center; gap:13px; text-transform:uppercase; letter-spacing:.26em; font-size:11px; font-weight:700; color:var(--orange); }.eyebrow span { width:30px; height:1px; background:var(--orange); }
h1 { margin:22px 0; max-width:780px; font-family:Georgia,serif; font-weight:400; font-size:clamp(56px,6.2vw,102px); line-height:.93; letter-spacing:-.055em; } h1 em,.contact h2 em { color:var(--orange); font-weight:400; }.hero-text { max-width:570px; color:#aaa; font-size:18px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:34px; margin-top:38px; flex-wrap:wrap; }.button { display:inline-flex; align-items:center; justify-content:center; gap:30px; min-height:58px; padding:0 25px; border:0; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; cursor:pointer; transition:.25s; }.primary { background:var(--orange); color:#090909; box-shadow:0 10px 40px rgba(255,90,10,.25); }.primary:hover { background:#ff7432; transform:translateY(-2px); }.text-link { font-size:12px; color:#ccc; border-bottom:1px solid #555; padding:14px 0; }.text-link span { color:var(--orange); margin-left:10px; }
.trust-row { display:flex; gap:14px; align-items:center; margin-top:62px; color:#777; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }.trust-row strong { color:#ddd; }.avatars { display:flex; }.avatars i { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#181818;border:2px solid #080808;margin-left:-7px;font-style:normal;color:var(--orange); }
.hero-art { min-height:620px; position:relative; display:grid; place-items:center; }.monogram-card { position:relative;width:min(410px,70vw);height:min(520px,82vw);display:grid;place-items:center;border:1px solid rgba(255,90,10,.45);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,90,10,.06));box-shadow:0 50px 100px rgba(0,0,0,.65);transform:rotate(3deg); }.monogram-card::before { content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.08); }.monogram-card img { width:84%;filter:invert(1) brightness(4); }.hero-ring { position:absolute;border:1px solid rgba(255,90,10,.32);border-radius:50%;width:550px;height:550px; }.ring-a { transform:rotate(55deg) scaleX(.48); }.ring-b { transform:rotate(-50deg) scaleX(.38);opacity:.55; }
.floating-tag { position:absolute;z-index:3;padding:15px 20px 15px 52px;background:#121212;border:1px solid #292929;box-shadow:0 20px 50px #000;min-width:155px; }.floating-tag span { position:absolute;left:14px;top:20px;color:var(--orange); }.floating-tag small,.floating-tag strong { display:block; }.floating-tag small { color:#777;text-transform:uppercase;font-size:9px;letter-spacing:.15em; }.floating-tag strong { margin-top:5px;font-size:13px; }.tag-one { left:2%;top:23%; }.tag-two { right:0;bottom:18%; }.orb { position:absolute;border-radius:50%; }.orb-one { width:8px;height:8px;background:var(--orange);left:4%;top:30%;box-shadow:0 0 30px var(--orange); }.orb-two { width:4px;height:4px;background:#fff;right:8%;top:22%; }.scroll-note { position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.26em;color:#666; }.scroll-note span { color:var(--orange);margin-left:9px; }
.manifesto { background:var(--paper);color:#111;padding:120px clamp(24px,7vw,110px);display:grid;grid-template-columns:.36fr 1.64fr;gap:40px; }.section-number { font-size:9px;letter-spacing:.25em;color:#888;text-transform:uppercase;padding-top:8px; }.section-number.light { color:#666; }.manifesto-copy h2,.services h2,.difference h2,.contact h2 { font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.05; }.manifesto-copy h2 { max-width:1040px;font-size:clamp(40px,5.6vw,79px);margin:22px 0 70px; }.manifesto-copy h2 span { color:var(--orange); }.manifesto-bottom { border-top:1px solid #ccc;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end; }.manifesto-bottom p { color:#555;line-height:1.8;max-width:560px; }.manifesto-bottom a { justify-self:end;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700;border-bottom:1px solid #999;padding-bottom:12px; }
.services { padding:120px clamp(24px,7vw,110px);background:#0b0b0b; }.services-head { display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px; }.services h2 { font-size:clamp(42px,5vw,72px);margin:0;text-align:right; }.services h2 span { color:#606060; }.service-list { border-top:1px solid #282828; }.service-card { display:grid;grid-template-columns:80px 1fr 30px;gap:30px;align-items:center;padding:36px 0;border-bottom:1px solid #282828;transition:.3s; }.service-card>span { color:var(--orange);font-size:10px; }.service-card h3 { font-family:Georgia,serif;font-size:clamp(25px,3vw,40px);font-weight:400;margin:0 0 8px; }.service-card p { margin:0;color:#777;line-height:1.6;max-width:690px; }.service-card>b { color:var(--orange);font-size:22px; }.service-card:hover { padding-left:20px;background:linear-gradient(90deg,rgba(255,90,10,.08),transparent); }
.difference { background:var(--paper);color:#111;display:grid;grid-template-columns:1fr 1fr;min-height:760px; }.difference-art { background:#111;position:relative;overflow:hidden;display:grid;place-items:center; }.huge-mark { font-family:Georgia,serif;font-size:420px;color:#171717;text-shadow:1px 0 #333;line-height:1; }.orange-line { position:absolute;width:2px;height:85%;background:var(--orange);transform:rotate(35deg);box-shadow:0 0 40px var(--orange); }.mini-stat { position:absolute;left:12%;bottom:12%;background:var(--orange);color:#111;padding:22px 28px; }.mini-stat strong,.mini-stat small { display:block; }.mini-stat strong { font-family:Georgia,serif;font-size:36px; }.mini-stat small { text-transform:uppercase;letter-spacing:.1em;font-size:9px; }
.difference-copy { padding:110px clamp(30px,7vw,100px);align-self:center; }.difference-copy h2 { font-size:clamp(46px,5.3vw,76px);margin:20px 0 30px; }.difference-copy>p:not(.kicker) { color:#555;line-height:1.8;font-size:17px; }.difference-copy ul { list-style:none;padding:0;margin:42px 0 0; }.difference-copy li { border-top:1px solid #ccc;padding:19px 0;display:flex;gap:16px;font-size:14px; }.difference-copy li span { color:var(--orange); }
.contact { padding:120px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:radial-gradient(circle at 10% 100%,#2a1208,transparent 35%),#080808; }.contact h2 { font-size:clamp(48px,5.6vw,82px);margin:20px 0 30px; }.contact-copy>p:last-child { color:#888;line-height:1.7;max-width:520px; }.contact-form { display:grid;gap:26px;align-content:center; }.contact-form label { display:grid;gap:10px;color:#888;text-transform:uppercase;font-size:9px;letter-spacing:.16em; }.contact-form input,.contact-form select { background:transparent;color:#fff;border:0;border-bottom:1px solid #444;padding:13px 0;outline:none;text-transform:none;letter-spacing:0;font-size:15px; }.contact-form input:focus,.contact-form select:focus { border-color:var(--orange); }.contact-form select option { background:#111; }.contact-form .button { margin-top:12px;justify-self:start; }.form-note { color:#aaa;font-size:12px;line-height:1.5;border-left:2px solid var(--orange);padding-left:12px; }
footer { padding:70px clamp(24px,7vw,110px) 30px;border-top:1px solid #292929;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;color:#777;font-size:12px; }.footer-brand img { width:190px;filter:invert(1) brightness(3); }.footer-brand p { line-height:1.7; }.footer-brand .crc { color:var(--orange);font-size:10px;letter-spacing:.1em; }.footer-brand+div,.footer-brand+div+div { display:flex;flex-direction:column;gap:11px; }.footer-brand+div small,.footer-brand+div+div small { color:var(--orange);letter-spacing:.18em;margin-bottom:10px; }.footer-brand+div a,.footer-brand+div+div a { color:#bbb; }.footer-end { grid-column:1/-1;border-top:1px solid #222;padding-top:25px;display:flex;justify-content:space-between; }
.whatsapp-widget { position:fixed;z-index:70;right:24px;bottom:24px;display:flex;align-items:center;gap:11px;background:#25d366;color:#071d0e;padding:10px 18px 10px 10px;border:3px solid #fff;border-radius:999px;box-shadow:0 16px 45px rgba(0,0,0,.6);font-size:12px;text-transform:uppercase;letter-spacing:.08em;transition:.25s; }.whatsapp-widget span { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff; }.whatsapp-widget svg { width:24px;height:24px;fill:#128c4a; }.whatsapp-widget b { display:grid;gap:2px; }.whatsapp-widget small { font-size:8px;letter-spacing:.13em; }.whatsapp-widget:hover { transform:translateY(-3px);box-shadow:0 18px 42px rgba(37,211,102,.35); }
@media (max-width:900px) { .contact-bar{height:30px;justify-content:center}.contact-bar p{display:none}.contact-bar div{gap:14px}.contact-bar div a:first-child{display:none}.nav-wrap{top:30px;height:72px}.brand img{width:130px}.menu-button{display:grid;gap:7px;padding:10px}.menu-button span{display:block;width:27px;height:1px;background:#fff}.nav-links{position:absolute;top:72px;left:0;right:0;background:#0a0a0a;padding:28px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-grid,.difference,.contact{grid-template-columns:1fr}.hero{padding-top:145px}.hero-art{min-height:500px}.manifesto{grid-template-columns:1fr}.manifesto-bottom{grid-template-columns:1fr}.manifesto-bottom a{justify-self:start}.services-head{align-items:start;flex-direction:column}.services h2{text-align:left}.difference-art{min-height:550px}.contact{gap:60px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1} }
@media (max-width:560px) { h1{font-size:56px}.hero-art{min-height:410px}.monogram-card{width:270px;height:350px}.hero-ring{width:380px;height:380px}.tag-one{left:-10px}.tag-two{right:-10px}.manifesto,.services,.contact{padding-top:85px;padding-bottom:85px}.manifesto-copy h2{font-size:43px}.service-card{grid-template-columns:34px 1fr 18px;gap:12px}.service-card p{font-size:13px}.huge-mark{font-size:300px}.difference-copy{padding:80px 24px}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-end{flex-direction:column;gap:10px}.scroll-note{display:none}.whatsapp-widget{right:14px;bottom:14px;padding:7px;border-width:2px}.whatsapp-widget b{display:none} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}