/* ============================================================ FOUNDRY COLLECTIVE — Main Stylesheet Brand Colors: #1B4332 | #2D6A4F | #52B788 | #D8F3DC ============================================================ */ /* ── Google Fonts loaded in via preconnect ── */ /* ── CSS Variables ────────────────────────────────── */ :root { --c-darkest: #1B4332; --c-dark: #2D6A4F; --c-mid: #52B788; --c-light: #D8F3DC; --c-white: #FFFFFF; --c-off-white: #F5F9F6; --c-text: #1A1A1A; --c-text-mid: #3D3D3D; --c-text-soft: #5A5A5A; --c-border: #C8E6C9; --c-error: #C62828; --c-success: #2D6A4F; --font-head: 'Montserrat', sans-serif; --font-body: 'Inter', sans-serif; --radius: 8px; --radius-lg: 16px; --radius-xl: 24px; --shadow-sm: 0 2px 8px rgba(27,67,50,.10); --shadow: 0 4px 20px rgba(27,67,50,.15); --shadow-lg: 0 8px 40px rgba(27,67,50,.22); --transition: .3s ease; --nav-h: 72px; } /* ── Reset ───────────────────────────────────────── */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%} body{font-family:var(--font-body);color:var(--c-text);background:var(--c-white);line-height:1.6;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none} ul,ol{list-style:none} button{cursor:pointer;border:none;background:none;font-family:inherit} input,select,textarea{font-family:inherit;font-size:1rem} /* ── Skip Link ───────────────────────────────────── */ .skip-link{ position:absolute;top:-100px;left:16px;z-index:9999; background:var(--c-darkest);color:var(--c-white); padding:.75rem 1.25rem;border-radius:0 0 var(--radius) var(--radius); font-weight:700;font-size:.9rem;letter-spacing:.04em; transition:top var(--transition); } .skip-link:focus{top:0} /* ── Typography ──────────────────────────────────── */ h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:800;line-height:1.15;color:var(--c-darkest)} h1{font-size:clamp(2.2rem,6vw,4rem)} h2{font-size:clamp(1.7rem,4vw,2.75rem)} h3{font-size:clamp(1.2rem,2.5vw,1.6rem)} h4{font-size:1.15rem;font-weight:700} p{font-size:1rem;color:var(--c-text-mid);line-height:1.7} .lead{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--c-text-soft);line-height:1.75} /* ── Utilities ───────────────────────────────────── */ .container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px} .section-pad{padding:80px 0} .section-pad-sm{padding:56px 0} .text-center{text-align:center} .text-white{color:var(--c-white) !important} .text-white p{color:rgba(255,255,255,.85) !important} .text-white h1,.text-white h2,.text-white h3{color:var(--c-white) !important} .bg-dark{background:var(--c-darkest)} .bg-mid{background:var(--c-dark)} .bg-light{background:var(--c-light)} .bg-off{background:var(--c-off-white)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .section-tag{ display:inline-block; background:var(--c-light);color:var(--c-darkest); font-family:var(--font-head);font-size:.75rem;font-weight:800; letter-spacing:.12em;text-transform:uppercase; padding:.4rem 1rem;border-radius:100px;margin-bottom:1rem; } .section-tag.light{background:rgba(255,255,255,.15);color:var(--c-light)} .section-title{margin-bottom:.75rem} .section-sub{max-width:580px;margin:0 auto 2.5rem} /* ── Buttons ─────────────────────────────────────── */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:.5rem; padding:.85rem 2rem;border-radius:var(--radius); font-family:var(--font-head);font-size:.9rem;font-weight:700; letter-spacing:.06em;text-transform:uppercase; transition:var(--transition);cursor:pointer; min-height:44px;min-width:44px; } .btn:focus-visible{outline:3px solid var(--c-mid);outline-offset:3px} .btn-primary{background:var(--c-mid);color:var(--c-white);box-shadow:var(--shadow-sm)} .btn-primary:hover{background:#3EA070;box-shadow:var(--shadow);transform:translateY(-2px)} .btn-secondary{background:var(--c-white);color:var(--c-darkest);box-shadow:var(--shadow-sm)} .btn-secondary:hover{background:var(--c-light);box-shadow:var(--shadow);transform:translateY(-2px)} .btn-outline{border:2px solid var(--c-white);color:var(--c-white)} .btn-outline:hover{background:var(--c-white);color:var(--c-darkest)} .btn-outline-dark{border:2px solid var(--c-darkest);color:var(--c-darkest)} .btn-outline-dark:hover{background:var(--c-darkest);color:var(--c-white)} .btn-lg{padding:1.1rem 2.6rem;font-size:1rem} .btn-sm{padding:.6rem 1.2rem;font-size:.8rem} /* ── Navigation ──────────────────────────────────── */ .site-header{ position:fixed;top:0;left:0;width:100%;z-index:1000; background:rgba(27,67,50,.97);backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.08); transition:box-shadow var(--transition); } .site-header.scrolled{box-shadow:var(--shadow-lg)} .nav-inner{ display:flex;align-items:center;justify-content:space-between; height:var(--nav-h); } .nav-logo{ font-family:var(--font-head);font-size:1.3rem;font-weight:800; color:var(--c-white);letter-spacing:.04em; display:flex;align-items:center;gap:.5rem; line-height:1; } .nav-logo span{color:var(--c-mid)} .nav-logo .logo-mark{ width:36px;height:36px;background:var(--c-mid);border-radius:8px; display:flex;align-items:center;justify-content:center; font-size:1.1rem;font-weight:900;color:var(--c-white);flex-shrink:0; } .nav-links{display:flex;align-items:center;gap:2rem} .nav-links a{ color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600; letter-spacing:.05em;text-transform:uppercase; transition:color var(--transition);padding:.25rem 0; position:relative; } .nav-links a::after{ content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px; background:var(--c-mid);transition:width var(--transition); } .nav-links a:hover, .nav-links a[aria-current="page"]{color:var(--c-white)} .nav-links a:hover::after, .nav-links a[aria-current="page"]::after{width:100%} .nav-menu{display:flex;align-items:center;gap:1rem} .nav-cta{margin-left:0} .nav-toggle{ display:none;width:44px;height:44px;align-items:center;justify-content:center; color:var(--c-white);font-size:1.5rem;border-radius:var(--radius); transition:background var(--transition); } .nav-toggle:hover{background:rgba(255,255,255,.1)} .nav-toggle:focus-visible{outline:2px solid var(--c-mid);outline-offset:2px} .hamburger{ display:flex;flex-direction:column;gap:5px;width:22px; } .hamburger span{ display:block;height:2px;width:100%;background:var(--c-white); border-radius:2px;transition:var(--transition); } .nav-toggle[aria-expanded="true"] .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-toggle[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)} .nav-toggle[aria-expanded="true"] .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* ── Mobile Nav ──────────────────────────────────── */ @media(max-width:900px){ .nav-toggle{display:flex} .nav-menu{ position:fixed;top:var(--nav-h);left:0;width:100%; background:var(--c-darkest);padding:1.5rem 20px 2rem; flex-direction:column;align-items:flex-start;gap:0; transform:translateY(-110%);transition:transform .35s ease; border-bottom:2px solid var(--c-dark); } .nav-menu.open{transform:translateY(0)} .nav-links{flex-direction:column;align-items:flex-start;width:100%;gap:0} .nav-links a{ display:block;width:100%;padding:1rem 0; font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.07); } .nav-links a::after{display:none} .nav-cta{margin-left:0;margin-top:1.25rem;width:100%} .nav-cta .btn{width:100%;justify-content:center} } /* ── Hero ────────────────────────────────────────── */ .hero{ position:relative;min-height:100vh; background: linear-gradient(135deg,rgba(27,67,50,.95) 0%,rgba(45,106,79,.90) 60%,rgba(26,92,64,.95) 100%), url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1920&q=70') center/cover no-repeat; display:flex;align-items:center;overflow:hidden; padding-top:var(--nav-h); } .hero::before{ content:'';position:absolute;inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2352B788' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .hero::after{ content:'';position:absolute;bottom:-2px;left:0;width:100%;height:100px; background:var(--c-white); clip-path:polygon(0 100%,100% 100%,100% 40%,0 100%); } .hero-inner{ position:relative;z-index:1; display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center; padding:80px 0 120px;width:100%; } .hero-badge{ display:inline-flex;align-items:center;gap:.5rem; background:rgba(82,183,136,.2);border:1px solid rgba(82,183,136,.35); color:var(--c-mid);padding:.45rem 1rem;border-radius:100px; font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase; margin-bottom:1.25rem; } .hero-badge::before{content:'●';font-size:.5rem;animation:pulse 2s infinite} @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}} .hero h1{color:var(--c-white);margin-bottom:1.25rem} .hero h1 span{color:var(--c-mid)} .hero-lead{color:rgba(255,255,255,.8);font-size:clamp(1rem,2vw,1.15rem);margin-bottom:2rem;max-width:520px} .hero-actions{display:flex;gap:1rem;flex-wrap:wrap} .hero-stats{ display:flex;gap:2rem;margin-top:3rem; padding-top:2rem;border-top:1px solid rgba(255,255,255,.12); flex-wrap:wrap; } .hero-stat h3{color:var(--c-mid);font-size:2rem;margin-bottom:.2rem} .hero-stat p{color:rgba(255,255,255,.65);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em} .hero-visual{ position:relative;display:flex;justify-content:center;align-items:center; } .hero-card{ background:rgba(255,255,255,.08);backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl); padding:2rem;width:100%;max-width:400px; } .hero-card-top{ display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem; padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1); } .hc-icon{ width:52px;height:52px;background:var(--c-mid);border-radius:12px; display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0; } .hc-label h4{color:var(--c-white);margin-bottom:.15rem} .hc-label p{color:rgba(255,255,255,.6);font-size:.85rem} .hero-card-items{display:flex;flex-direction:column;gap:.85rem} .hci{display:flex;align-items:center;gap:.75rem} .hci-check{ width:28px;height:28px;background:rgba(82,183,136,.2);border-radius:50%; display:flex;align-items:center;justify-content:center; color:var(--c-mid);font-size:.9rem;flex-shrink:0; } .hci-text{color:rgba(255,255,255,.8);font-size:.9rem} /* ── Services Section ────────────────────────────── */ .services-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; margin-top:3rem; } .service-card{ background:var(--c-white);border-radius:var(--radius-lg); padding:2rem 1.75rem 2rem;border:1px solid var(--c-border); box-shadow:var(--shadow-sm); transition:transform var(--transition),box-shadow var(--transition); position:relative;overflow:hidden;display:flex;flex-direction:column; } .service-card::before{ content:'';position:absolute;bottom:0;left:0;width:100%;height:4px; background:linear-gradient(90deg,var(--c-mid),var(--c-dark)); } .service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)} .service-card-img{ margin:-2rem -1.75rem 1.5rem; overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0; height:180px; } .service-card-img img{ width:100%;height:100%;object-fit:cover; transition:transform .5s ease; } .service-card:hover .service-card-img img{transform:scale(1.05)} .service-card-body{} .service-card h3{font-size:1.2rem;margin-bottom:.75rem;color:var(--c-darkest)} .service-card p{font-size:.93rem;color:var(--c-text-soft);line-height:1.65} /* ── About / Mission ─────────────────────────────── */ .about-inner{ display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center; } .about-img-wrap{position:relative} .about-img{ width:100%;aspect-ratio:4/5;object-fit:cover; border-radius:var(--radius-xl);box-shadow:var(--shadow-lg); } .about-img-placeholder{ width:100%;aspect-ratio:4/5; background:linear-gradient(135deg,var(--c-dark) 0%,var(--c-darkest) 100%); border-radius:var(--radius-xl); display:flex;flex-direction:column;align-items:center;justify-content:center; color:rgba(255,255,255,.5);font-size:4rem;text-align:center;gap:.75rem; } .about-img-placeholder span{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase} .about-badge{ position:absolute;bottom:-20px;right:-20px; background:var(--c-mid);color:var(--c-white); border-radius:var(--radius-lg);padding:1.25rem 1.5rem; box-shadow:var(--shadow);text-align:center; } .about-badge strong{display:block;font-size:2rem;font-family:var(--font-head);font-weight:800} .about-badge span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;opacity:.9} .about-features{display:flex;flex-direction:column;gap:1rem;margin:1.75rem 0 2rem} .about-feature{ display:flex;gap:1rem;align-items:flex-start; } .af-icon{ width:40px;height:40px;background:var(--c-light);border-radius:10px; display:flex;align-items:center;justify-content:center; color:var(--c-dark);font-size:1.1rem;flex-shrink:0;margin-top:.1rem; } .af-text h4{margin-bottom:.2rem;font-size:1rem;color:var(--c-darkest)} .af-text p{font-size:.9rem;color:var(--c-text-soft)} /* ── Why Join ────────────────────────────────────── */ .why-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1.5rem;margin-top:3rem; } .why-card{ background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-lg);padding:2rem 1.5rem; transition:background var(--transition),transform var(--transition); text-align:center; } .why-card:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)} .why-num{ font-family:var(--font-head);font-size:3rem;font-weight:900; color:var(--c-mid);opacity:.4;line-height:1;margin-bottom:.75rem; } .why-card h3{color:var(--c-white);font-size:1.1rem;margin-bottom:.6rem} .why-card p{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.65} /* ── Testimonials ────────────────────────────────── */ .testimonials-section{background:var(--c-off-white)} .testimonial-slider{ position:relative;overflow:hidden;margin-top:3rem; } .testimonial-track{ display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1); } .testimonial-slide{ min-width:100%;padding:0 4px; } .testimonial-card{ background:var(--c-white);border-radius:var(--radius-xl); padding:2.5rem;box-shadow:var(--shadow); max-width:760px;margin:0 auto; border-left:4px solid var(--c-mid); } .tc-quote{ font-size:1.1rem;color:var(--c-text-mid);line-height:1.8; font-style:italic;margin-bottom:1.75rem;position:relative; } .tc-quote::before{ content:'"';font-family:Georgia,serif;font-size:4rem;line-height:.6; color:var(--c-light);position:absolute;top:0;left:-8px;z-index:0; } .tc-meta{display:flex;align-items:center;gap:1rem} .tc-avatar{ width:52px;height:52px;border-radius:50%; background:linear-gradient(135deg,var(--c-mid),var(--c-dark)); display:flex;align-items:center;justify-content:center; color:var(--c-white);font-family:var(--font-head);font-weight:700;font-size:1.1rem; flex-shrink:0; } .tc-info strong{display:block;color:var(--c-darkest);font-size:1rem} .tc-info span{color:var(--c-text-soft);font-size:.85rem} .tc-stars{color:#F59E0B;font-size:.85rem;margin-bottom:.2rem} .slider-controls{ display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem; } .slider-btn{ width:44px;height:44px;border-radius:50%; background:var(--c-white);border:2px solid var(--c-border); display:flex;align-items:center;justify-content:center; color:var(--c-dark);font-size:1rem;cursor:pointer; transition:var(--transition); } .slider-btn:hover{background:var(--c-dark);border-color:var(--c-dark);color:var(--c-white)} .slider-btn:focus-visible{outline:3px solid var(--c-mid);outline-offset:2px} .slider-dots{display:flex;gap:.5rem;align-items:center} .slider-dot{ width:10px;height:10px;border-radius:50%; background:var(--c-border);cursor:pointer; transition:var(--transition);border:none; } .slider-dot.active{background:var(--c-dark);width:28px;border-radius:5px} /* ── Careers CTA ─────────────────────────────────── */ .cta-section{ background:linear-gradient(135deg,var(--c-darkest) 0%,var(--c-dark) 100%); position:relative;overflow:hidden; } .cta-section::before{ content:'';position:absolute;top:-50%;right:-10%; width:500px;height:500px;border-radius:50%; background:rgba(82,183,136,.08);pointer-events:none; } .cta-inner{ display:grid;grid-template-columns:1fr auto;gap:3rem; align-items:center; } .cta-steps{ display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap; } .cta-step{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.8);font-size:.9rem} .cta-step-num{ width:26px;height:26px;border-radius:50%; background:var(--c-mid);color:var(--c-white); font-family:var(--font-head);font-weight:800;font-size:.8rem; display:flex;align-items:center;justify-content:center;flex-shrink:0; } /* ── Contact ─────────────────────────────────────── */ .contact-inner{ display:grid;grid-template-columns:1fr 1fr;gap:5rem; } .contact-info{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem} .ci-item{ display:flex;gap:1rem;align-items:flex-start; } .ci-icon{ width:44px;height:44px;background:var(--c-light);border-radius:10px; display:flex;align-items:center;justify-content:center; color:var(--c-dark);font-size:1.1rem;flex-shrink:0; } .ci-text h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-darkest);margin-bottom:.2rem} .ci-text p,.ci-text a{font-size:.95rem;color:var(--c-text-soft)} .ci-text a:hover{color:var(--c-dark)} /* ── Forms ───────────────────────────────────────── */ .form-group{margin-bottom:1.25rem} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem} label{ display:block;font-size:.85rem;font-weight:600; color:var(--c-darkest);margin-bottom:.4rem;letter-spacing:.02em; } label .req{color:var(--c-error);margin-left:.2rem} input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="file"], select, textarea{ width:100%;padding:.8rem 1rem; border:1.5px solid var(--c-border);border-radius:var(--radius); font-size:.95rem;color:var(--c-text);background:var(--c-white); transition:border-color var(--transition),box-shadow var(--transition); -webkit-appearance:none;appearance:none; } input:focus,select:focus,textarea:focus{ outline:none;border-color:var(--c-mid); box-shadow:0 0 0 3px rgba(82,183,136,.2); } input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:none;border-color:var(--c-mid); box-shadow:0 0 0 3px rgba(82,183,136,.2); } textarea{resize:vertical;min-height:130px} select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232D6A4F' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem} .checkbox-group{display:flex;align-items:flex-start;gap:.75rem} .checkbox-group input[type="checkbox"]{ width:20px;height:20px;min-width:20px;margin-top:.15rem; accent-color:var(--c-dark);cursor:pointer;border-radius:4px; } .checkbox-group label{font-size:.9rem;font-weight:400;cursor:pointer;color:var(--c-text-soft)} .checkbox-group a{color:var(--c-dark);text-decoration:underline} .form-error{color:var(--c-error);font-size:.82rem;margin-top:.3rem;display:none} .field-error input,.field-error select,.field-error textarea{border-color:var(--c-error)} .field-error .form-error{display:block} .form-msg{ padding:1rem 1.25rem;border-radius:var(--radius); font-size:.92rem;font-weight:600;display:none;margin-top:1rem; } .form-msg.success{background:rgba(45,106,79,.1);color:var(--c-success);border:1px solid rgba(45,106,79,.3);display:block} .form-msg.error{background:rgba(198,40,40,.08);color:var(--c-error);border:1px solid rgba(198,40,40,.25);display:block} .honeypot{display:none !important;visibility:hidden;opacity:0;height:0;overflow:hidden} .contact-form-wrap{ background:var(--c-white);border-radius:var(--radius-xl); padding:2.5rem;box-shadow:var(--shadow); border:1px solid var(--c-border); } /* ── Footer ──────────────────────────────────────── */ .site-footer{ background:var(--c-darkest);color:var(--c-white); padding:64px 0 0; } .footer-grid{ display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem; padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1); } .footer-brand .nav-logo{margin-bottom:1rem} .footer-brand p{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.7;max-width:280px} .footer-social{display:flex;gap:.75rem;margin-top:1.5rem} .social-link{ width:38px;height:38px;border-radius:8px; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1); display:flex;align-items:center;justify-content:center; color:rgba(255,255,255,.7);font-size:.95rem; transition:var(--transition); } .social-link:hover{background:var(--c-mid);border-color:var(--c-mid);color:var(--c-white)} .social-link:focus-visible{outline:2px solid var(--c-mid);outline-offset:2px} .footer-col h4{ font-size:.8rem;text-transform:uppercase;letter-spacing:.1em; color:var(--c-mid);margin-bottom:1.25rem; } .footer-col ul{display:flex;flex-direction:column;gap:.65rem} .footer-col ul a{ color:rgba(255,255,255,.6);font-size:.9rem; transition:color var(--transition); } .footer-col ul a:hover{color:var(--c-white)} .footer-bottom{ display:flex;align-items:center;justify-content:space-between; padding:1.5rem 0;flex-wrap:wrap;gap:.75rem; } .footer-bottom p{color:rgba(255,255,255,.45);font-size:.82rem} .footer-bottom-links{display:flex;gap:1.5rem} .footer-bottom-links a{color:rgba(255,255,255,.45);font-size:.82rem;transition:color var(--transition)} .footer-bottom-links a:hover{color:rgba(255,255,255,.8)} /* ── Inner Page Header ───────────────────────────── */ .page-hero{ background:linear-gradient(135deg,var(--c-darkest) 0%,var(--c-dark) 100%); padding:calc(var(--nav-h) + 60px) 0 60px; text-align:center; } .breadcrumb{ display:flex;align-items:center;justify-content:center; gap:.5rem;margin-bottom:1rem;flex-wrap:wrap; } .breadcrumb a,.breadcrumb span{ font-size:.82rem;color:rgba(255,255,255,.6); transition:color var(--transition); } .breadcrumb a:hover{color:var(--c-light)} .breadcrumb .sep{color:rgba(255,255,255,.3)} .breadcrumb .current{color:var(--c-light)} /* ── Application Form Page ───────────────────────── */ .apply-wrap{ background:var(--c-off-white);padding:60px 0 80px; } .apply-card{ background:var(--c-white);border-radius:var(--radius-xl); padding:3rem;box-shadow:var(--shadow);border:1px solid var(--c-border); max-width:860px;margin:0 auto; } .apply-card h2{color:var(--c-darkest);margin-bottom:.5rem} .apply-card > p{margin-bottom:2rem;font-size:.95rem;color:var(--c-text-soft)} .form-section-title{ font-family:var(--font-head);font-size:.8rem;font-weight:800; text-transform:uppercase;letter-spacing:.12em;color:var(--c-mid); margin:2rem 0 1rem;padding-bottom:.5rem; border-bottom:1px solid var(--c-light); } .file-upload-wrap{position:relative} input[type="file"]{ padding:.7rem 1rem;cursor:pointer; } .file-hint{font-size:.78rem;color:var(--c-text-soft);margin-top:.3rem} /* ── Legal Pages ─────────────────────────────────── */ .legal-wrap{background:var(--c-off-white);padding:60px 0 80px} .legal-card{ background:var(--c-white);border-radius:var(--radius-xl); padding:3rem;box-shadow:var(--shadow);border:1px solid var(--c-border); max-width:860px;margin:0 auto; } .legal-card h1{margin-bottom:.5rem} .legal-date{color:var(--c-text-soft);font-size:.9rem;margin-bottom:2.5rem;font-style:italic} .legal-card h2{font-size:1.35rem;margin-top:2.25rem;margin-bottom:.75rem;color:var(--c-darkest)} .legal-card h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--c-dark)} .legal-card p{margin-bottom:1rem;line-height:1.75;font-size:.95rem} .legal-card ul{margin-bottom:1rem;padding-left:1.5rem;list-style:disc} .legal-card ul li{margin-bottom:.4rem;font-size:.95rem;color:var(--c-text-mid)} /* ── 404 Page ────────────────────────────────────── */ .not-found{ min-height:100vh;display:flex;align-items:center;justify-content:center; background:linear-gradient(135deg,var(--c-darkest) 0%,var(--c-dark) 100%); padding:var(--nav-h) 20px 60px;text-align:center; } .nf-code{ font-size:clamp(6rem,18vw,11rem);font-family:var(--font-head);font-weight:900; color:transparent;-webkit-text-stroke:3px var(--c-mid); line-height:1;margin-bottom:.5rem;display:block; } .not-found h1{color:var(--c-white);font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:1rem} .not-found p{color:rgba(255,255,255,.7);max-width:460px;margin:0 auto 2rem} .nf-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap} /* ── Back to Top ─────────────────────────────────── */ #back-to-top{ position:fixed;bottom:28px;right:28px;z-index:900; width:48px;height:48px;border-radius:50%; background:var(--c-mid);color:var(--c-white);box-shadow:var(--shadow); display:flex;align-items:center;justify-content:center;font-size:1.1rem; opacity:0;pointer-events:none; transform:translateY(16px); transition:opacity var(--transition),transform var(--transition); } #back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)} #back-to-top:hover{background:var(--c-dark);transform:translateY(-3px)} #back-to-top:focus-visible{outline:3px solid var(--c-white);outline-offset:3px} /* ── Animations ──────────────────────────────────── */ .fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease} .fade-up.visible{opacity:1;transform:translateY(0)} .delay-1{transition-delay:.1s} .delay-2{transition-delay:.2s} .delay-3{transition-delay:.3s} /* ── Responsive ──────────────────────────────────── */ @media(max-width:1060px){ .hero-inner{gap:2.5rem} .footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem} } @media(max-width:900px){ .hero-inner{grid-template-columns:1fr;text-align:center} .hero-lead{margin:0 auto 2rem} .hero-actions{justify-content:center} .hero-stats{justify-content:center} .hero-visual{display:none} .about-inner{grid-template-columns:1fr;gap:3rem} .about-img-wrap{order:-1} .contact-inner{grid-template-columns:1fr;gap:3rem} .cta-inner{grid-template-columns:1fr;text-align:center} .cta-steps{justify-content:center} } @media(max-width:700px){ .section-pad{padding:60px 0} .services-grid{grid-template-columns:1fr} .why-grid{grid-template-columns:1fr 1fr} .footer-grid{grid-template-columns:1fr} .footer-bottom{flex-direction:column;align-items:flex-start} .form-row{grid-template-columns:1fr} .apply-card{padding:2rem 1.5rem} .legal-card{padding:2rem 1.5rem} .hero::after{height:60px} } @media(max-width:480px){ .why-grid{grid-template-columns:1fr} .hero-stats{gap:1.5rem} } /* ── Print Styles ────────────────────────────────── */ @media print{ .site-header,.site-footer,#back-to-top,.nav-toggle, .hero-visual,.slider-controls,.hero-actions,.cta-section, .btn,nav{display:none !important} body{color:#000;background:#fff;font-size:11pt} h1,h2,h3{color:#1B4332;page-break-after:avoid} p,li{color:#333;orphans:3;widows:3} a{color:#2D6A4F;text-decoration:underline} .container{max-width:100%;padding:0} .section-pad{padding:20pt 0} .service-card,.testimonial-card{ border:1pt solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid; } }