/* Working Order: a two-ink fold-out, printed on grey stock. */

:root{
  --stock:#DCE1E2;
  --a:#164739;            /* spruce green, as printed on the stock */
  --b:#DC6C42;            /* fluorescent orange, as printed */
  --ab:#162210;           /* both inks, one over the other */
  --a-raw:#1A5040;        /* raw inks, for layers that multiply onto the stock themselves */
  --b-raw:#FF7A4A;
  --ab-raw:#1A2613;
  --a-soft:#45665C;       /* placeholder text on stock, 4.8:1 */
  --rule-on-a:rgba(220,225,226,.5);

  --display:"Archivo", "Arial Narrow", Arial, sans-serif;
  --body:"Literata", Georgia, "Times New Roman", serif;

  --m:clamp(16px, 2.8vw, 40px);
  --g:clamp(12px, 1.7vw, 24px);
  --maxw:1360px;
  --pad-top:clamp(48px, 5.6vw, 84px);
  --pad-bot:clamp(56px, 6.4vw, 96px);

  --out:cubic-bezier(.16,1,.3,1);
  --settle:cubic-bezier(.3,1.5,.55,1);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--stock);-webkit-text-size-adjust:100%;scrollbar-color:var(--a) var(--stock)}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }
body{
  margin:0;background:var(--stock);color:var(--a);
  font:400 1.1875rem/1.58 var(--body);font-optical-sizing:auto;
  overflow-x:clip;caret-color:var(--a);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:var(--b);color:var(--ab)}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--a);outline-offset:3px}
img,svg,canvas{display:block}
h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ph{text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:.24em}

.skip{position:absolute;left:var(--m);top:-60px;z-index:20;background:var(--a);color:var(--stock);
  font:700 1rem/1 var(--display);padding:12px 16px;text-decoration:none}
.skip:focus{top:12px}

/* ---------- the sheet grid: twelve columns, with bleed lines either side ---------- */
.grid{
  display:grid;column-gap:var(--g);
  grid-template-columns:
    [bleed-start] minmax(calc(var(--m) - var(--g)),1fr)
    [content-start] repeat(12,minmax(0,calc((var(--maxw) - 11 * var(--g)) / 12)))
    [content-end] minmax(calc(var(--m) - var(--g)),1fr) [bleed-end];
}

/* ---------- masthead ---------- */
.mast{padding-top:20px;align-items:center;row-gap:10px}
.wordmark{
  grid-column:content-start / span 5;
  font:900 1.625rem/1 var(--display);font-variation-settings:"wdth" 125;letter-spacing:-.012em;
  color:var(--a);text-decoration:none;white-space:nowrap;justify-self:start;
}
.nav{grid-column:span 7 / content-end;justify-self:end}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 28px}
.nav a{
  display:inline-block;padding:6px 0;
  font:620 1rem/1.2 var(--display);font-variation-settings:"wdth" 102;
  text-decoration:none;color:var(--a);
  background:linear-gradient(var(--b),var(--b)) 0 100% / 0 3px no-repeat;
  transition:background-size .25s var(--out);
}
.nav a:hover,.nav a:focus-visible{background-size:100% 3px}
.mast::after{
  content:"";grid-column:content-start / content-end;height:7px;margin-top:6px;
  border-top:3px solid var(--a);border-bottom:1px solid var(--a);
}

/* ---------- cover ---------- */
.cover{grid-template-rows:auto auto auto;position:relative;overflow-x:clip;padding-bottom:clamp(36px,4.4vw,64px)}
.plate{
  grid-column:bleed-start / bleed-end;grid-row:1;position:relative;
  height:clamp(280px, 42svh, 440px);margin-top:14px;
  --scene-x:.5;
}
.plate canvas{width:100%;height:100%}

.cover-title{
  grid-column:content-start / 10;grid-row:2;position:relative;z-index:1;
  margin-top:-.3em;
  font:800 clamp(2.5rem, 5.5vw, 5.5rem)/.93 var(--display);font-variation-settings:"wdth" 100;
  letter-spacing:-.022em;color:var(--a-raw);mix-blend-mode:multiply;
  -webkit-mask-image:var(--grain,none);mask-image:var(--grain,none);
  -webkit-mask-size:300px;mask-size:300px;
}
.cover-title span{display:block}
.cover-title .ct-flood{
  display:inline;background:var(--b-raw);color:var(--ab-raw);
  padding:0 .12em .02em;margin-left:-.12em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.cover-copy{
  grid-column:10 / content-end;grid-row:2;align-self:end;z-index:1;
  display:grid;gap:26px;padding-bottom:.25rem;
}
.cover-sub{font-size:1.25rem;line-height:1.5;max-width:27em;text-wrap:pretty}

.action{
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 24px 22px 26px;color:var(--ab);text-decoration:none;
  font:800 clamp(1.375rem,1.9vw,1.75rem)/1.05 var(--display);font-variation-settings:"wdth" 104;letter-spacing:-.01em;
}
.action::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--b);
  background-image:var(--speck,none);background-size:420px;
  transform:translate(3px,3px);transition:transform .28s var(--out);
}
.action svg{width:34px;height:22px;flex:none;transition:transform .28s var(--out)}
.action:hover::before,.action:focus-visible::before{transform:translate(0,0)}
.action:hover svg,.action:focus-visible svg{transform:translateX(5px)}
.action:active{transform:translateY(1px)}
.action:focus-visible{outline-offset:6px}

.cover-foot{grid-column:bleed-start / bleed-end;grid-row:3;position:relative;height:0}
.reg{position:absolute;top:calc(clamp(36px,4.4vw,64px) - 11px);width:22px;height:22px}
.reg.l{left:calc(var(--m) / 2 - 11px)}
.reg.r{right:calc(var(--m) / 2 - 11px)}

/* ---------- printed drawings: inks multiply, plate B sits a hair out of register ---------- */
.defs{position:absolute;width:0;height:0;overflow:hidden}
.art .paper{fill:var(--stock)}
.art .b,.art .a{mix-blend-mode:multiply}
.art .b{transform:translate(.7px,.55px)}
.art .b .s{fill:var(--b-raw)}
.art .b .t{fill:url(#ht-b)}
.art .b .lt{fill:url(#ht-b-lo)}
.art .a .s{fill:var(--a-raw)}
.art .a .t{fill:url(#ht-a)}
.art .a .l{fill:none;stroke:var(--a-raw);stroke-width:1.7;stroke-linecap:square}
.art .a .d{fill:none;stroke:var(--a-raw);stroke-width:2;stroke-dasharray:5 4}
.art .ko *{fill:var(--stock)}
/* plate B answers the pointer (page.js sets --mx/--my, -1..1); translate composes with each rule's own transform */
.ph2::before{translate:calc(var(--mx,0) * 3px) calc(var(--my,0) * 2.5px)}
.action::before,.received h3::before{translate:calc(var(--mx,0) * 2.5px) calc(var(--my,0) * 2px)}
.art .b{translate:calc(var(--mx,0) * 1.1px) calc(var(--my,0) * .9px)}
.reg .b circle,.reg .b path{fill:none;stroke:var(--b-raw);stroke-width:1.4}
.reg .a circle,.reg .a path{fill:none;stroke:var(--a-raw);stroke-width:1.4}

/* ---------- fold panels ---------- */
.panel{position:relative;perspective:2200px;perspective-origin:50% 0;overflow-x:clip}   /* the fold's tilt and the slipping ink never widen the page */
.leaf{
  position:relative;background:var(--stock);
  padding-block:var(--pad-top) var(--pad-bot);
  transform-origin:50% 0;
}
.leaf::before{content:"";position:absolute;left:0;right:0;top:0;border-top:1.5px dashed var(--a);opacity:.75;pointer-events:none}
.leaf::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,rgba(22,71,57,0) 0%,rgba(22,71,57,.5) 100%);
}
.js .leaf{transition:transform 1.05s var(--out)}
.js .leaf::after{transition:opacity 1.05s var(--out)}
.js .panel:not(.open) .leaf{transform:rotateX(-14deg)}
.js .panel:not(.open) .leaf::after{opacity:0}

.ph2{
  position:relative;isolation:isolate;text-wrap:balance;
  font:800 clamp(2.125rem, 4vw, 3.75rem)/.98 var(--display);font-variation-settings:"wdth" 104;
  letter-spacing:-.02em;
}
.ph2::before{
  content:attr(data-ink) / "";position:absolute;inset:0;z-index:-1;color:var(--b);
  transform:translate(1.5px,1.25px);
}
.js .ph2{transition:transform .6s var(--settle) .62s}
.js .ph2::before{transition:transform .5s var(--out) .42s,opacity .25s linear .42s}
.js .panel:not(.open) .ph2{transform:translate(6px,-5px)}
.js .panel:not(.open) .ph2::before{transform:translate(14px,8px);opacity:0}

.lede{max-width:34em;text-wrap:pretty}

/* jobs already set up */
#jobs .ph2{grid-column:content-start / span 4;align-self:start}
.joblist{
  grid-column:6 / content-end;list-style:none;padding:0;
  display:grid;gap:.34em;
  font:760 clamp(1.375rem, 2.2vw, 2.125rem)/1.12 var(--display);font-variation-settings:"wdth" 106;letter-spacing:-.014em;
}
.joblist li{display:flex;align-items:center;gap:.4em}
.joblist .art{width:1.3em;height:1.3em;flex:none}
.works{grid-column:6 / content-end;margin-top:clamp(28px,3vw,44px);padding-top:18px;border-top:1.5px dashed var(--a)}
.works-h{font:800 1rem/1.2 var(--display);font-variation-settings:"wdth" 104;letter-spacing:.01em;margin:0 0 10px}
.worklist{
  list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.2em 0;
  font:700 clamp(1.125rem,1.5vw,1.375rem)/1.3 var(--display);font-variation-settings:"wdth" 100;
}
.works-note{max-width:34em;margin-top:16px;text-wrap:pretty}
.worklist li:not(:last-child)::after{content:"/";color:var(--b);margin:0 .55em;font-weight:500}

/* example jobs */
#examples .ph2{grid-column:content-start / content-end;margin-bottom:clamp(28px,3.6vw,52px)}
/* one listing row per job: the drawing, the business and its question, the steps */
.spread{grid-column:content-start / content-end;border-top:2px solid var(--a)}
.job{
  display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);grid-template-rows:auto 1fr;
  column-gap:calc(var(--g) * 2);align-items:start;padding:36px 0 34px;border-bottom:1px dashed var(--a);
}
.job .art{grid-column:1;grid-row:1 / span 2;width:100%;height:clamp(96px,8.6vw,128px);max-width:300px}
.job h3{grid-column:2;grid-row:1;font:800 clamp(1.75rem,2.4vw,2.25rem)/1.02 var(--display);font-variation-settings:"wdth" 104;letter-spacing:-.014em;margin:0 0 12px}
.ask{grid-column:2;grid-row:2;font:500 italic clamp(1.1875rem,1.5vw,1.375rem)/1.42 var(--body);text-wrap:pretty}
.job .steps{grid-column:3;grid-row:1 / span 2}
.steps{list-style:none;padding:0;font-size:1.0625rem;line-height:1.42}
.steps li{position:relative;padding:0 0 15px 26px}
.steps li::before{content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;background:var(--a)}
.steps li:not(:last-child)::after{content:"";position:absolute;left:4px;top:calc(.42em + 13px);bottom:2px;border-left:1px dashed var(--a)}
.steps .result{
  margin-top:4px;padding:12px 14px 12px 40px;color:var(--ab);
  background:var(--b);background-image:var(--speck,none);background-size:420px;
  font:720 1.0625rem/1.32 var(--display);font-variation-settings:"wdth" 100;
}
.steps .result::before{display:none}
.steps .result svg{position:absolute;left:12px;top:13px;width:18px;height:16px}

/* overnight: the green panel */
.flood-a .leaf{background-color:var(--a);background-image:var(--speck,none);background-size:420px;color:var(--stock)}
.flood-a .leaf::before{border-top-color:var(--stock);opacity:.6}
#overnight .ph2{grid-column:content-start / span 8}
.log-cap{
  grid-column:content-start / content-end;margin-top:clamp(36px,4.4vw,64px);padding-bottom:12px;
  font:650 1rem/1.2 var(--display);font-variation-settings:"wdth" 102;
  border-bottom:2px solid var(--stock);
}
.log{grid-column:content-start / content-end;list-style:none;padding:0}
.log li{
  display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,5fr) minmax(0,4fr);column-gap:var(--g);
  align-items:start;padding:22px 0 24px;border-bottom:1px dashed var(--rule-on-a);
}
.log time{font:700 clamp(1.625rem,2.5vw,2.25rem)/1 var(--display);font-variation-settings:"wdth" 100;font-variant-numeric:tabular-nums;letter-spacing:-.01em;padding-top:.08em}
.log p{font-size:1.25rem;line-height:1.45;max-width:30em}
.flagmark{display:flex;align-items:center;gap:10px;padding-top:.15em}
.flagmark svg{width:30px;height:34px}
.slip{
  background:var(--stock);color:var(--a);padding:18px 20px 20px;transform:rotate(-.7deg);
  margin-top:-4px;
}
.slip-to{font:720 1rem/1.2 var(--display);font-variation-settings:"wdth" 102;margin-bottom:6px}
.slip p{font-size:1.0625rem;line-height:1.45}
.slip-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.slip-acts span{
  display:inline-block;padding:9px 14px;border:2px solid var(--a);
  font:700 .9375rem/1 var(--display);font-variation-settings:"wdth" 102;
}
.slip-acts .go{background:var(--a);color:var(--stock)}
.closer{
  grid-column:5 / content-end;margin-top:clamp(40px,5vw,72px);
  font:780 clamp(1.625rem,2.7vw,2.5rem)/1.08 var(--display);font-variation-settings:"wdth" 104;letter-spacing:-.016em;
  text-wrap:balance;
}

/* privacy */
.pv-copy{grid-column:content-start / span 6;align-self:center}
.pv-copy .ph2{margin-bottom:28px}
.switch{border:0;padding:0;margin:34px 0 0;display:inline-flex;min-inline-size:0}
.switch label{position:relative;cursor:pointer}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.switch span{
  display:block;padding:13px 20px;border:2px solid var(--a);background:var(--stock);color:var(--a);
  font:700 1.0625rem/1 var(--display);font-variation-settings:"wdth" 102;
  transition:background-color .18s linear,color .18s linear;
}
.switch label+label span{border-left:0}
.switch input:checked+span{background:var(--a);color:var(--stock)}
.switch label:hover input:not(:checked)+span{background:rgba(255,122,74,.28)}
.switch input:focus-visible+span{outline:3px solid var(--a);outline-offset:3px}
.switch-caps{margin-top:16px;min-height:3.1em}
.switch-cap{font-size:1.125rem;line-height:1.5;max-width:30em}
.switch-cap[hidden]{display:none}
.pv-art{grid-column:8 / content-end;align-self:center}
.pv-art .art{width:100%;height:auto}
.pv-art .out,.pv-art .route{transition:opacity .45s var(--out)}
.pv-art[data-mode="local"] .route{opacity:0}
.pv-art[data-mode="local"] .out{opacity:.2}

/* questions */
#questions .ph2{grid-column:content-start / span 3;align-self:start;position:sticky;top:28px}
.qa{grid-column:5 / content-end;columns:2;column-gap:calc(var(--g) * 2.4);column-rule:1px dashed var(--a)}
.qa div{break-inside:avoid;padding-bottom:34px}
.qa dt{font:760 1.375rem/1.16 var(--display);font-variation-settings:"wdth" 102;letter-spacing:-.008em;margin-bottom:10px;text-wrap:balance}
.qa dd{font-size:1.0625rem;line-height:1.56;text-wrap:pretty}

/* the back panel: orange, with the reply slip */
.flood-b .leaf{background-color:var(--b);background-image:var(--speck,none);background-size:420px;color:var(--ab)}
.flood-b .leaf::before{border-top-color:var(--ab);opacity:.5}
.flood-b .ph2::before{color:var(--a)}
.contact-copy{grid-column:content-start / span 6;align-self:start}
.contact-copy .ph2{margin-bottom:28px}
.contact-copy p{font-size:1.3125rem;line-height:1.5;max-width:26em}
.contact-copy p+p{margin-top:14px}

.coupon,.received{grid-column:8 / content-end;grid-row:1;position:relative;background:var(--stock);color:var(--a);padding:34px 32px 32px}
.coupon::before,.received::before{content:"";position:absolute;left:0;right:0;top:-9px;border-top:2px dashed var(--ab);opacity:.6}
.field{display:grid;gap:8px;margin-bottom:22px}
.field-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px}
.field label{font:720 1.0625rem/1.2 var(--display);font-variation-settings:"wdth" 102}
.field input,.field textarea{
  width:100%;font:400 1.125rem/1.4 var(--body);color:var(--a);background:transparent;
  border:2px solid var(--a);border-radius:0;padding:12px 14px;
  transition:box-shadow .18s linear;
}
.field textarea{min-height:7.4em;resize:vertical}
.field ::placeholder{color:var(--a-soft);opacity:1}
.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.field [aria-invalid="true"]{box-shadow:inset 0 0 0 3px var(--b)}
.err{display:flex;align-items:center;gap:8px;font:720 1rem/1.25 var(--display);color:var(--a)}
.err[hidden]{display:none}
.err::before{content:"";width:11px;height:11px;background:var(--b);flex:none}
.submit{
  display:inline-flex;align-items:center;gap:16px;margin-top:6px;cursor:pointer;
  font:780 1.25rem/1 var(--display);font-variation-settings:"wdth" 104;
  color:var(--stock);background:var(--a);border:0;border-radius:0;padding:18px 22px 18px 24px;
  transition:background-color .2s linear;
}
.submit svg{width:30px;height:20px;transition:transform .28s var(--out)}
.submit:hover{background:var(--ab)}
.submit:hover svg{transform:translateX(4px)}
.submit:active{transform:translateY(1px)}
.received[hidden],.coupon[hidden],.send-err[hidden]{display:none}
.send-err{display:flex;align-items:center;gap:8px;margin:2px 0 14px;font:720 1rem/1.3 var(--display);color:var(--a)}
.send-err::before{content:"";width:11px;height:11px;background:var(--b);flex:none}
.submit:disabled{cursor:wait;background:var(--a-soft)}
.received-note{margin-top:20px;font-size:1.0625rem;line-height:1.5;max-width:30em}
.received-note:empty{display:none}
.received:focus{outline:none}
.received h3{
  position:relative;isolation:isolate;display:inline-block;margin-bottom:22px;
  font:820 clamp(1.875rem,3vw,2.5rem)/1 var(--display);font-variation-settings:"wdth" 106;letter-spacing:-.016em;
  padding:8px 12px 6px;color:var(--ab);
}
.received h3::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--b);background-image:var(--speck,none);background-size:420px;transform:translate(3px,2px)}
.received dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 20px;font-size:1.125rem}
.received dt{font:720 1rem/1.5 var(--display);font-variation-settings:"wdth" 102}
.received dd{white-space:pre-wrap;overflow-wrap:anywhere}
.edit{margin-top:24px;background:none;border:0;padding:4px 0;cursor:pointer;color:var(--a);
  font:700 1rem/1.2 var(--display);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
@media (prefers-reduced-motion:no-preference){
  .received.landing h3::before{animation:plateB .5s var(--out) both}
  .received.landing h3{animation:plateA .6s var(--settle) .3s both}
}
@keyframes plateB{from{transform:translate(16px,-10px);opacity:0}to{transform:translate(3px,2px);opacity:1}}
@keyframes plateA{from{transform:translate(7px,-6px)}to{transform:none}}

/* footer, still on the back panel */
.foot{background-color:var(--b);background-image:var(--speck,none);background-size:420px;color:var(--ab);padding:0 0 40px}
.foot-in{
  grid-column:content-start / content-end;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 32px;
  border-top:2px solid var(--ab);padding-top:22px;font:650 1.0625rem/1.3 var(--display);font-variation-settings:"wdth" 102;
}
.foot .wordmark{font-size:1.375rem;color:var(--ab);margin-right:auto}
.foot a{color:var(--ab)}

/* ---------- middle widths ---------- */
@media (max-width:1180px){
  .cover-title{grid-column:content-start / content-end}
  .cover-copy{grid-column:content-start / span 9;grid-row:3;margin-top:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:28px}
  .job{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr}
  .job .art{grid-row:1;margin-bottom:18px}
  .job h3{grid-column:1;grid-row:2}
  .ask{grid-column:1;grid-row:3}
  .job .steps{grid-column:2;grid-row:1 / span 3}
  .log li{grid-template-columns:minmax(0,2fr) minmax(0,5fr)}
  .log .slip{grid-column:2;margin-top:18px;max-width:30rem}
  .pv-copy{grid-column:content-start / span 7}
  .pv-art{grid-column:9 / content-end}
  #questions .ph2{grid-column:content-start / content-end;position:relative;top:auto;margin-bottom:36px}
  .qa{grid-column:content-start / content-end}
}

/* ---------- phones ---------- */
@media (max-width:760px){
  body{font-size:1.125rem}
  .mast{padding-top:14px}
  .wordmark{grid-column:content-start / content-end;font-size:1.375rem}
  .nav{grid-column:content-start / content-end;justify-self:start}
  .nav ul{justify-content:flex-start;gap:0 18px}
  .nav a{font-size:.9375rem;padding:8px 0}
  .mast::after{margin-top:2px}
  .plate{height:clamp(250px, 74vw, 360px);margin-top:8px}
  .cover-title{grid-column:content-start / content-end;margin-top:-.22em;font-size:min(3.25rem, calc((100vw - 2 * var(--m)) / 9.6));font-variation-settings:"wdth" 94;line-height:.96}
  .cover-copy{grid-column:content-start / content-end;grid-template-columns:1fr;gap:22px;margin-top:20px}
  .cover-sub{font-size:1.125rem}
  .action{padding:18px 18px 18px 20px}
  .reg{display:none}

  #jobs .ph2,.joblist,.works{grid-column:content-start / content-end}
  .joblist{margin-top:26px;font-size:1.25rem;gap:.55em}
  .job{display:block;padding:28px 0 22px}
  .job .art{max-width:260px;height:116px;margin-bottom:18px}
  .ask{margin-bottom:20px}
  #overnight .ph2{grid-column:content-start / content-end}
  .log li{grid-template-columns:1fr;row-gap:10px}
  .log .slip{grid-column:1;margin-top:8px}
  .closer{grid-column:content-start / content-end}
  .pv-copy,.pv-art{grid-column:content-start / content-end}
  .pv-art{margin-top:36px}
  .switch span{padding:12px 16px}
  .qa{columns:1}
  .contact-copy,.coupon,.received{grid-column:content-start / content-end}
  .coupon,.received{grid-row:auto;margin-top:40px;padding:28px 18px 22px}
  .submit{width:100%;justify-content:space-between}
}

.capture *,.capture *::before,.capture *::after{transition:none!important;animation:none!important}

@media (prefers-reduced-motion:reduce){
  .js .panel .leaf{transform:none!important;transition:none}
  .js .panel .leaf::after{opacity:0!important}
  .js .ph2,.js .ph2::before{transition:none}
  .js .panel .ph2{transform:none!important}
  .js .panel .ph2::before{transform:translate(1.5px,1.25px)!important;opacity:1!important}
  .action::before,.action svg,.submit svg{transition:none}
}