:root{--ink:#031d0e;--paper:#fbfcf8;--paper-2:#edf2eb;--acid:#c8dfc5;--green:#0a3a1f;--muted:#617066;--line:rgba(3,29,14,.16)}
.team-members{margin-top:14px}.member-role{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--green)}.admin-sidebar .brand-logo{margin-left:-7px}.admin-sidebar .brand-logo-light{width:190px;height:60px}.admin-sidebar .brand-logo-light img{width:324px;height:324px;left:-67px;top:-133px}
.brand-logo{width:174px;height:54px;display:block;overflow:hidden;position:relative;flex:none}.brand-logo img{position:absolute;width:295px;height:295px;max-width:none;object-fit:contain;left:-61px;top:-121px}.brand-logo-light img,.loader-brand img{filter:brightness(0) invert(1)}.brand-logo-light{width:280px;height:88px}.brand-logo-light img{width:478px;height:478px;left:-99px;top:-196px}.loader-brand{width:300px;height:94px;overflow:hidden;margin:0 auto 18px;position:relative}.loader-brand img{position:absolute;width:510px;height:510px;max-width:none;left:-105px;top:-209px}.loader p{color:#b8c9ba}.site-header.is-sticky{background:rgba(251,252,248,.92)}.hero-card,.marquee,.brief-cta{background:var(--acid)}.quote-band{background:#0a3a1f}.dark-section .display-title em,.quote-band h2 em{color:var(--acid)}.footer-brand{display:block;font:inherit}.footer-brand.brand-logo{height:98px}.footer-brand.brand-logo img{width:532px;height:532px;left:-110px;top:-218px}.whatsapp-float{background:#0a3a1f;color:#fff}.whatsapp-float span{background:#c8dfc5;color:#031d0e}.designer-avatar{background:#0a3a1f;color:#c8dfc5}.filter.is-active{background:#0a3a1f}.brief-progress i{background:#0a3a1f}.choice-grid label input:checked+span{background:#0a3a1f;border-color:#0a3a1f}.style-grid label:has(input:checked){outline-color:#0a3a1f}.loader-line i{background:#c8dfc5}@media(max-width:640px){.brand-logo{width:128px;height:42px}.brand-logo img{width:228px;height:228px;left:-47px;top:-93px}.loader-brand{width:238px;height:76px}.loader-brand img{width:405px;height:405px;left:-84px;top:-166px}.footer-brand.brand-logo{width:240px;height:76px}.footer-brand.brand-logo img{width:410px;height:410px;left:-85px;top:-168px}}

/* Dinara Tokusheva — the person behind Sandi Ui */
.manifest-copy{padding-top:0}.manifest-copy .big-copy{margin-bottom:38px}.designer-feature{position:relative;margin:0;aspect-ratio:4/5;max-height:610px;overflow:hidden;background:#d7d8d1}.designer-feature:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(4,22,12,.66))}.designer-feature>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 36%;transition:transform .9s cubic-bezier(.2,.75,.2,1)}.designer-feature:hover>img{transform:scale(1.025)}.designer-feature .designer-card{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;padding:17px 18px;border:1px solid rgba(255,255,255,.28);background:rgba(8,38,21,.78);color:#fff;backdrop-filter:blur(10px)}.designer-feature .designer-card span{color:#d8e3d7}.designer-feature .designer-avatar{background:#c8dfc5;color:#06361d}.process-portrait{position:relative;width:min(330px,100%);aspect-ratio:4/3;margin:42px 0 0;overflow:hidden;background:#ddd}.process-portrait>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%;filter:saturate(.82)}.process-portrait:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(15,17,14,.84))}.process-portrait figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:grid;color:#fff}.process-portrait figcaption span{margin-bottom:8px;color:#c8dfc5;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.process-portrait figcaption strong{font-size:.86rem}.process-portrait figcaption small{margin-top:3px;color:#c8cbc6;font-size:.65rem}.process-portrait:before{content:'SANDI UI';position:absolute;z-index:2;right:-14px;top:38px;padding:8px 15px;background:#c8dfc5;color:#06361d;font:600 .55rem var(--display);letter-spacing:.12em;transform:rotate(90deg)}
@media(max-width:980px){.process-portrait{width:min(440px,100%);aspect-ratio:16/10}}
@media(max-width:640px){.hero h1{font-size:clamp(2.35rem,10.4vw,2.85rem)}.manifest-copy .big-copy{margin-bottom:28px}.designer-feature{aspect-ratio:3/4}.designer-feature .designer-card{left:12px;right:12px;bottom:12px}.process-portrait{width:100%;aspect-ratio:4/3;margin-top:32px}.process-portrait>img{object-position:center 26%}.brief-cta h2{font-size:clamp(2.35rem,9.4vw,2.8rem);overflow-wrap:anywhere}}