:root{--bg:#f8f6f0;--surface:#fffdf9;--surface-solid:#fff;--text:#10171b;--muted:#58616b;--line:#e6e5df;--coral:#ff7a59;--mint:#8af4d2;--acid:#e5ff4f;--slate:#4a5b6c;--shadow:0 12px 36px #3e372805;--radius:20px;--heading:'Sora',sans-serif;--body:'Inter',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:'';position:absolute;z-index:-1;top:90px;left:0;width:100%;height:700px;background:radial-gradient(ellipse at 1% 18%,#8af4d232,transparent 22%),radial-gradient(ellipse at 94% 42%,#ff7a5917,transparent 30%);pointer-events:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600;letter-spacing:-.055em;line-height:1.15}h1{font-size:clamp(40px,4.15vw,64px);font-weight:650}h2{font-size:clamp(27px,2.5vw,37px)}h3{font-size:17px;letter-spacing:-.035em;line-height:1.35}p{color:var(--muted)}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{border:0;background:none}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid #187e87;outline-offset:5px}::selection{background:var(--mint);color:#151515}[hidden]{display:none!important}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:54px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}.section-heading>p{max-width:330px;font-size:14px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--slate);margin-bottom:13px;text-transform:uppercase}.caption{font-size:12px;color:var(--muted)}.section-intro{margin:-10px 0 25px}.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.icon{width:22px;height:22px;flex-shrink:0}.icon-tile{width:47px;height:47px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#152225}.icon-tile .icon{width:25px;height:25px}.mint{background:#bdfff0}.coral{background:#ffded0}.acid{background:#efffb0}.blue{background:#d5eeff}.yellow{background:#fff4b9}.button{min-height:48px;border-radius:999px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(110deg,#ff7657,#ff9771);border:1px solid #ff9a7c;color:#171c1b;font-size:13px;font-weight:650;line-height:1.3;box-shadow:inset 0 0 0 1px #ffffff35;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #ff7a592a}.button .icon{width:18px;height:18px}.button-secondary{background:transparent;border:1px solid var(--slate);color:var(--text);box-shadow:none}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#0964a5;font-size:13px;font-weight:600;padding:4px 0;line-height:1.5;text-align:left}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.text-link .icon{width:17px;height:17px}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--surface)}.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}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--text);color:var(--bg);border-radius:8px}.skip-link:focus{top:12px}
/* Shared navigation and real, scalable brand artwork. */
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;position:relative}.brand{display:inline-flex;align-items:center;width:132px;flex-shrink:0;gap:2px;color:var(--text)}.brand-symbol{width:43px;height:48px;flex-shrink:0}.brand-type{font-family:var(--heading);font-weight:700;font-size:40px;line-height:.94;letter-spacing:-.085em}.brand-type small{font:8px var(--body);letter-spacing:.3em;display:block;margin:5px 0 0 3px}.desktop-nav{display:flex;gap:29px}.desktop-nav a{position:relative;font-size:13px;padding-block:12px}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--coral);transform:scaleX(0);transition:transform .2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:25px}.header-actions>.button{min-height:41px;font-size:12px;padding:10px 20px;gap:13px}.theme-toggle{display:flex;border:1px solid var(--line);padding:3px;gap:3px;border-radius:30px;background:var(--surface)}.theme-toggle>span{height:23px;width:23px;display:grid;place-items:center;border-radius:50%}.theme-toggle .icon{width:16px;height:16px}.theme-sun{background:var(--text);color:var(--bg)}.menu-toggle{display:none}.mobile-nav{position:absolute;top:78px;left:0;right:0;background:var(--surface-solid);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 45px #0002;padding:16px}.mobile-nav>a:not(.button){display:flex;align-items:center;justify-content:space-between;padding:14px 9px;border-bottom:1px solid var(--line)}.mobile-nav>a[aria-current]{color:#af4327}.mobile-nav>.button{display:flex;margin-top:16px}
/* Home hero: typography and a separate programmable SVG illustration. */
.home-hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:18px;min-height:650px;padding-top:46px;padding-bottom:50px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(48px,5vw,74px);line-height:1.08;letter-spacing:-.065em}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:after{content:'';position:absolute;height:11px;left:0;right:0;bottom:3px;background:linear-gradient(90deg,#8af4d280,#e5ff4f80);z-index:-1;transform:rotate(-1deg);border-radius:3px}.hero-subtitle{font-size:24px;line-height:1.4;color:var(--text);letter-spacing:-.04em;max-width:420px;margin-top:23px}.hero-description{max-width:460px;font-size:15px;line-height:1.7;margin-top:18px}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:29px}.hero-trust p{font-size:12px;line-height:1.6}.hero-trust strong{font-weight:500;color:var(--text)}.trust-symbol{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;color:#447c66}.hero-art{position:relative;min-width:0;aspect-ratio:1.07;align-self:center;isolation:isolate}.hero-symbol{width:100%;height:100%;overflow:visible;filter:drop-shadow(6px 19px 15px #45563a19)}.hero-halo{position:absolute;z-index:-1;inset:15% 0 0;background:radial-gradient(ellipse at 38% 45%,#8af4d237,transparent 45%),radial-gradient(ellipse at 74% 59%,#ffb88725,transparent 50%),radial-gradient(ellipse at 50% 70%,#e5ff4f24,transparent 50%);filter:blur(15px)}.hero-art:after{content:'';position:absolute;z-index:-1;width:60%;height:28px;bottom:13%;left:20%;border-radius:50%;background:linear-gradient(90deg,#8af4d259,#eddc8255,#ff7a5933);filter:blur(15px);transform:rotate(-8deg)}.handwritten{font-family:Georgia,serif;font-style:italic;line-height:1.4;font-size:18px;letter-spacing:.015em;transform:rotate(-9deg)}.art-note{position:absolute;right:11%;top:0;font-size:16px}.art-note>span{display:block;font-size:36px;margin:0 0 0 90px;line-height:1}.hero-art-bottom{position:absolute;left:9%;right:5%;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.layer-labels{display:flex;gap:15px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--slate)}.motion-toggle{width:33px;height:33px;background:transparent}.motion-toggle .icon{width:14px;height:14px}
.home-hero{position:relative;isolation:isolate}
.hero-intro-pending .hero-copy,.hero-intro-pending .hero-symbol,.hero-intro-pending .hero-halo{visibility:hidden}
.home-hero[data-phase=forming] .hero-art:after{opacity:0}
.hero-pieces{animation:none}
.hero-symbol{will-change:transform,opacity}
.home-hero[data-phase=complete] .hero-symbol,.home-hero[data-phase=reduced] .hero-symbol{will-change:auto}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 26px;background:var(--surface);border:1px solid #ffffff60;box-shadow:var(--shadow);border-radius:var(--radius);gap:22px}.benefits>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);padding-right:20px;font-size:13px;line-height:1.5;font-weight:600}.benefits>div:last-child{border:0}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.service-card{padding:20px 17px;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 50%,transparent);border-radius:15px;box-shadow:var(--shadow);scroll-margin-top:110px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #323c3610}.service-title{display:flex;flex-direction:column;gap:17px}.service-title h3{font-size:16px}.service-card>p{font-size:13px;margin:13px 0 20px;line-height:1.6}.service-card>.text-link{margin-top:auto}.service-card .artwork{height:133px;width:100%;margin-bottom:18px}.check-list{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.5;margin-bottom:15px}.check-list li{display:flex;gap:6px;align-items:flex-start}.check-list .icon{width:14px;height:14px;border-radius:50%;padding:2px;background:#dbf8b2;color:#264029;margin-top:2px}.service-details{font-size:12px;margin-top:auto;width:100%}.service-details summary{list-style:none;display:flex;gap:8px;align-items:center;color:#0964a5;cursor:pointer;font-weight:600;min-height:32px}.service-details summary::-webkit-details-marker{display:none}.service-details summary .icon{width:16px;height:16px}.service-details p{margin:12px 0}.service-details a{color:#0964a5;text-decoration:underline}.service-details a .icon{display:inline;width:14px;height:14px}.process-section{border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin:30px 0 22px}.process-grid li{position:relative}.process-grid li:not(:last-child):after{content:'';height:1px;position:absolute;left:114px;right:-15px;top:24px;background:var(--line)}.step-top{display:flex;gap:12px;align-items:center;margin-bottom:18px}.step-number{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#bdfff0;color:#102420;font-size:12px;font-weight:650}.process-grid p{font-size:13px;margin-top:9px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{min-width:0;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:16px;overflow:hidden;transition:transform .25s}.project-card:hover{transform:translateY(-4px)}.project-visual{position:relative}.project-visual .artwork{border-radius:0;height:224px}.project-tag{position:absolute;left:15px;top:14px;padding:5px 11px;background:#efffbdda;border:1px solid #ffffff50;backdrop-filter:blur(8px);border-radius:30px;font-size:10px;color:#192720}.project-card:nth-child(2) .project-tag,.project-card:nth-child(3) .project-tag{background:#c6fff6dc}.project-copy{padding:19px 20px 20px}.project-copy h3{font-size:16px;margin:5px 0 9px}.project-copy p{font-size:13px;line-height:1.6}.project-copy .text-link{margin-top:17px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{padding:23px;background:var(--surface);border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 45%,transparent)}.value-card h3{margin:17px 0 8px;font-size:16px}.value-card p{font-size:13px;line-height:1.65}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq{padding:0 22px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:550;font-size:14px;line-height:1.45;padding:21px 0;cursor:pointer;list-style:none; background:var(--surface)}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;color:var(--slate);font-weight:400;transition:transform .2s}.faq[open] summary>span{transform:rotate(45deg)}.faq p{padding-bottom:22px;font-size:13px;max-width:550px}.compact{grid-template-columns:repeat(4,1fr)}.compact .faq{padding-inline:19px}.compact summary{font-size:13px;align-items:flex-start}.cta-banner{margin:35px 0 46px;padding:32px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #8af4d277;border-radius:18px;background:linear-gradient(115deg,#c6ffed 0%,#f5f8d8 22%,#ffded1 51%,#fff8ee 75%,#c3ffeb 100%);color:#10171b;overflow:hidden}.cta-title{display:flex;align-items:center;gap:22px;max-width:540px}.cta-title .brand-symbol{width:58px;height:72px}.cta-title h2{font-size:26px}.cta-title p{font-size:12px;color:#42515a;max-width:340px;margin-top:7px}.cta-action{display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0}.cta-action>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#42515a}.cta-action>span .icon{width:14px;height:14px}.cta-banner>.handwritten{font-size:17px;flex-shrink:0}.cta-banner>.handwritten>span{font-size:30px}.site-footer{padding-bottom:25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 0 29px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand>p{font-size:10px;border-left:1px solid var(--line);padding-left:17px;line-height:1.5;color:var(--text)}.footer-main nav{display:flex;gap:20px;font-size:11px}.footer-main nav a:hover,.footer-email:hover{text-decoration:underline}.footer-email{font-size:11px;display:flex;align-items:center;gap:8px}.footer-email .icon{width:16px;height:16px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;font-size:10px}.footer-bottom a{display:flex;align-items:center;gap:8px}.footer-bottom .icon{width:13px;height:13px}
/* Standalone page layouts. */
.page-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding-top:65px;padding-bottom:35px;min-height:440px}.page-hero>div>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:560px;margin-top:20px}.page-hero>div>.button{margin-top:26px}.page-hero h1{font-size:clamp(37px,3.75vw,56px)}.centered{display:flex;flex-direction:column;text-align:center;gap:0;min-height:0;padding-top:75px;padding-bottom:35px}.centered>p:not(.eyebrow){max-width:590px;margin-top:22px}.centered>.button{margin-top:25px}.hero-points{display:flex;gap:24px;margin-top:28px}.hero-points>span{font-size:11px;line-height:1.5;padding-right:24px;border-right:1px solid var(--line)}.hero-points>span:last-child{border:0}.hero-points strong{font-size:12px;font-weight:600}.solutions-hero{min-height:490px}.solutions-art{position:relative;min-height:365px;isolation:isolate}.solutions-art>.glass-art{position:absolute;inset:-25px 0 40px;height:auto;opacity:.7;z-index:-1}.solutions-art .glass-note,.solutions-art .glass-three{display:none}.laptop{position:absolute;left:2%;right:4%;top:90px;transform:perspective(900px) rotateY(-9deg) rotateZ(-5deg);border:8px solid #22292a;border-radius:14px;box-shadow:8px 16px 25px #16221d22}.laptop:after{content:'';position:absolute;left:-7%;right:-7%;height:9px;bottom:-14px;background:linear-gradient(#e3e6df,#899b9b);border-radius:0 0 65% 55%;box-shadow:0 8px 10px #18201b22}.laptop .artwork{height:246px;border-radius:4px}.solution-sticker{position:absolute;right:0;top:0;z-index:2;background:linear-gradient(120deg,#e7ffce,#ffffe9);padding:20px 23px;border-radius:14px;font-size:14px;line-height:1.5;transform:rotate(5deg);color:#151515;box-shadow:0 10px 20px #00000008}.solutions-cards{padding-top:32px}.solutions-cards h2{font-size:30px}.solutions-cards .section-heading>p{max-width:260px}.solutions-cards .service-title{flex-direction:row;gap:9px;align-items:center}.solutions-cards .service-title .icon-tile{width:38px;height:38px;border-radius:10px}.solutions-cards .service-title h3{font-size:12px;letter-spacing:-.04em}.glass-art{height:360px;position:relative;perspective:950px;isolation:isolate}.glass-panel{position:absolute;width:190px;height:175px;border:1px solid #ffffffc9;border-radius:19px;display:grid;place-items:center;font-size:11px;letter-spacing:.22em;backdrop-filter:blur(8px);transform:rotateY(-21deg) rotateZ(-20deg) skewY(-5deg);box-shadow:inset 1px 1px 0 #fff,4px 10px 20px #c1bfac22;color:#364a4b}.glass-one{top:25px;left:12%;background:linear-gradient(145deg,#e5ff4f45,#8af4d274 50%,#f4efe675);border-color:#d2f45d}.glass-two{top:66px;left:34%;background:linear-gradient(145deg,#8af4d26b,#f9f2de6e,#ff7a5969);border-color:#87dfd4}.glass-three{top:110px;left:58%;width:165px;height:146px;background:linear-gradient(135deg,#fff6bd7a,#ff7a596e);border-color:#ffac65}.glass-dot{position:absolute;right:14%;top:19px;width:39px;height:39px;border-radius:9px;background:linear-gradient(135deg,#ffe577,#ff7a59);box-shadow:0 5px 15px #ff7a5930}.glass-note{position:absolute;right:4%;bottom:0;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(12px);padding:20px 25px;border-radius:18px;box-shadow:var(--shadow);font-size:13px;line-height:1.4}.glass-note .icon{margin-bottom:8px;width:28px;height:28px;color:#2c816d}.glass-note strong{display:block;font-weight:600}.glass-note span{font-size:11px;color:var(--muted);display:block;margin-top:8px}.concept-disclaimer{display:flex;gap:12px;align-items:center;font-size:12px;border:1px solid var(--line);padding:13px 19px;border-radius:12px;margin-top:27px;color:var(--muted)}.concept-disclaimer .icon{color:#337a67}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:30px}.filter{padding:11px 23px;border:1px solid var(--line);border-radius:50px;min-height:43px;font-size:13px;background:var(--surface)}.filter.active{background:var(--text);color:var(--bg);border-color:var(--text)}.filter:hover{border-color:var(--slate)}.portfolio-all{padding-top:10px}.portfolio-all .project-grid{grid-template-columns:repeat(2,1fr)}.portfolio-all .artwork{height:300px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.timeline>li{display:flex;gap:24px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.timeline-number{font-family:var(--heading);font-size:33px;color:#639c88;line-height:1.2;letter-spacing:-.07em}.timeline h2{font-size:22px;margin:17px 0 12px}.timeline p{font-size:14px;line-height:1.7}.about-symbol{display:flex;align-items:center;justify-content:center;gap:32px}.about-symbol .brand-symbol{width:210px;height:250px;filter:drop-shadow(5px 15px 12px #aeb79144)}.about-symbol .handwritten{font-size:18px;align-self:flex-end;margin-bottom:40px}.manifesto{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);gap:60px}.manifesto h2{font-size:42px;margin-bottom:27px}.manifesto>div>p{max-width:680px;margin:18px 0;font-size:16px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.approach-card{padding:30px;border-radius:18px;color:#13221d}.approach-card>span{font-size:12px;letter-spacing:.1em}.approach-card h3{font-size:25px;margin:30px 0 17px}.approach-card p{color:#3d5350;font-size:14px}
/* Contact form follows the supplied two-column composition. */
.contact-hero{padding-top:45px;min-height:385px}.contact-hero .glass-art{height:300px}.contact-hero>div>p:not(.eyebrow){max-width:480px;font-size:16px}.contact-layout{display:grid;grid-template-columns:1.2fr .85fr;gap:20px;scroll-margin-top:108px}.form-card,.next-card{background:var(--surface);border:1px solid #ffffff35;border-radius:18px;padding:30px}.form-card h2,.next-card h2{font-size:29px}.form-card>p,.next-card>p{font-size:14px;margin:10px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:12px;font-weight:500;display:block}.form-grid label>span{color:#b63e25}.form-grid label>small{font-size:10px;color:var(--muted);font-weight:400}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;background:var(--surface);border:1px solid var(--line);color:var(--text);padding:12px 14px;border-radius:10px;min-height:46px;font-size:13px;line-height:1.4}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#79818a;opacity:1}.form-grid textarea{resize:vertical;min-height:120px;max-height:400px}.form-grid input:user-invalid,.form-grid select:user-invalid,.form-grid textarea:user-invalid{border-color:#c74c39}.field-full{grid-column:1/-1}.submit-button{width:100%;margin-top:16px}.privacy-note{font-size:10px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px}.privacy-note .icon{width:14px;height:14px}.form-delivery{font-size:11px;margin-top:15px}.next-steps{display:flex;flex-direction:column;gap:24px;margin-top:30px}.next-steps li{display:flex;align-items:flex-start;gap:14px;position:relative}.next-steps li:not(:last-child):before{content:'';position:absolute;top:46px;bottom:-15px;left:17px;width:1px;background:var(--line)}.next-steps h3{font-size:14px;margin:3px 0 8px}.next-steps p{font-size:12px;line-height:1.65}.next-steps .icon-tile{width:44px;height:44px}.results-note{display:flex;align-items:center;gap:14px;background:var(--surface-solid);border-radius:12px;padding:13px;margin-top:28px}.results-note p{font-size:11px;line-height:1.5}.results-note>.icon{width:33px;height:45px;color:#78d4b4}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.channel-grid>a{display:flex;align-items:center;gap:15px;padding:20px 17px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.channel-grid>a:hover{border-color:#8fcab6}.channel-grid h3{font-size:13px}.channel-grid p{font-size:11px;margin-top:5px;overflow-wrap:anywhere}.channel-grid>a>.icon{margin-left:auto;width:17px;height:17px}.channels{padding-top:25px}.channels h2{font-size:27px}#form-status:not(:empty){padding:15px;margin-top:15px;background:#e5f9ef;border-radius:10px;color:#234538;font-size:13px}#form-status[data-error=true]{background:#fff0e8;color:#7c301f}#form-status a{text-decoration:underline}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.contact-actions .button{width:100%;margin:0;padding-inline:17px}.button-whatsapp{background:#d8f7e9;border-color:#9bdac2;color:#183e32}.button-whatsapp:hover{background:#c8efdd;border-color:#6fc3a4}[data-theme=dark] .button-whatsapp{background:#21483d;border-color:#3e7563;color:var(--text)}
body[data-page=contato] #perguntas{margin-block:38px;padding:42px;border:1px solid #dce9df;border-radius:24px;background:radial-gradient(circle at 92% 8%,#ffded07a,transparent 30%),radial-gradient(circle at 5% 95%,#8af4d24d,transparent 32%),#eff4ed;box-shadow:0 18px 50px #4f67520d}body[data-page=contato] #perguntas .faq{background:#fffdf9cc;border-color:#d9e2da;backdrop-filter:blur(8px)}[data-theme=dark] body[data-page=contato] #perguntas{background:radial-gradient(circle at 92% 8%,#ff7a5917,transparent 30%),radial-gradient(circle at 5% 95%,#8af4d214,transparent 32%),#172322;border-color:#314a45}[data-theme=dark] body[data-page=contato] #perguntas .faq{background:#202c2ccc;border-color:#3a4c49}
@media(max-width:650px){.contact-actions{grid-template-columns:1fr}body[data-page=contato] #perguntas{margin-block:24px;padding:28px 18px;border-radius:19px}}
/* Portfolio visuals are individual HTML/CSS compositions, not page screenshots. */
.artwork{position:relative;overflow:hidden;border-radius:10px;isolation:isolate;pointer-events:none;user-select:none;font-family:var(--body);font-size:10px;line-height:1.3;color:#132521;container-type:inline-size}.mini-browser{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;font-size:7px;position:relative;z-index:2}.mini-dots{font-size:5px;letter-spacing:2px;color:#c6ddcf}.artwork-landing{background:radial-gradient(ellipse at 78% 80%,#647c314d,transparent 50%),linear-gradient(120deg,#051b1c,#102924);color:#f7f7de}.mini-landing{padding:10px 8%;position:relative;height:100%}.mini-kicker{font-size:5.5px;letter-spacing:1px;display:block;margin-bottom:10px}.mini-landing strong{font-size:clamp(12px,7cqw,30px);font-weight:500;line-height:1.1;position:relative;z-index:2;display:block;letter-spacing:-.06em}.mini-landing strong em{color:#e5ff7b;font-style:normal}.mini-button{display:inline-block;font-size:6px;padding:5px 9px;background:#e7fa99;color:#1b3228;border-radius:20px;margin-top:13px;position:relative;z-index:2}.mini-orbit{position:absolute;width:56%;height:140%;right:-10%;top:-28%;border-radius:30%;border:1px solid #a5edaa77;background:linear-gradient(110deg,#80f4cc19,#aff4a085 55%,#e5ff4f);transform:rotate(24deg);box-shadow:inset 5px 2px 20px #b1ebce40,0 0 20px #8af4d217}.mini-chart{position:absolute;right:6%;top:23%;width:41%;background:#071f1aba;backdrop-filter:blur(4px);padding:12px 10px;border:1px solid #a4e19a60;border-radius:7px;transform:rotate(-6deg);z-index:1;box-shadow:0 6px 14px #0005}.mini-chart>span{font-size:6px;color:#e5ffb2}.mini-chart svg{margin-top:10px}.mini-chart path{fill:none;stroke:#e0d56a;stroke-width:2}.artwork-site{background:linear-gradient(#a5d4e9,#e5eff1);color:#112c38}.mini-building-copy{position:absolute;z-index:3;top:25%;left:7%;width:57%}.mini-building-copy strong{font-size:clamp(12px,6.5cqw,31px);font-weight:600;letter-spacing:-.06em;line-height:1.12;display:block}.mini-building-copy>span:last-child{display:block;font-size:6px;margin-top:14px}.building{position:absolute;bottom:-8%;background:repeating-linear-gradient(0deg,transparent 0 14%,#355970 14.5% 16%),repeating-linear-gradient(90deg,#6f9cab 0 16%,#27485d 16.5% 18%,#8dacb0 19% 34%);border:2px solid #456373;box-shadow:inset 7px 0 20px #13293f66}.building-one{width:36%;height:87%;right:3%;transform:skewY(-18deg)}.building-two{width:20%;height:57%;right:31%;transform:skewY(20deg);background-color:#dcc8a0;filter:sepia(.4)}.artwork-dashboard{display:flex;background:#f2f7f9;color:#344e63;border:1px solid #d1e5e9}.dashboard-side{display:flex;flex-direction:column;gap:16px;background:#10282c;color:#bcc9ca;width:23%;font-size:6px;padding:15px 10px}.dashboard-side b{font-size:10px;color:#c9ffc4;margin-bottom:8px}.dashboard-main{width:77%;padding:5px 10px}.dashboard-main .mini-browser{padding:9px 0;font-size:7px}.mini-metrics{display:flex;gap:5px;margin:7px 0 14px}.mini-metrics>span{flex:1;background:white;border:1px solid #e6edf0;padding:7px 5px;border-radius:4px;font-size:5px}.mini-metrics b{font-size:12px;display:block;margin-top:5px}.chart-title{font-size:6px;display:block;margin-bottom:12px}.bar-chart{height:38%;min-height:29px;display:flex;align-items:flex-end;justify-content:space-around;gap:4px;border-bottom:1px solid #cedee8;background:repeating-linear-gradient(0deg,transparent 0 24%,#d8e6ed 24.5% 25%)}.bar-chart i{width:6%;border-radius:2px 2px 0 0;background:linear-gradient(#70b7ff,#3689ee)}.bar-0{height:32%}.bar-1{height:59%}.bar-2{height:46%}.bar-3{height:83%}.bar-4{height:63%}.bar-5{height:95%}.chart-footnote{display:block;margin-top:8px;font-size:5px;letter-spacing:1px;color:#5d748a}.artwork-social{background:linear-gradient(120deg,#ffbb9a,#fff0bc 55%,#9cffe0)}.social-tile{position:absolute;top:12%;width:47%;height:91%;padding:15px;border-radius:10px;box-shadow:0 8px 17px #272d2433}.social-tile>span{font-size:5px;letter-spacing:1px}.social-tile strong{display:block;margin-top:16px;font-size:clamp(11px,5.7cqw,25px);letter-spacing:-.06em;line-height:1.08;font-weight:600}.social-tile i{display:block;font-size:22px;margin-top:14px}.social-back{left:6%;transform:rotate(-8deg);background:#0d302a;color:#ecffd8}.social-front{right:6%;transform:rotate(8deg);background:linear-gradient(120deg,#faffdf,#b9ffcc);color:#16352b;border:4px solid #173c32}.social-front i{color:#c3d940}.project-dialog{border:1px solid var(--line);border-radius:22px;padding:0;width:min(740px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:var(--surface);color:var(--text)}.project-dialog::backdrop{background:#07181599;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:14px;z-index:4;background:var(--surface);color:var(--text);box-shadow:0 3px 15px #0002}.project-dialog .artwork{height:290px;border-radius:0}.dialog-copy{padding:30px}.dialog-copy h2{font-size:29px}.dialog-copy h3{margin:22px 0 8px}.dialog-copy p{font-size:14px}.dialog-copy .concept-note{font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.dialog-copy .button{margin-top:23px}
/* Theme changes surfaces, preserving the same identity and hierarchy. */
[data-theme=dark]{--bg:#101718;--surface:#192223;--surface-solid:#202c2c;--text:#f4efe6;--muted:#b3bfbe;--line:#344342;--slate:#aebfbd;--shadow:0 12px 30px #0001;color-scheme:dark}[data-theme=dark] .theme-sun{background:none;color:var(--text)}[data-theme=dark] .theme-moon{background:var(--text);color:var(--bg)}[data-theme=dark] .text-link,[data-theme=dark] .service-details summary,[data-theme=dark] .service-details a{color:#8acefa}[data-theme=dark] .highlight:after{opacity:.3}[data-theme=dark] .hero-halo{opacity:.5}[data-theme=dark] .hero-piece-label{fill:#e2efe7}[data-theme=dark] .glass-panel{color:#dbe5d9;background-color:#25423e40}[data-theme=dark] .cta-banner{background:linear-gradient(115deg,#203f34,#313b27 25%,#47332d 58%,#193f35);color:var(--text);border-color:#486349}[data-theme=dark] .cta-title p,[data-theme=dark] .cta-action>span{color:#d0d8cb}[data-theme=dark] .mobile-nav>a[aria-current]{color:#ffad92}[data-theme=dark] .form-grid label>span{color:#ffa78d}[data-theme=dark] .form-grid input::placeholder,[data-theme=dark] .form-grid textarea::placeholder{color:#9eaeac}[data-theme=dark] .trust-symbol{color:#8af4d2}
.solutions-cards .service-card>p{min-height:84px}
.service-card .artwork-dashboard .dashboard-side{gap:9px;padding:10px 7px}
.service-card .artwork-dashboard .mini-metrics{margin:3px 0 6px}
.service-card .artwork-dashboard .mini-metrics>span{padding:4px 3px}
.service-card .artwork-dashboard .mini-metrics b{font-size:9px;margin-top:3px}
.service-card .artwork-dashboard .chart-title{margin-bottom:6px}
.service-card .artwork-dashboard .bar-chart{height:34px}
@media(max-width:650px){.solutions-cards .service-card>p{min-height:0}.service-card .artwork-dashboard .bar-chart{height:75px}}
@media(min-width:1500px){.home-hero{min-height:700px}.section{padding-block:63px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.desktop-nav{gap:19px}.header-actions{gap:15px}.hero-copy h1{font-size:58px}.service-grid{gap:10px}.service-card{padding:17px 13px}.service-title h3{font-size:14px}.solutions-cards .service-title{flex-direction:column;align-items:flex-start}.footer-main{flex-wrap:wrap}.footer-main nav{margin-left:auto}.cta-banner>.handwritten{display:none}.next-steps{gap:23px}.next-steps li{gap:10px}.next-steps .icon-tile{display:none}.glass-three{left:55%;width:140px}.contact-layout{grid-template-columns:1.15fr .85fr}.form-card,.next-card{padding:24px}.form-card h2,.next-card h2{font-size:25px}.art-note{right:3%}.layer-labels{gap:10px;font-size:8px}.portfolio-all .artwork{height:250px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header-inner{height:76px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none}.menu-toggle>span{display:block;width:20px;height:1.5px;background:var(--text);transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-6.5px) rotate(-45deg)}.home-hero{min-height:570px;gap:0;padding-top:36px}.hero-copy h1{font-size:49px}.hero-subtitle{font-size:21px}.hero-description{font-size:14px}.hero-art{margin-left:-25px}.art-note{font-size:13px;right:3%;top:-15px}.layer-labels{flex-direction:column;gap:0;font-size:8px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px;padding:23px}.benefits>div:nth-child(2){border:0}.service-grid{grid-template-columns:repeat(3,1fr);gap:14px}.service-card{padding:20px}.service-title h3{font-size:15px}.service-grid>.service-card:nth-child(n+4){grid-column:auto}.solutions-cards .service-title{flex-direction:row;align-items:center}.service-title{gap:12px}.service-card>p{font-size:13px}.solutions-cards .service-title h3{font-size:14px}.section{padding-block:42px}.section-heading>p{max-width:250px}.process-grid{gap:23px}.process-grid p{font-size:12px}.process-grid h3{font-size:15px}.project-grid{gap:13px}.project-visual .artwork{height:180px}.project-copy{padding:15px}.project-copy h3{font-size:14px}.project-copy p{font-size:12px}.value-grid{grid-template-columns:1fr 1fr}.value-card{padding:23px}.page-hero{gap:18px}.page-hero h1{font-size:39px}.page-hero>div>p:not(.eyebrow){font-size:15px}.glass-one{left:0;width:150px}.glass-two{left:25%;width:155px}.glass-three{left:49%;width:130px}.glass-note{right:0}.solutions-art{min-height:320px}.laptop .artwork{height:200px}.solution-sticker{font-size:11px;padding:15px}.hero-points{gap:15px}.hero-points>span{padding-right:15px}.contact-layout{grid-template-columns:1.2fr .8fr;gap:15px}.form-grid{grid-template-columns:1fr}.form-card,.next-card{padding:23px}.next-steps{gap:30px}.compact{grid-template-columns:1fr 1fr}.channel-grid{grid-template-columns:1fr}.channel-grid>a{padding:18px 22px}.channel-grid p{font-size:12px}.channel-grid h3{font-size:14px}.cta-banner{padding:27px;gap:24px}.cta-title{gap:17px}.cta-title h2{font-size:23px}.cta-title .brand-symbol{width:42px;height:52px}.footer-main nav{gap:17px}.timeline{gap:15px}.timeline>li{gap:18px;padding:25px}.timeline-number{font-size:26px}.timeline h2{font-size:20px}.about-symbol .brand-symbol{width:150px;height:190px}.about-symbol{gap:15px}.about-symbol .handwritten{font-size:15px}.manifesto{grid-template-columns:.7fr 2fr;gap:25px}.manifesto h2{font-size:34px}.approach-grid{gap:14px}.approach-card{padding:25px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header-inner{height:72px;gap:10px}.brand{width:112px}.brand-symbol{width:35px;height:40px}.brand-type{font-size:34px}.brand-type small{font-size:6.5px}.header-actions{gap:11px}.header-actions>.button{display:none}.theme-toggle{padding:2px}.theme-toggle>span{width:22px;height:22px}.mobile-nav{top:67px}.home-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:39px;padding-bottom:26px;gap:21px}.hero-copy .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.1em;max-width:310px;margin-bottom:17px}.hero-copy h1{font-size:clamp(38px,10.8vw,58px);line-height:1.08;letter-spacing:-.065em}.highlight:after{height:8px;bottom:1px}.hero-subtitle{font-size:21px;line-height:1.3;margin-top:21px;max-width:300px}.hero-description{font-size:14px;line-height:1.65;margin-top:17px;max-width:450px}.button-row{gap:10px;margin-top:23px}.hero-copy .button-row{flex-direction:column}.button{font-size:13px;min-height:47px;padding:13px 21px}.hero-copy .button{width:100%}.hero-trust{margin-top:21px}.hero-trust p{font-size:11px}.hero-art{width:100%;max-width:420px;margin:20px auto 0;aspect-ratio:1.2}.art-note{font-size:13px;top:-8px;right:7%}.hero-art-bottom{bottom:0;left:3%;right:3%}.layer-labels{flex-direction:row;font-size:8px;gap:13px}.hero-symbol{height:95%;width:100%}.benefits{grid-template-columns:1fr 1fr;padding:17px 13px;gap:18px 10px;border-radius:15px}.benefits>div{gap:8px;font-size:10px;padding-right:9px;line-height:1.4}.benefits .icon-tile{width:34px;height:36px;border-radius:10px}.benefits .icon{width:20px;height:20px}.section{padding-block:35px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{max-width:100%;margin-top:14px;font-size:13px}.section-heading .eyebrow{font-size:9px;margin-bottom:10px}h2{font-size:28px;letter-spacing:-.05em}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:20px;display:grid;grid-template-columns:1fr auto;column-gap:12px}.service-title{flex-direction:row;align-items:center;gap:14px;grid-column:1}.service-title h3{font-size:16px}.service-card>p{margin:8px 0 0 61px;font-size:12px;grid-column:1}.service-card>.text-link{grid-column:2;grid-row:1/3;font-size:0;align-self:center}.service-card>.text-link .icon{width:20px;height:20px;color:var(--slate)}.service-card:hover{transform:none}.solutions-cards .service-card{display:flex;padding:24px}.solutions-cards .service-title{flex-direction:row}.solutions-cards .service-title .icon-tile{width:44px;height:44px}.solutions-cards .service-title h3{font-size:17px}.solutions-cards .service-card>p{margin:15px 0 20px;font-size:14px}.solutions-cards .service-card .artwork{height:195px}.check-list{font-size:13px;gap:11px}.service-details summary{min-height:44px;font-size:13px}.service-details p{font-size:13px}.process-grid{grid-template-columns:1fr 1fr;gap:26px 20px;margin:25px 0 21px}.process-grid li:after{display:none}.step-top{gap:10px;margin-bottom:13px}.process-grid p{font-size:12px;line-height:1.6}.process-grid h3{font-size:16px}.step-top .icon-tile{height:40px;width:40px}.step-number{height:31px;width:31px;font-size:11px}.project-grid,.portfolio-all .project-grid{grid-template-columns:1fr;gap:20px}.project-visual .artwork,.portfolio-all .artwork{height:230px}.project-copy{padding:20px}.project-copy h3{font-size:18px}.project-copy p{font-size:13px}.project-copy .text-link{font-size:12px}.section-bottom{flex-direction:column;align-items:flex-start;gap:10px}.value-grid{gap:11px}.value-card{padding:17px 15px}.value-card h3{font-size:14px}.value-card p{font-size:12px;line-height:1.6}.value-card .icon-tile{width:40px;height:40px}.faq-grid,.compact{grid-template-columns:1fr}.faq{padding-inline:19px}.faq summary,.compact summary{font-size:13px;padding:19px 0;align-items:center}.faq p{font-size:12px}.cta-banner{margin:24px 0 35px;padding:26px 22px;flex-direction:column;align-items:flex-start;gap:23px;background:linear-gradient(125deg,#caffed,#f9f6de 35%,#ffdcd0 80%,#dbffef)}.cta-title{gap:15px}.cta-title h2{font-size:23px}.cta-title p{font-size:11px}.cta-title .brand-symbol{width:39px;height:55px}.cta-action{width:100%;gap:11px}.cta-action>.button{width:100%}.cta-action>span{align-self:center;font-size:10px}.footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:24px}.footer-brand{gap:22px;width:100%}.footer-brand>p{font-size:10px;padding-left:21px}.footer-main nav{margin:0;flex-wrap:wrap;gap:22px;font-size:11px}.footer-email{font-size:12px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:10px}.page-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:22px;min-height:0;gap:24px}.page-hero h1{font-size:clamp(35px,9.8vw,48px)}.page-hero .eyebrow{font-size:9px;line-height:1.6;max-width:300px}.page-hero>div>p:not(.eyebrow){font-size:14px;line-height:1.65;margin-top:18px}.page-hero .button-row{flex-direction:column}.page-hero .button-row .button{width:100%}.hero-points{justify-content:space-between;gap:12px;margin-top:24px}.hero-points>span{font-size:10px;padding-right:23px}.hero-points strong{font-size:11px}.solutions-art{min-height:310px;margin-top:15px}.solutions-art .glass-art{height:260px}.laptop{top:85px;left:3%;right:8%;border-width:6px}.laptop .artwork{height:210px}.solution-sticker{font-size:11px;right:0;top:9px}.solutions-cards h2{font-size:28px}.solutions-cards .section-heading>p{max-width:none}.glass-art{height:275px;width:100%;max-width:410px;align-self:center;margin-top:8px}.glass-one{width:145px;height:140px;left:8%;top:20px}.glass-two{width:155px;height:146px;left:28%;top:60px}.glass-three{width:115px;height:120px;left:59%;top:83px}.glass-panel{font-size:8px;border-radius:14px}.glass-note{padding:14px 19px;right:0;bottom:0;font-size:11px}.glass-note span{font-size:10px}.glass-note .icon{width:21px;height:21px}.glass-dot{right:13%;width:28px;height:28px;top:17px}.centered{align-items:center;text-align:left;gap:0;padding-bottom:25px}.centered h1,.centered>.eyebrow{width:100%}.centered p{font-size:14px}.concept-disclaimer{font-size:11px;padding:13px;line-height:1.6}.filters{justify-content:flex-start;gap:7px;margin:0 0 23px}.filter{padding:9px 14px;font-size:11px;min-height:42px}.portfolio-all{padding-top:15px}.timeline{grid-template-columns:1fr;gap:14px;margin-top:25px}.timeline>li{padding:25px;gap:20px}.timeline h2{font-size:22px}.timeline p{font-size:13px}.about-symbol{padding:20px 0 10px;gap:32px}.about-symbol .brand-symbol{width:130px;height:165px}.about-symbol .handwritten{font-size:16px}.manifesto{display:block}.manifesto>div{margin-top:24px}.manifesto h2{font-size:32px}.manifesto>div>p{font-size:14px}.approach-grid{grid-template-columns:1fr;gap:13px}.approach-card{padding:26px}.approach-card h3{margin:16px 0 12px}.contact-hero{gap:8px}.contact-hero .glass-art{height:250px;max-width:340px;margin-top:15px}.contact-hero h1{font-size:40px}.contact-layout{grid-template-columns:1fr;gap:18px;margin-top:8px}.form-card,.next-card{padding:24px 20px}.form-card h2,.next-card h2{font-size:25px}.form-card>p,.next-card>p{font-size:13px}.form-grid{gap:17px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:48px}.form-grid label{font-size:12px}.form-grid label>small{font-size:10px}.form-delivery{font-size:11px}.privacy-note{font-size:9px;gap:7px}.next-steps{gap:26px;margin-top:25px}.next-steps .icon-tile{display:flex;width:38px;height:40px}.next-steps li{gap:12px}.next-steps h3{font-size:14px;margin-top:0}.next-steps p{font-size:12px}.next-steps li:not(:last-child):before{left:15px}.results-note{margin-top:25px}.channel-grid>a{padding:17px 15px;gap:12px}.channel-grid .icon-tile{width:40px;height:42px}.channel-grid h3{font-size:13px}.channel-grid p{font-size:11px}.channels h2{font-size:25px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:25px}.dialog-copy p{font-size:13px}.project-dialog .artwork{height:230px}.dialog-copy .button{width:100%}}
@media(max-width:650px){
  .home-hero{gap:15px;padding-top:20px}
  .home-hero .hero-art{order:-1;width:78%;max-width:330px;aspect-ratio:1.2;margin:0 0 0 auto;align-self:flex-end}
  .home-hero .art-note{display:none}
  .home-hero .hero-art-bottom{left:0;right:0;bottom:0}
  .home-hero .layer-labels{font-size:7px;gap:8px}
  .home-hero .motion-toggle{position:absolute;right:0;bottom:0}
}
/* Ghati refinement: brand typography, refractive atmosphere and deliberate rhythm. */
@font-face{font-family:Sora;font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/sora-latin.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2')}
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.header-inner{height:80px}
.site-header{background:color-mix(in srgb,var(--bg) 90%,transparent)}
.button{min-height:50px;padding:9px 12px 9px 24px;gap:22px;background:#ff896c;border-color:#ff896c;box-shadow:inset 0 1px 0 #ffffff70;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .35s var(--ease-out)}
.button>.icon{width:30px;height:30px;padding:7px;border-radius:50%;background:#fff9eccc;transition:transform .35s var(--ease-out)}
.button-secondary{background:transparent;border-color:var(--line);box-shadow:none}
.button-secondary>.icon{background:transparent}
.button:active{transform:scale(.98)}
.header-actions>.button{padding:6px 8px 6px 18px}
.text-link{color:var(--text);min-height:36px;gap:13px}
.text-link>.icon{transition:transform .35s var(--ease-out)}
.hero-stage{position:relative;isolation:isolate;overflow:clip;background:var(--bg)}
.hero-backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 58%;pointer-events:none}
.hero-stage:after{content:'';position:absolute;inset:auto 0 0;height:65px;background:linear-gradient(transparent,var(--bg));pointer-events:none;z-index:-1}
.home-hero{min-height:650px;padding-top:48px;padding-bottom:66px;grid-template-columns:1.12fr 1fr;gap:24px}
.hero-copy h1{font-size:clamp(52px,5.4vw,80px);font-weight:600;letter-spacing:-.068em;line-height:1.06}
.hero-copy .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:25px}
.hero-copy .highlight:after{display:none}
.hero-subtitle{font-size:clamp(20px,1.9vw,26px);line-height:1.4;max-width:510px;margin-top:23px;letter-spacing:-.035em}
.hero-description{font-size:15px;line-height:1.75;max-width:465px;margin-top:15px}
.hero-copy .button-row{margin-top:29px;gap:22px}
.hero-copy .button-secondary{border-color:transparent;padding-inline:4px;background:transparent}
.home-hero .hero-art{aspect-ratio:1.08;width:100%;margin:0}
.hero-symbol{filter:drop-shadow(3px 5px 1px #42776b20) drop-shadow(12px 26px 24px #45644526)}
.hero-pieces path{stroke:#fffef4b3;stroke-width:1.25;paint-order:stroke fill}
.hero-halo{inset:8% -5%;opacity:.45}
.home-hero .hero-art:after{bottom:0;width:65%;left:20%;opacity:.45}
.benefits{padding:25px 0;border-radius:0;background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--line);gap:28px}
.benefits>div{font-size:13px;font-weight:500}
.benefits .icon-tile{border-radius:50%;width:44px;height:44px}
.section{padding-block:75px}
.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:34px}
.section-heading>p{max-width:540px;font-size:15px;line-height:1.65}
.section-heading h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.055em;line-height:1.15}
body[data-page=index] .section-heading .eyebrow{display:none}
body[data-page=index] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-page=index] .service-card{grid-column:auto;padding:29px;border-radius:22px;min-height:245px;border:1px solid #ffffffaa;box-shadow:0 4px 22px #384c3b04;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .5s var(--ease-out)}
body[data-page=index] .service-card:nth-child(-n+2){grid-column:auto;min-height:235px}
body[data-page=index] .service-card:first-child{background:linear-gradient(120deg,#effcf4,#fcfff7)}
body[data-page=index] .service-card:nth-child(2){background:linear-gradient(120deg,#fff0e7,#fffaf3)}
body[data-page=index] .service-title{flex-direction:row;align-items:center;gap:17px}
body[data-page=index] .service-title h3{font-size:20px;letter-spacing:-.04em}
body[data-page=index] .service-card>p{font-size:14px;margin:20px 0 18px;max-width:440px}
body[data-page=index] .service-card>.text-link{width:100%;justify-content:space-between}
.process-section{border-block:1px solid var(--line)}
.process-grid{gap:40px;margin:40px 0 25px}
.process-grid p{font-size:14px;line-height:1.7;max-width:250px}
.process-grid h3{font-size:20px}
.step-top{margin-bottom:24px}
.project-card{border-radius:20px;box-shadow:0 6px 24px #34493906;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.project-copy{padding:24px}
.project-copy h3{font-size:18px;margin:9px 0 12px}
.project-copy p{font-size:14px}
.project-visual .artwork{height:260px;transition:transform .65s var(--ease-out)}
.project-visual{overflow:hidden}
.project-copy .text-link{margin-top:22px}
body[data-page=index] .value-card{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;padding:5px 28px 5px 24px}
body[data-page=index] .value-card:first-child{border-left:0;padding-left:0}
.value-card h3{font-size:19px;margin:23px 0 12px}
.value-card p{font-size:14px;line-height:1.7}
.faq{background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--line);padding-inline:0}
.faq-grid{column-gap:48px}
.faq summary{font-size:15px;min-height:80px}
.faq summary>span{transition:transform .35s var(--ease-out)}
.cta-banner{position:relative;isolation:isolate;padding:44px;background:#f3f5df url('hero-atmosphere.jpg') center 72%/cover;border:1px solid #ffffffbb;border-radius:24px;margin:35px 0 65px}
.cta-title h2{font-size:30px;max-width:410px}
.cta-title p{font-size:14px;margin-top:14px;max-width:420px}
.cta-banner>.handwritten{display:none}
.site-footer{padding-top:8px}
.footer-main{padding-bottom:36px}
.menu-toggle span{transition:transform .35s var(--ease-out),opacity .2s}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.project-dialog{overscroll-behavior:contain}
.reveal-ready{opacity:0;translate:0 22px;transition:opacity .7s var(--ease-out),translate .7s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-visible,.reveal-ready:focus-within{opacity:1;translate:0 0}
@media(hover:hover){
  .button:hover{background:#ff987d;box-shadow:0 8px 20px #cb72541a;transform:translateY(-2px)}
  .button-secondary:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}
  .button:hover>.icon,.text-link:hover>.icon{transform:translateX(3px)}
  .project-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #34493912}
  .project-card:hover .project-visual .artwork{transform:scale(1.035)}
  body[data-page=index] .service-card:hover{transform:translateY(-5px);border-color:#bdd2c2;box-shadow:0 15px 34px #3449390c}
}
[data-theme=dark] .hero-backdrop{opacity:.09;mix-blend-mode:screen}
[data-theme=dark] .hero-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 80%);z-index:-1}
[data-theme=dark] body[data-page=index] .service-card{background:var(--surface);border-color:var(--line)}
[data-theme=dark] body[data-page=index] .service-card:first-child{background:linear-gradient(120deg,#19352e,var(--surface))}
[data-theme=dark] body[data-page=index] .service-card:nth-child(2){background:linear-gradient(120deg,#342824,var(--surface))}
[data-theme=dark] .cta-banner{background:linear-gradient(110deg,#203b32,#282822,#3e2d27);color:var(--text);border-color:var(--line)}
[data-theme=dark] .cta-title p,[data-theme=dark] .cta-action>span{color:var(--muted)}
@media(max-width:1100px){
  .home-hero{min-height:590px;gap:15px;padding-block:40px 55px}
  .hero-copy h1{font-size:clamp(44px,5.4vw,64px)}
  body[data-page=index] .service-card{padding:24px}
  body[data-page=index] .service-title{align-items:flex-start;flex-direction:column;gap:14px}
  .cta-title h2{font-size:26px}
}
@media(max-width:900px){
  .home-hero{grid-template-columns:1.15fr 1fr;min-height:590px;gap:0}
  .hero-copy h1{font-size:clamp(38px,5.5vw,50px)}
  .hero-copy .eyebrow{font-size:9px;max-width:340px}
  .hero-description{font-size:14px}
  .hero-copy .button-row{gap:12px}
  .hero-copy .button{padding-left:17px;gap:10px;font-size:12px}
  .section{padding-block:58px}
  .benefits{gap:22px}
  .project-visual .artwork{height:220px}
}
@media(max-width:650px){
  .header-inner{height:72px}
  .home-hero{padding-top:22px;padding-bottom:39px;gap:23px;min-height:0}
  .home-hero .hero-art{order:-1;width:76%;max-width:270px;aspect-ratio:1.4;margin:0 auto;align-self:center}
  .hero-symbol{height:100%}
  .hero-backdrop{object-position:65% top;opacity:.65}
  .hero-stage:after{height:120px}
  .hero-copy .eyebrow{font-size:9px;margin-bottom:17px;max-width:100%;letter-spacing:.08em}
  .hero-copy h1{font-size:clamp(35px,10.5vw,58px);line-height:1.06;letter-spacing:-.065em}
  .hero-subtitle{font-size:21px;max-width:350px;line-height:1.4;margin-top:19px}
  .hero-description{font-size:14px;line-height:1.7;margin-top:13px}
  .hero-copy .button-row{flex-direction:row;flex-wrap:nowrap;gap:12px;margin-top:25px}
  .hero-copy .button{width:auto;font-size:12px;gap:12px;padding-left:19px}
  .hero-copy .button-secondary{padding-inline:0}
  .button>.icon{width:28px;height:28px;padding:6px}
  .benefits{gap:22px 13px;padding:25px 0}
  .benefits>div{font-size:11px;gap:10px;border:0;padding:0;align-items:center}
  .benefits .icon-tile{width:36px;height:36px}
  .section{padding-block:44px}
  .section-heading{margin-bottom:25px;gap:14px}
  .section-heading h2{font-size:30px}
  .section-heading>p{font-size:14px}
  body[data-page=index] .service-grid{grid-template-columns:1fr;gap:12px}
  body[data-page=index] .service-card,body[data-page=index] .service-card:nth-child(-n+2){grid-column:auto;min-height:0;padding:24px;border-radius:18px}
  body[data-page=index] .service-title{flex-direction:row;align-items:center}
  body[data-page=index] .service-title h3{font-size:19px}
  body[data-page=index] .service-card>p{margin-top:17px}
  .process-grid{gap:28px;margin:30px 0}
  .step-top{margin-bottom:16px}
  .process-grid h3{font-size:18px}
  .process-grid p{font-size:13px}
  .value-grid{grid-template-columns:1fr;gap:16px}
  body[data-page=index] .value-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
  body[data-page=index] .value-card,body[data-page=index] .value-card:first-child{border:0;padding:0}
  .value-card h3{font-size:17px;margin-top:18px}
  .value-card p{font-size:13px}
  .faq-grid{column-gap:20px}
  .faq summary{font-size:14px;min-height:76px}
  .cta-banner{padding:28px 24px;gap:25px;margin:25px 0 45px}
  .cta-title{gap:16px}
  .cta-title h2{font-size:24px}
  .cta-title .brand-symbol{width:42px;flex-shrink:0}
  .cta-action{width:100%}
  .cta-action .button{width:100%;justify-content:space-between}
  .footer-main{padding-bottom:28px}
}
@media(max-width:360px){
  .hero-copy .button-row{flex-direction:column;gap:8px}
  .hero-copy .button{width:100%;justify-content:center}
  .hero-copy h1{font-size:35px}
}
/* Inner pages: the same material language, with a composition for each purpose. */
.inner-hero-stage{position:relative;isolation:isolate;overflow:clip;background:var(--bg)}
.inner-hero-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:url('hero-atmosphere.jpg') center 53%/cover;opacity:.65;pointer-events:none}
.inner-hero-stage:after{content:'';position:absolute;inset:auto 0 0;height:110px;z-index:-1;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.inner-hero-stage .page-hero{min-height:540px;padding-block:68px 76px;grid-template-columns:1.12fr 1fr;gap:56px}
.inner-hero-stage .page-hero>div{min-width:0}
.inner-hero-stage .page-hero h1{font-size:clamp(38px,4.15vw,60px);line-height:1.1;font-weight:600;letter-spacing:-.06em}
.inner-hero-stage .eyebrow{margin-bottom:21px}
.inner-hero-stage .page-hero>div>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:520px}
.inner-hero-stage .button-row{align-items:center;gap:18px;margin-top:28px}
.inner-hero-stage .glass-note{border:1px solid #ffffffaa;box-shadow:0 14px 40px #284b3b12}
.inner-hero-stage .glass-panel{box-shadow:inset 1px 1px 0 #fff,10px 22px 35px #365b4d17}
.solutions-art{min-height:390px}
.solutions-art .laptop{top:88px;box-shadow:12px 25px 35px #16221d26}
.solutions-art .laptop .artwork{height:275px}
.solution-sticker{border:1px solid #fff8;box-shadow:0 12px 26px #38574412}
.hero-points{margin-top:34px}
.solutions-cards{padding-top:50px}
.solutions-cards .section-heading{max-width:800px}
.solutions-cards .section-heading>p{max-width:600px}
.solutions-cards .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.solutions-cards .service-card{grid-column:auto;padding:28px;border-radius:22px;border:1px solid var(--line);box-shadow:0 8px 25px #34493906;background:var(--surface)}
.solutions-cards .service-card:nth-child(-n+2){grid-column:auto}
.solutions-cards .service-card:first-child{background:linear-gradient(140deg,#effbf3,var(--surface) 75%)}
.solutions-cards .service-card:nth-child(2){background:linear-gradient(140deg,#fff0e7,var(--surface) 75%)}
.solutions-cards .service-title{flex-direction:row;gap:16px;align-items:center}
.solutions-cards .service-title .icon-tile{width:46px;height:46px;border-radius:14px}
.solutions-cards .service-title h3{font-size:21px;letter-spacing:-.045em}
.solutions-cards .service-card>p{font-size:14px;line-height:1.75;margin:18px 0 24px;max-width:480px}
.solutions-cards .service-card .artwork{height:195px;border-radius:12px;margin-bottom:25px;flex-shrink:0}
.solutions-cards .service-card:nth-child(-n+2) .artwork{height:225px}
.solutions-cards .check-list{font-size:13px;gap:11px;margin-bottom:24px}
.solutions-cards .check-list .icon{width:17px;height:17px}
.solutions-cards .service-details{border-top:1px solid var(--line);padding-top:7px}
.solutions-cards .service-details summary{font-size:13px;min-height:47px}
.solutions-cards .service-details p{font-size:14px;line-height:1.75}
.solutions-cards .service-details a{min-height:44px;padding-top:12px}
.portfolio-preview{height:350px;position:relative;isolation:isolate}
.preview-main{position:absolute;inset:8px 7% 58px 0;transform:rotate(-5deg);overflow:hidden;border:6px solid var(--surface-solid);border-radius:16px;box-shadow:10px 24px 45px #29453622}
.preview-main .artwork{height:100%}
.preview-detail{position:absolute;right:0;bottom:0;width:57%;height:185px;transform:rotate(7deg);border:5px solid var(--surface-solid);border-radius:14px;overflow:hidden;box-shadow:0 12px 28px #29453626}
.preview-detail .artwork{height:100%}
.preview-caption{position:absolute;left:4%;bottom:0;font-size:12px;color:var(--slate);line-height:1.6}
.portfolio-hero .concept-disclaimer{max-width:470px;border:0;border-left:2px solid #6fab94;background:color-mix(in srgb,var(--surface) 55%,transparent);border-radius:0 12px 12px 0;padding:14px 18px;line-height:1.7;margin-top:24px}
.portfolio-all{padding-top:25px}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}
.portfolio-toolbar .filters{margin:0;justify-content:flex-start}
.filter-status{font-size:12px;white-space:nowrap}
.filter{min-height:44px;transition:background .2s,border-color .2s,color .2s}
.portfolio-all .project-grid{gap:30px}
.portfolio-all .project-copy{padding:28px 30px}
.portfolio-all .project-copy h3{font-size:24px}
.portfolio-all .project-copy p{max-width:460px}
.portfolio-all .project-copy .text-link{display:flex;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}
.portfolio-all .artwork{height:330px}
.process-preview{padding:28px 0 28px 15px;position:relative}
.process-preview:before{content:'';position:absolute;left:40px;top:90px;bottom:65px;width:1px;background:#88b9a6;z-index:-1}
.process-preview>.eyebrow{font-size:9px;letter-spacing:.1em;margin-left:6px}
.preview-step{display:flex;align-items:center;gap:16px;padding:21px;margin-top:16px;border:1px solid #fff;background:color-mix(in srgb,var(--surface) 87%,transparent);border-radius:18px;box-shadow:0 15px 30px #2c513c0b}
.preview-step:nth-of-type(2){margin-left:25px}
.preview-step:nth-of-type(3){margin-left:50px}
.preview-step>div{flex:1}
.preview-step strong{display:block;font:500 17px var(--heading);letter-spacing:-.04em}
.preview-step div>span{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.preview-number{font-size:12px;color:var(--slate);font-variant-numeric:tabular-nums}
.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.timeline>li{position:relative;padding:32px;min-height:310px;border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 9%,var(--surface)),var(--surface) 70%);box-shadow:0 8px 24px #34493905}
.timeline>li:nth-child(even){background:linear-gradient(145deg,color-mix(in srgb,var(--coral) 8%,var(--surface)),var(--surface) 70%)}
.timeline-number{position:absolute;right:30px;top:27px;font-size:40px;color:var(--slate);opacity:.8}
.timeline h2{margin-top:28px;font-size:24px;max-width:250px}
.timeline>li:not(:nth-child(3n)):after{content:'';position:absolute;right:-23px;top:55px;width:22px;height:1px;background:var(--line)}
.about-symbol{position:relative;min-height:350px;gap:0}
.brand-plaque{display:grid;place-items:center;width:285px;height:305px;transform:rotate(-9deg);border-radius:45px;border:1px solid #ffffffd9;background:linear-gradient(135deg,#ffffffb5,#e0f7df66 45%,#ffe4d85c);box-shadow:inset 1px 1px 0 #fff,14px 28px 40px #28473515}
.brand-plaque .brand-symbol{width:170px;height:210px;transform:rotate(9deg);filter:drop-shadow(4px 14px 8px #36564625)}
.about-symbol .handwritten{position:absolute;right:0;bottom:-3px;margin:0;padding:18px 20px;border:1px solid #fff;background:#fffdf1e8;color:#344f46;border-radius:14px;font-size:19px;box-shadow:0 10px 25px #2c513c0b;transform:rotate(7deg)}
.manifesto{grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding-block:65px}
.manifesto .manifesto-heading>p{font-size:10px;margin:0 0 22px;letter-spacing:.12em}
.manifesto h2{font-size:clamp(32px,3.3vw,46px);line-height:1.15;margin:0}
.manifesto-copy{padding-left:30px;border-left:2px solid #91cbb5}
.manifesto .manifesto-copy>p{margin:0 0 20px;font-size:15px;line-height:1.85}
.manifesto .manifesto-copy>p:last-child{margin-bottom:0;color:var(--text)}
.approach-card{position:relative;padding:34px;overflow:hidden;border:1px solid #ffffff8c;box-shadow:0 8px 22px #334e3107}
.approach-card.acid{background:linear-gradient(130deg,#f0f9c9,#fbfdee)}
.approach-card.mint{background:linear-gradient(130deg,#d4f6e9,#f0fcf5)}
.approach-card.coral{background:linear-gradient(130deg,#ffded0,#fff3eb)}
.approach-card>span{display:block;font:500 38px var(--heading);letter-spacing:-.06em;color:#496053}
.approach-card h3{font-size:28px;margin:38px 0 15px}
body:not([data-page=index]) .value-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 5px 20px #34493904}
body:not([data-page=index]) .value-card .icon-tile{border-radius:50%}
.inner-hero-stage .contact-hero{min-height:435px;padding-block:45px 55px}
.contact-layout{position:relative;align-items:start;grid-template-columns:1.15fr .85fr;gap:28px;margin-top:12px}
.form-card{padding:38px;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 45px #354f3c08}
.form-card>p{margin-block:12px 28px}
.form-grid{gap:21px 18px}
.form-grid label{font-size:13px}
.form-grid input,.form-grid select,.form-grid textarea{background:var(--surface-solid);border-color:color-mix(in srgb,var(--slate) 27%,var(--surface));min-height:50px;transition:border-color .2s,box-shadow .2s}
.form-grid input:focus-visible,.form-grid select:focus-visible,.form-grid textarea:focus-visible{outline:2px solid #328272;outline-offset:2px;border-color:#328272;box-shadow:0 0 0 5px #8af4d226}
.next-card{padding:36px;border-radius:24px;border:1px solid #d5e6db;background:linear-gradient(145deg,#e6f6ec,#f6faed 65%,#fff2e4)}
.next-card h2{font-size:30px}
.next-card>p{line-height:1.75;margin-top:16px}
.next-steps{gap:29px;margin-top:32px}
.next-steps .step-number{background:var(--surface);color:var(--text);border-color:#c2dbcc;width:35px;height:35px;flex-shrink:0}
.next-steps .icon-tile{display:none}
.next-steps h3{font-size:17px;margin-block:5px 9px}
.next-steps p{font-size:13px;line-height:1.75}
.next-steps li:not(:last-child):before{top:44px;bottom:-20px;background:#c2dbcc}
.results-note{padding:20px;margin-top:32px;border:1px solid #dfe9dd}
.results-note p{font-size:12px}
.channel-grid>a{padding:25px 22px;border-radius:18px;transition:transform .3s var(--ease-out),border-color .3s}
.channel-grid h3{font-size:16px}
.channel-grid p{font-size:12px}
@media(hover:hover){.solutions-cards .service-card:hover,.channel-grid>a:hover{transform:translateY(-4px);border-color:#98c6b0}.filter:not(.active):hover{background:color-mix(in srgb,var(--mint) 16%,var(--surface))}}
[data-theme=dark] .inner-hero-stage:before{opacity:.08;mix-blend-mode:screen}
[data-theme=dark] .preview-step,[data-theme=dark] .inner-hero-stage .glass-note{border-color:var(--line)}
[data-theme=dark] .solutions-cards .service-card:first-child{background:linear-gradient(140deg,#19352e,var(--surface) 75%)}
[data-theme=dark] .solutions-cards .service-card:nth-child(2){background:linear-gradient(140deg,#342824,var(--surface) 75%)}
[data-theme=dark] .brand-plaque{background:linear-gradient(135deg,#294039bb,#27352d66,#44342977);border-color:#4a5d51;box-shadow:inset 1px 1px 0 #a9bea533,14px 28px 40px #0003}
[data-theme=dark] .about-symbol .handwritten{background:#2d3930;color:var(--text);border-color:var(--line)}
[data-theme=dark] .approach-card{background:var(--surface);border-color:var(--line);color:var(--text)}
[data-theme=dark] .approach-card p,[data-theme=dark] .approach-card>span{color:var(--muted)}
[data-theme=dark] .approach-card.acid{border-top-color:#b5c757}
[data-theme=dark] .approach-card.mint{border-top-color:#77bba3}
[data-theme=dark] .approach-card.coral{border-top-color:#c1826f}
[data-theme=dark] .next-card{background:linear-gradient(145deg,#203a31,var(--surface) 80%);border-color:var(--line)}
[data-theme=dark] .results-note,[data-theme=dark] .next-steps .step-number{border-color:var(--line)}
@media(max-width:1100px){
  .inner-hero-stage .page-hero{gap:30px;padding-block:50px 60px;min-height:490px}
  .inner-hero-stage .page-hero h1{font-size:clamp(35px,4.3vw,49px)}
  .solutions-cards .service-card{padding:23px}
  .solutions-cards .service-title h3{font-size:18px}
  .timeline>li{padding:26px}.timeline h2{font-size:22px}
  .preview-step{padding:18px 16px;gap:12px}.preview-step strong{font-size:15px}
  .preview-number{display:none}
  .portfolio-preview{height:310px}.preview-detail{height:160px}
  .form-card,.next-card{padding:28px}
  .manifesto{gap:40px}
}
@media(max-width:900px){
  .inner-hero-stage .page-hero{gap:25px}
  .solutions-art{min-height:310px}.solutions-art .laptop .artwork{height:210px}
  .solutions-cards .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solutions-cards .service-card,.solutions-cards .service-card:nth-child(-n+2){grid-column:auto}
  .solutions-cards .service-card:nth-child(-n+2) .artwork{height:195px}
  .portfolio-toolbar{align-items:flex-start;flex-direction:column;gap:16px}
  .portfolio-all .artwork{height:240px}.portfolio-all .project-copy{padding:24px}
  .portfolio-all .project-copy h3{font-size:21px}
  .portfolio-preview{height:280px}.preview-detail{height:135px}.preview-caption{font-size:10px}
  .process-preview{padding-left:0}.preview-step:nth-of-type(2){margin-left:12px}.preview-step:nth-of-type(3){margin-left:24px}
  .preview-step .icon-tile{width:35px;height:38px}.preview-step div>span{font-size:11px}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timeline>li:after{display:none}
  .brand-plaque{width:230px;height:270px;border-radius:35px}.about-symbol .handwritten{font-size:15px;bottom:8px}
  .manifesto{gap:30px}.manifesto-copy{padding-left:24px}
  .approach-card{padding:25px}.approach-card h3{font-size:24px}
  .contact-layout{gap:18px}.form-card,.next-card{padding:25px}.next-card h2{font-size:25px}
}
@media(max-width:650px){
  .inner-hero-stage:before{background-position:65% top;opacity:.48}
  .inner-hero-stage .page-hero{min-height:0;padding-block:38px 42px;gap:30px}
  .inner-hero-stage .page-hero h1{font-size:clamp(33px,9.25vw,48px);line-height:1.12}
  .inner-hero-stage .page-hero>div>p:not(.eyebrow){font-size:14px;line-height:1.75}
  .inner-hero-stage .eyebrow{margin-bottom:18px}
  .inner-hero-stage .button-row{gap:13px;align-items:stretch;margin-top:24px}
  .inner-hero-stage .button-row .text-link{justify-content:center}
  .hero-points{margin-top:25px}.hero-points>span{padding-right:12px}
  .solutions-art{min-height:300px;width:100%;max-width:410px;align-self:center;margin-top:0}
  .solutions-art .laptop{top:75px}.solutions-art .laptop .artwork{height:200px}
  .solutions-cards .service-grid{grid-template-columns:1fr;gap:18px}
  .solutions-cards .service-card,.solutions-cards .service-card:nth-child(-n+2){grid-column:auto;padding:24px}
  .solutions-cards .service-title h3{font-size:21px}
  .solutions-cards .service-card>p{margin:18px 0 22px}
  .solutions-cards .service-card .artwork{height:195px}
  .portfolio-preview{height:260px;width:100%;max-width:380px;align-self:center}
  .preview-main{inset:5px 9% 40px 1%}.preview-detail{height:140px;width:54%}
  .preview-caption{font-size:10px;left:2%;bottom:-3px}
  .portfolio-hero .concept-disclaimer{font-size:12px;margin-top:22px}
  .portfolio-toolbar{padding-bottom:20px;margin-bottom:25px;gap:13px}
  .portfolio-toolbar .filters{gap:8px}.filter{font-size:12px;padding:10px 15px}
  .portfolio-all .project-grid{gap:24px}.portfolio-all .artwork{height:245px}
  .portfolio-all .project-copy{padding:24px}.portfolio-all .project-copy h3{font-size:23px}
  .process-preview{padding:6px 0 0;width:100%;max-width:410px;align-self:center}
  .process-preview>.eyebrow{max-width:none;font-size:8px;margin-left:0}
  .preview-step{padding:17px;gap:12px;margin-top:13px}.preview-step strong{font-size:15px}
  .preview-step div>span{font-size:11px}.preview-step .icon-tile{width:39px;height:39px}
  .timeline{grid-template-columns:1fr;gap:20px;margin-top:28px;padding-left:15px;border-left:1px solid var(--line)}
  .timeline>li{min-height:0;padding:27px;border-radius:18px}.timeline-number{font-size:35px;top:24px;right:25px}
  .timeline>li:before{content:'';position:absolute;left:-21px;top:43px;width:9px;height:9px;background:var(--mint);border:1px solid #6da58e;border-radius:50%}
  .timeline h2{font-size:24px;margin-top:24px}.timeline p{font-size:14px}
  .about-symbol{min-height:285px;padding:0;width:100%;max-width:380px;align-self:center}
  .brand-plaque{width:205px;height:230px;border-radius:30px}.brand-plaque .brand-symbol{width:130px;height:160px}
  .about-symbol .handwritten{right:0;bottom:3px;padding:13px 17px;font-size:16px}
  .manifesto{display:grid;grid-template-columns:1fr;gap:28px;padding-block:42px}
  .manifesto>div{margin-top:0}.manifesto h2{font-size:34px}
  .manifesto .manifesto-copy>p{font-size:14px}
  .approach-grid{gap:16px}.approach-card{padding:28px}.approach-card>span{font-size:32px}.approach-card h3{font-size:28px;margin-top:25px}
  body:not([data-page=index]) .value-card{padding:25px}
  .inner-hero-stage .contact-hero{padding-bottom:30px;gap:12px}
  .contact-hero .glass-art{height:210px;max-width:320px;margin-top:10px}
  .contact-hero .glass-note{right:0;bottom:0;padding:12px 16px}
  .contact-hero .glass-note span{display:none}
  .contact-layout{grid-template-columns:1fr;gap:22px;margin-top:0}
  .form-card,.next-card{padding:28px 22px;border-radius:20px}
  .form-card h2,.next-card h2{font-size:26px}
  .form-grid{gap:21px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
  .next-steps h3{font-size:17px}.next-steps p{font-size:13px}
  .channel-grid>a{padding:23px 19px}.channel-grid h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal-ready{opacity:1;translate:none}
}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--bg);backdrop-filter:none}}