.vent3{padding-top:clamp(var(--s-12), 6vw, var(--s-20))}.vent3__grid{grid-auto-rows:minmax(220px,auto)}.vent3__tile{min-height:220px}.vent3__tile h2{font-size:var(--t-lg);line-height:1.15;font-family:var(--font-serif);letter-spacing:0;font-weight:400}.bento3__tile.vent3__tile>*{z-index:2;position:relative}.vent3__meta{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;color:var(--text-faint);margin-top:var(--s-2)}.vent3__tile--2x2{grid-area:span 2/span 2;min-height:460px}.vent3__tile--2x1{grid-column:span 2}.bento3__tile.vent3__tile>.vent3__media{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.vent3__media--img img,.vent3__media--video img,.vent3__media--video video{object-fit:cover;filter:grayscale()contrast(1.05)brightness(.6);opacity:.32;transform-origin:50%;width:100%;height:100%;transition:transform 1.2s var(--ease), opacity .6s var(--ease);display:block;transform:scale(1)}.vent3__media--img:before,.vent3__media--video:before{content:"";z-index:1;mix-blend-mode:color;opacity:.9;background:linear-gradient(#0e1b3e,#0a112a);position:absolute;inset:0}.vent3__media--img:after,.vent3__media--video:after{content:"";z-index:2;background:linear-gradient(180deg, transparent 20%, var(--surface) 92%);position:absolute;inset:0}.vent3__tile:hover .vent3__media--img img,.vent3__tile:focus-within .vent3__media--img img,.vent3__tile:hover .vent3__media--video :is(img,video),.vent3__tile:focus-within .vent3__media--video :is(img,video){opacity:.55;transform:scale(1.08)}[data-theme=light] .vent3__media--img img,[data-theme=light] .vent3__media--video :is(img,video){opacity:.22}[data-theme=light] .vent3__tile:hover .vent3__media--img img,[data-theme=light] .vent3__tile:hover .vent3__media--video :is(img,video){opacity:.38}.bento3__tile.vent3__tile>.vent3__wave{opacity:.55;transition:opacity .5s var(--ease);justify-content:center;align-items:center;gap:4px;padding:0 12%;display:flex;top:0;bottom:42%}.vent3__tile:hover .vent3__wave,.vent3__tile:focus-within .vent3__wave{opacity:1}.vent3__wave i{background:var(--gold);width:4px;height:56px;transform:scaleY(var(--h,.5));transform-origin:50%;animation:vent-wave 1.15s var(--ease-io) infinite alternate;animation-delay:calc(var(--k) * -.13s);animation-duration:calc(.9s + (var(--k) * 37ms));border-radius:2px;flex:none;display:block}@keyframes vent-wave{0%{transform:scaleY(var(--h,.5))}to{transform:scaleY(calc(1.25 - var(--h,.5)))}}.vent3__tile--wave h2{margin-top:clamp(64px,26%,110px)}.vent3__tile--video .vent3__media--video video{opacity:.5}.vent3__globe{max-width:260px;margin:0 auto auto}.vent3__tile--globe{align-content:end}.vent3__marques{background:var(--bg)}.vent3__logos{gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.vent3__logos--colour{margin-top:var(--s-6);grid-template-columns:repeat(5,minmax(0,1fr))}.vent3__logo{min-height:120px;padding:var(--s-6);border-radius:var(--rad-lg);background:var(--ink);border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.vent3__logo img{object-fit:contain;opacity:.92;width:auto;max-width:100%;max-height:48px;transition:opacity .4s var(--ease), transform .6s var(--ease)}.vent3__logo:hover img{opacity:1;transform:translateY(-2px)}.vent3__logo--colour{background:var(--surface)}.vent3__logo--colour img{max-height:52px}.vent3__logo:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--beam,0deg), transparent 0 70%, var(--gold-2) 85%, transparent 100%);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s var(--ease);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.vent3__logo:hover:before{opacity:1;animation:2.4s linear infinite vent-beam}@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes vent-beam{to{--beam:360deg}}@media (prefers-reduced-motion:reduce){.vent3__wave i{animation-play-state:paused}.vent3__logo:hover:before{animation:none}.vent3__media--img img,.vent3__media--video :is(img,video){transition:opacity .6s var(--ease)}.vent3__tile:hover .vent3__media--img img,.vent3__tile:hover .vent3__media--video :is(img,video){transform:none}}html[data-motion=off] .vent3__wave i{animation-play-state:paused}html[data-motion=off] .vent3__logo:hover:before{animation:none}html[data-motion=off] .vent3__tile:hover .vent3__media--img img,html[data-motion=off] .vent3__tile:hover .vent3__media--video :is(img,video){transform:none}@media (width<=1100px){.vent3__logos,.vent3__logos--colour{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.vent3__tile--2x2,.vent3__tile--2x1{grid-area:auto/span 2;min-height:0}.vent3__tile--globe .vent3__globe{max-width:200px}}@media (width<=640px){.vent3__logos,.vent3__logos--colour{grid-template-columns:repeat(2,minmax(0,1fr))}.vent3__logo{min-height:96px;padding:var(--s-4)}.vent3__logo img{max-height:36px}}
