:root{--ink:#071713;--paper:#f3f1ea;--accent:#d9ff43;--mint:#b8e4d6;--line:rgba(7,23,19,.18);--muted:#5c6863}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(243,241,234,.15);position:absolute;z-index:5;width:100%;color:white}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:14px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{opacity:.76;transition:.2s}.site-header nav a:hover{opacity:1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;padding:17px 22px;font-weight:700;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 16px;font-size:14px;gap:20px}.button-light{border:1px solid rgba(255,255,255,.5)}.button-accent{background:var(--accent);color:var(--ink)}.hero{min-height:760px;background:var(--ink);color:white;padding:156px 5vw 0;position:relative;overflow:hidden}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;color:#b7c2bd}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.065em;line-height:.96;margin:0;font-weight:700}h1{font-size:clamp(64px,9vw,132px);max-width:1000px;position:relative;z-index:2}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:50px;position:relative;z-index:2}.hero-bottom>p{grid-column:2;font-size:19px;max-width:590px;color:#cad0cd;margin:0}.hero-actions{grid-column:2;display:flex;align-items:center;gap:30px}.text-link{border-bottom:1px solid rgba(255,255,255,.4);padding:12px 0}.hero-art{position:absolute;width:520px;height:520px;right:-100px;top:120px;opacity:.58}.orb{position:absolute;width:230px;height:230px;left:120px;top:140px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent),#1f5e4e 60%,transparent 70%);filter:blur(2px)}.orbit{position:absolute;border:1px solid rgba(217,255,67,.65);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:480px;height:220px;top:145px}.orbit-two{width:250px;height:490px;left:100px}.art-label{position:absolute;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.label-one{top:90px;left:195px}.label-two{left:10px;top:255px}.label-three{right:60px;bottom:70px}.trust-row{margin-top:80px;height:74px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;color:#8fa09a;font-size:11px;letter-spacing:.14em}.section{padding:130px 6vw}.section-kicker{color:#5a6862;margin-bottom:60px}.intro-copy{display:grid;grid-template-columns:1.6fr .7fr;gap:80px;align-items:end}.intro h2,.process h2{font-size:clamp(44px,6vw,82px);max-width:800px}.intro-copy>p,.process-grid>div>p{color:var(--muted);font-size:18px;max-width:440px}.services{margin-top:90px;border-top:1px solid var(--line)}.services article{display:grid;grid-template-columns:70px 1fr auto;gap:35px;padding:40px 0;border-bottom:1px solid var(--line)}.service-number{font-size:12px;color:#718078}.services h3{font-family:Manrope;font-size:28px;margin:0 0 10px;letter-spacing:-.03em}.services p{max-width:620px;color:var(--muted)}.services ul{list-style:none;padding:0;display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.services li:before{content:"+";margin-right:6px;color:#597067}.service-arrow{font-size:28px}.work-section{background:#102923;color:white;padding:120px 6vw}.light{color:#a5b8b0}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.work-heading h2,.contact h2{font-size:clamp(48px,6vw,84px)}.work-heading p{max-width:390px;color:#aebdb7}.projects{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.project{padding:20px;color:var(--ink)}.project-a{background:#bfded4}.project-b{background:#d9ff43}.project-top{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.mockup{height:420px;margin:20px 0;background:#f6f2ea;position:relative;overflow:hidden;padding:26px}.project-a .mockup{background:#273c38;color:#f7f4ea}.mini-nav{display:flex;justify-content:space-between;font-weight:700}.mini-title{font-family:Georgia,serif;font-size:clamp(42px,5vw,75px);line-height:.93;position:absolute;left:26px;bottom:65px}.mini-chip{position:absolute;bottom:24px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.project-b .mockup{display:flex;align-items:center;justify-content:center;gap:18px;background:#b3765d}.pack{height:260px;width:130px;background:#eee5d9;display:flex;flex-direction:column;justify-content:space-between;padding:18px;font-family:Manrope;font-weight:800}.pack-two{transform:translateY(24px);background:#1a332c;color:white}.pack span{font-size:11px}.seal{position:absolute;border:1px solid white;border-radius:50%;width:95px;height:95px;display:grid;place-items:center;text-align:center;color:white;font-size:10px;right:25px;top:22px;transform:rotate(10deg)}.project-info h3{margin:18px 0 0;font:700 26px Manrope}.project-info p{margin:4px 0;color:#42524d;font-size:13px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.process-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-grid li{display:grid;grid-template-columns:45px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:24px 0}.process-grid li>span{font-size:12px;color:#738079}.process-grid h3{margin:0;font:700 22px Manrope}.process-grid li p{color:var(--muted);margin:6px 0}.contact{background:var(--ink);color:white;padding:120px 6vw;display:grid;grid-template-columns:1fr .8fr;gap:10vw}.contact h2 em{color:var(--accent)}.contact-copy>p{font-size:18px;color:#aebdb7;max-width:600px}.availability{margin-top:50px;display:flex;gap:10px;align-items:center}.availability span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(217,255,67,.12)}form{display:flex;flex-direction:column;gap:24px}label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9dada7}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #4b5b55;background:transparent;color:white;padding:12px 0;outline:none;border-radius:0;font-size:16px;text-transform:none;letter-spacing:0}select option{color:var(--ink)}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.form-note,.form-status{font-size:12px;color:#84958f;margin:0}.form-status{color:var(--accent)}footer{background:#06100d;color:white;border-top:1px solid #26332f;padding:50px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:40px;align-items:start}footer p{margin:0;color:#899790}footer div{display:flex;flex-direction:column;gap:8px}footer>span{font-size:12px;color:#6f7e78}@media(max-width:850px){.site-header nav{display:none}.hero{padding-top:140px}.hero-bottom{grid-template-columns:1fr;gap:28px}.hero-bottom>p,.hero-actions{grid-column:1}.hero-art{right:-280px;opacity:.35}.trust-row span:nth-child(2){display:none}.intro-copy,.process-grid,.contact{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.work-heading{display:block}.work-heading p{margin-top:30px}.services article{grid-template-columns:40px 1fr}.service-arrow{display:none}.contact{gap:70px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.site-header{padding:0 20px}.site-header .button{display:none}.hero{padding-left:20px;padding-right:20px;min-height:720px}h1{font-size:54px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{font-size:9px}.section,.work-section,.contact{padding:90px 20px}.intro-copy{gap:20px}.section-kicker{margin-bottom:40px}.services{margin-top:55px}.services article{grid-template-columns:1fr}.service-number{margin-bottom:-20px}.services ul{display:block}.mockup{height:340px}.project{padding:14px}.process-grid{gap:60px}.contact h2{font-size:47px}footer{grid-template-columns:1fr;padding:50px 20px}.hero-art{display:none}}
