@import url("./tokens.css");

@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}
}