/* Section 01. Composition restored from prancha-01; source prose stays intact. */
#bussola.compass-restored{--bg:#efe9df;--line:#d1cabe;padding-top:32px;container-type:inline-size;scroll-margin-top:0}
#bussola.compass-restored .folio-mast{margin-bottom:35px}
#bussola.compass-restored .folio-mast>span:last-child{color:#57534d;font:10px/1.5 'Space Mono';letter-spacing:1.7px;max-width:130px}
#bussola.compass-restored .bussola>.wrap{display:grid;grid-template-columns:26% minmax(0,1fr);column-gap:3.5%;align-items:start}
#bussola .compass-editorial{grid-column:1;grid-row:1;position:relative;align-self:start;padding:0 0 35px}
#bussola .compass-index{position:relative;width:82%;aspect-ratio:165/125;margin:-5px 0 12px;isolation:isolate}
#bussola .compass-index svg{width:100%;height:100%;display:block;mix-blend-mode:multiply}
#bussola .compass-rule{display:block;width:20%;min-width:50px;height:5px;background:#771d23;margin:14px 0 26px;box-shadow:0 1px 2px #5b0e1820}
#bussola .compass-title{font:clamp(65px,10.1cqw,145px)/.91 'Instrument Serif';letter-spacing:-.045em;margin:0 0 27px;color:#11120f}
#bussola .compass-title span{display:block}
#bussola .compass-editorial-question{font:clamp(20px,2.15cqw,31px)/1.21 'Instrument Serif';margin:0;max-width:94%}
#bussola.compass-restored .bussola>.wrap>h2{grid-column:1;grid-row:2;font:22px/1.2 'Instrument Serif';letter-spacing:0;margin:0 0 15px;max-width:100%;align-self:end}
#bussola.compass-restored .intro{grid-column:1;grid-row:3;font:18px/1.5 'Bricolage Grotesque';max-width:none;margin:0;padding:25px 23px;border:1px solid var(--line);border-radius:26px;align-self:start;box-shadow:inset 0 0 0 2px #ffffff25}
#bussola.compass-restored .intro b{font-weight:650}
#bussola .compass-editorial-note{grid-column:1;grid-row:4;font:11px/1.65 'Space Mono';text-transform:uppercase;letter-spacing:1.5px;color:#6c655d;align-self:end;padding:35px 0 0;max-width:180px}
#bussola.compass-restored .dirs{grid-column:2;grid-row:1/span 4;display:grid;grid-template-columns:27fr 23fr 23fr 27fr;grid-template-rows:auto auto auto auto;gap:20px 10px;margin:0;align-items:center;position:relative}
#bussola.compass-restored .dirs>.point{z-index:1;min-width:0;min-height:0;max-width:none;width:auto;border:1px solid #cbc5bb;border-radius:26px;background:#f3eee630;backdrop-filter:none;box-shadow:inset 0 0 0 2px #ffffff22;overflow:visible;transition:background .3s,border-color .3s,box-shadow .3s,transform .4s}
#bussola.compass-restored .dirs>.point:nth-child(1){grid-column:2/4;grid-row:1;width:96%;justify-self:center;border-color:#baa999}
#bussola.compass-restored .dirs>.point:nth-child(2){grid-column:1;grid-row:2}
#bussola.compass-restored .dirs>.point:nth-child(3){grid-column:4;grid-row:2}
#bussola.compass-restored .dirs>.point:nth-child(4){grid-column:1/3;grid-row:4;margin-top:25px;align-self:stretch}
#bussola.compass-restored .dirs>.point:nth-child(5){grid-column:2/4;grid-row:3;width:96%;justify-self:center}
#bussola.compass-restored .dirs>.point:nth-child(6){grid-column:3/5;grid-row:4;margin-top:25px;align-self:stretch}
#bussola.compass-restored .dirs>.point:nth-child(4):before,#bussola.compass-restored .dirs>.point:nth-child(6):before{content:'';position:absolute;top:-25px;left:26px;height:24px;width:1px;background:linear-gradient(#bfb3a200,#bfb3a2)}
#bussola.compass-restored .dirs .point-panel{border-radius:inherit}
#bussola.compass-restored .dirs .point-copy{padding:22px 18px!important}
#bussola.compass-restored .dirs .point-copy .top{gap:8px;align-items:baseline;margin:0 0 14px}
#bussola.compass-restored .dirs .point-copy .nome{font:clamp(15px,1.65cqw,23px)/1.1 'Anton';letter-spacing:.01em;margin:0;text-transform:uppercase}
#bussola.compass-restored .dirs .point-copy .nota{font:25px/1 'Instrument Serif';color:#762c30;margin:0;padding:0;min-width:18px;text-align:right}
#bussola.compass-restored .dirs .point-copy .dir p{font:clamp(14px,1.39cqw,17px)/1.48 'Bricolage Grotesque';letter-spacing:-.015em;margin:0;overflow-wrap:normal}
#bussola.compass-restored .dirs .point-copy .dir p b{font-weight:600}
#bussola.compass-restored .dirs>.point:hover,#bussola.compass-restored .dirs>.point:focus-visible{border-color:#7a272d;background:#f6eee0;box-shadow:0 8px 30px #3920150a,inset 0 0 0 1px #7a272d16;outline:none;transform:translateY(-3px)}
#bussola .compass-instrument{grid-column:2/4;grid-row:2;position:relative;width:112%;justify-self:center;aspect-ratio:224/244;isolation:isolate;margin:-8px 0;z-index:0;outline:none}
#bussola .compass-instrument>svg{width:100%;height:100%;overflow:visible;display:block}
#bussola .compass-instrument .dial-art{transform-origin:112px 124px;mix-blend-mode:multiply}
#bussola .compass-instrument .orbit-ring{fill:none;stroke:#78272c;stroke-width:.7;opacity:0;transform-origin:112px 124px}
#bussola .compass-instrument .orbit-signal{opacity:0;fill:#791f28;stroke:#efe9df;stroke-width:1.3}
#bussola .compass-instrument .orbit-halo{opacity:0;fill:none;stroke:#791f28;stroke-width:.55}
#bussola .compass-instrument .direction-glow{fill:#802931;opacity:0;transition:opacity .35s}
#bussola .compass-instrument[data-direction=north] .direction-glow.north,#bussola .compass-instrument[data-direction=west] .direction-glow.west,#bussola .compass-instrument[data-direction=east] .direction-glow.east,#bussola .compass-instrument[data-direction=south] .direction-glow.south{opacity:.16}
#bussola .compass-instrument:focus-visible{outline:1px solid #86323a;outline-offset:8px;border-radius:50%}
#bussola .compass-whisper{position:absolute;right:2px;top:35px;max-width:115px;font:10px/1.6 'Space Mono';letter-spacing:1.2px;color:#605b53;text-transform:uppercase;pointer-events:none}
#bussola.compass-restored .bussola>.wrap>.point.fecho{grid-column:1/-1;margin:32px 0 0;border-radius:25px;min-height:0}
#bussola.compass-restored .bussola>.wrap>.point.fecho+.point.fecho{margin-top:16px}
#bussola.compass-restored .fecho.point-inline .point-copy{padding:26px 30px!important}
#bussola.compass-restored .fecho.point-inline .point-copy p{font:17px/1.65 'Bricolage Grotesque'}
#bussola.compass-restored .fecho.point-inline .point-copy .fecho>b:first-child{font:33px/1.1 'Instrument Serif';margin-bottom:13px}
#bussola .compass-motion-state{font:9px/1.4 'Space Mono';letter-spacing:1px;color:#7e6658;margin-left:10px}
#bussola .folio-controls .replay{background:#efe9df;color:#541b20}
@media(max-width:1100px) and (min-width:761px){
 #bussola.compass-restored{padding-left:26px;padding-right:26px}
 #bussola.compass-restored .bussola>.wrap{grid-template-columns:25% minmax(0,1fr);column-gap:3%}
 #bussola.compass-restored .dirs{gap:18px 8px;grid-template-columns:29fr 21fr 21fr 29fr}
 #bussola.compass-restored .dirs .point-copy{padding:19px 13px!important}
 #bussola.compass-restored .dirs .point-copy .dir p{font-size:13px;line-height:1.5}
 #bussola.compass-restored .dirs .point-copy .nome{font-size:15px}
 #bussola.compass-restored .intro{padding:20px 16px;font-size:15px}
 #bussola.compass-restored .bussola>.wrap>h2{font-size:20px}
 #bussola .compass-whisper{font-size:8px;max-width:100px}
}
@media(max-width:760px){
 #bussola.compass-restored{padding:24px 20px}
 #bussola.compass-restored .folio-mast{margin-bottom:24px;gap:20px}
 #bussola.compass-restored .folio-mast>span:last-child{display:none}
 #bussola.compass-restored .bussola>.wrap{display:grid;grid-template-columns:1fr;gap:0}
 #bussola .compass-editorial{grid-column:1;grid-row:1;padding-bottom:24px}
 #bussola .compass-index{width:145px;margin:0}
 #bussola .compass-rule{width:46px;margin:9px 0 20px;height:4px}
 #bussola .compass-title{font-size:clamp(72px,17vw,106px);max-width:380px;margin-bottom:20px}
 #bussola .compass-title span{display:block}
 #bussola .compass-editorial-question{font-size:23px;max-width:330px}
 #bussola.compass-restored .bussola>.wrap>h2{grid-row:2;font-size:25px;margin:0 0 15px;max-width:360px}
 #bussola.compass-restored .intro{grid-row:3;padding:22px;font-size:16px;margin:0 0 30px;border-radius:23px}
 #bussola .compass-editorial-note{display:none}
 #bussola.compass-restored .dirs{grid-column:1;grid-row:4;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:14px}
 #bussola.compass-restored .dirs>.point:nth-child(1){grid-column:1/-1;grid-row:1;width:min(100%,350px)}
 #bussola .compass-instrument{grid-column:1/-1;grid-row:2;width:min(80%,315px);margin:-5px 0}
 #bussola.compass-restored .dirs>.point:nth-child(2){grid-column:1;grid-row:3;align-self:stretch}
 #bussola.compass-restored .dirs>.point:nth-child(3){grid-column:2;grid-row:3;align-self:stretch}
 #bussola.compass-restored .dirs>.point:nth-child(5){grid-column:1/-1;grid-row:4;width:min(100%,350px)}
 #bussola.compass-restored .dirs>.point:nth-child(4){grid-column:1;grid-row:5;margin-top:16px}
 #bussola.compass-restored .dirs>.point:nth-child(6){grid-column:2;grid-row:5;margin-top:16px}
 #bussola.compass-restored .dirs>.point{border-radius:22px}
 #bussola.compass-restored .dirs .point-copy{padding:20px 16px!important}
 #bussola.compass-restored .dirs .point-copy .nome{font-size:17px;line-height:1.2}
 #bussola.compass-restored .dirs .point-copy .nota{font-size:25px}
 #bussola.compass-restored .dirs .point-copy .dir p{font-size:14px;line-height:1.5}
 #bussola .compass-whisper{display:none}
 #bussola.compass-restored .bussola>.wrap>.point.fecho{grid-column:1;margin-top:25px}
 #bussola.compass-restored .fecho.point-inline .point-copy{padding:24px!important}
 #bussola.compass-restored .fecho.point-inline .point-copy p{font-size:16px}
 #bussola.compass-restored .fecho.point-inline .point-copy .fecho>b:first-child{font-size:29px}
}
@media(max-width:430px){
 #bussola.compass-restored .dirs{column-gap:10px}
 #bussola.compass-restored .dirs .point-copy{padding:18px 12px!important}
 #bussola.compass-restored .dirs .point-copy .dir p{font-size:13px;line-height:1.55}
 #bussola.compass-restored .dirs .point-copy .nome{font-size:15px}
 #bussola.compass-restored .dirs .point-copy .top{gap:6px}
}
@media(prefers-reduced-motion:reduce){#bussola.compass-restored .dirs>.point{transition:none;transform:none}}
.motion-off #bussola.compass-restored .dirs>.point:hover{transform:none}
@media print{
 #bussola.compass-restored .bussola>.wrap,#bussola.compass-restored .dirs{display:block!important}
 #bussola.compass-restored .bussola>.wrap>h2{font-size:28pt;margin:0 0 15pt}
 #bussola.compass-restored .intro{padding:0;border:0;font-size:11pt}
 #bussola.compass-restored .dirs>.point:nth-child(n){width:100%;margin:12pt 0;border:0;box-shadow:none}
 #bussola.compass-restored .dirs>.point:before{display:none}
 #bussola.compass-restored .dirs .point-copy,#bussola.compass-restored .fecho.point-inline .point-copy{padding:0!important}
 #bussola.compass-restored .dirs .point-copy .dir p,#bussola.compass-restored .fecho.point-inline .point-copy p{font-size:11pt!important}
}