.hero.hero-coaster{padding:22px 5% 42px;min-height:0;background:#f3eedf;isolation:isolate;overflow:hidden}
.hero.hero-coaster:before{inset:95px 0 0;opacity:.6;background:repeating-linear-gradient(0deg,transparent,transparent 27px,#625b4614 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,#625b4614 28px)}
.hero-coaster .hero-top{position:relative;z-index:3}.coaster-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:14px;align-items:center;min-height:660px;padding-top:32px;max-width:1720px;margin:0 auto}
.coaster-copy{position:relative;z-index:3;align-self:center;padding:10px 0 18px}.coaster-eyebrow{display:table;background:#252521;color:#f3eedf;font:500 10px/1.5 'DM Mono',monospace;padding:7px 11px;letter-spacing:1px;transform:rotate(-2deg)}
.coaster-title{font:800 clamp(50px,4.55vw,83px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;color:#252521;margin:27px 0 22px}.coaster-title>span,.coaster-title>strong{display:block}.coaster-headline-start{font-size:.78em;white-space:nowrap}.coaster-title .coaster-headline-bridge{font:400 12px/1.5 'DM Mono',monospace;letter-spacing:3px;margin:14px 0 10px}.coaster-headline-rhythm{font-weight:800;font-size:1.16em;line-height:.93;width:min-content;min-width:97%;position:relative;isolation:isolate;padding:4px 8px 8px 0;letter-spacing:-.7px}.coaster-headline-rhythm:before{content:'';background:#edc43d;position:absolute;inset:7px 0 1px -9px;z-index:-1;transform:rotate(-2deg);clip-path:polygon(0 4%,12% 2%,29% 5%,43% 0,59% 4%,75% 1%,88% 5%,100% 2%,99% 96%,83% 98%,67% 95%,54% 100%,35% 96%,19% 100%,0 97%)}
.coaster-title .coaster-headline-sales{font:italic 400 1.06em/.98 'Libre Caslon Display',Georgia,serif;margin-top:8px;letter-spacing:-2px;white-space:nowrap}.coaster-intro{font:16px/1.65 Georgia,serif;max-width:430px;margin:20px 0}.hero-coaster .coaster-method-link{display:table;position:relative;width:auto;height:auto;aspect-ratio:auto;min-width:180px;border-radius:0;transform:none;background:#252521;color:#f3eedf;padding:14px 21px;border:0;box-shadow:4px 4px 0 #625b4633;font:500 10px/1.5 'DM Mono',monospace;text-align:center}.coaster-method-link:hover{background:#625b46}
.coaster-commission{position:relative;padding:16px 19px;background:#faf7ed;border:1px solid #625b4655;box-shadow:4px 5px 0 #25252122;transform:rotate(-1deg);max-width:445px;margin-top:29px}.coaster-commission:before{content:'';position:absolute;top:-11px;left:56%;width:80px;height:23px;background:#cbbd9999;transform:rotate(6deg)}.coaster-commission p{font:15px/1.5 Georgia,serif;margin:0 0 8px}.coaster-commission strong{font:700 25px/1.14 'Barlow Condensed',sans-serif}.coaster-commission mark{background:#edc43d;color:#252521;padding:0 3px}
.coaster-art{position:relative;margin:0 -7% 0 -3%;min-width:0;isolation:isolate;aspect-ratio:1.07;align-self:center}.coaster-paper-disc{position:absolute;inset:12% 0 2% 1%;background:#ded3b8;z-index:-2;transform:rotate(3deg);clip-path:polygon(0 3%,13% 0,28% 3%,43% 1%,58% 4%,72% 0,89% 3%,100% 0,99% 97%,87% 100%,75% 96%,61% 99%,46% 97%,28% 100%,13% 98%,0 100%)}.coaster-paper-disc:before,.coaster-paper-disc:after{content:'';position:absolute;top:-2%;width:95px;height:28px;background:#f5f0de99;transform:rotate(-17deg)}.coaster-paper-disc:before{left:12%}.coaster-paper-disc:after{right:12%;top:96%;transform:rotate(12deg)}
.coaster-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 6px 2px #25252122);z-index:0}
.coaster-letter-message{position:absolute;z-index:2;left:1%;top:39%;width:75%;transform:rotate(-6deg);filter:drop-shadow(2px 3px 0 #25252144)}.coaster-letter-row{display:flex;justify-content:flex-start;align-items:center;gap:2px;margin:5px 0;white-space:nowrap}.paper-letter{display:inline-flex;align-items:center;justify-content:center;min-width:.58em;padding:.03em .08em .07em;background:#f8f1db;color:#252521;border:1px solid #25252122;transform:rotate(var(--tile-angle));font:800 clamp(19px,2.25vw,39px)/1 'Barlow Condensed',sans-serif;box-shadow:1px 2px 0 #25252122}.paper-letter-1{background:#b9bda0;font-family:Georgia,serif;font-size:clamp(15px,1.85vw,32px)}.paper-letter-2{background:#edc43d;color:#252521}.paper-letter-3{background:#252521;color:#f3eedf}.paper-letter-4{background:#c3c5b5;font-family:Georgia,serif;font-size:clamp(15px,1.85vw,32px)}.paper-letter-space{width:.25em;font-size:25px}.coaster-art figcaption{position:absolute;bottom:-2%;right:7%;font:8px/1.5 'DM Mono',monospace;letter-spacing:.8px;background:#f8f3e7;transform:rotate(2deg);padding:7px 10px;border-bottom:1px solid #625b46;z-index:2}
@media(min-width:1650px){.coaster-grid{min-height:780px}.coaster-title{font-size:91px}.coaster-intro{font-size:19px}.coaster-commission strong{font-size:30px}.coaster-commission{max-width:525px}.coaster-art{aspect-ratio:1.15}}
@media(max-width:1050px){.coaster-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:620px;gap:14px}.coaster-title{font-size:5.1vw}.coaster-headline-start{font-size:.79em}.coaster-headline-rhythm{font-size:1.16em}.coaster-title .coaster-headline-sales{font-size:1.02em}.coaster-intro{font-size:14px}.coaster-commission strong{font-size:23px}.coaster-commission p{font-size:13px}.coaster-art{aspect-ratio:.8;margin-right:-12%}.coaster-letter-message{top:45%;left:0;width:95%}.paper-letter{font-size:23px}.paper-letter-1,.paper-letter-4{font-size:19px}.coaster-art figcaption{bottom:10%;font-size:6px}}
@media(max-width:750px){.hero.hero-coaster{padding:18px 6% 35px;display:block}.coaster-grid{display:flex;flex-direction:column;gap:0;padding-top:28px;min-height:0}.coaster-copy{width:100%;padding:0}.coaster-title{font-size:clamp(50px,10.2vw,76px);margin-top:24px;max-width:100%}.coaster-headline-start{font-size:.76em}.coaster-headline-rhythm{font-size:1.09em;min-width:0;width:max-content;max-width:100%;line-height:.98}.coaster-title .coaster-headline-sales{font-size:1.03em}.coaster-title .coaster-headline-bridge{font-size:10px;letter-spacing:2px;margin:10px 0}.coaster-intro{font-size:15px;max-width:100%}.coaster-intro br{display:none}.hero-coaster .coaster-method-link{font-size:10px;min-width:175px;padding:13px 18px}.coaster-commission{max-width:100%;margin:25px 0 0;padding:15px 17px}.coaster-commission strong{font-size:25px}.coaster-commission p{font-size:14px}.coaster-art{width:112%;max-width:650px;aspect-ratio:1.02;margin:20px -6% 20px;align-self:center}.coaster-paper-disc{inset:12% 3% 3% 3%}.coaster-letter-message{left:4%;top:38%;width:80%}.paper-letter{font-size:clamp(20px,4.8vw,30px)}.paper-letter-1,.paper-letter-4{font-size:clamp(16px,3.9vw,25px)}.coaster-letter-row{gap:2px;margin:4px 0}.coaster-art figcaption{font-size:6px;bottom:-2%;right:7%;letter-spacing:.3px}.hero.hero-coaster:before{inset:95px 0 0}}
@media(prefers-reduced-motion:reduce){.coaster-method-link{transition:none}}
.coaster-title{text-align:left}.coaster-headline-start{font-size:.96em}.coaster-art{aspect-ratio:1.28}.coaster-letter-message{top:35%}
@media(max-width:1050px) and (min-width:751px){.coaster-art{aspect-ratio:.95}.coaster-letter-message{top:42%}.coaster-headline-start{font-size:.88em}}
@media(max-width:750px){.coaster-headline-start{font-size:.83em}.coaster-art{aspect-ratio:1.12}.coaster-letter-message{top:35%}}
@media(max-width:750px){.coaster-copy{display:contents}.coaster-eyebrow{order:1;align-self:flex-start}.coaster-title{order:2;width:100%;margin-bottom:0}.coaster-art{order:3;margin-top:8px;margin-bottom:20px}.coaster-intro{order:4;width:100%;margin-top:8px}.coaster-method-link{order:5;align-self:flex-start}.coaster-commission{order:6;width:100%;margin-bottom:10px}}
.hero-funnel .coaster-art{aspect-ratio:1.32;transform:rotate(1deg)}
.hero-funnel .coaster-photo{mix-blend-mode:multiply;filter:none}
.hero-funnel .coaster-art figcaption{bottom:-3%;right:5%}
@media(max-width:1050px) and (min-width:751px){.hero-funnel .coaster-art{aspect-ratio:1.05}}
@media(max-width:750px){.hero-funnel .coaster-art{aspect-ratio:1.28;margin-top:12px;margin-bottom:25px}}
