
/* GARAGE 57 / RIVO — diseño auténtico, fotografía real y comunicación directa. */
:root{--red:#b81b26;--red2:#df2735;--silver:#a9aab0}
html{scroll-padding-top:84px}body.g57-authentic{background:#101114;color:#f5f5f4;font-family:Arial,Helvetica,sans-serif}img,video{max-width:100%}
.g57-authentic .shell{width:min(1300px,calc(100% - 88px))}
.g57-authentic .intro{display:grid;animation:introHide .65s ease 1.45s both}.g57-authentic .intro-mark{animation:introMark 1.1s ease both}.g57-authentic .intro-mark img{width:min(350px,74vw)}
.g57-authentic .site-header{position:sticky;top:0;height:82px;background:#101114f5;z-index:80;border-bottom:1px solid #3a3a3c;backdrop-filter:blur(14px)}
.g57-authentic .header-inner{height:100%;display:flex;align-items:center;gap:34px}
.g57-authentic .site-logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.g57-authentic .site-logo img{width:100px;height:66px;object-fit:contain}
.g57-authentic .logo-label{display:flex;flex-direction:column;gap:4px}.g57-authentic .logo-label strong{font-size:17px;letter-spacing:.02em}.g57-authentic .logo-label small{font-size:9px;letter-spacing:.15em;color:#a5a5ac}
.g57-authentic .navigation{margin-left:auto;display:flex;gap:28px;align-items:center}.g57-authentic .navigation a{font-size:12px;font-weight:700;color:#e2e1e0}.g57-authentic .navigation a:hover{color:#ef5258}
.g57-authentic .header-cta{border-radius:7px;background:#b81b26;border-color:#b81b26;padding:14px 19px;font-size:11px;min-height:44px;white-space:nowrap}
.g57-authentic .pill-btn.red{background:#b71925;border-color:#b71925;color:white;border-radius:6px}
.g57-authentic .menu-button{margin-left:auto}
/* Full photo art direction, not a split marketing template */
.real-hero{height:clamp(600px,76svh,830px);min-height:600px;position:relative;background:#0c0d10;overflow:hidden;isolation:isolate}
.real-hero-media{position:absolute;inset:0;display:grid;grid-template-columns:39% 32% 29%;gap:3px;background:#1b1b1b}
.hero-photo{overflow:hidden;min-width:0}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.78);display:block;transition:transform 1.2s ease}.hero-photo-a img{object-position:center 42%}.hero-photo-b img{object-position:center 34%}.hero-photo-c img{object-position:center 50%}
.real-hero:hover .hero-photo img{transform:scale(1.016)}
.real-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,6,.9),rgba(2,4,6,.48) 44%,rgba(2,4,6,.12) 85%),linear-gradient(0deg,rgba(1,2,3,.77),transparent 49%)}
.real-hero-content{height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:90px;z-index:2}
.hero-location{font-size:11px;letter-spacing:.16em;color:#efefee;font-weight:800;display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;background:#ef414a;display:inline-block;border-radius:50%}
.real-hero h1{font-size:clamp(80px,12.1vw,194px);font-weight:950;letter-spacing:-.09em;line-height:.83;margin:24px 0 23px;text-shadow:0 5px 24px #0009;white-space:nowrap}.real-hero h1 span{color:#f8f8f7}
.hero-rule{height:4px;width:102px;background:#d21b2b}.real-hero-content p{font-size:clamp(17px,2vw,25px);line-height:1.5;font-weight:600;color:#f7f7f6;margin:23px 0 31px;max-width:560px;text-shadow:0 1px 16px #000c}
.hero-buttons{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-buttons .pill-btn{font-size:13px;padding:17px 21px}.real-secondary-link{font-size:13px;font-weight:800;letter-spacing:.015em;border-bottom:1px solid #ddd;padding:14px 2px;display:inline-flex;align-items:center;gap:20px;color:#f8f8f7}.real-secondary-link:hover{color:#fff}
.hero-side-label{position:absolute;right:25px;top:40px;writing-mode:vertical-rl;font-size:9px;color:white;letter-spacing:.15em;z-index:3;text-shadow:0 1px 8px #000}.hero-scroll{position:absolute;z-index:3;right:5%;bottom:37px;font-size:10px;letter-spacing:.12em;font-weight:800;display:flex;gap:14px}.hero-scroll span{font-size:17px}
/* Simple relevant content */
.services-overview{background:#f2f1ee;color:#1b1b1d;padding:96px 0 94px}.section-intro{max-width:780px;margin-bottom:48px}.g57-authentic .eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#da3943}.section-intro h2,.work-head h2,.process-copy h2,.reputation-wrap h2{font-size:clamp(34px,4.1vw,62px);letter-spacing:-.055em;line-height:1.07;margin:15px 0 15px}.section-intro p{color:#52555a;font-size:15px;line-height:1.75;max-width:550px}.services-list{border-top:1px solid #d4d3d1}.service-line{display:grid;grid-template-columns:166px minmax(0,1fr) 112px;gap:25px;align-items:center;padding:19px 5px;border-bottom:1px solid #d4d3d1}.service-pic{width:166px;height:128px;overflow:hidden;background:#ccc;border-radius:5px}.service-pic img{height:100%;width:100%;object-fit:cover;object-position:center 47%}.service-text span{font-weight:800;letter-spacing:.14em;font-size:10px;color:#b9202a}.service-text h3{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.045em;margin:6px 0}.service-text p{color:#606164;line-height:1.55;font-size:13px;max-width:600px;margin:0}.service-action{border:1px solid #b72a33;background:transparent;border-radius:6px;padding:13px 15px;color:#a80e1a;font-size:12px;font-weight:850}.service-action:hover{background:#b71925;color:white}
/* Configurator */
.g57-authentic .simulator-section{background:#141518;padding:95px 0 108px}.g57-authentic .simulator-section .section-header{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:0 0 35px}.g57-authentic .simulator-section .section-header h2{font-size:clamp(32px,4.2vw,60px);line-height:1.06;letter-spacing:-.05em;margin-top:15px}.g57-authentic .simulator-section .section-header h2 em{font-style:normal;color:#ee4a55}.g57-authentic .simulator-section .section-header p{color:#babcc0;font-size:14px;line-height:1.8;max-width:420px}.g57-authentic .simulator-shell{border:1px solid #3d3e42;box-shadow:0 14px 48px #0007;border-radius:12px;overflow:hidden}.g57-authentic .sim-head{background:#24262b}.g57-authentic .sim-tabs{background:#17181c}.g57-authentic .sim-tab.active{border-bottom-color:#e2434b}.g57-authentic .sim-sidebar{background:#1a1b1f}.g57-authentic .sim-sidebar h3{font-size:clamp(25px,3vw,39px);letter-spacing:-.04em}.g57-authentic .tint-options .selected{background:#b81b25;border-color:#d53a46}.g57-authentic .sim-sidebar-footer .pill-btn{background:#b81b26;border-radius:6px}.g57-authentic .simulator-section button{font-family:inherit}
/* Real portfolio */
.work-section{background:#0e1012;padding:100px 0 110px}.work-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:37px}.work-head h2{margin-bottom:0}.work-head p{max-width:370px;color:#b0b1b4;font-size:14px;line-height:1.65}.work-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.work-grid figure{margin:0;position:relative;overflow:hidden;border-radius:7px;min-width:0;background:#222;min-height:280px}.work-grid figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.work-grid figure:hover img{transform:scale(1.027)}.work-grid figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 17px 16px;background:linear-gradient(transparent,#070708bd);color:#fff;font-size:12px;font-weight:800}.work-grid .work-main{grid-row:span 2;min-height:570px}.work-grid .work-main img{object-position:center 52%}.work-grid .work-side{min-height:275px}.work-grid .work-wide{grid-column:span 1;min-height:270px}.work-grid .work-wide img{object-position:center 50%}
/* Showcase real video with native aspect ratio */
.process-section{background:#f2f1ee;color:#181b1d;padding:94px 0}.process-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,490px);align-items:center;gap:8%}.process-copy{max-width:570px}.process-copy p{color:#53555a;font-size:16px;line-height:1.8;max-width:460px;margin:0 0 30px}.process-video{position:relative;max-height:690px;overflow:hidden;border-radius:9px;background:#0b0c0e;justify-self:center;width:min(100%,350px)}.process-video video{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.process-video>span{position:absolute;bottom:10px;left:10px;background:#08090bc9;color:#fff;font-size:10px;letter-spacing:.1em;font-weight:850;padding:9px 11px;pointer-events:none}
/* Genuine Google profile links */
.reputation-section{background:#1a1c20;padding:78px 0 88px;border-top:1px solid #32343a}.reputation-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.reputation-wrap h2{font-size:clamp(32px,3.2vw,51px)}.reputation-wrap p{color:#b5b6bb;font-size:14px;line-height:1.8;max-width:500px}.review-actions{display:grid;gap:12px}.review-actions a{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #4b4d50;border-radius:6px;padding:20px 21px;font-size:12px}.review-actions a b{color:#f4f4f2}.review-actions a:hover{border-color:#d74753}.review-actions a span{color:#b5b6bb}
/* Quote + locations lightly refined, preserving functional forms */
.g57-authentic .quote-section{background:#101114;padding:105px 0}.g57-authentic .quote-section .section-header{display:flex;justify-content:space-between;align-items:end;gap:35px}.g57-authentic .quote-section .section-header h2{font-size:clamp(35px,4.2vw,58px);line-height:1.1;letter-spacing:-.06em}.g57-authentic .quote-section .section-header h2 em{font-style:normal;color:#e33e49}.g57-authentic .quote-section .section-header p{max-width:440px;color:#aeb0b4;font-size:14px;line-height:1.8}.g57-authentic .quote-aside{background:#1d1e22}.g57-authentic .quote-form-wrap{border-radius:8px;overflow:hidden}.g57-authentic .quote-section .pill-btn{border-radius:6px}.g57-authentic .locations-section{background:#17181a;padding:100px 0}.g57-authentic .locations-section .section-header h2{font-size:clamp(36px,4.2vw,57px)}.g57-authentic .locations-section .section-header h2 em{font-style:normal;color:#ef4650}.g57-authentic .location-card{border-radius:8px;overflow:hidden}.g57-authentic .site-footer{border-top:1px solid #313338}.g57-authentic .floating-quote{background:#b71925;border-radius:6px}
@media(max-width:1090px){.g57-authentic .navigation{gap:18px}.g57-authentic .header-inner{gap:18px}.g57-authentic .site-logo img{width:80px;height:58px}.g57-authentic .logo-label strong{font-size:14px}.service-line{grid-template-columns:145px minmax(0,1fr) 102px;gap:18px}.service-pic{width:145px;height:120px}.work-grid{grid-template-columns:1fr 1fr}.work-grid .work-main{grid-row:span 2}.work-grid .work-wide{min-height:230px}.g57-authentic .quote-section .section-header,.g57-authentic .simulator-section .section-header{display:block}}
@media(max-width:770px){.g57-authentic .shell{width:min(100% - 32px,680px)}.g57-authentic .site-header{height:68px}.g57-authentic .header-inner{height:68px}.g57-authentic .site-logo img{width:81px;height:55px}.g57-authentic .site-logo{gap:4px}.g57-authentic .logo-label strong{font-size:14px}.g57-authentic .logo-label small{font-size:8px}.g57-authentic .header-cta{margin-left:auto;padding:10px 12px;font-size:10px}.g57-authentic .navigation{position:absolute;top:68px;left:0;right:0;display:none;background:#101114;border-bottom:1px solid #555;padding:18px 22px;z-index:90;box-shadow:0 20px 30px #0006}.g57-authentic .navigation.open{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.g57-authentic .menu-button{display:flex;margin-left:0}.real-hero{height:clamp(620px,78svh,780px);min-height:620px}.real-hero-media{grid-template-columns:58% 42%}.real-hero-media .hero-photo-c{display:none}.real-hero-shade{background:linear-gradient(0deg,#08090be8 0%,#08090b90 36%,#08090b19 75%)}.real-hero-content{padding-bottom:102px}.real-hero h1{font-size:clamp(69px,13vw,112px);margin:18px 0}.real-hero-content p{font-size:16px}.hero-side-label{display:none}.hero-scroll{bottom:22px}.services-overview,.work-section,.process-section,.g57-authentic .quote-section,.g57-authentic .locations-section,.g57-authentic .simulator-section{padding:70px 0}.section-intro{margin-bottom:29px}.section-intro h2,.work-head h2,.process-copy h2,.reputation-wrap h2{font-size:clamp(32px,8.3vw,49px)}.service-line{grid-template-columns:108px minmax(0,1fr);gap:15px;padding:18px 0}.service-pic{width:108px;height:100px}.service-text h3{font-size:23px}.service-text p{font-size:12px}.service-action{grid-column:2;justify-self:start;margin-top:-8px}.work-head{display:block}.work-head p{margin:18px 0 0}.work-grid{grid-template-columns:1fr 1fr;gap:9px}.work-grid .work-main{grid-column:span 2;grid-row:auto;min-height:380px}.work-grid .work-main img{object-position:center 40%}.work-grid .work-side{min-height:240px}.work-grid .work-wide{min-height:220px}.process-wrap{grid-template-columns:1fr;gap:30px}.process-video{width:min(100%,350px)}.reputation-wrap{grid-template-columns:1fr;gap:25px}.g57-authentic .simulator-section .section-header h2{font-size:clamp(33px,7vw,46px)}.g57-authentic .quote-section .section-header h2{font-size:clamp(33px,7vw,46px)}}
@media(max-width:440px){.g57-authentic .logo-label{display:none}.g57-authentic .header-cta{font-size:10px}.real-hero{min-height:620px}.real-hero-media{grid-template-columns:1fr}.real-hero-media .hero-photo-b{display:none}.real-hero-content{padding-bottom:95px}.hero-location{font-size:9px}.real-hero h1{font-size:clamp(70px,17.5vw,86px)}.real-hero-content p{font-size:15px}.hero-buttons{gap:10px}.hero-buttons .pill-btn{padding:14px 14px;font-size:11px}.real-secondary-link{font-size:11px}.service-line{grid-template-columns:92px minmax(0,1fr);gap:12px}.service-pic{width:92px;height:94px}.service-text h3{font-size:20px}.service-text p{font-size:11px}.work-grid .work-side,.work-grid .work-wide{min-height:165px}.work-grid .work-main{min-height:345px}.review-actions a{display:block}.review-actions a b{display:block;margin-top:8px}.g57-authentic .simulator-section .section-header h2{font-size:31px}.g57-authentic .simulator-section .section-header p{font-size:13px}.g57-authentic .quote-section .section-header h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.g57-authentic .intro{display:none}.hero-photo img,.work-grid figure img{transition:none}}

@media(max-width:770px){.g57-authentic .floating-quote{display:none!important}}

/* RIVO Garage 57 V6 — medios editoriales administrados */
.g57-posts-section{background:#101114;color:#fff;padding:70px 0}.g57-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.g57-post{min-width:0;background:#191a1f;border:1px solid #34343a;border-radius:14px;overflow:hidden}.g57-post img,.g57-post video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.g57-post>div{padding:17px 18px 23px}.g57-post small{font-size:10px;color:#ef6070;letter-spacing:.14em}.g57-post h3{font-size:23px;line-height:1.16;margin:9px 0}.g57-post p{font-size:14px;color:#bbbdc4;line-height:1.65}.service-line[hidden],.g57-posts-section[hidden],[data-g57-social][hidden]{display:none!important}[data-g57-address]{white-space:pre-line}
@media(max-width:900px){.g57-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.g57-post-grid{grid-template-columns:1fr}.g57-posts-section{padding:44px 0}}
