:root{--paper:#f4eee8;--ink:#241d29;--plum:#4b2142;--coral:#ef765f;--amber:#e6a84f;--mist:#cdd9db;--line:rgba(36,29,41,.22)}body{background:var(--paper);color:var(--ink)}.topbar{background:rgba(244,238,232,.9);backdrop-filter:blur(18px)}.brand b{background:var(--plum);border-radius:50%}.hero{background:radial-gradient(circle at 72% 43%,#f9d8c8 0 16%,transparent 38%),radial-gradient(circle at 84% 18%,#d2e2e2 0 11%,transparent 28%)}.hero:after{content:"";position:absolute;width:38vw;height:38vw;border:1px solid var(--plum);border-radius:50%;right:-13vw;bottom:-18vw}.hero h1{font-family:Georgia,Times,serif;font-weight:400;font-size:clamp(3.6rem,9.4vw,10rem);line-height:.78;letter-spacing:-.065em;z-index:2}.hero h1 span:nth-child(2){color:var(--coral);margin-left:9%}.hero h1 span:last-child{font-family:Arial,Helvetica,sans-serif;font-size:.38em;letter-spacing:.21em;margin:1.2rem 0 0 18%;color:var(--plum)}.hero-frame{grid-column:7/11;border-radius:48% 48% 7rem 7rem;min-height:60vh;box-shadow:2rem 2rem 0 rgba(75,33,66,.11);z-index:1}.hero-frame img{filter:none}.note{color:var(--plum)}.method{background:var(--plum);color:#fff}.method h2,.cases h2,.prompt h2,.case h3{font-family:Georgia,Times,serif;font-weight:400}.method li{border-color:rgba(255,255,255,.25)}.cases{background:#faf7f2}.cases-head p{padding-left:1rem;border-left:4px solid var(--coral)}.case{--accent:var(--coral)}.case.sand{--accent:#c69f71}.case.gray{--accent:#72787d}.case.amber{--accent:var(--amber)}.case.terracotta{--accent:#b95338}.case header{border-top-width:4px}.case h3{font-size:clamp(2.6rem,5.5vw,6.1rem)}.comparison{gap:1.2rem}.comparison button{background:#e9e2dc;border-radius:999px 999px 1.2rem 1.2rem}.comparison img{filter:none}.comparison figcaption{border-top-color:var(--accent)}.slop figcaption b{color:#d13b4e}.amazing figcaption{border-top-color:var(--accent)}.amazing figcaption b{color:var(--accent)}.prompt{background:var(--coral);color:var(--ink)}.prompt-action button{border-color:var(--ink);box-shadow:7px 7px 0 var(--plum)}.prompt-action button:hover{background:var(--plum);border-color:var(--plum)}footer{background:var(--plum)}@media(max-width:650px){.hero h1{font-size:15vw}.hero h1 span:last-child{font-size:.32em;margin-left:0}.hero-frame{grid-column:4/13;border-radius:45% 45% 4rem 4rem}.comparison button{border-radius:8rem 8rem .8rem .8rem}}