:root {
  --color-paper: #f6ecd9;
  --color-paper-edge: #d8bd8c;
  --color-ink: #252943;
  --color-coral: #f45d50;
  --color-coral-hover: #dd4e44;
  --color-teal: #3e8988;
  --color-teal-hover: #347473;
  --color-sky: #e5f2ef;
  --color-focus: #252943;
  --font-display: "Arial Narrow", Impact, "Roboto Condensed", sans-serif;
  --font-headline: "Neucha", "Arial Narrow", sans-serif;
  --font-body: "Arial Narrow", Arial, sans-serif;
  --font-ui: Arial, sans-serif;
  --radius-pill: 999px;
  --duration-quick: 160ms;
}



@font-face{font-family:Neucha;src:url("./assets/fonts/Neucha-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-width:320px;overflow-x:clip}
html{scroll-behavior:smooth}
body{position:relative;min-height:100vh;color:var(--color-ink);font-family:var(--font-body);background-color:var(--color-paper);background-image:url("/assets/paper-from-reference.webp");background-repeat:repeat;background-position:left top}
img{max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section-inner{width:min(100% - 56px,1440px);margin-inline:auto}
.section-paper{position:relative;padding:clamp(56px,5vw,86px) 0;background:var(--color-paper)}
.section-paper--blue{background:#e8f2ed}
.section-paper--sage{background:#e9efe2}
.section-paper::before,.section-paper::after{content:"";position:absolute;z-index:1;left:0;width:100%;height:13px;background:inherit;pointer-events:none}
.section-paper::before{top:-10px;clip-path:polygon(0 60%,3% 30%,7% 70%,11% 20%,15% 62%,20% 36%,26% 75%,32% 23%,38% 62%,44% 34%,50% 68%,56% 28%,62% 72%,69% 31%,75% 61%,82% 20%,88% 64%,94% 30%,100% 55%,100% 100%,0 100%)}
.section-paper::after{bottom:-10px;clip-path:polygon(0 0,100% 0,100% 40%,95% 72%,88% 30%,82% 78%,76% 44%,70% 72%,63% 29%,57% 68%,50% 38%,43% 75%,36% 30%,30% 64%,22% 35%,15% 74%,8% 32%,0 69%)}
.section-heading{max-width:790px;margin-bottom:34px}
.section-heading--center{text-align:center;margin-inline:auto}
.section-heading h2,.contact h2{font-family:var(--font-headline);font-size:clamp(38px,3.6vw,58px);line-height:1.02;font-weight:700;letter-spacing:-.015em;margin:6px 0 10px}
.section-heading p:not(.eyebrow){font-size:clamp(18px,1.45vw,22px);line-height:1.33;margin:0;color:#49546b}
.eyebrow{margin:0;color:#a75b4b;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hand-note{font-family:var(--font-headline);font-size:clamp(24px,2.6vw,36px);line-height:1.07;color:#47435b;transform:rotate(-5deg)}
.fine-print{max-width:850px;margin:24px auto 0;text-align:center;color:#596175;font-size:14px;line-height:1.4}

/* Paper navigation sits between the drapes. */
.site-header{position:relative;z-index:5;background:var(--color-paper)}
.site-header::after{content:"";position:absolute;z-index:2;top:100%;left:0;width:100%;height:12px;background:var(--color-paper);clip-path:polygon(0 0,100% 0,100% 32%,96% 75%,91% 43%,86% 78%,80% 31%,75% 67%,69% 32%,62% 74%,56% 38%,50% 72%,44% 25%,38% 71%,31% 38%,25% 72%,18% 33%,12% 76%,6% 37%,0 69%);pointer-events:none}
.site-header__inner{width:min(100% - 300px,1360px);min-height:72px;margin-inline:auto;display:flex;align-items:center;gap:22px}
.brand{display:block;flex:0 0 auto;width:clamp(205px,17vw,280px);line-height:0}
.brand img{display:block;width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:clamp(12px,1.25vw,22px);margin-left:auto;white-space:nowrap}
.site-nav a,.site-header__cta{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700;font-size:clamp(13px,.85vw,15px)}
.site-nav a:hover,.site-footer a:hover{color:var(--color-teal)}
.site-nav__cta{display:none!important}
.site-header__cta{justify-content:center;flex:0 0 auto;padding:0 18px;border-radius:999px;color:var(--color-paper);background:var(--color-teal)}
.site-header__cta:hover{background:var(--color-teal-hover)}
.menu-toggle{display:none}

/* The illustrated stage stays bounded; the new painting extends its world on wide screens. */
.hero-world{position:relative;background:var(--color-paper)}
.hero{position:relative;width:min(100%,1920px);margin-inline:auto;background:var(--color-paper)}
.hero__picture,.hero__art{display:block;width:100%}
.hero__picture{clip-path:polygon(0 1.4%,3% 1.1%,7% 1.5%,12% .8%,18% 1.2%,25% .6%,32% 1.1%,39% .5%,46% 1%,54% .5%,62% 1.2%,69% .7%,76% 1.5%,84% .8%,91% 1.4%,97% .7%,100% 1.2%,100% 98.5%,95% 99.1%,89% 98.4%,83% 99.3%,77% 98.7%,69% 99.5%,62% 98.8%,55% 99.3%,48% 98.6%,40% 99.4%,33% 98.7%,26% 99.3%,18% 98.6%,11% 99.4%,5% 98.8%,0 99.2%)}
.hero__art{height:auto}
.hero__copy{position:absolute;z-index:1;top:3.3%;left:50%;width:min(70%,1040px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}
.hero h1{margin:0;color:var(--color-ink);font-family:var(--font-headline);font-size:clamp(52px,5vw,92px);font-weight:700;line-height:.91;letter-spacing:-.022em;-webkit-text-stroke:.24px currentColor;transform:rotate(-1.2deg)}
.hero-title__variant{display:block}
.hero-title__variant--mobile{display:none}
.hero-title__line{display:block;white-space:nowrap}
.arc-char{display:inline-block;white-space:pre;transform:translateY(var(--arc-y)) rotate(var(--arc-r));transform-origin:50% 85%}
.hero__copy>p{max-width:790px;margin:18px 0 0;font-family:var(--font-headline);font-size:clamp(23px,1.85vw,32px);line-height:1.03;font-weight:700;transform:rotate(-.6deg)}
.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 30px;border:0;border-radius:999px;color:#fff;background:var(--color-coral);font-family:var(--font-body);font-size:19px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 3px 0 #ca443f;cursor:pointer;transition:background .16s ease,transform .16s ease}
.pill-button:hover{background:var(--color-coral-hover);transform:translateY(-2px)}
.hero__cta{margin-top:23px}
.desktop-break{display:initial}

/* Four linked graphic novel frames. */
.story{padding-top:48px}
.story .section-heading{margin-bottom:22px}
.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.comic-panel{min-width:0;padding:10px 10px 17px;background:#fffaf0;border:1px solid #d9c7ab;box-shadow:2px 4px 0 #92806a29;transform:rotate(var(--tilt,0deg))}
.comic-panel:nth-child(1){--tilt:-.4deg}.comic-panel:nth-child(2){--tilt:.3deg}.comic-panel:nth-child(3){--tilt:-.2deg}.comic-panel:nth-child(4){--tilt:.35deg}
.comic-panel h3{margin:0 0 8px;font-family:var(--font-headline);font-size:clamp(20px,1.8vw,29px);line-height:1.02}
.comic-panel h3 span{font-family:var(--font-body);font-size:.7em;margin-right:3px}
.comic-panel__art{position:relative;overflow:hidden;border:1px solid #726c65;background:#d7e6d7}
.comic-panel__art img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.speech{position:absolute;top:12px;right:8px;max-width:52%;padding:8px 10px;border:1.5px solid #383848;border-radius:50% 43% 47% 46% / 44% 50% 45% 53%;background:#fffdf2e8;box-shadow:1px 2px 0 #272b3f4d;font-family:var(--font-headline);font-size:clamp(12px,1.05vw,17px);line-height:1.05;text-align:center}
.speech::after{content:"";position:absolute;left:27%;bottom:-10px;width:13px;height:13px;background:#fffdf2;border-right:1.5px solid #383848;border-bottom:1.5px solid #383848;transform:skew(-30deg) rotate(35deg)}
.comic-panel>p{font-size:clamp(16px,1.2vw,19px);line-height:1.2;margin:10px 2px 0}
.story__note{margin:30px 3% 0;display:inline-block}

/* Cost of ownership: tall panels deliberately read as a comic strip. */
.triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.story-card{position:relative;min-width:0;background:#fffaf0;border:1px solid #c8bda9;padding:10px;box-shadow:4px 5px 0 #33394a20}
.story-card__tag{position:absolute;z-index:1;top:20px;left:0;padding:7px 16px 7px 22px;font-family:var(--font-headline);font-size:28px;font-weight:700;box-shadow:2px 3px 0 #1e2a3626;transform:rotate(-2deg)}
.tag--coral{background:#f2b5a9}.tag--navy{background:#bbcfda}.tag--teal{background:#b8d8c1}
.story-card>picture>img{display:block;width:100%;height:clamp(360px,35vw,530px);object-fit:cover;object-position:center 30%;border:1px solid #716d69}
.story-card__copy{padding:12px 10px 8px}
.story-card h3{font-family:var(--font-headline);font-size:29px;line-height:1;margin:0 0 7px}
.story-card p{font-size:17px;line-height:1.23;margin:0 0 10px}
.paper-tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}
.paper-tags li{padding:4px 7px;background:#f2e4cc;border:1px solid #d2bfa5;font-size:13px;font-weight:700;transform:rotate(-1deg)}
.paper-tags li:nth-child(even){transform:rotate(2deg)}
.story-card blockquote{margin:9px 0 0;padding:10px 12px;border-left:4px solid var(--color-teal);background:#e7efe4;font-family:var(--font-headline);font-size:18px;line-height:1.1}

/* Custom workshop uses a second, vertically recomposed image on phones. */
.workshop{position:relative;padding:67px 0 72px;background:#d9ece8}
.workshop__inner{position:relative}
.workshop .section-heading{position:relative;z-index:2;margin-bottom:12px}
.workshop__side-note{position:absolute;z-index:2;left:0;top:140px;font-size:25px}
.workshop__picture{display:block;width:100%;overflow:hidden;clip-path:polygon(0 2%,7% 1%,13% 1.6%,20% .5%,29% 1.2%,39% .2%,49% 1.2%,61% .4%,70% 1.5%,80% .5%,91% 1.5%,100% .8%,100% 98%,93% 99%,83% 98.5%,72% 99.4%,60% 98.6%,50% 99.3%,38% 98.6%,27% 99.5%,17% 98.5%,6% 99%,0 98.3%)}
.workshop__picture img{display:block;width:100%;height:auto}
.workshop__labels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-46px 28px 0}
.workshop__labels article{padding:13px 13px 15px;background:#fff9e9;border:1px solid #c9bd9f;box-shadow:3px 4px 0 #37555930;transform:rotate(var(--tilt,0deg))}
.workshop__labels article:nth-child(1){--tilt:-1deg}.workshop__labels article:nth-child(2){--tilt:1deg}.workshop__labels article:nth-child(3){--tilt:-.5deg}.workshop__labels article:nth-child(4){--tilt:1.3deg}
.workshop__labels h3{margin:-13px -13px 8px;padding:5px 12px;background:#f5b7ac;font-family:var(--font-headline);font-size:25px;line-height:1.05}
.workshop__labels p{font-size:16px;line-height:1.18;margin:0}

/* Race and ownership panels share paper captions, not app cards. */
.race-grid figure,.ownership-grid figure{position:relative;min-width:0;margin:0;background:#fffaf0;border:1px solid #c9bba8;padding:8px;box-shadow:3px 4px 0 #222b3a20}
.race-grid img,.ownership-grid img{display:block;width:100%;height:clamp(340px,32vw,480px);object-fit:cover;object-position:center 40%}
.race-grid figcaption,.ownership-grid figcaption{display:flex;flex-direction:column;gap:3px;padding:11px 7px 5px}
.race-grid strong,.ownership-grid strong{font-family:var(--font-headline);font-size:29px;line-height:1}
.race-grid figcaption span,.ownership-grid figcaption span{font-size:16px;line-height:1.2}
.speed-result{max-width:960px;margin:30px auto 0;padding:18px 25px;display:flex;align-items:center;gap:30px;background:#fff9e8;border-top:2px solid #55526b;border-bottom:2px solid #55526b;transform:rotate(-.5deg)}
.speed-result__number{flex:0 0 auto;margin:0;color:#d65c4f;font-family:var(--font-headline);font-size:clamp(85px,10vw,140px);line-height:.8}
.speed-result__number span{font-size:.55em}
.speed-result h3{font-family:var(--font-headline);font-size:34px;margin:0 0 3px}
.speed-result p{font-size:19px;line-height:1.2;margin:0 0 5px}
.speed-result small{display:block;color:#677080;font-size:14px;line-height:1.3}
.ownership-grid img{height:clamp(330px,28vw,420px)}
.ownership__summary{max-width:860px;margin:30px auto 0;font-size:21px;line-height:1.35;text-align:center}

/* A friendly editor drawn into the same world. */
.cms__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}
.cms__art{overflow:hidden;clip-path:polygon(0 2%,10% .5%,20% 1.5%,31% .7%,43% 1.6%,54% .6%,65% 1.5%,76% .5%,88% 1.7%,100% .7%,100% 98.5%,89% 99.5%,78% 98.5%,68% 99.4%,56% 98.7%,45% 99.5%,34% 98.6%,23% 99.4%,12% 98.5%,0 99%)}
.cms__art img{display:block;width:100%;height:auto}
.cms__copy h2{font-family:var(--font-headline);font-size:clamp(38px,3.5vw,56px);line-height:1;margin:7px 0 13px}
.cms__copy>p:not(.eyebrow):not(.hand-note){font-size:21px;line-height:1.3;margin:0 0 18px}
.cms__notepad{max-width:380px;padding:14px 18px;background:#fffaf0;border:1px solid #c9bba8;box-shadow:5px 6px 0 #55556c25;transform:rotate(1deg)}
.cms__notepad>span{display:block;margin:-14px -18px 8px;padding:7px 18px;background:#f0b2a7;font-family:var(--font-headline);font-size:25px}
.cms__notepad ul{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px;list-style:none;margin:0;padding:0;font-size:19px}
.cms__notepad li::before{content:"✓";margin-right:7px;color:var(--color-teal);font-weight:700}
.cms__copy .hand-note{margin:22px 0 0;font-size:27px}

/* Editorial benefits, process frames, and the honest decision spread. */
.benefits__layout{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center}
.benefits .section-heading{margin:0}
.benefits .section-heading h2{font-size:clamp(34px,3.1vw,50px)}
.benefits__list{display:grid;grid-template-columns:repeat(3,1fr)}
.benefits__list article{padding:8px 20px 10px;border-left:1px solid #d4cabc}
.benefit-mark{display:block;height:66px;font-family:var(--font-headline);font-size:66px;line-height:.9;transform:rotate(-8deg)}
.benefits__list h3{font-family:var(--font-headline);font-size:26px;line-height:1;margin:0 0 7px}
.benefits__list p{font-size:16px;line-height:1.22;margin:0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.process-grid article{position:relative;padding:12px 12px 17px;background:#fffaf0;border:1px solid #d3c5ae;box-shadow:2px 3px 0 #35364a19;transform:rotate(var(--tilt,0deg))}
.process-grid article:nth-child(1){--tilt:-.6deg}.process-grid article:nth-child(2){--tilt:.4deg}.process-grid article:nth-child(3){--tilt:-.3deg}.process-grid article:nth-child(4){--tilt:.6deg}
.process-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.process__number{position:absolute;z-index:1;top:1px;left:1px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5b4b6a;font-family:var(--font-headline);font-size:27px}
.process-grid h3{margin:11px 3px 0;font-family:var(--font-headline);font-size:26px;line-height:1.05}
.process__note{margin:20px 0 0 auto;width:max-content;text-align:right}
.honest__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;max-width:1050px;margin-inline:auto}
.honest__grid article{padding:25px 28px 30px;background:#fff9ea;border:1px solid #c6b7a0;box-shadow:4px 6px 0 #3d4c5928;transform:rotate(-.7deg)}
.honest__grid article:nth-child(2){background:#f1f6e8;transform:rotate(.8deg)}
.honest__label{display:block;width:fit-content;max-width:100%;margin:-25px -28px 17px;padding:9px 15px;background:#f4c2b7;font-family:var(--font-headline);font-size:25px;font-weight:700}
.honest__label--green{background:#c8dfc5}
.honest__grid ul{margin:0;padding:0;list-style:none}
.honest__grid li{position:relative;padding:7px 0 7px 25px;border-bottom:1px dashed #c7c5b6;font-size:19px;line-height:1.2}
.honest__grid li::before{content:"✓";position:absolute;left:0;color:var(--color-teal);font-weight:700}
.honest__note{width:max-content;max-width:100%;margin:35px auto 0;text-align:center;font-size:31px}

/* The illustration leaves genuine space for the real, accessible form. */
.contact{position:relative;padding:55px 0;background:#e8eee6}
.contact__inner{position:relative;width:min(100% - 56px,1440px);min-height:620px;margin-inline:auto;overflow:hidden;background:#f7f1df;clip-path:polygon(0 1.5%,8% .5%,18% 1.2%,29% .4%,40% 1.5%,50% .5%,61% 1.2%,72% .4%,82% 1.4%,93% .5%,100% 1.3%,100% 98.5%,92% 99.5%,84% 98.4%,75% 99.3%,64% 98.6%,54% 99.4%,43% 98.6%,32% 99.5%,20% 98.5%,9% 99.4%,0 98.7%)}
.contact__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.contact__content{position:relative;z-index:1;width:45%;margin-left:auto;padding:55px 7% 55px 0}
.contact h2{font-size:clamp(38px,3.6vw,56px)}
.contact__content>p:not(.eyebrow){max-width:460px;font-size:19px;line-height:1.25;margin:0 0 15px}
.contact__form{display:grid;gap:8px;max-width:450px}
.contact__form label{display:block}
.contact__form input,.contact__form textarea{display:block;width:100%;padding:13px 15px;border:1px solid #c4baaa;border-radius:4px;background:#fffaf1e8;color:var(--color-ink);font:17px var(--font-body)}
.contact__form input{height:46px}
.contact__form textarea{min-height:100px;resize:vertical}
.contact__form .pill-button{justify-self:stretch;margin-top:6px}
.contact__note{position:absolute;z-index:1;left:6%;bottom:25px;font-size:29px;color:#312f48}
.site-footer{padding:22px 0 28px;background:var(--color-paper);border-top:1px solid #dfd4c6}
.site-footer__inner{display:flex;align-items:center;gap:35px}
.brand--footer{width:230px}
.site-footer nav{display:flex;gap:20px;margin:auto;flex-wrap:wrap}
.site-footer nav a{font-size:14px;text-decoration:none}
.site-footer p{margin:0;font-size:15px;line-height:1.2;color:#526074}

@media(min-width:1921px){.hero-world{background-image:url("/assets/hero-wide-room.webp");background-size:100% 100%;background-position:center center;background-repeat:no-repeat}}
@media(max-width:1390px){.site-header__inner{width:min(100% - 170px,1180px)}.brand{width:220px}.site-nav{gap:12px}.site-header__cta{padding-inline:14px}}
@media(max-width:1340px){body::before{display:none}.site-header__inner{width:min(100% - 32px,900px);min-height:64px}.site-header__cta{display:none}.brand{width:clamp(190px,25vw,240px)}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;margin-left:auto;padding:10px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;border-radius:2px;background:var(--color-ink)}.site-nav{position:absolute;top:100%;left:0;right:0;z-index:10;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px max(20px,calc((100% - 900px)/2)) 22px;background:var(--color-paper);border-bottom:2px solid var(--color-ink);box-shadow:0 12px 16px #2b2d3940}.site-nav.is-open{display:flex}.site-nav a{min-height:47px;font-size:18px;border-bottom:1px solid #e1d5c4}.site-nav__cta{display:inline-flex!important;justify-content:center;margin-top:12px;border:0!important;border-radius:999px;background:var(--color-teal);color:#fff}.hero h1{font-size:clamp(48px,5vw,70px)}.hero__copy>p{font-size:clamp(20px,2vw,26px)}.benefits__layout{grid-template-columns:1fr;gap:22px}}
@media(max-width:950px){.hero-world{background:#e5f2ef}.hero{width:min(100%,680px)}.hero__copy{top:3.4%;width:95%}.hero h1{font-size:clamp(43px,6.3vw,66px)}.hero__copy>p{font-size:clamp(20px,2.6vw,25px);margin-top:12px}.hero__cta{margin-top:13px}.triptych{grid-template-columns:1fr;max-width:570px;margin-inline:auto}.story-card>picture>img{height:460px}.race-grid img,.ownership-grid img{height:460px}.cms__layout{grid-template-columns:1fr}.cms__art{max-width:800px}.cms__copy{max-width:700px}.workshop__side-note{display:none}.workshop__labels{margin:-12px 12px 0;grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.site-footer__inner{flex-wrap:wrap}.site-footer nav{margin-left:auto}}
@media(max-width:700px){.section-inner,.contact__inner{width:min(100% - 28px,480px)}.section-paper{padding:48px 0}.section-heading{margin-bottom:22px}.section-heading h2,.contact h2{font-size:clamp(34px,9vw,44px)}.section-heading p:not(.eyebrow){font-size:17px}.eyebrow{font-size:11px}.site-header__inner{width:100%;min-height:58px;padding:0 13px 0 8px}.brand{width:clamp(160px,47vw,205px)}.hero{width:100%}.hero__picture{clip-path:polygon(0 1.2%,8% .5%,18% 1.4%,29% .6%,40% 1.5%,52% .4%,64% 1.4%,76% .5%,88% 1.3%,100% .5%,100% 98.7%,90% 99.5%,80% 98.8%,68% 99.5%,56% 98.7%,44% 99.4%,32% 98.6%,20% 99.3%,9% 98.6%,0 99.3%)}.hero__copy{top:2.4%;width:95%}.hero h1{font-size:clamp(36px,9.9vw,47px);line-height:.92;letter-spacing:-.025em}.hero-title__variant--desktop{display:none}.hero-title__variant--mobile{display:block}.hero__copy>p{max-width:360px;margin-top:9px;font-size:clamp(17px,4.5vw,20px);line-height:1.05}.desktop-break{display:none}.hero__cta{width:min(83%,330px);min-height:47px;margin-top:12px;padding-inline:12px;font-size:clamp(15px,4vw,18px)}.story-grid{grid-template-columns:1fr;gap:15px}.comic-panel{padding:8px 8px 14px}.comic-panel h3{font-size:26px}.comic-panel>p{font-size:17px}.speech{font-size:clamp(15px,4vw,18px);max-width:50%}.story__note{font-size:29px}.triptych{gap:18px}.story-card>picture>img{height:370px}.story-card h3{font-size:28px}.workshop{padding:50px 0}.workshop__picture{width:calc(100% + 28px);margin-left:-14px}.workshop__labels{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 0}.workshop__labels article{padding:9px}.workshop__labels h3{font-size:21px;margin:-9px -9px 7px;padding:5px 7px}.workshop__labels p{font-size:14px}.race-grid img,.ownership-grid img{height:370px}.speed-result{display:block;padding:18px}.speed-result__number{font-size:95px}.speed-result h3{font-size:29px}.speed-result p{font-size:17px}.ownership__summary{font-size:18px}.cms__layout{gap:24px}.cms__copy h2{font-size:39px}.cms__copy>p:not(.eyebrow):not(.hand-note){font-size:18px}.benefits__list{grid-template-columns:1fr}.benefits__list article{display:grid;grid-template-columns:54px 1fr;column-gap:12px;padding:13px 8px;border-left:0;border-top:1px solid #d4cabc}.benefit-mark{grid-row:span 2;font-size:53px;height:auto}.benefits__list h3{font-size:27px}.benefits__list p{font-size:16px}.process-grid{grid-template-columns:repeat(2,1fr);gap:9px}.process-grid article{padding:7px}.process__number{width:32px;height:32px;font-size:21px}.process-grid h3{font-size:20px}.process__note{font-size:28px}.honest__grid{grid-template-columns:1fr;gap:22px}.honest__grid article{padding:21px}.honest__label{font-size:23px;margin:-21px -21px 15px}.honest__grid li{font-size:17px}.honest__note{font-size:25px}.contact{padding:30px 0}.contact__inner{min-height:0;overflow:hidden}.contact__art{position:relative;display:block;width:100%;height:250px;object-fit:cover;object-position:left center}.contact__content{width:100%;padding:18px 18px 32px;margin:0;background:#f6efde}.contact__content>p:not(.eyebrow){font-size:17px}.contact__note{display:none}.site-footer__inner{display:block}.brand--footer{width:205px}.site-footer nav{margin:16px 0;gap:11px 18px}.site-footer p{font-size:14px}}
@media(max-width:360px){.hero h1{font-size:35px}.hero__copy{top:1.8%}.hero__copy>p{font-size:16px;margin-top:7px}.hero__cta{margin-top:8px}.workshop__labels{grid-template-columns:1fr}.process-grid h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

@media(min-width:1341px){.site-header__inner{width:min(100% - 540px,1000px)}.brand{width:220px}.site-nav{gap:10px}.site-nav a{font-size:14px}.site-header__cta{font-size:14px;padding-inline:15px}}
.speed-result .speed-result__number{font-size:clamp(85px,10vw,140px);line-height:.8;color:#d65c4f;margin:0}
@media (min-width:701px) and (max-width:950px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:500px){.process-grid{grid-template-columns:1fr}.process-grid img{height:230px;aspect-ratio:auto;object-fit:cover;object-position:center 38%}.process-grid h3{font-size:25px}.process-grid h3 br{display:none}}
@media (min-width:1921px){.hero{background:transparent}.hero__picture{mask-image:linear-gradient(to right,transparent 0%,#000 2%,#000 98%,transparent 100%)}}
/* Let the one Hero painting continue behind the header. Its own drapes frame the navigation. */
.site-header::after{height:10px}
@media (min-width:951px){
  .site-header{position:absolute;top:0;left:0;right:0;background:transparent}
  .site-header__inner{position:relative;background:var(--color-paper)}
  .site-header::after{left:50%;width:min(100% - 32px,900px);transform:translateX(-50%)}
  .hero__copy{top:clamp(78px,6vw,115px)}
  .hero__copy>p{margin-top:2px}
  .hero__cta{min-height:46px;margin-top:5px}
}
@media (min-width:951px) and (max-width:1200px){.hero h1{font-size:clamp(43px,4.5vw,52px)}.hero__cta{min-height:44px}.desktop-break{display:none}}
@media (min-width:1341px){.site-header::after{width:min(100% - 660px,1000px)}}
/* The first four comic frames are the next beat of the same illustrated scene. */
.story{z-index:2;margin-top:-20px;padding-top:0}
.story::before{display:none}
.story .section-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:700px){.story{margin-top:-9px}}
/* Small ink drawings echo the lightning, search and gear in the source panels. */
.benefit-mark{width:62px;height:65px;font-size:0;color:transparent;background-repeat:no-repeat;background-position:center;background-size:58px 58px}
.benefits__list article:nth-child(1) .benefit-mark{background-image:url("/assets/icon-lightning.svg")}
.benefits__list article:nth-child(2) .benefit-mark{background-image:url("/assets/icon-search.svg")}
.benefits__list article:nth-child(3) .benefit-mark{background-image:url("/assets/icon-gear.svg")}
@media (max-width:700px){.benefit-mark{width:50px;height:56px;background-size:48px 48px}}
.honest__grid article{position:relative}
.honest__grid article::after{content:"";position:absolute;top:74px;left:20px;width:55px;height:72px;background:url("/assets/icon-bulb.svg") center/contain no-repeat;pointer-events:none}
.honest__grid article:nth-child(2)::after{background-image:url("/assets/icon-target.svg")}
.honest__grid ul{margin-left:65px}
@media (max-width:700px){.honest__grid article::after{top:86px;left:10px;width:50px;height:63px}.honest__grid ul{margin-left:46px}}

/* The current iteration is an illustrated canvas: story sections return one at a time. */
.page-world{background:transparent}
.site-header::after{display:none}
.hero-world,.hero{background:transparent}
.hero{width:100%}
.hero__picture{width:100%;overflow:hidden;clip-path:none}
.hero__art{position:relative;left:50%;display:block;width:min(2560px,144.9275vw);max-width:none;height:auto;transform:translateX(-50%)}
.future-canvas{position:relative;z-index:2;min-height:100vh;margin-top:-9px;background:transparent}
@media (min-width:951px){
  .site-header__inner{background:transparent}
  .hero__picture{mask-image:none}
  .hero__art{object-fit:contain}
}
@media (max-width:950px){
  .site-header{background:transparent}
  .hero-world{background:transparent}
  .hero{width:min(100%,680px)}
  .hero__art{left:0;width:100%;transform:none}
  .hero__copy{top:6%}
  .future-canvas{min-height:100vh;margin-top:-5px;background:transparent}
}
.site-footer{background:transparent}
/* Keep the unfinished scene in source while reviewing only the paper canvas. */
.hero-world[hidden]{display:none!important}
.site-header{position:relative;top:auto;left:auto;right:auto;background:transparent}
.site-header__inner{background:transparent}
.future-canvas{margin-top:0}
/* Restored frames carry the original comic lettering inside the artwork. */
.comic-panel__art img{aspect-ratio:auto;height:auto;object-fit:contain}
.comic-panel .speech,.story-card__tag,.story-card .paper-tags,.story-card blockquote{display:none}
.story-card>picture>img,.race-grid img,.ownership-grid img{height:auto;aspect-ratio:auto;object-fit:contain}
.race-grid figcaption,.ownership-grid figcaption{display:none}
.cms__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.cms__art{max-width:620px;justify-self:center}
.cms__notepad,.cms__copy .hand-note{display:none}
.process-grid img{aspect-ratio:1.62;object-fit:cover}
.contact__art{object-position:left center}
@media (min-width:701px){.workshop__labels,.workshop__side-note{display:none}}
@media (max-width:950px){.cms__layout{grid-template-columns:1fr}}
@media (max-width:700px){.cms__copy{order:-1}.workshop__labels{display:grid}}

/* The wide Hero is one painting. Narrow desktops reveal only the scene between its curtains. */
.hero{overflow:hidden}
.hero__stage{position:relative;left:50%;width:min(2560px,156.3vw);transform:translateX(-50%)}
.hero__picture,.hero__art{display:block;width:100%;overflow:visible;clip-path:none}
.hero__art{position:static;left:auto;max-width:none;height:auto;transform:none}
@media (min-width:951px){
  .site-header{position:absolute;top:0;left:0;right:0;background:transparent}
  .site-header__inner{width:min(calc(100% - 420px),1000px);min-height:64px;padding:0;background:transparent}
  .site-header .brand{width:clamp(205px,10vw,230px)}
  .hero__copy{top:min(124px,7.7vw)}
  .hero h1{font-size:clamp(38px,3.65vw,60px);line-height:1}
  .hero__copy>p{margin-top:clamp(5px,.5vw,8px);font-size:clamp(16px,1.3vw,21px);line-height:1.05}
  .hero__cta{min-height:clamp(35px,2.5vw,42px);margin-top:clamp(5px,.55vw,9px);font-size:clamp(14px,.96vw,18px)}
}
@media (max-width:950px){
  .site-header{position:relative;background:transparent}
  .hero{width:min(100%,680px)}
  .hero__stage{left:auto;width:100%;transform:none}
}

/* Keep full navigation on laptops; reserve the burger for tablet and phone widths. */
@media (min-width:1101px){
  .site-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(10px,1vw,22px)}
  .site-nav,.site-nav.is-open{display:flex;justify-content:center;align-items:center;margin:0}
  .site-header__cta{justify-self:end;white-space:nowrap}
}
@media (min-width:1101px) and (max-width:1340px){
  .site-header__inner{width:min(calc(100% - 300px),900px)}
  .site-header .brand{width:clamp(150px,15vw,205px)}
  .menu-toggle{display:none}
  .site-nav,.site-nav.is-open{position:relative;top:auto;right:auto;bottom:auto;left:auto;flex-direction:row;gap:clamp(7px,.7vw,12px);padding:0;background:transparent;border:0;box-shadow:none}
  .site-nav a{min-height:42px;border:0;font-size:14px}
  .site-nav .site-nav__cta{display:none!important}
  .site-header__cta{display:inline-flex;min-height:42px;padding-inline:15px;font-size:14px}
}
@media (max-width:1100px){
  .site-header__inner{min-height:58px;padding:0}
  .menu-toggle{display:grid;place-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid #344052;border-radius:8px;background:#fbf3e3}
  .menu-toggle span{width:22px;height:2px;transition:transform .18s ease,opacity .18s ease}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-nav,.site-nav.is-open{position:absolute;top:calc(100% + 6px);right:calc((100% - 100vw)/2 + 16px);left:auto;z-index:20;width:min(320px,calc(100vw - 32px));padding:12px 16px 18px;align-items:stretch;background:#fbf3e3 url("/assets/paper-from-reference.webp") repeat;border:1px solid #766c60;border-radius:8px;box-shadow:0 14px 30px #1d263748}
  .site-nav.is-open{display:flex}
  .site-nav a{width:100%;min-height:43px;padding:0 10px;border-bottom:1px solid #d4c5ae;font-family:var(--font-headline);font-size:21px;text-align:left}
  .site-nav__cta{min-height:45px!important;margin-top:13px;padding-inline:14px!important;font-family:var(--font-body)!important;font-size:15px!important}
}

/* The iPad uses its illustration edge to edge, with the copy lower in the sky. */
@media (max-width:950px){.hero{width:100%}}
@media (min-width:701px) and (max-width:950px){
  .hero__copy{top:13%}
  .hero h1{line-height:1}
}
@media (min-width:1101px){.site-header__inner{min-height:64px}}
@media (min-width:1341px){.site-header__inner{width:min(calc(100% - 540px),1000px)}}
@media (max-width:1100px){.site-header__inner .site-nav{position:absolute;z-index:20}}
@media (min-width:951px) and (max-width:1100px){
  .hero__copy{top:clamp(80px,8.2vw,92px)}
  .hero h1{font-size:clamp(34px,3.4vw,38.5px);line-height:1.05}
  .hero__copy>p{max-width:88%;margin-top:12px;padding:6px 14px;background:#fff9e9ed;border-radius:40% 5% 35% 7% / 8% 30% 10% 25%;box-shadow:0 2px 5px #fff9e980}
  .hero__cta{margin-top:clamp(198px,22vw,230px)}
}
@media (max-width:700px){.site-header__inner{padding-inline:12px}}

/* Center the navigation within the paper opening painted into the Hero. */
@media (min-width:1101px){
  .site-header__inner{transform:translateY(clamp(0px,calc(3.41vw - 32px),15px))}
}
@media (min-width:951px) and (max-width:1100px){
  .site-header__inner{transform:translateY(clamp(3px,calc(3.41vw - 29px),9px))}
}

/* The four existing comic panels sit in the open paper below the stage. */
.story{position:relative;z-index:2;background:transparent}
.story::before,.story::after{display:none}
.story .section-inner{width:min(calc(100% - 32px),1840px)}
@media (min-width:951px){
  .story{margin-top:clamp(-410px,-25.5vw,-245px);padding:0 0 38px}
}
@media (max-width:950px){
  .story{margin-top:0;padding:28px 0 48px}
  .story .section-inner{width:min(calc(100% - 28px),680px)}
}

/* One paper sheet crosses the torn stage edge and carries four aligned frames. */
.story .section-inner{
  padding:clamp(22px,1.9vw,32px) clamp(17px,2vw,36px) 30px;
  background:linear-gradient(#fffaf0e8,#fffaf0e8),url("/assets/paper-from-reference.webp") repeat;
  clip-path:polygon(0 13px,4% 7px,9% 12px,15% 5px,21% 11px,28% 5px,34% 12px,41% 6px,47% 11px,54% 5px,61% 12px,68% 6px,75% 12px,82% 5px,89% 11px,95% 6px,100% 12px,100% calc(100% - 5px),93% 100%,84% calc(100% - 4px),73% 100%,62% calc(100% - 3px),51% 100%,40% calc(100% - 4px),29% 100%,18% calc(100% - 3px),8% 100%,0 calc(100% - 4px));
  filter:drop-shadow(0 5px 5px #352b2352);
}
.story-grid{gap:clamp(9px,1vw,18px)}
.comic-panel{display:flex;flex-direction:column;min-width:0;padding:0;background:transparent;border:0;box-shadow:none;transform:none}
.comic-panel h3{min-height:2.12em;margin:0 0 9px;font-size:clamp(20px,1.25vw,25px);line-height:1.06}
.comic-panel__art{flex:0 0 auto;width:100%;height:auto;aspect-ratio:10 / 11;border:0;background:#f6eddf;clip-path:polygon(.4% .7%,14% .2%,27% .7%,40% .3%,56% .8%,71% .2%,86% .6%,99.5% .3%,99.7% 15%,99.3% 32%,99.8% 49%,99.4% 66%,99.7% 84%,99.4% 99.4%,85% 99.7%,69% 99.3%,54% 99.8%,38% 99.4%,22% 99.7%,.4% 99.4%,.2% 84%,.6% 66%,.2% 49%,.5% 31%)}
.comic-panel__art img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.comic-panel__art::after{content:"";position:absolute;inset:0;background:url("/assets/comic-rough-frame.svg") center / 100% 100% no-repeat;pointer-events:none}
.comic-panel>p{flex:1;margin:10px 0 0}
@media (min-width:701px) and (max-width:950px){
  .story-grid{gap:22px 16px}
}
@media (max-width:700px){
  .story .section-inner{max-width:510px;padding:25px 16px}
  .story-grid{gap:22px}
  .comic-panel{padding:0;border:0}
}

/* Hallmark: illustrated comic chapters, warm paper, restrained ink and teal accents. */
:root{
  --folio-ink:#252943;
  --folio-paper:#fbf5e8;
  --folio-rule:#c8bda9;
  --folio-sky:#e4efeb;
  --folio-sage:#eaf0e5;
}

.page-world > section:not(.story){isolation:isolate}
.page-world > .section-paper:not(.story){padding:clamp(58px,5.7vw,106px) 0}
.page-world > .section-paper:not(.story) .section-inner,
.workshop > .section-inner{width:min(calc(100% - 64px),1820px)}
.page-world > .section-paper:not(.story)::before,
.page-world > .section-paper:not(.story)::after{height:14px}
.page-world > .section-paper:not(.story) .section-heading{max-width:900px}
.page-world > .section-paper:not(.story) .section-heading h2{font-size:clamp(37px,3vw,60px);line-height:1.04}
.page-world > .section-paper:not(.story) .section-heading p:not(.eyebrow){max-width:650px;font-size:clamp(17px,1.1vw,21px)}
.section-heading h2,.contact h2,.honest__label{overflow-wrap:anywhere}
.eyebrow{font-size:13px;letter-spacing:.035em;text-transform:none}

/* The illustrated workshop is a single scene; its writing is painted into the art. */
.workshop{padding:clamp(58px,5vw,100px) 0 clamp(62px,5vw,100px);background:transparent}
.workshop__inner{max-width:1820px}
.workshop .section-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workshop__picture{width:100%;margin:0;clip-path:polygon(0 1.3%,10% .5%,20% 1.3%,32% .3%,44% 1.2%,57% .5%,70% 1.4%,83% .4%,94% 1.3%,100% .6%,100% 98.5%,89% 99.5%,77% 98.6%,66% 99.5%,54% 98.8%,43% 99.4%,31% 98.5%,19% 99.4%,8% 98.6%,0 99%)}
.workshop__picture img{width:100%;height:auto}
.workshop__labels,.workshop__side-note,.workshop__right-note{display:none}
@media(min-width:2200px){
  .workshop__side-note,.workshop__right-note{display:block;position:absolute;z-index:2;width:200px;margin:0;font-size:29px;line-height:1.08;color:#3c4058}
  .workshop__side-note{left:max(-246px,calc((1820px - 100vw)/2 + 16px));top:27%;transform:rotate(-9deg)}
  .workshop__right-note{right:max(-245px,calc((1820px - 100vw)/2 + 16px));top:24%;transform:rotate(8deg)}
}

/* A light editorial band under the workshop, not five floating UI cards. */
.benefits{background:#fbf5e9e8}
.benefits__layout{display:grid;grid-template-columns:minmax(290px,430px) minmax(0,1fr);gap:clamp(26px,3vw,65px);align-items:center}
.benefits .section-heading{margin:0}
.benefits .section-heading h2{font-size:clamp(33px,2.15vw,45px)!important;line-height:1.05}
.benefits__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.benefits__list article{padding:8px clamp(10px,1.2vw,24px) 10px;border-left:1px solid var(--folio-rule)}
.benefits__list h3{font-size:clamp(20px,1.35vw,28px);line-height:1.03}
.benefits__list p{font-size:clamp(14px,.9vw,17px);line-height:1.28}
.benefit-mark{width:60px;height:62px;background-size:57px 57px}
.benefits__list article:nth-child(4) .benefit-mark{background-image:url('/assets/icon-diamond.svg')}
.benefits__list article:nth-child(5) .benefit-mark{background-image:url('/assets/icon-shield.svg')}

/* The four actual steps read as a drawn sequence across a long paper strip. */
.process{background:#fbf5e8e8}
.process .section-inner{display:grid;grid-template-columns:minmax(190px,255px) minmax(0,1fr);column-gap:clamp(22px,2.5vw,52px);align-items:start}
.process .section-heading{margin:0}
.process .section-heading h2{font-size:clamp(40px,2.6vw,54px)!important}
.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.process-grid article,.process-grid article:nth-child(n){position:relative;display:flex;flex-direction:column;min-width:0;padding:0 clamp(10px,1vw,20px) 8px;border:0;border-left:1px solid #d9cfbd;background:transparent;box-shadow:none;transform:none}
.process-grid img{order:2;width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;object-position:center;background:transparent}
.process-grid h3{order:1;min-height:65px;margin:0 0 8px 52px;font-size:clamp(18px,1.25vw,25px);line-height:1.05}
.process-grid article:not(:last-child)::after{content:'→';position:absolute;z-index:2;top:50%;right:-14px;color:#4d455b;font-family:var(--font-headline);font-size:35px;line-height:1;transform:rotate(-7deg)}
.process__number{top:0;left:clamp(10px,1vw,20px);width:39px;height:39px;font-size:25px;background:#5d4b68}
.process__note{grid-column:2;width:auto;max-width:310px;margin:16px 0 0 auto;font-size:clamp(24px,1.7vw,32px);line-height:1.02}

/* Cost, speed and ownership are three different comic spreads. */
.cost{background:#eaf1ecea}
.cost .section-heading{margin-bottom:clamp(25px,2.5vw,48px)}
.triptych{gap:clamp(15px,1.5vw,29px)}
.cost-grid{align-items:stretch}
.cost-grid .story-card{display:flex;flex-direction:column;min-width:0;padding:0;background:#fffaf0a8;border:0;box-shadow:none;transform:none}
.cost-grid .story-card>picture>img{width:100%;height:auto;aspect-ratio:0.86;object-fit:contain;border:0;background:#f7efdf;clip-path:polygon(.4% .5%,18% .2%,34% .6%,50% .2%,67% .7%,83% .2%,99.5% .6%,99.7% 35%,99.4% 66%,99.6% 99.5%,79% 99.8%,55% 99.4%,31% 99.8%,.5% 99.5%,.3% 68%,.6% 35%)}
.cost-grid .story-card__copy{flex:1;padding:16px 10px 5px}
.cost-grid .story-card h3{font-size:clamp(26px,1.65vw,34px)}
.cost-grid .story-card p{max-width:42ch;font-size:clamp(16px,1vw,19px);line-height:1.28}
.cost .fine-print{max-width:870px;margin-top:30px;text-align:left;font-size:15px}

.race{background:#fbf5e8e8}
.race-grid figure{padding:0;background:transparent;border:0;box-shadow:none}
.race-grid img{width:100%;height:auto;aspect-ratio:1.9;object-fit:contain;object-position:center;background:#dce8e1}
.race-grid figcaption{display:flex;flex-direction:column;gap:3px;min-height:78px;padding:12px 4px 0}
.race-grid strong{font-size:clamp(24px,1.6vw,32px)}
.race-grid figcaption span{font-size:clamp(15px,1vw,18px)}
.speed-result{max-width:950px;margin:30px 0 0 auto;padding:17px 22px 20px;background:#fff9eb;border-color:#47536a;box-shadow:7px 8px 0 #c9bca783;transform:rotate(-.35deg)}
.speed-result__number{font-size:clamp(82px,7vw,132px)!important}
.speed-result h3{font-size:clamp(27px,1.7vw,36px)}
.speed-result p{font-size:clamp(16px,1.1vw,20px)}

.ownership{background:#e9efe4e8}
.ownership .section-heading{margin-bottom:30px}
.ownership-grid figure{padding:0;background:transparent;border:0;box-shadow:none}
.ownership-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f8f1e4}
.ownership-grid figcaption{display:flex;flex-direction:column;min-height:89px;padding:13px 8px 6px;background:#fffaf0a8}
.ownership-grid strong{font-size:clamp(25px,1.7vw,34px)}
.ownership-grid figcaption span{font-size:clamp(15px,1vw,19px)}
.ownership__summary{max-width:970px;margin:32px 0 0 auto;padding:15px 22px;border-left:4px solid #4d8981;background:#fff9ecbd;text-align:left;font-size:clamp(18px,1.25vw,23px)}

/* A two-page editorial spread lets the illustrated CMS speak for itself. */
.cms{background:#fbf5e8e8}
.cms__layout{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:clamp(35px,5vw,105px);align-items:center;max-width:1600px}
.cms__art{width:min(100%,650px);max-width:none;justify-self:end;box-shadow:9px 11px 0 #c7bda65b}
.cms__art img{width:100%;height:auto}
.cms__copy{max-width:690px}
.cms__copy h2{font-size:clamp(40px,3.4vw,69px)}
.cms__copy>p:not(.eyebrow):not(.hand-note){max-width:34ch;font-size:clamp(20px,1.35vw,26px);line-height:1.32}
.cms__notepad,.cms__copy .hand-note{display:none}

.honest{background:#eaf1ebe8}
.honest__grid{max-width:1560px;gap:clamp(18px,2vw,38px)}
.honest__grid article,.honest__grid article:nth-child(2){padding:30px 35px 35px;background:#fff8e9;border:0;box-shadow:6px 8px 0 #4d4b4424;transform:rotate(-.4deg)}
.honest__grid article:nth-child(2){background:#eff6e9;transform:rotate(.5deg)}
.honest__label{margin:-30px -35px 20px;padding:11px 17px;background:#f3c5b9;font-size:clamp(23px,1.6vw,32px)}
.honest__label--green{background:#c8dfc5}
.honest__grid li{font-size:clamp(17px,1.2vw,22px)}
.honest__note{margin-top:38px;font-size:clamp(27px,2vw,38px)}

/* The application is a real form on a drawn writing tablet. */
.contact{padding:clamp(45px,4vw,75px) 0 0;background:transparent}
.contact__inner{width:min(calc(100% - 32px),2050px);min-height:clamp(700px,35vw,775px);background:var(--folio-paper)}
.contact__art{object-position:center center}
.contact__content{width:min(52%,880px);margin-left:auto;padding:clamp(32px,3.2vw,67px) clamp(32px,5vw,110px) 40px 20px}
.contact h2{margin:4px 0 8px;font-size:clamp(39px,3.3vw,66px);line-height:.98}
.contact__content>p:not(.eyebrow){max-width:470px;margin:0 0 17px;font-size:clamp(17px,1.08vw,22px);line-height:1.27}
.sketch-tablet{position:relative;max-width:570px;padding:24px clamp(19px,1.55vw,31px) 25px;background:#fffaf0 url('/assets/paper-from-reference.webp') repeat;border:3px solid #3e4653;border-radius:18px 18px 23px 20px;box-shadow:6px 8px 0 #2d3a47aa,13px 16px 0 #b8a78c88;transform:rotate(-1.1deg)}
.sketch-tablet::before{content:'';position:absolute;inset:8px;border:1px solid #bfb4a0;border-radius:11px 12px 15px 13px;pointer-events:none}
.sketch-tablet__clip{position:absolute;top:-12px;left:50%;width:96px;height:25px;transform:translateX(-50%);border:2px solid #374252;border-radius:13px 13px 5px 5px;background:#9faeb3;box-shadow:inset 0 5px 0 #c6d1d0}
.sketch-tablet__clip::after{content:'';position:absolute;left:31px;top:5px;width:30px;height:6px;border:1px solid #4e5e63;border-radius:9px;background:#e5e8df}
.sketch-tablet__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 9px;color:#30384c;font-family:var(--font-headline);font-size:clamp(24px,1.55vw,31px);font-weight:700}
.sketch-tablet__head svg{width:44%;max-width:200px;height:50px;overflow:visible}
.sketch-tablet__stroke{fill:none;stroke:#da6457;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260}
.sketch-tablet.is-drawing .sketch-tablet__stroke,.sketch-tablet:focus-within .sketch-tablet__stroke{animation:sketch-write 1.15s ease-out forwards}
.sketch-tablet__pencil{transform-origin:50% 50%}
.sketch-tablet.is-drawing .sketch-tablet__pencil,.sketch-tablet:focus-within .sketch-tablet__pencil{animation:pencil-tap .18s ease-in-out 6 alternate}
@keyframes sketch-write{to{stroke-dashoffset:0}}
@keyframes pencil-tap{to{translate:2px -2px}}
.contact__form{position:relative;display:grid;gap:9px;max-width:none}
.contact__form label{position:relative;display:block;color:#334158;font-family:var(--font-headline);font-size:20px;font-weight:700}
.contact__form label::after{content:'';position:absolute;left:0;right:auto;bottom:0;width:0;height:2px;background:#d65f51;transition:width .32s ease;pointer-events:none}
.contact__form label:focus-within::after{width:100%}
.contact__form input,.contact__form textarea{display:block;width:100%;height:auto;min-height:37px;margin-top:1px;padding:3px 3px 5px;border:0;border-bottom:2px solid #a5a69e;border-radius:0;outline:0;background:transparent;color:var(--folio-ink);font:17px var(--font-body);resize:vertical}
.contact__form input:focus-visible,.contact__form textarea:focus-visible{outline:2px dashed #4b7f7d;outline-offset:3px}
.contact__form textarea{min-height:63px}
.contact__form input::placeholder,.contact__form textarea::placeholder{color:#777f84;opacity:1}
.contact__form .pill-button{justify-self:start;min-height:45px;margin-top:8px;padding:0 25px;font-size:17px}
.contact__note{left:5%;bottom:34px;max-width:200px;font-size:clamp(23px,1.5vw,30px)}
.site-footer{padding:30px 0 35px;border-top:0;background:transparent}
.site-footer__inner{width:min(calc(100% - 64px),1820px)}

@media(max-width:1450px){
  .benefits__layout{grid-template-columns:1fr;gap:25px}
  .benefits .section-heading{max-width:760px}
  .benefits__list article:first-child{border-left:0}
  .process .section-inner{grid-template-columns:190px minmax(0,1fr)}
  .process-grid h3{margin-left:43px}
  .process__number{width:34px;height:34px;font-size:23px}
  .contact__content{width:55%;padding-right:35px}
}

@media(max-width:1100px){
  .page-world > .section-paper:not(.story) .section-inner,.workshop > .section-inner{width:min(calc(100% - 42px),900px)}
  .benefits__list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
  .benefits__list article:nth-child(4){border-left:0}
  .process .section-inner{display:block}
  .process .section-heading{max-width:600px;margin-bottom:25px}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 8px}
  .process-grid article:not(:last-child)::after{display:none}
  .process__note{margin-left:auto}
  .contact__inner{min-height:680px}
  .contact__content{width:59%;padding-right:24px}
}

@media(max-width:950px){
  .triptych{grid-template-columns:1fr;max-width:650px;margin-inline:auto}
  .cost-grid .story-card>picture>img{max-height:none}
  .race-grid img,.ownership-grid img{height:auto}
  .cms__layout{grid-template-columns:1fr;max-width:650px}
  .cms__art{justify-self:center}
  .cms__copy{order:-1}
  .contact__inner{width:min(calc(100% - 28px),720px);min-height:0;overflow:visible;clip-path:none;background:var(--folio-paper)}
  .contact__art{position:relative;display:block;width:100%;height:clamp(230px,37vw,320px);object-fit:cover;object-position:left center}
  .contact__content{width:100%;padding:18px clamp(20px,4vw,35px) 40px;background:var(--folio-paper)}
  .contact__note{display:none}
  .sketch-tablet{max-width:570px;margin:20px auto 0;transform:rotate(-.5deg)}
}

@media(max-width:700px){
  .page-world > .section-paper:not(.story){padding:58px 0}
  .page-world > .section-paper:not(.story) .section-inner,.workshop > .section-inner{width:min(calc(100% - 28px),510px)}
  .page-world > .section-paper:not(.story) .section-heading h2{font-size:clamp(34px,8.5vw,44px)}
  .workshop{padding:55px 0 58px}
  .workshop .section-heading{position:relative;width:auto;height:auto;padding:0;margin:0 0 23px;overflow:visible;clip:auto;white-space:normal;border:0;text-align:left}
  .workshop__picture{width:100%;margin:0}
  .workshop__labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0 0}
  .workshop__labels article{padding:10px;background:#fff8e9;border:1px solid #c8bca7;box-shadow:2px 3px 0 #4c57572e;transform:none}
  .workshop__labels h3{margin:-10px -10px 8px;padding:6px 9px;font-size:22px}
  .workshop__labels p{font-size:14px;line-height:1.22}
  .benefits__list{grid-template-columns:1fr 1fr;gap:18px 0}
  .benefits__list article{display:block;padding:8px 12px;border-left:1px solid var(--folio-rule);border-top:0}
  .benefits__list article:nth-child(odd){border-left:0}
  .benefits__list article:nth-child(4){border-left:1px solid var(--folio-rule)}
  .benefits__list h3{font-size:24px}
  .benefits__list p{font-size:15px}
  .process-grid{grid-template-columns:1fr 1fr;gap:18px 4px}
  .process-grid article,.process-grid article:nth-child(n){padding:0 8px 0 12px}
  .process-grid h3{min-height:68px;margin-left:38px;font-size:18px}
  .process__number{left:10px;width:29px;height:29px;font-size:20px}
  .process-grid img{height:auto;aspect-ratio:1.62;object-fit:contain}
  .process__note{font-size:26px}
  .cost-grid .story-card__copy{padding-inline:4px}
  .race-grid figcaption,.ownership-grid figcaption{min-height:0}
  .speed-result{display:flex;gap:15px;padding:13px 15px}
  .speed-result__number{font-size:75px!important}
  .speed-result h3{font-size:27px}
  .speed-result p{font-size:15px}
  .ownership__summary{font-size:17px}
  .honest__grid article,.honest__grid article:nth-child(2){padding:22px 20px 25px}
  .honest__label{margin:-22px -20px 17px;font-size:24px}
  .honest__note{font-size:27px}
  .contact{padding-top:45px}
  .contact h2{font-size:clamp(38px,8vw,47px)}
  .contact__content{padding-bottom:35px}
  .sketch-tablet{padding:24px 17px 20px}
  .site-footer__inner{width:min(calc(100% - 28px),510px)}
}

@media(max-width:540px){
  .benefits__list{grid-template-columns:1fr}
  .benefits__list article,.benefits__list article:nth-child(4){border-left:0;border-top:1px solid var(--folio-rule)}
  .process-grid{grid-template-columns:1fr}
  .process-grid h3{min-height:0;margin-bottom:11px;font-size:22px}
  .process-grid img{max-height:235px}
}

@media(max-width:420px){
  .workshop__labels{grid-template-columns:1fr}
  .speed-result{display:block}
  .speed-result__number{margin-bottom:10px!important}
  .sketch-tablet__head svg{width:40%}
}

@media(prefers-reduced-motion:reduce){
  .sketch-tablet.is-drawing .sketch-tablet__stroke,.sketch-tablet:focus-within .sketch-tablet__stroke{animation:none;stroke-dashoffset:0}
  .sketch-tablet.is-drawing .sketch-tablet__pencil,.sketch-tablet:focus-within .sketch-tablet__pencil{animation:none}
  .contact__form label::after{transition:none}
}

/* Wide illustrations continue beyond the text column instead of ending in blank wings. */
@media(min-width:1800px){
  .workshop__picture{position:relative;left:50%;width:min(100vw,2560px);max-width:none;margin:0;transform:translateX(-50%)}
  .workshop__side-note,.workshop__right-note{display:none}
}

.process{position:relative}
.process .section-inner{position:relative;z-index:1}
.process-grid img{aspect-ratio:auto;object-fit:contain}
.race-grid img{object-fit:cover}
.race-grid figure:nth-child(3) img{object-fit:contain;background:transparent}
.ownership-grid figure:first-child img{padding:clamp(10px,1vw,18px);background:#fffaf0}

/* The PageSpeed target is a hand-drawn strip, as in the mobile reference. */
.speed-result{max-width:1160px;margin:44px auto 0;padding:12px 22px 20px;background:transparent;border:0;box-shadow:none;transform:none}
.speed-result__number{color:#db604f!important;text-shadow:2px 3px 0 #fff5df}
.speed-result__body{flex:1;min-width:0}
.speed-result h3{display:inline-block;margin-bottom:11px;border-bottom:4px solid #e8bc62}
.speed-result__doodles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.speed-result__doodles span{display:flex;align-items:center;gap:10px;min-width:0;color:#29334a;font:700 clamp(16px,1.1vw,21px)/1.1 var(--font-headline)}
.speed-result__doodles img{flex:0 0 54px;width:54px;height:54px;padding:5px;background:#f8dfaa;border-radius:47% 53% 45% 55%}
.speed-result__doodles span:nth-child(2) img{background:#cee4db}
.speed-result__doodles span:nth-child(3) img{background:#f2c5b9}
.speed-result small{margin-top:10px}
.race__outro{position:relative;width:min(100vw,2560px);height:clamp(390px,32vw,720px);margin:42px auto -70px;overflow:hidden;clip-path:polygon(0 1.4%,9% .4%,19% 1.2%,30% .4%,41% 1.2%,53% .5%,64% 1.1%,75% .4%,87% 1.2%,100% .5%,100% 99%,88% 98.5%,76% 99.5%,62% 98.7%,49% 99.3%,36% 98.7%,23% 99.4%,11% 98.6%,0 99%)}
.race__outro img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.race__sign{position:absolute;left:73%;top:36%;width:21%;margin:0;transform:rotate(-4deg);color:#253047;text-align:center;font:700 clamp(22px,2.5vw,59px)/.95 var(--font-headline)}
.race__sign span{font-size:1.2em}
@media(max-width:950px){
  .speed-result{display:block}
  .speed-result__number{margin-bottom:15px!important}
  .race__outro{height:clamp(260px,53vw,440px);margin-bottom:-40px}
}
@media(max-width:700px){
  .speed-result__doodles{grid-template-columns:1fr;gap:7px}
  .speed-result__doodles img{flex-basis:46px;width:46px;height:46px}
  .race__sign{font-size:clamp(15px,4vw,25px)}
}
@media(max-width:540px){
  .process-grid img{max-height:none}
  .process-grid h3 br{display:initial}
  .race__outro{height:260px}
  .race__outro img{object-position:right center}
  .race__sign{display:block;left:58%;top:42%;width:35%;font-size:clamp(14px,3.6vw,18px)}
}

/* The stage keeps its uneven illustrated wings as it gives way to paper. */
@media(min-width:951px){
  .hero__picture{clip-path:none;-webkit-mask:url("/assets/hero-paper-edge.svg") center / 100% 100% no-repeat;mask:url("/assets/hero-paper-edge.svg") center / 100% 100% no-repeat}
}

/* A paper accounting spread bridges the comic frames and the workshop. */
.story{padding-bottom:0}
.cost{z-index:1;margin-top:-3px;padding:clamp(96px,7vw,155px) 0 clamp(73px,5.4vw,122px)!important;background:transparent}
.page-world > .section-paper.cost::before{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  top:clamp(-170px,-7vw,-80px);
  left:50%;
  width:min(100vw,2560px);
  height:calc(100% + clamp(80px,7vw,170px));
  transform:translateX(-50%);
  background:url("/assets/cost-landscape-v2.webp") center top / 100% 100% no-repeat;
  clip-path:none;
  -webkit-mask:url("/assets/cost-landscape-arc.svg") center / 100% 100% no-repeat;
  mask:url("/assets/cost-landscape-arc.svg") center / 100% 100% no-repeat;
  pointer-events:none;
}
.cost::after{display:none}
.cost .section-inner{position:relative;z-index:2}
.cost .section-heading{max-width:1080px!important;margin:0 auto clamp(34px,3.3vw,65px)!important;text-align:center}
.cost .section-heading h2{max-width:1000px;margin:0 auto;font-size:clamp(42px,3.1vw,70px)!important;line-height:1.02}
.cost .section-heading::after{content:"";display:block;width:clamp(150px,11vw,245px);height:5px;margin:16px auto 0;border-radius:50%;background:#de8269;transform:rotate(-1.5deg)}
.cost .section-heading p:not(.eyebrow){max-width:830px!important;margin:15px auto 0!important;text-align:center;font-size:clamp(18px,1.15vw,24px)!important;line-height:1.32}
.cost .fine-print{max-width:820px;margin:32px auto 0;text-align:center;font-size:clamp(15px,.9vw,18px)}

/* The existing workshop painting enters and leaves with a rough paper edge. */
.workshop{margin-top:-24px;padding-top:0!important;padding-bottom:clamp(62px,5vw,100px)!important}
.workshop__picture{clip-path:none;-webkit-mask:url("/assets/workshop-paper-edge.svg") center / 100% 100% no-repeat;mask:url("/assets/workshop-paper-edge.svg") center / 100% 100% no-repeat}
@media(max-width:950px){
  .cost{padding:72px 0 85px!important}
  .cost .section-heading{margin-bottom:30px!important}
  .page-world > .section-paper.cost::before{display:none}
  .workshop{margin-top:-11px}
}
@media(max-width:700px){
  .cost{padding:54px 0 62px!important}
  .cost .section-heading h2{font-size:clamp(36px,8vw,45px)!important}
  .cost .section-heading p:not(.eyebrow){font-size:18px!important}
  .workshop__picture{-webkit-mask:none;mask:none;clip-path:polygon(0 1.4%,11% .6%,21% 1.6%,31% .4%,42% 1.3%,53% .3%,65% 1.5%,76% .5%,88% 1.4%,100% .5%,100% 98.8%,88% 99.6%,75% 98.7%,62% 99.5%,50% 98.8%,38% 99.6%,25% 98.7%,12% 99.6%,0 98.8%)}
}

/* Comic chapter labels share one centered band above their drawings. */
.story .comic-panel h3{
  display:flex;
  align-items:center;
  column-gap:8px;
  min-height:clamp(64px,4.4vw,92px);
  margin:0 0 8px;
  font-size:clamp(25px,1.5vw,35px);
  line-height:1.05;
}
.story .comic-panel h3 span{margin-right:0}

/* The cost conclusion reads as the final line of the illustrated argument. */
.cost__promise{
  max-width:min(940px,60vw);
  margin:clamp(45px,3vw,72px) auto 0;
  padding:0 18px;
  color:var(--folio-ink);
  font-family:var(--font-headline);
  font-size:clamp(32px,2.25vw,52px);
  font-weight:700;
  line-height:1.08;
  text-align:center;
}
.cost__promise::after{
  content:"";
  display:block;
  width:clamp(180px,14vw,310px);
  height:5px;
  margin:18px auto 0;
  border-radius:50%;
  background:#de8269;
  transform:rotate(-1.5deg);
}

/* Restrained ink washes tint the five existing hand-drawn icons. */
.benefits .section-heading h2{margin-top:0}
.benefits__list article{padding-top:10px}
.benefits .benefit-mark{
  position:relative;
  isolation:isolate;
  width:74px;
  height:78px;
  margin-bottom:5px;
  background-image:none!important;
}
.benefits .benefit-mark::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:10% 7% 9%;
  border-radius:var(--wash-shape,46% 54% 49% 51% / 53% 45% 55% 47%);
  background:var(--wash-color,#e6e4ce);
  transform:rotate(var(--wash-tilt,-7deg));
}
.benefits .benefit-mark::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--benefit-icon) center / 76% 76% no-repeat;
}
.benefits__list article:nth-child(1) .benefit-mark{--benefit-icon:url('/assets/icon-lightning.svg');--wash-color:#f3d999;--wash-tilt:-10deg}
.benefits__list article:nth-child(2) .benefit-mark{--benefit-icon:url('/assets/icon-search.svg');--wash-color:#c9dfe2;--wash-shape:54% 46% 44% 56% / 47% 56% 44% 53%;--wash-tilt:8deg}
.benefits__list article:nth-child(3) .benefit-mark{--benefit-icon:url('/assets/icon-gear.svg');--wash-color:#ecc8b7;--wash-shape:47% 53% 56% 44% / 54% 44% 56% 46%;--wash-tilt:5deg}
.benefits__list article:nth-child(4) .benefit-mark{--benefit-icon:url('/assets/icon-diamond.svg');--wash-color:#d3deec;--wash-shape:42% 58% 47% 53% / 49% 51% 46% 54%;--wash-tilt:-6deg}
.benefits__list article:nth-child(5) .benefit-mark{--benefit-icon:url('/assets/icon-shield.svg');--wash-color:#d6e3c4;--wash-shape:51% 49% 55% 45% / 45% 54% 46% 55%;--wash-tilt:7deg}

/* The working sequence is a separate sheet of lightly tinted comic paper. */
.process{
  background-color:#e1ece7;
  background-image:url('/assets/paper-from-reference.webp');
  background-repeat:repeat;
  background-blend-mode:multiply;
}
.page-world > .section-paper.process::before,
.page-world > .section-paper.process::after{height:23px}
.page-world > .section-paper.process::before{top:-17px}
.page-world > .section-paper.process::after{bottom:-17px}
.process-grid article,.process-grid article:nth-child(n){border-left-color:#b9cbc2}
.process__number{background:#507e7b}
.process-grid article:not(:last-child)::after{color:#cb705c}

@media(max-width:700px){
  .story .comic-panel h3{min-height:55px;font-size:27px}
  .cost__promise{max-width:510px;margin-top:40px;font-size:clamp(30px,6.7vw,39px)}
  .benefits .benefit-mark{width:62px;height:65px}
}

/* The estimate leads directly to the project form. */
.cost__cta{display:flex;width:max-content;min-width:190px;justify-content:center;margin:27px auto 0;background:#ee6255}

/* The PageSpeed gauge is attached to the illustrated road, like a painted travel marker. */
.race .section-heading{margin-bottom:clamp(32px,3vw,60px)}
.race__bridge{position:relative;z-index:2}
.race__outro{width:min(100vw,2560px);height:auto;aspect-ratio:1860/846;margin:clamp(28px,3vw,60px) auto 0;overflow:hidden;clip-path:none}
.race__outro>img{width:100%;height:100%;object-fit:cover;object-position:center}
.race__bridge .speed-result{position:absolute;z-index:3;top:7%;left:4.8%;display:grid;grid-template-columns:clamp(118px,8.5vw,190px) 1fr;align-items:center;gap:clamp(15px,1.5vw,34px);width:38%;max-width:none;margin:0;padding:clamp(18px,1.5vw,34px);border:2px solid #31484a;background:#fffaf0ed url('/assets/paper-from-reference.webp') repeat;box-shadow:8px 12px 0 #263b4240;clip-path:polygon(0 2%,9% .6%,20% 1.8%,31% .3%,43% 1.4%,57% .2%,71% 1.7%,86% .4%,100% 1.5%,99.3% 98.5%,86% 99.7%,71% 98.5%,58% 99.7%,42% 98.8%,27% 99.6%,12% 98.5%,.5% 99%);transform:rotate(-1deg)}
.speed-result__gauge{position:relative;display:grid;place-content:center;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#fff8e9 0 66%,transparent 67%),repeating-conic-gradient(from 225deg,#3b8578 0 5deg,#d7e2d4 5deg 8deg);box-shadow:inset 0 0 0 3px #234d4a;color:#2f786c;text-align:center}
.speed-result__gauge span{font:700 clamp(58px,4.2vw,94px)/.8 var(--font-headline)}
.speed-result__gauge sup{position:relative;top:-.1em;font-size:.48em}
.speed-result__gauge small{margin-top:9px;color:#294c4c;font:700 clamp(14px,.82vw,19px)/1 var(--font-headline)}
.race__bridge .speed-result__body{min-width:0}
.speed-result__eyebrow{margin:0 0 4px!important;color:#ad5a48;font:700 clamp(15px,.9vw,20px)/1 var(--font-headline)!important}
.race__bridge .speed-result h3{display:block;margin:0 0 9px;border:0;font-size:clamp(29px,1.85vw,43px);line-height:1.02}
.race__bridge .speed-result__body>p:not(.speed-result__eyebrow){margin:0 0 9px;font-size:clamp(15px,1vw,21px);line-height:1.23}
.speed-result__brands{display:flex;align-items:center;gap:clamp(9px,1vw,22px);margin:12px 0;padding:8px 0;border-top:1px solid #c9bb9f;border-bottom:1px solid #c9bb9f;white-space:nowrap}
.google-wordmark,.yandex-wordmark{display:inline-block;font:700 clamp(22px,1.5vw,33px)/1 Arial,sans-serif;letter-spacing:-.06em}
.google-wordmark b:nth-child(1),.google-wordmark b:nth-child(4){color:#4285f4}.google-wordmark b:nth-child(2),.google-wordmark b:nth-child(6){color:#ea4335}.google-wordmark b:nth-child(3){color:#fbbc05}.google-wordmark b:nth-child(5){color:#34a853}
.yandex-wordmark{color:#1d2226;letter-spacing:-.065em}.yandex-wordmark b{color:#e44135}
.race__bridge .speed-result__search{font-weight:600}
.race__sign{left:68.8%;top:46%;width:27%;font-size:clamp(23px,2vw,49px);line-height:.98;transform:rotate(-2deg)}

/* Ownership passes into a full-width illustrated editing desk. */
.ownership{background:transparent!important;padding-bottom:clamp(110px,8vw,190px)!important}
.ownership .section-heading{max-width:900px!important;margin:0 auto clamp(29px,2.5vw,48px)!important;text-align:center}
.ownership .section-heading p{margin-inline:auto}
.ownership-grid figcaption{background:#fffaf0c9}
.ownership__bridge{position:relative;max-width:990px;margin:clamp(32px,3.1vw,62px) auto 0;color:var(--folio-ink);text-align:center;font:700 clamp(29px,2.1vw,45px)/1.08 var(--font-headline)}
.ownership__bridge::after{content:'';display:block;width:clamp(140px,13vw,270px);height:5px;margin:17px auto 0;border-radius:50%;background:#e58470;transform:rotate(-2deg)}
.page-world > .section-paper.cms{z-index:2;margin-top:clamp(-125px,-5vw,-48px);padding:0!important;background:transparent!important}
.page-world > .section-paper.cms::before,.page-world > .section-paper.cms::after{display:none}
.cms__intro{position:relative;z-index:2;width:min(calc(100% - 44px),1430px);margin:0 auto clamp(-24px,-1vw,-10px);padding:clamp(20px,2vw,42px) clamp(20px,3vw,60px) clamp(24px,2.2vw,48px);color:var(--folio-ink);text-align:center;background:#fff8e9 url('/assets/paper-from-reference.webp') repeat;clip-path:polygon(0 1.3%,11% .3%,23% 1.1%,35% .2%,48% 1%,62% .2%,75% 1.1%,88% .3%,100% 1.2%,99.7% 98.5%,85% 99.6%,72% 98.7%,58% 99.7%,43% 98.7%,27% 99.5%,13% 98.6%,.3% 99.5%);box-shadow:7px 9px 0 #42554b24}
.cms__intro .eyebrow{margin:0 0 10px;color:#a45043;font-size:clamp(13px,.9vw,19px)}
.cms__intro h2{margin:0 auto;font:700 clamp(39px,3.3vw,79px)/1.02 var(--font-headline)}
.cms__intro h2::after{content:'';display:block;width:clamp(180px,20vw,390px);height:6px;margin:clamp(13px,1vw,22px) auto 0;border-radius:50%;background:#e87362;transform:rotate(-1.5deg)}
.cms__intro>p:last-child{max-width:62ch;margin:clamp(15px,1.1vw,23px) auto 0;font-size:clamp(19px,1.26vw,27px);line-height:1.25}
.cms__world{position:relative;width:min(100%,2560px);aspect-ratio:3/1;margin:0 auto;isolation:isolate}
.cms__picture{display:block;width:100%;height:100%}
.cms__scene{display:block;width:100%;height:100%;object-fit:cover}
.cms__details{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,70px);width:min(calc(100% - 50px),1480px);margin:clamp(-54px,-2.8vw,-20px) auto 0;padding:clamp(25px,2vw,43px) clamp(30px,3vw,65px);background:#fffaf0 url('/assets/paper-from-reference.webp') repeat;clip-path:polygon(0 1.5%,12% .4%,25% 1.4%,39% .3%,52% 1.3%,66% .2%,79% 1.2%,91% .2%,100% 1%,99.7% 98%,86% 99.6%,72% 98.6%,57% 99.8%,43% 98.6%,28% 99.5%,13% 98.5%,.2% 99%);box-shadow:6px 8px 0 #33483a25}
.cms__details p{margin:0;color:var(--folio-ink);font-size:clamp(19px,1.24vw,26px);line-height:1.24}
.cms__details strong{font-family:var(--font-headline);font-size:1.18em}

/* One focused paper spread replaces the builder-versus-custom comparison. */
.page-world > .section-paper.honest{z-index:3;padding-bottom:0!important;background:transparent!important}
.honest__spread{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:clamp(35px,4vw,90px);align-items:center;padding:clamp(42px,4.5vw,85px)!important;background:#fffaf0 url('/assets/paper-from-reference.webp') repeat;border:1px solid #d4c7b4;box-shadow:8px 10px 0 #4b5b5020;clip-path:polygon(0 .8%,13% .2%,26% .7%,39% .1%,52% .8%,65% .2%,78% .8%,91% .2%,100% .7%,99.8% 99.3%,86% 99.8%,71% 99.2%,56% 99.9%,41% 99.1%,26% 99.8%,11% 99.2%,.2% 99.7%)}
.honest__intro img{width:clamp(62px,5vw,100px);height:auto;margin-bottom:12px;padding:11px;border-radius:53% 47% 49% 51%;background:#f4d6a0;transform:rotate(-8deg)}
.honest__intro .eyebrow{margin:0 0 10px}
.honest__intro h2{margin:0;font:700 clamp(39px,3vw,65px)/1.02 var(--font-headline)}
.honest__intro h2::after{content:'';display:block;width:180px;height:5px;margin:17px 0 0;border-radius:50%;background:#e7826d;transform:rotate(-2deg)}
.honest__intro>p:last-child{max-width:40ch;margin:17px 0 0;font-size:clamp(17px,1.15vw,22px);line-height:1.28}
@media(min-width:1101px){.honest__intro{transform:translateY(clamp(-68px,-3.1vw,-28px))}}
.honest__reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1vw,20px);margin:0;padding:0;list-style:none}
.honest__reasons li{display:flex;align-items:center;gap:clamp(12px,1vw,20px);min-height:clamp(112px,7vw,154px);padding:clamp(15px,1vw,24px);border:1px solid #c8c1ad;background:radial-gradient(circle at 12% 21%,#d5e9dc 0,transparent 36%),#fff8e9;box-shadow:3px 4px 0 #405f6030;font:700 clamp(21px,1.34vw,30px)/1.08 var(--font-headline);transform:rotate(-.6deg)}
.honest__reasons li:nth-child(2){background:radial-gradient(circle at 12% 21%,#d5e2ef 0,transparent 36%),#fff8e9;transform:rotate(.5deg)}
.honest__reasons li:nth-child(3){background:radial-gradient(circle at 12% 21%,#f3d4c1 0,transparent 36%),#fff8e9;transform:rotate(.4deg)}
.honest__reasons li:nth-child(4){background:radial-gradient(circle at 12% 21%,#e6d9ee 0,transparent 36%),#fff8e9;transform:rotate(-.5deg)}
.honest__reasons li:nth-child(5){background:radial-gradient(circle at 12% 21%,#e8e3bc 0,transparent 36%),#fff8e9;transform:rotate(.3deg)}
.honest__reasons li span{flex:none;display:grid;place-items:center;width:clamp(68px,5.2vw,112px);height:clamp(68px,5.2vw,112px);border:2px solid #667b71;border-radius:50% 47% 54% 46%;background:#fffdf0;transform:rotate(-6deg)}
.honest__reasons li span img{display:block;width:70%;height:70%;object-fit:contain}
.honest__reasons li strong{font:inherit}
.honest__reasons li:last-child{grid-column:1/-1;width:75%;justify-self:center}

/* Keep the liked application sheet, but extend its studio across the viewport. */
.contact{z-index:2;padding:0!important;margin-top:clamp(-60px,-2.2vw,-35px);background:transparent!important}
.contact__inner{width:min(100%,2560px);min-height:clamp(670px,30vw,760px);clip-path:none;background:transparent}
.contact__inner::before,.contact__inner::after{display:none}
.contact__art{top:-60px;height:calc(100% + 60px);object-fit:cover;object-position:center top;clip-path:inset(60px 0 0);mask-image:linear-gradient(to bottom,transparent 6.5%,#000 9%,#000 76%,transparent 93%)}
.contact__content{z-index:2;width:min(48%,860px);padding-right:clamp(35px,5vw,115px)}
.contact__form input:focus-visible,.contact__form textarea:focus-visible{outline:0;border-bottom-color:#c65d4e;background:#fff6e6a8;box-shadow:0 2px 0 #c65d4e}
.site-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:25px}
.site-footer nav{justify-self:center;justify-content:center;margin:0}
.site-footer__end{justify-self:end;margin-left:0;text-align:right}
.site-footer__credit{margin-top:11px!important;color:#455365!important;font-size:clamp(15px,.9vw,18px)!important}
.site-footer__credit a{color:#2c7778;font-family:var(--font-headline);font-size:1.25em;font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}

@media(max-width:1650px){
  .race__bridge .speed-result{grid-template-columns:clamp(92px,8vw,130px) 1fr;gap:14px;width:45%;padding:19px}
  .speed-result__gauge span{font-size:clamp(48px,5vw,70px)}
  .speed-result__gauge small{font-size:12px}
  .race__bridge .speed-result h3{font-size:clamp(26px,2.1vw,34px)}
  .race__bridge .speed-result__body>p:not(.speed-result__eyebrow){font-size:clamp(14px,1.1vw,18px)}
}
@media(max-width:1500px){
  .cms{margin-top:-48px!important}
  .cms__world{display:flex;flex-direction:column;aspect-ratio:auto}
  .cms__scene{height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}
}
@media(max-width:1200px){
  .race__outro{overflow:visible;margin-bottom:50px}
  .race__bridge .speed-result{position:relative;top:auto;left:auto;display:grid;grid-template-columns:120px 1fr;width:min(calc(100% - 32px),800px);margin:-24px auto 0;padding:22px 25px;transform:rotate(-.6deg)}
  .race__outro>img{position:relative;z-index:0;display:block;height:auto;aspect-ratio:1860/846}
  .race__sign{z-index:1;top:46%}
  .cms__intro{width:min(calc(100% - 36px),900px)}
  .cms__details{margin:-8px auto 0}
}
@media(max-width:1100px){
  .honest__spread{grid-template-columns:1fr;gap:25px}
  .site-footer__inner{grid-template-columns:1fr;justify-items:center;text-align:center}
  .site-footer nav{margin:0;justify-self:center}
  .site-footer__end{justify-self:center;text-align:center}
}
@media(max-width:700px){
  .race__outro{margin-bottom:36px}
  .race__outro>img{height:260px;aspect-ratio:auto;object-position:72% center}
  .race__sign{left:68%;top:125px;width:27%;font-size:clamp(11px,3vw,18px)}
  .race__bridge .speed-result{display:block;width:calc(100% - 24px);margin:-16px auto 0;padding:22px;transform:none}
  .speed-result__gauge{width:120px;margin:0 auto 15px}
  .speed-result__gauge span{font-size:57px}
  .race__bridge .speed-result h3{font-size:31px}
  .race__bridge .speed-result__body>p:not(.speed-result__eyebrow){font-size:17px}
  .speed-result__brands{justify-content:center}
  .ownership{padding-bottom:100px!important}
  .ownership__bridge{font-size:30px}
  .cms__intro{width:calc(100% - 24px);margin-bottom:-5px;padding:23px 19px 29px}
  .cms__intro h2{font-size:clamp(34px,8.6vw,44px)}
  .cms__intro>p:last-child{font-size:18px}
  .cms__picture{height:auto}
  .cms__scene{height:auto;aspect-ratio:1122/1402;object-fit:contain}
  .cms__details{grid-template-columns:1fr;width:calc(100% - 24px);gap:16px;padding:25px 19px}
  .cms__details p{font-size:18px}
  .honest__spread{padding:30px 22px!important}
  .honest__intro h2{font-size:clamp(38px,8vw,49px)}
  .honest__reasons{grid-template-columns:1fr;gap:0}
  .honest__reasons li,.honest__reasons li:last-child{grid-column:auto;width:100%;min-height:90px;padding:12px;margin-bottom:12px;font-size:22px}
  .honest__reasons li span{width:68px;height:68px}
  .contact__inner{width:100%;clip-path:none}
  .contact__inner::before,.contact__inner::after{display:none}
  .contact__art{object-position:left center}
  .contact__content{width:100%;padding:25px 18px 35px}
  .site-footer__inner{display:grid;gap:18px}
  .site-footer nav{margin:0;justify-content:center}
  .site-footer__end{margin:0}
}

/* Let the same newsprint run through the chapter joins. */
.page-world{background:#f6ecd9 url('/assets/paper-from-reference.webp') repeat}
.page-world > .section-paper.benefits,
.page-world > .section-paper.race,
.page-world > .section-paper.ownership{background:transparent}
.page-world > .section-paper.benefits::before,
.page-world > .section-paper.benefits::after,
.page-world > .section-paper.race::before,
.page-world > .section-paper.race::after,
.page-world > .section-paper.ownership::before,
.page-world > .section-paper.ownership::after,
.page-world > .section-paper.honest::before,
.page-world > .section-paper.honest::after{display:none}
.page-world > .section-paper.benefits{padding-block:clamp(72px,6.4vw,136px)!important}
.benefits__layout{align-items:center}
.race{padding-bottom:0!important}
.race__outro{margin-bottom:clamp(-125px,-5.5vw,-50px)}
.page-world > .section-paper.ownership{z-index:2;padding-top:clamp(95px,6vw,160px)!important}
.contact{margin-top:clamp(-150px,-5.5vw,-70px)}
.contact__content{padding-top:clamp(80px,5.5vw,140px)}

/* The three ownership panels sit on one torn comic sheet. */
.ownership-grid{position:relative;gap:clamp(15px,1.5vw,29px);padding:clamp(18px,1.7vw,38px);background:#fffef8;box-shadow:5px 7px 0 #39474026;clip-path:polygon(0 .7%,13% .1%,27% .7%,40% .2%,54% .8%,69% .1%,83% .8%,100% .2%,99.8% 99.4%,85% 99.9%,70% 99.2%,55% 99.8%,39% 99.1%,25% 99.8%,11% 99.2%,.2% 99.7%)}
.ownership-grid figure{background:transparent}
.ownership-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:3px solid #293341;border-radius:3px 6px 4px 7px / 5px 3px 7px 4px;box-shadow:inset 0 0 0 2px #fff7e7,2px 3px 0 #394b4b55}
.ownership-grid figure:nth-child(2) img{border-radius:6px 3px 7px 4px / 4px 7px 3px 6px}
.ownership-grid figure:nth-child(3) img{border-radius:4px 7px 3px 6px / 6px 4px 7px 3px}
.ownership-grid figure:first-child img{padding:0;background:#fffaf0}
.ownership-grid figcaption{display:flex;min-height:0;padding:14px 3px 4px;background:transparent}

/* Keep all cost and road illustrations in equal, ink-framed windows. */
.cost-grid .story-card>picture>img{display:block;width:100%;border:3px solid #293341;border-radius:4px 6px 3px 5px / 5px 3px 6px 4px;clip-path:none;box-shadow:2px 3px 0 #394b4b55}
.race-grid figure{display:flex;flex-direction:column}
.race-grid img,.race-grid figure:nth-child(3) img{display:block;width:100%;height:auto;aspect-ratio:1.925;object-fit:cover;object-position:center center;background:#dce8e1}
.race-grid figure:nth-child(3) img{object-position:center 51%}
.race-grid figcaption{display:flex;flex:1}

/* A little hand-stamped Lighthouse proof connects the race to the road. */
.lighthouse-proof{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(23px,3vw,65px);width:min(100%,1240px);margin:clamp(45px,4.5vw,88px) auto 0;padding:clamp(20px,2vw,42px) clamp(24px,3vw,62px);background:#fffaf0 url('/assets/paper-from-reference.webp') repeat;border:2px solid #35434a;border-radius:4px 7px 5px 8px;box-shadow:6px 8px 0 #49625938;transform:rotate(-.4deg)}
.lighthouse-proof::before{content:'';position:absolute;inset:7px;border:1px dashed #aeb5a5;border-radius:6px;pointer-events:none}
.lighthouse-proof__score{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(160px,13vw,275px);aspect-ratio:1;flex:none;color:#235e55;text-align:center;border:5px solid #338b72;border-radius:50% 47% 52% 48%;background:#e6f3e5;transform:rotate(-5deg)}
.lighthouse-proof__score span{max-width:10ch;color:#314b48;font:700 clamp(15px,1.05vw,22px)/1 var(--font-headline)}
.lighthouse-proof__score strong{font:700 clamp(49px,4vw,91px)/.95 var(--font-headline)}
.lighthouse-proof__score small{font:700 clamp(17px,1vw,22px)/1 var(--font-headline)}
.lighthouse-proof__copy>p:first-child{margin:0 0 17px;font:700 clamp(26px,1.9vw,43px)/1.05 var(--font-headline)}
.lighthouse-proof__copy ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.lighthouse-proof__copy li{position:relative;padding:37px 7px 7px;text-align:center;font:700 clamp(16px,1.05vw,21px)/1 var(--font-headline);border-top:1px solid #c5cfbd}
.lighthouse-proof__copy li::before{content:'✓';position:absolute;top:6px;left:50%;display:grid;place-items:center;width:27px;height:27px;color:#fff;background:#3d947a;border-radius:50%;transform:translateX(-50%) rotate(-9deg);font:700 18px/1 Arial,sans-serif}
.lighthouse-proof__question{margin:15px 0 0;color:#a94b3d;font:700 clamp(24px,1.45vw,32px)/1.05 var(--font-headline)}

/* The CMS caption is a tilted print label, then two comic notes and a cat. */
.cms__intro .eyebrow{position:relative;display:inline-block;margin:0 auto 22px;padding:10px 19px 12px;color:#263a47;background:#fffdf2;border:2px solid #2d3742;border-radius:6px 3px 8px 4px;box-shadow:4px 4px 0 #d9c1a2;transform:rotate(-4deg);font:700 clamp(21px,1.35vw,30px)/1 var(--font-headline);letter-spacing:0}
.cms__intro .eyebrow::before{content:'';position:absolute;inset:4px;border:1px solid #3f4c4e;border-radius:3px 6px 4px 7px;pointer-events:none}
.cms__details{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,14vw,275px) minmax(0,1fr);align-items:end;gap:clamp(12px,1.8vw,38px);width:min(calc(100% - 50px),1580px);margin:clamp(-90px,-4vw,-35px) auto clamp(20px,3vw,60px);padding:0;background:none;clip-path:none;box-shadow:none}
.cms__details article{position:relative;min-width:0;padding:clamp(18px,1.6vw,33px);color:var(--folio-ink);background:#fffaf0 url('/assets/paper-from-reference.webp') repeat;border:2px solid #334249;border-radius:9px 6px 10px 5px;box-shadow:5px 6px 0 #445a5133;transform:rotate(-2deg)}
.cms__details article:last-child{transform:rotate(1.8deg)}
.cms__details article::after{content:'';position:absolute;inset:5px;border:1px solid #b8b8a4;border-radius:5px 8px 6px 9px;pointer-events:none}
.cms__details article strong{display:block;margin-bottom:8px;color:#276c67;font-size:clamp(27px,1.7vw,39px)}
.cms__details article p{position:relative;margin:0;font-size:clamp(17px,1.05vw,23px);line-height:1.22}
.cms__cat{position:relative;z-index:1;width:100%;height:auto;align-self:end;margin-bottom:-14px;filter:drop-shadow(2px 6px 2px #3c48473b)}

/* A quick hand-drawn underline stays within each navigation link. */
.site-nav a:not(.site-nav__cta){position:relative}
.site-nav a:not(.site-nav__cta)::after{content:'';position:absolute;left:8%;right:8%;bottom:4px;height:3px;background:#e2695c;border-radius:60% 40% 55% 45%;transform:scaleX(0) skewX(-13deg) rotate(-1deg);transform-origin:left center;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
.site-nav a:not(.site-nav__cta):hover::after,.site-nav a:not(.site-nav__cta):focus-visible::after{transform:scaleX(1) skewX(-13deg) rotate(-1deg)}

@media(max-width:1100px){
  .site-header{position:sticky;top:0;left:auto;right:auto;z-index:100;width:100%;background:transparent;transition:transform .25s ease,background-color .25s ease}
  .site-header.is-scrolled{background:#fbf3e3 url('/assets/paper-from-reference.webp') repeat}
  .site-header.is-scroll-hidden{transform:translateY(-105%)}
  .site-header__inner{position:relative;width:min(calc(100% - 28px),900px);margin-inline:auto;background:transparent;transform:none}
  .site-header__inner .site-nav,.site-header__inner .site-nav.is-open{top:100%;right:auto;left:50%;width:100vw;margin:0;padding:12px max(18px,calc((100vw - 900px)/2)) 20px;border:0;border-top:1px solid #c8bba8;border-bottom:2px solid #33424c;border-radius:0;box-shadow:0 11px 18px #28333c2b;transform:translateX(-50%)}
  .site-nav a:not(.site-nav__cta)::after{left:10px;right:auto;width:min(190px,55%);bottom:3px;transform-origin:left center}
  .site-nav a:not(.site-nav__cta):hover::after,.site-nav a:not(.site-nav__cta):focus-visible::after{transform:scaleX(1) skewX(-13deg) rotate(-1deg)}
}
@media(min-width:701px) and (max-width:1100px){.site-header{position:fixed}}
@media(max-width:700px){
  .site-header__inner{width:100%;padding-inline:12px}
  .page-world > .section-paper.benefits{padding-block:60px!important}
  .race__outro{margin-bottom:-30px}
  .page-world > .section-paper.ownership{padding-top:76px!important}
  .lighthouse-proof{grid-template-columns:1fr;gap:16px;width:calc(100% - 18px);margin-top:50px;padding:23px 16px;transform:none}
  .lighthouse-proof__score{width:158px;margin:auto}
  .lighthouse-proof__score strong{font-size:55px}
  .lighthouse-proof__copy>p:first-child{text-align:center;font-size:30px}
  .lighthouse-proof__copy ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lighthouse-proof__copy li{font-size:18px}
  .lighthouse-proof__question{text-align:center;font-size:26px}
  .ownership-grid{grid-template-columns:1fr;padding:18px;gap:25px}
  .ownership-grid img{height:auto;aspect-ratio:1;object-fit:cover}
  .cms__intro .eyebrow{margin-bottom:21px;font-size:21px}
  .cms__details{grid-template-columns:1fr;gap:15px;width:calc(100% - 32px);margin:10px auto 36px}
  .cms__details article{padding:19px 18px;transform:rotate(-1deg)}
  .cms__details article:last-child{transform:rotate(1deg)}
  .cms__cat{grid-row:2;width:min(45%,190px);justify-self:center;margin:-10px 0 -8px}
  .contact{margin-top:-30px}
  .contact__art{top:0;height:250px;clip-path:none;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);object-position:left center}
  .contact__content{padding-top:25px}
  .workshop__labels article{position:relative;padding:14px 12px 14px 55px;background:#f0f5e9;border:1px solid #8da99c;box-shadow:2px 3px 0 #35675a2d}
  .workshop__labels h3{margin:0 0 5px;padding:0;color:#285f5c;background:transparent;font-size:22px}
  .workshop__labels h3::before{content:'';position:absolute;top:12px;left:11px;width:34px;height:34px;background:var(--workshop-icon) center / contain no-repeat}
  .workshop__labels article:nth-child(1){--workshop-icon:url('/assets/icon-gear.svg')}
  .workshop__labels article:nth-child(2){--workshop-icon:url('/assets/icon-diamond.svg')}
  .workshop__labels article:nth-child(3){--workshop-icon:url('/assets/icon-search.svg')}
  .workshop__labels article:nth-child(4){--workshop-icon:url('/assets/icon-growth.svg')}
}
@media(prefers-reduced-motion:reduce){.site-header,.site-nav a:not(.site-nav__cta)::after{transition:none}}

/* A single road replaces three independently cropped vehicle cards. */
.race__road{position:relative;width:min(100%,2560px);margin:0 auto;line-height:0}
.race__road>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.race__road-label{position:absolute;top:5%;display:inline-block;padding:8px 15px 10px;color:#263148;background:#fff9e9;border:2px solid #293341;border-radius:5px 7px 4px 6px;box-shadow:3px 4px 0 #26374146;transform:rotate(-3deg);font:700 clamp(20px,1.45vw,35px)/1 var(--font-headline);line-height:1.1}
.race__road-label--tilda{left:11%}
.race__road-label--wordpress{left:45%;transform:rotate(2deg)}
.race__road-label--custom{right:8%;transform:rotate(-2deg)}

/* Printed panels use the same opaque mat and the original hand-inked image edges. */
.cost-grid .story-card{padding:8px;background:#fffaf0;border:1px solid #c9bba8;box-shadow:3px 5px 0 #29334126}
.cost-grid .story-card>picture>img{box-sizing:border-box;display:block;width:100%;height:auto;aspect-ratio:.84;object-fit:contain;object-position:center;padding:7px;border:2px solid #293341;border-radius:6px 4px 7px 5px;clip-path:none;background:#fffaf0;box-shadow:2px 3px 0 #394b4b55}
.cost-grid .story-card__copy{padding:16px 13px 18px;background:#fffaf0}

/* The check is measured per category, with the question in its own centered row. */
.lighthouse-proof__copy{text-align:center}
.lighthouse-proof__copy>p:first-child{max-width:23ch;margin:0 auto 22px}
.lighthouse-proof__score strong{font-size:clamp(35px,2.8vw,61px)}
.lighthouse-proof__copy li{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 6px 8px}
.lighthouse-proof__copy li::before{display:none}
.lighthouse-proof__value{color:#28725e;font:700 clamp(31px,2.1vw,46px)/1 var(--font-headline)}
.lighthouse-proof__question{margin:27px auto 0;text-align:center}
.lighthouse-proof__score[data-score-level="orange"],.lighthouse-proof__value[data-score-level="orange"]{color:#bb6a29}
.lighthouse-proof__score[data-score-level="red"],.lighthouse-proof__value[data-score-level="red"]{color:#b84844}
.lighthouse-proof__score[data-score-level="orange"]{border-color:#d68732;background:#f7eacf}
.lighthouse-proof__score[data-score-level="red"]{border-color:#c9544e;background:#f8e2da}

/* The form illustration comes over the bottom of the previous paper sheet. */
.contact{z-index:4}
@media(min-width:701px){
  .contact{margin-top:clamp(-200px,-8vw,-120px)}
  .contact__art{top:-110px;height:calc(100% + 110px);clip-path:polygon(0 13%,12% 12.5%,24% 13.5%,36% 12.8%,43% 13.2%,50% 24%,100% 24%,100% 100%,0 100%);mask-image:linear-gradient(to bottom,transparent 10%,#000 14%,#000 76%,transparent 93%)}
  .contact__content{padding-top:clamp(130px,8vw,190px)}
}

/* Footer navigation draws the same little ink line as the header. */
.site-footer nav a{position:relative}
.site-footer nav a::after{content:'';position:absolute;right:0;bottom:-5px;left:0;height:3px;background:#e2695c;border-radius:60% 40% 55% 45%;transform:scaleX(0) skewX(-13deg) rotate(-1deg);transform-origin:left center;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
.site-footer nav a:hover::after,.site-footer nav a:focus-visible::after{transform:scaleX(1) skewX(-13deg) rotate(-1deg)}

@media(max-width:700px){
  .race__road-label{top:2%;padding:3px 5px 4px;border-width:1px;box-shadow:1px 2px 0 #26374146;font-size:clamp(11px,3vw,16px)}
  .race__road-label--tilda{left:5%}
  .race__road-label--wordpress{left:39%}
  .race__road-label--custom{right:2%}
  .lighthouse-proof__copy>p:first-child{margin-bottom:20px}
  .lighthouse-proof__copy li{padding:12px 3px 5px;font-size:16px}
  .lighthouse-proof__value{font-size:32px}
  .lighthouse-proof__score strong{font-size:39px}
  .lighthouse-proof__question{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.site-footer nav a::after{transition:none}}

/* The taller road art gives the headline sky to sit in and explains the visual metaphor. */
.race{padding-top:clamp(24px,2.6vw,56px)!important}
.race__road>picture,.race__road>picture>img{display:block;width:100%;height:auto}
.race__road>picture>img{aspect-ratio:1942/809;object-fit:contain}
.race__road-title{position:absolute;z-index:2;top:4%;left:50%;width:min(58%,980px);margin:0;padding:clamp(14px,1.2vw,28px) clamp(20px,2vw,45px);color:#232c43;text-align:center;background:#fffaf0e8 url('/assets/paper-from-reference.webp') repeat;border:2px solid #344047;border-radius:5px 7px 6px 4px;box-shadow:5px 6px 0 #394b4b42;transform:translateX(-50%) rotate(-1deg);font:700 clamp(33px,2.5vw,61px)/1.01 var(--font-headline)}
.race__explain{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(calc(100% - 48px),1640px);margin:-32px auto 0;padding:clamp(16px,1.5vw,31px) clamp(13px,1.8vw,37px);background:#fffaf0 url('/assets/paper-from-reference.webp') repeat;border:2px solid #35434a;box-shadow:6px 8px 0 #4962592e;clip-path:polygon(0 2%,13% .4%,25% 1.6%,39% .2%,51% 1.4%,64% .4%,77% 1.7%,89% .3%,100% 1%,99.8% 98%,88% 99.7%,75% 98.6%,61% 99.6%,46% 98.7%,32% 99.5%,16% 98.6%,.2% 99%)}
.race__explain article{min-width:0;padding:5px clamp(15px,2vw,38px);text-align:center}
.race__explain article+article{border-left:1px solid #d3c8b2}
.race__explain h3{margin:0 0 7px;color:#25354a;font:700 clamp(26px,1.8vw,41px)/1 var(--font-headline)}
.race__explain p{max-width:26ch;margin:0 auto;color:#344052;font-size:clamp(17px,1.04vw,22px);line-height:1.2}
.lighthouse-proof{margin-top:clamp(42px,3.8vw,76px)}

/* Two aligned renderings of the same new artwork: soft scene below, natural portrait above. */
@media(min-width:701px){
  .contact{z-index:4;margin-top:clamp(-175px,-6.2vw,-85px)}
  .contact__art,.contact__art-overlap{position:absolute;inset:auto 0 auto 0;top:-300px;display:block;width:100%;height:auto;aspect-ratio:1899/828;object-fit:contain;object-position:center;clip-path:none}
  .contact__art{mask-image:linear-gradient(to bottom,transparent 33%,#000 52%,#000 78%,transparent 100%)}
  .contact__art-overlap{z-index:1;mask-image:radial-gradient(ellipse 270px 280px at 25% 46%,#000 32%,transparent 74%);pointer-events:none}
  .contact__content{z-index:2;padding-top:clamp(90px,6.2vw,145px)}
}
@media(max-width:700px){
  .race__road>picture>img{aspect-ratio:1024/1536;object-fit:contain}
  .race__road-title{top:3%;width:calc(100% - 28px);padding:11px 13px 12px;font-size:clamp(30px,8vw,42px)}
  .race__explain{grid-template-columns:1fr;width:calc(100% - 26px);margin:-14px auto 0;padding:11px 16px}
  .race__explain article{padding:12px 4px}
  .race__explain article+article{border-left:0;border-top:1px solid #d3c8b2}
  .race__explain h3{font-size:29px}
  .race__explain p{font-size:17px}
  .contact__art-overlap{display:none}
  .contact__art{top:0;height:250px;clip-path:none;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
}

/* Benefits and process read as two centered editorial spreads. The drawings
   belong to the four process steps, so loose drafting props are not used. */
.page-world > .section-paper.benefits{padding-block:clamp(72px,5.5vw,118px)!important}
.page-world > .section-paper.benefits .section-inner,
.page-world > .section-paper.process .section-inner{width:min(calc(100% - 64px),1710px)}
.benefits__layout{display:flex;flex-direction:column;align-items:center;gap:clamp(38px,3.5vw,72px)}
.benefits .section-heading{width:100%;max-width:1100px!important;margin:0 auto;text-align:center}
.benefits .section-heading h2{max-width:100%;margin:0 auto 18px;font-size:clamp(41px,3.2vw,68px)!important;line-height:1.04}
.benefits .section-heading p{max-width:760px!important;margin-inline:auto;font-size:clamp(18px,1.18vw,24px)!important}
.benefits__list{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto}
.benefits__list article,
.benefits__list article:nth-child(4){min-width:0;padding:4px clamp(15px,1.45vw,31px) 7px;border-top:0;border-left:1px solid #cfc4ad;text-align:center}
.benefits__list article:first-child{border-left:0}
.benefits .benefit-mark{display:block;width:clamp(68px,4.3vw,92px);height:clamp(70px,4.5vw,96px);margin:0 auto 11px}
.benefits__list h3{min-height:2.1em;margin:0 0 10px;font-size:clamp(24px,1.56vw,34px);line-height:1.03}
.benefits__list p{max-width:28ch;margin:0 auto;font-size:clamp(16px,.98vw,20px);line-height:1.32}

.page-world > .section-paper.process{padding-block:clamp(72px,5.4vw,110px) clamp(68px,5vw,100px)!important}
.process .section-inner{display:block}
.process .section-heading{max-width:850px!important;margin:0 auto clamp(30px,3vw,60px);text-align:center}
.process .section-heading h2{font-size:clamp(44px,3vw,64px)!important}
.process .section-heading p{max-width:690px!important;margin-inline:auto;font-size:clamp(18px,1.12vw,23px)!important}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,34px)}
.process-grid article,.process-grid article:nth-child(n){position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none}
.process-grid h3{order:0;min-height:2.1em;margin:0 0 15px clamp(50px,3.3vw,64px);font-size:clamp(23px,1.4vw,31px);line-height:1.04}
.process__number{top:0;left:0;width:clamp(37px,2.4vw,49px);height:clamp(37px,2.4vw,49px);font-size:clamp(24px,1.6vw,33px)}
.process-grid img{order:1;display:block;width:100%;height:auto;aspect-ratio:1.62;object-fit:cover;border:2px solid #53645d;border-radius:3px 6px 4px 5px;box-shadow:3px 4px 0 #4d655f35}
.process-grid article:nth-child(2) img{transform:rotate(.5deg)}
.process-grid article:nth-child(3) img{transform:rotate(-.4deg)}
.process-grid article:not(:last-child)::after{display:block;top:61%;right:calc(clamp(14px,1.6vw,34px) * -.7);color:#cb705c;font-size:clamp(28px,2vw,42px)}
.process__note{grid-column:auto;width:fit-content;max-width:90%;margin:clamp(28px,2.5vw,48px) auto 0;text-align:center;font-size:clamp(24px,1.5vw,34px);line-height:1.06;transform:rotate(-1deg)}

/* The road starts at the torn edge of the process chapter. */
.page-world > .section-paper.race{padding-top:0!important}
.page-world > .section-paper.process::after{display:none}

/* Give the Lighthouse statement the full width of its newspaper clipping. */
.lighthouse-proof{width:min(100%,1480px)}
.lighthouse-proof__copy>p:first-child{max-width:none;margin:0 auto 23px;font-size:clamp(30px,2.05vw,47px);line-height:1.08}
.lighthouse-proof__score span{max-width:13ch}
.race__sign{left:69%;top:45%;width:26%;font-size:clamp(22px,1.92vw,43px);line-height:1.03;text-transform:none;transform:rotate(-3deg)}

@media(max-width:1100px){
  .benefits__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .benefits__list article:nth-child(odd){border-left:0}
  .benefits__list article:nth-child(4){border-left:1px solid #cfc4ad}
  .benefits__list article:last-child{grid-column:1/-1;width:min(50%,340px);justify-self:center;border-left:0}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
  .process-grid article:not(:last-child)::after{display:none}
}
@media(max-width:700px){
  .page-world > .section-paper.benefits .section-inner,
  .page-world > .section-paper.process .section-inner{width:min(calc(100% - 32px),510px)}
  .benefits__layout{gap:30px}
  .benefits .section-heading h2{font-size:clamp(34px,8vw,44px)!important}
  .benefits__list{grid-template-columns:1fr;row-gap:0}
  .benefits__list article,.benefits__list article:nth-child(4),
  .benefits__list article:last-child{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:15px;width:100%;padding:18px 0;border:0;border-top:1px solid #cfc4ad;text-align:left}
  .benefits .benefit-mark{grid-row:1/3;width:60px;height:64px;margin:0}
  .benefits__list h3{min-height:0;margin:0 0 5px;font-size:25px}
  .benefits__list p{max-width:none;margin:0;font-size:16px}
  .process .section-heading{margin-bottom:27px}
  .process-grid{grid-template-columns:1fr 1fr;gap:23px 13px}
  .process-grid h3{min-height:2.2em;margin:0 0 10px 35px;font-size:clamp(17px,4.4vw,22px)}
  .process__number{width:29px;height:29px;font-size:20px}
  .process-grid img{aspect-ratio:1.55;max-height:none}
  .process__note{max-width:100%;font-size:clamp(23px,5.6vw,28px)}
  .lighthouse-proof__copy>p:first-child{font-size:clamp(29px,7.5vw,35px)}
  .race__sign{left:67%;top:103px;width:29%;font-size:clamp(11px,3vw,17px);line-height:1.02}
}
@media(max-width:500px){
  .process-grid{grid-template-columns:1fr;gap:27px}
  .process-grid h3{min-height:0;margin-left:43px;font-size:25px}
  .process__number{width:34px;height:34px;font-size:23px}
  .process-grid img{aspect-ratio:1.65}
}

/* The project sheet now has a real way to reply and clear delivery feedback. */
.contact__optional{font:400 .75em var(--font-body);color:#59677a}
.contact__form .contact__consent{display:flex;align-items:flex-start;gap:10px;margin-top:3px;color:#465265;font:400 clamp(14px,.8vw,16px)/1.3 var(--font-body)}
.contact__form .contact__consent::after{display:none}
.contact__form .contact__consent input[type="checkbox"]{flex:none;display:block;width:18px;height:18px;min-height:18px;margin:1px 0 0;padding:0;border:1px solid #637475;border-radius:3px;background:#fffaf0;box-shadow:none;accent-color:#337c77;cursor:pointer}
.contact__form .contact__consent input[type="checkbox"]:focus-visible{outline:2px solid #337c77;outline-offset:3px}
.contact__legal-links{margin:0 0 2px 28px;color:#5b6775;font:400 clamp(14px,.8vw,16px)/1.3 var(--font-body)}
.contact__legal-links a{color:#236f72;text-decoration-thickness:1px;text-underline-offset:2px}
.contact__form .pill-button:disabled{cursor:wait;opacity:.72;transform:none}
.contact__form-status{margin:0;color:#445468;font:600 clamp(15px,.9vw,18px)/1.25 var(--font-body)}
.contact__form-status:empty{display:none}
.contact__form-status[data-state="success"]{color:#236d59}
.contact__form-status[data-state="error"]{color:#ab483e}
/* Keep artwork coordinates independent from the flowing text beneath it. */
.race__scene{position:relative;width:100%;container-type:inline-size}
.race__scene>img{display:block;width:100%;height:auto;aspect-ratio:1860/846;object-fit:contain}
.race__scene .race__sign{left:69%;top:39%;width:26%;height:24%;display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font-size:2.35cqw;line-height:1.08;transform:rotate(-3deg)}
@media(max-width:1200px){.race__outro{height:auto;aspect-ratio:auto}}
@media(max-width:700px){
 .race__scene{width:145%;margin-left:-45%}
 .race__scene .race__sign{font-size:2.85cqw}
 .race__outro{overflow:hidden}
 .workshop{padding-bottom:20px!important}
 .page-world>.section-paper.benefits{padding-top:28px!important}
 .hero__copy>p{margin-top:20px;padding:9px 13px;max-width:94%;background:#fff9e9ed;border-radius:40% 5% 35% 7% / 8% 30% 10% 25%;box-shadow:0 2px 5px #fff9e980}
 .hero__cta{margin-top:14px}
}
/* A tablet uses a complete scene followed by a full-width project sheet. */
@media(max-width:1100px){
 .contact{margin-top:0;z-index:4}
 .contact__inner{display:block;width:100%;min-height:0;overflow:visible;background:transparent}
 .contact__art{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1899/828;object-fit:contain;clip-path:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 80%,transparent 100%)}
 .contact__art-overlap{display:none}
 .contact__content{position:relative;width:100%;max-width:820px;margin:0 auto;padding:16px 28px 40px;background:transparent}
 .contact__content>h2,.contact__content>p{text-align:center;margin-inline:auto}
 .sketch-tablet{width:100%;max-width:none;margin:26px auto 0;transform:none}
 .honest__spread{padding-bottom:32px!important}
}
@media(min-width:701px) and (max-width:1100px){
 .site-header:not(.is-scrolled) .site-header__inner{width:56%;padding:0;min-height:54px;transform:none}
 .site-header:not(.is-scrolled) .brand{width:clamp(150px,20vw,200px)}
}
/* Live green headings cover the pink labels baked into the original art. */
.workshop__art{position:relative;container-type:inline-size}
.workshop__captions span{position:absolute;display:flex;align-items:center;padding:0 2.4%;color:#234f43;background:#d8e8cb;border:1px solid #688c73;border-radius:8px 8px 2px 2px;font:700 2.1cqw/1 var(--font-headline);height:7.2%;width:18.2%;left:.55%;top:25%;white-space:nowrap;padding-inline:1.1%}
.workshop__captions span:nth-child(2){left:81%;top:25.9%;width:18.7%}
.workshop__captions span:nth-child(3){top:66.7%}
.workshop__captions span:nth-child(4){left:81.2%;top:65.4%;width:18.5%}
@media(min-width:1800px){
 .workshop__art{left:50%;width:min(100vw,2560px);transform:translateX(-50%)}
 .workshop__art .workshop__picture{left:0;width:100%;transform:none}
 .workshop__captions span{left:19.2%;top:29.2%;width:12.3%;height:5.8%;font-size:1.55cqw;padding-inline:1%}
 .workshop__captions span:nth-child(2){left:68.4%;top:29.6%;width:12.6%}
 .workshop__captions span:nth-child(3){left:18.9%;top:64.7%;width:12.6%}
 .workshop__captions span:nth-child(4){left:68.4%;top:64.7%;width:12.7%}
}
@media(max-width:700px){.workshop__captions{display:none}.contact__content{padding-inline:18px}}
@media(min-width:1800px){.workshop__captions span{font-size:1.3cqw}}
@media(max-width:1100px){.contact__content>p:not(.eyebrow){max-width:none;width:100%;text-align:center;margin-inline:auto}}
/* Compact hero keeps both illustrated platform signs visible. */
.hero__scroll,.contact__conversation{display:none}
@media(max-width:700px){
 .hero__copy{top:4.5%}
 .hero h1{font-size:clamp(32px,8.8vw,45px)}
 .hero__copy>p{margin-top:12px;padding:7px 12px;font-size:clamp(17px,4.3vw,20px)}
 .hero__cta{margin-top:9px;min-height:44px;width:78%}
 .hero__scroll{position:absolute;z-index:2;bottom:0;left:50%;transform:translate(-50%,65%);display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;color:#285f5c;background:#fff8e7;border:1px solid #9da98f;border-radius:50% 45% 45% 40% / 15%;text-decoration:none;font:20px var(--font-headline);white-space:nowrap}
 .hero__scroll b{font-size:28px;animation:scroll-cue 1.8s ease-in-out infinite}
 .cms__details{margin-bottom:12px}
 .page-world>.section-paper.honest{padding-top:18px!important}
 .honest__spread{padding-top:20px!important}
}
@keyframes scroll-cue{50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.hero__scroll b{animation:none}}
@media(max-width:1100px){
 .site-header__inner{position:static}
 .site-header__inner .site-nav,.site-header__inner .site-nav.is-open{left:0;right:0;width:100%;transform:none;max-height:calc(100dvh - 58px);overflow-y:auto}
 .contact__conversation{display:block;position:absolute;z-index:2;left:51%;top:clamp(27px,7vw,75px);width:40%;margin:0;padding:clamp(10px,2vw,22px);text-align:center;background:#fffaf0;border:2px solid #526d61;border-radius:45% 45% 40% 25% / 30%;color:#273348;font:700 clamp(20px,3.8vw,38px)/1.05 var(--font-headline);transform:rotate(-3deg)}
 .contact__conversation::after{content:'';position:absolute;left:-10px;bottom:18%;width:18px;height:16px;background:#fffaf0;border-left:2px solid #526d61;border-bottom:2px solid #526d61;transform:skew(-25deg) rotate(24deg)}
}
@media(min-width:701px) and (max-width:1100px){
 .site-header:not(.is-scrolled) .site-header__inner{width:49%;min-height:48px}
 .site-header:not(.is-scrolled) .menu-toggle{width:38px;height:38px}
}
@media(max-width:700px){.hero__scroll{bottom:3px;transform:translateX(-50%);font-size:18px;min-height:38px}.hero__scroll b{font-size:25px}}
@media(max-width:700px){.contact__conversation{left:49%;width:46%;padding:12px 8px;font-size:20px}}

.story-card>picture{display:block}