/* The Thought Department — shared paper styles for checkout + policy pages */
@font-face{ font-family:'Shantell Sans'; font-style:normal; font-weight:300 800; font-display:swap; src:url(fonts/shantell-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Shantell Sans'; font-style:normal; font-weight:300 800; font-display:swap; src:url(fonts/shantell-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root{
  --forest:#1E361E; --cream:#F1E7CF; --ink:#2B2419; --ink-soft:#4F4535; --ink-faint:#7C7058; --line:rgba(43,36,25,.16); --line-strong:rgba(43,36,25,.32);
  --lemon:#E8B83A; --lemon-ink:#2A1F05; --pink:#EE8A86; --pink-dk:#BE435A; --lime:#A9C64B; --teal:#5DB5A9; --wordmark:#1F4A37; --ok:#2F7A3A;
  --hand:'Shantell Sans','Caveat','Comic Sans MS',cursive; --body:'Archivo','Helvetica Neue',Arial,sans-serif;
  --wobble:255px 18px 225px 18px / 18px 225px 18px 255px;
  --puff: inset -3px -4px 7px rgba(0,0,0,.2), inset 3px 3px 6px rgba(255,255,255,.28), 0 4px 8px -4px rgba(0,0,0,.35);
  --torn:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='14' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L0.0 4.0 L4.9 2.7 L9.7 3.1 L13.6 5.5 L16.8 4.0 L19.1 7.1 L22.6 2.7 L26.2 1.6 L28.5 6.2 L30.9 1.9 L36.4 5.7 L40.7 3.3 L43.7 6.3 L47.3 3.5 L52.7 6.2 L57.9 7.8 L62.9 2.7 L66.4 5.2 L70.2 4.9 L74.6 4.9 L77.0 3.8 L81.1 2.6 L84.2 7.8 L89.3 2.0 L91.7 5.0 L96.1 6.5 L101.2 3.4 L104.2 5.5 L109.3 2.5 L114.4 3.5 L116.6 5.5 L121.2 3.4 L123.4 5.1 L127.2 4.6 L130.9 6.2 L133.8 6.5 L137.0 5.1 L141.9 5.5 L145.1 2.3 L147.8 5.1 L152.3 5.7 L156.0 3.5 L160.0 4.0 L160 14Z'/%3E%3C/svg%3E") 0 0 / 160px 14px repeat-x, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='14'%3E%3Cpath d='M0 0 L0.0 10.0 L2.2 11.5 L4.5 7.5 L7.2 8.8 L10.1 7.7 L13.0 11.0 L15.4 10.3 L18.3 6.4 L22.5 12.3 L27.6 12.4 L31.0 11.3 L34.4 8.2 L37.9 11.7 L42.4 9.1 L47.2 11.3 L52.5 12.2 L55.9 11.5 L60.5 7.1 L63.8 10.0 L68.7 6.7 L71.7 10.2 L76.7 7.3 L80.6 10.1 L85.2 7.9 L89.2 11.5 L92.4 8.8 L96.2 6.9 L98.6 11.5 L100.9 7.4 L104.9 12.0 L108.7 7.8 L113.6 10.7 L115.9 11.6 L119.9 12.5 L123.7 12.2 L127.9 11.4 L132.5 6.7 L136.5 9.5 L140.5 7.6 L144.3 8.0 L148.6 11.3 L151.6 9.4 L155.6 7.9 L160.0 10.0 L160 0Z'/%3E%3C/svg%3E") 0 100% / 160px 14px repeat-x,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='160'%3E%3Cpath d='M14 0 L4.0 0.0 L2.3 3.6 L2.4 7.1 L5.7 11.5 L2.7 16.3 L5.6 19.6 L7.5 23.3 L1.8 25.7 L1.8 29.1 L6.2 34.5 L6.8 38.3 L1.6 42.3 L6.2 46.5 L2.6 50.6 L7.0 55.5 L4.4 58.5 L6.9 61.8 L6.4 66.9 L3.3 70.8 L4.4 76.1 L4.4 78.8 L2.9 83.6 L5.2 87.3 L7.0 91.1 L4.5 96.2 L1.9 98.8 L5.5 102.7 L4.8 105.7 L3.9 109.1 L4.8 114.0 L2.8 117.5 L3.0 122.3 L4.1 124.5 L1.8 130.0 L4.4 135.4 L2.4 139.8 L2.8 142.7 L6.0 147.0 L6.8 149.9 L2.7 153.3 L5.0 155.6 L4.0 160.0 L14 160Z'/%3E%3C/svg%3E") 0 0 / 14px 160px repeat-y, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='160'%3E%3Cpath d='M0 0 L10.0 0.0 L8.0 4.8 L11.0 8.8 L12.4 12.7 L11.4 15.7 L10.2 20.1 L11.7 24.2 L6.8 29.5 L8.8 32.3 L10.6 34.9 L10.8 38.3 L11.3 41.6 L9.8 45.3 L7.5 48.0 L11.7 52.6 L7.0 57.5 L8.6 59.7 L9.5 64.9 L9.8 67.4 L9.9 70.6 L12.0 74.4 L9.7 78.0 L7.6 80.9 L8.9 85.5 L10.2 90.5 L10.3 93.5 L8.2 96.2 L12.5 100.1 L11.5 102.8 L7.7 108.1 L9.2 113.1 L8.4 118.1 L9.8 121.6 L12.3 126.4 L9.8 129.9 L9.4 133.6 L12.1 136.2 L10.1 138.5 L7.8 142.9 L12.2 145.8 L6.1 151.1 L12.0 155.2 L10.0 160.0 L0 160Z'/%3E%3C/svg%3E") 100% 0 / 14px 160px repeat-y,
    linear-gradient(#000 0 0) 50% 50% / calc(100% - 20px) calc(100% - 20px) no-repeat;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; min-height:100vh; font:16px/1.55 var(--body); color:var(--cream); background:var(--forest); position:relative; }
body::before{ content:""; position:fixed; inset:0; z-index:-1; background:var(--forest) url(tex/bg-landscape.jpg) center / cover no-repeat; }
@media (orientation: portrait){ body::before{ background-image:url(tex/bg-portrait.jpg); } }
a{ color:inherit; }
h1,h2,h3{ font-family:var(--hand); font-weight:700; line-height:1.08; margin:0; font-variation-settings:"INFM" 60,"BNCE" 30; letter-spacing:-.01em; }
p{ margin:0; }
:focus-visible{ outline:2px solid var(--lemon); outline-offset:3px; }
.wrap{ width:min(1120px, 100% - 2rem); margin:0 auto; }
/* top bar */
.bar{ padding:1rem 0; background: color-mix(in srgb, var(--forest) 80%, transparent); }
.bar .wrap{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand{ font:700 1.2rem var(--hand); text-decoration:none; color:var(--cream); display:flex; align-items:center; gap:.5rem; }
.brand svg{ width:1.3rem; height:1.3rem; color:var(--lemon); }
.back{ font:600 .95rem var(--hand); color:var(--cream); opacity:.85; }
/* paper sheet */
.paper{ position:relative; isolation:isolate; color:var(--ink); padding:clamp(1.4rem,3vw,2.2rem);
  filter: drop-shadow(0 14px 14px rgba(4,12,4,.42)) drop-shadow(0 2px 2px rgba(4,12,4,.3)); }
.paper::before{ content:""; position:absolute; inset:0; z-index:-1;
  background-color:var(--pp, #F2E8D1); background-image:url(tex/paper.jpg), url(tex/crumple.jpg); background-size:256px, 620px; background-blend-mode:soft-light, soft-light;
  -webkit-mask:var(--torn); mask:var(--torn); }
.paper h2{ font-size:1.45rem; }
.tape{ position:absolute; top:-8px; left:50%; width:88px; height:24px; margin-left:-44px; z-index:3; transform:rotate(-3deg);
  background:rgba(232,184,58,.62) url(tex/paper.jpg); background-size:160px; background-blend-mode:soft-light;
  clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%); }
/* buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font:700 1.05rem var(--hand); letter-spacing:.01em; text-decoration:none; cursor:pointer;
  padding:.95rem 1.6rem; border:2px solid var(--ink); border-radius:var(--wobble); background:var(--ink) url(tex/felt.jpg); background-size:200px; background-blend-mode:soft-light; color:var(--cream);
  box-shadow:0 3px 0 rgba(0,0,0,.22), 0 12px 20px -12px rgba(4,12,4,.6); transition:transform .3s cubic-bezier(.34,1.56,.64,1), background-color .2s; }
.btn:hover{ transform:translateY(-2px) rotate(-.6deg); background-color:#3B2F20; }
.btn:disabled{ opacity:.55; cursor:progress; transform:none; }
.btn-lemon{ background-color:var(--lemon); border-color:var(--lemon); color:var(--lemon-ink); }
.btn-lemon:hover{ background-color:#F0C54E; }
.btn-ghost{ background:transparent; color:var(--ink); border-color:var(--line-strong); box-shadow:none; }
.btn-block{ width:100%; }
/* forms */
.field{ display:grid; gap:.3rem; align-content:start; }
.field label, .legend{ font:800 .7rem var(--body); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint); }
.field small{ font-size:.78rem; color:var(--ink-faint); }
input, select, textarea{ width:100%; font:1rem var(--body); color:var(--ink); background:#FBF6EA; border:1.5px solid var(--line-strong); border-radius:12px; padding:.75rem .85rem; }
textarea{ resize:vertical; min-height:96px; }
input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(232,184,58,.35); }
.invalid{ border-color:var(--pink-dk) !important; background:#FFF1EE; }
.err{ color:var(--pink-dk); font-size:.82rem; }
.row{ display:grid; gap:.9rem; }
@media (min-width:640px){ .row.two{ grid-template-columns:1fr 1fr; } .row.three{ grid-template-columns:1.2fr 1fr 1fr; } }
.choice{ display:flex; flex-wrap:wrap; gap:.5rem; }
.choice label{ display:inline-flex; align-items:center; gap:.45rem; padding:.55rem .85rem; border:1.5px solid var(--line-strong); border-radius:var(--wobble); cursor:pointer; font:600 .95rem var(--body); color:var(--ink); background:rgba(255,255,255,.35); text-transform:none; letter-spacing:0; }
.choice input{ width:auto; accent-color:var(--wordmark); }
.choice label:has(input:checked){ border-color:var(--ink); background:#fff; }
/* footer */
.foot{ padding:2.4rem 0 3rem; font-size:.84rem; color:var(--cream); opacity:.92; }
.foot nav{ display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; margin-bottom:.6rem; }
.foot a{ text-underline-offset:3px; }
/* policy pages */
.doc{ margin:2rem auto 1rem; max-width:820px; }
.doc h1{ font-size:clamp(2rem,5vw,2.8rem); margin-bottom:.4rem; }
.doc .updated{ font-size:.82rem; color:var(--ink-faint); margin-bottom:1.4rem; }
.doc h2{ font-size:1.3rem; margin:1.6rem 0 .5rem; }
.doc p, .doc li{ color:var(--ink-soft); }
.doc p + p{ margin-top:.7rem; }
.doc ul{ padding-left:1.2rem; margin:.5rem 0; }
.doc li + li{ margin-top:.35rem; }
.doc table{ width:100%; border-collapse:collapse; margin:.6rem 0 1rem; font-size:.95rem; }
.doc th, .doc td{ text-align:left; padding:.55rem .4rem; border-bottom:1.5px dashed var(--line-strong); vertical-align:top; }
.doc .fill{ background:rgba(232,184,58,.35); padding:0 .25rem; border-radius:4px; font-weight:600; color:var(--ink); }

.doc .lead{ font-size: 1.08rem; line-height: 1.6; padding: .8rem 1rem; border-left: 4px solid #E8B83A; background: rgba(232,184,58,.14); border-radius: 4px; }
