/* Kusarq: refinement of the approved FreeSans, paper, sage and clay identity. */
:root{--studio-ink:#293323;--studio-muted:#53604a;--studio-paper:#f7f3ea;--studio-line:#cbd0c2;--studio-clay:#89583c;--studio-space:clamp(48px,7vw,96px)}
body{font-family:FreeSans,Arial,sans-serif;line-height:1.65}
h1,h2,h3,.logo .brand-name{font-family:FreeSans,Arial,sans-serif}
h1,h2{letter-spacing:-.035em;line-height:1.12}h3{letter-spacing:-.02em;line-height:1.3}
p{ text-wrap:pretty}::selection{background:#d7dfc9;color:#253222}
input,textarea{caret-color:var(--studio-green)}
a,button{ -webkit-tap-highlight-color:#dce4d2;text-underline-offset:5px}
:focus-visible{outline:3px solid var(--studio-clay);outline-offset:5px}
body>header{padding-block:22px;min-height:106px;border-top-width:3px}
body>header .brand>span,body>header .logo .brand-name{font-size:30px;letter-spacing:-.025em}
body>header .brand img,body>header .logo img{width:60px;height:66px}
body>.site-nav{gap:32px;padding-block:0;font-size:14px}
body>.site-nav a{display:flex;align-items:center;min-height:50px;border-bottom:2px solid transparent}
body>.site-nav a[aria-current=page]{border-color:var(--studio-clay)}
.button,.contact,.nav-cta{min-height:48px;align-content:center;box-shadow:none}
.button:hover,.contact:hover,.nav-cta:hover{box-shadow:none;transform:none}
.section,.founder,.area-team,.catalogue,.sip-form,.btl-inquiry,.sip-models,.faq,.service-guide{padding-block:var(--studio-space)}
.section-heading{align-items:end;padding-bottom:24px;margin-bottom:32px}
.section-heading h2,.render-heading h2,.area-team h2,.catalogue>h2,.sip-models h2{font-size:clamp(32px,3.7vw,50px);font-weight:400;line-height:1.12}
.section-heading h2 em,.render-heading h2 em{color:var(--studio-clay)}
.section-number{display:none}
.color-home .hero{padding-block:48px 28px}
.color-home h1{font-size:clamp(42px,5.5vw,76px);max-width:1000px;letter-spacing:-.035em;margin:0 0 28px}
.color-home .intro{align-items:center;gap:40px;font-size:18px}
.color-home .intro p{margin:0;max-width:620px}
.color-home .intro a{padding:12px 0;border-bottom:1px solid #87927d}
.color-home .services{padding-top:12px;padding-bottom:var(--studio-space);gap:24px}
.color-home .service{min-height:460px;padding:28px;transform:none}
.color-home .service:before{background-size:cover;background-position:center;filter:none;background-image:url('images/renders/1B4iOH42g7NwFuL77frKGXyWCX1T7htcQ-800.webp')}
.color-home .service:nth-child(2):before{background-image:url('images/sip/aucallama-0-800.webp');background-position:center}
.color-home .service:nth-child(3):before{background-image:url('images/la-visual-20261014/1qHb0_dgZanuXvRZGBgFfMDcNKPgb4Aa0-800.webp');background-position:center}
.color-home .service:after{background:linear-gradient(180deg,transparent 30%,#14201099 58%,#142010ed)}
.color-home .service h2{font-size:32px;line-height:1.12;margin-top:0}
.color-home .service p{font-size:15px;line-height:1.55;margin-bottom:24px}
.color-home .service .card-link{font-size:14px;padding-top:18px}
.color-home .about{padding-block:var(--studio-space);gap:8vw}
.color-home .about h2{margin:0;font-size:clamp(34px,3.5vw,48px)}
.color-home .image-note{margin:0;padding-top:16px;padding-bottom:16px;font-size:13px;background:#eeeade}
.founder{gap:8vw}.founder h2{margin-top:0}.founder-role{font-size:12px;color:#53604a}
.people .person-card,.studio-support .person-card{border:0;background:transparent;box-shadow:none;border-radius:0}
.people .person-card:hover,.studio-support .person-card:hover{transform:none;box-shadow:none}
.people .person-info,.studio-support .person-info{padding:20px 0 0}
.people .person-info h3{font-size:23px;font-weight:400}
.people .person-info .person-area{color:#53604a;font-size:11px;letter-spacing:.08em}
.people .person-info .person-bio{font-size:15px}
.vivid-interiors #presentacion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 6%;align-items:center;text-align:left;background:var(--studio-paper);padding-block:30px 64px!important}
.intro-video:before{display:none}
#presentacion .back-services{grid-column:1/-1;justify-self:start;margin-bottom:28px}
#presentacion .interior-intro-copy{min-width:0}
#presentacion h1{font-size:clamp(36px,4.3vw,61px)!important;margin:0 0 24px;line-height:1.08;max-width:650px}
#presentacion h1 em{color:var(--studio-clay)}
#presentacion .lead{margin:0;font-size:17px;max-width:550px;color:var(--studio-muted)}
#presentacion .consultation-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;align-items:center;margin:24px 0 0}
#presentacion .consultation-actions .button,#presentacion .consultation-actions .text-link{margin:0;min-height:48px;display:inline-flex;align-items:center}
#presentacion .consultation-actions p{flex-basis:100%;font-size:13px;color:var(--studio-muted);margin:0}
#presentacion .experience-labels{justify-content:flex-start;gap:10px 18px;flex-wrap:wrap;margin:26px 0 0}
#presentacion .experience-labels span{font-size:11px;letter-spacing:.025em;padding:0;border:0}
.interior-intro-image{margin:0;min-width:0}
.interior-intro-image img{display:block;width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover}
.interior-intro-image figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--studio-muted);margin-top:10px}
.render-show{background:#eeeade}.render-heading{gap:48px;margin-bottom:36px}
.render-card h3{font-size:20px;font-weight:400}.render-card p{font-size:13px}
.video-grid{gap:32px}.media-card h3{font-size:21px;line-height:1.3;font-weight:400}
.vivid-service .detail-grid{gap:7%;grid-template-columns:1fr 1fr}
.detail-grid h1{font-size:clamp(44px,5.5vw,76px);margin-top:0;letter-spacing:-.035em}
.service-photo{height:520px}.service-photo span{font-size:12px;max-width:90%}
.vivid-service .catalogue{background:#eeeade}
.catalogue-filters button{border-radius:3px;font-size:14px;padding:11px 20px;min-height:44px}
.catalogue-grid{gap:42px 28px}
.catalogue-grid .event-entry{background:transparent;border:0;border-radius:0;box-shadow:none}
.event-cover{aspect-ratio:4/3}.event-info{padding:20px 0 0}
.event-info h3{font-size:22px;font-weight:400}.gallery-badge{border-radius:0;background:#243020eb}
.model-grid{gap:40px 28px}.model-card{background:transparent;border:0;transform:none}
.model-card:hover{transform:none}.model-card-body{padding:22px 0 0}
.model-card h3{font-size:28px}.model-price strong{font-size:28px;font-variant-numeric:tabular-nums}
.model-cover span{font-size:11px;letter-spacing:.035em}
.sip-welcome{padding-top:28px;padding-bottom:56px}.sip-welcome-heading{margin:22px auto 28px}
.sip-welcome-heading h1{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.035em}
.sip-welcome .sip-video-frame{max-width:1060px;aspect-ratio:21/9}
.sip-welcome #sip-video-pending{background:#15210fbf;max-width:580px;margin:32px;padding:24px 32px}
.sip-welcome #sip-video-pending h2{font-size:28px}.sip-intro-actions{gap:16px;margin-top:24px}
.native-lead,#project-form.sip-questionnaire,#formulario-sip .sip-questionnaire{box-shadow:none;border-radius:4px;border-color:#b8c1ac}
.sip-step h3{letter-spacing:-.025em}.sip-choice{border-radius:3px;background:#fcfbf7}
.sip-step-controls button{border-radius:2px}.sip-step-progress p{font-size:14px}
.interiors-funnel{background:var(--studio-paper)}
.interiors-funnel .funnel-brand{min-height:96px;background:#faf8f2;padding:14px 5%;border-top:3px solid #536349}
.interiors-funnel .intro-video{background:transparent;color:var(--studio-ink);padding-top:40px!important;padding-bottom:38px}
.interiors-funnel .intro-video h1{font-size:clamp(36px,4.5vw,58px)!important;margin:0 auto 20px}
.interiors-funnel .intro-video .lead{color:var(--studio-muted);max-width:620px}
.interiors-funnel .main-player{aspect-ratio:16/9;border:1px solid #b8c1ac;max-width:820px;margin-top:28px}
.interiors-funnel #intro-pending{background:#e4e9dc;padding:32px}
.interiors-funnel #intro-pending h2{font-size:clamp(23px,2.8vw,32px);max-width:480px}
.interiors-funnel .main-player p{color:var(--studio-muted);text-shadow:none;max-width:420px;line-height:1.6}
.interiors-funnel #watch-status{font-size:14px;color:var(--studio-muted);margin:18px auto 0}
.interiors-funnel .qualification{padding-top:36px;border-top:1px solid var(--studio-line)}
.interiors-funnel .form-intro h2{font-size:clamp(30px,3vw,42px);line-height:1.15}
.interiors-funnel .form-intro>p{margin-inline:auto;max-width:600px;color:var(--studio-muted)}
.interiors-funnel .form-intro .form-note{font-size:13px;background:transparent;padding:0}
.faq details{padding:23px 0}.faq summary{font-weight:400;min-height:32px}
.service-guide{border-top:1px solid var(--studio-line)}
footer{padding-top:36px;padding-bottom:85px;font-size:13px;align-items:center}
footer .site-nav{font-size:13px}.reveal-pending{opacity:1;transform:none}
.reveal-pending.reveal-visible{transition:none}
@media(max-width:1000px){
 .color-home .service{min-height:410px;padding:22px}.color-home .service h2{font-size:28px}
 .vivid-service .detail-grid{gap:30px}.service-photo{height:440px}
 #presentacion h1{font-size:44px!important}.interior-intro-image img{aspect-ratio:4/5}
 .sip-welcome .sip-video-frame{aspect-ratio:16/9}
}
@media(max-width:700px){
 body>header{min-height:88px;padding:16px 5%}body>header .brand>span,body>header .logo .brand-name{font-size:23px}
 body>header .brand img,body>header .logo img{width:43px;height:52px}
 body>.site-nav{padding-inline:5%;gap:0;justify-content:space-between;font-size:12px;flex-wrap:nowrap}
 body>.site-nav a{min-height:48px}.color-home .hero{padding-top:34px;padding-bottom:22px}
 .color-home h1{font-size:43px}.color-home .intro{display:block;font-size:16px}
 .color-home .intro a{display:inline-flex;gap:16px;margin:12px 0 0}
 .color-home .services{gap:20px}.color-home .service{min-height:390px;padding:26px}.color-home .service h2{font-size:34px}
 .color-home .about{gap:28px}.people{gap:36px}.people .person-info{padding:18px 0 0}
 .vivid-interiors #presentacion{grid-template-columns:1fr;padding-bottom:40px!important;gap:28px}
 #presentacion .back-services{margin-bottom:0}#presentacion h1{font-size:39px!important}
 #presentacion .lead{font-size:16px}.interior-intro-image img{aspect-ratio:4/4.5;max-height:560px}
 #presentacion .experience-labels{margin-top:20px;font-size:11px}
 .render-heading{gap:20px}.vivid-service .detail-grid{grid-template-columns:1fr}
 .detail-grid h1{font-size:46px}.service-photo{height:370px}
 .sip-welcome #sip-video-pending{padding:18px;margin:16px}.sip-welcome #sip-video-pending h2{font-size:24px}
 .sip-welcome .sip-video-frame{aspect-ratio:auto;min-height:285px}
 .interiors-funnel .intro-video{padding-inline:5%;padding-top:32px!important}
 .interiors-funnel .main-player{aspect-ratio:auto;min-height:240px}
 .interiors-funnel #intro-pending{padding:24px 18px}
 .interiors-funnel .form-intro h2{font-size:31px}.catalogue-grid,.model-grid{gap:32px 20px}
 .catalogue-contact p{font-size:26px}.model-card-body{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.color-home .service:before,.model-cover img,.event-cover img{transition:none}.color-home .service:hover:before{transform:none}}

.interior-intro-image{position:relative}.hero-motion-control{display:block;margin:12px 0 0 auto;padding:8px 12px;min-height:44px;border:1px solid #9ba68e;background:transparent;color:#35462e;font:13px FreeSans,Arial,sans-serif;cursor:pointer}.hero-motion-control:hover{background:#e4e9dc}.hero-motion-control:focus-visible{outline:3px solid #89583c;outline-offset:3px}
.team-biography summary{cursor:pointer;min-height:44px;padding:10px 0;color:#35462e;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.sip-step-error{scroll-margin-top:64px}
@media(min-width:701px){.team-biography>summary{display:none}}
@media(max-width:700px){
 body>header{min-height:72px;padding-block:10px}
 body>header .brand img,body>header .logo img{width:36px;height:44px}
 body>header .brand>span,body>header .logo .brand-name{font-size:22px}
 body>header .brand small,body>header .brand-name small{margin-top:3px}
 body>.site-nav a{min-height:44px;padding-block:7px}
 .vivid-interiors #presentacion{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:20px!important}
 #presentacion .interior-intro-copy{display:contents}
 #presentacion .back-services{order:0;align-self:flex-start;padding:5px 0;font-size:12px;min-height:32px}
 #presentacion h1{order:1;font-size:33px!important;line-height:1.12;margin:0}
 #presentacion .interior-intro-image{order:3}
 #presentacion .interior-intro-image img{aspect-ratio:4/3;max-height:340px;object-position:center 48%}
 #presentacion .interior-intro-image figcaption{font-size:11px;min-height:36px;align-items:start}
 #presentacion .hero-motion-control{margin-top:0;font-size:12px}
 #presentacion .lead{order:4;font-size:16px;line-height:1.6}
 #presentacion .consultation-actions{order:2;margin:0;gap:12px;flex-wrap:nowrap}
 #presentacion .consultation-actions .button{justify-content:center;width:auto;flex:1;padding:12px;font-size:14px}
 #presentacion .consultation-actions .text-link{font-size:13px;white-space:nowrap}
 #presentacion .consultation-actions p,#presentacion .experience-labels{display:none}
 .people .person-info .person-bio,.studio-support .person-info .person-bio{margin-top:4px;padding-top:12px}
 .interiors-funnel .qualification{padding-top:28px;padding-bottom:32px}
 .interiors-funnel .form-intro h2{font-size:28px}
 .interiors-funnel #project-form.sip-questionnaire{margin-top:22px;padding-bottom:30px}
 .sip-step-error{font-size:14px;line-height:1.5;padding:12px}
 .sip-step h3{margin:20px 0;font-size:26px}
}

/* Interior service: four stages, readable at each viewport. */
.vivid-interiors .interior-process .process-intro{max-width:760px;line-height:1.7;margin:20px 0 0;color:#4b5941}.vivid-interiors .interior-process .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}.vivid-interiors .interior-process .steps h3{line-height:1.25}.vivid-interiors .interior-process .steps p{max-width:60ch}@media(max-width:700px){.vivid-interiors .interior-process .steps{grid-template-columns:1fr;gap:28px}}
.vivid-interiors .interior-process .steps{margin-top:36px}

.interior-intro-image>img{clip-path:inset(0);animation:interior-camera 9s ease-in-out infinite alternate}@keyframes interior-camera{from{object-position:48% 50%;filter:brightness(1)}to{object-position:53% 50%;filter:brightness(1.03)}}@media(prefers-reduced-motion:reduce){.interior-intro-image>img{animation:none}}

.interior-camera-frame{overflow:hidden}.interior-camera-frame img{display:block;width:100%;animation:interior-drift 9s ease-in-out infinite alternate}@keyframes interior-drift{from{transform:scale(1.01)}to{transform:scale(1.09)}}@media(prefers-reduced-motion:reduce){.interior-camera-frame img{animation:none}}
