@font-face{font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;font-family:Geist,Arial,sans-serif;color:#fff;background:#101114;font-synthesis:none;--green:#b4ebc5;--muted:#bbc4c0;--gutter:4.3vw}
*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.cards:focus-visible{outline:3px solid var(--green);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;background:#fff;color:#07100c;padding:14px;z-index:99}.skip:focus{top:16px}
.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#101714}
.backdrop::before{content:"";position:absolute;inset:-18px;background:url('/assets/beckers-aerial-closing.webp') center 36%/cover no-repeat;filter:blur(5px) saturate(1.08)}
.backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06100c66 0%,#0c111554 25%,#101114bf 72%,#101114f5 100%),linear-gradient(90deg,#07100c66,transparent 75%)}
.header{height:104px;padding:18px var(--gutter);display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:166px;height:60px;object-fit:contain}.header-label{font-size:12px;letter-spacing:.15em;font-weight:550;border-left:1px solid #ffffff40;padding:10px 0 10px 28px}.contact{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px;border-bottom:1px solid #ffffff70;padding:10px 0}.contact span{font-size:24px}.contact:hover{color:var(--green)}
main{padding-inline:var(--gutter)}.intro{padding-top:clamp(30px,5vh,58px);padding-bottom:clamp(30px,5vh,56px)}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:650;margin:0 0 14px;color:#d5eade}h1{font-size:clamp(34px,3.1vw,58px);font-weight:550;line-height:1.08;letter-spacing:-.045em;margin:0;text-shadow:0 3px 30px #0004}h1 span{color:#c8ebd3}.collection{position:relative;z-index:3;padding-bottom:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:5px}.section-heading h2{font-size:clamp(18px,1.45vw,28px);font-weight:450;letter-spacing:-.02em;margin:0;color:#e2e4e6}.rail-controls{display:flex;align-items:center;gap:10px}.rail-controls>span{font-size:12px;color:var(--muted);margin-right:12px;white-space:nowrap}.rail-button{min-height:38px;padding:7px 13px;color:#e3e8e5;border:1px solid #ffffff3d;border-radius:20px;background:#10161580;font-size:12px}.rail-button:hover:not(:disabled){background:#ffffff21;border-color:#fff9}.rail-button:disabled{opacity:.3;cursor:default}
.cards{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(230px,17vw,324px);gap:26px;overflow-x:auto;overflow-y:hidden;margin-inline:calc(-1 * var(--gutter));padding:22px var(--gutter) 45px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain}.cards::-webkit-scrollbar{display:none}.card{position:relative;min-width:0;scroll-snap-align:start;z-index:1}.card:hover,.card:focus-within{z-index:5}.card-surface{position:relative;aspect-ratio:2/3;border:1px solid #ffffff24;border-radius:17px;background:#141b1b;box-shadow:0 18px 27px #0006;transition:transform .28s ease,border-color .28s,box-shadow .28s;overflow:hidden}.poster-link{position:absolute;inset:0;display:block;isolation:isolate}.poster-photo{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease,filter .3s;filter:brightness(.9)}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#030a1066 0%,transparent 35%,#05101952 52%,#04080dd6 80%,#030609 100%);pointer-events:none}.poster-brand{position:absolute;left:22px;top:24px;width:116px;height:40px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 10px #0009)}.poster-brand--hertz{width:85px;height:62px;filter:brightness(0) invert(1) drop-shadow(0 2px 10px #0009)}.poster-title{position:absolute;bottom:65px;left:22px;right:18px;transition:transform .28s ease}.poster-title h3{margin:0;color:white;font-size:clamp(27px,2.05vw,39px);line-height:1.04;letter-spacing:-.045em;font-weight:760;text-shadow:0 3px 20px #0007;overflow-wrap:normal}.card-type{position:absolute;bottom:18px;left:20px;padding:5px 8px;border-radius:5px;background:#efeff0;color:#141518;font-size:12px;font-weight:600;transition:opacity .2s}.details{position:absolute;inset:auto 0 0;padding:24px 18px 18px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .23s,transform .23s,visibility .23s;background:linear-gradient(transparent,#050a0ef5 25%);pointer-events:none}.details p{color:#d2dcda;font-size:13px;line-height:1.45;margin:0 0 13px}.actions{display:flex;gap:8px}.open{display:flex;align-items:center;justify-content:center;flex:1;min-height:40px;font-size:12px;font-weight:650;color:#0a2817;background:#c4efd2;border-radius:5px;padding:8px}.copy{width:40px;height:40px;flex-shrink:0;border:1px solid #ffffff66;color:#fff;background:#ffffff0d;border-radius:5px;display:grid;place-items:center}.copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.copy:hover{background:#ffffff26}
[data-material="farmaceutica"] .poster-photo{object-position:65% center}[data-material="site-beckers"] .poster-photo{object-position:60% center}[data-material="site-hertz"] .poster-photo{object-position:48% center}[data-material="apresentacao-beckers"] .poster-photo{object-position:57% center}[data-material="catalogo-hertz"] .poster-photo{object-position:52% center}[data-material="espera-aves"] .poster-photo{object-position:63% center}
@media(hover:hover) and (pointer:fine){.card:hover .card-surface,.card:focus-within .card-surface{transform:translateY(-5px) scale(1.035);border-color:#d0e7d9a3;box-shadow:0 24px 38px #0009}.card:hover .poster-photo,.card:focus-within .poster-photo{transform:scale(1.025);filter:brightness(1)}.card:hover .details,.card:focus-within .details{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.card:hover .poster-title,.card:focus-within .poster-title{transform:translateY(-88px)}.card:hover .card-type,.card:focus-within .card-type{opacity:0}}
footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 var(--gutter);padding:24px 0 28px;border-top:1px solid #ffffff18;color:#a5afaa;font-size:12px}footer>span:first-child{color:#d8e8dd;font-size:15px;letter-spacing:-.02em}.separator{padding:0 12px;color:#839189}.notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 22px;border:1px solid #a1dfb5;border-radius:7px;background:#10271a;color:#fff;z-index:99;opacity:0;pointer-events:none;transition:.2s;font-size:14px;max-width:calc(100% - 32px);width:max-content}.notice.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.header-label{display:none}.cards{grid-auto-columns:260px;gap:22px}.poster-title h3{font-size:32px}.intro{padding-top:34px;padding-bottom:35px}}
@media(hover:none),(pointer:coarse){.card-type{bottom:69px}.poster-title{bottom:110px}.details{opacity:1;visibility:visible;transform:none;pointer-events:auto;padding:12px}.details p{display:none}.poster-title h3{font-size:30px}.poster-brand{width:104px}.poster-link:focus-visible{outline-offset:-5px}}
@media(max-width:620px){:root{--gutter:6vw}.header{height:84px;padding-block:14px;gap:14px}.brand img{width:124px;height:47px}.contact{font-size:12px;gap:8px}.contact span{font-size:20px}.intro{padding:30px 0 34px}.eyebrow{font-size:11px;margin-bottom:12px}h1{font-size:36px;max-width:340px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:18px;max-width:170px;line-height:1.25}.rail-controls{gap:6px}.rail-controls>span{display:none}.rail-button{min-height:36px;font-size:11px;padding:7px 9px}.cards{grid-auto-columns:min(72vw,280px);gap:18px;padding-top:20px;padding-bottom:30px}.card-surface{border-radius:15px}.poster-title h3{font-size:32px}.poster-title{left:20px;right:16px}.poster-brand{left:20px;top:23px}.backdrop{background-position:60% top}.collection{padding-bottom:3px}footer{align-items:flex-start;flex-direction:column;gap:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.poster-joint-brand{position:absolute;top:18px;left:20px;right:20px;max-width:245px;display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,.62fr);align-items:center;gap:10px;filter:drop-shadow(0 2px 8px #0009)}.poster-joint-brand img{display:block;width:100%;height:54px;object-fit:contain}.poster-joint-brand span{font-size:22px;font-weight:400;text-align:center;color:#fff}.poster-joint-brand .poster-joint-brand__hertz{filter:brightness(0) invert(1)}

/* Soft glass controls and a light-catching rim over the sharp photographic covers. */
.contact,.rail-button{background:linear-gradient(135deg,#ffffff1f,#ffffff08),#14221d73;border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff30,0 5px 18px #0002;-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25)}
.contact{padding:10px 16px;border-radius:999px}
.contact:hover,.rail-button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff30,#ffffff12),#14221d73;border-color:#ffffff73}
.card-surface{border-color:#ffffff40;box-shadow:0 18px 32px #0005}
.card-surface::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff59,inset 1px 0 0 #ffffff1a,inset 0 -1px 0 #ffffff14;background:linear-gradient(135deg,#ffffff0a,transparent 32%)}
.card-type{color:#fff;background:linear-gradient(135deg,#ffffff2e,#ffffff12),#14221d8c;border:1px solid #ffffff52;box-shadow:inset 0 1px 0 #ffffff26;text-shadow:0 1px 4px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@media(max-width:620px){.backdrop::before{background-position:60% top;filter:blur(4px) saturate(1.08)}.contact{padding:8px 11px}}
@media(prefers-reduced-transparency:reduce){.contact,.rail-button,.card-type{background:#1c2b24;-webkit-backdrop-filter:none;backdrop-filter:none}}
