:root{--paper:#f7f2e9;--ink:#362e27;--muted:#897663;--orange:#ba4e29;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 'Golos Text',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #ad4b27;outline-offset:5px}[hidden]{display:none!important}header{padding:24px 5vw;display:flex;align-items:center;gap:35px;font-size:11px;border-bottom:1px solid #d9cbbb;min-height:83px}.brand{font-size:13px;font-weight:500}header>span{color:#978471}.back{margin-left:auto;border-bottom:1px solid #bfa78e}.introduction{position:absolute;top:115px;left:6vw;z-index:3;pointer-events:none;transition:opacity .45s}.introduction h1{font:700 clamp(35px,3.6vw,49px)/1.1 Caveat,cursive;letter-spacing:0;color:#a94928;margin:0 0 13px}.introduction p{font-size:11px;color:#8a7765;margin:0}.composition{position:relative;min-height:540px;height:calc(100svh - 140px);max-height:850px;isolation:isolate}.visual{position:absolute;inset:0;transition:transform 1.35s var(--ease);transform-origin:40% 50%}.still-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.leaders line{stroke:#a47854;stroke-width:.65;opacity:.45}.petal-labels{position:absolute;inset:0;pointer-events:none}.petal-labels button{position:absolute;left:0;top:0;transform:translate3d(var(--x,30px),var(--y,300px),0) translate(-50%,-50%);pointer-events:auto;border:0;background:none;min-height:44px;padding:10px 12px;white-space:nowrap;font-size:12px;color:#715644;transition:color .3s;will-change:transform}.petal-labels button span{border-bottom:1px solid transparent;padding-bottom:3px;transition:border-color .3s}.petal-labels button:hover,.petal-labels button[aria-pressed=true]{color:#a73e19}.petal-labels button[aria-pressed=true] span,.petal-labels button:hover span{border-color:#bc7651}.petal-labels button::before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:#ac623c;margin-right:7px;vertical-align:middle}.reading{position:absolute;right:5vw;top:28px;bottom:20px;width:32vw;max-width:430px;overflow:auto;padding:8px 12px 25px 4px;scrollbar-width:thin;scrollbar-color:#ceae91 transparent}.reset{border:1px solid #cfb9a4;border-radius:999px;background:none;padding:9px 17px;font-size:10px;min-height:42px;float:right}.reading-content{clear:both;padding-top:29px}.reading h2{font:700 clamp(34px,3.3vw,47px)/1.05 Caveat,cursive;letter-spacing:0;color:#a94725;margin:0 0 22px;outline-offset:7px}.reading [data-copy]{font-size:13px;line-height:1.9;margin:0 0 22px;max-width:350px}.reading ul{list-style:none;padding:0;margin:0 0 25px}.reading li{padding:9px 0 9px 14px;border-bottom:1px solid #dfcebc;font-size:11px;line-height:1.75;position:relative}.reading li::before{content:'';position:absolute;left:0;top:17px;width:3px;height:3px;border-radius:50%;background:#ac6d44}.estimate strong{font-size:25px;letter-spacing:-.045em;font-weight:400;line-height:1.2;display:block}.estimate span{font-size:10px;color:#8b7460;display:block;margin-top:8px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 23px;border:1px solid #a64220;border-radius:999px;background:#bf4c27;color:#fff7ea;font-size:11px;margin-top:23px;box-shadow:inset 0 1px 0 #f9a97d66;transition:transform .3s,background .3s}.cta:hover{background:#a43a19}.cta:active{transform:scale(.96)}.reading .terms{font-size:10px;color:#99826c;line-height:1.8;max-width:320px;margin:20px 0 0}.is-selected .introduction{opacity:0}.is-selected .visual{transform:translateX(-12vw) scale(.68)}footer{display:flex;justify-content:space-between;padding:16px 5vw;font-size:10px;color:#99836c}footer a{color:#856345}.fallback{position:absolute;inset:35% 15%;text-align:center;font-size:13px;color:#8b7562}.is-fallback .leaders{display:none}.is-fallback .petal-labels{display:flex;align-items:center;justify-content:center;gap:15px}.is-fallback .petal-labels button{position:static;transform:none!important}
@media(max-width:1000px){.composition{min-height:0;height:auto;max-height:none;padding-top:80px}.introduction{top:110px;left:6vw}.introduction h1{font-size:38px}.visual{position:relative;height:440px;inset:auto}.reading{position:relative;inset:auto;width:auto;max-width:650px;margin:0 auto;padding:0 30px 30px;overflow:visible}.is-selected .visual{transform:none}.is-selected .introduction{opacity:1}.reading-content{padding-top:20px}.reading h2{font-size:43px}.reading [data-copy]{max-width:500px;font-size:14px}.reading li{font-size:12px}.reading .terms{max-width:500px}.reset{float:none}.composition:has(.reading:not([hidden])) .visual{margin-bottom:0}}
@media(max-width:600px){header{min-height:73px;padding:20px 22px;gap:15px;font-size:10px}.brand{font-size:12px}.introduction{top:101px;left:25px}.introduction h1{font-size:35px;margin-bottom:9px}.introduction p{font-size:10px}.composition{padding-top:95px}.visual{height:350px}.petal-labels button{font-size:10px;padding:10px 6px}.reading{padding:0 25px 30px}.reading h2{font-size:39px;margin-bottom:17px}.reading-content{padding-top:22px}.reading [data-copy]{font-size:13px}.reading li{font-size:11px}.estimate strong{font-size:25px}.cta{font-size:12px}.reading .terms{font-size:10px}footer{padding:16px 23px;font-size:9px;gap:20px}footer span{text-align:right;max-width:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.petal-labels button{will-change:auto}}

@media(min-width:1001px){body.is-selected{overflow:hidden}}