/* An iris, a circular score and a needle give Jerez a deliberate visual rhythm. */
#panel-compas.compas-chapter{--compas-progress:0;background:#642536;color:#ffedd0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}
.compas-field{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 55%,#b75246,transparent 66%),linear-gradient(135deg,#78303c,#40223b)}
.compas-heading{position:absolute;left:7%;top:12%;z-index:4}.compas-heading>.mini{font-size:8px;letter-spacing:.16em;color:#f0c6b0}.compas-heading h2{font:500 clamp(49px,5.7vw,90px)/.92 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:22px 0}.compas-heading h2 em{font-weight:400;color:#ffbf83}
.compas-instrument{position:absolute;left:3%;top:27%;width:58%;height:61%}.compas-score{width:100%;height:100%;overflow:visible}.compas-outer,.compas-inner{fill:none;stroke:#f7c89966;stroke-width:1}.compas-inner{stroke-dasharray:2 7}.compas-blade{fill:#e89d68;stroke:#8b4238;stroke-width:1}.compas-blade:nth-of-type(even){fill:#f5b77b}.compas-mark{fill:#cf957a;color:#cf957a;font:10px 'DM Sans',sans-serif;text-anchor:middle}.compas-mark circle{fill:currentColor}.compas-mark.earned{color:#ffd6a0;fill:#ffd6a0}.compas-mark.current{color:#fff5d9;fill:#fff5d9}.compas-mark.current circle{stroke:#ffdfaf;stroke-width:4}
.compas-progress{fill:none;stroke:#ffcf8e;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--compas-progress));transform-origin:315px 300px;transform:rotate(-90deg)}
.compas-needle{transform-origin:315px 300px;transform:rotate(calc(var(--compas-progress)*360deg))}.compas-needle path{fill:none;stroke:#fff0cb;stroke-width:1.5}.compas-needle circle{fill:#642536;stroke:#ffcf8e;stroke-width:2}.compas-staves path{fill:none;stroke:#ffc289;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--compas-progress))}.compas-signature{fill:#ffc289;font:italic 45px 'Cormorant Garamond',Georgia,serif;letter-spacing:6px}
.compas-caption{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.13em;color:#f4c5b1}.compas-notebook{position:absolute;right:7%;top:35%;width:32%;max-width:500px;z-index:5}.compas-tabs{display:flex;gap:8px;padding-bottom:18px;border-bottom:1px solid #ffcf8e55}.compas-tabs button{font:400 11px 'DM Sans',sans-serif;color:inherit;background:none;border:1px solid #ffcf8e77;border-radius:3px;padding:9px 13px;cursor:pointer}.compas-tabs button[aria-selected=true]{background:#ffc58a;color:#542635}.compas-notebook article{padding-top:25px}.compas-notebook article[hidden]{display:none}.compas-notebook .mini{font-size:8px;letter-spacing:.14em;color:#ffbf83}.compas-notebook h3{font:500 clamp(31px,3.2vw,48px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:15px 0 20px}.compas-notebook p{font:400 13px/1.8 'DM Sans',sans-serif;margin:0 0 20px;max-width:43ch}.compas-notebook a{color:inherit;font-size:11px;text-underline-offset:5px}.compas-full{display:block;border-top:1px solid #ffcf8e55;padding-top:17px;margin-top:28px;text-decoration:none}.compas-notebook .compas-design{font-size:9px;line-height:1.8;margin-top:18px;color:#f4c5b1}.compas-design a{font-size:9px}.compas-chapter :focus-visible{outline:3px solid #ffdfaf;outline-offset:5px}
.compas-meter{position:absolute;left:7%;right:7%;bottom:5%;display:flex;gap:20px;align-items:center;color:#f4c5b1;font-size:7px;letter-spacing:.14em}.compas-meter i{flex:1;height:1px;background:#ffcf8e44}.compas-meter b{display:block;height:1px;background:#ffcf8e;transform-origin:left;transform:scaleX(var(--compas-progress))}
body.compas-active .continuity-orb,body.compas-active .journey-ending{display:none!important}body.continuous-journey #panel-compas.compas-chapter{height:100%;min-height:0}.onepage-guide .jerez-guide>section{border-top:1px solid #25464133;padding:28px 0}
@media(max-width:700px){.compas-heading{top:11%;right:7%}.compas-heading>.mini{font-size:6px}.compas-heading h2{font-size:clamp(39px,10.7vw,57px);margin:16px 0}.compas-heading h2 br{display:none}.compas-heading h2 em{display:block}.compas-instrument{left:4%;top:27%;width:92%;height:29%}.compas-caption{font-size:5px;bottom:-14px}.compas-notebook{top:61%;left:7%;right:7%;width:auto;max-width:none}.compas-tabs{padding-bottom:11px}.compas-tabs button{font-size:10px;padding:6px 12px}.compas-notebook article{padding-top:12px}.compas-notebook .mini{font-size:7px}.compas-notebook h3{font-size:28px;margin:9px 0 12px}.compas-notebook p{font-size:11px;line-height:1.6;max-width:none;margin-bottom:12px}.compas-notebook a{font-size:10px}.compas-full{padding-top:11px;margin-top:14px}.compas-notebook .compas-design{display:none}.compas-meter{bottom:3%;font-size:5px;gap:10px}}
body:not(.continuous-journey) #panel-compas.compas-chapter{height:auto;min-height:0;padding:80px 7% 65px}body:not(.continuous-journey) .compas-heading{position:relative;inset:auto}body:not(.continuous-journey) .compas-instrument{position:relative;inset:auto;width:min(850px,100%);height:min(600px,75vw);margin:35px auto 65px}body:not(.continuous-journey) .compas-notebook{position:relative;inset:auto;width:100%;max-width:850px;margin:auto}body:not(.continuous-journey) .compas-notebook p{font-size:15px;max-width:65ch}body:not(.continuous-journey) .compas-notebook .compas-design{display:block}body:not(.continuous-journey) .compas-meter{display:none}