/* Ounongo / Creative field — a light, kinetic visual system. */
:root{--accent-type:#c54a00;--electric:#ff6200;--ease-out:cubic-bezier(.16,1,.3,1)}
body{overflow-x:clip;background:#f8f8f4}.accent-text{color:var(--accent-type)}.site-header{height:92px;border-bottom-color:#d9d6ca80}.site-header.scrolled{background:#f8f8f4e8;box-shadow:0 4px 40px #81634a0a}.primary-nav>a.active,.primary-nav>a:hover,.nav-contact,.section-label>span:first-child,.eyebrow,.panel-kicker,.founder-role,.pipeline-note>.mono,.contact-meta .mono{color:var(--accent-type)}.primary-nav>a{transition:color .25s}.primary-nav>a:after{transition:width .4s var(--ease-out)!important}.site-header .brand{width:218px}.reading-progress{height:2px}
.hero{min-height:790px;height:calc(100svh - 92px);max-height:1060px;padding-top:20px;grid-template-columns:48% 52%;column-gap:0;align-items:center}.hero-copy{padding:0 0 62px;align-self:center}.hero h1{line-height:1.04;letter-spacing:-.075em;position:relative;z-index:2}.hero .title-prelude{font-size:clamp(25px,3.1vw,45px);letter-spacing:-.05em;line-height:1.7}.hero .title-orange{font-size:clamp(60px,7.4vw,108px);color:var(--accent-type);line-height:1.14;letter-spacing:-.085em}.hero .title-finale{font-size:clamp(47px,5.9vw,87px);letter-spacing:-.08em;line-height:1.25}.orange-stop{color:var(--electric)}.hero .eyebrow{font-size:9px;letter-spacing:.055em;margin-bottom:23px}.hero-intro{margin-top:25px;max-width:430px;font-size:13px;line-height:1.9}.hero .button-dark{background:#c54a00;box-shadow:0 9px 35px #c54a0019}.hero .button-dark:hover{background:#a83f00}.hero .button,.hero-secondary{font-size:11px}.hero-secondary{margin:0 0 0 18px}.hero-art{height:100%;max-height:780px;min-height:660px;width:112%;margin-left:-5%;border:0;background:none;overflow:visible;align-self:center;perspective:none;isolation:isolate}.hero-art:before{inset:15% 5% 18%;background:radial-gradient(ellipse,#ffc89b55,transparent 69%);filter:blur(22px);animation:ambient-breathe 10s ease-in-out infinite}.hero-art:after{display:none}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero-art .art-grid{inset:12% -3% 20%;opacity:.45;background-image:linear-gradient(#bbad9724 1px,transparent 1px),linear-gradient(90deg,#bbad9724 1px,transparent 1px);background-size:40px 40px;animation:grid-drift 28s linear infinite}.art-note-top{top:6%;left:12%;font-size:8px;color:#a84b14;letter-spacing:.06em}.scene-number{top:6%;right:9%;font-size:8px;color:#a84b14}.field-coordinate{position:absolute;right:4%;top:50%;font-size:7px;writing-mode:vertical-rl;letter-spacing:.14em;color:#a3876d}.orbital-reticle{position:absolute;inset:14% 3% 22%;border:1px solid #cdb69d66;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.orbital-reticle:before{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px dashed #cdb69d55;animation:orbit 90s linear infinite}.orbital-reticle i{position:absolute;width:5px;height:5px;background:var(--orange);border-radius:50%;left:0;top:50%;box-shadow:0 0 0 6px #ff620011}.orbital-reticle i:nth-child(2){left:auto;right:0}.orbital-reticle i:nth-child(3){left:50%;top:0}.art-tag{z-index:2;font-size:8px;color:#865331;border:0;border-left:1px solid #df9a6a;background:#f8f8f4d9;box-shadow:0 5px 28px #a1743510;padding:8px 11px;backdrop-filter:blur(6px)}.tag-people{top:25%;left:0}.tag-tools{right:1%;top:54%}.tag-opportunity{left:5%;bottom:25%}.scene-controls{left:16%;right:8%;bottom:10%;border:0;border-bottom:1px solid #cbbcaa;background:none;gap:8px}.scene-controls button{font-size:9px;position:relative;padding:13px 0;transition:color .3s;background:transparent!important;color:#6b6961!important}.scene-controls button+button{border:0}.scene-controls button:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--orange);transform:scaleX(0);transition:transform .5s var(--ease-out)}.scene-controls button[aria-pressed=true]{color:var(--accent-type)!important}.scene-controls button[aria-pressed=true]:after{transform:scaleX(1)}.scene-controls button:hover{color:var(--accent-type)!important}.art-caption{left:16%;right:8%;bottom:3%;font-size:6.5px;border:0;color:#8d7762;gap:10px}.art-caption button{font-size:7px;flex:none}.hero-baseline{grid-column:1/-1;position:absolute;bottom:0;left:0;right:0;margin:0;z-index:2;border-color:#d8c9b8; padding-block:19px}.hero-baseline>.mono{color:var(--accent-type)}.hero-baseline>a{color:var(--accent-type)}
.about{position:relative;padding-top:130px;padding-bottom:90px}.about .editorial-grid{gap:90px}.about h2{font-size:clamp(36px,3.6vw,52px);line-height:1.22}.about .lead{color:var(--accent-type);font-size:21px}.section-label .label-line{background:linear-gradient(90deg,#dc955f88,#d9ddd650)}.audience-strip{margin-top:64px;border-color:#ddbc9c77}.audience-track p{font-size:25px;letter-spacing:-.05em}.audience-strip>.mono{color:var(--accent-type)}
/* A native scroll sequence; no scroll interception, inertia or forced jumps. */
.dimension-story{height:170vh;min-height:1150px;position:relative;background:radial-gradient(ellipse at 75% 55%,#f6debd7a,transparent 55%),#f2f0e8;border-block:1px solid #e6dfd2}.dimension-sticky{position:sticky;top:92px;height:calc(100svh - 92px);min-height:660px;max-height:1100px;overflow:hidden}.dimension-layout{height:100%;display:grid;grid-template-columns:42% 58%;align-items:center;position:relative}.dimension-copy{position:relative;z-index:2;padding-block:45px}.dimension-copy h2{font-size:clamp(36px,4.3vw,64px);line-height:1.16;letter-spacing:-.065em}.dimension-steps{padding:0;margin:35px 0 0;list-style:none;max-width:340px}.dimension-steps li{padding:11px 0 11px 18px;position:relative;border-left:1px solid #c9beae;transition:color .5s,opacity .5s,transform .5s;opacity:.53}.dimension-steps li:before{position:absolute;content:"";width:3px;left:-2px;top:0;bottom:0;background:var(--electric);transform:scaleY(0);transition:transform .5s}.dimension-steps li.active{opacity:1;transform:translateX(5px)}.dimension-steps li.active:before{transform:scaleY(1)}.dimension-steps span{font-size:8px;color:var(--accent-type);letter-spacing:.08em}.dimension-steps p{font-size:12px;margin:4px 0 0}.dimension-cue{display:flex;align-items:center;gap:18px;font-size:8px;margin-top:32px;color:#856c51}.dimension-cue i{font-size:18px;font-style:normal;color:var(--accent-type);animation:scroll-cue 2s infinite}.dimension-art{height:100%;position:relative;min-height:560px}.dimension-art canvas{position:absolute;inset:0;width:115%;height:100%;left:-9%}.dimension-word{position:absolute;left:-12%;right:-12%;top:50%;transform:translateY(-50%);text-align:center;font-size:clamp(75px,10vw,170px);font-weight:500;letter-spacing:-.075em;line-height:1;color:#ad4f1120;-webkit-text-stroke:1px #c8773a40;z-index:0;pointer-events:none}.dimension-side{position:absolute;right:-15px;top:20%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.09em;color:#996b49}.dimension-crosshair{position:absolute;inset:15% 0;border:1px solid #cdb89e66;border-radius:50%}.dimension-crosshair:after{content:"";position:absolute;inset:7%;border:1px dashed #cdb89e66;border-radius:50%;animation:orbit 65s linear infinite}.dimension-meter{position:absolute;bottom:13%;left:17%;right:17%;height:1px;background:#c6ad934f}.dimension-meter span{display:block;transform-origin:left;transform:scaleX(var(--dimension-progress,.02));height:2px;background:var(--orange)}
.focus{padding-block:125px}.focus-explorer{padding:38px;border:1px solid #e3d8c7;background:radial-gradient(ellipse at 90% 0,#ffe3c532,transparent 65%);position:relative;gap:70px}.focus-tabs button[aria-selected=true]>span:nth-child(2){color:var(--accent-type)}.focus-content h3{font-size:31px}.focus-tabs button{transition:color .3s,padding .5s}.focus-signal{height:105px}.signal-travel{stroke-width:2.2}.panel-kicker{font-size:8px}
.platform-section{background:radial-gradient(ellipse at 80% 50%,#d0e7d8aa,transparent 65%),linear-gradient(120deg,#eff5ef,#e3eee6);position:relative;overflow:hidden}.platform-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#538a7308 1px,transparent 1px),linear-gradient(90deg,#538a7308 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,black,transparent)}.platform-section>.section-shell{position:relative}.platform-intro h2{font-size:clamp(40px,4.8vw,66px)}.platform-detail-grid{position:relative;border-top:1px solid #87ad941f;padding-top:25px}.platform-scan{position:absolute;inset:0;pointer-events:none;overflow:hidden}.platform-scan:after{content:"";position:absolute;top:0;bottom:0;width:25%;background:linear-gradient(90deg,transparent,#9bddb319,transparent);animation:scan-field 12s linear infinite}.journey-diagram{perspective:1000px;border:1px solid #74a58b38;background:#f0f7ee55;border-radius:0;overflow:hidden;transition:transform .7s var(--ease-out);transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.journey-halo{position:absolute;left:13%;top:10%;width:74%;aspect-ratio:1;border-radius:50%;border:1px solid #47927422;background:radial-gradient(circle,#a2d2b633,transparent 65%);animation:ambient-breathe 9s ease-in-out infinite}.journey-links{z-index:1}.journey-node{z-index:2;background:#f3f8f0e8;border:1px solid #78a48b3c;box-shadow:0 10px 25px #4e7e5b0a;padding:10px 12px;border-radius:0}.journey-node.is-highlighted{border-color:#25876c;box-shadow:0 0 0 5px #4eaa7e13,0 10px 30px #45856315;transform:translateY(-5px)}.journey-node .node-icon{font-size:22px}.journey-route{stroke-dasharray:4 6;stroke-opacity:.55}.journey-flow{stroke-width:2.5;filter:drop-shadow(0 0 4px #50b28a66)}.feature-list summary{transition:color .25s,padding .35s}.feature-list details[open] summary{color:#07686b}.feature-list summary:hover{padding-left:7px}.feature-list details[open]{border-color:#39967980}.pipeline-note .mono{color:var(--accent-type)}
.principles article{padding-top:38px;padding-bottom:35px;position:relative}.principles article:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-out)}.principles article:hover:after{transform:scaleX(1)}.principles article:hover{background:#ffe6cf24}.principles .mono{color:var(--accent-type)}.principle-mark{color:var(--accent-type)}.founders article{position:relative;padding:28px 22px;background:linear-gradient(135deg,#fff0, #fae8d455);border-bottom:1px solid #dcb69344}.founder-discipline{color:var(--accent-type)}.founder-monogram:after{border-color:#d7844c}.founders article:after{position:absolute;content:"+";right:14px;top:14px;font:16px var(--mono);color:#ca702d80}.contact{background:linear-gradient(120deg,#f3e2ce,#fbecdd 50%,#f1ddc7)}.contact h2{font-size:clamp(40px,4.5vw,64px)}.contact-email{color:var(--accent-type);font-size:clamp(23px,2.7vw,36px);font-weight:400}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#be793719 1px,transparent 1px),linear-gradient(90deg,#be793719 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,black);transform:translateY(calc(var(--contact-drift,0) * 1px))}.contact .section-shell{position:relative;z-index:1}.contact:after{border-color:#d1915b55}.contact .button-outline{border-color:#c3845155}.site-footer{border-top:1px solid #e5c6a666}
.pointer-aura{position:fixed;top:0;left:0;width:24px;height:24px;margin:-12px;border:1px solid #e6692377;border-radius:50%;pointer-events:none;z-index:60;opacity:0;transform:translate3d(var(--pointer-x,-100px),var(--pointer-y,-100px),0);transition:width .25s,height .25s,margin .25s,border-color .25s,opacity .2s;mix-blend-mode:multiply}.pointer-aura.over-control{width:44px;height:44px;margin:-22px;border-color:#ec661eaa;background:#ff62000a}.pointer-aura.in-field{width:70px;height:70px;margin:-35px;border-style:dashed}.pointer-aura.pointer-visible{opacity:1}.button,.text-link{will-change:transform}.button:focus-visible{transform:none!important}.global-motion{background:#fbf9f3e8;border-color:#d2b4968c}.motion-indicator{box-shadow:0 0 14px #ff620044}.section-rail a.active i{box-shadow:0 0 10px #ff620038}.section-rail span{color:var(--accent-type)}
@keyframes scan-field{from{transform:translateX(-110%)}to{transform:translateX(510%)}}
@media(min-width:1600px){.hero-art{min-height:780px}.hero-copy{padding-bottom:85px}.hero{min-height:880px}.dimension-sticky{top:92px}}
@media(max-width:1160px){.hero{min-height:720px}.hero .title-orange{font-size:7.3vw}.hero .title-finale{font-size:5.7vw}.hero-art{min-height:620px}.hero-copy{padding-bottom:30px}.hero-secondary{display:flex;margin:18px 0 0;width:max-content}.hero-intro{max-width:370px}.hero .eyebrow{font-size:8px}.hero-art .art-note-top{font-size:7px}.art-tag{font-size:7px}.art-caption{font-size:5.5px}.focus-explorer{gap:35px;padding:28px}.dimension-copy h2{font-size:4.4vw}.dimension-sticky{min-height:600px}.dimension-layout{grid-template-columns:43% 57%}.founder-top h3{font-size:22px}.about .editorial-grid{gap:50px}}
@media(max-width:900px){.site-header{height:84px;padding-inline:24px}.site-header .brand{width:200px}.hero{min-height:650px;height:auto;padding-top:25px}.hero-copy{padding-bottom:65px}.hero-art{min-height:580px;height:580px}.hero .title-prelude{font-size:3vw}.hero .title-orange{font-size:7vw}.hero .title-finale{font-size:5.5vw}.hero-intro{font-size:12px}.hero .eyebrow{font-size:6.5px}.art-caption>span{max-width:95px}.art-caption{align-items:center}.scene-controls{left:9%;right:6%}.scene-controls button{font-size:8px}.art-caption{left:9%;right:6%}.art-note-top{left:9%;font-size:6px!important}.scene-number{right:6%;font-size:6px}.dimension-story{height:150vh;min-height:1000px}.dimension-sticky{top:84px;height:calc(100svh - 84px);min-height:600px}.dimension-copy h2{font-size:4.1vw}.dimension-steps p{font-size:11px}.dimension-art{min-height:480px}.dimension-copy .eyebrow{font-size:8px}.dimension-side{right:-5px;font-size:6px}.about h2{font-size:33px}.about .lead{font-size:18px}.focus-explorer{padding:22px;gap:25px}.focus-content h3{font-size:25px}.platform-intro h2{font-size:44px}.contact h2{font-size:38px}.contact-email{font-size:22px}.pointer-aura{display:none}.founders article{padding-inline:0}.founder-top{gap:15px}.founder-top h3{font-size:20px}}
@media(max-width:640px){.site-header{height:80px}.site-header .brand{width:185px}.hero{display:flex;min-height:0;max-height:none;height:auto;padding-top:38px;overflow:visible}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:7px;letter-spacing:.03em;margin-bottom:17px}.hero .title-prelude{font-size:25px;line-height:1.6}.hero .title-orange{font-size:clamp(57px,16.8vw,90px);letter-spacing:-.09em}.hero .title-finale{font-size:clamp(43px,12.8vw,72px);letter-spacing:-.085em}.hero-intro{font-size:12px;line-height:1.95;margin-top:24px;max-width:440px}.hero .button{font-size:9px;gap:12px;padding-inline:12px}.hero-secondary{display:inline-flex;font-size:9px;margin:0 0 0 13px}.hero-art{width:calc(100% + 30px);margin:16px -15px 0;min-height:465px;height:465px;max-height:none;overflow:visible}.hero-art .art-note-top{top:4%;font-size:6px!important;left:10%}.scene-number{top:4%;right:9%;font-size:6px}.orbital-reticle{inset:12% 4% 24%}.art-tag{font-size:7px;padding:6px 8px}.tag-people{left:3%;top:25%}.tag-tools{right:2%;top:48%}.tag-opportunity{bottom:27%;left:8%}.field-coordinate{font-size:5px;right:2%}.scene-controls{bottom:10%;left:13%;right:10%;gap:0}.scene-controls button{font-size:7px}.art-caption{bottom:2%;left:13%;right:10%;font-size:5px}.art-caption>span{max-width:none}.art-caption button{font-size:6px}.hero-baseline{position:relative;margin-top:14px;padding:19px 0;width:100%;font-size:8px}.hero-baseline p{font-size:9px}.hero-baseline>.mono{font-size:7px}.about{padding-block:74px 65px}.about .editorial-grid{gap:27px}.about h2{font-size:32px}.about .lead{font-size:17px}.audience-strip{margin-top:35px}.audience-track p{font-size:21px}.dimension-story{height:160vh;min-height:1120px}.dimension-sticky{top:80px;height:calc(100svh - 80px);min-height:680px;max-height:850px}.dimension-layout{display:block;padding-block:28px;width:calc(100% - 48px)}.dimension-copy{padding:0}.dimension-copy .eyebrow{font-size:7px;margin-bottom:15px}.dimension-copy h2{font-size:34px;line-height:1.16}.dimension-copy h2 br:nth-of-type(1){display:none}.dimension-copy h2 br:nth-of-type(1):after{content:" "}.dimension-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:none;margin-top:24px;gap:8px}.dimension-steps li{padding:5px 0 5px 10px;opacity:.65}.dimension-steps li.active{transform:none}.dimension-steps span{font-size:6px}.dimension-steps p{font-size:9px;line-height:1.7}.dimension-cue{position:absolute;top:640px;margin:0;font-size:6px;z-index:2}.dimension-art{height:360px;min-height:360px;width:100%;margin-top:10px}.dimension-art canvas{width:calc(100% + 40px);left:-20px}.dimension-word{font-size:20vw;left:-15px;right:-15px}.dimension-crosshair{inset:7% 2% 11%}.dimension-side{right:-9px;top:20%;font-size:5px}.dimension-meter{bottom:9%}.focus{padding-block:70px}.focus-explorer{padding:16px;display:block}.focus-tabs button>span:nth-child(2){font-size:12px}.focus-tabs button>.mono{font-size:6px}.focus-tabs button{gap:4px}.focus-content{min-height:425px;padding-top:12px}.focus-signal{height:78px}.focus-content h3{font-size:25px}.panel-kicker{font-size:6.5px}.process-line{gap:7px;font-size:8px}.platform-intro h2{font-size:41px}.platform-detail-grid{padding-top:10px}.journey-diagram{height:400px}.journey-node{padding:8px}.journey-node strong{font-size:11px}.journey-node .mono{font-size:6px}.discover{left:4%;top:16%}.brief{right:4%;top:13%}.quote{left:34%;top:44%}.collaborate{right:3%;bottom:13%}.founder-top h3{font-size:23px}.founders article{padding:25px 14px}.founder-top{gap:17px}.founder-monogram{width:62px;height:62px}.founder-role{font-size:8px}.founder-discipline{font-size:6px}.contact h2{font-size:34px}.contact-email{font-size:clamp(19px,5.35vw,27px)}.contact-grid>div:first-child>p{font-size:12px}.contact-meta .button{font-size:11px}.section-intro h2{font-size:32px}.principles article,.principles article+article{padding-block:28px}}
@media(max-width:365px){.hero .title-prelude{font-size:23px}.hero-secondary{display:flex;margin:16px 0 0}.hero-art{height:420px;min-height:420px}.dimension-copy h2{font-size:29px}.dimension-steps p{font-size:8px}.dimension-steps span{font-size:5.5px}.founder-top h3{font-size:21px}.founder-top{gap:13px}}
/* A paused experience stays complete and readable, including the scroll story. */
.motion-paused .pointer-aura{opacity:0!important}.motion-paused .dimension-story{height:auto;min-height:0}.motion-paused .dimension-sticky{position:relative;top:auto;height:auto;min-height:690px}.motion-paused .dimension-steps li{opacity:1}.motion-paused .dimension-cue{display:none}.motion-paused .journey-diagram{transform:none}.motion-paused .button,.motion-paused .text-link{transform:none!important}.page-hidden .pointer-aura{opacity:0}
@media(prefers-reduced-motion:reduce){.dimension-story{height:auto;min-height:0}.dimension-sticky{position:relative;top:auto;height:auto;min-height:690px}.dimension-steps li{opacity:1}.dimension-cue,.pointer-aura{display:none}.journey-diagram{transform:none!important}.button,.text-link{transform:none!important}.hero-art{animation:none!important}.dimension-art{height:480px}}
.hero-art{overflow:clip}.dimension-copy .word-reveal{clip-path:inset(0 -5% -15% -5%)}
@media(min-width:901px){.hero-art{height:clamp(590px,calc(100svh - 190px),780px);min-height:0;align-self:start}}
@media(min-width:641px) and (max-width:900px){.hero-art{height:540px;min-height:540px;align-self:start}}
@media(max-width:640px) and (max-height:720px){.dimension-story{height:auto;min-height:0}.dimension-sticky{position:relative;top:auto;height:720px;min-height:720px}}