/* 7k052.team — 7K Field Notes.
   A paper-led editorial system with forest ink, kiln orange and citrus markers. */

:root{
  --paper:#eee4cf;
  --paper-2:#f7f1e4;
  --paper-3:#ded2b9;
  --ink:#1b2822;
  --ink-2:#32433a;
  --muted:#6d776d;
  --forest:#244838;
  --forest-2:#173328;
  --clay:#d56243;
  --clay-2:#a9432f;
  --citrus:#d6df66;
  --sky:#86aeb9;
  --line:#b7aa90;
  --white:#fffaf0;
  --shadow:8px 8px 0 rgba(36,72,56,.14);
  --shadow-small:4px 4px 0 rgba(36,72,56,.16);
  --heading:"Constantia","Book Antiqua","Palatino Linotype",serif;
  --body:"Candara","Segoe UI Variable Text","Segoe UI",sans-serif;
  --label:"Lucida Sans Typewriter","Courier New",monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  overflow-x:hidden;
  color:var(--ink);
  font:17px/1.68 var(--body);
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(36,72,56,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,72,56,.055) 1px,transparent 1px),
    radial-gradient(circle at 14% 8%,rgba(214,223,102,.42),transparent 22%),
    radial-gradient(circle at 88% 28%,rgba(134,174,185,.34),transparent 24%);
  background-size:32px 32px,32px 32px,auto,auto;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 71%,rgba(213,98,67,.07) 71% 72%,transparent 72%);
}
a{color:inherit;text-decoration:none}
p{margin:.45em 0}
h1,h2,h3,h4{font-family:var(--heading);color:var(--ink);line-height:1.08;font-weight:700}
h1{font-size:clamp(35px,5.4vw,62px);letter-spacing:-1.3px}
h2{font-size:clamp(27px,3.5vw,42px);letter-spacing:-.5px}
h3{font-size:20px}
.adl-wrap{width:min(1180px,100%);margin-inline:auto;padding-inline:24px}

/* Header: a compact forest label strip, intentionally unlike the donor glass bar. */
.adl-head{
  position:sticky;
  top:0;
  z-index:40;
  background:var(--forest-2);
  color:var(--white);
  border-bottom:6px solid var(--citrus);
  box-shadow:none;
}
.adl-head .adl-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.adl-logo{display:flex;align-items:center;gap:11px;color:var(--white);font:700 25px/1 var(--heading);white-space:nowrap}
.adl-logo svg{width:38px;height:38px;flex:0 0 auto;filter:none}
.adl-logo .seven{font:700 10px/1.2 var(--label);letter-spacing:1.5px;text-transform:uppercase;color:var(--citrus)}
.adl-nav{display:flex;align-items:center;gap:8px}
.adl-nav a{
  padding:9px 11px;
  color:#d9e2d5;
  font:700 11px/1 var(--label);
  letter-spacing:1px;
  text-transform:uppercase;
  border:1px solid transparent;
}
.adl-nav a:hover{color:var(--white);border-color:rgba(255,255,255,.28)}

.adl-btn,.adl-btn2,.slot-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 24px;
  border:2px solid var(--ink);
  font:700 15px/1.2 var(--body);
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.adl-btn{background:var(--citrus);color:var(--ink);box-shadow:4px 4px 0 var(--clay)}
.adl-btn2{background:var(--paper-2);color:var(--ink);box-shadow:4px 4px 0 var(--forest)}
.adl-btn:hover,.adl-btn2:hover,.slot-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--clay)}
.adl-head .adl-btn{min-height:42px;padding:10px 18px;border-color:var(--white);box-shadow:3px 3px 0 var(--clay)}

/* Hero: editorial sheet + a stack of numbered side tickets. */
.adl-hero{padding:70px 0 28px}
.adl-hero__grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:24px;align-items:stretch}
.adl-hero__main{
  position:relative;
  padding:45px 46px 42px;
  background:var(--paper-2);
  border:2px solid var(--forest);
  border-left:12px solid var(--clay);
  box-shadow:var(--shadow);
  clip-path:polygon(0 0,94% 0,100% 34px,100% 100%,0 100%);
}
.adl-hero__main::after{
  content:"07";
  position:absolute;
  right:18px;
  top:10px;
  font:700 72px/1 var(--label);
  color:rgba(36,72,56,.07);
  pointer-events:none;
}
.adl-ov{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:13px;
  color:var(--clay-2);
  font:700 11px/1.3 var(--label);
  letter-spacing:1.6px;
  text-transform:uppercase;
}
.adl-ov::before{content:"";width:28px;height:4px;background:var(--citrus);border:1px solid var(--ink)}
.adl-hero h1{max-width:15ch}
.adl-hero p.lead{max-width:65ch;margin:22px 0 28px;color:var(--ink-2);font-size:18px}
.adl-cta{display:flex;flex-wrap:wrap;gap:14px}
.adl-xgrid{display:grid;grid-template-columns:1fr;gap:12px;counter-reset:ticket}
.adl-xcard{
  counter-increment:ticket;
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"t a" "v a";
  align-items:center;
  column-gap:16px;
  min-height:122px;
  padding:20px 20px 18px 70px;
  color:var(--ink);
  background:var(--white);
  border:2px solid var(--ink);
  box-shadow:var(--shadow-small);
}
.adl-xcard:nth-child(even){background:#dbe7df;transform:translateX(-8px)}
.adl-xcard::before{
  content:"0" counter(ticket);
  position:absolute;
  inset:0 auto 0 0;
  width:52px;
  display:grid;
  place-items:center;
  background:var(--forest);
  color:var(--citrus);
  font:700 18px/1 var(--label);
  writing-mode:vertical-rl;
}
.adl-xcard .t{grid-area:t;color:var(--muted);font:700 10px/1.2 var(--label);letter-spacing:1.2px;text-transform:uppercase}
.adl-xcard .v{grid-area:v;margin-top:7px;font:700 21px/1.1 var(--heading)}
.adl-xcard a{grid-area:a;justify-self:end;max-width:118px;color:var(--clay-2);font-weight:700;font-size:13px;text-align:right}

/* KPI notes float independently instead of living in one donor rail. */
.adl-agg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:36px 0 26px;background:transparent;border:0;box-shadow:none}
.adl-agg>div{position:relative;padding:19px 16px 17px;background:var(--forest);color:var(--white);border:2px solid var(--forest-2);text-align:left;box-shadow:var(--shadow-small)}
.adl-agg>div:nth-child(2n){background:var(--clay);border-color:var(--clay-2);transform:translateY(8px)}
.adl-agg>div:nth-child(3){background:var(--sky);color:var(--ink)}
.adl-agg .n{font:700 clamp(23px,3vw,34px)/1 var(--heading)}
.adl-agg .c{margin-top:8px;font:700 10px/1.35 var(--label);letter-spacing:.8px;text-transform:uppercase;opacity:.86}

/* Sections alternate between unboxed editorial space and clipped paper panels. */
.adl-sec{position:relative;margin:26px 0;padding:58px 48px;background:rgba(247,241,228,.78);border:1px solid var(--line)}
.adl-sec:nth-of-type(3n+1){background:transparent;border:0;padding-inline:8px}
.adl-sec:nth-of-type(3n){border-top:8px solid var(--forest);box-shadow:var(--shadow)}
.adl-sec h2{max-width:25ch;margin-bottom:17px}
.adl-sec .sub{max-width:79ch;margin-bottom:25px;color:var(--ink-2)}
.adl-sec .sub.compact{margin-top:23px}
.adl-grid{display:grid;gap:16px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.extended{margin-top:18px}
.adl-card{
  position:relative;
  padding:24px 22px 22px;
  background:var(--white);
  border:1px solid var(--line);
  border-bottom:5px solid var(--forest);
  box-shadow:var(--shadow-small);
}
.adl-card:nth-child(3n+2){border-bottom-color:var(--clay)}
.adl-card:nth-child(3n){border-bottom-color:var(--sky)}
.adl-card h3{margin-bottom:10px}
.adl-card p{color:var(--ink-2)}

.adl-rail{margin-top:25px;border:2px solid var(--ink);background:var(--paper-2)}
.adl-rail .row{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:18px;padding:15px 18px;border-bottom:1px dashed var(--line)}
.adl-rail .row:last-child{border-bottom:0}
.adl-rail .dom{font:700 13px/1.4 var(--label);color:var(--forest)}
.adl-rail .st{color:var(--ink-2)}
.adl-rail .dim{color:var(--muted)}

/* Welcome cards resemble filed offer sheets. */
.adl-depo{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:depo}
.adl-depo .d{counter-increment:depo;position:relative;padding:27px 22px 24px;background:var(--forest);color:var(--white);border:2px solid var(--forest-2);box-shadow:var(--shadow-small)}
.adl-depo .d:nth-child(2){background:var(--clay);border-color:var(--clay-2);transform:rotate(-1deg)}
.adl-depo .d:nth-child(3){background:var(--sky);color:var(--ink);transform:rotate(1deg)}
.adl-depo .d::after{content:"0" counter(depo);position:absolute;right:14px;top:10px;font:700 34px/1 var(--label);opacity:.16}
.adl-depo .step{font:700 11px/1.3 var(--label);letter-spacing:1px;text-transform:uppercase}
.adl-depo .big{margin:13px 0 8px;font:700 27px/1.08 var(--heading)}
.adl-depo .fs{font-size:14px;opacity:.88}

/* Slot cards become numbered compact labels instead of dark glass tiles. */
#catalog .g4{counter-reset:slot}
.adl-slot{counter-increment:slot;position:relative;min-height:205px;padding:52px 17px 17px;background:var(--white);border:2px solid var(--ink);display:flex;flex-direction:column;box-shadow:none}
.adl-slot::before{content:counter(slot,decimal-leading-zero);position:absolute;left:-2px;right:-2px;top:-2px;height:37px;padding:0 12px;display:flex;align-items:center;background:var(--forest);color:var(--citrus);font:700 12px/1 var(--label);letter-spacing:1px}
.adl-slot:nth-child(4n+2)::before{background:var(--clay);color:var(--white)}
.adl-slot:nth-child(4n+3)::before{background:var(--sky);color:var(--ink)}
.adl-slot .nm{font:700 19px/1.12 var(--heading);margin-bottom:8px}
.adl-slot .pr{color:var(--muted);font-size:13px}
.adl-slot .rt{margin:10px 0 14px;color:var(--forest);font:700 12px/1 var(--label)}
.slot-btn{margin-top:auto;min-height:39px;padding:9px 12px;background:transparent;border-width:1px;clip-path:none;font-size:12px;box-shadow:none}

/* Steps use oversized stamps. */
.adl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}
.adl-steps .s{counter-increment:step;position:relative;min-height:220px;padding:76px 24px 24px;background:var(--paper-2);border:2px solid var(--forest)}
.adl-steps .s::before{content:"0" counter(step);position:absolute;left:22px;top:14px;color:var(--clay);font:700 52px/1 var(--label)}
.adl-steps .s::after{content:"";position:absolute;left:84px;right:22px;top:38px;height:3px;background:var(--citrus)}
.adl-steps h3{margin-bottom:9px}

/* VIP resembles clipped swatches rather than a glowing ladder. */
.adl-vip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:24px}
.adl-rung{min-height:142px;padding:18px 12px;background:var(--paper-2);border:2px solid var(--forest);display:flex;flex-direction:column;justify-content:space-between;text-align:left;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}
.adl-rung:nth-child(2n){background:var(--forest);color:var(--white);transform:translateY(10px)}
.adl-rung:nth-child(3){background:var(--citrus);color:var(--ink)}
.adl-rung:nth-child(5){background:var(--clay);color:var(--white)}
.adl-rung .lv{font:700 12px/1.3 var(--label);text-transform:uppercase;letter-spacing:.6px}
.adl-rung .cb{font:700 27px/1 var(--heading)}
.adl-rung .cb span{display:block;margin-top:6px;font:700 10px/1 var(--label);text-transform:uppercase}

/* Trust reverses the palette but restores dark text on its light nested cards. */
.adl-sec--trust{background:var(--forest-2)!important;color:var(--white);border:0;border-top:0!important;box-shadow:10px 10px 0 var(--clay)!important}
.adl-sec--trust h2{color:var(--white)}
.adl-sec--trust .adl-ov{color:var(--citrus)}
.adl-sec--trust .adl-card{background:var(--paper-2);color:var(--ink);border-color:#0d241b;border-bottom-color:var(--citrus);box-shadow:none}
.adl-sec--trust .adl-card h3{color:var(--ink)}
.adl-sec--trust .adl-card p{color:var(--ink-2)}

/* Cashier is a clean ledger. */
.adl-tbl-wrap{overflow-x:auto;border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow-small)}
.adl-tbl{width:100%;border-collapse:collapse;min-width:680px}
.adl-tbl th{padding:15px 16px;background:var(--forest);color:var(--white);font:700 11px/1.3 var(--label);letter-spacing:.8px;text-align:left;text-transform:uppercase}
.adl-tbl td{padding:14px 16px;border-bottom:1px dashed var(--line);color:var(--ink-2)}
.adl-tbl tr:nth-child(odd) td{background:#f1eadc}
.adl-tbl tr:last-child td{border-bottom:0}

.adl-rev .adl-card{padding-top:36px;border:2px solid var(--forest);border-bottom:2px solid var(--forest);box-shadow:var(--shadow-small)}
.adl-rev .adl-card::before{content:"“";position:absolute;top:-4px;left:14px;color:var(--clay);font:700 52px/1 var(--heading)}
.stars{color:var(--clay);letter-spacing:2px;font-size:14px}
.q{margin:11px 0 14px;font-family:var(--heading);font-size:18px}
.who{font:700 11px/1.3 var(--label);text-transform:uppercase;color:var(--forest)}

.adl-pre{position:relative;padding:50px;max-width:900px;margin:auto;background:var(--citrus);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--forest);text-align:left;clip-path:polygon(0 0,96% 0,100% 28px,100% 100%,0 100%)}
.adl-pre h2{max-width:21ch}
.adl-pre p{max-width:62ch;margin:14px 0 22px;color:var(--ink-2)}

.adl-faq details{background:var(--paper-2);border:0;border-bottom:2px solid var(--forest)}
.adl-faq details:first-of-type{border-top:2px solid var(--forest)}
.adl-faq summary{position:relative;padding:20px 54px 20px 10px;cursor:pointer;list-style:none;font:700 19px/1.25 var(--heading)}
.adl-faq summary::-webkit-details-marker{display:none}
.adl-faq summary::after{content:"+";position:absolute;right:11px;top:13px;width:34px;height:34px;display:grid;place-items:center;background:var(--forest);color:var(--citrus);font:700 22px/1 var(--label)}
.adl-faq details[open] summary::after{content:"−";background:var(--clay);color:var(--white)}
.adl-faq .ans{padding:0 54px 21px 10px;color:var(--ink-2);max-width:78ch}

.adl-author{padding:35px 38px;background:transparent;border:2px dashed var(--forest);border-left:12px solid var(--sky)}
.adl-author h2{margin-bottom:13px}
.adl-author p{max-width:88ch;color:var(--ink-2)}
.adl-age{display:inline-grid;place-items:center;min-width:42px;height:30px;margin-left:5px;background:var(--clay);color:var(--white);font:700 12px/1 var(--label)}

.adl-foot{margin-top:68px;padding:55px 0 34px;background:var(--forest-2);color:#d9e2d5;border-top:10px solid var(--clay)}
.adl-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-bottom:28px}
.adl-foot .foot-brand{margin-bottom:14px}
.adl-foot h4{margin-bottom:13px;color:var(--citrus)}
.adl-foot h4 a{color:inherit}
.adl-foot .cols>div>a:not(.adl-logo){display:block;margin:8px 0;color:#d9e2d5}
.adl-foot .cols>div>a:hover{color:var(--citrus)}
.adl-foot .fine{padding-top:18px;border-top:1px dashed rgba(255,255,255,.28);font-size:12px;color:#aebcaf}

@media(max-width:980px){
  .adl-hero__grid{grid-template-columns:1fr}
  .adl-xgrid{grid-template-columns:repeat(2,1fr)}
  .adl-xcard:nth-child(even){transform:none}
  .g4{grid-template-columns:repeat(3,1fr)}
  .adl-vip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:780px){
  .adl-nav{display:none}
  .adl-head .adl-wrap{min-height:68px}
  .adl-sec{padding:42px 26px}
  .adl-sec:nth-of-type(3n+1){padding-inline:2px}
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .adl-depo,.adl-steps{grid-template-columns:1fr}
  .adl-depo .d:nth-child(2),.adl-depo .d:nth-child(3){transform:none}
  .adl-agg{grid-template-columns:repeat(2,1fr)}
  .adl-agg>div:nth-child(2n){transform:none}
  .adl-agg>div:last-child{grid-column:1/-1}
  .adl-foot .cols{grid-template-columns:1fr 1fr}
  .adl-foot .cols>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  .adl-wrap{width:100%;max-width:100%;padding-inline:18px}
  .adl-head>.adl-wrap>.adl-btn{display:none}
  .adl-logo{font-size:22px;min-width:0}
  .adl-logo .seven{font-size:9px;letter-spacing:1px}
  .adl-hero{padding-top:40px}
  .adl-hero__main{padding:32px 23px 29px;border-left-width:7px;clip-path:none}
  .adl-hero__main::after{font-size:48px}
  .adl-hero h1{font-size:clamp(31px,10vw,42px);max-width:none;overflow-wrap:anywhere}
  .adl-hero p.lead{font-size:17px;overflow-wrap:anywhere}
  .adl-cta{display:grid;grid-template-columns:1fr}
  .adl-btn,.adl-btn2{width:100%}
  .adl-xgrid,.g3,.g4{grid-template-columns:1fr}
  .adl-xcard{padding-left:65px}
  .adl-agg{gap:8px}
  .adl-agg>div{padding:16px 12px}
  .adl-sec{margin:18px 0;padding:34px 20px}
  .adl-sec h2{font-size:29px}
  .adl-rail .row{grid-template-columns:1fr;gap:5px}
  .adl-vip{grid-template-columns:repeat(2,1fr)}
  .adl-rung:nth-child(2n){transform:none}
  .adl-pre{padding:34px 23px;clip-path:none}
  .adl-author{padding:28px 21px;border-left-width:7px}
  .adl-foot .cols{grid-template-columns:1fr}
  .adl-foot .cols>div:first-child{grid-column:auto}
}