/*
Theme Name: RETA Studios 2.0
Version: 2.0.0
Requires PHP: 7.4
*/
:root{color-scheme:dark;--accent:#ff6842;--surface:#161616}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:#070707;color:#f5f5f5;font:17px/1.55 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}.shell{width:min(1120px,calc(100% - 36px));margin:auto}header,footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0}header img{width:82px;height:58px;object-fit:contain}nav{display:flex;gap:clamp(10px,2vw,24px);flex-wrap:wrap}section{padding:clamp(45px,8vw,106px) 0;text-align:center}section+section{border-top:1px solid #252525}small{color:var(--accent);letter-spacing:.1em;font-weight:700}h1,h2,h3{line-height:1.05;margin:.35em auto .5em}h1{font-size:clamp(42px,8vw,78px);letter-spacing:-.06em;max-width:850px}h2{font-size:clamp(30px,5vw,49px);letter-spacing:-.045em;max-width:820px}h3{font-size:23px}p{color:#c5c5c5;max-width:700px;margin:0 auto 16px}.button,button{display:inline-block;border:1px solid #464646;border-radius:24px;padding:12px 21px;margin:6px 0;color:inherit;background:var(--surface);font:inherit;cursor:pointer}.button:first-of-type,.contact button{background:var(--accent);color:#101010;border-color:transparent}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin:32px 0 0}.grid article,.media,.video{border:1px solid #292929;background:var(--surface);border-radius:20px;overflow:hidden;padding:20px;min-width:0}.grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:14px}.media span,.video span{display:block}.video{margin:0}.video span{font-size:46px;color:var(--accent)}ol{list-style:none;padding:0;max-width:700px;margin:auto}li{border-bottom:1px solid #333;padding:12px}.inner{max-width:900px;margin:auto}.inner h2{margin-top:1.5em}footer{border-top:1px solid #333}footer p{margin:0}dialog{width:min(90vw,760px);border:1px solid #444;border-radius:20px;background:#111;color:white}dialog::backdrop{background:#000c}dialog video{width:100%;max-height:75vh}.contact{max-width:600px;margin:auto;text-align:left}.contact label{display:block;margin:12px 0}.contact input,.contact textarea{display:block;width:100%;padding:12px;border:1px solid #555;border-radius:8px;font:inherit}.trap{position:absolute;left:-10000px}@media(prefers-reduced-motion:no-preference){.grid>* , .button{transition:transform .2s,border-color .2s}.grid>*:hover,.button:hover{transform:translateY(-4px);border-color:var(--accent)}.hero h1{animation:appear .55s ease-out}@keyframes appear{from{opacity:0;transform:translateY(12px)}}}
/* Framer layout alignment */
header.shell{width:100%;min-height:218px;padding:28px 48px;border-bottom:1px solid #242424}header.shell img{width:203px;height:162px}header.shell nav{font:500 14px/1.4 Arial,sans-serif;color:#c5c5c5}.shell{width:min(1104px,calc(100% - 48px))}main.shell .hero{padding-top:28px}main.shell .hero>small{font-size:13px}main.shell .hero>h1{margin:30px 0 40px;line-height:.96;letter-spacing:-.036em}main.shell .hero>p{max-width:425px;margin-bottom:34px}.hero .button{font-weight:700;margin-right:10px;padding:11px 20px}.hero .button:not(:first-of-type){background:transparent}.hero .grid{max-width:none;margin:34px 0 0;padding:26px max(16px,calc((100% - 840px)/2));border:1px solid #262626;border-radius:20px;grid-template-columns:1fr 1.065fr 1fr}.hero .media,.hero .video{border-color:#9c2525}.hero .video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero .video span{position:relative;z-index:1;color:white;text-shadow:0 1px 9px #000}.inner h1{margin-top:24px}.inner h2{margin-bottom:18px}footer.shell{padding:32px 0;align-items:flex-start}@media(max-width:768px){header.shell{min-height:120px;padding:12px 24px}header.shell img{width:115px;height:90px}.hero .grid{padding:12px;gap:10px}main.shell .hero>h1{margin:20px 0 24px}main.shell .hero>p{margin-bottom:20px}}@media(max-width:480px){.shell{width:calc(100% - 32px)}header.shell{padding:8px 16px;gap:8px}header.shell img{width:92px;height:74px}header.shell nav{font-size:12px;gap:10px}.hero .grid{padding:8px;gap:6px}.hero .button{padding:9px 13px;margin-right:3px;font-size:12px}main.shell .hero>h1{font-size:clamp(33px,10vw,42px)}}

.mobile-menu{display:none}@media(max-width:767px){header.shell{position:relative;min-height:140px;padding:12px 24px}header.shell img{width:125px;height:100px}header.shell>nav{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #482323;border-radius:50%;background:#141414;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;z-index:10;right:24px;top:calc(50% + 26px);display:grid;gap:0;background:#141414;border:1px solid #333;border-radius:12px;padding:8px;min-width:150px}.mobile-menu nav a{padding:10px}.shell{width:calc(100% - 48px)}main.shell .hero>h1{font-size:42px;line-height:.96;margin:24px 0 28px}main.shell .hero>small{display:block;line-height:1}.hero .button{width:max-content;display:block;font-size:14px;padding:11px 18px;margin:12px 0}.hero .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:0;padding:0 0 10px 24px;margin-top:42px;gap:15px}.hero .grid>*{flex:0 0 min(78%,245px);scroll-snap-align:center}.hero .video{order:-1}.hero .media b,.hero .media span{font-size:12px;left:12px}.contact input,.contact textarea{font-size:16px}}

/* Measured section and inner-page geometry */
.home main.shell>section:nth-child(2){padding:52px 0}.home main.shell>section:nth-child(3){padding:49px 0}.home main.shell>section:nth-child(4){padding:55px 0 56px}.home main.shell>section:nth-child(5){padding:56px 0 104px}.home main.shell>section:nth-child(6){padding:96px 0 28px}.home main.shell>section+section{border-top:0}.home main.shell>section:nth-child(2) .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home main.shell>section:nth-child(2) .grid article{padding:28px;border-radius:14px;background:#111}.inner{max-width:1104px;text-align:left}.inner h1{max-width:900px}.inner>p:first-child{color:#db1f1f;font-size:13px;letter-spacing:.1em}.contact{max-width:640px;margin-left:0}.contact input,.contact textarea{background:#111;color:#f5f5f5;border:1px solid #333;border-radius:8px}.contact label{font-size:14px;color:#bbb}.contact textarea{min-height:140px}.contact button{border-radius:100px;background:#db1f1f;color:#fff}.inner:has(+section .contact){padding-bottom:0}.inner+section:has(.contact){padding-top:28px;text-align:left;border:0}.inner+section:has(.contact)>h2{display:none}.inner+section:has(.contact)>p:first-of-type{display:none}.inner:has(+section .contact)>p:last-child{display:none}@media(max-width:767px){.home main.shell>section:nth-child(2) .grid{grid-template-columns:1fr}.home main.shell>section:nth-child(n+2){padding-top:48px;padding-bottom:48px}.inner h1{font-size:42px}.inner{padding:32px 0 48px}.contact{width:100%}}