:root{--ink:#070d0e;--paper:#fff;--cyan:#dcf5f9;--teal:#187a8c;--muted:#070d0ea3;--line-dark:#dcf5f933;--line-light:#070d0e29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}p{text-wrap:pretty}.site-header{background:var(--ink);border-bottom:1px solid var(--line-dark);color:var(--paper);z-index:10;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(24px,5vw,80px);display:flex;position:relative}.brand{letter-spacing:-.03em;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.brand small{letter-spacing:.14em;text-transform:uppercase;border-left:1px solid #ffffff4d;margin-left:10px;padding-left:10px;font-size:.68rem;font-weight:500}.brand-logo{object-fit:contain;width:88px;height:52px;display:block}nav{gap:clamp(18px,3vw,44px);display:flex}nav a{color:#ffffffb8;font-size:.82rem;transition:color .2s}nav a:hover,nav a:focus-visible{color:var(--cyan)}.hero{background:var(--ink);color:var(--paper);grid-template-columns:1.1fr .9fr;min-height:calc(100vh - 84px);display:grid;overflow:hidden}.hero-copy{align-self:center;max-width:850px;padding:80px clamp(24px,4vw,80px) 100px clamp(24px,5vw,80px)}.eyebrow{color:#ffffff94;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 42px;font-size:.68rem;font-weight:700;display:flex}.eyebrow span{background:var(--teal);border-radius:50%;width:7px;height:7px}h1{letter-spacing:-.064em;max-width:900px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.1rem,7.4vw,8.8rem);font-weight:400;line-height:.86}h1 em{color:var(--cyan);font-weight:400}.hero-intro{color:#ffffffad;max-width:620px;margin:42px 0 34px;font-size:clamp(1rem,1.2vw,1.22rem);line-height:1.65}.text-link{border-bottom:1px solid;align-items:center;gap:72px;padding:0 0 9px;font-size:.84rem;display:inline-flex}.text-link span{color:var(--cyan);font-size:1.1rem}.learning-field{border-left:1px solid var(--line-dark);min-height:620px;position:relative;overflow:hidden}.field-grid{background-image:linear-gradient(var(--line-dark) 1px, transparent 1px), linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);opacity:.35;background-size:72px 72px;position:absolute;inset:0}.orbit{border:1px solid #dcf5f952;border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.orbit:after{background:var(--teal);border:3px solid var(--ink);content:"";border-radius:50%;width:17px;height:17px;position:absolute;top:16%;right:12%}.orbit-one{width:300px;height:300px}.orbit-two{width:510px;height:510px}.orbit-two:after{inset:auto auto 10% 19%}.field-core{background:var(--cyan);color:var(--ink);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:126px;height:126px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.field-core span{font-family:Georgia,serif;font-size:1.1rem;line-height:1.08}.field-label{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;position:absolute}.label-one{top:26%;left:13%}.label-two{top:36%;right:12%}.label-three{bottom:32%;left:20%}.learning-field>p{color:#ffffff7a;max-width:320px;font-family:Georgia,serif;font-size:1rem;font-style:italic;line-height:1.45;position:absolute;bottom:6%;left:9%}.research{background:var(--cyan);padding:clamp(90px,12vw,180px) clamp(24px,5vw,80px)}.section-heading{grid-template-columns:1fr 2.1fr 1fr;gap:20px;margin-bottom:100px;display:grid}.eyebrow.dark{color:#070d0e94;margin:8px 0 0}.section-heading h2,.transition-title h2,.initiative-intro h2,.principles-title h2,.method-copy h2,.about h2{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.8rem);font-weight:400;line-height:.98}.section-heading>p:last-child{color:var(--muted);align-self:end;margin:0;line-height:1.55}.research-grid{border-top:1px solid var(--line-light);grid-template-columns:repeat(3,1fr);display:grid}.research-grid article{border-right:1px solid var(--line-light);min-height:310px;padding:28px 34px 20px 0}.research-grid article+article{padding-left:34px}.research-grid article:last-child{border-right:0}.research-grid article>span,.era-track article>span{color:var(--teal);font-size:.72rem}.research-grid h3{margin:98px 0 18px;font-family:Georgia,serif;font-size:2rem;font-weight:400}.research-grid p{color:var(--muted);max-width:360px;margin:0;line-height:1.58}.transition{background:var(--ink);color:var(--paper);padding:clamp(90px,12vw,170px) clamp(24px,5vw,80px)}.eyebrow.light{margin-bottom:34px}.transition-title{grid-template-columns:1fr 3fr;display:grid}.transition-title h2 em,.principles-title h2 em{color:var(--cyan);font-weight:400}.era-track{grid-template-columns:repeat(4,1fr);margin-top:130px;display:grid;position:relative}.era-line{background:var(--line-dark);height:1px;position:absolute;top:0;left:0;right:0}.era-track article{min-height:260px;padding:27px 28px 0 0;position:relative}.era-track article:before{background:var(--ink);content:"";border:1px solid #dcf5f973;border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;left:0}.era-track article.active:before{background:var(--cyan);box-shadow:0 0 0 8px #dcf5f914}.era-track h3{margin:68px 0 16px;font-family:Georgia,serif;font-size:2rem;font-weight:400}.era-track p{color:#ffffff8a;max-width:230px;margin:0;line-height:1.55}.thesis-note{border-left:1px solid var(--teal);grid-template-columns:1fr 3fr;gap:40px;margin-top:95px;margin-left:25%;padding:12px 0 12px 30px;display:grid}.thesis-note span{color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.thesis-note p{max-width:940px;margin:0;font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,2rem);line-height:1.35}.question-section{background:var(--teal);color:var(--paper);min-height:720px;padding:clamp(80px,10vw,150px) clamp(24px,5vw,80px);position:relative;overflow:hidden}.question-section>p{letter-spacing:.14em;text-transform:uppercase;margin:0 0 130px;font-size:.7rem;font-weight:700}.question-section h2{letter-spacing:-.055em;z-index:1;max-width:1250px;margin:0;font-family:Georgia,serif;font-size:clamp(3.1rem,6.4vw,7.6rem);font-weight:400;line-height:.92;position:relative}.question-mark{color:#dcf5f91a;font-family:Georgia,serif;font-size:44rem;line-height:.7;position:absolute;top:8%;right:-1%}.initiatives{background:var(--paper);padding:clamp(90px,12vw,180px) clamp(24px,5vw,80px)}.initiative-intro{grid-template-columns:1fr 2fr 1fr;gap:28px;margin-bottom:110px;display:grid}.initiative-intro>p:last-child{color:var(--muted);align-self:end;margin:0;line-height:1.6}.initiative-stack{grid-template-columns:1fr 1fr;gap:22px;display:grid}.initiative-card{min-height:710px;padding:28px;position:relative;overflow:hidden}.flowst{background:var(--ink);color:var(--paper)}.flowst:before{content:"";opacity:.35;background-image:radial-gradient(#dcf5f93d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.pebbles{background:var(--cyan)}.card-top{letter-spacing:.11em;text-transform:uppercase;z-index:2;justify-content:space-between;font-size:.66rem;display:flex;position:relative}.flowst .card-top{color:#ffffff7a}.pebbles .card-top{color:var(--muted)}.product-word{letter-spacing:-.07em;z-index:2;font-family:Georgia,serif;font-size:clamp(4.3rem,8vw,8.8rem);line-height:.8;position:absolute;bottom:255px}.product-dot{color:var(--teal)}.card-bottom{z-index:2;border-top:1px solid;grid-template-columns:1.1fr .9fr;gap:25px;padding-top:24px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.flowst .card-bottom{border-color:#ffffff40}.pebbles .card-bottom{border-color:var(--line-light)}.card-bottom h3{margin:0;font-family:Georgia,serif;font-size:clamp(1.4rem,2vw,2.1rem);font-weight:400;line-height:1.14}.card-bottom p{margin:0;font-size:.86rem;line-height:1.6}.flowst .card-bottom p{color:#ffffff8f}.pebbles .card-bottom p{color:var(--muted)}.pebble-field{position:absolute;inset:70px 0 240px}.pebble-field i{background:var(--teal);border-radius:45% 55% 52% 48%;display:block;position:absolute}.pebble-field i:first-child{width:210px;height:160px;top:25%;left:8%;transform:rotate(18deg)}.pebble-field i:nth-child(2){background:var(--paper);width:140px;height:110px;top:7%;right:14%;transform:rotate(-14deg)}.pebble-field i:nth-child(3){background:#070d0ee6;width:120px;height:90px;top:47%;left:44%;transform:rotate(33deg)}.pebble-field i:nth-child(4){background:var(--paper);width:82px;height:65px;top:72%;left:21%}.pebble-field i:nth-child(5){width:72px;height:54px;top:70%;right:9%}.principles{background:var(--ink);color:var(--paper);grid-template-columns:.9fr 1.1fr;gap:9vw;padding:clamp(90px,12vw,170px) clamp(24px,5vw,80px);display:grid}.principles-title{align-self:start;position:sticky;top:70px}.principles-list{border-top:1px solid var(--line-dark)}.principles-list article{border-bottom:1px solid var(--line-dark);grid-template-columns:50px 1fr 1fr;gap:25px;padding:35px 0 50px;display:grid}.principles-list article>span{color:var(--teal);font-size:.72rem}.principles-list h3{margin:0;font-family:Georgia,serif;font-size:1.65rem;font-weight:400}.principles-list p{color:#ffffff8c;margin:0;line-height:1.6}.method{background:var(--cyan);grid-template-columns:.7fr 1.3fr;gap:7vw;padding:clamp(90px,12vw,170px) clamp(24px,5vw,80px);display:grid}.method-copy>p:last-child{color:var(--muted);max-width:420px;margin-top:34px;line-height:1.6}.method-loop{counter-reset:item;margin:0;padding:0;list-style:none}.method-loop li{border-top:1px solid var(--line-light);grid-template-columns:60px 1fr 1fr;align-items:center;min-height:120px;display:grid}.method-loop li:last-child{border-bottom:1px solid var(--line-light)}.method-loop span{color:var(--teal);font-size:.72rem}.method-loop strong{font-family:Georgia,serif;font-size:2rem;font-weight:400}.method-loop small{color:var(--muted);font-size:.86rem}.about{background:var(--teal);color:var(--paper);grid-template-columns:1.25fr .75fr;gap:10vw;padding:clamp(90px,12vw,170px) clamp(24px,5vw,80px);display:grid}.about h2{font-size:clamp(3rem,5.8vw,7rem)}.about-copy{align-self:end}.about-copy p{color:#ffffffc2;font-size:1.05rem;line-height:1.7}.about-copy .text-link{margin-top:35px}footer{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;min-height:220px;padding:60px clamp(24px,5vw,80px);display:grid}footer p{color:#ffffff73;margin:0;font-size:.72rem}footer p:last-child{text-align:right}@media (max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:720px;padding-top:100px}.learning-field{border-left:0;border-top:1px solid var(--line-dark);min-height:620px}.section-heading,.transition-title,.initiative-intro,.principles,.method,.about{grid-template-columns:1fr}.section-heading,.initiative-intro{margin-bottom:70px}.era-track{grid-template-columns:1fr 1fr;row-gap:40px}.era-line{display:none}.era-track article{border-top:1px solid var(--line-dark)}.thesis-note{grid-template-columns:1fr;margin-left:0}.initiative-stack{grid-template-columns:1fr}.principles-title{position:static}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}@media (max-width:680px){.site-header{height:72px}h1{font-size:3.7rem}.hero-copy{min-height:660px}.learning-field{min-height:520px}.orbit-two{width:390px;height:390px}.orbit-one{width:240px;height:240px}.research-grid{grid-template-columns:1fr}.research-grid article,.research-grid article+article{border-bottom:1px solid var(--line-light);border-right:0;min-height:230px;padding:28px 0}.research-grid h3{margin-top:60px}.era-track{grid-template-columns:1fr}.question-section{min-height:630px}.question-section>p{margin-bottom:90px}.initiative-card{min-height:720px}.card-bottom{grid-template-columns:1fr}.product-word{bottom:340px}.pebble-field{bottom:320px}.principles-list article{grid-template-columns:42px 1fr}.principles-list p{grid-column:2}.method-loop li{grid-template-columns:42px 1fr;gap:12px;padding:22px 0}.method-loop small{grid-column:2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:SUSE;src:url(/brand/SUSE/SUSE-VariableFont_wght.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Bellota Text;src:url(/brand/Bellota_Text/BellotaText-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bellota Text;src:url(/brand/Bellota_Text/BellotaText-Italic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}body{font-family:SUSE,Arial,sans-serif}h1,.section-heading h2,.transition-title h2,.initiative-intro h2,.principles-title h2,.method-copy h2,.about h2,.research-grid h3,.era-track h3,.thesis-note p,.question-section h2,.question-mark,.product-word,.card-bottom h3,.principles-list h3,.method-loop strong,.field-core span,.learning-field>p{font-family:Bellota Text,Georgia,serif}
