@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";.scroll-scrub{--ss-progress: 0;position:relative;isolation:isolate;color:var(--ss-ink);background:var(--ss-bg)}.scroll-scrub__stage{position:sticky;top:0;z-index:0;width:100%;height:100dvh;overflow:hidden;background:var(--ss-bg)}.scroll-scrub__media,.scroll-scrub__layer,.scroll-scrub__picture,.scroll-scrub__poster,.scroll-scrub__video{position:absolute;inset:0;width:100%;height:100%}.scroll-scrub__media{z-index:0}.scroll-scrub__layer{margin:0;overflow:hidden;opacity:0;will-change:opacity}.scroll-scrub__layer:first-child{opacity:1}.scroll-scrub__poster,.scroll-scrub__video{display:block;object-fit:cover;object-position:var(--ss-object-position)}.scroll-scrub__poster{z-index:0}.scroll-scrub__video{z-index:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}.scroll-scrub__progress{position:absolute;z-index:5;top:0;right:0;left:0;height:2px;background:color-mix(in srgb,var(--ss-ink) 14%,transparent);pointer-events:none}.scroll-scrub__progress span{display:block;width:100%;height:100%;background:var(--ss-accent);transform:scaleX(var(--ss-progress));transform-origin:left center}.scroll-scrub__route{position:absolute;z-index:6;top:clamp(1rem,3vw,2rem);right:clamp(1rem,4vw,4rem);left:clamp(1rem,4vw,4rem);display:flex;justify-content:flex-end;gap:.25rem;pointer-events:auto}.scroll-scrub__route-button{min-height:2.75rem;padding:.65rem .9rem;border:0;color:var(--ss-muted);background:transparent;font:inherit;cursor:pointer}.scroll-scrub__route-button:hover,.scroll-scrub__route-button[aria-current=step]{color:var(--ss-ink)}.scroll-scrub__route-button[aria-current=step]{text-decoration:underline;text-decoration-color:var(--ss-accent);text-decoration-thickness:.15em;text-underline-offset:.3em}.scroll-scrub__route-button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:3px}.scroll-scrub__story{position:relative;z-index:3;margin-top:-100dvh;pointer-events:none}.scroll-scrub__chapter,.scroll-scrub__connector-band{position:relative}.scroll-scrub__chapter-pin{position:sticky;top:0;display:flex;align-items:center;min-height:100dvh;padding:clamp(5rem,9vw,8rem) clamp(1.25rem,6vw,6rem);pointer-events:none}.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{justify-content:flex-end}.scroll-scrub__copy{position:relative;width:min(40rem,48vw);pointer-events:auto}.scroll-scrub__copy:before{position:absolute;z-index:-1;inset:-3rem -5rem;content:"";background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ss-bg) 88%,transparent) 0%,color-mix(in srgb,var(--ss-bg) 58%,transparent) 52%,transparent 76%);pointer-events:none}.scroll-scrub__kicker{max-width:30ch;margin:0 0 1rem;color:var(--ss-accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scroll-scrub__title{max-width:13ch;margin:0;color:var(--ss-ink);font:inherit;font-size:clamp(2.75rem,6vw,6.75rem);font-weight:700;line-height:.94;letter-spacing:-.045em;text-wrap:balance}.scroll-scrub__body{max-width:42ch;margin:1.5rem 0 0;color:var(--ss-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}.scroll-scrub__tags{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none}.scroll-scrub__tags li{padding:.45rem .7rem;border:1px solid color-mix(in srgb,var(--ss-ink) 20%,transparent);color:var(--ss-ink);font-size:.82rem}.scroll-scrub__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}@media(max-width:860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__route{right:max(.75rem,env(safe-area-inset-right));left:max(.75rem,env(safe-area-inset-left));justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.scroll-scrub__route-button{flex:0 0 auto}.scroll-scrub__chapter-pin,.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{align-items:flex-end;justify-content:flex-start;padding:6.5rem max(1.25rem,env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.scroll-scrub__copy{width:min(100%,36rem)}.scroll-scrub__copy:before{inset:-3rem -2rem;background:linear-gradient(to top,var(--ss-bg) 0%,color-mix(in srgb,var(--ss-bg) 82%,transparent) 58%,transparent 100%)}.scroll-scrub__title{max-width:14ch;font-size:clamp(2.3rem,11vw,4.5rem)}}@media(prefers-reduced-motion:reduce){.scroll-scrub__chapter{min-height:100dvh!important}.scroll-scrub__connector-band{display:none}.scroll-scrub__progress span{transition:none}}:root{--sonito-bg:#141918;--sonito-ink:#f0f3ef;--sonito-muted:#b8c0ba;--sonito-accent:#b5c7b7;--sonito-line:#3b4440}html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--sonito-bg)}body{margin:0;background:var(--sonito-bg);color:var(--sonito-ink);font-family:Outfit,Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--sonito-accent);outline-offset:5px}.site-header{position:absolute;top:0;left:0;z-index:20;width:100%;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;height:80px}.wordmark{font-size:29px;letter-spacing:-1.5px;font-weight:800}.wordmark span{color:var(--sonito-accent)}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-project{border-bottom:1px solid currentColor;padding:10px 0}.nav-project span{display:inline-block;margin-left:12px;transition:transform .25s}.nav-project:hover span{transform:translate(3px,-3px)}.sonito-journey .scroll-scrub__route{display:none}.sonito-journey .scroll-scrub__progress{top:auto;bottom:0}.sonito-journey .scroll-scrub__stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c120f59,#0c120f1a 30%,#0c120f8f);pointer-events:none;z-index:2}.sonito-journey .scroll-scrub__copy{width:100%;max-width:1250px;transform:translateY(calc(var(--ss-progress) * -18vh))}.sonito-journey .scroll-scrub__copy:before{background:none}.sonito-journey .scroll-scrub__title{max-width:1150px;font-family:Outfit,Arial,sans-serif;font-size:clamp(38px,4.75vw,74px);line-height:1.05;font-weight:700;letter-spacing:-.045em;text-wrap:balance}.sonito-journey .scroll-scrub__body{max-width:420px;font-size:17px;line-height:1.6;margin-top:30px}.sonito-journey .scroll-scrub__chapter-pin{align-items:center;padding:100px 5% 70px}.hero-project{display:inline-flex;align-items:center;gap:54px;padding:17px 22px;background:var(--sonito-accent);color:var(--sonito-bg);font-size:15px;font-weight:600;border-radius:3px;transition:transform .2s,background .2s}.hero-project:hover{transform:translateY(-3px);background:var(--sonito-ink)}.hero-project:active{transform:scale(.98)}.section-space{padding:110px 7%;scroll-margin-top:25px}.section-label{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--sonito-accent);margin:0 0 32px}h2{font-size:clamp(36px,5vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.05em;margin:0 0 30px}p{line-height:1.65}.manifesto{padding-top:135px;padding-bottom:135px;border-bottom:1px solid var(--sonito-line)}.manifesto>p:last-child{max-width:550px;font-size:20px;color:var(--sonito-muted);margin-left:35%}.world-heading{max-width:700px;margin-bottom:55px}.world-heading p{color:var(--sonito-muted)}.world-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:start;gap:38px}.world-grid figure{margin:0}.world-grid figure:nth-child(2){padding-top:110px}.image-window{overflow:hidden;background:var(--sonito-line)}.image-window img{display:block;width:100%;height:380px;object-fit:cover;filter:saturate(.55);transition:transform .7s}.world-grid figure:nth-child(2) img{height:310px}.world-grid figure:hover img{transform:scale(1.035)}figcaption h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:22px 0 4px}figcaption p,.concept-note{margin:0;color:var(--sonito-muted);font-size:14px}.concept-note{margin-top:38px}.services{background:#1a211e}.services>h2{max-width:740px;margin-bottom:75px}.service-list article{border-top:1px solid var(--sonito-line);display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:35px;padding:35px 0;align-items:start}.service-list article>p:first-child{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--sonito-accent)}.service-list h3{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:0}.service-list p{font-size:15px;margin:0;color:var(--sonito-muted)}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:60px}.faq h2{font-size:50px}.faq details{border-bottom:1px solid var(--sonito-line);padding:22px 0}.faq summary{font-size:19px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--sonito-muted);max-width:560px;font-size:16px;margin:20px 0 0}.project{border-top:1px solid var(--sonito-line);display:grid;grid-template-columns:1fr 1fr;gap:8%}.project>div>p:last-child{color:var(--sonito-muted)}.brief-form{display:flex;flex-direction:column;gap:24px}.brief-form label{display:flex;flex-direction:column;gap:10px;font-size:14px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brief-form input,.brief-form textarea,.brief-form select{border:1px solid var(--sonito-line);background:#1b211e;color:var(--sonito-ink);padding:14px;min-width:0;width:100%;border-radius:3px}.brief-form textarea{resize:vertical}.form-note{font-size:12px;color:var(--sonito-muted);margin:0}.download-brief{display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--sonito-ink);border:0;border-top:1px solid var(--sonito-accent);border-bottom:1px solid var(--sonito-accent);padding:20px 0;cursor:pointer;font-size:18px;text-align:left;transition:padding .2s}.download-brief:hover{padding-left:10px;padding-right:10px}.download-brief:active{transform:translateY(1px)}.form-status{min-height:24px;margin:0;font-size:14px;color:var(--sonito-accent)}.site-footer{padding:55px 7% 35px;border-top:1px solid var(--sonito-line)}.footer-brand{font-size:clamp(65px,16vw,230px);font-weight:700;letter-spacing:-.075em;line-height:1.1;display:block}.site-footer>div{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--sonito-muted);font-size:13px;margin-top:32px}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;padding:15px;background:var(--sonito-ink);color:var(--sonito-bg)}.skip-link:focus{top:15px}@media(max-width:860px){.site-header{padding:20px 6%}.wordmark{font-size:25px}.site-header nav{gap:18px}.site-header nav>a:not(.nav-project){display:none}.sonito-journey .scroll-scrub__chapter-pin{align-items:center;padding:110px 6% 75px}.sonito-journey .scroll-scrub__title{font-size:clamp(35px,6.8vw,58px);max-width:680px}.sonito-journey .scroll-scrub__body{font-size:15px;max-width:340px}.sonito-journey .scroll-scrub__stage:after{background:linear-gradient(180deg,#0c120f4d,#0c120f80)}.section-space{padding:75px 6%}.manifesto>p:last-child{margin-left:0;font-size:18px}.world-grid{grid-template-columns:1fr;gap:42px}.world-grid figure:nth-child(2){padding-top:0}.image-window img,.world-grid figure:nth-child(2) img{height:auto;aspect-ratio:1.6}.service-list article{grid-template-columns:1fr;gap:14px;padding:28px 0}.faq,.project{grid-template-columns:1fr;gap:35px}.form-pair{grid-template-columns:1fr}.site-footer>div{align-items:flex-start}.site-footer{padding:40px 6%}.faq h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.sonito-journey .scroll-scrub__copy{transform:none}}