/* extracted from careers.html */
:root {
      --cream:      #f7f2e8;
      --brown-dark: #1a0f05;
      --brown-mid:  #3d1f08;
      --brown-warm: #6b3a1f;
      --gold:       #c8962a;
      --gold-light: #e8c06a;
      --green-dark: #1e3020;
      --green-mid:  #2d4a32;
      --green-bright:#3a6040;
      --charcoal:   #120a04;
    }

    body {
      font-family:'Josefin Sans',sans-serif;
      background:var(--brown-dark);
      color:var(--cream);
      overflow-x:hidden;
    }

    /* ── UTILS ── */
    .reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease,transform .8s ease; }
    .reveal.visible { opacity:1; transform:none; }
    .section-tag {
      display:inline-block; font-size:.6rem; letter-spacing:.3em;
      text-transform:uppercase; color:var(--gold); margin-bottom:18px;
    }
    .section-tag::before {
      content:''; display:inline-block; width:24px; height:1px;
      background:var(--gold); vertical-align:middle; margin-right:10px;
    }
    .section-title {
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(2.2rem,4vw,3.5rem); font-weight:300; line-height:1.1;
      margin-bottom:24px; color:var(--cream);
    }
    .section-title em { font-style:italic; color:var(--gold-light); }
    .section-body {
      font-size:.78rem; line-height:2; letter-spacing:.05em;
      color:rgba(247,242,232,.72); margin-bottom:20px;
    }
    .btn-primary {
      display:inline-block; padding:15px 38px; background:var(--gold);
      color:var(--brown-dark); font-size:.65rem; letter-spacing:.25em;
      text-transform:uppercase; font-weight:700; text-decoration:none; transition:all .3s;
    }
    .btn-primary:hover { background:var(--gold-light); transform:translateY(-2px); }
    .btn-secondary {
      display:inline-block; padding:15px 38px;
      border:1px solid rgba(247,242,232,.3); color:rgba(247,242,232,.8);
      font-size:.65rem; letter-spacing:.25em; text-transform:uppercase;
      text-decoration:none; transition:all .3s;
    }
    .btn-secondary:hover { border-color:var(--gold); color:var(--gold); }
    .btn-ghost {
      display:inline-block; padding:12px 28px;
      border:1px solid rgba(200,150,42,.4); color:var(--gold-light);
      font-size:.62rem; letter-spacing:.2em; text-transform:uppercase;
      text-decoration:none; transition:all .3s; background:transparent;
      font-family:'Josefin Sans',sans-serif; cursor:pointer;
    }
    .btn-ghost:hover { background:var(--gold); color:var(--brown-dark); border-color:var(--gold); }

    /* ── NAV ── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      padding: 20px 60px;
      display: flex; align-items: center; justify-content: space-between;
      transition: background 0.4s, padding 0.4s;
    }
    nav.scrolled {
      background: rgba(26,15,5,0.97);
      padding: 14px 60px;
      backdrop-filter: blur(8px);
      border-bottom: 1px solid rgba(200,150,42,0.12);
    }
    .nav-logo {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.3rem; font-weight: 500; letter-spacing: 0.12em;
      color: var(--gold-light); text-decoration: none; text-transform: uppercase;
      display: flex; align-items: center; gap: 10px;
    }
    .nav-logo .leaf { font-size: 1rem; }
    .nav-logo span { color: var(--cream); font-weight: 300; }
    .nav-links { display: flex; gap: 36px; list-style: none; align-items: center; }
    .nav-links li { position: relative; }
    .nav-links .dropdown-menu {
      position: absolute; top: 120%; left: 0;
      min-width: 220px; display: flex; flex-direction: column;
      background: rgba(26,15,5,0.97); border: 1px solid rgba(200,150,42,0.15);
      backdrop-filter: blur(12px); border-radius: 10px; padding: 8px 0;
      box-shadow: 0 20px 40px rgba(0,0,0,0.15); z-index: 10;
      opacity: 0; visibility: hidden; transform: translateY(10px);
      transition: all 0.3s ease;
    }
    .nav-links .dropdown-menu li { list-style: none; }
    .nav-links .dropdown-menu a {
      display: block; padding: 10px 24px;
      color: rgba(247,242,232,0.95); text-transform: none;
      font-size: 0.75rem; letter-spacing: 0.12em;
    }
    .nav-links .dropdown-menu a:hover {
      background: rgba(200,150,42,0.08);
      color: var(--gold-light);
    }
    .nav-links .nav-dropdown:hover .dropdown-menu,
    .nav-links .nav-dropdown:focus-within .dropdown-menu {
      opacity: 1; visibility: visible; transform: translateY(0);
    }
    .nav-links a {
      color: rgba(247,242,232,0.75); text-decoration: none;
      font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase;
      transition: color 0.3s; position: relative;
    }
    .nav-links a::after {
      content: ''; position: absolute; bottom: -4px; left: 0; right: 0;
      height: 1px; background: var(--gold);
      transform: scaleX(0); transition: transform 0.3s;
    }
    .nav-links a:hover { color: var(--gold-light); }
    .nav-links a:hover::after { transform: scaleX(1); }
    .nav-cta {
      padding: 10px 26px; border: 1px solid var(--gold);
      color: var(--gold); text-decoration: none; font-size: 0.65rem;
      letter-spacing: 0.2em; text-transform: uppercase;
      transition: all 0.3s;
    }
    .nav-cta:hover { background: var(--gold); color: var(--brown-dark); }
    .nav-hamburger {
      display: none;
      width: 42px;
      min-height: 42px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 5px;
      cursor: pointer;
      padding: 8px;
      border: 1px solid rgba(247,242,232,0.18);
      border-radius: 10px;
      background: rgba(247,242,232,0.08);
      z-index: 110;
    }
    .nav-hamburger span {
      width: 24px; height: 2px;
      background: var(--cream);
      border-radius: 1px;
      transition: all 0.3s;
      display: block;
    }
    .mobile-menu-overlay {
      position: fixed; inset: 0;
      background: rgba(0, 0, 0, 0.55);
      opacity: 0; visibility: hidden;
      transition: opacity 0.25s ease, visibility 0.25s ease;
      z-index: 90;
    }
    .mobile-menu-overlay.open {
      opacity: 1; visibility: visible;
    }
    .mobile-menu {
      position: fixed; top: 0; right: 0; bottom: 0;
      width: min(320px, 86vw);
      background: rgba(26, 15, 5, 0.98);
      backdrop-filter: blur(14px);
      padding: 28px 24px;
      transform: translateX(100%);
      transition: transform 0.3s ease;
      z-index: 100;
      display: flex; flex-direction: column; gap: 22px;
    }
    .mobile-menu.open { transform: translateX(0); }
    .mobile-menu-close {
      align-self: flex-end; border: none; background: transparent;
      color: var(--cream); font-size: 1.8rem; cursor: pointer;
    }
    .mobile-menu-links {
      list-style: none; margin: 0; padding: 0;
      display: flex; flex-direction: column; gap: 18px;
    }
    .mobile-menu-links a {
      color: var(--cream); text-decoration: none;
      font-size: 0.95rem; letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .mobile-menu-links a:hover { color: var(--gold-light); }
    .mobile-menu .nav-cta {
      width: 100%; text-align: center; padding: 14px 0;
    }

    /* ── HERO ── */
    .hero {
      position:relative; height:90vh; min-height:640px;
      display:flex; align-items:flex-end; overflow:hidden;
    }
    .hero-bg {
      position:absolute; inset:0;
      background:
        linear-gradient(105deg, rgba(26,15,5,.95) 0%, rgba(26,15,5,.65) 50%, rgba(26,15,5,.25) 100%),
        url('../img/careers-banner.jpg') center/cover no-repeat;
      transform:scale(1.05); animation:heroZoom 12s ease forwards;
    }
    @keyframes heroZoom { to { transform:scale(1); } }
    .hero-bg::after {
      content:''; position:absolute; inset:0;
      background:radial-gradient(ellipse at 80% 50%, rgba(45,74,50,.2) 0%, transparent 65%);
    }
    .hero-content {
      position:relative; z-index:2;
      padding:0 80px 80px; max-width:720px;
      animation:fadeUp 1.1s ease both;
    }
    @keyframes fadeUp { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:none} }
    .hero-eyebrow {
      display:flex; align-items:center; gap:16px; margin-bottom:22px;
    }
    .eyebrow-line { width:40px; height:1px; background:var(--gold); }
    .eyebrow-text { font-size:.62rem; letter-spacing:.35em; text-transform:uppercase; color:var(--gold); }
    .hero h1 {
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(3rem,6.5vw,6rem); font-weight:300;
      line-height:.95; margin-bottom:28px;
    }
    .hero h1 em { font-style:italic; color:var(--gold-light); display:block; }
    .hero-sub {
      font-size:.78rem; letter-spacing:.08em; line-height:2;
      color:rgba(247,242,232,.7); max-width:500px; margin-bottom:40px;
    }
    .hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
    /* Floating badges */
    .hero-badges {
      position:absolute; right:80px; bottom:80px; z-index:2;
      display:flex; flex-direction:column; gap:2px;
      animation:fadeUp 1.2s .4s ease both; opacity:0;
    }
    .hero-badge {
      background:rgba(26,15,5,.88); border-left:3px solid var(--gold);
      border:1px solid rgba(200,150,42,.25); border-left:3px solid var(--gold);
      padding:14px 22px; display:flex; align-items:center; gap:14px;
    }
    .hb-icon { font-size:1.1rem; }
    .hb-text { font-size:.65rem; letter-spacing:.1em; color:rgba(247,242,232,.75); }
    .hb-text strong { color:var(--gold-light); font-weight:600; display:block; font-size:.7rem; }

    /* scroll hint */
    .hero-scroll {
      position:absolute; bottom:40px; left:80px; z-index:2;
      display:flex; align-items:center; gap:14px;
      color:rgba(247,242,232,.35); font-size:.58rem; letter-spacing:.2em; text-transform:uppercase;
    }
    .scroll-line {
      width:55px; height:1px;
      background:linear-gradient(to right,rgba(200,150,42,.6),transparent);
      animation:scrollH 2s infinite;
    }
    @keyframes scrollH {
      0%{transform:scaleX(0);transform-origin:left} 50%{transform:scaleX(1);transform-origin:left}
      51%{transform:scaleX(1);transform-origin:right} 100%{transform:scaleX(0);transform-origin:right}
    }

    /* ── STRIP ── */
    .strip {
      background:var(--gold); padding:13px 64px;
      display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap;
    }
    .strip-item {
      display:flex; align-items:center; gap:10px;
      font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;
      color:var(--brown-dark); font-weight:700;
    }
    .strip-item svg { width:14px; height:14px; flex-shrink:0; }
    .strip-sep { width:4px; height:4px; border-radius:50%; background:var(--brown-mid); opacity:.3; }

    /* ── WHY WORK HERE ── */
    .why {
      padding:120px 80px;
      background:var(--brown-dark);
    }
    .why-inner {
      display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center;
    }
    .why-visual { position:relative; }
    .why-img-main {
      width:100%; aspect-ratio:4/5;
      background:url('../img/more-than-job.jpg') center/cover;
      position:relative; z-index:1;
    }
    /*.why-img-accent {
      position:absolute; bottom:-32px; right:-32px; z-index:2;
      width:52%; aspect-ratio:1/1;
      background:url('../img/Green-house-Planting-Banner.jpg') center/cover;
      border:6px solid var(--brown-dark);
    }*/
    .why-frame {
      position:absolute; top:-16px; left:-16px;
      width:calc(100% + 16px); height:calc(100% + 16px);
      border:1px solid rgba(200,150,42,.2); pointer-events:none; z-index:0;
    }
    .why-stat {
      position:absolute; top:28px; left:-52px; z-index:3;
      background:var(--green-dark); border:1px solid var(--green-mid);
      padding:18px 24px; min-width:150px;
    }
    .why-stat .num {
      font-family:'Cormorant Garamond',serif;
      font-size:2.8rem; font-weight:300; color:var(--gold-light); line-height:1; display:block;
    }
    .why-stat .lbl {
      font-size:.56rem; letter-spacing:.2em; text-transform:uppercase;
      color:rgba(247,242,232,.5); margin-top:4px;
    }
    .why-perks { display:flex; flex-direction:column; gap:16px; margin-top:32px; }
    .perk {
      display:flex; align-items:flex-start; gap:16px;
      padding:18px 20px; background:rgba(247,242,232,.04);
      border:1px solid rgba(200,150,42,.12); transition:border-color .3s, background .3s;
    }
    .perk:hover { border-color:rgba(200,150,42,.35); background:rgba(200,150,42,.05); }
    .perk-icon { font-size:1.3rem; flex-shrink:0; margin-top:2px; }
    .perk-title {
      font-size:.7rem; letter-spacing:.14em; text-transform:uppercase;
      color:var(--cream); margin-bottom:5px;
    }
    .perk-text { font-size:.7rem; line-height:1.8; color:rgba(247,242,232,.55); }

    /* ── OUR VALUES ── */
    .values {
      padding:120px 80px;
      background:linear-gradient(135deg, var(--green-dark) 0%, #0e1f12 100%);
    }
    .values-header { text-align:center; margin-bottom:72px; }
    .values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
    .value-card {
      padding:44px 32px; background:rgba(247,242,232,.03);
      border:1px solid rgba(200,150,42,.1);
      position:relative; overflow:hidden;
      transition:border-color .3s, transform .3s;
    }
    .value-card::after {
      content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
      background:linear-gradient(to right, var(--gold), transparent);
      transform:scaleX(0); transform-origin:left; transition:transform .4s;
    }
    .value-card:hover::after { transform:scaleX(1); }
    .value-card:hover { border-color:rgba(200,150,42,.35); transform:translateY(-4px); }
    .value-icon { font-size:2rem; margin-bottom:20px; }
    .value-num {
      font-family:'Cormorant Garamond',serif;
      font-size:3rem; font-weight:300; color:rgba(200,150,42,.1); line-height:1; margin-bottom:12px;
    }
    .value-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.4rem; font-weight:400; color:var(--cream); margin-bottom:14px;
    }
    .value-text { font-size:.72rem; line-height:1.9; color:rgba(247,242,232,.58); letter-spacing:.04em; }

    /* ── OPEN POSITIONS ── */
    .jobs {
      padding:120px 80px;
      background:var(--brown-dark);
    }
    .jobs-header { text-align:center; margin-bottom:60px; }
    /* Filter tabs */
    .job-filters {
      display:flex; gap:0; justify-content:center; margin-bottom:56px;
      border:1px solid rgba(200,150,42,.2);
    }
    .jf-btn {
      padding:12px 28px; background:none; border:none; cursor:pointer;
      font-family:'Josefin Sans',sans-serif;
      font-size:.6rem; letter-spacing:.2em; text-transform:uppercase;
      color:rgba(247,242,232,.5); transition:all .3s;
      border-right:1px solid rgba(200,150,42,.2);
    }
    .jf-btn:last-child { border-right:none; }
    .jf-btn.active { background:var(--gold); color:var(--brown-dark); font-weight:700; }
    .jf-btn:hover:not(.active) { color:var(--gold); background:rgba(200,150,42,.06); }
    /* Job list */
    .jobs-list { display:flex; flex-direction:column; gap:2px; }
    .job-item {
      display:none;
      background:rgba(247,242,232,.03); border:1px solid rgba(200,150,42,.1);
      transition:border-color .3s, background .3s;
    }
    .job-item.show { display:block; }
    .job-header {
      display:grid; grid-template-columns:1fr auto;
      align-items:center; gap:24px;
      padding:28px 36px; cursor:pointer;
    }
    .job-header:hover { background:rgba(200,150,42,.04); }
    .job-item.open { border-color:rgba(200,150,42,.35); }
    .job-item.open .job-header { background:rgba(200,150,42,.06); }
    .job-meta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
    .job-dept {
      font-size:.56rem; letter-spacing:.22em; text-transform:uppercase;
      color:var(--gold); padding:3px 10px;
      border:1px solid rgba(200,150,42,.3); background:rgba(200,150,42,.08);
    }
    .job-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.35rem; font-weight:400; color:var(--cream);
    }
    .job-tags { display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
    .job-tag {
      font-size:.56rem; letter-spacing:.14em; text-transform:uppercase;
      color:rgba(247,242,232,.45); display:flex; align-items:center; gap:5px;
    }
    .job-tag::before { content:'·'; color:var(--gold); }
    .job-arrow {
      width:36px; height:36px; border:1px solid rgba(200,150,42,.3);
      display:flex; align-items:center; justify-content:center;
      color:var(--gold); font-size:.9rem; flex-shrink:0;
      transition:transform .4s, background .3s;
    }
    .job-item.open .job-arrow { transform:rotate(45deg); background:var(--gold); color:var(--brown-dark); }
    .job-body { max-height:0; overflow:hidden; transition:max-height .5s ease; }
    .job-body.open { max-height:600px; }
    .job-body-inner { padding:0 36px 32px; }
    .job-desc {
      font-size:.75rem; line-height:2; color:rgba(247,242,232,.7);
      margin-bottom:24px; letter-spacing:.04em;
    }
    .job-sections { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-bottom:28px; }
    .job-section-title {
      font-size:.62rem; letter-spacing:.22em; text-transform:uppercase;
      color:var(--gold); margin-bottom:14px;
    }
    .job-ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .job-ul li {
      display:flex; align-items:flex-start; gap:10px;
      font-size:.71rem; line-height:1.8; color:rgba(247,242,232,.65); letter-spacing:.04em;
    }
    .job-ul li::before { content:'—'; color:var(--gold); flex-shrink:0; margin-top:1px; }
    .job-apply {
      display:inline-flex; align-items:center; gap:10px;
      padding:13px 30px; background:var(--gold); color:var(--brown-dark);
      font-family:'Josefin Sans',sans-serif;
      font-size:.62rem; letter-spacing:.22em; text-transform:uppercase;
      font-weight:700; text-decoration:none; border:none; cursor:pointer;
      transition:all .3s;
    }
    .job-apply:hover { background:var(--gold-light); transform:translateX(4px); }
    .job-apply::after { content:'→'; font-size:.9rem; }
    .no-jobs {
      text-align:center; padding:60px 32px;
      font-size:.74rem; color:rgba(247,242,232,.4); letter-spacing:.1em;
    }

    /* ── LIFE AT EOA ── */
    .life {
      padding:120px 80px;
      background:linear-gradient(180deg, var(--brown-dark) 0%, var(--brown-mid) 100%);
    }
    .life-header { text-align:center; margin-bottom:72px; }
    .life-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-template-rows:auto auto;
      gap:16px;
    }
    .life-card {
      position:relative; overflow:hidden;
      background:rgba(247,242,232,.04); border:1px solid rgba(200,150,42,.1);
    }
    .life-card.tall { grid-row:span 2; }
    .life-card-img {
      width:100%; height:220px; overflow:hidden;
    }
    .life-card.tall .life-card-img { height:100%; min-height:460px; }
    .life-card-img img {
      width:100%; height:100%; object-fit:cover;
      filter:brightness(.8) saturate(.9); transition:transform .6s, filter .4s;
    }
    .life-card:hover .life-card-img img { transform:scale(1.06); filter:brightness(.9) saturate(1); }
    .life-card-body {
      padding:24px 26px;
    }
    .life-card-tag {
      font-size:.56rem; letter-spacing:.2em; text-transform:uppercase;
      color:var(--gold); margin-bottom:8px;
    }
    .life-card-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.2rem; font-weight:400; color:var(--cream); margin-bottom:8px;
    }
    .life-card-text {
      font-size:.7rem; line-height:1.8; color:rgba(247,242,232,.55);
    }

    /* ── HIRING PROCESS ── */
    .process {
      padding:120px 80px;
      background:var(--green-dark);
    }
    .process-header { text-align:center; margin-bottom:80px; }
    .process-steps {
      display:flex; align-items:flex-start; justify-content:center;
      flex-wrap:wrap;
    }
    .proc-step { flex:1; min-width:150px; max-width:200px; text-align:center; position:relative; }
    .proc-step:not(:last-child)::after {
      content:''; position:absolute; top:28px; left:calc(50% + 32px);
      width:calc(100% - 64px); height:1px;
      background:linear-gradient(to right, var(--gold), rgba(200,150,42,.2));
    }
    .proc-circle {
      width:56px; height:56px; border-radius:50%;
      border:1px solid var(--gold); margin:0 auto 18px;
      display:flex; align-items:center; justify-content:center;
      font-size:1.1rem; background:rgba(200,150,42,.08);
    }
    .proc-num {
      display:block; font-size:.54rem; letter-spacing:.2em;
      text-transform:uppercase; color:var(--gold); margin-bottom:8px;
    }
    .proc-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.05rem; font-weight:400; color:var(--cream); margin-bottom:8px;
    }
    .proc-text { font-size:.65rem; line-height:1.8; color:rgba(247,242,232,.5); }

    /* ── SPONTANEOUS APPLICATION ── */
    .spontaneous {
      padding:120px 80px;
      background:var(--brown-dark);
    }
    .spontaneous-inner {
      display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start;
    }
    .spont-left { }
    .spont-quote {
      border-left:2px solid var(--gold); padding-left:24px; margin:28px 0;
      font-family:'Cormorant Garamond',serif;
      font-size:1.3rem; font-style:italic; font-weight:300;
      color:var(--gold-light); line-height:1.6;
    }
    /* Application form */
    .spont-form { }
    .form-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.7rem; font-weight:300; color:var(--cream); margin-bottom:8px;
    }
    .form-sub {
      font-size:.7rem; color:rgba(247,242,232,.5); letter-spacing:.08em; margin-bottom:28px;
    }
    .field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .field-group { margin-bottom:16px; }
    .field-group label {
      display:block; font-size:.58rem; letter-spacing:.2em; text-transform:uppercase;
      color:rgba(247,242,232,.5); margin-bottom:8px;
    }
    .field-group input,
    .field-group select,
    .field-group textarea {
      width:100%; padding:13px 16px;
      background:rgba(247,242,232,.05); border:1px solid rgba(200,150,42,.2);
      color:var(--cream); font-family:'Josefin Sans',sans-serif;
      font-size:.72rem; letter-spacing:.05em; outline:none; transition:border-color .3s, background .3s;
      appearance:none;
    }
    .field-group input::placeholder,
    .field-group textarea::placeholder { color:rgba(247,242,232,.25); }
    .field-group input:focus,
    .field-group select:focus,
    .field-group textarea:focus { border-color:var(--gold); background:rgba(200,150,42,.06); }
    .field-group select option { background:var(--brown-dark); }
    .field-group textarea { height:110px; resize:vertical; }
    .select-wrap { position:relative; }
    .select-wrap::after {
      content:'▾'; position:absolute; right:14px; top:50%;
      transform:translateY(-50%); color:var(--gold); pointer-events:none; font-size:.8rem;
    }
    /* File upload */
    .file-upload-box {
      padding:24px; border:1px dashed rgba(200,150,42,.35);
      background:rgba(200,150,42,.04); text-align:center; cursor:pointer;
      transition:border-color .3s, background .3s; position:relative;
    }
    .file-upload-box:hover { border-color:var(--gold); background:rgba(200,150,42,.08); }
    .file-upload-box input[type=file] {
      position:absolute; inset:0; opacity:0; cursor:pointer; width:100%;
    }
    .fub-icon { font-size:1.8rem; margin-bottom:10px; }
    .fub-text { font-size:.68rem; letter-spacing:.12em; color:rgba(247,242,232,.6); }
    .fub-sub { font-size:.6rem; color:rgba(247,242,232,.35); margin-top:4px; }
    .fub-name { font-size:.65rem; color:var(--gold-light); margin-top:8px; display:none; }
    .form-submit {
      width:100%; padding:15px; background:var(--gold);
      color:var(--brown-dark); font-family:'Josefin Sans',sans-serif;
      font-size:.65rem; letter-spacing:.28em; text-transform:uppercase;
      font-weight:700; border:none; cursor:pointer; transition:all .3s; margin-top:8px;
    }
    .form-submit:hover { background:var(--gold-light); transform:translateY(-2px); }
    .form-note { font-size:.6rem; color:rgba(247,242,232,.3); text-align:center; margin-top:12px; }

    /* Success message */
    .form-success {
      display:none; text-align:center; padding:48px 32px;
      border:1px solid rgba(200,150,42,.2); background:rgba(200,150,42,.06);
    }
    .form-success.show { display:block; }
    .fs-icon { font-size:2.5rem; margin-bottom:16px; }
    .fs-title {
      font-family:'Cormorant Garamond',serif;
      font-size:1.8rem; font-weight:300; color:var(--cream); margin-bottom:10px;
    }
    .fs-text { font-size:.72rem; color:rgba(247,242,232,.6); line-height:1.8; }

      /* ── FOOTER ── */
    footer {
      background: #0d0804; padding: 64px 80px 32px;
    }
    .footer-top {
      display: grid; grid-template-columns: 1.8fr 1fr 1fr 1.6fr;
      gap: 60px; margin-bottom: 60px;
    }
    .footer-brand-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.3rem; font-weight: 400; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--gold-light); margin-bottom: 16px;
    }
    .footer-brand-desc {
      font-size: 0.7rem; line-height: 1.9; color: rgba(247,242,232,0.4);
      margin-bottom: 24px; letter-spacing: 0.04em;
    }
    .footer-socials { display: flex; gap: 12px; }
    .footer-social {
      width: 36px; height: 36px; border: 1px solid rgba(200,150,42,0.25);
      display: flex; align-items: center; justify-content: center;
      color: rgba(247,242,232,0.5); font-size: 0.8rem; text-decoration: none;
      transition: all 0.3s;
    }
    .footer-social:hover { border-color: var(--gold); color: var(--gold); }
    .footer-col-title {
      font-size: 0.65rem; letter-spacing: 0.25em; text-transform: uppercase;
      color: var(--gold); margin-bottom: 24px;
    }
    .footer-links-list { list-style: none; }
    .footer-links-list li { margin-bottom: 12px; }
    .footer-links-list a {
      font-size: 0.7rem; color: rgba(247,242,232,0.45); text-decoration: none;
      letter-spacing: 0.06em; transition: color 0.3s;
    }
    .footer-links-list a:hover { color: var(--gold-light); }
    .footer-contact-list { list-style: none; }
    .footer-contact-list li {
      display: flex; gap: 12px; margin-bottom: 16px;
      font-size: 0.7rem; color: rgba(247,242,232,0.45); letter-spacing: 0.05em;
      line-height: 1.6;
    }
    .footer-contact-list .icon { color: var(--gold); flex-shrink: 0; font-size: 0.85rem; margin-top: 2px; }
    .footer-contact-list a { color: rgba(247,242,232,0.45); text-decoration: none; transition: color 0.3s; }
    .footer-contact-list a:hover { color: var(--gold-light); }
    .footer-newsletter { margin-top: 24px; }
    .footer-newsletter p { font-size: 0.62rem; color: rgba(247,242,232,0.4); margin-bottom: 12px; letter-spacing: 0.06em; }
    .newsletter-form { display: flex; }
    .newsletter-form input {
      flex: 1; background: rgba(247,242,232,0.05); border: 1px solid rgba(200,150,42,0.2);
      border-right: none; padding: 12px 16px; color: var(--cream);
      font-family: 'Josefin Sans', sans-serif; font-size: 0.7rem; letter-spacing: 0.06em;
      outline: none;
    }
    .newsletter-form input::placeholder { color: rgba(247,242,232,0.3); }
    .newsletter-form button {
      background: var(--gold); border: none; padding: 12px 18px;
      cursor: pointer; color: var(--brown-dark); font-size: 0.8rem;
      transition: background 0.3s;
    }
    .newsletter-form button:hover { background: var(--gold-light); }
    .footer-bottom {
      border-top: 1px solid rgba(200,150,42,0.1);
      padding-top: 32px;
      display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;
    }
    .footer-copy { font-size: 0.6rem; color: rgba(247,242,232,0.25); letter-spacing: 0.1em; }
    .footer-bottom-links { display: flex; gap: 24px; }
    .footer-bottom-links a {
      font-size: 0.6rem; color: rgba(247,242,232,0.25); text-decoration: none;
      letter-spacing: 0.12em; transition: color 0.3s;
    }
    .footer-bottom-links a:hover { color: var(--gold); }


    /* ── RESPONSIVE ── */
    @media(max-width:1100px) {
      .why-inner { grid-template-columns:1fr; gap:60px; }
      .values-grid { grid-template-columns:1fr 1fr; }
      .life-grid { grid-template-columns:1fr 1fr; }
      .life-card.tall { grid-row:span 1; }
      .life-card.tall .life-card-img { min-height:220px; }
      .spontaneous-inner { grid-template-columns:1fr; gap:60px; }
      .job-sections { grid-template-columns:1fr; gap:20px; }
    }
    @media(max-width:768px) {
      nav { padding:16px 24px; }
      nav.scrolled { padding:12px 24px; }
      .nav-links { display:none; }
      .nav-hamburger { display:flex; margin-left:auto; }
      .nav-logo { font-size:1rem; }
      .nav-logo span { font-size:0.85rem; }
      .nav-logo img { max-height:30px; width:auto; }
      .nav-cta { display:none; }
      .hero-content { padding:0 24px 64px; }
      .hero-badges { display:none; }
      .hero-scroll { left:24px; }
      .strip,.why,.values,.jobs,.life,.process,.spontaneous,footer { padding-left:24px; padding-right:24px; }
      .values-grid { grid-template-columns:1fr; }
      .life-grid { grid-template-columns:1fr; }
      .field-row { grid-template-columns:1fr; }
      .proc-step:not(:last-child)::after { display:none; }
      .process-steps { gap:36px; }
      .job-header { grid-template-columns:1fr auto; }
      .job-filters { flex-wrap:wrap; }
      footer { flex-direction:column; align-items:flex-start; padding:36px 24px; }
      .footer-top { grid-template-columns:1fr; gap:32px; }
      .footer-newsletter { width:100%; }
      .newsletter-form { flex-direction:column; gap:12px; }
      .newsletter-form input,
      .newsletter-form button { width:100%; }
      .footer-bottom { flex-direction:column; align-items:flex-start; gap:12px; }
      .footer-bottom-links { flex-wrap:wrap; gap:16px; }
      .why-stat { left:-8px; }
    }