@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#f2f5fc;font-synthesis:none;--muted:#969eb4;--cyan:#64e4f4;--violet:#b398f8;--line:#ffffff13;--heading:"Manrope",sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070b18;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 95% 10%,#14215d30,#0000 36%),#070b18;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{color:#fff;background:#7645b8}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600}p{color:var(--muted);line-height:1.8}svg{flex-shrink:0}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:112px;display:flex;position:relative}.wordmark{font-family:var(--heading);letter-spacing:-1.05px;font-size:23px;font-weight:800}.wordmark>span{color:var(--cyan)}.nav{align-items:center;gap:36px;font-size:13px;display:flex}.nav>a{color:var(--muted);padding:12px 0;position:relative}.nav>a:hover,.nav>a[aria-current]{color:#fff}.nav>a[aria-current]:not(.nav-contact):after{content:"";background:var(--cyan);border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%}.nav .nav-contact{color:#fff;border:1px solid #7287b83d;border-radius:6px;align-items:center;gap:22px;margin-left:12px;padding:12px 17px;display:flex}.nav-contact:hover{background:#151e32}.menu-toggle{display:none}.skip-link{z-index:50;background:var(--cyan);color:#070b18;padding:14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.6}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:34px;min-height:670px;padding:75px 0 82px;display:grid}.intro{letter-spacing:1.8px;color:#c6c9d6;align-items:center;gap:10px;margin-bottom:28px;font-size:10px;display:flex}.intro>span{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #64e4f460}h1{letter-spacing:-3px;font-size:clamp(42px,4.5vw,65px);font-weight:600;line-height:1.13}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#61e0f6 5%,#86b6fe 55%,#c0a0fb);-webkit-background-clip:text;background-clip:text}.hero-description{margin-top:26px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:25px;padding:15px 21px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--cyan);color:#081321;box-shadow:0 4px 25px #47d9ff0c}.primary:hover{background:#92edfa}.text-link{color:#d4d9e7;background:0 0;border:0;align-items:center;gap:13px;padding:7px 0;font-size:12px;line-height:1.6;display:inline-flex}.text-link:hover{color:var(--cyan)}.hero-tools{color:#79839d;letter-spacing:.2px;align-items:center;gap:15px;margin-top:38px;font-size:10px;display:flex}.hero-tools i{background:#657090;border-radius:50%;width:3px;height:3px}.hero-visual{isolation:isolate;justify-content:center;align-items:center;height:450px;display:flex;position:relative}.portrait-frame{border:1px solid #6ba7ed35;border-radius:150px 150px 15px 15px;width:89%;height:390px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 0 90px #4525e525}.portrait-frame img{object-fit:cover;object-position:41% center;width:100%;height:100%;transform:scale(1.02)rotate(-2deg)}.portrait-shade{background:linear-gradient(#0000 35%,#070b1820 63%,#090e22 99%);position:absolute;inset:0}.portrait-caption{font-size:15px;font-family:var(--heading);align-items:center;gap:14px;line-height:1.6;display:flex;position:absolute;bottom:25px;left:22px;right:22px;transform:rotate(-2deg)}.portrait-caption div span{color:#96a3c4}.tiny-cross{color:var(--cyan);font-size:24px;font-weight:300}.caption-star{color:var(--cyan);margin-left:auto;font-size:40px;font-weight:400}.orbit{z-index:-1;border:1px solid #546aed20;border-radius:50%;width:104%;height:73%;position:absolute;transform:rotate(-35deg)}.orbit-two{border-color:#9474e719;width:89%;height:108%;transform:rotate(32deg)}.orbit-one:after{content:"";background:#9893fd;border-radius:50%;width:7px;height:7px;position:absolute;top:12%;left:12%;box-shadow:0 0 17px #7972fa}.visual-label{letter-spacing:2.7px;color:#737f9e;font-size:8px;position:absolute;bottom:0}.visual-coordinate{color:#7683ad;letter-spacing:1.5px;font-size:9px;position:absolute;top:18px;right:0}.focus-strip{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:30px 0;display:flex}.focus-strip>.eyebrow{letter-spacing:1.5px;font-size:8px}.focus-strip>div{font-family:var(--heading);letter-spacing:-.4px;align-items:center;gap:36px;font-size:20px;font-weight:500;display:flex}.focus-plus{color:#59638d;font-size:18px;font-weight:400}.work-section{padding:85px 0 65px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;display:flex}.section-heading h2{margin-top:10px}h2{letter-spacing:-1.3px;font-size:35px;line-height:1.3}.project{border-top:1px solid var(--line);align-items:center;gap:24px;padding:25px 0;transition:background .2s;display:flex}.project:last-child{border-bottom:1px solid var(--line)}.project:hover{background:#748fff05}.project-number{color:#69748c;width:22px;font-size:10px}.project-icon{color:#68dbef;background:linear-gradient(140deg,#173847,#0b1428);border:1px solid #5fdff529;border-radius:13px;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid}.project-icon svg{width:29px;height:29px}.project-icon.book{color:#b5a0f9;background:linear-gradient(140deg,#252040,#101125);border-color:#9680e12b}.project-icon.inbox{color:#8ab2ff;background:linear-gradient(140deg,#152846,#0d1326);border-color:#6b9fff24}.project-name{min-width:235px}.project-name .eyebrow{letter-spacing:1.5px;font-size:8px}.project h3{letter-spacing:-.5px;margin-top:5px;font-size:20px}.project-summary{max-width:350px;margin-left:auto;font-size:12px;line-height:1.7}.project-arrow{color:#9dacc7;border:1px solid #ffffff10;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;margin-left:auto;transition:color .2s,border-color .2s;display:grid}.project:hover .project-arrow{color:var(--cyan);border-color:var(--cyan)}.approach{grid-template-columns:1.2fr 1fr;gap:24px 70px;padding:35px 0 95px;display:grid}.approach>.eyebrow{grid-column:1/-1}.approach h2{letter-spacing:-1.7px;font-size:42px;line-height:1.25}.approach h2 span{color:#929aba}.approach>div{align-self:center}.approach p{max-width:390px;margin-bottom:23px;font-size:14px}.cta{background:radial-gradient(at 95% 110%,#4d328329,#0000 65%),linear-gradient(115deg,#0c1829,#111226);border:1px solid #7d81e327;border-radius:10px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:75px;padding:42px;display:flex}.cta .eyebrow{letter-spacing:1.7px;font-size:8px}.cta h2{margin-top:12px;font-size:32px}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:30px 0 35px;display:flex}.footer .wordmark{letter-spacing:-.6px;font-size:16px}.footer>span,.footer p{color:#768099;font-size:10px}.page-intro{padding:90px 0 65px}.page-intro h1{margin-top:25px;font-size:clamp(40px,5vw,68px)}.page-intro>p{margin-top:28px;font-size:15px}.project-name>p{max-width:670px;margin-top:10px;font-size:14px}.capabilities{padding:90px 0}.capabilities .section-heading{align-items:center}.capabilities .section-heading>.eyebrow{font-size:8px}.capability-grid{grid-template-columns:repeat(3,1fr);gap:38px;display:grid}.capability-grid article{border-top:1px solid var(--line);padding-top:26px}.capability-grid article>span{letter-spacing:1.5px;color:var(--cyan);font-size:9px}.capability-grid h3{letter-spacing:-.6px;margin:22px 0 15px;font-size:22px;line-height:1.5}.capability-grid p{font-size:13px}.capability-grid small{color:#b0a2d1;margin-top:24px;font-size:10px;line-height:1.7;display:block}.about-layout{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.about-photo{background:#132447;border-radius:8px;height:460px;position:relative;overflow:hidden}.about-photo img{object-fit:cover;object-position:40% center;width:100%;height:100%}.about-photo>span{letter-spacing:1px;background:linear-gradient(#0000,#070b18e8);padding:55px 24px 25px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.about-copy h2{margin:18px 0 24px;font-size:38px}.about-copy p{margin-bottom:18px;font-size:14px}.about-copy .text-link{margin-top:6px}.principles{padding:85px 0}.principles>div{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:30px;display:grid}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles article>span{color:var(--violet);font-size:11px}.principles h3{margin:18px 0 12px;font-size:19px}.principles p{font-size:13px}.contact-intro{padding-bottom:55px}.contact-card{background:linear-gradient(120deg,#101e32,#151127);border:1px solid #7c8fbe30;border-radius:9px;justify-content:space-between;align-items:center;gap:28px;padding:42px;display:flex}.email-link{font-family:var(--heading);letter-spacing:-.7px;color:#d7e9fe;overflow-wrap:anywhere;align-items:center;gap:20px;margin-top:19px;font-size:clamp(17px,2.7vw,34px);display:flex}.email-link:hover{color:var(--cyan)}.email-link svg{width:24px;height:24px}.contact-card p{margin-top:15px;font-size:12px}.contact-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.copy-status{color:var(--cyan);text-align:center;max-width:180px;font-size:10px}.conversation-topics{grid-template-columns:1.1fr repeat(3,1fr);gap:35px;padding:60px 0 110px;display:grid}.conversation-topics .eyebrow{max-width:150px;font-size:8px;line-height:2}.conversation-topics h3{margin-bottom:13px;font-size:16px}.conversation-topics p{font-size:12px}.not-found{min-height:70vh}.not-found .button{margin-top:30px}@media (width>=1500px){.hero{gap:80px;min-height:730px}.hero h1{font-size:70px}.hero-visual{height:510px}.portrait-frame{height:450px}.hero-description{font-size:17px}}@media (width<=1100px){.wrap{width:calc(100% - 72px)}.hero{gap:20px;min-height:610px}.hero h1{letter-spacing:-2.4px;font-size:49px}.hero-visual{height:390px}.portrait-frame{height:340px}.hero-description{font-size:13px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px}.hero-tools{gap:10px;font-size:9px}.focus-strip>div{gap:20px;font-size:18px}.project-name{min-width:200px}.project-summary{max-width:270px}.about-layout{gap:40px}.contact-card{padding:30px}.conversation-topics{gap:24px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.header{height:86px}.wordmark{font-size:20px}.menu-toggle{color:#dbe6fb;background:0 0;border:0;align-items:center;gap:14px;padding:12px 0 12px 12px;font-size:12px;display:flex}.menu-toggle span{font-size:22px}.nav{background:#101629;border:1px solid #7f95d52b;border-radius:8px;flex-direction:column;align-items:stretch;gap:10px;padding:20px;display:none;position:absolute;top:77px;left:0;right:0;box-shadow:0 20px 60px #0008}.nav.open{display:flex}.nav>a{padding:12px}.nav>a[aria-current]:not(.nav-contact):after{bottom:18px;left:0}.nav .nav-contact{justify-content:space-between;margin-top:7px;margin-left:0}.hero{grid-template-columns:1fr;gap:35px;padding:52px 0 42px}.intro{letter-spacing:1.6px;margin-bottom:23px;font-size:8px}.hero h1{letter-spacing:-2px;font-size:clamp(39px,8.7vw,63px)}.hero-description{max-width:480px;font-size:14px}.hero-actions{flex-wrap:wrap;gap:22px}.hero-actions .text-link{font-size:12px}.hero-tools{gap:13px;margin-top:27px;font-size:9px}.hero-visual{width:95%;max-width:420px;height:380px;margin-inline:auto}.portrait-frame{border-radius:130px 130px 12px 12px;width:85%;height:330px}.focus-strip{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 0}.focus-strip>div{justify-content:space-between;gap:12px;width:100%;font-size:17px}.focus-plus{font-size:14px}.work-section{padding:55px 0}.section-heading{align-items:center;margin-bottom:26px}.section-heading h2{font-size:27px}.section-heading>.text-link{gap:8px;font-size:10px}.project{gap:15px;padding:23px 0}.project-number{width:15px;font-size:9px}.project-icon{border-radius:10px;width:48px;height:48px}.project-icon svg{width:24px;height:24px}.project-name{flex:1;min-width:0}.project-name .eyebrow{letter-spacing:1px;font-size:7px}.project h3{font-size:18px}.project-summary{display:none}.project-arrow{width:30px;height:30px}.approach{grid-template-columns:1fr;gap:21px;padding:0 0 55px}.approach h2{font-size:35px}.approach p{max-width:none}.cta{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:45px;padding:29px 25px}.cta h2{font-size:27px}.cta .eyebrow{letter-spacing:1.1px;font-size:7px}.footer{flex-wrap:wrap;gap:15px;padding:25px 0}.footer>span{display:none}.footer p{font-size:9px}.page-intro{padding:55px 0 42px}.page-intro h1{letter-spacing:-1.8px;font-size:clamp(36px,8vw,55px)}.page-intro>p{font-size:14px}.page-intro>.eyebrow{letter-spacing:1.5px;font-size:8px}.project-name>p{font-size:12px}.capabilities{padding:60px 0}.capabilities .section-heading{flex-direction:column;align-items:flex-start;gap:8px}.capability-grid{grid-template-columns:1fr;gap:30px}.capability-grid h3{margin-top:12px}.capability-grid small{margin-top:16px}.about-layout{grid-template-columns:1fr;gap:38px}.about-photo{height:380px}.about-copy h2{font-size:32px}.principles{padding:55px 0}.principles>div{grid-template-columns:1fr;gap:28px}.principles h3{margin:10px 0}.contact-card{flex-direction:column;align-items:flex-start;gap:25px;padding:28px 22px}.email-link{letter-spacing:-.7px;gap:8px;font-size:clamp(15px,4.45vw,28px)}.email-link svg{width:17px}.contact-actions{align-items:flex-start}.conversation-topics{grid-template-columns:1fr;gap:30px;padding:40px 0 70px}.conversation-topics .eyebrow{max-width:none}.desktop-br{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){.hero-visual{overflow:clip}}.project-preview{object-fit:cover;border:1px solid #8ca2c433;border-radius:12px;flex-shrink:0;width:240px;height:136px}.project-model .project-name{min-width:180px}.project-model .project-summary{max-width:250px}.project-model:hover .project-preview{border-color:#71d8ee88}@media (width<=1100px){.project-preview{width:190px;height:120px}}@media (width<=760px){.project-model{flex-wrap:wrap;gap:15px}.project-model .project-preview{aspect-ratio:1.95;order:0;width:calc(100% - 35px);height:auto}.project-model .project-number{align-self:flex-start;margin-top:10px}.project-model .project-name{flex:1;min-width:0;margin-left:30px}.project-model .project-arrow{margin-left:auto}}.hugob1-wordmark{letter-spacing:-1.2px;filter:drop-shadow(0 2px 1px #0008);font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1.15;display:inline-flex}.hugob1-wordmark>span{color:#dce0e5;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#d9dde3 42%,#939aa5 53%,#e3e6ea 100%);-webkit-background-clip:text;background-clip:text}.hugob1-wordmark>.hugob1-red{color:#f3263b;-webkit-text-fill-color:transparent;background:linear-gradient(#ff4853 0%,#f01b30 48%,#b7071b 100%);-webkit-background-clip:text;background-clip:text}
