:root{--white:#f7f8f6;--pure:#fff;--ink:#171916;--muted:#747873;--faint:#a8aba6;--line:rgba(23,25,22,.105);--blue:#3766ee;--green:#8fa692;--sans:"Avenir Next","Helvetica Neue","SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;z-index:100;top:-60px;left:20px;padding:12px 18px;background:var(--ink);color:#fff}.skip-link:focus{top:20px}.atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#f4f6f3}.cloud{position:absolute;border-radius:50%;will-change:transform;transition:transform .2s linear}.cloud-back{width:75vw;height:75vw;left:-30%;top:-30%;background:#fff;filter:blur(120px);opacity:.9}.cloud-mid{width:62vw;height:62vw;right:-25%;top:12%;background:#e9eef0;filter:blur(105px);opacity:.8}.cloud-front{width:54vw;height:54vw;left:16%;bottom:-31%;background:#fff;filter:blur(75px);opacity:.88}.pointer-aura{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.9);filter:blur(58px);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}.depth-noise{position:absolute;inset:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;padding:0 clamp(22px,4vw,68px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(247,248,246,.48);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.72);transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 12px 40px rgba(49,55,46,.035)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:10px;font-weight:650;letter-spacing:.17em}.brand img{height:24px;width:auto}.site-header nav{display:flex;gap:42px}.site-header nav a,.header-entry{font-size:10px;text-decoration:none;color:#626660}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:right .3s}.site-header nav a:hover:after{right:0}.header-entry{justify-self:end;border-bottom:1px solid #959893;padding-bottom:4px}.header-entry span{margin-left:10px;color:var(--blue)}.depth-section{position:relative;min-height:100vh}.hero{padding:78px clamp(22px,6vw,100px) 40px;display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:3;margin-left:7vw}.overline{font-size:9px;letter-spacing:.23em;color:#747872;margin:0 0 35px}.hero h1{font-size:clamp(64px,9.1vw,145px);font-weight:520;letter-spacing:-.075em;line-height:.91;margin:0}.hero h1 span{font-weight:350;color:#a3a7a1}.hero-copy{font-size:13px;line-height:1.9;color:#626660;margin:42px 0 0 4px}.hero-coordinate{position:absolute;right:5vw;top:115px;font-size:8px;line-height:1.65;letter-spacing:.15em;color:#999c96}.hero-sphere{position:absolute;width:min(59vw,850px);aspect-ratio:1;right:-16%;top:50%;transform:translateY(-48%);border-radius:50%;background:rgba(255,255,255,.28);box-shadow:inset 18px 22px 70px rgba(255,255,255,.9),inset -18px -18px 70px rgba(153,166,166,.1),0 50px 100px rgba(75,82,70,.08);backdrop-filter:blur(10px);overflow:hidden}.sphere-liquid{position:absolute;border-radius:45% 55% 52% 48% / 56% 40% 60% 44%;filter:blur(34px);mix-blend-mode:multiply}.liquid-a{width:70%;height:70%;left:-8%;top:6%;background:rgba(223,230,231,.58);animation:morph 13s ease-in-out infinite alternate}.liquid-b{width:68%;height:68%;right:-10%;bottom:-4%;background:rgba(234,237,229,.75);animation:morph 16s ease-in-out infinite alternate-reverse}.sphere-shine{position:absolute;width:22%;height:12%;top:14%;left:22%;background:rgba(255,255,255,.85);border-radius:50%;filter:blur(22px);transform:rotate(-25deg)}.depth-indicator{position:absolute;left:clamp(22px,4vw,68px);bottom:34px;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.16em;color:#8d918b}.depth-indicator>div{width:90px;height:1px;background:#d1d3cf}.depth-indicator>div i{display:block;width:0;height:1px;background:var(--blue)}.depth-indicator b{font-weight:400}.section-index{position:absolute;left:clamp(22px,4vw,68px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:8px;letter-spacing:.16em;color:#979a95}.section-index i{height:50px;width:1px;background:var(--line)}.section-index span:last-child{writing-mode:vertical-rl}.belief{display:flex;align-items:center;justify-content:center;padding:110px 10vw;overflow:hidden}.belief-stage{width:min(1180px,82vw)}.belief-line{font-size:clamp(48px,7.4vw,112px);font-weight:460;letter-spacing:-.065em;line-height:1.2;margin:0;transition:filter .65s,opacity .65s,transform .65s}.line-one{filter:blur(9px);opacity:.24;transform:translateX(-3vw)}.line-two{filter:blur(4px);opacity:.48;transform:translateX(3vw)}.line-three span{color:#9da19b;font-weight:350}.belief.focused .belief-line{filter:blur(0);opacity:1;transform:none}.belief-note{position:absolute;right:8vw;bottom:10vh}.belief-note span{font-size:8px;letter-spacing:.2em;color:#989b95}.belief-note p{font-size:12px;margin:10px 0 0}.focus-control{position:absolute;right:8vw;top:15vh;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.45);backdrop-filter:blur(18px);height:38px;padding:0 16px;display:flex;align-items:center;gap:9px;font:9px var(--sans);color:#777a75;cursor:pointer;box-shadow:0 8px 30px rgba(60,66,55,.05);transition:background .25s,transform .25s}.focus-control:hover{background:#fff;transform:translateY(-2px)}.focus-control i{width:5px;height:5px;border-radius:50%;background:#aaa}.focus-control[aria-pressed="true"] i{background:var(--blue);box-shadow:0 0 0 4px rgba(55,102,238,.1)}.relation{padding:100px 11vw;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.relation-field{height:min(64vh,630px);position:relative;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 0 100px rgba(255,255,255,.7);border-radius:50%;transition:transform .25s}.company-node,.product-node{position:absolute;top:50%;transform:translateY(-50%);width:180px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.58);backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(55,62,51,.08),inset 0 0 0 1px rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;transition:transform .35s,box-shadow .35s}.company-node{left:13%}.product-node{right:13%}.company-node:hover,.product-node:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 28px 75px rgba(55,62,51,.12),inset 0 0 0 1px #fff}.company-node img{height:42px;width:auto;margin-bottom:13px}.company-node span{font-size:10px;letter-spacing:.17em;font-weight:650}.company-node small,.product-node small{font-size:7px;letter-spacing:.2em;color:#9a9d97;margin-top:7px}.product-node>span{font-size:8px;color:#9a9d97}.product-node strong{font-size:29px;font-weight:480;letter-spacing:-.04em;margin-top:5px}.flow{position:absolute;left:29%;right:29%;top:50%;height:1px;background:linear-gradient(90deg,rgba(23,25,22,.1),rgba(55,102,238,.4),rgba(23,25,22,.1))}.flow:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blue);top:-3px;animation:travel 3s linear infinite}.flow-b{transform:rotate(8deg);opacity:.45}.flow-b:after{animation-delay:-1s}.flow-c{transform:rotate(-8deg);opacity:.3}.flow-c:after{animation-delay:-2s}.relation-copy{position:absolute;top:14%;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;line-height:1.8;color:#777b75}.relation-status{text-align:center;font-size:9px;color:#898c87;letter-spacing:.06em;margin:22px 0 0}.product{padding:14vh 10vw 10vh;display:flex;align-items:center}.product-shell{position:relative;width:100%;min-height:650px;background:rgba(255,255,255,.5);backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.95);box-shadow:0 35px 110px rgba(50,58,46,.1),inset 0 0 0 1px rgba(23,25,22,.025);padding:35px 42px;overflow:hidden;transition:transform .3s}.liquid-surface{position:absolute;inset:0;overflow:hidden}.liquid-surface i{position:absolute;border-radius:46% 54% 57% 43% / 44% 48% 52% 56%;filter:blur(55px);opacity:.65}.liquid-surface i:nth-child(1){width:600px;height:600px;right:-15%;top:-40%;background:#e2e8f3;animation:morph 14s ease-in-out infinite alternate}.liquid-surface i:nth-child(2){width:430px;height:430px;left:-12%;bottom:-45%;background:#e8eee6;animation:morph 17s ease-in-out infinite alternate-reverse}.liquid-surface i:nth-child(3){width:320px;height:320px;right:30%;bottom:-35%;background:#fff}.product-top,.product-action{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.product-top{font-size:8px;letter-spacing:.16em;color:#828580}.available{display:flex;gap:9px;align-items:center}.available i{width:5px;height:5px;background:#78a07c;border-radius:50%;box-shadow:0 0 0 5px rgba(120,160,124,.1)}.product-main{position:relative;z-index:2;min-height:490px;display:flex;align-items:center;justify-content:space-between}.product-title{display:flex;align-items:center;gap:28px}.product-title img{height:72px;width:auto}.product-title small{font-size:9px;letter-spacing:.22em}.product-title h2{font-size:clamp(76px,10vw,160px);font-weight:470;line-height:.82;letter-spacing:-.075em;margin:5px 0 0}.product-main>p{align-self:flex-end;margin:0 0 65px;font-size:12px;color:#727670}.product-action{border-top:1px solid var(--line);padding-top:19px;text-decoration:none;font-size:11px}.product-action span{display:flex;align-items:center;gap:25px}.product-action small{font-size:7px;letter-spacing:.16em;color:#999c96}.product-action b{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:15px;font-weight:400;transition:transform .3s,background .3s}.product-action:hover b{transform:translate(5px,-5px);background:var(--blue)}.closing{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.closing>img{height:44px;width:auto}.closing h2{font-size:clamp(60px,9vw,132px);font-weight:470;letter-spacing:-.075em;line-height:1;margin:32px 0 15px}.closing>p{font-size:8px;letter-spacing:.23em;color:#8c908a}.closing>a{font-size:9px;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:5px;margin-top:50px}.closing>a span{margin-left:12px}.closing-room{position:absolute;width:min(74vw,900px);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.38);filter:blur(3px);box-shadow:0 0 130px rgba(255,255,255,.95);z-index:-1}.closing-room i{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.85);border-radius:50%}.closing-room i:nth-child(2){inset:27%}.closing-room i:nth-child(3){inset:42%;background:rgba(255,255,255,.55);filter:blur(14px)}.interface-status{position:fixed;left:25px;bottom:23px;z-index:25;display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:.15em;color:#8c8f89}.interface-status i{width:4px;height:4px;border-radius:50%;background:var(--green)}.cursor-label{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:#fff;padding:7px 10px;font-size:8px;opacity:0;transform:translate(15px,15px);transition:opacity .2s}footer{height:100px;padding:0 clamp(22px,4vw,68px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:8px;color:#878a85}footer a{color:inherit}
@keyframes morph{0%{transform:rotate(0) scale(1);border-radius:46% 54% 57% 43% / 44% 48% 52% 56%}50%{transform:rotate(15deg) scale(1.08);border-radius:61% 39% 42% 58% / 52% 62% 38% 48%}100%{transform:rotate(-9deg) scale(.96);border-radius:39% 61% 53% 47% / 58% 41% 59% 42%}}@keyframes travel{from{left:0}to{left:100%}}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{align-items:flex-start;padding-top:170px}.hero-content{margin-left:0}.hero h1{font-size:clamp(59px,16vw,100px)}.hero-sphere{width:80vw;right:-38%;top:63%;opacity:.72}.belief-stage{width:84vw}.belief-line{font-size:clamp(43px,11vw,75px);margin-bottom:15px}.focus-control{right:22px}.belief-note{right:22px}.relation{padding:100px 45px}.relation-field{height:65vh}.company-node,.product-node{width:125px}.company-node{left:5%}.product-node{right:5%}.relation-copy{top:10%}.product{padding:100px 22px 70px}.product-shell{min-height:560px;padding:27px}.product-main{min-height:410px}.product-title{gap:17px}.product-title img{height:48px}.product-title h2{font-size:clamp(62px,17vw,100px)}.product-main>p{display:none}.section-index{left:15px}.closing-room{width:120vw}}
@media(max-width:500px){.header-entry{font-size:0}.header-entry span{font-size:16px}.hero-copy{font-size:12px}.hero-coordinate{display:none}.depth-indicator{left:22px}.belief{padding-left:52px;padding-right:18px}.belief-note{bottom:8vh}.focus-control{top:14vh}.relation{padding:90px 15px 70px 45px}.relation-field{border-radius:40px}.company-node,.product-node{width:105px}.company-node{left:4%}.product-node{right:4%}.flow{left:29%;right:29%}.relation-copy{font-size:10px}.product-shell{min-height:480px}.product-main{min-height:340px}.product-title h2{font-size:54px}.product-action small{display:none}.closing h2{font-size:62px}.interface-status{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sphere-liquid,.liquid-surface i,.flow:after{animation:none}.pointer-aura,.cursor-label{display:none}*{transition-duration:.01ms!important}}

/* Belief: quick, weighted entrance with a soft editorial settle. */
.belief-line{transition-property:filter,opacity,transform;transition-duration:.46s,.38s,.56s;transition-timing-function:cubic-bezier(.22,1,.36,1);}
.belief.in-view .line-one{transition-delay:.02s}
.belief.in-view .line-two{transition-delay:.09s}
.belief.in-view .line-three{transition-delay:.16s}
.belief.has-active-line .belief-line:not(.is-active){transition-duration:.28s,.24s,.34s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.belief.has-active-line .belief-line.is-active{transition-duration:.34s,.28s,.42s;transition-timing-function:cubic-bezier(.16,1,.3,1)}

/* Belief depth interaction: each sentence is an interactive focal plane. */
.belief-line{cursor:crosshair;outline:none;will-change:filter,opacity,transform}
.belief.depth-ready:not(.in-view) .belief-line{filter:blur(14px);opacity:0;transform:translateY(34px) scale(.985)}
.belief.in-view .line-one{transition-delay:.05s}
.belief.in-view .line-two{transition-delay:.16s}
.belief.in-view .line-three{transition-delay:.27s}
.belief.has-active-line .belief-line:not(.is-active){filter:blur(8px);opacity:.2;transform:translateX(0) scale(.985)}
.belief.has-active-line .belief-line.is-active{filter:blur(0);opacity:1;transform:translateX(1.2vw) scale(1.015)}
.belief-line:focus-visible{filter:blur(0)!important;opacity:1!important;transform:translateX(1.2vw) scale(1.015)!important}
.belief-line:focus-visible:after{content:"FOCUS";display:inline-block;margin-left:18px;font-size:7px;letter-spacing:.18em;color:var(--blue);vertical-align:middle}
.belief.focused .belief-line,.belief.focused.has-active-line .belief-line{filter:blur(0);opacity:1;transform:none}

/* Rendering performance: preserve the composition while avoiding layout work per frame. */
.cloud{
  transform:translate3d(0,var(--cloud-y,0),0);
  transition:none;
  contain:paint;
}
.pointer-aura{
  left:0;
  top:0;
  background:radial-gradient(circle,rgba(255,255,255,.9) 0 20%,rgba(255,255,255,.68) 42%,rgba(255,255,255,0) 72%);
  filter:none;
  transform:translate3d(calc(var(--pointer-x,50vw) - 50%),calc(var(--pointer-y,50vh) - 50%),0);
  will-change:transform,opacity;
}
.pointer-aura.is-visible{opacity:.82}
.hero-sphere{
  transform:translate3d(var(--sphere-x,0),calc(-48% + var(--sphere-y,0)),0);
  will-change:transform;
  contain:paint;
}
.relation-field,.product-shell{will-change:transform;contain:paint}
.depth-section{content-visibility:auto;contain-intrinsic-block-size:100vh}
.closing{contain-intrinsic-block-size:82vh}
.sphere-liquid,.liquid-surface i{will-change:transform}

/* Border-radius interpolation repaints the large blurred liquids every frame. */
@keyframes morph{0%{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.08)}100%{transform:rotate(-9deg) scale(.96)}}

@media(max-width:820px){
  .pointer-aura{display:none}
  .cloud{will-change:auto}
}

@media(prefers-reduced-motion:reduce){
  .cloud,.hero-sphere,.relation-field,.product-shell,.sphere-liquid,.liquid-surface i{will-change:auto}
}

footer{gap:24px;flex-wrap:wrap}
.footer-records{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.footer-records a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;white-space:nowrap}
.footer-records a:hover{text-decoration:underline;text-underline-offset:3px}
.police-record img{width:18px;height:18px;object-fit:contain}
@media(max-width:640px){
  footer{height:auto;min-height:110px;padding-top:24px;padding-bottom:24px;align-items:flex-start;flex-direction:column;gap:12px}
  .footer-records{justify-content:flex-start;gap:9px 14px}
}

/* Seed 127 / 113:14 / 5:4 / 15 — information as a human gravitational field. */
.hero{isolation:isolate;padding-top:clamp(72px,8vh,120px);padding-bottom:clamp(44px,6vh,88px)}
.hero:after{content:"";position:absolute;left:6vw;right:6vw;bottom:5.5vh;height:1px;background:linear-gradient(90deg,rgba(23,25,22,.2),rgba(23,25,22,.04) 54%,transparent);transform-origin:left;animation:seed-line .9s cubic-bezier(.16,1,.3,1) .5s both}
.hero-content{width:min(64vw,1040px);margin-left:clamp(0px,3.8vw,62px)}
.hero h1{display:flex;flex-direction:column;font-size:clamp(70px,10.3vw,166px);line-height:.78;letter-spacing:-.083em;position:relative;z-index:3}
.hero h1 .hero-line{display:block;color:var(--ink);font-weight:420;overflow:visible;animation:seed-reveal .9s cubic-bezier(.16,1,.3,1) both}
.hero h1 .hero-line-people{padding-left:14.2%;animation-delay:.1s}
.hero h1 em,.hero h1 strong{font:inherit}
.hero h1 em{color:#777c76;font-weight:310}
.hero h1 strong{font-weight:540;color:var(--ink)}
.hero-statement{position:relative;z-index:3;margin:clamp(40px,6vh,72px) 0 0 14.8%;font-size:clamp(11px,.9vw,14px);line-height:1.75;letter-spacing:.015em;color:#6f746e;animation:seed-reveal .8s cubic-bezier(.22,1,.36,1) .24s both}
.hero-sphere{width:min(49vw,720px);right:-11%;top:46%;opacity:.92;animation:sphere-arrive 1.25s cubic-bezier(.16,1,.3,1) both}
.hero-sphere:before{content:"";position:absolute;inset:8%;z-index:2;border:1px solid rgba(255,255,255,.58);border-radius:50%;box-shadow:0 0 60px rgba(255,255,255,.55),inset 0 0 40px rgba(255,255,255,.34)}
.sphere-coordinates{position:absolute;inset:0;z-index:3;animation:coordinate-drift 15s linear infinite}
.sphere-coordinates span{position:absolute;font-size:7px;line-height:1;color:rgba(65,73,67,.35);font-variant-numeric:tabular-nums}
.sphere-coordinates span:nth-child(1){left:19%;top:28%}.sphere-coordinates span:nth-child(2){left:37%;top:12%}.sphere-coordinates span:nth-child(3){left:61%;top:16%}.sphere-coordinates span:nth-child(4){left:79%;top:34%}.sphere-coordinates span:nth-child(5){left:85%;top:58%}.sphere-coordinates span:nth-child(6){left:70%;top:79%}.sphere-coordinates span:nth-child(7){left:45%;top:88%}.sphere-coordinates span:nth-child(8){left:23%;top:76%}.sphere-coordinates span:nth-child(9){left:10%;top:53%}.sphere-coordinates span:nth-child(10){left:31%;top:43%}.sphere-coordinates span:nth-child(11){left:54%;top:34%}.sphere-coordinates span:nth-child(12){left:67%;top:54%}.sphere-coordinates span:nth-child(13){left:48%;top:68%}.sphere-coordinates span:nth-child(14){left:32%;top:61%}

.belief{isolation:isolate;padding-left:9vw;padding-right:7vw;justify-content:flex-start;background:linear-gradient(112deg,rgba(255,255,255,.08),rgba(255,255,255,.28) 72%,rgba(255,255,255,.08))}
.belief-stage{position:relative;z-index:2;width:min(1240px,86vw);margin-left:auto;margin-right:auto}
.belief-line{font-size:clamp(46px,6.65vw,106px);line-height:1.06;letter-spacing:-.064em}
.belief-line.line-two{padding-left:10.8%}
.belief-line.line-three{padding-left:4.6%}
.belief-line.line-two span{color:#8d928c;font-weight:320}
.information-orbit{position:absolute;z-index:0;width:min(52vw,760px);aspect-ratio:1;right:-19%;top:50%;transform:translateY(-50%);border-radius:50%;filter:blur(.2px);opacity:.72}
.information-orbit:before{content:"";position:absolute;inset:18%;border-radius:50%;background:rgba(255,255,255,.34);filter:blur(24px);box-shadow:0 0 90px rgba(255,255,255,.78)}
.information-orbit i{position:absolute;inset:var(--ring-inset,0);border:1px solid rgba(130,139,132,var(--ring-alpha,.16));border-radius:48% 52% 51% 49%;transform:rotate(var(--ring-angle,0deg));animation:orbit-breathe 15s cubic-bezier(.45,0,.55,1) infinite alternate}
.information-orbit i:nth-child(1){--ring-inset:0;--ring-alpha:.16;--ring-angle:0deg}.information-orbit i:nth-child(2){--ring-inset:7%;--ring-alpha:.142;--ring-angle:11deg;animation-delay:-3s}.information-orbit i:nth-child(3){--ring-inset:14%;--ring-alpha:.124;--ring-angle:22deg;animation-delay:-6s}.information-orbit i:nth-child(4){--ring-inset:21%;--ring-alpha:.106;--ring-angle:33deg;animation-delay:-9s}.information-orbit i:nth-child(5){--ring-inset:28%;--ring-alpha:.088;--ring-angle:44deg;animation-delay:-12s}

@keyframes seed-reveal{from{opacity:0;filter:blur(12px);transform:translateY(34px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes seed-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes sphere-arrive{from{opacity:0;filter:blur(24px);transform:translate3d(calc(var(--sphere-x,0) + 9vw),calc(-48% + var(--sphere-y,0)),0) scale(.92)}to{opacity:.92;filter:blur(0);transform:translate3d(var(--sphere-x,0),calc(-48% + var(--sphere-y,0)),0) scale(1)}}
@keyframes coordinate-drift{to{transform:rotate(360deg)}}
@keyframes orbit-breathe{0%{transform:rotate(var(--ring-angle,0deg)) scale(1)}100%{transform:rotate(calc(var(--ring-angle,0deg) + 9deg)) scale(1.035)}}

@media(max-width:820px){
  .hero{padding-top:15vh;align-items:flex-start}
  .hero-content{width:92vw;margin:0}
  .hero h1{font-size:clamp(58px,15.5vw,112px);line-height:.82}
  .hero h1 .hero-line-people{padding-left:7%}
  .hero-statement{margin-left:7%;max-width:70vw}
  .hero-sphere{width:76vw;right:-39%;top:67%;opacity:.74}
  .belief{padding-left:52px;padding-right:18px}
  .belief-stage{width:88vw}
  .belief-line{font-size:clamp(39px,10.5vw,74px);margin-bottom:18px}
  .belief-line.line-two{padding-left:4%}
  .belief-line.line-three{padding-left:0}
  .information-orbit{width:92vw;right:-57%;opacity:.55}
}
@media(max-width:500px){
  .hero-statement br{display:none}
  .hero-statement{max-width:66vw;font-size:10px}
  .sphere-coordinates span{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .hero:after,.hero h1 .hero-line,.hero-statement,.hero-sphere,.sphere-coordinates,.information-orbit i{animation:none}
}

/* Living sentence: fixed apertures prevent layout shift while meaning changes. */
.hero h1{line-height:.8}
.hero h1 .hero-line-people{padding-left:11.5%}
.belief{padding-left:8vw;padding-right:6vw;background:transparent}
.sentence-stage{width:min(1240px,84vw);position:relative;z-index:2}
.living-sentence{margin:0;display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(52px,7.1vw,114px);font-weight:430;line-height:.92;letter-spacing:-.068em}
.sentence-line{display:flex;align-items:baseline;white-space:nowrap;min-height:1em}
.sentence-opening{margin-left:12.7%}
.sentence-closing{margin-left:4.2%;color:#7f847e;font-weight:310}
.word-window{position:relative;display:inline-block;height:.94em;margin-left:.2em;overflow:hidden;vertical-align:baseline;color:var(--ink);font-weight:520;letter-spacing:-.055em}
.word-window:before,.word-window:after{position:absolute;top:50%;z-index:3;transform:translateY(-55%);font-size:.42em;font-weight:350;letter-spacing:0;color:#a2a7a1;opacity:.82}
.word-window:before{content:"[";left:0}.word-window:after{content:"]";right:0}
.word-window-action{width:7.35em}.word-window-process{width:6.2em}
.rotor-word{position:absolute;left:.34em;right:.34em;top:0;display:flex;height:.94em;align-items:baseline;white-space:nowrap;transition:opacity .28s cubic-bezier(.4,0,1,1),filter .28s cubic-bezier(.4,0,1,1),transform .28s cubic-bezier(.4,0,1,1);will-change:opacity,filter,transform}
.rotor-word.is-leaving{opacity:0;filter:blur(13px);transform:translateY(-24%) scaleY(.65)}
.rotor-word.is-entering{opacity:0;filter:blur(13px);transform:translateY(24%) scaleY(.65)}
.word-window>i{position:absolute;z-index:2;left:.28em;right:.28em;top:53%;height:1px;background:linear-gradient(90deg,transparent,rgba(55,102,238,.72),transparent);opacity:0;transform:scaleX(.2);pointer-events:none}
.rotors-visible .word-window>i{animation:semantic-scan 2.8s cubic-bezier(.65,0,.35,1) infinite}
.semantic-haze{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.semantic-haze i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.48}
.semantic-haze i:first-child{width:34vw;height:34vw;right:-8vw;top:8%;background:rgba(218,227,231,.58)}
.semantic-haze i:last-child{width:28vw;height:28vw;left:17%;bottom:-12%;background:rgba(255,255,255,.92)}
@keyframes semantic-scan{0%,7%,100%{opacity:0;transform:scaleX(.15)}14%{opacity:.72}27%{opacity:0;transform:scaleX(1)}}

@media(max-width:820px){
  .hero h1 .hero-line-people{padding-left:7%}
  .sentence-stage{width:88vw}
  .living-sentence{font-size:clamp(40px,10.2vw,74px);line-height:1.02}
  .sentence-opening{margin-left:5%}
  .sentence-closing{margin-left:0}
  .word-window-action{width:7.45em}.word-window-process{width:6.3em}
}
@media(max-width:500px){
  .living-sentence{font-size:clamp(32px,9.7vw,48px);line-height:1.12;letter-spacing:-.06em}
  .sentence-line{white-space:normal;flex-wrap:wrap}
  .sentence-opening{margin-left:0}
  .word-window{margin-left:.16em}
  .word-window-action{width:7.2em}.word-window-process{width:6.05em}
  .semantic-haze i:first-child{width:72vw;height:72vw;right:-35vw}
}
@media(prefers-reduced-motion:reduce){
  .rotor-word{transition:none}.word-window>i{animation:none!important}
}

/* Living sentence v2: only the verb changes; typography and geometry remain stable. */
.sentence-stage{width:min(1240px,84vw)}
.living-sentence{width:100%;font-size:clamp(50px,4.65vw,76px);font-weight:430;line-height:1.04;letter-spacing:-.062em;color:var(--ink)}
.sentence-opening{margin-left:8%;gap:.18em}
.sentence-closing{max-width:100%;margin-left:0;font:inherit;color:inherit}
.word-window{position:relative;display:inline-block;flex:0 0 3.18em;width:3.18em;height:auto;margin-left:0;overflow:visible;vertical-align:baseline;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit}
.word-window:before{content:"explore";position:static;display:block;visibility:hidden;opacity:0;transform:none;font:inherit;line-height:inherit;letter-spacing:inherit}
.word-window:after{content:none}
.rotor-word{position:absolute;top:0;left:0;display:block;height:auto;white-space:nowrap;font:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;transition:none;will-change:opacity,filter,transform}
.word-window>i{display:none}

@media(max-width:820px){
  .sentence-stage{width:88vw}
  .living-sentence{font-size:clamp(40px,7.8vw,62px);line-height:1.06}
  .sentence-opening{margin-left:5%}
  .sentence-closing{margin-left:0}
}
@media(max-width:500px){
  .living-sentence{font-size:clamp(32px,9.2vw,44px);line-height:1.1;letter-spacing:-.058em}
  .sentence-line{white-space:nowrap;flex-wrap:nowrap}
  .sentence-opening{gap:.12em}
  .sentence-closing{display:block;max-width:92vw;margin-left:0;white-space:normal}
  .word-window{flex-basis:3.18em;width:3.18em;margin-left:0}
}

/* Brand badge: a frosted-glass disc anchored to the viewport's top-left corner.
   position:fixed lets the compositor pin it, so it never lags or jitters while scrolling.
   It dissolves before the third section rises into view (see site.js) and fades back in
   when scrolling up again. */
.brand-badge{--badge-size:clamp(52px,4.2vw,68px);position:fixed;top:clamp(20px,1.9vw,34px);left:clamp(20px,1.9vw,34px);z-index:40;display:grid;place-items:center;width:var(--badge-size);height:var(--badge-size);border-radius:50%;background:rgba(255,255,255,.42);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 38px rgba(52,60,48,.09),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -14px 26px rgba(255,255,255,.5);pointer-events:none;opacity:1;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 0s linear}
.brand-badge.is-dismissed{opacity:0;visibility:hidden;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 0s linear 1s}
.brand-badge img{display:block;width:auto;height:calc(var(--badge-size) * .42);max-width:46%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(49,55,46,.16))}