html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }::selection { background: var(--primary); color: var(--white); }:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }img { max-width: 100%; height: auto; }#brx-header, #brx-header.brx-sticky { position: sticky; top: 0; z-index: 100; }.admin-bar #brx-header { top: 32px; }@media (max-width: 782px) { .admin-bar #brx-header { top: 46px; } }@media (max-width: 600px) { .admin-bar #brx-header { top: 0; } }[id] { scroll-margin-top: 7rem; }:where(.brxe-post-content, .brxe-text, .brxe-text-basic) a:where(:not(.wp-element-button):not(.brxe-button)) { text-decoration: underline; text-decoration-color: var(--primary-l-3); text-decoration-thickness: 0.08em; text-underline-offset: 0.2em;}:where(.brxe-post-content, .brxe-text, .brxe-text-basic) a:where(:not(.wp-element-button):not(.brxe-button)):hover { color: var(--accent-d-1); text-decoration-color: currentColor;}.brxe-post-content { max-width: var(--content-width); margin-inline: auto; width: 100%; }.brxe-post-content > * + * { margin-block-start: var(--space-m); }.brxe-post-content > :is(h2, h3, h4) { margin-block-start: var(--space-2xl); margin-block-end: 0; }.brxe-post-content > :is(h2, h3, h4) + * { margin-block-start: var(--space-s); }.brxe-post-content :is(ul, ol) { padding-inline-start: 1.25em; }.brxe-post-content li + li { margin-block-start: var(--space-2xs); }.brxe-post-content li::marker { color: var(--accent); }.brxe-post-content :is(figure, .wp-block-image) { margin-block: var(--space-xl); }.brxe-post-content :is(.wp-block-image, .wp-block-gallery, .wp-block-cover) img { border-radius: var(--radius-m); }.brxe-post-content figcaption { font-size: var(--text-s); color: var(--ink-muted); text-align: center; margin-top: var(--space-xs); }.brxe-post-content .alignwide { width: min(100vw - 2 * var(--space-l), var(--container-width)); max-width: none; margin-inline: 50%; transform: translateX(-50%); }.brxe-post-content .alignfull { width: 100vw; max-width: none; margin-inline: 50%; transform: translateX(-50%); }.brxe-post-content .alignfull img { border-radius: 0; }.brxe-post-content .wp-block-columns { display: flex; flex-wrap: wrap; gap: var(--space-m); }.brxe-post-content .wp-block-column { flex: 1 1 14rem; min-width: 0; }.brxe-post-content .wp-block-gallery { display: flex; flex-wrap: wrap; gap: var(--space-s); }.brxe-post-content .wp-block-gallery > figure { flex: 1 1 12rem; margin: 0; }.brxe-post-content .wp-block-gallery img { width: 100%; height: 100%; object-fit: cover; }.brxe-post-content iframe { max-width: 100%; border: 0; border-radius: var(--radius-m); }.brxe-post-content .wp-block-embed iframe, .brxe-post-content .wp-block-html iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }.brxe-post-content hr { border: 0; border-top: var(--border); margin-block: var(--space-2xl); }.brxe-post-content strong { font-weight: 600; }@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }} @keyframes vve-marquee { to { translate: -50% 0; } } @keyframes vve-float { 50% { translate: 0 -10px; } } @keyframes vve-spin { to { rotate: 360deg; } } @keyframes vve-pulse { from { scale: 1; opacity: 0.9; } to { scale: 2.6; opacity: 0; } }  .brxe-button.bricks-button { position: relative; overflow: hidden; isolation: isolate; --sweep: var(--accent-d-1); } .brxe-button.bricks-button.outline { --sweep: var(--primary); } .brxe-button.bricks-button.bricks-background-secondary { --sweep: var(--primary); } .brxe-button.bricks-button::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sweep); translate: -101% 0; transition: translate 0.55s cubic-bezier(0.22, 1, 0.36, 1); } .brxe-button.bricks-button:hover::before, .brxe-button.bricks-button:focus-visible::before { translate: 0 0; } .brxe-button.bricks-button.outline:hover { color: var(--white); }  @media (hover: hover) and (prefers-reduced-motion: no-preference) { .brxe-nav-menu .bricks-nav-menu > li:not(.menu-item-has-children), .brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle { display: flex; align-items: center; overflow: hidden; } .brxe-nav-menu .bricks-nav-menu > li:not(.menu-item-has-children) > a, .brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > a { display: block; padding-block: 0 1.3em; margin-bottom: -1.3em; line-height: 1.3; text-shadow: 0 1.3em var(--accent-d-1); transition: translate 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .brxe-nav-menu .bricks-nav-menu > li:not(.menu-item-has-children):hover > a, .brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle:hover > a { translate: 0 -1.3em; } }  .card::after { content: "Leggi \2192"; position: absolute; top: var(--space-m); right: var(--space-m); z-index: 2; display: grid; place-items: center; width: 4.75rem; aspect-ratio: 1; border-radius: 50%; background: var(--accent); color: var(--white); font-family: var(--font-heading); font-weight: 700; font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.06em; pointer-events: none; scale: 0; rotate: -12deg; transition: scale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), rotate 0.5s ease; } .card:hover::after { scale: 1; rotate: 0deg; }  .vve-gsap { transition-property: opacity, box-shadow, background-color, color, border-color !important; } .card__media img, img.card__media { scale: var(--zoom, 1); } .dest-card > :is(img, figure) img, .dest-card > img { scale: 1.16; translate: 0 var(--py, 0%); } .stamp { scale: var(--stamp-s, 1); } .polaroid { transform: translateY(var(--drop-y, 0%)) rotate(var(--drop-r, 0deg)) scale(var(--drop-s, 1)); } .hero-badge { transform: translate(var(--mx, 0px), var(--my, 0px)) scale(var(--pop-s, 1)) rotate(var(--pop-r, 0deg)); } .dest-card.vve-tilt, .dest-card.vve-tilt:hover { transform: perspective(900px) translateY(var(--lift, 0px)) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); } .vve-magnetic { transform: translate(var(--mgx, 0px), var(--mgy, 0px)); } .tour-card__stops::before { transform-origin: top; scale: 1 var(--draw, 1); } @media (prefers-reduced-motion: reduce) { .dest-card > :is(img, figure) img, .dest-card > img { scale: 1; translate: none; } }.toc-box:not(:has(.toc-list-item)) { padding: 0 !important; border: 0 !important; background: none !important; }.toc-box:not(:has(.toc-list-item)) > :not(.brxe-post-toc) { display: none; }.brxe-post-toc .toc-list { list-style: none; margin: 0; padding: 0; }.brxe-post-toc .toc-list .toc-list { padding-inline-start: var(--space-s); }.brxe-post-toc .toc-list-item { margin: 0; }.brxe-post-toc .toc-link { display: block; padding: 0.35em 0 0.35em var(--space-s); border-left: 2px solid var(--line); color: var(--ink-muted); font-size: var(--text-s); line-height: 1.35; text-decoration: none; transition: color var(--transition), border-color var(--transition), padding var(--transition);}.brxe-post-toc .toc-link::before { display: none; }.brxe-post-toc .toc-link:hover { color: var(--primary); border-color: var(--primary-l-3); }.brxe-post-toc .toc-link.is-active-link { color: var(--primary); font-weight: 600; border-color: var(--accent); padding-left: calc(var(--space-s) + 4px);}.share-icons { display: flex; flex-wrap: wrap; gap: var(--space-2xs); }.share-icons li { background: none !important; margin: 0; }.share-icons a { display: grid; place-items: center; width: 2.5rem; aspect-ratio: 1; padding: 0; border: 1.5px solid var(--line); border-radius: 50%; background: var(--white); color: var(--primary); transition: background-color var(--transition), color var(--transition), border-color var(--transition), rotate 0.35s ease;}.share-icons a svg { width: 1rem; height: 1rem; fill: currentColor; }.share-icons a:hover { background: var(--primary); border-color: var(--primary); color: var(--white); rotate: -8deg; }.vve-comments { width: 100%; }.vve-comments :is(.comments-title, h2) { font-size: var(--text-2xl); margin-bottom: var(--space-l); }.vve-comments .comment-list { list-style: none; margin: 0 0 var(--space-2xl); padding: 0; display: grid; gap: var(--space-m); }.vve-comments .comment-list .children { list-style: none; padding-inline-start: var(--space-xl); margin-top: var(--space-m); display: grid; gap: var(--space-m); }.vve-comments .comment-body,.vve-comments .comment > article { background: var(--white); border: var(--border); border-radius: var(--radius-l); padding: var(--space-l);}.vve-comments .bypostauthor > .comment-body,.vve-comments .bypostauthor > article { border-color: var(--primary-l-3); background: var(--primary-l-4); }.vve-comments .avatar { border-radius: 50%; }.vve-comments .comment-author,.vve-comments .fn { font-family: var(--font-heading); font-weight: 700; font-size: var(--text-l); color: var(--primary); }.vve-comments .comment-meta,.vve-comments .comment-metadata,.vve-comments time { font-size: var(--text-xs); color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.06em; }.vve-comments .comment-content { margin-top: var(--space-xs); }.vve-comments .comment-reply-link { font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: var(--text-xs); color: var(--accent-d-1);}.vve-comments #respond { background: var(--paper-deep); border-radius: var(--radius-l); padding: var(--space-xl);}.vve-comments :is(input[type="text"], input[type="email"], input[type="url"], textarea) { width: 100%; background: var(--white); border: 1.5px solid var(--line); border-radius: var(--radius-m); padding: 0.8em 1em; font: inherit; color: var(--ink); transition: border-color var(--transition), box-shadow var(--transition);}.vve-comments :is(input, textarea):focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-l-4); }.vve-comments label { font-weight: 600; font-size: var(--text-s); }.brxe-post-content .wp-block-quote :is(p, cite) { font-family: inherit; color: inherit !important; }.brxe-post-content .wp-block-quote, .brxe-post-content .wp-block-quote :is(p, cite) { background: none !important; }.brxe-post-content .wp-block-quote p.has-background { padding: 0; }.brxe-post-content .wp-block-quote cite { display: block; margin-top: var(--space-xs); font-family: var(--font-heading); font-style: normal; font-weight: 700; font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent-d-1) !important;}.rotta-svg { display: block; width: 100%; height: auto; overflow: visible; }.rotta-land { fill: var(--primary-d-1); stroke: none; }.rotta-land--visited { fill: var(--primary); }.rotta-coast { fill: none; stroke: var(--primary-l-3); stroke-width: 1; stroke-dasharray: 4 4; opacity: 0.85; }.rotta-border { fill: none; stroke: var(--primary-l-2); stroke-width: 1; stroke-dasharray: 4 4; opacity: 0.7; }.rotta-arc { fill: none; stroke: var(--accent-l-2); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 0.8; }.rotta-dot { fill: var(--accent); stroke: var(--white); stroke-width: 2; transition: r 0.25s ease; }.rotta-city:hover .rotta-dot { r: 9; }.rotta-label { font-family: var(--font-heading); font-weight: 700; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; fill: var(--paper); paint-order: stroke; stroke: var(--primary-d-2); stroke-width: 4px; stroke-linejoin: round;}.rotta-year { fill: var(--accent-l-2); font-size: 12px; }.rotta-home circle { fill: var(--white); }.rotta-home .rotta-home-pulse { fill: none; stroke: var(--white); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: vve-pulse 2.4s ease-out infinite; }.rotta-home-label { fill: var(--white); font-size: 17px; }.rotta-compass circle { fill: none; stroke: var(--primary-l-2); stroke-width: 1.5; }.rotta-compass path { fill: var(--primary-l-2); }.rotta-compass .rotta-compass-e { fill: var(--accent); }.rotta-compass text { font-family: var(--font-heading); font-weight: 800; font-size: 14px; fill: var(--primary-l-3); }.rotta-compass .rotta-compass-est { fill: var(--accent-l-2); }@media (scripting: enabled) and (prefers-reduced-motion: no-preference) { .rotta-svg .rotta-arc { transition: stroke-dashoffset 1.4s cubic-bezier(0.65, 0, 0.35, 1); transition-delay: calc(var(--i, 0) * 110ms + 0.3s); } .rotta-svg .rotta-city { transform-box: fill-box; transform-origin: center; transition: opacity 0.5s ease, scale 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); transition-delay: calc(var(--i, 0) * 110ms + 1.1s); } .reveal:not([data-inview]) .rotta-arc { stroke-dashoffset: 1; } .reveal:not([data-inview]) .rotta-city { opacity: 0; scale: 0.4; }}@media (prefers-reduced-motion: reduce) { .rotta-home .rotta-home-pulse { animation: none; } }.badge-svg { display: block; width: 100%; height: auto; }.badge-bg { fill: var(--accent); }.badge-text { font-family: var(--font-heading); font-weight: 800; font-size: 17px; letter-spacing: 0.1em; fill: var(--white); }.badge-ring { transform-box: view-box; transform-origin: 50% 50%; animation: vve-spin 22s linear infinite; }.badge-compass circle { fill: var(--paper); }.badge-compass :is(.badge-needle-n, .badge-needle-s, .badge-needle-w) { fill: var(--primary); }.badge-compass .badge-needle-e { fill: var(--accent); }@media (prefers-reduced-motion: reduce) { .badge-ring { animation: none; } }.card figcaption, .dest-card figcaption, .polaroid figcaption { display: none; }.brxe-breadcrumbs { flex-wrap: wrap; justify-content: center; gap: 0.55em; font-family: var(--font-heading); font-weight: 700; font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-muted);}.brxe-breadcrumbs a.item { color: var(--primary); text-decoration: none; transition: color var(--transition); }.brxe-breadcrumbs a.item:hover { color: var(--accent-d-1); }.brxe-breadcrumbs .separator { color: var(--accent); }.brxe-breadcrumbs [aria-current="page"] { color: var(--accent-d-1); }.page-lead { max-width: var(--content-width); font-size: var(--text-l); line-height: 1.55; color: var(--ink-muted); }.info-card { position: relative; display: flex; flex-direction: column; gap: var(--space-s); padding: var(--space-xl); background: var(--white); border: var(--border); border-radius: var(--radius-l); box-shadow: var(--shadow-s); transition: translate 0.35s ease, box-shadow 0.35s ease;}.info-card:has(.clickable-parent):hover { translate: 0 -4px; box-shadow: var(--shadow-m); }.info-card__icon { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; flex: none; border-radius: 50%; background: var(--primary); color: var(--white); font-size: 1.3rem;}.info-card:nth-child(even) .info-card__icon { background: var(--accent); }.info-card__more { margin-top: auto; font-family: var(--font-heading); font-weight: 700; font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.06em; color: var(--accent-d-1);}.info-card__more::after { content: " →"; display: inline-block; transition: translate var(--transition); }.info-card:hover .info-card__more::after { translate: 4px 0; }.info-card--dark { background: var(--primary); border-color: var(--primary); color: var(--primary-l-4); }.info-card--dark :is(h2, h3) { color: var(--white); }.info-card--dark .info-card__icon { background: var(--accent); }.tour-card { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--space-xl); padding: var(--space-xl); background: var(--white); border: var(--border); border-radius: var(--radius-l); box-shadow: var(--shadow-s);}.tour-card > .stamp { align-self: start; justify-self: center; }@media (max-width: 767px) { .tour-card { grid-template-columns: minmax(0, 1fr); } .tour-card > .stamp { justify-self: start; }}.tour-card__stops { counter-reset: tappa; display: grid; gap: var(--space-xs); padding-left: 2.6rem; position: relative; }.tour-card__stops::before { content: ""; position: absolute; left: 0.95rem; top: 0.9rem; bottom: 0.9rem; border-left: 2px dashed var(--accent-l-2);}.tour-stop { position: relative; counter-increment: tappa; }.tour-stop::before { content: counter(tappa); position: absolute; left: -2.6rem; top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--primary); color: var(--white); font-family: var(--font-heading); font-weight: 800; font-size: var(--text-s);}.tour-stop:last-child::before { background: var(--accent); }.tour-stop a { text-decoration: none; }.tour-stop a:hover { color: var(--accent-d-1); }.contact-form .form-group label { font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: var(--text-s); color: var(--primary); }.contact-form :is(input:not([type="checkbox"]), textarea) { width: 100%; padding: 0.8rem 1rem; border: 1.5px solid var(--line); border-radius: var(--radius-m); background: var(--paper); font: inherit; color: var(--ink); transition: border-color var(--transition), box-shadow var(--transition);}.contact-form :is(input, textarea):focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-l-4); background: var(--white); }.contact-form textarea { min-height: 10rem; }.contact-form .options-wrapper label { font-family: var(--font-body); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: var(--text-s); color: var(--ink-muted); }.contact-form .options-wrapper a { color: var(--primary); }.contact-form input[type="checkbox"] { accent-color: var(--primary); width: 1.1rem; height: 1.1rem; }.contact-form { column-gap: var(--space-s); }.contact-form > .form-group:nth-child(-n+2) { flex: 1 1 14rem; width: auto !important; }.boarding-pass { --bp-notch: 0.9rem; display: flex; flex-direction: column; color: var(--primary-l-4); filter: drop-shadow(0 12px 24px rgb(10 9 12 / 0.18)); rotate: 1.5deg;}.boarding-pass__main,.boarding-pass__stub { background: var(--primary); padding: var(--space-l) var(--space-xl); }.boarding-pass__main { display: grid; gap: var(--space-m); border-radius: var(--radius-l) var(--radius-l) 0 0;  -webkit-mask: radial-gradient(circle var(--bp-notch) at 0 100%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--bp-notch) at 100% 100%, #0000 98%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle var(--bp-notch) at 0 100%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--bp-notch) at 100% 100%, #0000 98%, #000) right / 51% 100% no-repeat;}.boarding-pass__stub { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: var(--space-2xs) var(--space-m); border-top: 2px dashed rgb(255 255 255 / 0.35); border-radius: 0 0 var(--radius-l) var(--radius-l); -webkit-mask: radial-gradient(circle var(--bp-notch) at 0 0, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--bp-notch) at 100% 0, #0000 98%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle var(--bp-notch) at 0 0, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--bp-notch) at 100% 0, #0000 98%, #000) right / 51% 100% no-repeat;}.boarding-pass__stub .brxe-social-icons { justify-self: end; }.boarding-pass__stub .brxe-social-icons :is(a, i) { color: var(--white) !important; }.boarding-pass__stub .brxe-social-icons svg { fill: currentColor !important; }.boarding-pass__stub .social-round a { border-color: rgb(255 255 255 / 0.3); }.boarding-pass__stub .social-round a:hover { background: var(--accent); border-color: var(--accent); }.boarding-pass__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--space-xs); border-bottom: 1px solid rgb(255 255 255 / 0.18); font-family: var(--font-heading); font-weight: 700; font-size: var(--text-s); text-transform: uppercase; letter-spacing: 0.14em; color: var(--accent-l-2);}.boarding-pass__route { display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: var(--space-s); }.boarding-pass__route > div { display: flex; flex-direction: column; }.boarding-pass__to { text-align: right; }.boarding-pass__flight { position: relative; align-self: center; display: grid; place-items: center; height: 2rem; color: var(--accent-l-2);}.boarding-pass__flight::before { content: ""; position: absolute; inset: 50% 0 auto; border-top: 2px dashed rgb(255 255 255 / 0.35);}.boarding-pass__flight > * { position: relative; padding-inline: 0.4rem; background: var(--primary); box-sizing: content-box; }.boarding-pass__code { font-family: var(--font-heading); font-weight: 800; font-size: var(--text-4xl); line-height: 0.9; color: var(--white); }.boarding-pass__label { display: block; font-family: var(--font-heading); font-weight: 700; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.14em; color: var(--primary-l-3);}.boarding-pass__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-s) var(--space-m); }.boarding-pass__value { display: block; font-family: var(--font-heading); font-weight: 700; font-size: var(--text-l); color: var(--white); }.boarding-pass__note { font-size: var(--text-s); line-height: 1.55; color: var(--primary-l-4); }.boarding-pass__barcode { grid-column: 1 / -1; height: 2.6rem; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--white) 0 2px, transparent 2px 4px, var(--white) 4px 5px, transparent 5px 8px, var(--white) 8px 11px, transparent 11px 12px, var(--white) 12px 13px, transparent 13px 17px); opacity: 0.85;}.notepad { --np-line: 1.9rem; position: relative; margin-top: var(--space-l); padding: calc(var(--space-xl) + 0.4rem) var(--space-xl) var(--space-l) calc(var(--space-xl) + 1.4rem); background: linear-gradient(90deg, transparent calc(var(--space-xl) + 0.6rem), var(--accent-l-3) 0 calc(var(--space-xl) + 0.7rem), transparent 0), repeating-linear-gradient(transparent 0 calc(var(--np-line) - 1px), var(--primary-l-4) 0 var(--np-line)) 0 calc(var(--space-xl) + 0.4rem) / 100% 100% no-repeat, #fffdf6; border-radius: var(--radius-s); box-shadow: var(--shadow-m); rotate: -1.2deg;}.notepad::before { content: ""; position: absolute; top: -0.7rem; left: var(--space-l); right: var(--space-l); height: 1.6rem; background: radial-gradient(circle at 50% 70%, var(--paper-deep) 0.3rem, transparent 0.32rem) 0 0 / 1.6rem 100%, repeating-linear-gradient(90deg, transparent 0 0.55rem, var(--ink-muted) 0.55rem 0.75rem, transparent 0.75rem 1.6rem); -webkit-mask: linear-gradient(#000 0 0); border-radius: 0.3rem;}.notepad :is(h2, p) { line-height: var(--np-line); margin: 0; }.notepad h2 { font-size: var(--text-xl); color: var(--primary); padding-top: 0.15rem; }.notepad p { padding-top: 0.2rem; }.notepad p { color: var(--ink); }.notepad .notepad__ps { margin-top: var(--np-line); font-style: italic; color: var(--accent-d-1); }.archive-hero:has(.geo-map) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: var(--space-2xl); text-align: left !important;}.archive-hero:has(.geo-map) > .archive-hero__text { align-items: flex-start; }.archive-hero:has(.geo-map) .brxe-breadcrumbs,.archive-hero:has(.geo-map) .archive-hero__text > .brxe-div { justify-content: flex-start !important; }@media (max-width: 991px) { .archive-hero:has(.geo-map) { grid-template-columns: minmax(0, 1fr); }}.archive-hero__text { display: flex; flex-direction: column; align-items: center; gap: var(--space-m); width: 100%; }.geo-map { width: 100%; filter: drop-shadow(0 18px 36px rgb(19 25 53 / 0.25)); }.geo-svg { display: block; width: 100%; height: auto; }.geo-sea { fill: var(--primary-d-2); }.geo-land { fill: var(--primary-d-1); stroke: none; }.geo-land--visited { fill: var(--primary); }.geo-land--focus { fill: var(--accent); fill-opacity: 0.88; }.geo-coast { fill: none; stroke: var(--primary-l-3); stroke-width: 1; stroke-dasharray: 4 4; opacity: 0.85; }.geo-border { fill: none; stroke: var(--primary-l-2); stroke-width: 1; stroke-dasharray: 4 4; opacity: 0.7; }.geo-dot { fill: var(--white); stroke: var(--primary-d-2); stroke-width: 3; }.geo-city--home .geo-dot { fill: var(--paper); }.geo-label { font-family: var(--font-heading); font-weight: 800; font-size: 19px; letter-spacing: 0.06em; text-transform: uppercase; fill: var(--white); paint-order: stroke; stroke: var(--primary-d-2); stroke-width: 4px; stroke-linejoin: round;}.geo-year { font-size: 14px; font-weight: 700; fill: var(--accent-l-3); letter-spacing: 0.1em; }.geo-compass circle { fill: none; stroke: var(--primary-l-2); stroke-width: 1.5; }.geo-compass path { fill: var(--primary-l-2); }.geo-compass .geo-compass-e { fill: var(--accent); }.geo-compass text { font-family: var(--font-heading); font-weight: 800; font-size: 13px; fill: var(--primary-l-3); }@media (max-width: 767px) { .geo-label { font-size: 30px; stroke-width: 6px; } .geo-year { font-size: 22px; } .geo-dot { r: 10px; }}.brxe-section.cta-scroll { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 44rem) minmax(0, 1fr); align-items: start; column-gap: var(--space-xl);}.cta-scroll > .marquee { grid-column: 1 / -1; grid-row: 1; }.cta-scroll > .ricamo-notte-band { grid-column: 1 / -1; grid-row: 3; margin-top: var(--space-xl); }.cta-scroll > .cta-scroll__center { grid-column: 2; grid-row: 2; position: sticky; top: 0; width: 100%; min-height: 100vh; justify-content: center;}.cta-strip { grid-row: 2; display: flex; flex-direction: column; gap: clamp(6rem, 26vh, 16rem); padding-block: 14vh 2vh; }.cta-strip--left { grid-column: 1; justify-self: end; width: min(100%, 30rem); align-items: flex-start; padding-left: var(--space-l); }.cta-strip--right { grid-column: 3; justify-self: start; width: min(100%, 30rem); align-items: flex-end; padding-right: var(--space-l); padding-top: 48vh; }.cta-strip--left > .cta-photo:nth-child(2) { align-self: flex-end; }.cta-strip--right > .cta-photo:nth-child(2) { align-self: flex-start; }.cta-photo { position: relative; width: min(100%, 17rem); overflow: hidden; border-radius: var(--radius-l); box-shadow: 0 24px 48px rgb(8 10 30 / 0.4); }.cta-photo--wide { width: min(100%, 22rem); }.cta-photo :is(img, figure) { display: block; width: 100%; margin: 0; }.cta-photo img { aspect-ratio: 4 / 5; object-fit: cover; }.cta-photo--wide img { aspect-ratio: 4 / 3; }.cta-photo figcaption { display: none; }.cta-photo__caption { position: absolute; left: var(--space-s); bottom: var(--space-s); padding: 0.4em 0.75em 0.35em; border-radius: var(--radius-s); background: var(--paper); color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.1em; rotate: -3deg;}.cta-strip > .cta-photo:nth-child(even) .cta-photo__caption { left: auto; right: var(--space-s); rotate: 2deg; background: var(--accent); color: var(--white); }@media (max-width: 991px) { .brxe-section.cta-scroll { grid-template-columns: minmax(0, 1fr); } .cta-scroll > .cta-scroll__center { grid-column: 1; position: static; min-height: 0; } .cta-strip { grid-column: 1 !important; width: 100% !important; flex-direction: row; align-items: flex-start; gap: var(--space-m); padding: 0 var(--space-l) !important; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--space-l); scrollbar-width: none; } .cta-strip::-webkit-scrollbar { display: none; } .cta-strip--left { grid-row: 3; } .cta-strip--right { grid-row: 4; } .cta-scroll > .ricamo-notte-band { grid-row: 5; margin-top: var(--space-l); } .cta-strip > .cta-photo { flex: none; width: min(62vw, 16rem); scroll-snap-align: start; align-self: auto !important; } .cta-strip > .cta-photo--wide { width: min(78vw, 20rem); }}.site-footer .brxe-text-basic a { display: inline-block; }svg.doodle-svg:not(.doodle) { width: 1em; height: 1em; fill: currentColor; }:is(.brxe-block, .brxe-container, .brxe-div):has(> .doodle) { position: relative; }.doodle { position: absolute; z-index: 1; width: clamp(2.6rem, 5vw, 4.2rem); height: auto; color: var(--accent); fill: currentColor; pointer-events: none; scale: var(--pop, 1); rotate: var(--pop-r, 0deg);}.doodle--tr { top: -0.75rem; right: 0; }.doodle--tl { top: -0.75rem; left: 0; }.doodle--br { bottom: -0.5rem; right: 0; }.doodle--bl { bottom: -0.5rem; left: 0; }.doodle--paper { color: var(--accent-l-2); }@media (max-width: 767px) { .doodle { width: 2.4rem; } }.passport { position: relative; padding: var(--space-l); border-radius: var(--radius-m); border: 1px solid #e2d6bd; background: repeating-radial-gradient(circle at 100% 0%, transparent 0 9px, rgb(48 63 133 / 0.05) 9px 10px), repeating-radial-gradient(circle at 0% 100%, transparent 0 13px, rgb(220 55 44 / 0.035) 13px 14px), linear-gradient(160deg, #fcf9f1, #efe6d2); box-shadow: var(--shadow-m), inset 0 0 0 6px #fcf9f1, inset 0 0 0 7px rgb(48 63 133 / 0.14); color: var(--ink); rotate: -2deg;}.passport__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--space-2xs) var(--space-s); margin-bottom: var(--space-m); padding-bottom: var(--space-xs); border-bottom: 1px dashed rgb(48 63 133 / 0.3); font-family: var(--font-heading); font-weight: 700; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.14em; color: var(--primary);}.passport__country { color: var(--accent-d-1); }.passport__body { display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: var(--space-m); align-items: start; }.passport__photo { aspect-ratio: 4 / 5; overflow: hidden; border-radius: 3px; box-shadow: 0 0 0 4px var(--white), 0 3px 8px rgb(10 9 12 / 0.18); filter: saturate(0.85) contrast(1.05);}.passport__photo :is(img, figure) { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: 50% 42%; }.passport__photo figcaption { display: none; }.passport__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs) var(--space-s); }.passport__fields > div { display: flex; flex-direction: column; }.passport__label { font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-muted); }.passport__value { font-family: var(--font-heading); font-weight: 700; font-size: var(--text-s); line-height: 1.15; text-transform: uppercase; letter-spacing: 0.02em; color: var(--primary); }.passport__value--accent { color: var(--accent-d-1); }.passport__mrz { margin-top: var(--space-m); padding-top: var(--space-s); border-top: 1px solid rgb(48 63 133 / 0.15); font-family: "Courier New", ui-monospace, monospace; font-size: 0.72rem; line-height: 1.5; letter-spacing: 0.12em; color: rgb(10 9 12 / 0.6); white-space: nowrap; overflow: hidden;}.passport__stamp { position: absolute; display: grid; place-items: center; align-content: center; width: 6.2rem; aspect-ratio: 1; border: 2.5px solid currentColor; border-radius: 50%; outline: 1px solid currentColor; outline-offset: 3px; font-family: var(--font-heading); text-transform: uppercase; line-height: 1.05; text-align: center; mix-blend-mode: multiply; opacity: 0.85; pointer-events: none;}.passport__stamp { scale: var(--st-s, 1); }.passport__stamp span { font-size: 0.6rem; letter-spacing: 0.16em; font-weight: 700; }.passport__stamp strong { font-size: 1.05rem; font-weight: 800; }.passport__stamp--1 { color: var(--accent); right: -1.4rem; bottom: 2.6rem; rotate: -14deg; }.passport__stamp--2 { color: var(--primary); right: 22%; top: -1.4rem; width: auto; aspect-ratio: auto; padding: 0.35rem 0.75rem; border-radius: var(--radius-s); rotate: 9deg; }.brxe-section:has(.passport) { overflow-x: clip; }.passport__note { margin-top: var(--space-s); font-size: var(--text-s); line-height: 1.45; color: var(--ink-muted); }@media (max-width: 478px) { .passport__fields { grid-template-columns: minmax(0, 1fr); } .passport__stamp--1 { right: 0.25rem; } }.passport--mini { padding: var(--space-m); rotate: 0deg; }.passport--mini .passport__body { grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--space-s); }.passport--mini .passport__fields { grid-template-columns: minmax(0, 1fr); }.passport--mini .passport__value { font-size: var(--text-s); }.passport--mini .brxe-social-icons { margin-top: var(--space-xs); }.passport--mini .passport__stamp--1 { width: auto; aspect-ratio: auto; padding: 0.3rem 0.55rem; border-radius: var(--radius-s); right: -0.8rem; top: 2.6rem; bottom: auto; rotate: 8deg; }.passport--mini .passport__stamp strong { font-size: 0.72rem; text-transform: none; }.text-outline { -webkit-text-fill-color: transparent; -webkit-text-stroke: max(1.5px, 0.028em) var(--outline-color, currentColor);}@media (max-width: 478px) { .brxe-button, .brxe-form .form-group.submit-button-wrapper, .brxe-form button[type="submit"], .vve-comments .form-submit input[type="submit"] { width: 100%; flex-basis: 100%; align-self: stretch; justify-content: center; }}.ricamo-band,.ornamento-band,.ricamo-rosso-band,.denti-band,.ricamo-notte-band { --stitch: 3px; width: 100%; height: calc(var(--rows) * var(--stitch)); background: var(--motif) repeat-x center / auto 100%; image-rendering: pixelated; flex-shrink: 0;}.ricamo-band { --rows: 17; --motif: url(/wp-content/uploads/vve-svg/ricamo/ricamo.svg); }.ornamento-band { --rows: 32; --motif: url(/wp-content/uploads/vve-svg/ricamo/ornamento.svg); }.ricamo-rosso-band { --rows: 15; --motif: url(/wp-content/uploads/vve-svg/ricamo/ricamo-rosso.svg); }.denti-band { --rows: 9; --motif: url(/wp-content/uploads/vve-svg/ricamo/denti-di-lupo.svg); }.ricamo-notte-band { --rows: 17; --motif: url(/wp-content/uploads/vve-svg/ricamo/ricamo-notte.svg); }@media (max-width: 767px) { .ricamo-band, .ornamento-band, .ricamo-rosso-band, .denti-band, .ricamo-notte-band { --stitch: 2px; }}.hero-skyline { position: absolute; right: 0; bottom: 0; z-index: 0; width: min(58vw, 64rem); height: auto; color: var(--primary); opacity: 0.09; pointer-events: none;}.brxe-section:has(> .hero-skyline) { position: relative; isolation: isolate; overflow: clip; }.brxe-section:has(> .hero-skyline) > .brxe-container { position: relative; z-index: 1; }.hero-skyline--archive { width: calc(50vw - 18rem); opacity: 0.1; }@media (max-width: 991px) { .hero-skyline--archive { left: 0; width: 100%; }}@media (max-width: 767px) { .hero-skyline { width: 100%; opacity: 0.07; }}:root { --wm-logo: url(/wp-content/uploads/2026/10/logo-viaggiando-verso-est-bianco-293x300.webp); --wm-size: clamp(2.75rem, 16%, 6.5rem); --wm-gap: var(--space-s); --wm-opacity: 0.6; --wm-shadow: drop-shadow(0 1px 3px rgb(10 9 12 / 0.55));}.brxe-post-content figure:has(> img, > a > img)::after,.brxe-post-content .wp-block-cover::after,#brxe-5xtwj1::after,.card > .reveal-zoom:has(> img)::after { content: ""; position: absolute; right: var(--wm-gap); bottom: var(--wm-gap); z-index: 2; width: var(--wm-size); aspect-ratio: 293 / 300; background: var(--wm-logo) center / contain no-repeat; opacity: var(--wm-opacity); filter: var(--wm-shadow); pointer-events: none;}.brxe-post-content figure:has(> img, > a > img),#brxe-5xtwj1,.card > .reveal-zoom:has(> img) { position: relative; }.brxe-post-content figure:has(> img, > a > img):not(.wp-block-gallery figure) { display: grid; grid-template-columns: fit-content(100%);}.brxe-post-content figure.aligncenter:has(> img, > a > img) { justify-content: center; }.brxe-post-content figure:has(> img, > a > img):not(.wp-block-gallery figure) > :is(img, a) { grid-area: 1 / 1; }.brxe-post-content figure:has(> img, > a > img):not(.wp-block-gallery figure)::after { position: static; grid-area: 1 / 1; align-self: end; justify-self: end; margin: var(--wm-gap);}.card:has(> img.card__media:first-child)::before { content: ""; position: absolute; inset: 0 0 auto; z-index: 1; aspect-ratio: 3 / 2; background: var(--wm-logo) right var(--wm-gap) bottom var(--wm-gap) / var(--wm-size) auto no-repeat; opacity: var(--wm-opacity); filter: var(--wm-shadow); pointer-events: none;}body:not(.bricks-is-frontend) :is(.reveal, .reveal-zoom, .reveal-zoom img, .reveal-stagger > *) { opacity: 1 !important; translate: none !important; scale: none !important;}body:not(.bricks-is-frontend) .line-draw { scale: none !important; }:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--accent)}:where(:root) .bricks-background-secondary {background-color: var(--accent)}:where(:root) .bricks-color-light {color: var(--paper)}:where(:root) .bricks-background-light {background-color: var(--paper)}:where(:root) .bricks-color-dark {color: var(--ink)}:where(:root) .bricks-background-dark {background-color: var(--ink)}:where(:root) .bricks-color-muted {color: var(--ink-muted)}:where(:root) .bricks-background-muted {background-color: var(--ink-muted)}:where(:root) * {border-color: var(--line)} html {font-size: 100%} body {font-family: "Barlow"; font-weight: 400; font-size: var(--text-m); line-height: 1.65; color: var(--ink)} h1, h2, h3, h4, h5, h6 {font-family: "Barlow Condensed"; font-weight: 800; line-height: 1.05; letter-spacing: 0.005em; color: var(--primary)} h1 {font-size: calc(var(--text-5xl) * 1.12); text-transform: uppercase} h2 {font-size: calc(var(--text-3xl) * 1.15)} h3 {font-size: var(--text-2xl); font-weight: 700; line-height: 1.15} h4 {font-size: var(--text-xl); font-weight: 700; line-height: 1.2} h5 {font-size: var(--text-l); font-weight: 700; line-height: 1.25} h6 {font-size: var(--text-m); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em} .bricks-type-hero {font-size: var(--text-5xl); line-height: 0.95} .bricks-type-lead {font-size: var(--text-l); line-height: 1.5; color: var(--ink-muted)} blockquote {margin-top: var(--space-xl); margin-right: 0; margin-bottom: var(--space-xl); margin-left: 0; padding-top: var(--space-xs); padding-right: 0; padding-bottom: var(--space-xs); padding-left: var(--space-l); border-left: 4px solid var(--accent); font-size: var(--text-l); font-style: italic; line-height: 1.5; color: var(--primary-d-1)} html {background-color: var(--paper)} body {background: none} .brxe-container.root:not(.stretch) {padding-top: var(--space-4xl); padding-right: var(--space-l); padding-bottom: var(--space-4xl); padding-left: var(--space-l)} .brxe-container.root.stretch > .brxe-container {padding-top: var(--space-4xl); padding-right: var(--space-l); padding-bottom: var(--space-4xl); padding-left: var(--space-l); width: var(--container-width)} .brxe-container.root.stretch > .brxe-div {padding-top: var(--space-4xl); padding-right: var(--space-l); padding-bottom: var(--space-4xl); padding-left: var(--space-l); width: var(--container-width)} .brxe-container.root {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)), :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--primary); font-weight: 500; transition: color var(--transition)} .brxe-section {padding-top: var(--space-4xl); padding-right: var(--space-l); padding-bottom: var(--space-4xl); padding-left: var(--space-l)} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} .bricks-button {font-family: "Barlow Condensed"; font-weight: 700; font-size: var(--text-m); letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; border-radius: var(--radius-full); transition: background-color var(--transition), color var(--transition), border-color var(--transition), transform var(--transition); padding-top: 0.9em; padding-right: 1.6em; padding-bottom: 0.9em; padding-left: 1.6em} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--primary-d-1)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--primary); border: 2px solid var(--primary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--white); background-color: var(--primary)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--accent)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--accent-d-1)}