/* Report Card: the look of upatlast.com.
   Warm paper, the logo's ink, red pen, blue ballpoint, highlighter yellow and
   chalkboard green. Fraunces headlines, DM Sans text, Caveat for the red pen
   and the blue-ink answers. Cards are sheets of paper: thin edges, soft shadows,
   a little tilt. base.css holds the layout; this file holds the fonts, the
   tokens and the decoration. */

/* ---- fonts: self-hosted variable files (SIL Open Font License). Fraunces is
   cut with its SOFT axis fixed at 100. The latin-ext files only download when a
   page uses a character from them. ---------------------------------------- */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/fraunces-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; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/fraunces-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: "Fraunces"; font-style: italic; font-weight: 400 800; font-display: swap; src: url("../fonts/fraunces-italic-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; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400 800; font-display: swap; src: url("../fonts/fraunces-italic-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: "DM Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/dm-sans-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; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/dm-sans-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: "DM Sans"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("../fonts/dm-sans-italic-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; }
@font-face { font-family: "DM Sans"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("../fonts/dm-sans-italic-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: "Caveat"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/caveat-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; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/caveat-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; }

:root {
	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-hand: "Caveat", "Segoe Script", cursive;
	--display-weight: 600;
	--display-track: -.018em;

	--ink: #17323b;
	--ink-2: #50646a;
	--paper: #fbf7ee;
	--card: #ffffff;
	--line: #e3dbc8;
	--red: #d5362b;
	--red-deep: #b3271e;
	--blue: #2450a6;
	--yellow: #ffdd66;
	--green: #22483e;
	--green-2: #2f6354;

	--link: var(--blue);
	--link-hover: var(--red);
	--focus: var(--blue);
	--focus-soft: rgba(36, 80, 166, .18);
	--go: var(--red);
	--on-go: #fff;
	--go-hover: var(--red-deep);
	--ghost-bg: transparent;
	--btn-radius: 8px;
	--btn-shadow: 0 3px 0 var(--red-deep);

	--radius: 8px;
	--radius-lg: 10px;
	--card-border: 1px solid var(--line);
	--chip-border: 1px solid #d6cdb8;
	--frame-border: 1px solid #d6cdb8;
	--shadow: 0 1px 0 rgba(23, 50, 59, .05), 0 12px 26px -16px rgba(23, 50, 59, .4);
	--shadow-lg: 0 2px 0 rgba(23, 50, 59, .05), 0 28px 50px -26px rgba(23, 50, 59, .55);

	--tint: #f3ecdb;
	--tint-2: #e5efe9;
	--dark: var(--green);
	--on-dark: #f7f4ea;
	--on-dark-2: #c7d7ce;
	--hl: var(--yellow);
	--hl-soft: #fff4c7;
	--hl-radius: 2px;
	--bad: var(--red);
	--good: var(--green-2);
	--num: var(--blue);

	--bar: var(--green);
	--on-bar: #f7f4ea;
	--bar-chip: var(--yellow);
	--on-bar-chip: var(--ink);
	--head-bg: rgba(251, 247, 238, .95);
	--nav-mark: var(--red);

	--range: var(--blue);
	--range-track: #ebe4d3;
	--bar-low: var(--red);
	--bar-mid: #9baaa6;
	--bar-win: var(--green-2);
	--bar-radius: 3px;

	--tick-bg: transparent;
	--tick-radius: 0;
	--tick-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 9.2c1.4 1 2.4 2.2 3.3 3.9C7.6 8.6 10 5.2 13.8 2.4' fill='none' stroke='%23d5362b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--tick-img-price: var(--tick-img);
	--tick-img-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--cross-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
	--num-bg: transparent;
	--num-ink: var(--red);
	--num-radius: 50%;

	--price-bg: #fff;
	--price-ink: var(--ink);
	--price-border: 1px solid var(--line);
	--price-tick-bg: transparent;
	--price-line: var(--line);
	--price-btn-bg: var(--red);
	--price-btn-ink: #fff;
	--count-bg: transparent;
	--count-ink: #fff;

	--field-line: #cfc5ae;
	--field-bg: #fff;
	--field-radius: 6px;
	--blank-line: var(--ink);
	--blank-bg: transparent;
	--blank-ink: var(--blue);
	--blank-font: var(--font-hand);
	--blank-radius: 0;
	--flag-bg: var(--red);
	--flag-ink: #fff;
	--verdict-bg: var(--hl-soft);
	--verdict-ink: var(--ink);

	--foot: var(--ink);
	--on-foot: #dbe6e9;
	--on-foot-2: #a7bbc1;
}

h1, h2, h3, h4, .keep__ask label, .keep__amt, .price__amt, .fear q, .faq summary, .due__count b, .ledger__amt, .res__amt, .calc__line, .drive__text p, .plan__amt, .miniplan strong, .fact b, .host-night__line, .tbl thead th, .foot__blurb b {
	font-variation-settings: "SOFT" 100, "WONK" 0;
}
h1 em, h2 em { font-style: italic; font-weight: 500; color: var(--red); }
.hl { background: linear-gradient(100deg, transparent 0, var(--yellow) 3%, var(--yellow) 96%, transparent 100%); padding: 0 .16em; }
.hand { font-family: var(--font-hand); font-weight: 700; font-size: 1.32em; line-height: 1.05; }
.red { color: var(--red); }
.blue { color: var(--blue); }
body { background-color: var(--paper); }
.btn--go:hover { box-shadow: 0 5px 0 var(--red-deep); }
.btn--go:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--red-deep); }
.btn--ghost { border-width: 1.5px; }
.sec--dark .btn--ghost { color: var(--on-dark); border-color: var(--on-dark); }
.sec--dark .btn--ghost:hover { background: var(--on-dark); color: var(--green); }
.sec--tint { background: var(--tint); }

/* ruled paper, used behind worksheets */
.ruled { background-image: linear-gradient(to bottom, transparent 39px, #cfe0ea 39px, #cfe0ea 40px); background-size: 100% 40px; }

/* red circled numerals for real steps */
.step::before { border: 2.5px solid var(--red); font-family: var(--font-hand); font-size: 30px; font-weight: 700; border-radius: 47% 53% 50% 50% / 52% 48% 52% 48%; transform: rotate(-6deg); }
.faq summary::after { background: transparent; border: 1.5px solid var(--ink); }
.faq details[open] summary::after { background: var(--yellow); }
.blank, .pick select { font-size: 1.28em; font-weight: 700; line-height: 1; padding-bottom: 0; border-bottom-width: 2px; }
.blank input { width: 5ch; }
.keep__ask output { font-family: var(--font-hand); font-size: 1.35em; font-weight: 700; line-height: .9; border-bottom: 2px solid var(--ink); padding: 0 8px; }
.keep__sum { border-left: 5px solid var(--yellow); border-radius: 0 var(--radius) var(--radius) 0; }
.res__c.is-best { box-shadow: 0 0 0 2px var(--red), var(--shadow-lg); border-color: var(--red); }
.res__flag { font-family: var(--font-hand); font-size: 19px; transform: rotate(-3deg); top: -18px; padding: 2px 14px; }
.verdict { border: 1px solid #ecd98b; }
.price__base .btn--go, .plan--best .btn--go { background: var(--red); color: #fff; }
.miniplan--best { background: var(--hl-soft); border-color: #e3c95a; }
.plan--best { border: 2px solid var(--red); }
.layer--top { background: var(--yellow); }
.tbl thead th { background: var(--tint); }
.due__count { border: 2px dashed rgba(255,255,255,.55); }
.due__count b { font-family: var(--font-hand); font-weight: 700; }

/* ---- hero: the graded paper -------------------------------------------- */
.heroB { position: relative; overflow: hidden; padding: clamp(44px, 6vw, 92px) 0 clamp(54px, 7vw, 104px); }
.heroB::before, .hero2::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(to bottom, transparent 43px, rgba(120, 160, 190, .22) 43px, rgba(120, 160, 190, .22) 44px); background-size: 100% 44px; mask-image: linear-gradient(to bottom, #000, transparent 88%); -webkit-mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.heroB::after, .hero2::after { content: ""; position: absolute; top: 0; bottom: 0; left: max(8px, calc((100% - var(--wrap)) / 2 - 34px)); width: 2px; background: rgba(213, 54, 43, .28); }
.hero2 { position: relative; overflow: hidden; }
.hero2__in { position: relative; z-index: 1; }
.heroB__in { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(30px, 5vw, 76px); align-items: center; }
.heroB h1 { font-size: clamp(42px, 5.6vw, 78px); line-height: 1; }
.heroB__lede { margin: 24px 0 28px; font-size: clamp(19px, 1.6vw, 22px); line-height: 1.55; color: var(--ink-2); max-width: 31em; }
.heroB__lede b { color: var(--ink); }
.heroB__ps { margin-top: 24px; color: var(--blue); transform: rotate(-1.5deg); transform-origin: left; }
@media (max-width: 900px) { .heroB__in { grid-template-columns: 1fr; } }

.report { position: relative; margin: 0; background: #fff; border: 1px solid var(--line); border-radius: 4px; box-shadow: var(--shadow-lg); padding: clamp(22px, 3vw, 36px) clamp(20px, 3vw, 36px) clamp(24px, 3vw, 34px); transform: rotate(1.4deg); }
.report::before { content: ""; position: absolute; top: -20px; left: 38px; width: 26px; height: 64px; border: 3px solid #9aa6aa; border-radius: 14px; border-bottom-color: transparent; background: linear-gradient(#9aa6aa, #9aa6aa) 6px 12px / 3px 40px no-repeat; transform: rotate(-8deg); }
.report__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 12px; border-bottom: 3px double var(--ink); }
.report__head b { font: 600 clamp(24px, 2.4vw, 30px)/1 var(--font-display); font-variation-settings: "SOFT" 100; }
.report__head span { font-size: 14.5px; color: var(--ink-2); text-align: right; line-height: 1.3; }
.report table { width: 100%; border-collapse: collapse; }
.report th, .report td { padding: 15px 4px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.report thead th { font-size: 13.5px; font-weight: 700; color: var(--ink-2); padding: 10px 4px 8px; }
.report tbody th { font-weight: 700; font-size: 18px; line-height: 1.2; }
.report tbody th small { display: block; font-weight: 400; font-size: 14px; color: var(--ink-2); }
.report td.kept { font: 600 clamp(22px, 2.2vw, 28px)/1 var(--font-display); font-variant-numeric: tabular-nums; white-space: nowrap; }
.report td.grade { width: 84px; text-align: center; }
.grade span { display: inline-grid; place-items: center; min-width: 62px; height: 62px; padding: 0 6px; font: 700 46px/1 var(--font-hand); color: var(--red); border: 3px solid var(--red); border-radius: 48% 52% 55% 45% / 50% 46% 54% 50%; transform: rotate(-7deg); }
.report tr.win th, .report tr.win td { background: linear-gradient(to right, transparent, var(--hl-soft) 12%, var(--hl-soft) 88%, transparent); }
.report tr.fail .kept { text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 2.5px; }
.report__note { margin: 18px 0 0; color: var(--red); transform: rotate(-2deg); }
.report__scale { margin-top: 12px; font-size: 13.5px; color: var(--ink-2); }

/* ---- sticky notes: the three fears -------------------------------------- */
.fears { align-items: start; }
.fear { border: 0; border-radius: 2px; box-shadow: 0 1px 1px rgba(0,0,0,.08), 0 18px 28px -18px rgba(23,50,59,.6); padding: 30px 26px 28px; background: #fff3a8; position: relative; }
.fear::before { content: ""; position: absolute; top: -13px; left: 50%; width: 110px; height: 28px; margin-left: -55px; background: rgba(255,255,255,.55); border-left: 1px dashed rgba(0,0,0,.12); border-right: 1px dashed rgba(0,0,0,.12); transform: rotate(-2deg); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.fear:nth-child(1) { transform: rotate(-1.4deg); }
.fear:nth-child(2) { background: #ffd4dc; transform: rotate(1deg) translateY(14px); }
.fear:nth-child(3) { background: #cfe8f5; transform: rotate(-.6deg); }
.fear q { font: 700 30px/1.02 var(--font-hand); letter-spacing: 0; color: var(--ink); }
.fear p { color: var(--ink); font-size: 16.5px; }
@media (max-width: 900px) { .fear:nth-child(2) { transform: rotate(1deg); } }

/* ---- the worksheet ------------------------------------------------------ */
.sheet { position: relative; background: #fff; border: 1px solid var(--line); border-radius: 4px; box-shadow: var(--shadow-lg); padding: clamp(20px, 3vw, 40px); max-width: 980px; margin-inline: auto; }
.sheet__top { display: flex; flex-wrap: wrap; gap: 8px 30px; padding-bottom: 14px; margin-bottom: 20px; border-bottom: 1.5px solid var(--ink); font-size: 15.5px; font-weight: 700; }
.sheet__top span b { font: 700 26px/1 var(--font-hand); color: var(--blue); border-bottom: 1.5px solid var(--ink); padding: 0 20px 0 8px; margin-left: 6px; }
.sheet .keep { border: 0; box-shadow: none; padding: 0; border-radius: 0; }

/* ---- store demo + ticks ------------------------------------------------- */
.shop__tabs button { border-width: 1.5px; border-radius: 6px; }
.ticks li::before { background-size: 24px; width: 28px; height: 28px; }
.ticks b { font: 600 21px/1.25 var(--font-display); font-variation-settings: "SOFT" 100; }

/* ---- lesson plan -------------------------------------------------------- */
.plansheet { background: #fff; border: 1px solid var(--line); border-radius: 4px; box-shadow: var(--shadow-lg); max-width: 1000px; margin-inline: auto; }
.plansheet__row { display: grid; grid-template-columns: 190px 1fr; border-bottom: 1px solid var(--line); }
.plansheet__row:last-child { border-bottom: 0; }
.plansheet__row > b { padding: 20px 22px; background: var(--tint); font-size: 15.5px; border-right: 1px solid var(--line); }
.plansheet__row > div { padding: 18px 24px; }
.plansheet__row p { font-size: 17.5px; margin: 0; }
.plansheet .steps { grid-template-columns: 1fr; gap: 0; }
.plansheet .step { display: grid; grid-template-columns: 58px 1fr; gap: 0 8px; padding: 14px 0; border: 0; border-bottom: 1px dashed var(--line); box-shadow: none; border-radius: 0; background: none; }
.plansheet .step:last-child { border-bottom: 0; }
.plansheet .step::before { grid-row: 1 / 3; margin: 0; }
.plansheet .step h3 { font-size: 21px; margin: 2px 0 2px; }
@media (max-width: 720px) { .plansheet__row { grid-template-columns: 1fr; } .plansheet__row > b { border-right: 0; padding: 12px 20px; } }

/* ---- pricing: an index card with a paperclip ---------------------------- */
.price__base { transform: rotate(-1deg); border-top: 14px solid var(--red); border-radius: 4px; }
.price__base > *, .price__base li { position: relative; }
.price__amt { color: var(--ink); }
.price__amt small { color: var(--ink-2); }
.price__base li::before { background-size: 22px; width: 24px; height: 24px; top: 0; }
.adds h3 em { font-family: var(--font-hand); font-style: normal; font-weight: 700; font-size: 1.5em; color: var(--red); margin-left: 8px; }
.add > span { font-family: var(--font-hand); font-size: 24px; line-height: 1; }

/* ---- polaroids ---------------------------------------------------------- */
.polaroids { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.polaroid { margin: 0; background: #fff; padding: 10px 10px 12px; box-shadow: var(--shadow-lg); border: 1px solid var(--line); }
.polaroid:nth-child(1) { transform: rotate(-3deg); }
.polaroid:nth-child(2) { transform: rotate(2.4deg) translateY(26px); }
.polaroid:nth-child(3) { transform: rotate(1.6deg); }
.polaroid:nth-child(4) { transform: rotate(-2deg) translateY(20px); }
.polaroid img { width: 100%; aspect-ratio: 1 / .86; object-fit: cover; }
.polaroid figcaption { padding-top: 8px; font: 700 22px/1.05 var(--font-hand); text-align: center; color: var(--ink); }
.snap-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(30px, 5vw, 76px); align-items: center; }
.snap-row p { margin-top: 16px; font-size: 19px; color: var(--ink-2); }
@media (max-width: 860px) { .snap-row { grid-template-columns: 1fr; } }

/* ---- prints: the bridge photographs, taped down ------------------------- */
.print { border-radius: 2px; transform: rotate(-1.8deg); }
.print--r { transform: rotate(1.6deg); }
.print::before { content: ""; position: absolute; z-index: 1; top: -15px; left: 50%; width: 128px; height: 30px; margin-left: -64px; background: rgba(240, 228, 188, .86); border-left: 1px dashed rgba(0,0,0,.14); border-right: 1px dashed rgba(0,0,0,.14); box-shadow: 0 1px 2px rgba(0,0,0,.12); transform: rotate(-2.5deg); }
.print figcaption { font: 700 25px/1.1 var(--font-hand); }
.print--tall figcaption { font-size: 23px; }
.drive h2 { font-variation-settings: "SOFT" 100, "WONK" 0; }

/* ---- chalkboard --------------------------------------------------------- */
.board { background: var(--green); background-image: radial-gradient(ellipse at 20% 10%, rgba(255,255,255,.07), transparent 55%), radial-gradient(ellipse at 85% 90%, rgba(255,255,255,.05), transparent 50%); border-block: 14px solid #b98a55; }
.board h2 { font-family: var(--font-hand); font-weight: 700; font-size: clamp(40px, 5vw, 68px); line-height: .95; letter-spacing: 0; }
.board .due p { font-size: 18.5px; }
.board .btn--go { background: var(--yellow); color: var(--ink); box-shadow: 0 3px 0 #c9a730; }
.board .btn--go:hover { background: #fff; }
.board .layer { background: transparent; border: 1.5px solid rgba(247, 244, 234, .42); border-radius: 4px; }
.board .layer--top { background: var(--yellow); border-color: transparent; }
.board .sec__head { margin-bottom: clamp(24px, 3vw, 36px); }

/* ---- cases as taped sheets --------------------------------------------- */
.case { border-radius: 4px; }
.case__shot { border-radius: 2px; }
.case__who { font-family: var(--font-hand); font-size: 22px; line-height: 1; color: var(--red); }
.form { border-radius: 4px; }
.contact__lead .hand { display: block; margin-top: 18px; color: var(--blue); transform: rotate(-1.5deg); transform-origin: left; }
.client, .miniplan, .postcard, .path, .incl > div, .plan { border-radius: 6px; }
.rail span { border-radius: 4px; }
.shop__frame { border-radius: 8px; }
.also a { border-radius: 6px; }
.cs-hero { background: var(--tint); }