/* Resilent: a small working studio, with the work and the conversation in front. */
body.brand-site{--r-space:clamp(22px,5vw,70px);overflow-x:clip}
body.brand-site .wrap,body.brand-site nav{max-width:1250px}
body.brand-site header{border-bottom:1px solid var(--a-line)}
body.brand-site nav{padding-block:22px;gap:22px}
body.brand-site nav .brand{font-size:23px;letter-spacing:-.7px}
body.brand-site .navlinks{font-size:12px;gap:20px}
body.brand-site .navright{font-size:12px;gap:18px}
body.brand-site .btn{border-radius:4px;box-shadow:none;gap:22px;padding:13px 19px;font-size:13px;min-height:47px}
body.brand-site .btn:hover{transform:none}
body.brand-site .hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(35px,6vw,85px);padding-top:72px;padding-bottom:90px;align-items:center;min-height:0}
.studio-label{font-size:12px!important;margin:0 0 25px!important;color:var(--a-muted)!important;line-height:1.6}
body.brand-site .hero h1{font-family:var(--r-body);font-size:clamp(45px,5.2vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0 0 26px}
body.brand-site .hero h1 em{font-family:var(--r-display);font-size:1.13em;letter-spacing:-.035em;color:var(--a-accent);font-weight:400}
body.brand-site .hero>div:first-child>p:not(.studio-label){font-size:15px;max-width:390px;line-height:1.85;color:var(--a-muted)}
body.brand-site .hero .actions{margin-top:25px;align-items:center;gap:25px}
.human-text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}
body.brand-site .hero .hero-note{font-size:12px!important;max-width:290px!important;margin-top:23px!important;line-height:1.7!important;color:var(--a-muted)}
.work-sample{min-width:0;margin-top:40px}
.sample-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--a-muted);margin-bottom:12px}.sample-label>span:last-child{font-size:19px;color:var(--a-accent)}
.work-sample .demo-visual{display:block;min-height:0;background:#b9c1b2;padding:28px 20px 25px;overflow:hidden;border:1px solid #aeb8a5}
.work-sample .browser{transform:rotate(-1.5deg);width:100%;box-shadow:0 7px 20px #26302020;background:#f4eee1;border:1px solid #6c7764;color:#35432b}
.work-sample .browser-bar{height:20px;padding:7px 8px;background:#eee8dd;border-bottom:1px solid #c6c5b5;display:flex;gap:3px}.work-sample .browser-bar i{width:3px;height:3px;background:#819078;border-radius:50%}
.work-sample .mini-nav{font-size:7px;padding:18px 15px;color:#35432b;display:flex;justify-content:space-between;gap:12px}
.work-sample .mini-hero{display:grid;grid-template-columns:1fr .85fr;align-items:center;padding:20px 18px 35px;gap:10px;color:#35432b;background:#f4eee1;min-height:0}
.work-sample .mini-hero small{font-size:6px;letter-spacing:.05em;display:block;margin-bottom:12px}
.work-sample .mini-hero strong{font-family:var(--r-display);font-weight:400;font-size:clamp(34px,3.8vw,50px);line-height:1.02;letter-spacing:-.03em}
.work-sample .coffee-art{width:100%;height:auto;max-height:180px;object-fit:contain}
.work-sample .mini-demo-button{font-size:6px;border:1px solid #79846f;padding:7px 9px;display:inline-block;margin-top:15px}
.sample-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:18px}.sample-caption strong{font-size:14px;font-weight:500}.sample-caption p{font-size:11px;margin:6px 0 0;color:var(--a-muted);line-height:1.6}.sample-caption>a{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;padding-top:2px}
body.brand-site .section{padding-block:75px;border-color:var(--a-line)}
body.brand-site .section>.eyebrow{display:none}
body.brand-site h2{font-family:var(--r-body);font-size:clamp(31px,3.5vw,45px);font-weight:500;letter-spacing:-.04em;line-height:1.18}
body.brand-site .section-head{gap:50px;align-items:start;margin-bottom:35px}
body.brand-site .section-head p{font-size:14px;line-height:1.85;color:var(--a-muted);max-width:370px}
body.brand-site .service-item{border-color:var(--a-line)}
body.brand-site .service-item summary{font-family:var(--r-body);font-size:21px;font-weight:400;letter-spacing:-.02em;padding-block:22px;grid-template-columns:30px 1fr 24px}
body.brand-site .service-number{font-size:10px;color:var(--a-muted)}
body.brand-site .service-visual{display:none}
body.brand-site .service-content{display:grid;grid-template-columns:1fr;gap:20px;padding-left:42px;max-width:700px;padding-bottom:28px}
body.brand-site .service-content p{font-size:14px;line-height:1.85;max-width:550px}
body.brand-site .service-words{display:flex;gap:20px;flex-wrap:wrap}.service-words span{font-size:11px!important;border:0!important;background:transparent!important;padding:0!important;color:var(--a-muted)}
body.brand-site .demo-card{background:var(--a-card);border:1px solid var(--a-line);grid-template-columns:1.2fr 1fr}
body.brand-site .demo-copy{background:var(--a-card);color:var(--a-ink);padding:30px}
body.brand-site .demo-copy h3{font-size:35px}.demo-copy .eyebrow{font-size:9px;letter-spacing:.05em}.demo-copy p{font-size:14px!important}
body.brand-site .price-main,body.brand-site .price-side{border-radius:0;box-shadow:none;padding:32px}
body.brand-site .price-side{background:var(--a-card)!important;color:var(--a-ink)!important;border:1px solid var(--a-line)}
html[data-theme] body.brand-site .price-side :is(p,h3,strong,.eyebrow,.fine,li){color:var(--a-ink)}
html[data-theme] body.brand-site .price-side .fine{color:var(--a-muted)}
body.brand-site .price-main h3,body.brand-site .price-side h3{font-size:25px;letter-spacing:-.03em}
body.brand-site .price-main .price{font-family:var(--r-body);font-size:74px;font-weight:500;letter-spacing:-.06em}
body.brand-site .price-side>strong{font-family:var(--r-body);font-size:24px;line-height:1.4}
body.brand-site .extra-card{border-color:var(--a-line);padding-block:25px}
body.brand-site .extra-card h3{font-size:23px;font-weight:500;letter-spacing:-.025em}
body.brand-site .extra-card p{font-size:14px;line-height:1.85}
body.brand-site .process-section{background:var(--a-card);padding-block:65px}
body.brand-site .process-row summary{font-family:var(--r-body);font-size:19px;letter-spacing:-.02em}
body.brand-site .faq summary{font-size:17px}
body.brand-site .contact{background:var(--a-soft);padding-block:65px}
body.brand-site .contact-grid{gap:70px}.contact p{font-size:14px!important}
body.brand-site .signature-footer{padding-top:45px;background:var(--a-deep)}
body.brand-site .footer-invite{padding-bottom:25px}
body.brand-site .footer-invite>a{font-family:var(--r-body);font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;font-weight:400}
body.brand-site .footer-brand-lockup{padding-block:30px;gap:20px;align-items:center}
body.brand-site .footer-brand-lockup>img{width:50px;height:50px;opacity:.7}
body.brand-site .footer-wordmark{font-family:var(--r-body);font-size:36px;font-weight:500;letter-spacing:-1.5px}
body.brand-site .footer-wordmark>span{font-size:10px;letter-spacing:.15em;display:block;margin-top:8px}
body.brand-site .footer-meta{font-size:11px}
@media(max-width:1100px){body.brand-site nav{flex-wrap:wrap}.corporate-mode{margin-left:auto}}
@media(max-width:800px){body.brand-site .hero{gap:35px}body.brand-site .hero h1{font-size:48px}.work-sample .demo-visual{padding:22px 12px}.work-sample .mini-hero{padding-inline:12px}.sample-caption{gap:10px}.sample-caption p{max-width:180px}body.brand-site .section-head{gap:30px}}
@media(max-width:640px){body.brand-site .hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:55px;gap:12px}body.brand-site .hero h1{font-size:clamp(44px,12vw,58px)}.work-sample{margin-top:23px}.sample-label{font-size:10px}.work-sample .mini-hero strong{font-size:44px}.work-sample .demo-visual{padding:25px 19px}.sample-caption p{max-width:none}body.brand-site .section{padding-block:50px}body.brand-site h2{font-size:32px}body.brand-site .section-head{display:block}body.brand-site .section-head p{margin-top:18px;max-width:100%}body.brand-site .service-item summary{font-size:18px;grid-template-columns:22px 1fr 18px;gap:10px}body.brand-site .service-content{padding-left:0}body.brand-site .demo-card{grid-template-columns:1fr}body.brand-site .price-main,body.brand-site .price-side{padding:25px}body.brand-site .contact-grid{gap:30px}body.brand-site .footer-wordmark{font-size:32px}.corporate-mode{margin-left:0}}
/* Preserve the oversized original Resilent emblem that the owner chose for the background. */
body.brand-site{position:relative;isolation:isolate}
body.brand-site .hero{position:relative;isolation:isolate}
body.brand-site .hero:before{content:'';position:absolute;left:-17%;top:1%;width:70%;aspect-ratio:1;background:var(--a-accent);mask:url('assets/resilent-impulso-v3.svg') center/contain no-repeat;opacity:.055;transform:rotate(-18deg);z-index:-1;pointer-events:none}
@media(max-width:640px){body.brand-site .hero:before{width:115%;left:-30%;top:0}}