
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070707;--panel:#101010;--panel2:#151515;--white:#f4f4f1;--muted:#929292;--line:#292929;--accent:#d9d9d5;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.topbar{height:88px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;position:relative;z-index:5;background:#070707}.nav{display:flex;align-items:center;justify-content:space-between}.brand img{width:148px;height:auto;display:block;filter:brightness(0) invert(1)}.links{display:flex;align-items:center;gap:34px}.links a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd;transition:.2s}.links a:hover,.links a.active{color:#fff}.nav-cta,.btn{border:1px solid #777;padding:13px 19px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;display:inline-flex;align-items:center;gap:22px;transition:.25s}.nav-cta:hover,.btn:hover{background:#f4f4f1;color:#080808;border-color:#f4f4f1}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#aaa;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:24px;height:1px;background:#aaa}.hero{padding:112px 0 90px;min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:'A';font-family:Manrope,sans-serif;font-weight:800;font-size:min(75vw,850px);line-height:.8;position:absolute;right:-5%;top:2%;color:#ffffff05;pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:930px}.hero h1,.page-head h1{font-family:Manrope,sans-serif;font-size:clamp(56px,8vw,112px);line-height:.98;letter-spacing:-.075em;font-weight:600;margin:28px 0}.hero h1 span,.page-head h1 span{color:#777}.hero p{color:#aaa;max-width:520px;font-size:16px;margin:28px 0 36px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn.primary{background:#f2f2ee;color:#090909;border-color:#f2f2ee}.hero-foot{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.section{padding:110px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.section-head h2{font:600 clamp(38px,5vw,64px)/1.05 Manrope,sans-serif;letter-spacing:-.06em;margin:18px 0 0;max-width:700px}.section-head p{max-width:330px;color:var(--muted);font-size:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{background:var(--panel);border:1px solid #222;padding:30px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service-card:hover{background:#171717;transform:translateY(-4px);border-color:#555}.number{font-size:11px;color:#777;letter-spacing:.15em}.service-card h3{font:600 24px Manrope,sans-serif;letter-spacing:-.04em;margin:45px 0 10px}.service-card p{color:#929292;font-size:13px;margin:0;max-width:290px}.arrow{font-size:20px;color:#aaa;align-self:flex-end}.statement{padding:120px 0}.statement blockquote{font:500 clamp(34px,5.3vw,72px)/1.12 Manrope,sans-serif;letter-spacing:-.065em;margin:25px 0;max-width:1000px}.statement blockquote span{color:#696969}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:30px 20px 30px 0}.stat strong{display:block;font:600 42px Manrope,sans-serif;letter-spacing:-.06em}.stat span{font-size:11px;color:#888;letter-spacing:.13em;text-transform:uppercase}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.work-tile{min-height:360px;background:linear-gradient(135deg,#202020,#0d0d0d);border:1px solid #292929;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.work-tile:nth-child(2){background:linear-gradient(135deg,#292929,#101010)}.work-tile:nth-child(3){background:linear-gradient(135deg,#171717,#292929);min-height:260px}.work-tile:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff16;border-radius:50%;right:-70px;top:35px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03}.work-tile h3{font:600 32px Manrope,sans-serif;letter-spacing:-.05em;max-width:340px;position:relative;z-index:1}.work-tile p{color:#aaa;font-size:12px;letter-spacing:.13em;text-transform:uppercase;position:relative;z-index:1}.cta-band{padding:85px 0;background:#efefeb;color:#080808}.cta-band h2{font:600 clamp(42px,6vw,78px)/1 Manrope,sans-serif;letter-spacing:-.07em;max-width:800px;margin:20px 0 30px}.cta-band .eyebrow{color:#555}.cta-band .eyebrow:before{background:#555}.cta-band .btn{border-color:#111}.footer{padding:65px 0 28px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:65px}.footer-logo{width:150px;filter:brightness(0) invert(1)}.footer-note{max-width:300px;color:#888;font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.page-head{padding:120px 0 90px;min-height:470px;display:flex;align-items:end}.page-head h1{font-size:clamp(58px,8vw,104px);max-width:1000px}.page-head p{color:#999;max-width:490px;font-size:15px}.service-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:34px 0;border-top:1px solid var(--line)}.service-row h3{font:600 28px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.service-row p{color:#999;font-size:14px;margin:0;max-width:440px}.pill-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pill{border:1px solid #333;padding:8px 12px;color:#aaa;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-split h2{font:600 48px/1.08 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.about-split p{color:#999;margin-top:0}.principle{padding:25px 0;border-top:1px solid var(--line)}.principle strong{font:600 21px Manrope}.principle p{font-size:13px;color:#888;margin:8px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid h2{font:600 clamp(42px,5vw,65px)/1.04 Manrope,sans-serif;letter-spacing:-.06em;margin:20px 0}.contact-form{display:grid;gap:18px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#999;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;background:#101010;border:1px solid #303030;padding:15px;color:#fff;outline:none;font:14px 'DM Sans'}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#aaa}.form-note{color:#888;font-size:12px}.mobile-menu{display:none}
@media(max-width:800px){.wrap{width:min(100% - 40px,var(--max))}.topbar{height:72px}.brand img{width:120px}.menu{display:block}.links{display:none;position:absolute;top:71px;left:0;right:0;background:#090909;border-bottom:1px solid #333;padding:24px;flex-direction:column;align-items:flex-start;gap:22px}.links.open{display:flex}.nav-cta{display:none}.hero{min-height:620px;padding:95px 0}.hero-foot{font-size:8px}.section{padding:78px 0}.section-head{display:block}.section-head p{margin-top:20px}.grid3{grid-template-columns:1fr}.service-card{min-height:210px}.work-grid{grid-template-columns:1fr}.work-tile,.work-tile:nth-child(3){min-height:280px}.stats{grid-template-columns:1fr}.stat{border-bottom:1px solid var(--line);padding:20px 0}.stat:last-child{border:0}.page-head{padding:90px 0 60px;min-height:420px}.service-row{grid-template-columns:40px 1fr;gap:14px}.service-row p{grid-column:2}.about-split,.contact-grid{grid-template-columns:1fr;gap:35px}.footer-top{display:block}.footer-note{margin-top:25px}.footer-bottom{gap:15px;flex-direction:column}.statement{padding:80px 0}}

/* ALDEN refinement: logo is a transparent white wordmark, not a filtered black rectangle. */
.brand img{width:166px;height:auto;display:block;filter:none;object-fit:contain}
.footer-logo{width:166px;height:auto;filter:none;display:block}
/* AI studio accents */
.ai-feature{background:linear-gradient(135deg,#111 0%,#0a0a0a 65%,#171717 100%);border:1px solid #2a2a2a;position:relative;overflow:hidden}
.ai-feature:after{content:'AI';position:absolute;right:3%;top:50%;transform:translateY(-55%);font:800 clamp(150px,28vw,350px)/.8 Manrope,sans-serif;letter-spacing:-.12em;color:#ffffff06;pointer-events:none}
.ai-feature-inner{position:relative;z-index:1;padding:60px;display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end}
.ai-feature h2{font:600 clamp(42px,5vw,68px)/1.02 Manrope,sans-serif;letter-spacing:-.065em;margin:20px 0}
.ai-feature p{max-width:520px;color:#999;font-size:14px}
.ai-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}
.ai-mini{border:1px solid #343434;background:#ffffff04;padding:19px;min-height:110px}
.ai-mini strong{font:600 15px Manrope,sans-serif;display:block;margin-bottom:8px}
.ai-mini span{font-size:11px;color:#999}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.capability-card{background:#101010;border:1px solid #252525;padding:28px;min-height:220px}
.capability-card .number{display:block;margin-bottom:35px}
.capability-card h3{font:600 24px Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 12px}
.capability-card p{font-size:13px;color:#999;margin:0}
.tech-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.tech-strip span{border:1px solid #353535;padding:8px 11px;color:#aaa;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.process-item{border-top:1px solid #444;padding:22px 16px 0 0}
.process-item strong{font:600 21px Manrope,sans-serif;display:block;margin-bottom:12px}
.process-item p{font-size:12px;color:#929292;margin:0}
@media(max-width:800px){.brand img,.footer-logo{width:132px}.ai-feature-inner{grid-template-columns:1fr;padding:30px 24px;gap:28px}.ai-mini-grid{grid-template-columns:1fr 1fr}.capability-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ai-mini-grid,.process{grid-template-columns:1fr}}


/* Mobile-first refinement: touch targets, typography, spacing and form usability. */
img, video, iframe { max-width: 100%; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #f2f2ee; outline-offset: 4px;
}
@media (max-width: 800px) {
  .wrap { width: calc(100% - 40px); }
  .topbar { height: 72px; }
  .nav { min-height: 72px; }
  .brand img { width: 132px; }
  .menu {
    display: inline-flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; min-width: 48px; padding: 0;
    border: 1px solid #333; border-radius: 2px; font-size: 23px; line-height: 1;
    cursor: pointer;
  }
  .links {
    display: none; position: absolute; top: 71px; left: 0; right: 0;
    z-index: 10; padding: 12px 20px 18px; gap: 0;
    background: #0c0c0c; border: 1px solid #292929; border-top: 0;
    box-shadow: 0 18px 36px #0009;
  }
  .links.open { display: flex; }
  .links a { width: 100%; min-height: 48px; display: flex; align-items: center; padding: 0 4px; border-bottom: 1px solid #222; }
  .links a:last-child { border-bottom: 0; }
  .nav-cta { display: none; }
  .hero { min-height: 580px; padding: 76px 0 82px; }
  .hero h1 { font-size: clamp(38px, 10.5vw, 64px); line-height: 1.02; letter-spacing: -.065em; }
  .hero p { max-width: 34rem; font-size: 15px; }
  .hero-foot { display: none; }
  .hero-actions { gap: 10px; }
  .btn, .nav-cta { min-height: 48px; justify-content: center; }
  .section { padding: 72px 0; }
  .section-head { margin-bottom: 34px; }
  .section-head h2 { font-size: clamp(32px, 8vw, 48px); }
  .section-head p { font-size: 14px; }
  .grid3, .work-grid, .capability-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 205px; padding: 24px; }
  .service-card h3 { margin-top: 30px; }
  .work-tile, .work-tile:nth-child(3) { min-height: 250px; padding: 24px; }
  .work-tile h3 { font-size: 28px; }
  .stats { grid-template-columns: 1fr; }
  .stat { padding: 20px 0; border-bottom: 1px solid var(--line); }
  .stat:last-child { border-bottom: 0; }
  .page-head { min-height: 0; padding: 84px 0 58px; display: block; }
  .page-head h1 { font-size: clamp(40px, 10vw, 70px); line-height: 1.02; letter-spacing: -.065em; margin: 22px 0; }
  .page-head p { font-size: 14px; }
  .service-row { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 27px 0; }
  .service-row h3 { font-size: 24px; }
  .service-row p { grid-column: 2; font-size: 13px; }
  .about-split, .contact-grid { grid-template-columns: 1fr; gap: 28px; }
  .about-split h2 { font-size: clamp(34px, 8.5vw, 46px); }
  .contact-grid h2 { font-size: clamp(38px, 9vw, 56px); }
  .contact-form { gap: 16px; }
  .field input, .field textarea, .field select { font-size: 16px; min-height: 50px; }
  .field textarea { min-height: 130px; }
  .footer { padding: 48px 0 24px; }
  .footer-top { display: block; padding-bottom: 40px; }
  .footer-note { margin-top: 20px; }
  .footer-bottom { gap: 12px; flex-direction: column; font-size: 9px; }
  .statement { padding: 76px 0; }
  .statement blockquote { font-size: clamp(32px, 8vw, 52px); }
  .cta-band { padding: 68px 0; }
  .cta-band h2 { font-size: clamp(38px, 9vw, 58px); }
  .ai-feature-inner { grid-template-columns: 1fr; padding: 30px 24px; gap: 24px; }
  .ai-mini-grid { grid-template-columns: 1fr 1fr; }
  .capability-grid { grid-template-columns: 1fr; }
  .process { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .wrap { width: calc(100% - 36px); }
  .hero { min-height: 560px; padding: 66px 0 72px; }
  .hero h1 { font-size: clamp(36px, 10vw, 48px); }
  .hero p { font-size: 14px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .page-head h1 { font-size: clamp(38px, 10.2vw, 48px); }
  .ai-mini-grid, .process { grid-template-columns: 1fr; }
  .ai-feature-inner { padding: 26px 20px; }
  .capability-card { padding: 23px; min-height: 0; }
  .service-row h3 { font-size: 22px; }
  .pill { font-size: 9px; padding: 7px 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
