/* v02 — green felt world, large type, tactile controls, localized motion. */
:root{--fresh:#c6f267;--mint:#96efcc;--deep:#173f2d;--bean:#e6f3ce;--pod:#39732b}
body{overflow-x:clip;background:var(--bean)}
[hidden]{display:none!important}
.site-header{position:relative;z-index:10;height:104px}
.hero{background:radial-gradient(ellipse at 82% 40%,#d2fa8c 0%,transparent 57%);padding-bottom:32px;isolation:isolate}
.hero>.wrap{position:relative}
.hero-world-type{position:absolute;z-index:-1;pointer-events:none;top:14px;right:-30px;color:transparent;-webkit-text-stroke:2px #6a9c4845;font:600 clamp(155px,20vw,285px)/.79 var(--latin);letter-spacing:-.05em;transform:rotate(10deg);user-select:none}
.hero-grid{grid-template-columns:.86fr 1.14fr;min-height:600px;position:relative}
.hero-copy{padding:20px 0 30px}
.hero-copy .eyebrow{display:inline-flex;background:var(--deep);color:var(--fresh);padding:8px 14px;transform:rotate(-3deg);letter-spacing:.16em;margin-bottom:25px}
.eyebrow-line{background:var(--fresh)}
h1{font-size:clamp(50px,6.3vw,90px);line-height:1.18;transform:rotate(-5deg);letter-spacing:-.055em;filter:drop-shadow(4px 5px 0 #173f2d)}
h1>span{color:var(--white);-webkit-text-stroke:5px var(--deep);paint-order:stroke fill;text-shadow:none}
h1>span.headline-bright{color:var(--fresh)}
h1 .dot{color:var(--fresh)}
.hero-lead{max-width:370px;margin-top:30px;position:relative}
.hero-lead>p:first-child{font-size:18px}
.hero-copy .button{background:var(--deep);box-shadow:5px 6px 0 var(--fresh);border-color:var(--deep)}
.hero-art{width:118%;margin-left:-7%;padding:30px 0 58px;align-self:center;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .3s ease-out}
.scene-frame{border:3px solid var(--deep);border-radius:38% 42% 31% 32%/32% 42% 32% 43%;transform:rotate(-7deg);box-shadow:13px 16px 0 var(--deep),20px 25px 0 var(--fresh);aspect-ratio:1.32;background:#fff;isolation:isolate}
.scene-frame .jet-poster,.scene-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;transform:rotate(7deg) scale(1.07);mix-blend-mode:normal}
.scene-frame .jet-poster{opacity:1}
.hero-video{opacity:0;transition:opacity .25s}
.hero-video.is-playing{opacity:1}
.art-orbit{border:2px solid #39732b55;inset:9% -3% 0 -6%;border-radius:50%;transform:rotate(20deg);animation:orbit-turn 22s linear infinite}
.orbit-one::before,.orbit-two::after{content:'';position:absolute;width:18px;height:18px;left:12%;top:12%;background:var(--deep);border:3px solid var(--fresh);border-radius:50%}
.orbit-two{inset:3% -5% 4% -4%;transform:rotate(-18deg);border-style:dashed;animation-direction:reverse;animation-duration:32s}
.art-label{top:7px;left:16%;font-size:23px;transform:rotate(-8deg);padding:9px 18px;background:var(--mint);z-index:3}
.art-spark{top:-21px;right:2%;font-size:78px;line-height:1;z-index:2}
.hero-art figcaption{right:17%;bottom:25px;font-size:27px;line-height:1.5;border:2px solid var(--deep);border-radius:4px;background:var(--white);color:var(--deep);padding:7px 18px;box-shadow:5px 5px 0 var(--deep);transform:rotate(-7deg);z-index:2}
.fly-chip{position:absolute;z-index:3;display:grid;place-items:center;border:2px solid var(--deep);box-shadow:4px 5px 0 var(--deep);font-family:var(--display);animation:chip-float 4s ease-in-out infinite}
.chip-ai{left:3%;top:30%;width:60px;height:60px;border-radius:18px;background:var(--fresh);font:600 34px var(--latin);transform:rotate(-13deg)}
.chip-idea{right:1%;top:34%;border-radius:40px 40px 40px 0;background:var(--yellow);padding:9px 15px;font-size:19px;animation-delay:-2s}
.launch-button{position:absolute;right:0;bottom:-6px;z-index:4;width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--yellow);border:3px solid var(--deep);border-radius:50%;box-shadow:5px 6px 0 var(--deep);font-family:var(--display);font-size:22px;line-height:1.25;transform:rotate(8deg);transition:transform .2s,box-shadow .2s}
.launch-button span{font:33px/1.1 Arial}.launch-button:hover{transform:rotate(0deg) scale(1.06)}.launch-button:active{transform:translate(3px,4px);box-shadow:2px 2px 0 var(--deep)}
.video-status{position:absolute;bottom:-30px;right:10px;font-size:12px;background:var(--white)}.video-status:empty{display:none}
.explore-link{position:relative;margin-top:22px;font-weight:700}.scroll-arrow{border:1px solid var(--deep);background:var(--white);border-radius:50%;width:42px;height:42px;text-align:center;font-size:24px}
.ribbon{transform:rotate(-2.4deg);padding:15px 0;margin-top:19px;border-block:3px solid var(--deep);color:var(--deep);background:var(--fresh);box-shadow:0 7px 0 var(--deep)}
.ribbon .ribbon-track{gap:0;font-size:30px;letter-spacing:.06em;transform:none;animation:marquee 28s linear infinite}.ribbon-track>span{display:flex;align-items:center;gap:32px;padding-right:32px}.ribbon i{color:var(--deep);font-size:28px}
.planning{padding-top:115px;padding-bottom:65px;position:relative;border-radius:0;background-color:var(--white);background-image:radial-gradient(#173f2d18 .7px,transparent .8px);background-size:12px 12px}
.section-heading{margin-bottom:38px}.section-heading h2{font-size:clamp(34px,4.1vw,56px);transform:rotate(-2deg);line-height:1.35}.section-heading h2 em{background:none;color:var(--pod)}.section-intro{background:var(--white);padding:6px 0}
.idea-console{position:relative;margin-top:20px}.tap-hint{text-align:right;font-family:var(--display);font-size:14px;padding:0 17px 12px}.tap-hint span{display:inline-block;font:28px Arial;transform:rotate(-15deg)}
.idea-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:2;padding:0 24px}
.idea-tabs button{display:flex;align-items:center;justify-content:center;gap:14px;border:2px solid var(--deep);border-radius:22px 22px 0 0;background:var(--bean);padding:12px 10px;font-family:var(--display);font-size:20px;box-shadow:0 -3px 0 #173f2d0a;transition:transform .18s,background .18s}
.idea-tabs b{font:600 39px/.9 var(--latin)}.idea-tabs button[aria-selected=true]{background:var(--deep);color:var(--fresh);transform:translateY(-6px);box-shadow:0 8px 0 var(--deep)}.idea-tabs button:hover{background:var(--mint);color:var(--deep)}.idea-tabs button[aria-selected=true]:hover{background:var(--deep);color:var(--fresh)}
.idea-panels{background:var(--bean);border:3px solid var(--deep);border-radius:30px 36px 36px 70px;box-shadow:8px 9px 0 var(--deep);overflow:hidden;position:relative}
.idea-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;padding:45px 48px;align-items:center;min-height:355px}
.idea-panel+.idea-panel{border-top:2px solid var(--deep)}.idea-panel[role=tabpanel]{border:0}.idea-panel:focus-visible{outline:3px solid var(--pod);outline-offset:-8px}
.idea-panel h3{font-size:36px;line-height:1.4;margin:13px 0 18px;letter-spacing:-.05em}.idea-panel h3 em{color:var(--pod)}.idea-panel-copy>p:last-child{font-size:16px;line-height:1.9}.step-label{font-size:14px;color:var(--deep)}
.thought-field{height:258px;position:relative;isolation:isolate}.thought-field::before{content:'';position:absolute;inset:12px 2px;border:1px solid #39732b70;border-radius:50%;transform:rotate(-25deg)}
.thought-main{position:absolute;left:5%;top:30%;width:85%;padding:17px 8px;background:var(--fresh);border:3px solid var(--deep);border-radius:38px 48px 36px 8px;box-shadow:6px 7px 0 var(--deep);font-family:var(--display);font-size:32px;text-align:center;transform:rotate(-8deg);z-index:2}
.thought-small{position:absolute;background:var(--white);border:1px solid var(--deep);border-radius:50px;padding:6px 17px;font-family:var(--display);font-size:16px;box-shadow:2px 3px 0 #173f2d40}.t-one{top:0;left:7%;transform:rotate(-9deg)}.t-two{top:2px;right:0;transform:rotate(9deg)}.t-three{bottom:7%;left:29%;transform:rotate(5deg)}.thought-star{position:absolute;right:0;bottom:18%;font:55px Arial;color:var(--pod)}
.idea-console[data-step="1"] .idea-panels{background:#d1f2e0}.idea-console[data-step="1"] .thought-main{background:var(--yellow)}.idea-console[data-step="2"] .idea-panels{background:#edf6bf}.idea-console[data-step="2"] .thought-main{background:var(--deep);color:var(--fresh);font-size:26px}
.panel-enter .thought-main{animation:idea-pop .42s cubic-bezier(.2,.9,.25,1.2) both}.panel-enter .idea-panel-copy{animation:idea-slide .35s ease-out both}
.chain-note{margin-top:30px;font-size:15px}
.chapter-break{display:flex;align-items:center;justify-content:space-between;background:var(--pod);color:var(--fresh);padding:0 5%;overflow:hidden;min-height:133px;clip-path:polygon(0 10%,100% 0,100% 89%,0 100%);margin-block:-10px -18px;position:relative;z-index:2}.chapter-break span:first-child{font:600 clamp(64px,10vw,142px)/1.05 var(--latin);letter-spacing:-.03em;white-space:nowrap;transform:rotate(-2deg)}.chapter-break span:last-child{font-size:95px;line-height:1;transform:rotate(12deg);padding-left:20px}
.our-way{padding-top:100px;padding-bottom:100px;background:var(--mint);position:relative;overflow:clip}.way-grid{gap:70px;grid-template-columns:1.1fr .9fr}.team-frame{border-radius:26px 100px 36px 80px;border-width:3px;box-shadow:-12px 13px 0 var(--deep);transform:rotate(-5deg);background:var(--white)}.team-frame img{aspect-ratio:1.15;object-fit:cover;transform:rotate(5deg) scale(1.08)}.team-art figcaption{font-size:26px;bottom:-25px;right:-25px;z-index:3}.writing-stamp{position:absolute;top:-30px;left:-18px;background:var(--deep);color:var(--fresh);border:2px solid var(--fresh);width:109px;height:109px;border-radius:50%;display:grid;place-content:center;text-align:center;font:600 25px/.92 var(--latin);transform:rotate(-15deg);box-shadow:4px 4px 0 var(--deep)}.way-copy h2{font-size:clamp(32px,3.35vw,47px)}.way-copy .eyebrow{letter-spacing:.09em}.way-copy .statement{font-size:26px}.way-copy .text-link{font-size:16px}
.consultation{border-radius:0;clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);margin-top:-24px;padding-top:85px;position:relative}.consultation .section-intro{background:transparent}.consult-list{border-top:0;counter-reset:consult}.consult-item{position:relative;counter-increment:consult}.consult-list article{grid-template-columns:.9fr 1.1fr;padding:33px 10px 33px 78px}.consult-item::before{content:'0' counter(consult);position:absolute;top:31px;left:0;font:600 44px/1 var(--latin);color:var(--fresh)}.consult-list .question{font-size:27px}.consult-list article>div{border-left:1px solid #e5f2c950;padding-left:28px}
.contact{padding-block:72px;overflow:clip;background-color:var(--fresh);background-image:radial-gradient(#173f2d25 1px,transparent 1px);background-size:15px 15px}.contact-inner{position:relative}.contact h2{font-size:clamp(30px,3.5vw,46px);transform:rotate(-2deg)}.contact .button{background:var(--deep);color:var(--fresh);border-color:var(--deep);box-shadow:5px 6px 0 var(--white)}
.in-view .section-heading h2,.in-view .way-copy h2{animation:headline-arrive .7s cubic-bezier(.2,.9,.3,1) both}.in-view .team-art{animation:scene-arrive .8s cubic-bezier(.2,.9,.3,1) both}.hero.is-launching .scene-frame{animation:launch-nudge .75s ease-out}.hero.is-launching .fly-chip{animation:launch-chip .8s ease-out}.hero.is-launching .art-spark{animation:idea-pop .7s ease-out}
.motion-paused .hero-art{transform:none;transition:none}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused .panel-enter .thought-main,.motion-paused .panel-enter .idea-panel-copy,.motion-paused .in-view .section-heading h2,.motion-paused .in-view .way-copy h2,.motion-paused .in-view .team-art{animation:none!important}
@keyframes orbit-turn{to{transform:rotate(380deg)}}
@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes idea-pop{from{transform:rotate(-12deg) scale(.8)}to{transform:rotate(-8deg) scale(1)}}
@keyframes idea-slide{from{transform:translateX(-12px)}to{transform:translateX(0)}}
@keyframes headline-arrive{from{transform:translateY(28px) rotate(-5deg)}to{transform:translateY(0) rotate(-2deg)}}
@keyframes scene-arrive{from{transform:translateX(-30px) rotate(-3deg)}to{transform:translateX(0) rotate(0)}}
@keyframes launch-nudge{0%,100%{transform:rotate(-7deg) translate(0,0)}40%{transform:rotate(-4deg) translate(10px,-14px)}}
@keyframes launch-chip{0%,100%{translate:0 0}45%{translate:0 -25px}}
@media(min-width:1500px){.hero-grid{min-height:675px}.hero-art{width:115%;margin-left:-4%}}
@media(max-width:1100px){.hero-grid{min-height:565px}h1{font-size:6.4vw}.hero-art{width:115%;margin-left:-6%}.hero-art figcaption{font-size:22px}.art-label{font-size:20px}.launch-button{width:88px;height:88px;font-size:20px;bottom:2px}.hero-lead{font-size:15px}.hero-lead>p:first-child{font-size:17px}.idea-panel{padding:35px 30px;gap:18px}.idea-panel h3{font-size:31px}.thought-main{font-size:28px}.thought-small{font-size:14px;padding:6px 12px}.way-grid{gap:40px}.way-copy h2{font-size:3.4vw}.way-copy .statement{font-size:23px}.team-art figcaption{font-size:22px}.consult-list .question{font-size:23px}.consult-list article{padding-left:66px;gap:25px}}
@media(max-width:760px){.site-header{height:92px}.hero{padding-bottom:20px}.hero-grid{min-height:455px;grid-template-columns:.95fr 1.05fr}h1{font-size:7.3vw}.hero-copy .eyebrow{font-size:12px;padding:7px 10px;margin-bottom:19px}.hero-world-type{font-size:25vw;right:-5px;top:80px}.hero-lead{font-size:14px}.hero-lead>p:first-child{font-size:15px}.hero-art{padding-bottom:46px}.art-label{font-size:16px;left:7%;top:10px;padding:7px 11px}.hero-art figcaption{font-size:17px;right:16%;bottom:25px;padding:5px 12px}.chip-ai{width:47px;height:47px;font-size:28px;left:1%}.chip-idea{font-size:14px;padding:7px 10px}.art-spark{font-size:56px;top:-9px}.launch-button{width:70px;height:70px;font-size:17px;bottom:-10px}.launch-button span{font-size:24px}.scene-frame{box-shadow:8px 10px 0 var(--deep),13px 17px 0 var(--fresh)}.hero-lead{margin-top:24px}.ribbon .ribbon-track{font-size:25px}.ribbon-track>span{gap:24px;padding-right:24px}.ribbon{padding-block:12px}.planning{padding-top:76px}.section-heading h2{font-size:38px}.section-heading h2 br{display:block}.section-intro{font-size:16px}.idea-tabs{padding:0 5px;gap:7px}.idea-tabs button{flex-direction:column;gap:5px;font-size:15px;padding:12px 6px 10px;border-radius:16px 16px 0 0}.idea-tabs b{font-size:31px}.tap-hint{font-size:12px;text-align:left;padding-left:5px}.idea-panel{grid-template-columns:1fr;padding:30px 28px 18px;gap:15px;min-height:565px}.idea-panel h3{font-size:32px}.thought-field{height:220px;width:100%;max-width:350px;justify-self:center}.thought-main{font-size:30px;padding-block:13px}.idea-panels{border-radius:23px 23px 36px 44px;box-shadow:5px 6px 0 var(--deep)}.idea-panel-copy>p:last-child{font-size:15px}.thought-small{font-size:15px}.chain-note{font-size:14px}.chapter-break{min-height:95px}.chapter-break span:first-child{font-size:11.1vw}.chapter-break span:last-child{font-size:67px}.our-way{padding-top:73px;padding-bottom:76px}.way-grid{gap:55px;grid-template-columns:1fr}.way-copy h2{font-size:36px}.team-art{width:88%;margin-bottom:20px}.team-frame img{aspect-ratio:1.4}.team-art figcaption{font-size:25px}.writing-stamp{top:-24px;left:-20px;width:95px;height:95px;font-size:23px}.consultation{padding-top:70px;clip-path:polygon(0 1%,100% 0,100% 100%,0 100%)}.consult-list article{padding:30px 0 30px 50px;grid-template-columns:1fr;gap:17px}.consult-item::before{font-size:34px;top:33px}.consult-list article>div{padding-left:0;border:0}.consult-list .question{font-size:24px}.contact{padding-block:55px}.contact h2{font-size:33px}.contact .button{margin-top:30px}.section-heading{margin-bottom:27px}.section-intro{padding:0}}
@media(max-width:500px){.hero-grid{display:flex;min-height:0}.hero-copy{display:contents}.hero-copy .eyebrow{align-self:flex-start;order:0;font-size:13px;padding:7px 12px;margin:6px 0 21px}.hero-world-type{top:205px;right:-10px;font-size:135px;line-height:.83}.hero h1{font-size:clamp(34px,10.7vw,52px);line-height:1.25;order:1;filter:drop-shadow(3px 4px 0 var(--deep));margin-left:3px}h1>span{-webkit-text-stroke-width:3px}h1>span:first-child{display:block}h1>span{display:inline}.hero-art{order:2;width:96%;margin:22px auto 4px;padding:28px 0 58px}.scene-frame{aspect-ratio:1.34}.scene-frame .jet-poster,.scene-frame video{aspect-ratio:auto}.art-label{font-size:17px;top:6px;left:12%;padding:8px 13px}.art-spark{right:-2%;top:0;font-size:56px}.chip-ai{left:-4%;top:37%;width:46px;height:46px;font-size:27px}.chip-idea{right:-3%;top:33%;font-size:14px}.hero-art figcaption{font-size:21px;right:22%;bottom:20px;padding:6px 10px}.launch-button{width:77px;height:77px;bottom:1px;right:-3%;font-size:19px}.launch-button span{font-size:26px}.art-orbit{inset:8% -5% 2% -5%}.orbit-two{inset:0 -3% 9% -4%}.hero-lead{order:3;margin:15px 0 22px;max-width:none;font-size:16px}.hero-lead>p:first-child{font-size:17px}.hero-copy .button{order:4;font-size:16px;align-self:flex-start}.hero-lead>p:last-child br{display:none}.explore-link{margin-top:26px;font-size:12px;gap:14px}.scroll-arrow{font-size:22px;width:36px;height:36px}.ribbon{margin-top:10px}.ribbon .ribbon-track{font-size:24px}.ribbon-track>span{gap:20px;padding-right:20px}.planning{padding-top:64px}.section-heading h2{font-size:33px}.section-heading{gap:25px}.idea-console{margin-top:17px}.idea-tabs button{font-size:13px;padding-inline:3px}.idea-tabs b{font-size:29px}.tap-hint{font-size:12px;padding-bottom:11px}.tap-hint span{font-size:23px}.idea-panel{padding:27px 22px 12px;gap:18px;min-height:560px}.idea-panel h3{font-size:29px}.idea-panel-copy>p:last-child{font-size:15px}.idea-panel-copy .step-label{font-size:12px}.thought-field{height:225px}.thought-small{font-size:13px;padding:7px 11px}.thought-main{font-size:29px}.idea-console[data-step="2"] .thought-main{font-size:23px}.thought-star{font-size:45px}.chain-note{max-width:none}.chapter-break{min-height:82px}.chapter-break span:first-child{font-size:11.4vw}.chapter-break span:last-child{font-size:48px;padding-left:10px}.way-copy h2{font-size:31px}.way-copy .statement{font-size:23px}.way-grid{gap:49px}.team-art{width:90%;margin-bottom:3px}.team-art figcaption{font-size:19px;right:-16px;bottom:-18px}.writing-stamp{width:80px;height:80px;font-size:19px;left:-13px;top:-20px}.team-frame{border-radius:20px 65px 25px 50px;box-shadow:-7px 8px 0 var(--deep)}.team-frame img{aspect-ratio:1.18}.consultation .section-heading h2{font-size:30px}.consult-list .question{font-size:22px}.consult-list h3{font-size:16px}.consult-list article{padding-left:44px;gap:14px}.consult-item::before{font-size:29px}.contact h2{font-size:27px}.video-status{font-size:11px;bottom:-15px;right:0}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none;transition:none}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video{display:none}}
/* Keep interactive foreground elements inside the viewport while the scenery can bleed. */
html{overflow-x:clip}
@media(min-width:761px){.hero-art{width:106%;margin-left:-4%}.scene-frame{aspect-ratio:1.4}.launch-button{right:10px;bottom:14px}.chip-idea{right:3%}.hero-art figcaption{right:20%}}
@media(min-width:1101px){h1{font-size:clamp(68px,5.8vw,84px)}.hero-copy .eyebrow{margin-bottom:19px}.hero-lead{margin-top:24px;margin-bottom:20px}.hero-copy{padding-bottom:20px}}
.consultation .section-heading h2 em{color:var(--fresh)}
.site-footer{padding-bottom:80px}
.hero .headline-bright{text-shadow:none}
@media(min-width:761px){.launch-button{bottom:92px}.hero-art figcaption{bottom:55px}}