:root{--dark:#2e353c;--grey:#59636a;--red:#ed042e;--body:'Work Sans',sans-serif;--display:'Pirata One',Georgia,serif;--label:'Oswald',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.5;color:white;background:var(--dark)}a{color:inherit}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ed042e;outline-offset:5px}h1,h2,h3,p{margin-top:0}h3{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.2;margin-bottom:16px}.wrap{width:min(1080px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-60px;background:white;color:var(--dark);padding:10px;z-index:20}.skip:focus{top:0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 42px;background:var(--red);border:0;border-radius:40px;color:white;text-decoration:none;font:600 16px var(--label);cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#c50024;transform:translateY(-2px)}.hero{height:min(938px,72vw);min-height:690px;position:relative;overflow:hidden}.hero-images{position:absolute;inset:0;display:flex;justify-content:center;filter:brightness(.75)}.hero-images div{flex:0 0 50.46%;height:100%;background:url('assets/imgPexelsRodnaeProductions84011041.png') 48% 42%/220.65% 253.58%;}.brand{text-align:center;text-decoration:none;display:block;width:248px;margin:auto;position:relative}.brand span{font-family:var(--display);font-size:44px;line-height:1.25;display:block;border-bottom:1px solid #ffffffa0}.brand small{display:block;font:500 13px var(--label);letter-spacing:.4px;padding-top:7px}.hero>.brand{position:absolute;top:40px;left:50%;transform:translateX(-50%)}.hero-copy{position:absolute;top:37%;left:0;width:100%;text-align:center}.hero h1{font:400 clamp(70px,9.56vw,134px)/1.15 var(--display);letter-spacing:1.3px;margin:0 60px 38px}.hero-copy p{font:400 24px/1.3 var(--label)}.hero-copy:before,.hero-copy:after{content:'';position:absolute;width:11px;height:125px;background:var(--red);transform:rotate(45deg);top:-20px;left:12%}.hero-copy:after{left:auto;right:12%;top:65px}.hero-button{position:absolute;top:80%;left:50%;transform:translateX(-50%);white-space:nowrap}.hero-button:hover{transform:translateX(-50%) translateY(-2px)}.down{position:absolute;left:calc(50% - 8px);bottom:62px}.down img{display:block}nav{position:absolute;right:22px;top:50%;display:flex;gap:14px;writing-mode:vertical-rl;transform:rotate(180deg);font:600 15px var(--label);text-transform:uppercase}nav a{text-decoration:none;border-bottom:1px solid #ffffff66;padding-bottom:12px}nav a:hover{color:#ff5674}.section-label{font:600 16px var(--label);letter-spacing:.4px;text-transform:uppercase;display:flex;gap:20px;align-items:center;justify-content:center;margin:0 auto 60px}.section-label:before,.section-label:after{content:'';width:150px;height:1px;background:currentColor;opacity:.3}.expertise{position:relative;background:var(--grey);padding:88px 0 105px;margin-top:-35px;clip-path:polygon(0 0,100% 20px,100% calc(100% - 45px),0 100%);z-index:2}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 65px;text-align:center}.expertise article img{display:block;margin:0 auto 8px}.expertise h3{font-size:25px;margin-bottom:10px}.expertise p{font-size:16px;line-height:1.35;margin:0}.services-intro{min-height:640px;margin-top:-45px;padding:110px 0 90px;background:linear-gradient(270deg,#0009,transparent 74%),linear-gradient(#0004,#0004),url('assets/imgPexelsRodnaeProductions84022132.png') center/cover}.service-copy{width:415px;margin:100px max(calc((100% - 1080px)/2),7%) 0 auto}.service-copy .button{margin-top:12px}.section-pad{padding:88px 0}.programmes{background:var(--dark)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.eyebrow{font:500 14px var(--label);letter-spacing:1.5px;color:#ff5775}.two-col h3{font-size:36px;margin-top:12px}.text-link{font-family:var(--label);text-underline-offset:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:65px 0 85px;padding:35px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.stats strong{display:block;font:400 44px var(--display)}.stats span{font-size:14px}.packages article{border-top:2px solid var(--red);padding-top:25px;position:relative}.packages li{padding:6px 0}.packages ul{padding-left:20px;min-height:200px}.tag{position:absolute;right:0;top:-13px;background:var(--red);padding:4px 12px;font:500 12px var(--label)}.booking-note{text-align:center;font-size:14px;margin:55px 0 0;color:#d2d7da}.booking-note a{display:inline-block;margin-top:10px}.bootcamp{background:var(--grey);text-align:center}.display{font-size:clamp(42px,5vw,72px)}.lead{font-family:var(--label);font-size:24px}.narrow{max-width:700px;margin:20px auto}.schedule{margin:40px auto;font:500 21px var(--label)}.schedule small{font:400 14px var(--body)}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.tiers{margin-top:50px}.tiers article{border-top:1px solid #ffffff66;padding:25px 10px}.tiers .eyebrow{color:white}.tiers h3{font-size:60px;margin:15px 0}.tiers p{min-height:72px;font-size:15px}.classes{margin-top:60px;text-align:left}.classes h3{font-size:29px}.classes p{font-size:15px}.testimonials{position:relative;min-height:680px;padding:88px 0 140px;background:var(--dark);z-index:2;}.quote-wrap{max-width:855px;margin:110px auto 0;position:relative;padding-right:70px}blockquote{font-size:26px;line-height:1.35;margin:0 0 28px;max-width:700px;position:relative;z-index:1}#quote-author{font-size:16px;font-weight:600}#next-quote{position:absolute;right:-80px;top:40%;background:none;border:0;cursor:pointer;padding:0}#next-quote img{display:block}.testimonial-person{position:absolute;width:30.52%;max-width:427px;height:auto;right:9%;bottom:-44px;pointer-events:none}.contact{color:#343434;background:white;padding:80px 0 210px;position:relative;clip-path:polygon(0 30px,100% 0,100% 100%,0 calc(100% - 35px))}.contact-inner{max-width:636px;margin:auto}.contact-inner h3{font-size:40px}.contact-links{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:16px;margin-bottom:30px}.contact-links a{overflow-wrap:anywhere}form{display:grid;gap:20px}label{font-size:14px;font-weight:600;display:grid;gap:5px}input,textarea{border:1px solid transparent;background:#f5f5f6;padding:10px 12px;width:100%;border-radius:0;font-size:16px;color:#343434}input{height:43px}textarea{resize:vertical}form .button{justify-self:start}.form-note{font-size:13px;margin:0;color:#62676c}.contact-person{position:absolute;width:40%;max-width:559px;left:50%;transform:translateX(-50%);bottom:-60px;pointer-events:none}footer{padding:45px 4% 30px;text-align:center;position:relative}footer .brand{width:180px;margin:35px auto 20px}footer .brand span{font-size:34px}footer p{font-size:14px}footer>small{font-size:12px}.bolts{height:20px;background:url('assets/imgThunder.svg') left center/22px 22px repeat-x;opacity:.8;margin:20px 0}.bolts:last-child{margin-top:35px}/* Layout shared by every viewport. Images retain their source proportions. */
.hero-images div{background-position:43.48% 42.04%}
.hero h1{position:relative;z-index:1;text-wrap:balance}
.menu-toggle{display:none}
.wrap>* ,.two-col>*,.three-col>*,.expertise-grid>*{min-width:0}
.button{max-width:100%;text-align:center;line-height:1.35}
.section-label{text-align:center;line-height:1.4}
.section-label:before,.section-label:after{flex-shrink:1}
.testimonials{padding-bottom:0;min-height:680px}
.quote-wrap{margin-top:85px;min-height:240px}
.testimonial-person{display:block;position:relative;right:auto;bottom:auto;margin:-25px 9% -45px auto;width:min(30.52%,427px);height:auto;z-index:2}
.contact{clip-path:none;padding-bottom:0;isolation:isolate}
.contact:after{content:'';position:absolute;z-index:-1;bottom:0;left:0;right:0;height:40px;background:var(--dark);clip-path:polygon(0 0,100% 100%,0 100%)}
.contact-person{display:block;position:relative;left:auto;bottom:auto;transform:none;margin:50px auto -35px;width:min(60%,559px);height:auto;z-index:2}
.contact-inner{position:relative;z-index:3}
#next-quote{min-width:48px;min-height:48px;display:grid;place-items:center}
.contact-links a{min-height:44px;display:inline-flex;align-items:center}
input,textarea{min-width:0}
/* Restrained native-scroll motion. Content is visible without JavaScript. */
.reveal-ready{opacity:0;transform:translate3d(0,20px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-visible{opacity:1;transform:none}
.reveal-ready:focus-within{opacity:1;transform:none}
@media(min-width:1600px){.hero{height:938px}.hero h1{font-size:134px}}
@media(min-width:761px) and (max-width:1000px){
.hero h1{font-size:9vw;margin-inline:40px}.hero-copy:before,.hero-copy:after{display:none}
.expertise-grid{gap:45px 25px}.two-col{gap:35px}.three-col{gap:20px}
.quote-wrap{margin-inline:8%;padding-right:60px}#next-quote{right:0}
.service-copy{margin-right:8%;width:44%}.contact-inner{width:calc(100% - 64px)}
.tiers .button{padding-inline:24px}
}
/* Figma 1:80: single portrait, three-line headline and single-column expertise. */
@media(max-width:760px){
html{scroll-padding-top:24px}.wrap{width:calc(100% - 60px);max-width:520px}
.hero{height:auto;min-height:863px;max-height:none;padding:32px 15px 20px;display:flex;flex-direction:column;align-items:center}
.hero-images{height:100%;min-height:863px;filter:brightness(.8)}
.hero-images div{flex:0 0 661.288px;width:661.288px;height:863px;background-size:220.65% 253.58%;background-repeat:no-repeat;background-position:43.48% 42.04%}
.hero-images div:first-child,.hero-images div:last-child{display:none}
.hero>.brand{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:211px;z-index:4}
.hero>.brand span{font-size:37.5px;letter-spacing:.75px}.hero>.brand small{font-size:12px}
.hero-copy{position:relative;top:auto;left:auto;width:100%;max-width:440px;margin:198px auto 0;z-index:2}
.hero h1{font-size:clamp(68px,22.56vw,88px);line-height:1;letter-spacing:.01em;margin:0 auto;max-width:100%;overflow-wrap:normal}
.hero h1 span{display:block}
.hero-copy p{font-size:21px;line-height:1.3;margin:32px auto 0;max-width:265px;text-shadow:0 1px 12px #0008}
.hero-copy:before,.hero-copy:after{display:block;width:9px;height:99px;top:-20px;left:18%;z-index:0}
.hero-copy:after{left:auto;right:15%;top:190px}
.hero-button{position:relative;top:auto;left:auto;transform:none;margin:76px auto 0;z-index:2;white-space:normal;min-height:44px;padding:12px 36px}
.hero-button:hover{transform:translateY(-2px)}
.down{position:relative;left:auto;bottom:auto;margin:30px auto 0;padding:8px 14px;z-index:2}
.menu-toggle{display:flex;position:absolute;right:12px;top:38px;z-index:6;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #ffffff60;border-radius:50%;background:#2e353c66;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:1px;margin-inline:auto;background:white;transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
nav{position:absolute;top:100px;right:15px;left:15px;writing-mode:horizontal-tb;transform:none;display:none;z-index:5;background:var(--dark);padding:12px 20px;border:1px solid #ffffff40;border-radius:12px;font-size:16px}
nav.is-open{display:grid}nav a{padding:12px 6px;border-bottom:1px solid #ffffff22;min-height:48px}nav a:last-child{border:0}
.expertise{margin-top:-20px;padding:65px 0 85px;clip-path:polygon(0 0,100% 14px,100% calc(100% - 18px),0 100%)}
.section-label{gap:16px;margin:0 auto 38px;font-size:16px;padding-inline:0;max-width:calc(100% - 30px)}
.section-label:before,.section-label:after{width:120px;min-width:15px;flex:1}
.expertise-grid{grid-template-columns:minmax(0,1fr);max-width:306px;gap:32px}
.expertise h3{font-size:24px;line-height:1.3;margin-bottom:10px}.expertise p{font-size:16px;line-height:1.4}
.expertise article img{margin-bottom:6px}.expertise article{min-height:135px}
.services-intro{margin-top:-18px;min-height:571px;padding:65px 30px 68px;background:linear-gradient(90deg,#0008,#0009),url('assets/imgPexelsRodnaeProductions84022132.png') 42% center/auto 100% no-repeat}
.services-intro .section-label{max-width:100%}.service-copy{width:100%;max-width:520px;margin:60px auto 0;background:none;padding:0;font-size:16px;line-height:1.45}
.service-copy .button{display:flex;width:fit-content;margin:38px auto 0}
.two-col,.three-col{grid-template-columns:minmax(0,1fr);gap:40px}.section-pad{padding:65px 0}
.two-col h3{font-size:34px}.two-col p,.classes p,.tiers p{font-size:16px}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px;margin:50px 0 65px}.stats strong{font-size:42px}
.packages ul{min-height:0;padding-left:20px}.packages .button{margin-top:12px;width:100%}
.booking-note{line-height:1.7}.display{font-size:clamp(40px,11vw,56px);line-height:1.12}.lead{font-size:22px}
.schedule{font-size:20px;line-height:1.5}.schedule small{display:block;margin-top:12px;line-height:1.5}
.tiers{gap:18px;margin-top:36px}.tiers article{padding:25px 0}.tiers p{min-height:0}.tiers .button{width:100%;padding-inline:24px}
.classes{text-align:center;margin-top:45px}.classes h3{font-size:28px}
.testimonials{min-height:0;padding:60px 0 0}.testimonials>.section-label{max-width:calc(100% - 60px)}
.quote-wrap{width:calc(100% - 80px);max-width:520px;margin:55px auto 0;padding:0;min-height:0}
blockquote{font-size:20px;line-height:1.4;margin-bottom:24px;padding:0}.quote-wrap #quote-author{font-size:16px;padding-right:40px;min-height:48px}
#next-quote{position:relative;right:auto;top:auto;bottom:auto;margin:18px 0 0 auto}
.testimonial-person{position:relative;width:65%;max-width:300px;height:auto;margin:12px 7.5% -40px auto}
.contact{padding:90px 0 0}.contact-inner{width:calc(100% - 60px);max-width:520px}.contact-inner h3{font-size:36px}.contact-inner p{font-size:16px}
.contact-links{display:grid;gap:2px;font-size:14px;margin:15px 0 26px}.contact-links a{display:block;padding:10px 0;overflow-wrap:anywhere}
form{gap:20px}label{font-size:14px}input{height:48px}textarea{min-height:155px}form .button{width:100%;justify-self:stretch}
.contact-inner .form-note{font-size:13px;line-height:1.5}.contact-person{width:90%;max-width:420px;left:auto;bottom:auto;margin:42px auto -25px;transform:none;height:auto}
footer{padding:45px 20px 25px}footer .brand{margin:28px auto 20px;width:195px}footer p{max-width:330px;margin-inline:auto}
}
@media(max-width:359px){.wrap,.contact-inner{width:calc(100% - 40px)}.hero>.brand{width:180px}.hero>.brand span{font-size:34px}.hero-copy{margin-top:205px}.hero h1{font-size:68px}.hero-button{margin-top:64px}.services-intro{padding-inline:20px}.quote-wrap{width:calc(100% - 48px)}.menu-toggle{right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
/* Approved Tita portrait: the supplied triptych is displayed once, never tiled. */
.hero{isolation:isolate}
.hero-images{display:block;filter:none;min-height:0;z-index:-2;background:#17171d}
.tita-hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-images:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00000008 20%,#00000018 65%,#00000030)}
.brand-frame{position:absolute;top:0;left:50%;transform:translateX(-50%);pointer-events:none}
.brand span{border-bottom:0;position:relative;padding:2px 0 8px}
.brand small{position:relative;padding-top:8px}
.hero-outline{position:absolute;pointer-events:none;width:1030.35px;height:452.553px;left:50%;top:-93px;transform:translateX(-50%);z-index:-1}
.hero-outline img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);max-width:none}
.hero-copy{isolation:isolate}
.hero-copy:before,.hero-copy:after{display:block;pointer-events:none;z-index:3;background:#ed042e;width:11px;height:125px;top:-15px;left:12.3%;transform:rotate(45deg)}
.hero-copy:after{left:auto;right:12.3%;top:65px}
.hero-copy p{position:relative;z-index:2}
footer .brand-frame{transform:translateX(-50%) scale(.73);transform-origin:top center}
@media(min-width:761px) and (max-width:1100px){.hero-outline{transform:translateX(-50%) scale(.78)}.hero-copy:before,.hero-copy:after{width:9px;height:90px;left:9%;top:-14px}.hero-copy:after{left:auto;right:9%;top:50px}}
@media(max-width:760px){
.hero-images{height:100%;min-height:0}
.tita-hero-photo{object-fit:cover;object-position:50% 15%}
.hero>.brand .brand-frame{transform:translateX(-50%) scale(.85);transform-origin:top center}
.hero-copy{max-width:360px}
.hero-outline{top:-26px;transform:translateX(-50%) scale(.923);height:452.553px}
.hero-copy:before,.hero-copy:after{width:9px;height:99px;left:calc(50% - 111px);top:-20px;z-index:3}
.hero-copy:after{left:auto;right:calc(50% - 131px);top:190px}
.hero-copy p{margin-top:32px}
footer .brand-frame{transform:translateX(-50%) scale(.79)}
}
@media(max-width:359px){.hero>.brand .brand-frame{transform:translateX(-50%) scale(.73)}.hero-copy:before{left:calc(50% - 94px);top:-19px;height:83px}.hero-copy:after{right:calc(50% - 112px);top:145px;height:83px}.hero-outline{top:-38px;transform:translateX(-50%) scale(.8)}}
/* Tita's Services photograph, with text on the quiet side of the composition. */
.services-intro{position:relative;isolation:isolate;min-height:685px;padding:100px 0 95px;background:#242e35;overflow:hidden}
.services-intro:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/tita-forte-services.png') center 35%/cover no-repeat}
.services-intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 30%,#17212833 52%,#17212880 100%)}
.services-intro>.section-label{position:relative;z-index:1}
.services-intro .service-copy{width:min(415px,36%);margin:100px max(calc((100% - 1080px)/2),7%) 0 auto;background:none;padding:0;line-height:1.55}
@media(min-width:761px) and (max-width:1000px){.services-intro .service-copy{width:42%;margin-right:7%}.services-intro:before{background-position:42% center}}
@media(max-width:760px){
.services-intro{padding:60px 30px 65px;min-height:760px}
.services-intro:before{background-size:auto 100%;background-position:12% top}
.services-intro:after{background:linear-gradient(180deg,#17212835 0%,#17212808 25%,#172128cc 53%,#172128f5 78%,#172128 100%)}
.services-intro .service-copy{width:100%;max-width:520px;margin:290px auto 0;line-height:1.5}
.services-intro .service-copy .button{margin-top:30px}
}
@media(max-width:359px){.services-intro{padding-inline:20px}.services-intro .service-copy{margin-top:260px}}
/* Immediately available native swipe carousel, with stable slide height. */
.testimonials .quote-wrap{padding:0;min-height:0;margin-top:65px;max-width:855px;width:calc(100% - 100px)}
.quote-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch}
.quote-track::-webkit-scrollbar{display:none}
.quote-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:4px 12px 4px 4px;display:flex;flex-direction:column}
.quote-slide blockquote{max-width:100%;margin-bottom:24px;flex:1}
.quote-author{font-size:16px;font-weight:600;margin:0;min-height:48px}
.quote-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:16px}
.quote-controls button,.quote-controls #next-quote{position:static;display:grid;place-items:center;width:48px;height:48px;min-height:48px;min-width:48px;padding:0;margin:0;border:1px solid #ffffff66;background:transparent;border-radius:50%;color:white;font-size:24px;cursor:pointer}
.quote-controls button:hover{background:#ffffff15;border-color:white}
#quote-position{font:400 14px var(--label);font-variant-numeric:tabular-nums;min-width:32px;text-align:center}
.testimonial-person{width:min(42%,530px);margin:25px 8% -42px auto;aspect-ratio:1488/1057;object-fit:contain;height:auto}
@media(max-width:760px){.testimonials .quote-wrap{width:calc(100% - 60px);margin-top:40px}.quote-slide blockquote{font-size:20px;line-height:1.4}.quote-controls{gap:18px;margin-top:12px}.testimonial-person{width:84%;max-width:420px;margin:28px 6% -30px auto}}
@media(prefers-reduced-motion:reduce){.quote-track{scroll-behavior:auto}}

/* Full cutout sits below the form without cropping her pose. */
.contact-person{width:min(76%,900px);max-width:900px;aspect-ratio:2035 / 773;object-fit:contain;height:auto;margin:56px auto 0;position:relative;left:auto;bottom:auto;transform:none}
@media(max-width:767px){.contact-person{width:94%;max-width:560px;margin:38px auto 0}}

/* Refined controls retain Tita's existing red, typography and layout. */
.button{min-height:50px;gap:10px;padding:13px 30px;border:1px solid #ffffff24;box-shadow:0 5px 16px #00000016,inset 0 1px 0 #ffffff20;letter-spacing:.25px;line-height:1.35;text-align:center;transition:background .2s,box-shadow .2s,transform .2s;touch-action:manipulation}
.button:focus-visible{outline:3px solid #ff8198;outline-offset:4px}
.button:active{box-shadow:0 2px 6px #0002;filter:brightness(.93)}
.button:disabled{background:#ffffff12;color:#d4d7da;border-color:#ffffff28;box-shadow:none;cursor:not-allowed;transform:none}
@media(hover:hover){.button:not(:disabled):hover{background:#ce0026;box-shadow:0 8px 22px #0003,inset 0 1px 0 #ffffff20}}
.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto}
.social-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:1px solid #ffffff45;border-radius:30px;text-decoration:none;font:500 15px var(--label)}
.social-links a:hover{border-color:#ff5775;background:#ffffff0a}
input:not([type=hidden]),textarea{border:1px solid #dfe1e4;border-radius:8px;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px #ed042e14}
.form-trap{display:none!important}
html{background:#17171d;-webkit-text-size-adjust:100%}
footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}
@media(max-width:760px){
.hero{min-height:100svh;padding-top:calc(28px + env(safe-area-inset-top));padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-bottom:32px}
.hero-copy{margin-top:clamp(130px,22svh,198px)}
.hero h1{font-size:clamp(62px,min(22vw,10svh),88px)}
.hero-copy p{margin-top:24px}
.hero-button{margin-top:38px;max-width:100%}
.down{margin-top:20px}
.menu-toggle{top:calc(34px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
#site-nav{top:calc(104px + env(safe-area-inset-top))}
.wrap,.contact-inner{width:calc(100% - max(30px,env(safe-area-inset-left)) - max(30px,env(safe-area-inset-right)))}
.button{max-width:100%;white-space:normal}
}