@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#050505;--white:#fff;--yellow:#ffd700;--muted:#aaa;--line:#363636;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}body.fade-in,.fade-in-content{animation:none}body.is-loading{overflow:hidden}a{color:inherit}button{font:inherit}img{max-width:100%}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}main{min-height:70vh}.accent-dot{color:var(--yellow)}
.page-loader{position:fixed;inset:0;z-index:10000;background:var(--yellow);color:var(--ink);display:grid;place-items:center}.loader-inner{width:min(86vw,680px)}.loader-kicker{display:block;font:700 .7rem 'Manrope',sans-serif;letter-spacing:.22em;margin-bottom:2rem}.loader-word{display:block;font:800 clamp(2.8rem,9vw,7.8rem)/.88 'Manrope',sans-serif;letter-spacing:-.095em;white-space:nowrap}.loader-word span{font-weight:400}.loader-word i{font-style:normal}.loader-line{display:block;height:1px;background:#0005;margin-top:2.5rem}.loader-line b{display:block;width:0;height:100%;background:#000}.page-loader.is-hidden{pointer-events:none}
.main-header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(5,5,5,.88);border-bottom:1px solid #ffffff26;backdrop-filter:blur(18px)}.header-inner{height:82px;max-width:1600px;margin:auto;padding:0 clamp(1.25rem,4.2vw,5rem);display:flex;align-items:center;justify-content:space-between}.header-logo-container a{display:flex;align-items:center;gap:.8rem;text-decoration:none}.header-logo{display:block;width:58px;height:58px;object-fit:contain}.header-logo-container:after{content:'BANANA SLIP';font:800 .8rem 'Manrope',sans-serif;letter-spacing:-.02em;pointer-events:none}.main-nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:clamp(1.2rem,3vw,3.7rem);padding:0;margin:0;list-style:none}.nav-list a{text-decoration:none;text-transform:uppercase;font:700 .7rem 'Manrope',sans-serif;letter-spacing:.16em;position:relative;transition:color .25s}.nav-list a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--yellow);transition:right .4s var(--ease)}.nav-list a:hover,.nav-list a.active{color:var(--yellow)}.nav-list a:hover:after,.nav-list a.active:after{right:0}.nav-toggle{display:none}.bar{display:block}
.hero-message{min-height:100svh;padding:clamp(8rem,17vh,13rem) clamp(1.25rem,5vw,6rem) 5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-message:before{content:'B/S';position:absolute;right:-.06em;top:16%;font:800 clamp(18rem,43vw,58rem)/1 'Manrope',sans-serif;letter-spacing:-.16em;color:#161616;z-index:-1;white-space:nowrap}.hero-message>.content-container{width:100%;max-width:1600px;margin:0 auto;text-align:left;padding:0}.hero-index,.section-index{font:700 .68rem 'Manrope',sans-serif;letter-spacing:.25em;color:var(--yellow);text-transform:uppercase}.hero-index{width:100%;max-width:1600px;margin:0 auto 2rem}.hero-message h1{font:800 clamp(3.8rem,10vw,11.7rem)/.88 'Manrope',sans-serif;letter-spacing:-.09em;margin:0 0 3rem;max-width:1400px}.hero-line{display:block;white-space:nowrap}.hero-line-outline{color:transparent;-webkit-text-stroke:1px var(--white)}.hero-message .content-container>div:not(.content-container){max-width:680px;margin-left:auto}.hero-message p{font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.7;color:#d1d1d1}.hero-message p strong{font-weight:400}.hero-message .content-container .content-container{margin:2rem 0 0 auto;padding:0;text-align:left;max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:1.7rem;padding:1rem 1.4rem;border:1px solid var(--yellow);border-radius:0;background:var(--yellow);color:var(--ink);text-decoration:none;text-transform:uppercase;font:800 .72rem 'Manrope',sans-serif;letter-spacing:.13em;transition:background .3s,color .3s,transform .4s var(--ease)}a.btn:after{content:'↗';font-size:1.1rem;line-height:0}.btn:hover{background:transparent;color:var(--yellow);transform:translateY(-3px)}.hero-features-grid{width:100%;max-width:1600px;margin:clamp(5rem,12vh,11rem) auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.feature-box{min-height:190px;padding:1.5rem 1.4rem 0;border-right:1px solid var(--line);position:relative}.feature-box:last-child{border-right:0}.feature-box ion-icon{font-size:1.75rem;color:var(--yellow)}.feature-box h3{font:700 clamp(.94rem,1.2vw,1.12rem) 'Manrope',sans-serif;margin:2rem 0 .7rem}.feature-box p{font-size:.83rem;line-height:1.55;color:var(--muted);margin:0}
.intro-section,.services-highlight{padding:clamp(6rem,12vw,12rem) clamp(1.25rem,5vw,6rem);border-bottom:1px solid var(--line)}.intro-section .content-container,.services-highlight .content-container{max-width:1600px;margin:auto;padding:0;text-align:left}.intro-section h2,.services-highlight h2{font:800 clamp(3rem,8vw,8rem)/.96 'Manrope',sans-serif;letter-spacing:-.075em;margin:1.5rem 0 3rem}.intro-section[data-section=about] .content-container{display:grid;grid-template-columns:1fr minmax(300px,.8fr);column-gap:8vw}.intro-section[data-section=about] .section-index,.intro-section[data-section=about] h2{grid-column:1}.intro-section[data-section=about] p{grid-column:2;font-size:clamp(1.05rem,1.65vw,1.55rem);line-height:1.65;color:#bebebe;margin:0 0 1.4rem}.intro-section[data-section=about] p:first-of-type{grid-row:1 / span 2;align-self:end}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);}.service-item{min-height:410px;border-right:1px solid var(--line);padding:2.2rem 2rem 2rem 0;display:flex;flex-direction:column}.service-item:not(:first-child){padding-left:2rem}.service-item:last-child{border-right:0}.service-item h3{font:700 clamp(1.7rem,2.5vw,2.9rem)/1.1 'Manrope',sans-serif;letter-spacing:-.05em;margin:3.3rem 0 1rem}.service-item p{color:var(--muted);font-size:.98rem;line-height:1.65;margin:0 0 2rem}.service-item .btn{margin-top:auto;align-self:start;background:transparent;color:var(--yellow);border:0;border-bottom:1px solid var(--yellow);padding:.6rem 0}.service-item .btn:hover{transform:translateX(7px)}.intro-section[data-section=partners]{padding-bottom:2rem;border:0}.partner-logo-container{max-width:1600px;margin:0 auto 9rem;padding:0 clamp(1.25rem,5vw,6rem);display:grid;grid-template-columns:repeat(6,1fr)}.partner-image-logo,.partner-image-logo-new{min-height:155px;background:transparent;border:1px solid var(--line);display:grid;place-items:center;padding:1.2rem}.partner-image-logo img,.partner-image-logo-new img{width:125px;height:85px;object-fit:contain;filter:grayscale(1) brightness(1.35);transition:filter .35s,transform .5s var(--ease)}.partner-image-logo:hover img{filter:none;transform:scale(1.08)}
.content-container-projects,.content-container-services,.content-container-contact{max-width:1600px;margin:auto;padding:clamp(10rem,17vh,14rem) clamp(1.25rem,5vw,6rem) 8rem;text-align:left}.content-container-projects>h1,.content-container-contact>h1,.philosophy-container h1,.content-container-services .intro-section h1{font:800 clamp(3.7rem,9vw,10rem)/.95 'Manrope',sans-serif;letter-spacing:-.085em;margin:1.2rem 0 2rem;max-width:1200px}.content-container-projects>p,.philosophy-container>p,.content-container-contact>p,.content-container-services .intro-section>p{font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.65;color:#bcbcbc;max-width:760px}.content-container-projects{display:grid;grid-template-columns:repeat(2,1fr);column-gap:clamp(1.5rem,5vw,6rem)}.content-container-projects>.section-index,.content-container-projects>h1,.content-container-projects>p{grid-column:1/-1}.content-container-projects>p{margin:0 0 5rem}.projects-grid{margin-bottom:clamp(3rem,7vw,8rem)}.projects-grid:nth-of-type(even){transform:translateY(5rem)}.project-item{position:relative}.project-item a{display:block;position:relative;overflow:hidden;text-decoration:none}.project-item img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block;filter:saturate(.85);transition:filter .6s,transform .9s var(--ease)}.project-item:hover img{filter:saturate(1.1);transform:scale(1.07)}.project-overlay{position:absolute;inset:0;display:flex;align-items:end;padding:1.5rem;background:linear-gradient(transparent 45%,rgba(0,0,0,.78));pointer-events:none}.overlay-text{width:100%;display:flex;justify-content:space-between;align-items:end;gap:1rem}.overlay-text p{font:700 clamp(1.25rem,2vw,2.3rem) 'Manrope',sans-serif;letter-spacing:-.05em;margin:0}.overlay-text h2{font:700 .65rem 'Manrope',sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0;color:var(--yellow);text-align:right;max-width:135px}.projects-grid:last-of-type{margin-bottom:0}
.top-container{margin-bottom:5rem}.philosophy-container{max-width:100%}.services-wrapper{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:minmax(100px,.3fr) 1fr;border-bottom:1px solid var(--line);padding:clamp(3rem,6vw,7rem) 0;scroll-margin-top:100px}.service-text{max-width:920px}.service-text h2{font:700 clamp(2.2rem,5vw,5.5rem)/1 'Manrope',sans-serif;letter-spacing:-.07em;margin:0 0 2rem}.service-text>p{font-size:clamp(1rem,1.3vw,1.18rem);color:#bcbcbc;line-height:1.7;max-width:700px}.media-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem 2.5rem;list-style:none;padding:2rem 0 0;margin:0}.media-item{border-top:1px solid var(--line);padding:1.2rem 0 0;display:flex;gap:1rem;color:#aaa;font-size:.89rem;line-height:1.55}.media-item strong{color:#fff;display:block;margin-bottom:.3rem;font-size:.95rem}.media-item ion-icon{color:var(--yellow);font-size:1.4rem;flex:0 0 auto}.content-container-contact{max-width:1300px}.content-container-contact>h1{max-width:1100px}.content-container-contact>p{max-width:610px;margin:0 0 1.3rem}.content-container-contact>.btn{display:flex;width:max-content;margin-top:1.2rem;text-transform:none;font-size:clamp(1rem,2vw,1.8rem);letter-spacing:-.03em;background:transparent;color:var(--white);border:0;border-bottom:1px solid var(--line);padding:1.1rem 0}.content-container-contact>.btn:hover{color:var(--yellow)}.content-container-contact>.btn a{text-decoration:none;color:inherit;margin-left:.5rem}
.main-footer{border-top:1px solid var(--line);background:var(--yellow);color:var(--ink);padding:clamp(3rem,7vw,7rem) clamp(1.25rem,5vw,6rem) 2rem}.footer-content{max-width:1600px;margin:auto}.footer-content h3{font:800 clamp(2.6rem,7vw,8rem)/1 'Manrope',sans-serif;letter-spacing:-.08em;margin:0 0 3rem}.footer-content p{font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.8}.footer-content a{text-decoration:none;border-bottom:1px solid currentColor}.footer-content a:hover{opacity:.5}.copy{border-top:1px solid #0006;margin-top:5rem;padding-top:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.copy i{font-style:normal}.content-container-services .intro-section{padding:0;border:0}.cta-section{padding:5rem 0}.cta-section h2{font:800 clamp(2rem,5vw,5rem)/1 'Manrope',sans-serif;letter-spacing:-.06em}.cta-section p{max-width:680px;line-height:1.7;color:#aaa}
@media(max-width:900px){.hero-message h1{font-size:clamp(3.2rem,11vw,6rem)}.hero-features-grid{grid-template-columns:repeat(2,1fr)}.feature-box:nth-child(2){border-right:0}.feature-box:nth-child(n+3){border-top:1px solid var(--line)}.intro-section[data-section=about] .content-container{display:block}.service-grid{grid-template-columns:1fr}.service-item,.service-item:not(:first-child){min-height:0;padding:2rem 0;border:0;border-bottom:1px solid var(--line)}.service-item h3{margin:2rem 0 1rem}.service-item .btn{margin-top:1rem}.partner-logo-container{grid-template-columns:repeat(3,1fr)}.service-row{grid-template-columns:80px 1fr}}
@media(max-width:700px){.header-inner{height:66px}.header-logo{width:43px;height:43px}.header-logo-container:after{font-size:.68rem}.nav-toggle{display:flex;width:42px;height:42px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;z-index:2}.bar{width:26px;height:2px;background:#fff;transition:transform .3s}.nav-toggle.open .bar:first-child{transform:translateY(4.5px) rotate(45deg)}.nav-toggle.open .bar:last-child{transform:translateY(-4.5px) rotate(-45deg)}.nav-list{position:fixed;top:66px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#0b0b0b;border-bottom:1px solid var(--yellow);padding:1rem 1.25rem 2rem;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s}.nav-list.open{visibility:visible;opacity:1;transform:none}.nav-list a{display:block;padding:1.1rem .4rem;font-size:1rem}.nav-list a:after{display:none}.hero-message{min-height:100svh;padding:9rem 1.25rem 3rem}.hero-index{margin-bottom:2.2rem}.hero-message h1{font-size:clamp(2.85rem,12.1vw,5rem);margin-bottom:2rem}.hero-line{white-space:normal}.hero-message .content-container>div:not(.content-container){margin-left:0}.hero-message .content-container .content-container{margin-left:0}.hero-features-grid{margin-top:5rem}.feature-box{padding:1.25rem 1rem 1.5rem;min-height:180px}.feature-box h3{margin-top:1.2rem}.feature-box p{font-size:.75rem}.intro-section,.services-highlight{padding:6rem 1.25rem}.intro-section h2,.services-highlight h2{font-size:clamp(2.8rem,12vw,5rem)}.partner-logo-container{grid-template-columns:repeat(2,1fr);margin-bottom:5rem}.partner-image-logo,.partner-image-logo-new{min-height:125px}.content-container-projects,.content-container-services,.content-container-contact{padding:9rem 1.25rem 5rem}.content-container-projects{display:block}.content-container-projects>h1,.content-container-contact>h1,.philosophy-container h1,.content-container-services .intro-section h1{font-size:clamp(3.2rem,12vw,5.5rem)}.content-container-projects>p{margin-bottom:4rem}.projects-grid,.projects-grid:nth-of-type(even){transform:none;margin-bottom:2.5rem}.project-item img{aspect-ratio:1.12}.overlay-text{display:block}.overlay-text h2{text-align:left;margin-top:.3rem;max-width:none}.service-row{grid-template-columns:1fr;padding:3.5rem 0}.media-list{grid-template-columns:1fr}.content-container-contact>.btn{font-size:1rem;max-width:100%;flex-wrap:wrap}.main-footer{padding:4rem 1.25rem 2rem}.footer-content h3{font-size:clamp(3rem,13vw,6rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.page-loader{display:none!important}}
.tooltip-logo{display:none!important}.content-container-services .intro-section h1{font-size:clamp(3rem,7vw,7rem);line-height:1.05}.content-container-services .intro-section{max-width:1400px}
@media(max-width:700px){.hero-message h1{line-height:1.07;letter-spacing:-.075em}.content-container-services .intro-section h1{font-size:clamp(2.8rem,10vw,5rem)}}

/* Banana playground: soft edges, illustrated objects, room for the message. */
:root{--radius:18px;--radius-large:28px}
.btn{border-radius:14px;min-height:52px}
.header-logo-container{display:flex;align-items:center;gap:10px}
.hero-message{isolation:isolate;padding-top:clamp(8rem,15vh,11rem)}
.hero-message:before{content:none}
.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1600px;margin:0 auto 2.5rem;position:relative;z-index:2}
.hero-topline .hero-index{margin:0;max-width:none;width:auto;display:flex;align-items:center;gap:12px;font-size:.64rem;letter-spacing:.2em}
.fresh-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);flex:0 0 auto}
.motion-toggle{border:1px solid #ffffff32;border-radius:100px;background:#0f0f0f;color:#b8b8b8;display:flex;align-items:center;gap:8px;padding:9px 13px;cursor:pointer;font-size:.7rem;white-space:nowrap}
.motion-toggle:hover{color:var(--yellow);border-color:var(--yellow)}
.motion-toggle[hidden]{display:none}
.hero-message>.hero-composition{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.88fr);gap:0 clamp(1rem,3vw,3.5rem);align-items:start}
.hero-composition h1{grid-column:1;grid-row:1;font-size:clamp(4rem,7.65vw,9.2rem);line-height:1.03;letter-spacing:-.08em;position:relative;z-index:2;margin:0 0 2rem}
.hero-composition .hero-line{display:block}
.hero-message .hero-composition>.hero-story{grid-column:1;grid-row:2;max-width:600px;margin:0;position:relative;z-index:2}
.hero-story p{font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.65;margin:0 0 1rem;color:#bcbcbc}
.hero-message .hero-composition>.hero-actions{grid-column:1;grid-row:3;max-width:none;margin:1rem 0 0;display:flex;align-items:center;gap:24px;position:relative;z-index:2}
.hero-note{font-size:.75rem;line-height:1.5;color:#909090;transform:rotate(-4deg)}
.hero-message .hero-composition>.banana-stage{grid-column:2;grid-row:1 / span 3;position:relative;width:100%;height:clamp(440px,43vw,670px);max-width:none;margin:0;align-self:center}
.stage-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.orbit-line{stroke:#ffd700;stroke-width:1;opacity:.25}
.orbit-dash{stroke-dasharray:4 12;opacity:.38}
.orbit-flourish{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.banana-drift{position:absolute;inset:7% -7% 7% -8%}
.banana-parallax,.banana-float,.banana-spin{display:block;width:100%;height:100%}
.banana-spin{transform:rotate(-24deg)}
.banana-play{border:0;padding:0;background:none;width:100%;height:100%;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;z-index:2;touch-action:manipulation;border-radius:40%}
.banana-play:focus-visible{outline:2px dashed var(--yellow);outline-offset:-20px}
.banana-art{display:block;width:100%;height:100%;overflow:visible}
.banana-small{position:absolute;pointer-events:none;width:100px;height:90px}
.banana-small svg{width:100%;height:100%;fill:none;stroke:var(--yellow);stroke-width:6;stroke-linejoin:round}
.banana-small-left{width:122px;height:105px;left:-10%;bottom:11%;transform:rotate(27deg);opacity:.65}
.banana-small-top{width:94px;height:90px;right:4%;top:-2%;transform:rotate(151deg);opacity:.65}
.stage-spark{position:absolute;pointer-events:none;font-family:Arial,sans-serif;font-weight:400;line-height:1}
.spark-left{left:2%;top:25%;font-size:44px;color:var(--yellow)}
.spark-right{right:3%;top:42%;font-size:25px;color:white}
.fresh-stamp{position:absolute;right:0;bottom:14%;width:126px;height:126px;border:1px solid var(--yellow);border-radius:50%;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--yellow);transform:rotate(13deg);pointer-events:none}
.fresh-stamp>span:first-child{font:700 8px 'Manrope',sans-serif;letter-spacing:.16em}
.fresh-stamp strong{font:800 19px 'Manrope',sans-serif;letter-spacing:-.06em;line-height:1.5}
.stamp-smile{font:400 34px/14px Arial,sans-serif}
.hero-message .banana-hint{position:absolute;bottom:0;left:21%;margin:0;color:#b0b0b0;font-size:.8rem;transform:rotate(-6deg);pointer-events:none}
.hint-arrow{display:inline-block;font-size:26px;vertical-align:middle;margin-right:7px;color:var(--yellow)}
.banana-burst{position:absolute;inset:0;pointer-events:none;overflow:visible}
.banana-burst span{position:absolute;left:50%;top:50%;font-size:23px;line-height:1;color:var(--yellow);opacity:0}
.banana-burst span:nth-child(2n){color:white}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-features-grid{gap:12px;border:0;margin-top:5rem}
.feature-box,.feature-box:last-child{background:#101010;border:1px solid #292929;border-radius:var(--radius);padding:1.5rem;min-height:195px;transition:border-color .35s,background .35s}
.feature-box:hover{border-color:#ffd70088;background:#14140d}
.feature-box h3{margin-top:1.25rem}
.service-grid{gap:18px;border:0}
.service-item,.service-item:not(:first-child),.service-item:last-child{border:1px solid var(--line);border-radius:var(--radius-large);padding:2rem;background:#0d0d0d}
.service-item h3{margin:0 0 1.5rem}
.service-item .btn{border:1px solid #ffd70080;border-radius:12px;padding:.85rem 1rem;min-height:48px}
.service-item .btn:hover{background:var(--yellow);color:var(--ink);transform:translateY(-3px)}
.project-item a{border-radius:var(--radius-large);isolation:isolate;background:#151515}
.project-item img{border-radius:inherit}
.partner-logo-container{gap:12px}
.partner-image-logo,.partner-image-logo-new{border-radius:var(--radius)}
.service-row{display:block}
.services-wrapper .service-text{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:0 7vw}
.services-wrapper .service-text h2{grid-column:1;grid-row:1}
.services-wrapper .service-text>p{grid-column:1;grid-row:2;margin:0}
.services-wrapper .media-list{grid-column:2;grid-row:1 / span 3;padding-top:0;align-content:start;grid-template-columns:1fr}
.content-container-contact>.btn{border:1px solid #363636;background:#101010;border-radius:16px;padding:1.15rem 1.4rem;gap:.7rem}
.content-container-contact>.btn:hover{border-color:var(--yellow)}
.main-footer{border-radius:32px 32px 0 0}
.loader-line{overflow:hidden;border-radius:5px;height:3px}
.loader-line b{width:100%;transform:scaleX(0);transform-origin:left center}
@media(max-width:1100px){.hero-note{display:none}.fresh-stamp{width:104px;height:104px;bottom:17%}.fresh-stamp strong{font-size:16px}.banana-small-left{left:-6%}.hero-composition h1{font-size:7.4vw}}
@media(max-width:900px){.hero-message>.hero-composition{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:0 1rem}.hero-composition h1{font-size:7.55vw}.hero-message .hero-composition>.banana-stage{height:410px;grid-row:1 / span 2;align-self:start}.hero-message .hero-composition>.hero-story{grid-column:1/-1;max-width:680px;margin-top:1.5rem}.hero-message .hero-composition>.hero-actions{grid-column:1/-1}.hero-composition h1{grid-row:1}.hero-message .hero-composition>.banana-stage{grid-row:1}.hero-features-grid{margin-top:4rem}.service-item,.service-item:not(:first-child){min-height:0}.service-item .btn{margin-top:1rem}.services-wrapper .service-text{gap:0 3rem}.services-wrapper .service-text h2{font-size:3rem}.partner-logo-container{gap:10px}}
@media(max-width:700px){
  .header-logo-container{gap:8px}.header-logo-container:after{font-size:.7rem}
  .hero-message{padding:7.5rem 1.25rem 3rem}.hero-topline{margin-bottom:2rem;gap:10px}.hero-topline .hero-index{font-size:.53rem;letter-spacing:.13em;max-width:240px;line-height:1.6;gap:8px}.motion-toggle{padding:7px 9px;font-size:.62rem;gap:5px}
  .hero-message>.hero-composition{display:flex;flex-direction:column;gap:0}
  .hero-composition h1{font-size:clamp(2.8rem,12vw,5rem);line-height:1.07;letter-spacing:-.075em;margin:0;order:0}
  .hero-message .hero-composition>.banana-stage{order:1;align-self:center;width:min(100%,400px);height:300px;margin:0 auto 1.5rem}
  .banana-drift{inset:-8% 3% 0}.stage-orbits{inset:-6% 0;width:100%;height:110%}.banana-small-left{width:82px;height:75px;left:-1%;bottom:10%}.banana-small-top{width:74px;height:65px;right:2%;top:0}
  .spark-left{left:9%;top:24%;font-size:28px}.spark-right{font-size:19px;top:38%;right:3%}.fresh-stamp{width:83px;height:83px;bottom:15%;right:2%}.fresh-stamp>span:first-child{font-size:6px}.fresh-stamp strong{font-size:13px}.stamp-smile{font-size:26px;line-height:9px}.hero-message .banana-hint{font-size:.69rem;left:19%;bottom:0}.hint-arrow{font-size:21px}
  .hero-message .hero-composition>.hero-story{order:2;margin:1rem 0 0}.hero-message .hero-composition>.hero-actions{order:3;margin-top:1rem}.hero-story p{font-size:.93rem;line-height:1.7}.hero-actions .btn{font-size:.68rem;padding:1rem 1.2rem;gap:1.3rem}
  .hero-features-grid{gap:10px}.feature-box,.feature-box:last-child{padding:1.2rem;min-height:195px;border:1px solid #292929}.feature-box h3{font-size:.93rem}.feature-box p{font-size:.78rem}
  .service-item,.service-item:not(:first-child),.service-item:last-child{padding:1.7rem;border-radius:22px}.service-item h3{margin:0 0 1rem}.services-wrapper .service-text{display:block}.services-wrapper .media-list{padding-top:1.7rem}.services-wrapper .service-text h2{font-size:2.5rem}.project-item a{border-radius:20px}
  .content-container-contact>.btn{padding:1rem;gap:.2rem;justify-content:flex-start}.content-container-contact>.btn a{margin-left:.35rem}.nav-list{left:12px;right:12px;border-radius:0 0 20px 20px}
  .main-footer{border-radius:24px 24px 0 0}
}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.banana-play{cursor:default}}
.hero-message .hero-composition>div.hero-story,.hero-message .hero-composition>div.hero-actions{margin-left:0}