/* doc.css: the document pages (blog, field guide, canvas, privacy, cookies, 404). The base is the same as the eight main pages; built by hand from contact.html plus the document rules. */
@font-face { font-family: "Schibsted Grotesk"; font-weight: 400 900; font-display: swap; src: url("/assets/fonts/schibsted-grotesk-latin.woff2") format("woff2"); }
:root { --bg: #fff; --soft: #faf9f7; --ink: #00174e; --text: #1f2633; --mute: #545b68; --rule: rgba(0,23,78,.12); --night: #000f33; --orange: #ff7a00; --blue: #1f3bd9; --blue-lt: #93a5ff; --m: clamp(18px, 2.3vw, 34px); --w: 1272px; --r: 14px; --ease: cubic-bezier(.2,.7,.1,1);
  --grad: linear-gradient(105deg, #000f33 0%, #00174e 34%, #12307a 52%, #7a4a2c 78%, #2a1a14 100%);
  --panel: radial-gradient(60% 95% at 50% 100%, rgba(122,74,44,.5), rgba(122,74,44,0) 70%), linear-gradient(105deg, #000f33 0%, #00174e 46%, #082463 100%);
  --pad: clamp(20px, 3.6vw, 52px); --gap: clamp(26px, 3vw, 44px); }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p, ol, ul, figure, blockquote { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img, video { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-align: left; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: -999px; } .skip:focus { left: 16px; top: 80px; background: #fff; color: #000; padding: 12px 16px; z-index: 60; border-radius: 8px; }
.in { max-width: calc(var(--w) + var(--m) * 2); margin: 0 auto; padding: 0 var(--m); }
.sec { padding-top: clamp(84px, 9vw, 136px); }
.lab { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--mute); } .lab::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); } .hero .lab::before { background: var(--orange); }
.lab + h2, .lab + h3 { margin-top: 14px; }
h2 { font-size: clamp(30px, 3.4vw, 48px); font-weight: 400; letter-spacing: -.012em; line-height: 1.16; color: var(--ink); text-wrap: balance; }
.sub { margin-top: 14px; font-size: 15px; color: var(--mute); max-width: 34em; }
.c { text-align: center; } .c .sub { margin-left: auto; margin-right: auto; }
.pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px; font-size: 15px; letter-spacing: -.01em; background: #fff; color: var(--ink); transition: background .25s, color .25s, transform .25s var(--ease); }
.pill:hover { transform: translateY(-1px); }
.pill.gl { background: rgba(255,255,255,.2); color: #fff; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .pill.gl:hover { background: rgba(255,255,255,.3); }
.pill.dk { background: var(--ink); color: #fff; } .pill.dk:hover { background: #0c2c74; }
.pill.sm { min-height: 44px; padding: 0 16px; font-size: 13.5px; }
.pill svg { width: 12px; height: 12px; }
.hold { position: absolute; z-index: 4; padding: 5px 9px; border-radius: 7px; background: rgba(255,255,255,.9); color: var(--ink); font-size: 12px; line-height: 1.3; max-width: 240px; } .hold b { font-weight: 600; }

.nav { position: fixed; z-index: 50; left: 0; right: 0; top: 0; padding: 10px var(--m) 0; pointer-events: none; }
.nav__b { pointer-events: auto; max-width: var(--w); margin: 0 auto; display: flex; align-items: center; gap: 28px; height: 56px; padding: 0 10px 0 16px; border-radius: 12px; color: #fff; transition: background .35s, color .35s, box-shadow .35s; }
.nav.solid .nav__b { background: rgba(250,249,247,.82); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); color: var(--ink); box-shadow: 0 1px 0 rgba(0,23,78,.06), 0 12px 30px -18px rgba(0,23,78,.3); }
.nav__b > a:first-child { display: flex; align-items: center; min-height: 44px; } .nav__b > a:first-child img { height: 20px; width: auto; transition: filter .35s; }
.nav.solid .nav__b > a:first-child img { filter: brightness(0) saturate(100%) invert(9%) sepia(22%) saturate(1800%) hue-rotate(185deg); }
.nav ul { margin-left: auto; display: flex; gap: 2px; font-size: 14px; } .nav ul a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; opacity: .92; } .nav ul a:hover { opacity: 1; background: rgba(127,127,127,.16); }
.nav .pill { min-height: 44px; padding: 0 16px; font-size: 13.5px; } .nav.solid .pill { background: var(--ink); color: #fff; }
.nav__m { display: none; margin-left: auto; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid currentColor; font-size: 13.5px; }
.hero { position: relative; height: 100vh; height: 100svh; min-height: 680px; background: var(--night); color: #fff; overflow: hidden; }
.bgs, .bgs img { position: absolute; inset: 0; width: 100%; height: 100%; }
.bgs img { object-fit: cover; object-position: 70% 50%; filter: saturate(.8) brightness(.78); opacity: 0; transition: opacity 1.2s var(--ease); } .bgs img.on { opacity: 1; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,15,51,.86), rgba(0,15,51,.42) 46%, rgba(0,15,51,.08) 78%), linear-gradient(0deg, rgba(0,15,51,.86), rgba(0,15,51,0) 44%), linear-gradient(180deg, rgba(0,15,51,.5), rgba(0,15,51,0) 22%); }
.hero__in { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; gap: clamp(36px, 7vh, 76px); padding-top: 110px; padding-bottom: clamp(26px, 4vh, 44px); }
.slides { display: grid; }
.slide { grid-area: 1 / 1; align-self: end; max-width: 900px; opacity: 0; transform: translateY(14px); transition: opacity .7s var(--ease), transform .7s var(--ease); pointer-events: none; }
.slide.on { opacity: 1; transform: none; pointer-events: auto; }
.slide h1, .slide .h1 { font-size: clamp(44px, 6.4vw, 92px); font-weight: 400; letter-spacing: -.028em; line-height: 1; text-wrap: balance; }
.slide .strap { margin-top: clamp(14px, 1.6vw, 22px); max-width: none; font-size: clamp(20px, 2.2vw, 31px); letter-spacing: -.014em; line-height: 1.2; opacity: 1; color: #ffd9b8; }
.slide p { margin-top: 18px; max-width: 34em; font-size: clamp(16px, 1.25vw, 17.5px); line-height: 1.5; opacity: .9; }
.slide div { margin-top: 26px; display: flex; gap: 10px; flex-wrap: wrap; }
.cta { position: relative; overflow: hidden; border-radius: var(--r); min-height: clamp(340px, 30vw, 420px); background: var(--grad); color: #fff; display: grid; place-items: center; text-align: center; padding: 48px 20px; }
.cta::before { content: ""; position: absolute; inset: -40% -10%; background: linear-gradient(115deg, transparent 30%, rgba(147,165,255,.24) 44%, transparent 52%, rgba(255,122,0,.26) 66%, transparent 76%); filter: blur(30px); }
.cta > div { position: relative; } .cta h2 { color: #fff; margin: 0; } .cta p { margin: 14px auto 0; max-width: 28em; font-size: 15px; opacity: .9; }
.cta .cta__x { margin-top: 18px; font-size: 13.5px; opacity: .86; } .cta__x a { text-decoration: underline; text-underline-offset: 4px; }
.cta__a { margin-top: 24px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.ft { padding: clamp(56px, 6vw, 96px) 0 clamp(14px, 1.6vw, 24px); overflow: hidden; }
.ft__g { display: grid; grid-template-columns: 5fr 2fr 2fr 2fr; gap: 28px; }
.ft__g > div:first-child img { height: 22px; width: auto; } .ft__g > div:first-child p { margin-top: 14px; font-size: 14px; color: var(--mute); max-width: 22em; }
.ft__g h3 { font-size: 13.5px; font-weight: 500; color: var(--ink); margin-bottom: 6px; } .ft__g li a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-size: 14px; color: var(--mute); } .ft__g li a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.ft__l a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; } .ft__l { align-items: center; margin-top: 36px; padding: 6px 0; border-top: 1px solid var(--rule); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: var(--mute); }
.hero--page { height: auto; min-height: 0; } .hero--page .hero__in { height: auto; min-height: min(62vh, 540px); padding-bottom: clamp(36px, 5vh, 64px); }
.hero--page .lab { color: rgba(255,255,255,.85); margin-bottom: 18px; } .hero--page .slide { max-width: 940px; align-self: flex-start; } .hero--page h1 { font-size: clamp(36px, 5vw, 72px); line-height: 1.04; }
.nav ul a[aria-current] { opacity: 1; background: rgba(127,127,127,.16); }
.cc { position: fixed; z-index: 80; left: var(--m); right: var(--m); bottom: 14px; max-width: 780px; margin: 0 auto; padding: 16px 20px; border-radius: var(--r); background: #fff; color: var(--ink); border: 1px solid var(--rule); box-shadow: 0 18px 50px -18px rgba(0,23,78,.45); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; opacity: 0; transform: translateY(12px); transition: opacity .35s, transform .35s var(--ease); }
.cc[hidden] { display: none; } .cc.on { opacity: 1; transform: none; }
.cc__t { flex: 1 1 100%; font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
.cc__p { flex: 1 1 20em; font-size: 13.5px; line-height: 1.45; color: var(--mute); } .cc__p a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.cc__b { display: flex; gap: 8px; flex: none; } .cc__b button { min-height: 44px; padding: 0 18px; border-radius: 999px; font-size: 14px; border: 1px solid var(--ink); color: var(--ink); background: #fff; } .cc__b button:hover { background: var(--ink); color: #fff; }
.cc__state { flex: 1 1 100%; font-size: 13px; color: var(--mute); } .cc__state b { color: var(--ink); font-weight: 500; }
.cc__close { min-height: 44px; font-size: 13px; color: var(--mute); text-decoration: underline; text-underline-offset: 3px; } .cc[data-mode="first"] .cc__close { display: none; }
.cc button:focus-visible, .ft__set:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.ft__set { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; font-size: inherit; color: inherit; } .ft__set:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) { .four li.seen .v2 .ln i { animation: cross 2.8s var(--ease) 1s infinite; } @keyframes cross { 0% { left: 0; opacity: 0; } 12% { opacity: 1; } 70% { left: calc(100% - 9px); opacity: 1; } 100% { left: calc(100% - 9px); opacity: 0; } } }
.four .eg { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--rule); font-size: 13px; color: var(--ink); }
.four h3 { margin: 16px 12px 0; font-size: 17px; font-weight: 500; letter-spacing: -.01em; color: var(--ink); } .four p { margin: 6px 12px 0; font-size: 14px; line-height: 1.45; color: var(--mute); }
.line { margin: clamp(28px, 3vw, 44px) auto 0; max-width: 26em; font-size: clamp(18px, 1.6vw, 22px); letter-spacing: -.01em; color: var(--ink); }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
@media (max-width: 960px) {
  .nav ul, .nav .pill { display: none; } .nav__m { display: inline-flex; align-items: center; }
  .nav.open .nav__b { background: var(--soft); color: var(--ink); flex-wrap: wrap; height: auto; padding: 6px 10px 14px 16px; border-radius: 14px; } .nav.open .nav__b > a:first-child img { filter: brightness(0); }
  .nav.open ul { display: flex; flex-direction: column; width: 100%; margin: 0; font-size: 20px; } .nav.open ul a { min-height: 52px; padding: 0 4px; border-bottom: 1px solid var(--rule); border-radius: 0; } .nav.open .pill { display: inline-flex; width: 100%; margin-top: 12px; background: var(--ink); color: #fff; min-height: 48px; }
  .hero { height: auto; min-height: 100svh; } .hero__in { gap: 28px; min-height: 100svh; } .hero .hold { display: none; }
  .ft__g { grid-template-columns: 1fr 1fr; } .ft__g > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 560px) { .cc { bottom: 8px; padding: 14px 16px; } .cc__b { flex: 1 1 100%; } .cc__b button { flex: 1; } }
@media (prefers-reduced-motion: reduce) { .cc { transition: none; } }

/* ---------- document pages: shared ---------- */
.hero--doc .hero__in { min-height: min(54vh, 480px); }
.hero--doc .slide p { max-width: 38em; }
.hero--doc .meta { display: flex; flex-wrap: wrap; gap: 10px 36px; margin-top: 26px; } .hero--doc .meta div { padding-top: 10px; border-top: 1px solid rgba(255,255,255,.3); min-width: 120px; } .hero--doc .meta dt { display: block; font-size: 12px; opacity: .75; } .hero--doc .meta dd { margin: 2px 0 0; font-size: 15px; }
.k, .lab { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--mute); } .k::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); }
a.lk { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lede { margin-top: 14px; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.5; color: var(--mute); max-width: 38em; }
.small { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--mute); }
.shead h2 { max-width: 18em; }
.sec--tight { padding-top: clamp(56px, 6vw, 88px); }

/* article */
.art { max-width: 42em; font-size: 17px; line-height: 1.6; color: var(--text); }
.art > * + * { margin-top: 1.1em; } .art h2 { margin-top: 1.7em; font-size: clamp(24px, 2.2vw, 32px); } .art h3 { margin-top: 1.4em; font-size: 20px; font-weight: 500; color: var(--ink); }
.art ol { list-style: decimal; padding-left: 1.5em; } .art ul { list-style: disc; padding-left: 1.3em; } .art li + li { margin-top: .4em; } .art li::marker { color: var(--mute); font-size: 14px; }
.art a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; } .art strong { color: var(--ink); font-weight: 500; }
.art blockquote { padding-left: 18px; border-left: 2px solid var(--ink); color: var(--ink); font-size: clamp(18px, 1.5vw, 21px); line-height: 1.45; }
.art .foot { margin-top: 2.4em; padding-top: 18px; border-top: 1px solid var(--rule); font-size: 14.5px; }

/* blog index */
.posts { border-top: 1px solid var(--ink); }
.posts a { display: grid; grid-template-columns: 150px 5fr 6fr 20px; gap: 24px; align-items: center; padding: clamp(18px, 2vw, 26px) 0; border-bottom: 1px solid var(--rule); transition: padding .4s var(--ease), background .3s; } .posts a:hover { padding-left: 14px; padding-right: 14px; background: var(--soft); }
.posts time { font-size: 12.5px; color: var(--mute); } .posts b { font-size: clamp(19px, 1.8vw, 25px); font-weight: 500; letter-spacing: -.016em; line-height: 1.2; color: var(--ink); } .posts span { font-size: 15px; line-height: 1.45; color: var(--mute); } .posts svg { width: 13px; height: 13px; color: var(--ink); }

/* legal: contents rail and body */
.leg { display: grid; grid-template-columns: 230px 1fr; gap: clamp(28px, 5vw, 80px); align-items: start; }
.leg__toc { position: sticky; top: 86px; display: flex; flex-direction: column; border-top: 1px solid var(--ink); } .leg__toc a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--rule); font-size: 14px; color: var(--mute); } .leg__toc a:hover { color: var(--ink); } .leg__toc a.x { color: var(--blue); }
.leg__b { max-width: 46em; } .leg__b section + section { margin-top: clamp(40px, 4vw, 64px); }
.leg__b h2 { display: flex; gap: 14px; align-items: baseline; font-size: clamp(24px, 2.3vw, 34px); } .leg__b h2 span { font-size: 12.5px; color: var(--mute); font-variant-numeric: tabular-nums; }
.leg__b h3 { margin-top: 1.5em; font-size: 18px; font-weight: 500; color: var(--ink); }
.leg__b p { margin-top: .9em; font-size: 16px; line-height: 1.6; } .leg__b p a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; } .leg__b strong { color: var(--ink); font-weight: 500; }
.lrows { margin-top: 1em; border-top: 1px solid var(--ink); } .lrows > div { display: grid; grid-template-columns: 200px 1fr; gap: 20px; padding: 11px 0; border-bottom: 1px solid var(--rule); font-size: 15px; line-height: 1.5; } .lrows b { font-weight: 500; color: var(--ink); } .lrows a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.lcall { margin-top: 1em; padding: 16px 20px; border-radius: 12px; background: var(--soft); border: 1px solid var(--rule); } .lcall b { display: block; color: var(--ink); font-weight: 500; } .lcall p { margin-top: .5em; font-size: 15px; }
.tablewrap { overflow-x: auto; } .ltab { width: 100%; border-collapse: collapse; margin-top: 1em; font-size: 14.5px; line-height: 1.45; } .ltab th, .ltab td { text-align: left; vertical-align: top; padding: 10px 14px 10px 0; border-bottom: 1px solid var(--rule); } .ltab thead th { font-size: 12.5px; font-weight: 400; color: var(--mute); border-bottom: 1px solid var(--ink); }
.brief { border: 1px solid var(--rule); border-radius: var(--r); background: var(--soft); padding: clamp(18px, 2vw, 28px); } .brief .lab { margin-bottom: 8px; } .brief ol { counter-reset: n; } .brief li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 10px 0; border-top: 1px solid var(--rule); font-size: 15px; line-height: 1.5; counter-increment: n; opacity: 0; transition: opacity 0s linear calc(var(--k, 0) * .25s + .2s); } .seen .brief li, .brief.seen li { opacity: 1; } .brief li::before { content: counter(n, decimal-leading-zero); font-size: 12.5px; color: var(--mute); padding-top: 3px; } .brief li b { color: var(--ink); font-weight: 500; } .brief a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }

/* 404: the step nobody needed */
.nf { border-radius: var(--r); background: var(--panel); color: #fff; padding: clamp(20px, 2.6vw, 36px); max-width: 860px; }
.nf .t { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; opacity: .8; }
.nf ol { margin-top: 18px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; } .nf li { display: grid; place-items: center; min-height: 48px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); font-size: 13.5px; font-variant-numeric: tabular-nums; }
.nf li.x { background: var(--orange); border-color: var(--orange); color: #1a0c00; font-weight: 500; }
.nf p.l { margin-top: 18px; font-size: 16px; } .nf p.l b { font-weight: 500; color: #ffd9b8; opacity: 0; transition: opacity 0s linear 2.2s; } .nf.seen p.l b { opacity: 1; }
.nf.seen li.x { animation: stopit 7s var(--ease) 1.2s infinite; } @keyframes stopit { 0%, 10% { transform: scale(1); opacity: 1; } 16%, 80% { transform: scale(.4); opacity: 0; } 86%, 100% { transform: scale(1); opacity: 1; } }

/* the canvas */
.cv { border: 1px solid var(--rule); border-radius: var(--r); background: var(--soft); overflow: hidden; }
.cv__l li { display: grid; grid-template-columns: 44px 230px 1fr; gap: 20px; align-items: start; padding: clamp(14px, 1.6vw, 22px) clamp(16px, 2vw, 28px); border-bottom: 1px solid var(--rule); }
.cv__i { font-size: 12.5px; color: var(--mute); padding-top: 4px; font-variant-numeric: tabular-nums; } .cv__lab b { display: block; font-size: 16.5px; font-weight: 500; color: var(--ink); } .cv__lab span { display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.4; color: var(--mute); }
.cv textarea { display: block; width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid rgba(0,23,78,.3); border-radius: 10px; background: #fff; font: inherit; font-size: 16px; color: var(--ink); resize: vertical; -webkit-appearance: none; appearance: none; }
.cv__pills { display: flex; flex-wrap: wrap; gap: 8px; border: 0; padding: 0; margin: 0; } .cvpill { position: relative; } .cvpill input { position: absolute; opacity: 0; inset: 0; cursor: pointer; } .cvpill span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 10px; border: 1px solid rgba(0,23,78,.3); background: #fff; font-size: 14px; color: var(--ink); } .cvpill input:checked + span { background: var(--ink); border-color: var(--ink); color: #fff; } .cvpill input:focus-visible + span { outline: 2px solid var(--blue); outline-offset: 2px; }
.cv__dec { background: var(--night); color: #fff; padding: clamp(18px, 2vw, 28px) clamp(16px, 2vw, 28px); } .cv__dec .cv__i { color: rgba(255,255,255,.7); } .cv__claim { display: block; margin-top: 8px; font-size: clamp(17px, 1.5vw, 20px); max-width: 34em; } .cv__dec textarea { margin-top: 14px; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); color: #fff; }
.cv__tools { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 14px clamp(16px, 2vw, 28px); } .cv__tools .lk { font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; } .cv__saved { font-size: 13px; color: var(--mute); }
.send2 { margin-top: clamp(40px, 5vw, 72px); display: grid; grid-template-columns: 4fr 7fr; gap: clamp(22px, 5vw, 80px); align-items: start; } .send2 h2 { font-size: clamp(24px, 2.4vw, 34px); }
.frm { border: 1px solid var(--rule); border-radius: var(--r); background: var(--soft); padding: clamp(16px, 1.6vw, 22px) clamp(18px, 2.6vw, 32px); }
.frm .fg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; } .frm label.f { display: block; font-size: 13.5px; color: var(--mute); } .frm label.f i { font-style: normal; }
.frm input[type=text], .frm input[type=email] { display: block; width: 100%; margin-top: 4px; min-height: 44px; padding: 10px 14px; border: 1px solid rgba(0,23,78,.3); border-radius: 10px; background: #fff; font: inherit; font-size: 16px; color: var(--ink); -webkit-appearance: none; appearance: none; } .frm [aria-invalid="true"] { border-color: #b42318; }
.frm .opt { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; margin: 12px 0 10px; font-size: 13.5px; line-height: 1.45; color: var(--mute); cursor: pointer; } .frm .opt input { width: 22px; height: 22px; margin: 0; accent-color: var(--blue); }
.frm .send { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .frm .send button { min-height: 48px; padding: 0 24px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 15px; } .frm .send p { font-size: 13.5px; color: var(--mute); } .frm .send p[data-tone="bad"] { color: #b42318; } .frm .send p[data-tone="good"] { color: var(--ink); } .frm .send p a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.frm .done { padding: 6px 0; } .frm .done h3 { font-size: 20px; font-weight: 500; color: var(--ink); } .frm .done p { margin-top: 8px; font-size: 15px; color: var(--mute); } .frm .done a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }

/* the field guide */
.gbar { position: sticky; top: 0; z-index: 40; background: rgba(250,249,247,.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--rule); }
.gbar__in { display: flex; align-items: center; gap: 14px; min-height: 54px; font-size: 13.5px; padding-top: 68px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .gbar__in::-webkit-scrollbar { display: none; }
.gbar .gk { color: var(--ink); font-weight: 500; } .gbar ol { display: flex; gap: 2px; } .gbar ol a { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 8px; color: var(--mute); white-space: nowrap; } .gbar ol a span { font-size: 11.5px; font-variant-numeric: tabular-nums; } .gbar ol a em { display: none; } .gbar ol a.is-on { color: var(--ink); background: rgba(0,23,78,.06); }
.gbar__m { margin-left: auto; display: flex; gap: 16px; align-items: center; color: var(--mute); white-space: nowrap; }
.gprog { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: rgba(0,23,78,.08); } .gprog b { display: block; height: 100%; width: 0; background: var(--orange); }
.g2 .sec { padding-top: clamp(64px, 7vw, 104px); }
.chap { position: relative; overflow: hidden; border-radius: var(--r); background: var(--panel); color: #fff; padding: var(--pad); display: grid; grid-template-columns: 150px 1fr; gap: 24px; min-height: clamp(260px, 26vw, 360px); align-items: end; }
.chap > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .28; filter: saturate(.7); } .chap > * { position: relative; }
.g2no { font-size: clamp(64px, 8vw, 128px); font-weight: 400; letter-spacing: -.04em; line-height: .85; color: #ffd9b8; opacity: .9; }
.chap .k { color: rgba(255,255,255,.82); } .chap .k::before { background: var(--orange); } .chap h2 { margin-top: 12px; color: #fff; max-width: 16em; } .chap .lede { color: rgba(255,255,255,.86); }
.chap .dnodes { grid-column: 1 / -1; }
.g2essay-in { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(28px, 5vw, 80px); align-items: start; }
.g2pull { font-size: clamp(22px, 2.4vw, 34px); letter-spacing: -.014em; line-height: 1.25; color: var(--ink); max-width: 18em; } .g2pull footer { margin-top: 14px; font-size: 13.5px; color: var(--mute); }
.g2prose p { font-size: 16.5px; line-height: 1.6; max-width: 40em; } .g2prose p + p { margin-top: 1em; }
.g2chart { margin-top: clamp(26px, 3vw, 44px); display: grid; grid-template-columns: 7fr 5fr; gap: clamp(22px, 3vw, 44px); align-items: start; }
.g2bars { margin-top: 12px; border-top: 1px solid var(--ink); } .g2bars li { display: grid; grid-template-columns: 150px 1fr 54px; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: 14.5px; } .g2bars .lbl { color: var(--mute); } .g2bars b { font-weight: 500; color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
.g2bars .bar { height: 14px; border-radius: 7px; background: rgba(0,23,78,.08); overflow: hidden; } .g2bars .bar i { display: block; height: 100%; width: 0; background: var(--ink); transition: width 1.1s var(--ease) calc(var(--k, 0) * .2s + .2s); } .seen .g2bars .bar i { width: calc(var(--v) * 1%); } .g2bars li.hi .bar i { background: var(--blue); }
.g2src { display: block; margin-top: 6px; font-size: 12px; color: var(--mute); } .g2bars-wrap .k .g2src { display: inline; margin: 0 0 0 8px; }
.g2calls { display: grid; gap: 12px; } .g2call { border: 1px solid var(--rule); border-radius: 12px; background: var(--soft); padding: 18px 20px; } .g2call b { display: block; font-size: clamp(32px, 3vw, 44px); font-weight: 400; letter-spacing: -.02em; line-height: 1; color: var(--ink); } .g2call p { margin-top: 10px; font-size: 14.5px; line-height: 1.45; color: var(--mute); }
.g2read { margin-top: 26px; max-width: 44em; } .g2claim { font-size: clamp(19px, 1.8vw, 26px); letter-spacing: -.012em; line-height: 1.3; color: var(--ink); } .g2claim-solo { margin-top: 30px; max-width: 28em; }
.g2decay { margin-top: clamp(26px, 3vw, 44px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(22px, 4vw, 64px); align-items: start; }
.g2steps svg { width: 100%; height: auto; color: var(--ink); } .g2steps-fill { fill: rgba(31,59,217,.1); } .g2steps-line { fill: none; stroke: var(--blue); stroke-width: 2.5; stroke-dasharray: 1200; stroke-dashoffset: 1200; transition: stroke-dashoffset 2.4s var(--ease) .3s; } .seen .g2steps-line { stroke-dashoffset: 0; } .g2steps figcaption { margin-top: 8px; font-size: 12.5px; color: var(--mute); }
.g2stages { border-top: 1px solid var(--ink); } .g2stages li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--rule); opacity: 0; transition: opacity 0s linear calc(var(--k, 0) * .4s + .4s); } .seen .g2stages li, .g2stages.seen li { opacity: 1; } .g2stages b { font-size: 12.5px; font-weight: 400; color: var(--mute); padding-top: 4px; font-variant-numeric: tabular-nums; } .g2stages h3 { font-size: 17px; font-weight: 500; color: var(--ink); } .g2stages p { margin-top: 2px; font-size: 14.5px; color: var(--mute); }
.g2chain { margin-top: 30px; } .g2chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; counter-reset: c; } .g2chips li { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--rule); background: #fff; font-size: 14px; color: var(--ink); counter-increment: c; opacity: 0; transition: opacity 0s linear calc(var(--k, 0) * .25s + .2s); } .seen .g2chips li, .g2chips.seen li { opacity: 1; } .g2chips li::before { content: counter(c, decimal-leading-zero); font-size: 11.5px; color: var(--mute); } .g2chips li.end { background: var(--ink); border-color: var(--ink); color: #fff; } .g2chips li.end::before { color: rgba(255,255,255,.7); }
.g2strip { margin-top: clamp(26px, 3vw, 44px); display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .g2strip li { padding-top: 16px; border-top: 1px solid var(--ink); } .g2strip b { font-size: 12.5px; font-weight: 400; color: var(--mute); } .g2strip h3 { margin-top: 18px; font-size: 18px; font-weight: 500; line-height: 1.25; color: var(--ink); } .g2strip p { margin-top: 8px; font-size: 14px; line-height: 1.45; color: var(--mute); } .g2strip-cap { margin-top: 26px; font-size: clamp(17px, 1.5vw, 21px); color: var(--ink); max-width: 30em; }
.g2moves { margin-top: clamp(26px, 3vw, 44px); display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .g2moves li { border: 1px solid var(--rule); border-radius: 12px; background: #fff; padding: 16px; } .moves__n { font-size: 12px; color: var(--mute); } .g2moves h3 { margin-top: 10px; font-size: 17px; font-weight: 500; } .g2moves h3 a { color: var(--ink); } .g2moves h3 a:hover { text-decoration: underline; text-underline-offset: 4px; } .g2moves p { margin-top: 8px; font-size: 13.5px; line-height: 1.45; color: var(--mute); } .g2track-cap { margin-top: 22px; font-size: 15px; color: var(--mute); }
.pn { display: block; width: 100%; height: auto; margin-top: 12px; overflow: visible; }
.pn-l, .pn-a, .pn-x, .pn-w { fill: none; stroke-linecap: round; stroke-linejoin: round; } .pn-l { stroke: var(--ink); stroke-width: 2; } .pn-a { stroke: var(--blue); stroke-width: 2.5; } .pn-x { stroke: var(--blue); stroke-width: 2.5; } .pn-w { stroke: var(--blue); stroke-width: 2; } .pn-n { fill: var(--ink); } .pn-h { fill: #fff; stroke: rgba(0,23,78,.5); stroke-width: 1.5; } .pn-af { fill: var(--blue); } .pn-b { fill: #c3ccf4; }
.pn-d { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .7s var(--ease) calc(var(--d, 0) * 90ms + .3s); } .seen .pn-d { stroke-dashoffset: 0; }
.pn-p { transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .45s var(--ease) calc(var(--d, 0) * 90ms + .3s); } .pn-g { transform-box: fill-box; transform-origin: bottom; transform: scaleY(0); transition: transform .45s var(--ease) calc(var(--d, 0) * 90ms + .3s); } .seen .pn-p, .seen .pn-g { transform: none; }
.g2move-in { display: grid; grid-template-columns: 4fr 7fr; gap: clamp(28px, 5vw, 80px); align-items: start; }
.g2move-no { display: block; font-size: clamp(48px, 5vw, 72px); font-weight: 400; letter-spacing: -.03em; line-height: 1; color: var(--ink); opacity: .5; } .g2move-pn { display: block; max-width: 220px; margin-top: 10px; } .g2move-side h2 { margin-top: 14px; font-size: clamp(26px, 2.6vw, 36px); } .g2stage { margin-top: 14px; font-size: 13.5px; color: var(--ink); } .g2stage span { color: var(--mute); margin-right: 8px; }
.g2askdo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .g2askdo > div { border: 1px solid var(--rule); border-radius: 12px; background: var(--soft); padding: 16px 18px; } .g2askdo h3 { margin-top: 8px; font-size: 17px; font-weight: 500; color: var(--ink); } .g2askdo p { margin-top: 6px; font-size: 14.5px; line-height: 1.45; color: var(--mute); }
.g2ticks { margin-top: 14px; } .g2ticks ul { margin-top: 8px; border-top: 1px solid var(--ink); } .g2ticks li button { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; width: 100%; min-height: 44px; padding: 10px 0; border-bottom: 1px solid var(--rule); font-size: 15px; line-height: 1.4; color: var(--text); }
.g2ticks .box { position: relative; width: 20px; height: 20px; margin-top: 1px; border-radius: 5px; border: 1px solid rgba(0,23,78,.4); background: #fff; transition: background .2s, border-color .2s; } .g2ticks button[aria-pressed="true"] .box { background: var(--ink); border-color: var(--ink); } .g2ticks button[aria-pressed="true"] .box::after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.g2ticks-n { margin-left: 8px; color: var(--blue); } .g2ticks li button span b { display: block; font-weight: 500; color: var(--ink); }
.g2watch { margin-top: 16px; padding-left: 14px; border-left: 2px solid var(--ink); font-size: 14.5px; line-height: 1.5; color: var(--mute); } .g2watch .k { display: flex; margin-bottom: 2px; }
.g2leave { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ink); } .g2leave p { margin-top: 6px; font-size: clamp(17px, 1.5vw, 20px); color: var(--ink); }
.dnodes { margin-top: 26px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } .dnodes li { padding: 14px 12px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); opacity: 0; transition: opacity 0s linear calc(var(--k, 0) * .3s + .3s); } .seen .dnodes li, .dnodes.seen li { opacity: 1; }
.dnodes .m { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #fff; color: var(--ink); font-size: 12px; font-weight: 500; } .dnodes h3 { margin-top: 12px; font-size: 17px; font-weight: 500; } .dnodes h3 small { display: block; font-size: 11.5px; font-weight: 400; opacity: .7; } .dnodes p { margin-top: 6px; font-size: 13.5px; line-height: 1.4; opacity: .82; } .dnodes li.last { border-color: var(--orange); } .dnodes li.last .m { background: var(--orange); color: #1a0c00; }
.on-dark { color: rgba(255,255,255,.82); grid-column: 1 / -1; }
.g2sig { margin-top: clamp(26px, 3vw, 44px); display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .g2sig-col { border: 1px solid var(--rule); border-radius: 12px; background: #fff; padding: 18px 20px; } .g2sig-col h3 { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 500; color: var(--ink); } .g2sig-col h3 i { width: 11px; height: 11px; border-radius: 50%; background: var(--ink); } .g2sig-col.warn h3 i { background: #fff; border: 2px solid var(--ink); }
.g2sig ul { margin-top: 10px; border-top: 1px solid var(--ink); } .g2sig li { padding: 9px 0; border-bottom: 1px solid var(--rule); font-size: 14.5px; opacity: 0; transition: opacity 0s linear calc(var(--k, 0) * .2s + .2s); } .seen .g2sig li, .g2sig.seen li { opacity: 1; }
.g2q-in { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(28px, 5vw, 80px); align-items: start; } .g2q-copy .g2claim { margin-top: 18px; font-size: clamp(17px, 1.5vw, 21px); }
.win { border-radius: 12px; border: 1px solid var(--rule); background: var(--soft); overflow: hidden; } .win-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--rule); font-size: 13px; color: var(--mute); } .win .tally b { font-size: 20px; font-weight: 400; color: var(--ink); } .win .tally i { font-style: normal; font-size: 13px; color: var(--mute); }
.win.g2ticks { margin-top: 0; } .win.g2ticks ul { margin: 0; padding: 0 18px; border: 0; } .win-foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 18px; font-size: 13px; color: var(--mute); }
.g2tablist { margin-top: clamp(26px, 3vw, 44px); display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); } .g2tablist button { position: relative; padding: 16px 16px 14px 0; min-height: 70px; border-bottom: 1px solid var(--rule); } .g2tablist button + button { padding-left: 16px; border-left: 1px solid var(--rule); } .g2tablist button b { color: var(--mute); transition: color .3s; } .g2tablist button:hover b, .g2tablist button[aria-selected="true"] b { color: var(--ink); }
.g2tablist button::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--ink); transform: scaleX(0); transform-origin: 0 50%; transition: transform .4s var(--ease); } .g2tablist button[aria-selected="true"]::before { transform: scaleX(1); } .g2tablist b { display: block; font-size: 16px; font-weight: 500; } .g2tablist span { display: block; margin-top: 2px; font-size: 13px; color: var(--mute); }
.g2panel { padding-top: 22px; } .g2fric .g2claim { margin-top: 6px; max-width: 30em; } .g2fric > p:last-child { margin-top: 10px; font-size: 15px; line-height: 1.5; color: var(--mute); max-width: 44em; }
.g2three { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .g2three > div { border: 1px solid var(--rule); border-radius: 12px; background: var(--soft); padding: 16px 18px; } .g2three h3 { margin-top: 8px; font-size: 17px; font-weight: 500; color: var(--ink); } .g2three p { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--mute); }
.g2foot { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .g2measure ul { margin-top: 8px; border-top: 1px solid var(--ink); } .g2measure li { padding: 8px 0; border-bottom: 1px solid var(--rule); font-size: 14.5px; } .g2foot .g2watch { margin-top: 0; }
.g2days { margin-top: clamp(26px, 3vw, 44px); } .g2days-bar { display: flex; height: 44px; border-radius: 10px; overflow: hidden; } .g2days-bar i { display: grid; place-items: center; font-style: normal; font-size: 13px; color: #fff; transform-origin: left; transform: scaleX(0); transition: transform .9s var(--ease); } .g2days-bar b { font-weight: 400; } .g2days-bar .d1 { flex: 15; background: #000f33; } .g2days-bar .d2 { flex: 15; background: #00174e; transition-delay: .25s; } .g2days-bar .d3 { flex: 30; background: #082463; transition-delay: .5s; } .g2days-bar .d4 { flex: 30; background: var(--blue); transition-delay: .75s; } .seen .g2days-bar i { transform: none; }
.g2days-phases { margin-top: 16px; display: grid; grid-template-columns: 15fr 15fr 30fr 30fr; gap: 14px; } .g2days-phases li { padding-top: 12px; border-top: 1px solid var(--ink); } .g2days-phases h3 { margin-top: 8px; font-size: 17px; font-weight: 500; color: var(--ink); } .g2days-phases p { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--mute); }
.gp { margin-top: clamp(26px, 3vw, 44px); border: 1px solid var(--rule); border-radius: var(--r); background: #fff; padding: clamp(18px, 2.4vw, 36px); box-shadow: 0 30px 60px -40px rgba(0,23,78,.4); }
.canvas .fr { display: grid; grid-template-columns: 40px 220px 1fr; gap: 16px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--rule); } .canvas .ix { font-size: 12px; color: var(--mute); padding-top: 3px; } .canvas .fl { font-size: 15px; font-weight: 500; color: var(--ink); } .canvas .fl span { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; line-height: 1.4; color: var(--mute); } .canvas .writeon { display: block; min-height: 36px; border-bottom: 1px dashed rgba(0,23,78,.25); }
.canvas .decision { margin-top: 14px; border-radius: 10px; background: var(--night); color: #fff; padding: 16px 18px; } .canvas .lb { font-size: 12px; opacity: .75; } .canvas .claim { margin-top: 6px; font-size: 16px; } .canvas .decision .writeon { margin-top: 10px; border-color: rgba(255,255,255,.3); }
.gp__cta { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; } .gp__cta-t { font-size: 18px; color: var(--ink); } .gp__cta-s { margin-top: 4px; font-size: 14px; line-height: 1.45; color: var(--mute); max-width: 36em; } .gp__cta-a { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .gp__cta-a .lk { font-size: 14px; }
.g2srcs { margin-top: 20px; border-top: 1px solid var(--ink); counter-reset: s; } .g2srcs li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: 14.5px; line-height: 1.5; counter-increment: s; } .g2srcs li::before { content: "[" counter(s) "]"; font-size: 12.5px; color: var(--mute); } .g2srcs .url { display: block; margin-top: 4px; font-size: 13px; color: var(--blue); word-break: break-all; text-decoration: underline; text-underline-offset: 3px; }
.g2legal { margin-top: 22px; font-size: 13.5px; line-height: 1.5; color: var(--mute); max-width: 50em; } .g2legal p + p { margin-top: 8px; } .g2legal strong { color: var(--ink); font-weight: 500; }

@media (max-width: 960px) {
  .posts a { grid-template-columns: 1fr 20px; gap: 4px 12px; } .posts time, .posts b, .posts span { grid-column: 1; } .posts svg { grid-row: 2; grid-column: 2; }
  .leg { grid-template-columns: 1fr; } .leg__toc { position: static; } .lrows > div { grid-template-columns: 1fr; gap: 2px; }
  .cv__l li { grid-template-columns: 36px 1fr; } .cv__l li textarea, .cv__l li .cv__pills { grid-column: 2; } .send2 { grid-template-columns: 1fr; } .frm .fg { grid-template-columns: 1fr; }
  .gbar ol a em, .gbar .gk, .gbar__m span { display: none; } .gbar ol a { padding: 0 8px; }
  .chap { grid-template-columns: 1fr; gap: 10px; } .g2essay-in, .g2chart, .g2decay, .g2move-in, .g2askdo, .g2q-in, .g2sig, .g2foot { grid-template-columns: 1fr; }
  .g2strip, .g2moves { grid-template-columns: 1fr 1fr; } .g2three, .dnodes { grid-template-columns: 1fr 1fr 1fr; } .g2tablist { grid-template-columns: 1fr; } .g2tablist button + button { padding-left: 0; border-left: 0; }
  .g2days-phases { grid-template-columns: 1fr 1fr; } .canvas .fr { grid-template-columns: 36px 1fr; } .canvas .writeon { grid-column: 2; }
}
@media (max-width: 560px) {
  .nf ol { grid-template-columns: repeat(7, 1fr); gap: 4px; } .nf li { min-height: 38px; font-size: 11.5px; }
  .g2strip, .g2moves, .g2three, .g2days-phases { grid-template-columns: 1fr; } .dnodes { grid-template-columns: 1fr 1fr; } .g2bars li { grid-template-columns: 1fr 50px; } .g2bars .lbl { grid-column: 1 / -1; }
  .gbar ol a span { display: none; } .gbar__m { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .brief li, .g2stages li, .g2chips li, .dnodes li, .g2sig li, .nf p.l b { opacity: 1 !important; } .seen .g2bars .bar i, .g2bars .bar i { width: calc(var(--v) * 1%); transition: none; } .g2steps-line { stroke-dashoffset: 0; } .pn-d { stroke-dashoffset: 0; } .pn-p, .pn-g { transform: none; } .g2days-bar i { transform: none; } .nf li.x { animation: none !important; }
}
@media print {
  .nav, .ft, .cc, .cta, .gbar, .cv__tools, .send2, .hero--doc .bgs { display: none !important; } .hero--doc { background: #fff; color: #000; } .hero--doc::after { display: none; } .hero--doc .slide { color: #000; } .cv textarea { border-color: #999; }
}