/* Bolonia: sand contours, stone and water revealed by the page scroll. */
#panel-costa.coast-chapter{--coast-walk:0;--coast-sand:0;--coast-stone:0;--coast-sea:0;height:100svh;min-height:700px;background:#085969;color:#fff2cf;isolation:isolate;overflow:hidden}
.coast-field{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 85%,#137f82,transparent 65%),linear-gradient(125deg,#075368,#093e56);z-index:-1}
.coast-heading{position:absolute;left:7%;top:12%;z-index:3;translate:0 calc(var(--enter,0)*25px - var(--exit,0)*20px)}
.coast-heading>.mini{font-size:9px;letter-spacing:.17em;color:#d1e4db}
.coast-heading h2{font:500 clamp(50px,6.3vw,100px)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:22px 0}
.coast-heading h2 em{font-weight:400;color:#f3c58c}
.coast-sculpture{position:absolute;left:3%;top:26%;width:57%;height:61%;translate:calc(var(--enter,0)*-30px) 0}
.coast-photo{position:absolute;inset:0 7% 10%;overflow:hidden;clip-path:inset(0 calc((1 - var(--coast-sea))*65%) 0 0 round 220px 220px 4px 4px)}
.coast-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.04 - var(--coast-sea)*.04))}
.coast-landscape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.coast-dune{fill:#f4d79b;clip-path:inset(calc((1 - var(--coast-sand))*25%) 0 0 0)}
.coast-contour{fill:none;stroke:#b8894e;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--coast-sand))}
.coast-column{fill:#faecc7;stroke:#745940;stroke-width:1;transform-box:fill-box;transform-origin:center bottom;transform:scaleY(var(--coast-stone))}
.coast-column-flute{fill:none;stroke:#b69a71;stroke-width:1}
.coast-stone-floor{fill:none;stroke:#745940;stroke-width:2;transform-box:fill-box;transform-origin:left;transform:scaleX(var(--coast-stone))}
.coast-foam{fill:none;stroke:#eef8dd;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--coast-sea))}
.coast-foam.fine{stroke-width:1.5}
.coast-seal{position:absolute;left:6%;bottom:13%;width:95px;height:95px;border:1px solid #ad7f47;border-radius:50%;color:#765132;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;clip-path:inset(0 calc((1 - var(--coast-sand))*100%) 0 0)}
.coast-seal span{font-size:5px;letter-spacing:.1em}.coast-seal b{font:400 27px 'Cormorant Garamond',Georgia,serif}
.coast-image-note{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.13em;color:#d4e5d9}
.coast-notebook{position:absolute;right:7%;top:34%;width:33%;max-width:510px;z-index:4;translate:0 calc(var(--enter,0)*20px - var(--exit,0)*15px)}
.coast-tabs{display:flex;gap:12px;border-bottom:1px solid #fff2cf55;padding-bottom:18px}
.coast-tabs button{display:flex;align-items:center;gap:8px;font:400 12px 'DM Sans',sans-serif;border:0;border-radius:25px;background:transparent;color:inherit;padding:7px 12px;cursor:pointer}
.coast-tabs button span{font-size:8px;opacity:.75}
.coast-tabs button[aria-selected=true]{background:#f4d79b;color:#123f49}
.coast-notebook article{padding-top:26px}.coast-notebook article[hidden]{display:none}
.coast-notebook article .mini{font-size:8px;letter-spacing:.16em;color:#eed49e}
.coast-notebook h3{font:500 clamp(32px,3vw,48px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:14px 0 20px}
.coast-notebook article p{font:400 13px/1.8 'DM Sans',sans-serif;max-width:44ch;margin:0 0 20px}
.coast-notebook a{color:inherit;text-underline-offset:5px;font-size:11px}
.coast-full{display:block;border-top:1px solid #fff2cf55;padding-top:17px;margin-top:27px;font-size:11px;font-weight:500;text-decoration:none}
.coast-access-note{font-size:9px;line-height:1.8;margin-top:18px}.coast-access-note a{font-size:9px}
.coast-chapter :focus-visible{outline:3px solid #f4d79b;outline-offset:5px}
.coast-meter{position:absolute;left:7%;right:7%;bottom:5%;display:flex;gap:18px;align-items:center;font-size:7px;letter-spacing:.16em;color:#f4d79b}
.coast-meter i{flex:1;height:1px;background:#fff2cf44}.coast-meter b{display:block;height:1px;background:#f4d79b;transform-origin:left;transform:scaleX(var(--coast-sand))}.coast-meter i:last-of-type b{transform:scaleX(var(--coast-sea))}
body.coast-active .continuity-orb{opacity:0!important}
body.continuous-journey #panel-costa.coast-chapter{height:100%;min-height:0}
.onepage-guide .coast-guide>section{border-top:1px solid #25464133;padding:25px 0}
.coast-current-notice{background:#f6d89f;border-left:3px solid #a44838;padding:22px 28px;margin:25px 0}
.coast-current-notice strong{font-size:13px}.onepage-guide .coast-current-notice p{font-size:14px}
@media(max-width:700px){
 .coast-heading{top:11%;left:7%;right:7%}.coast-heading>.mini{font-size:7px}.coast-heading h2{font-size:clamp(44px,12vw,62px);margin:15px 0}.coast-heading h2 br{display:none}.coast-heading h2 em{margin-left:9px}
 .coast-sculpture{left:4%;width:92%;top:26%;height:31%}.coast-seal{width:55px;height:55px;bottom:9%;left:7%;gap:3px}.coast-seal span{font-size:3px}.coast-seal b{font-size:18px}.coast-image-note{font-size:5px;bottom:-13px}
 .coast-notebook{top:62%;left:7%;right:7%;width:auto;max-width:none}.coast-tabs{gap:7px;padding-bottom:11px}.coast-tabs button{font-size:10px;padding:5px 10px}.coast-notebook article{padding-top:12px}.coast-notebook article .mini{font-size:7px}.coast-notebook h3{font-size:28px;margin:8px 0 11px}.coast-notebook article p{font-size:11px;line-height:1.6;margin-bottom:12px;max-width:none}.coast-notebook a{font-size:10px}.coast-full{margin-top:13px;padding-top:10px}.coast-access-note{font-size:8px;margin-top:9px}.coast-access-note a{font-size:8px}.coast-meter{display:none}
}
body:not(.continuous-journey) #panel-costa.coast-chapter{height:auto;min-height:0;padding:80px 7% 65px;--enter:0;--exit:0}
body:not(.continuous-journey) .coast-heading{position:relative;inset:auto;translate:none}
body:not(.continuous-journey) .coast-sculpture{position:relative;inset:auto;width:min(850px,100%);height:min(600px,75vw);margin:30px auto 60px;translate:none}
body:not(.continuous-journey) .coast-notebook{position:relative;inset:auto;width:100%;max-width:850px;margin:auto;translate:none}
body:not(.continuous-journey) .coast-notebook article p{font-size:15px;max-width:65ch}
body:not(.continuous-journey) .coast-meter{display:none}