/* denko foundation — brand colour: #38b6ff; typeface: Garet */
@font-face {
  font-family: "Garet";
  src: url("assets/Garet-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Garet";
  src: url("assets/Garet-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root{--blue:#38b6ff;--ink:#101820;--muted:#64717c;--line:#dce5eb;--pale:#f4faff;--white:#fff;--font:"Garet",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px;z-index:20}.skip-link:focus{left:10px}
.site-header{height:88px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,24,32,.08);position:absolute;top:0;left:0;right:0;z-index:10;background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}
.wordmark{font-size:21px;font-weight:700;letter-spacing:-1.2px;line-height:1;color:var(--ink)}.wordmark span{font-weight:400;margin-left:5px}.wordmark i{font-style:normal;color:var(--blue)}
.primary-nav{display:flex;align-items:center;gap:38px;font-size:11px;letter-spacing:.015em}.primary-nav a{transition:color .2s}.primary-nav a:hover{color:#168fd8}.nav-contact{border:1px solid var(--line);padding:11px 16px;border-radius:2px}.nav-contact span{color:var(--blue);margin-left:10px}
.menu-toggle{display:none}
.hero{min-height:730px;height:min(850px,100vh);position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 12% 95px;background:linear-gradient(112deg,#fff 0%,#fff 53%,#f4faff 100%)}
.hero-grid{position:absolute;inset:0 0 0 48%;opacity:.38;background-image:linear-gradient(rgba(56,182,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(56,182,255,.12) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 50%)}
.hero-content{position:relative;z-index:2;max-width:740px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#64717c;display:flex;align-items:center;gap:11px;margin:0 0 30px}.eyebrow-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;display:inline-block}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(46px,6.2vw,84px);letter-spacing:-.075em;line-height:1.08;font-weight:400;margin:0 0 30px}.hero h1 span,.intro h2 span,.heading-copy h2 span,.approach h2 span{color:#9aa8b3}.hero-copy{font-size:15px;line-height:1.9;color:#596773;max-width:460px;margin-bottom:35px}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--blue);padding-bottom:10px}.text-link span{color:var(--blue);margin-left:16px}
.hero-note{position:absolute;bottom:42px;left:12%;right:12%;display:flex;justify-content:space-between;color:#87939c;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.hero-note span:first-child{color:var(--blue)}
.hero-orbit{position:absolute;border:1px solid rgba(56,182,255,.25);border-radius:50%;pointer-events:none}.orbit-one{width:470px;height:470px;right:6%;top:19%;transform:rotate(-28deg)}.orbit-two{width:340px;height:340px;right:11%;top:27%;border-style:dashed;opacity:.6}.hero-mark{position:absolute;right:17%;top:34%;font-size:240px;font-weight:700;letter-spacing:-.12em;color:rgba(56,182,255,.09);line-height:1}.hero-mark span{color:rgba(56,182,255,.75)}
.section-pad{padding:125px 12%}.section-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#82909a;white-space:nowrap}.section-kicker span:first-child{color:var(--blue);margin-right:10px}
.intro{background:#fff}.intro-body{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin-top:62px;align-items:start}.intro h2,.heading-copy h2,.approach h2{font-size:clamp(35px,4.2vw,58px);line-height:1.2;letter-spacing:-.065em;font-weight:400;margin:0}.intro-text{max-width:480px;color:#65727c;font-size:13px;line-height:2}.intro-text p+p{margin-top:18px}
.focus-section{background:#f7fbfe}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:10%;margin-bottom:65px}.heading-copy{max-width:650px}.heading-copy h2{margin-bottom:22px}.heading-copy>p{color:#6d7a84;font-size:13px;max-width:470px}
.focus-list{border-top:1px solid var(--line)}.focus-item{display:grid;grid-template-columns:60px 70px 1fr;gap:20px;padding:35px 0 39px;border-bottom:1px solid var(--line);align-items:start}.focus-number{font-size:10px;color:#8c9aa4;padding-top:9px}.focus-icon{width:44px;height:44px;border:1px solid #cfeeff;border-radius:50%;display:grid;place-items:center;color:#168fd8;font-size:20px;background:#fff}.focus-content{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:9%;align-items:start}.focus-content h3{font-size:20px;line-height:1.45;font-weight:400;letter-spacing:-.04em;margin:2px 0 0}.focus-content>p{font-size:12px;color:#6c7983;line-height:1.9;margin:0}.focus-tags{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.focus-tags span{font-size:9px;color:#5e7687;border:1px solid #dceaf2;padding:5px 9px;border-radius:30px}
.statement{position:relative;overflow:hidden;background:#101d27;color:#fff;padding:120px 12%;}.statement-inner{max-width:850px;position:relative;z-index:1}.statement .eyebrow{color:#aab7c0}.statement h2{font-size:clamp(38px,5.3vw,70px);line-height:1.2;letter-spacing:-.07em;font-weight:400;margin:0 0 28px}.statement h2 span{color:var(--blue)}.statement-inner>p:last-child{color:#aab7c0;font-size:13px;max-width:490px}.statement-symbol{position:absolute;right:10%;top:4%;font-size:420px;line-height:1;color:rgba(56,182,255,.08);font-weight:400}
.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:60px}.approach-right>p{font-size:13px;color:#65727c;line-height:2;max-width:490px;margin-bottom:35px}.approach-points{border-top:1px solid var(--line)}.approach-points>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.approach-points span{font-size:10px;color:var(--blue);padding-top:2px}.approach-points p{font-size:11px;color:#687680;margin:0;line-height:1.9}.approach-points strong{color:var(--ink);font-weight:700}
.contact-section{background:var(--pale);padding:100px 12%}.contact-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.contact-section h2{font-size:clamp(37px,4.7vw,62px);line-height:1.2;letter-spacing:-.07em;font-weight:400;margin:0 0 24px}.contact-section h2 span{color:#91a4b2}.contact-copy{font-size:12px;color:#687680;max-width:440px;margin:0}.contact-link{white-space:nowrap;border-bottom:1px solid var(--blue);padding:0 0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.contact-link span{color:#168fd8;margin-left:20px}
.site-footer{padding:48px 7.2% 25px;background:#fff}.footer-wordmark{display:inline-block}.site-footer>p{font-size:10px;color:#82909a;margin:16px 0 40px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:30px;font-size:9px;color:#84919a;text-transform:uppercase;letter-spacing:.08em}.footer-bottom a{margin-left:auto}.footer-bottom a+a{margin-left:0}
@media(max-width:800px){.site-header{height:72px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px;cursor:pointer}.menu-toggle span{width:23px;height:1px;background:var(--ink);display:block}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:25px 6% 30px;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.primary-nav.is-open{display:flex}.hero{height:auto;min-height:690px;padding:145px 7% 105px}.hero-note{left:7%;right:7%;gap:20px}.hero-note span:last-child{max-width:220px;text-align:right;line-height:1.7}.hero-mark{right:8%;top:42%;font-size:170px}.orbit-one{right:-30%;top:32%}.orbit-two{right:-20%;top:38%}.section-pad{padding:85px 7%}.intro-body,.section-heading,.approach-layout{grid-template-columns:1fr;gap:30px}.intro-body{margin-top:35px}.focus-item{grid-template-columns:35px 48px 1fr;gap:12px}.focus-content{grid-template-columns:1fr;gap:12px}.focus-content h3{font-size:18px}.focus-tags{grid-column:1}.statement{padding:85px 7%}.statement-symbol{right:-10%;font-size:300px}.contact-section{padding:80px 7%}.contact-inner{align-items:flex-start;flex-direction:column;gap:35px}.site-footer{padding:40px 7% 22px}}
@media(max-width:480px){.hero h1{font-size:48px}.hero-copy{font-size:13px}.hero-note{font-size:8px}.focus-item{grid-template-columns:25px 40px 1fr;gap:8px}.focus-icon{width:36px;height:36px}.focus-content h3{font-size:16px}.focus-content>p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:14px}.footer-bottom a{margin-left:0}.footer-bottom span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
