/* r26 (9 Nov 2026), lane B1: the bottom of the page.
   Order: Why brand new, weekly email (inbox), closing doors over the drone film, office, footer. Loads last. */

/* shared: italic accent on its own line, ink on light grounds (#28) */
.eml h2 em,.cls h2 em,.office h2 em{display:block}
.eml h2 em,.office h2 em{color:#114136}
.eml .lbl,.office .lbl{color:#114136}
.cls .lbl{color:#8FCBB0}

/* ===================== EMAIL: form beside the inbox ===================== */
.eml{background:#F6F4EE;color:#114136;padding:64px var(--edge)}
.eml .egrid{max-width:1356px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.eml h2{margin-top:12px;font-size:var(--t4)}
.eml .lead{color:#3F5F54;margin-top:14px;max-width:520px}
.eml form{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:32px}
.eml .sf{display:flex;flex-direction:column;gap:8px;min-width:0}
.eml .sf label{font:600 14px/1.2 var(--f-text);letter-spacing:0;text-transform:none;color:#114136}
.eml .sf input[type=text],.eml .sf input[type=email]{font:400 var(--t0)/1.2 var(--f-text);min-height:48px;padding:0 16px;border:1px solid rgba(17,65,54,.22);border-radius:4px;background:#fff;color:#114136;width:100%}
.eml .sf input:focus-visible,.eml .sbtn:focus-visible,.eml .scons input:focus-visible,.eml .ib-row:focus-visible{outline:2px solid #114136;outline-offset:2px}
.eml .scons{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:var(--t0);line-height:1.4;color:#114136}
.eml .scons input{width:22px;height:22px;margin-top:1px;flex:0 0 22px;accent-color:#114136}
.eml .sgo{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}
.eml .sbtn{cursor:pointer;min-height:48px;padding:0 24px;background:#114136;color:#F6F4EE;font-weight:600;box-shadow:none}
.eml .snote{font-size:14px;color:#3F5F54}
.eml .sthx{grid-column:1/-1;font:300 var(--t2)/1.25 var(--f-disp);letter-spacing:-.01em;color:#114136;padding:8px 0}
.eml .sthx[hidden]{display:none}
.eml.done form .sf,.eml.done form .scons,.eml.done form .sgo{display:none}

/* the inbox (ported from round 14: ib-frame, ib-bar, ib-rail, ib-list, ib-row, ib-pane, ib-card) */
.eml .ibox{min-width:0}
.eml .ib-frame{background:#FBFAF5;color:#114136;border-radius:16px;box-shadow:0 24px 48px -32px rgba(17,65,54,.35);overflow:hidden;border:0}
.eml .ib-bar{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#114136;color:#F6F4EE}
.eml .ib-bar i{width:10px;height:10px;border-radius:50%;background:#F6F4EE;opacity:.55}
.eml .ib-bar span{margin-left:8px;font:600 14px/1 var(--f-text)}
.eml .ib-mail{display:grid;grid-template-columns:112px 280px minmax(0,1fr);height:560px}
.eml .ib-rail{background:rgba(17,65,54,.06);padding:20px 0}
.eml .ib-rail b{display:block;padding:0 16px 16px;font:300 var(--t2)/1 var(--f-disp);letter-spacing:-.02em;text-transform:none}
.eml .ib-rail p{padding:10px 16px;border-left:3px solid transparent;font:400 14px/1.2 var(--f-text);max-width:none}
.eml .ib-rail p.on{background:rgba(17,65,54,.1);border-left-color:#114136;font-weight:600}
.eml .ib-list{border-right:1px solid rgba(17,65,54,.14);overflow:hidden;min-width:0}
.eml .ib-row{position:relative;display:block;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid rgba(17,65,54,.14);padding:14px 16px 14px 28px;cursor:pointer;min-width:0;border-radius:0}
.eml .ib-row:hover{background:rgba(17,65,54,.05)}
.eml .ib-row.sel{background:rgba(17,65,54,.1);box-shadow:inset 3px 0 0 #114136}
.eml .ib-row .l1{display:flex;justify-content:space-between;gap:8px;font:600 14px/1.2 var(--f-text)}
.eml .ib-row .l1 span:last-child{font-weight:400;color:#3F5F54;flex:none}
.eml .ib-row .sj{display:block;font:600 var(--t0)/1.3 var(--f-text);margin-top:4px}
.eml .ib-row .pv{display:block;font:400 14px/1.35 var(--f-text);color:#3F5F54;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.eml .ib-row.unread::before{content:"";position:absolute;left:11px;top:19px;width:8px;height:8px;border-radius:50%;background:#114136}
.eml .ib-pane[hidden]{display:none}
.eml .ib-pane{display:flex;flex-direction:column;min-width:0;min-height:0}
.eml .ib-pane::after{content:none}
.eml .ib-ph{padding:20px 24px;border-bottom:1px solid rgba(17,65,54,.14)}
.eml .ib-sn{display:flex;align-items:center;gap:12px;font:600 14px/1.3 var(--f-text)}
.eml .ib-sn small{display:block;color:#3F5F54;font-weight:400;font-size:14px}
.eml .ib-av{width:36px;height:36px;border-radius:4px;background:#114136;color:#F6F4EE;display:grid;place-items:center;flex:none}
.eml .ib-av svg{width:18px;height:18px}
.eml .ib-ph h3{font:600 var(--t1)/1.3 var(--f-text);letter-spacing:0;margin-top:16px}
.eml .ib-pb{flex:1;overflow-y:auto;padding:24px;background:rgba(17,65,54,.05)}
.eml .ib-card{max-width:640px;margin:0 auto;background:#FBFAF5;color:#114136;border:0;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px -32px rgba(17,65,54,.35)}
.eml .ib-card img{display:block;width:100%;height:auto}
.eml .ib-card .t{padding:20px}
.eml .ib-card h4{font:600 var(--t0)/1.3 var(--f-text);margin-bottom:8px}
.eml .ib-card p{font:400 var(--t0)/1.5 var(--f-text);max-width:none;color:#114136}
/* r41 (11 Nov): each pane shows the real email as sent, rendered from Mailchimp; it scrolls inside the pane */
.eml .ib-sent{display:block;width:100%;max-width:600px;height:auto;margin:0 auto;border-radius:8px;box-shadow:0 16px 40px -28px rgba(17,65,54,.45)}
.eml .esrc{margin-top:16px;font:400 14px/1.4 var(--f-text);color:#3F5F54}

@media (max-width:1279px){.eml .ib-mail{grid-template-columns:260px minmax(0,1fr)}.eml .ib-rail{display:none}}
@media (max-width:1000px){
  .eml .egrid{grid-template-columns:1fr;gap:40px;align-items:start}
  .eml .ib-mail{grid-template-columns:112px 280px minmax(0,1fr)}.eml .ib-rail{display:block}
}
@media (max-width:860px){.eml .ib-mail{grid-template-columns:260px minmax(0,1fr)}.eml .ib-rail{display:none}}
@media (max-width:760px){
  .eml .ib-mail{grid-template-columns:1fr;height:auto}
  .eml .ib-list{border-right:0;border-bottom:1px solid rgba(17,65,54,.14)}
  .eml .ib-pane{height:auto}
  .eml .ib-pb{overflow-y:auto;max-height:560px;padding:16px}
  .eml .ib-ph{padding:16px 20px}
}
@media (max-width:600px){
  .eml{padding:48px var(--edge)}
  .eml h2{font-size:var(--t4)}
  .eml form{grid-template-columns:1fr}
  .eml .sbtn{width:100%;justify-content:center}
}

/* ===================== CLOSING DOORS over the drone film ===================== */
.cls{position:relative;overflow:hidden;background:#0B2C25;color:#F6F4EE;padding:96px var(--edge);display:flex;align-items:center}
.cls .clsv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}
.cls .cwrap{position:relative;z-index:1;width:100%;max-width:1356px;margin:0 auto}
.cls .cpanel{width:100%;max-width:533px;padding:40px;border-radius:16px;background:rgba(11,44,37,.9)}
.cls h2{margin-top:12px;font-size:var(--t4)}
.cls .c-row{margin-top:24px;padding-top:24px;border-top:1px solid rgba(143,203,176,.35);display:flex;flex-direction:column;gap:12px}
.cls h2+.c-row{margin-top:28px}
.cls .btn.big{min-height:72px;padding:0 32px;font:600 var(--t1)/1 var(--f-text);border-radius:4px;gap:14px;justify-content:space-between;width:100%;background:#8FCBB0;color:#114136;border:0;box-shadow:none}
.cls .btn.big i{font-style:normal}
.cls .btn.big:hover{background:#A3D8BF}
.cls .btn.ghost.big{background:transparent;color:#F6F4EE;border:1.5px solid rgba(246,244,238,.75)}
.cls .btn.ghost.big:hover{background:rgba(246,244,238,.12)}
.cls .btn.big:focus-visible{outline:3px solid #8FCBB0;outline-offset:3px}
.cls .next{font:400 var(--t0)/1.45 var(--f-text);color:rgba(246,244,238,.92)}
.cls .next b{display:block;margin-bottom:4px;font:600 14px/1.2 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:#8FCBB0}
.cls .nb{font:400 14px/1.4 var(--f-text);color:rgba(246,244,238,.85);margin:0}
@media (max-width:700px){
  .cls{display:block;padding:0}
  .cls .clsv{position:relative;inset:auto;height:240px}
  .cls .cwrap{max-width:none}
  .cls .cpanel{max-width:none;background:none;border-radius:0;padding:48px var(--edge)}
  .cls h2{font-size:var(--t4)}
  .cls .btn.big{min-height:64px;padding:0 24px}
}

/* ===================== OFFICE: compact, just above the footer ===================== */
section.sec.office{padding:64px var(--edge)}
.office .ofr{align-items:stretch}
.office .lead{margin-top:14px}
.office .oadr{margin-top:20px}
.office .oadr a{border-bottom:1px solid rgba(17,65,54,.4)}
.office .oadr a:hover{border-bottom-color:#114136}
.office .ocall{margin-top:24px}
.office .omap{min-height:320px;background:#F6F4EE;border-radius:16px;box-shadow:0 24px 48px -32px rgba(17,65,54,.35)}
@media (max-width:860px){section.sec.office{padding:48px var(--edge)}.office .omap{min-height:300px}}

/* ===================== FOOTER: logo and contact left, site links in two columns right ===================== */
.ft .fts ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.ft .fts li+li{margin-top:0}
.ft .ftb .ftc{margin-top:32px}
.ft .ftb .ftc h3,.ft .fts h3{text-transform:none;letter-spacing:0;font:600 14px/1.2 var(--f-text)}
@media (min-width:861px){
  .ft .ftg{grid-template-columns:calc((100% - 64px)*5/12) calc((100% - 64px)*7/12);gap:64px}
}
@media (max-width:860px){
  .ft .ftg{gap:32px}
  .ft .fts ul{gap:12px 20px}
}

body.atclose .sticky{transform:translateY(100%)!important}

/* r12m (Pat, 10 Nov "remove unnecessary dividers"): no rule between the heading and the button */
.cls .c-row{margin-top:32px;padding-top:0;border-top:0}