/*
Theme Name: Farosson Native
Description: Standalone PHP theme with editable WordPress content and native interactions. No paid builder dependency.
Version: 1.0.0
Requires PHP: 8.2
*/
:root{--farosson-purple:#8722c5;--farosson-ink:#252130}
html{scroll-behavior:smooth}body{margin:0}.native-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 3%;background:#fff;position:relative;z-index:100;gap:24px}.native-brand img{width:220px;height:auto;display:block}.native-nav{display:flex;gap:30px;align-items:center}.native-nav a{font:400 16px 'Montserrat',sans-serif;color:#862cbb;text-decoration:none}.native-nav a:hover,.native-nav a[aria-current=page]{color:#ce4080}.native-toggle{display:none;border:1px solid #8722c5;background:#fff;color:#8722c5;border-radius:4px;padding:8px 12px}.native-skip{position:absolute;top:-100px;left:10px;z-index:999;background:#fff;padding:12px}.native-skip:focus{top:0}
.farosson-hero{position:relative;height:min(850px,calc(100svh - 64px));min-height:450px;overflow:hidden;background:#181627}.farosson-hero>img{width:100%;height:100%;object-fit:cover}.farosson-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09072088,#09072022)}.farosson-hero h1{position:absolute;z-index:1;top:50%;left:9%;transform:translateY(-50%);margin:0;color:#fff;font:600 clamp(34px,5.2vw,82px)/1.25 Montserrat,sans-serif}.farosson-hero h1 span{display:block;animation:native-reveal .8s both}.farosson-hero h1 span:nth-child(2){animation-delay:.2s}.farosson-hero h1 span:nth-child(3){animation-delay:.4s}@keyframes native-reveal{from{opacity:0;translate:20px 0}to{opacity:1;translate:0 0}}
.native-jobs,.native-application,.native-archive{max-width:1100px;margin:40px auto 80px;padding:0 24px}.native-jobs>a{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:24px 0;color:#7021a0;font-size:22px}.native-application{max-width:760px}.native-form{display:grid;gap:20px;max-width:760px;margin:24px auto}.native-form label{display:block;font-weight:500;color:#292332}.native-form input:not([type=checkbox]),.native-form textarea{width:100%;border:1px solid #bcb5c3;border-radius:3px;padding:12px;background:#fff;color:#24202c;font:inherit}.native-form textarea{min-height:140px}.native-form button{justify-self:start;background:#8622bd;color:#fff;border:0;padding:13px 30px;border-radius:3px;font:600 16px Montserrat,sans-serif}.native-form button:disabled{opacity:.55;cursor:wait}.native-form small{font-size:13px;color:#5d5467}.native-form .native-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.native-form-status{padding:12px;border-radius:4px}.native-form-status:empty{display:none}.native-form-status[data-state=error]{background:#fff0f1;color:#9d172b}.native-form-status[data-state=success]{background:#e9f5ee;color:#1d623a}.native-form .native-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px}.native-consent input{margin-top:4px}.native-form :focus-visible,.native-nav a:focus-visible{outline:3px solid #ba77df;outline-offset:3px}
.fl-animation,.fl-animated{opacity:1!important;visibility:visible!important;transform:none!important}.pp-image-carousel .swiper-wrapper{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:24px;transform:none!important}.pp-image-carousel .swiper-slide{flex:0 0 240px;scroll-snap-align:start}.native-dialog{border:0;border-radius:8px;padding:32px;max-width:800px;width:calc(100% - 32px);max-height:85vh}.native-dialog::backdrop{background:#0009}.native-dialog .native-close{float:right;font-size:24px;border:0;background:none}.native-archive article{padding:30px 0;border-bottom:1px solid #ddd}.native-archive h1{margin-top:60px}.native-page-title{max-width:1100px;margin:40px auto;padding:0 24px}
@media(max-width:800px){.native-header{height:64px;padding:8px 20px}.native-brand img{width:180px}.native-toggle{display:block}.native-nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;padding:20px;box-shadow:0 8px 16px #0002;flex-direction:column;align-items:stretch;gap:0}.native-nav.is-open{display:flex}.native-nav a{padding:12px}.farosson-hero{min-height:440px;height:65svh}.farosson-hero h1{left:7%;font-size:clamp(32px,7vw,52px)}.native-jobs>a{font-size:18px}.native-form{margin:24px 0}.native-application{padding:0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.pp-image-carousel{position:relative;overflow:hidden}.pp-image-carousel .swiper-wrapper{gap:0;scrollbar-width:none}.pp-image-carousel .swiper-wrapper::-webkit-scrollbar{display:none}.pp-image-carousel .swiper-slide{flex:0 0 100%;width:100%;min-width:0}.pp-image-carousel .pp-carousel-image-container{min-height:320px;background-size:cover;background-position:center}.pp-image-carousel .pp-swiper-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#ffffffdf;color:#7021a0;display:grid;place-items:center}.pp-image-carousel .pp-swiper-button-prev{left:12px}.pp-image-carousel .pp-swiper-button-next{right:12px}.pp-image-carousel .pp-swiper-button svg{width:12px;height:22px}.pp-image-carousel .swiper-pagination{display:none}