@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap";:root{--font-body: "myriad-pro", sans-serif;--font-accent: "snell-roundhand-lt-std", sans-serif;--color-grad-start: #869b8a;--color-grad-end: #cad8c5;--color-text-home: #f9f8f5;--color-menu-border: #fff1dc;--color-bg: #ffffff;--color-text-main: #2c3e50}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}.font-accent{font-family:var(--font-accent)}.text-uppercase{text-transform:uppercase}.hidden{display:none!important}.home-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative}.home-left{width:62%;background-image:url(../media/Richard_Wilson_-_Tivoli-_The_Temple_of_the_Sybil_and_the_Campagna_-_Google_Art_Project.jpg);background-size:158%;background-position:35% 46%;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-out}.home-left.loaded,.page-split-fixed-image.loaded{opacity:1}.home-right{flex:1;background:linear-gradient(to right,var(--color-grad-start),var(--color-grad-end));position:relative;color:var(--color-text-home);padding:2rem}.header{background-color:transparent;padding:2rem;position:absolute;top:0;width:100%;z-index:100;pointer-events:none}.internal-menu-container{pointer-events:auto;position:relative;display:inline-block}.footer{padding:4rem 2rem;background-color:var(--color-bg);color:var(--color-text-main);border-top:1px solid var(--color-menu-border);z-index:10;position:relative}.text-center{text-align:center}.location-right .header,.stay-right .header,.travel-right .header{text-align:right;right:0;left:auto}.travel-right .header{padding-right:7.5rem}.details-left .header{text-align:left;left:0;right:auto}.menu-trigger{background:none;border:none;border-bottom:2px solid #d8c38a;font-family:var(--font-body);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#d8c38a;cursor:pointer;z-index:102;position:relative;padding:.5rem .75rem .3rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.menu-trigger:hover{opacity:.8;border-color:var(--color-grad-start);color:var(--color-grad-start)}.menu-overlay{position:absolute;top:100%;width:300px;max-width:min(300px,calc(100vw - 2rem));background-color:#fffffffa;box-shadow:0 4px 15px #0000000d;border:1px solid var(--color-menu-border);padding:2rem;opacity:0;visibility:hidden;transform:translate(10px);transition:all .4s ease-out;z-index:101;text-align:left}.menu-overlay.active{opacity:1;visibility:visible;transform:translate(0)}.page-right .menu-overlay{right:0;left:auto}.page-left .menu-overlay{left:0;right:auto}.menu-list{list-style:none;margin:0;padding:0}.menu-list li{margin-bottom:.5rem}.menu-list li:last-child{margin-bottom:0}.menu-list a{text-decoration:none;color:var(--color-text-main);font-size:1rem;font-weight:500;letter-spacing:.5px;display:block;transition:all .3s ease;position:relative;padding-left:0}.menu-list a:hover{color:var(--color-grad-start);padding-left:5px}.home-date-location{position:absolute;top:clamp(2rem,6vh,6rem);left:clamp(2rem,4vw,6rem);color:var(--color-text-home);z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.3)}.home-location{font-size:clamp(1rem,3.5vw,3rem);font-weight:700;line-height:1}.home-date{font-size:clamp(1rem,3.5vw,3rem);font-weight:700;margin-top:0}.home-update{position:absolute;top:clamp(2rem,6vh,6rem);right:clamp(2rem,4vw,6rem);display:flex;flex-direction:column;align-items:flex-end;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.3)}.home-update-title{font-family:var(--font-accent);font-size:clamp(1rem,3.5vw,3rem);font-weight:700;line-height:1;color:var(--color-text-home)}.home-update-date{font-family:var(--font-accent);font-size:clamp(1rem,3.5vw,3rem);font-weight:700;margin-top:0;color:var(--color-text-home)}.home-names{top:40%;left:0%;transform:translate(-55%,-50%);font-size:clamp(5rem,11.5vw,18rem);white-space:nowrap;font-weight:700;position:absolute}.home-names:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;padding:inherit;box-sizing:inherit;z-index:2;color:transparent;background:linear-gradient(to right,#fff0,#f0e6d2cc 40%,#fff,#f0e6d2cc 60%,#fff0);background-size:50% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;opacity:0;animation:titleShimmer 2.5s linear forwards;pointer-events:none}@keyframes titleShimmer{0%{background-position:-50% 0;opacity:0}10%{opacity:1}to{background-position:250% 0;opacity:1}}.home-menu{position:absolute;bottom:clamp(2rem,6vh,6rem);list-style:none;text-align:left;margin-left:clamp(1rem,3vw,3rem)}.home-menu li{margin-bottom:clamp(.5rem,1.5vh,2rem)}.home-menu a{display:inline-block;color:var(--color-text-home);text-decoration:none;font-size:clamp(1rem,1.2vw,2rem);letter-spacing:1px;padding-bottom:.1rem;border-bottom:2px solid var(--color-menu-border);width:100%;max-width:25vw;min-width:25vw;text-align:left;transition:opacity .3s;position:relative;overflow:hidden}@keyframes shimmer{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}.home-menu a:after{content:"";position:absolute;bottom:0;left:0;width:50%;height:2px;background:linear-gradient(to right,#fff0,#fffc,#fff0);transform:translate(-150%) skew(-20deg);pointer-events:none}.home-menu a:hover{opacity:1;transform:scale(1.02);transform-origin:left center}.home-menu a:hover:after{animation:shimmer 1.2s forwards}.page-container{max-width:1200px;margin:0 auto;padding:2rem}@media screen and (max-width: 1200px){.home-container{display:grid;grid-template-columns:1fr;height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(to bottom,var(--color-grad-start),var(--color-grad-end))}.home-names{grid-row:1;position:relative;top:auto;left:auto;transform:none;text-align:center;width:100%;margin:0;padding:1rem 1rem 2rem;font-size:clamp(3.5rem,14vw,7rem);white-space:normal;line-height:1.1;z-index:10;flex-shrink:0}.home-left{grid-row:2;width:100%;height:clamp(35vh,45vh,55vh);position:relative;box-shadow:0 4px 15px #0000001a;background-position:50% 72%}.home-date-location,.home-update{grid-row:2;position:absolute;top:1.5rem;z-index:15;transform:none;width:auto;margin:0;display:flex;flex-direction:column}.home-date-location{left:1.5rem;text-align:left;align-items:flex-start}.home-update{right:1.5rem;text-align:right;align-items:flex-end}.home-location,.home-date,.home-update-title,.home-update-date{font-size:clamp(.9rem,3.5vw,2rem);color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.home-right{display:contents}.home-menu{grid-row:3;position:relative;bottom:auto;left:auto;margin:2rem auto;text-align:center;width:100%;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.home-menu li{margin-bottom:1.2rem;display:block;width:100%}.home-menu a{text-align:center;font-size:clamp(1.1rem,3.5vw,1.4rem);margin:0 auto;width:auto;min-width:clamp(260px,60vw,400px);max-width:90vw;padding:.5rem 1rem;box-sizing:border-box}.page-container-split{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.page-title-overlay{order:1;position:relative!important;display:block!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100vw;box-sizing:border-box;height:auto;background-color:#f9f8f4;margin:0!important;padding:1.5rem!important;font-size:clamp(3.5rem,10vw,7rem)!important;white-space:normal;overflow-wrap:break-word;line-height:1.1;text-align:center!important;color:#d8c38a!important;font-family:var(--font-accent);z-index:5;gap:1.5rem!important;display:flex!important;justify-content:center!important;align-items:flex-end!important}.page-title-overlay:before,.page-title-overlay:after{content:"";display:block!important;height:2px;background-color:#d8c38a;flex:1;opacity:.6;margin-bottom:.35em}.page-left .page-title-overlay{white-space:nowrap!important;font-size:clamp(3rem,9.5vw,6rem)!important}.page-split-fixed-image{order:2;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;height:40vh;z-index:1}.page-split-content-panel{order:3;position:relative!important;width:100%!important;margin-left:0!important;margin-right:0!important;height:auto!important;min-height:auto;padding:3rem 1.5rem;overflow:visible;background-color:#f9f8f4}.page-split-content-panel{position:relative}.page-split-content-panel .header,.page-right .header,.page-left .header{position:absolute;top:-38vh;right:1rem;left:auto;width:auto;padding:0;z-index:100;pointer-events:auto;text-align:right}.page-right .content-wrapper,.page-left .content-wrapper,.content-wrapper{padding:0!important;max-width:600px;margin:0 auto}.content-section{margin-bottom:2rem;text-align:left}.content-section h2{font-family:var(--font-body);color:#778c7b;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600;text-align:left}.content-section p{color:#6a6f72;margin:0;text-align:left;font-size:1.1rem;line-height:1.7;word-break:break-word;overflow-wrap:anywhere}.content-wrapper a{color:#778c7b;text-decoration:underline;word-break:break-word;overflow-wrap:anywhere}.scroll-viewport{height:auto;padding:0;mask-image:none;-webkit-mask-image:none;overflow:visible}.scroll-arrow-container,.scroll-arrow-up{display:none}.page-right,.page-left{margin-left:0!important;margin-right:0!important}.menu-trigger{background-color:#f9f8f4f2;padding:.75rem 1rem;min-width:44px;min-height:44px;border-radius:4px;box-shadow:0 2px 10px #0003;font-size:.9rem;display:flex;align-items:center;justify-content:center;border:1px solid #d8c38a}.menu-overlay{right:0;left:auto;width:min(calc(100vw - 2rem),280px);max-width:280px}.page-left .menu-overlay{right:0;left:auto}.travel-right .header,.page-right .header{padding-right:0}}@media (max-width: 767px){.home-names{padding:2rem 1rem;font-size:clamp(3.5rem,15vw,5rem);margin-bottom:0}.home-left{height:clamp(35vh,40vh,50vh)}.home-date-location,.home-update{top:1.2rem;width:48%}.home-date-location{left:1.2rem}.home-location,.home-date,.home-update-title,.home-update-date{font-size:1.5rem}.home-update{right:1.2rem;display:flex}.home-menu{margin-top:2.5rem;margin-bottom:2rem}.page-container-split{display:flex!important;flex-direction:column!important;overflow-y:auto;position:relative;height:auto!important;min-height:100vh;overflow-x:hidden}.page-title-overlay{position:relative!important;display:block!important;width:100%!important;max-width:100vw;box-sizing:border-box;padding:2rem 1.5rem!important;font-size:clamp(3rem,10vw,4.5rem)!important;margin:0!important;white-space:normal;overflow-wrap:break-word;line-height:1.1;text-align:center!important;background-color:#f9f8f4;color:#d8c38a!important;font-family:var(--font-accent);order:1;z-index:5;top:auto!important;left:auto!important;right:auto!important;transform:none!important;gap:1rem!important;display:flex!important;justify-content:center!important;align-items:flex-end!important}.page-title-overlay:before,.page-title-overlay:after{content:"";display:block!important;height:1px;background-color:#d8c38a;flex:1;opacity:.6;margin-bottom:.35em}.page-left .page-title-overlay{white-space:nowrap!important;font-size:clamp(2.5rem,8.5vw,4rem)!important}.page-split-fixed-image{position:relative!important;width:100%!important;height:45vh;order:2;z-index:1;top:auto!important;left:auto!important;right:auto!important}.page-split-content-panel{position:relative!important;width:100%!important;margin-left:0!important;margin-right:0!important;height:auto!important;min-height:auto;padding:3rem 1.5rem;overflow:visible;order:3;background-color:#f9f8f4}.page-right,.page-left{margin-left:0!important;margin-right:0!important}.scroll-viewport{padding-top:0;padding-bottom:0;mask-image:none;-webkit-mask-image:none;height:auto;overflow:visible}.content-wrapper{padding:0!important;max-width:600px;margin:0 auto}.content-section{margin-bottom:2rem;text-align:left}.content-section h2{font-family:var(--font-body);color:#778c7b;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600;text-align:left}.content-section p{color:#6a6f72;margin:0;text-align:left;font-size:1.1rem;line-height:1.7;word-break:break-word;overflow-wrap:anywhere}.content-wrapper a{color:#778c7b;text-decoration:underline;word-break:break-word;overflow-wrap:anywhere}.map-container{position:relative;width:100%;max-width:100%;margin-top:1rem;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a}.map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-arrow-container,.scroll-arrow-up{display:none}.page-split-content-panel{position:relative}.page-split-content-panel .header,.page-right .header,.page-left .header{position:absolute;top:-43vh;right:1rem;left:auto;width:auto;padding:0;z-index:100;pointer-events:auto;text-align:right}.menu-trigger{background-color:#f9f8f4f2;padding:.75rem 1rem;min-width:44px;min-height:44px;border-radius:4px;box-shadow:0 2px 10px #0003;font-size:.9rem;display:flex;align-items:center;justify-content:center;border:1px solid #d8c38a}.menu-overlay{right:0;left:auto;width:min(calc(100vw - 2rem),280px);max-width:280px}.page-left .menu-overlay{right:0;left:auto}.travel-right .header,.page-right .header{padding-right:0}}body{background-color:#f9f8f4;color:#2c3e50}.nav-links a{color:var(--color-grad-start)}.logo{color:var(--color-grad-start);font-size:2rem}main h1{color:var(--color-grad-start);margin-top:1rem}@media (min-width: 1201px){.page-container-split{display:flex;min-height:100vh;width:100vw;overflow:hidden;position:relative}.page-split-fixed-image{width:62%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;top:0;opacity:0;transition:opacity 1.2s ease-out}.page-split-content-panel{width:38%;height:100vh;background-color:#f9f8f4;overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box;animation:contentFadeIn 1s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-right{margin-left:62%}.page-right .page-split-fixed-image{left:0}.page-right .header{text-align:right;padding-right:7.5rem}.page-left{margin-right:62%}.page-left .page-split-fixed-image{right:0}.page-left .header{text-align:left;padding-left:7.5rem}.scroll-viewport{height:100%;width:100%;overflow-y:auto;padding-top:35vh;padding-bottom:20vh;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,transparent 32vh,black 35vh,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 32vh,black 35vh,black 85%,transparent 100%)}.scroll-viewport::-webkit-scrollbar{display:none}.content-wrapper{margin-top:0;text-align:right;padding-right:7vw;padding-left:clamp(2rem,6vw,4rem)}.page-left .content-wrapper{text-align:left;padding-right:clamp(2rem,6vw,6rem);padding-left:7.5rem}.content-section{margin-bottom:3rem}.content-section h2{font-family:var(--font-body);color:#778c7b;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600}.content-section p{color:#6a6f72;font-size:1.3rem;line-height:1.6;max-width:750px;margin-left:auto;word-break:break-word;overflow-wrap:anywhere}.content-wrapper a{color:#778c7b;text-decoration:underline;transition:opacity .3s;word-break:break-word;overflow-wrap:anywhere}.stay-list,.stay-list a{word-break:break-word;overflow-wrap:anywhere}.content-wrapper a:hover{opacity:.8}.map-container{position:relative;width:100%;max-width:750px;margin-left:auto;margin-top:1.5rem;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a}.map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page-left .content-section p,.page-left .map-container{margin-left:0;margin-right:auto}.page-title-overlay{position:absolute;top:15%;width:100%;max-width:100vw;box-sizing:border-box;padding:0 5vw;text-align:center;z-index:20;pointer-events:none;font-family:var(--font-accent);color:#d8c38a;font-size:clamp(4rem,8.5vw,12rem);font-weight:700;line-height:.9;white-space:normal;overflow-wrap:break-word;display:flex;align-items:flex-end;justify-content:center;gap:2rem}.page-title-overlay:before,.page-title-overlay:after{content:"";display:block;height:2px;background-color:#d8c38a;flex:1;opacity:.6;margin-bottom:.25em}.page-title-overlay:before{flex:3;margin-left:-10vw}.page-title-overlay:after{flex:1;margin-right:-5rem}.page-left .page-title-overlay:before{flex:1;margin-left:-5rem}.page-left .page-title-overlay:after{flex:3;margin-right:0}.scroll-arrow-container{position:absolute;bottom:0;left:0;width:100%;height:15vh;background:linear-gradient(to top,#f9f8f4 20%,#f9f8f400);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem;z-index:30;pointer-events:none}.scroll-arrow-up,.scroll-arrow-down{color:#d8c38a;font-size:3rem;font-family:sans-serif;cursor:pointer;pointer-events:auto;transition:opacity .3s}.scroll-arrow-up{position:absolute;top:31vh;left:0;width:100%;text-align:center;z-index:30}.scroll-arrow-up.hidden,.scroll-arrow-down.hidden{opacity:0;pointer-events:none}}@media (min-width: 1201px) and (max-width: 1800px){.home-left,.page-split-fixed-image{width:58.5%}.page-right{margin-left:58.5%}.page-left{margin-right:58.5%}.page-split-content-panel{width:41.5%}.content-section h2{font-size:1.4rem;letter-spacing:-.6px}.content-section p{font-size:1.2rem;letter-spacing:-.4px}.page-right .content-wrapper,.page-right .header{padding-right:6rem}.page-right .content-wrapper{padding-left:3rem}.page-left .content-wrapper,.page-left .header{padding-left:6rem}.page-left .content-wrapper{padding-right:3rem}.page-title-overlay{font-size:clamp(4rem,8vw,10rem);padding:0 4rem}.page-title-overlay.offset-right{left:4vw}.menu-trigger{border-bottom-width:2px;padding-bottom:0}.page-title-overlay:before,.page-title-overlay:after{margin-top:50px}.scroll-viewport{padding-top:38vh;-webkit-mask-image:linear-gradient(to bottom,transparent 34vh,black 36vh,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 34vh,black 36vh,black 85%,transparent 100%)}}@media (min-width: 2300px){.page-right .content-wrapper,.page-right .header{padding-right:6rem}.page-left .content-wrapper,.page-left .header{padding-left:6rem}.content-section p{max-width:850px}.content-wrapper{max-width:900px}.page-title-overlay{font-size:clamp(4rem,8vw,12rem)}}.page-split-fixed-image{background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-out}.bg-travel{background-image:url(../media/travel.jpg)}.bg-stay{background-image:url(../media/stay.png)}.bg-location{background-image:url(../media/il_poggiolino.png);background-size:contain}.bg-details{background-image:url(../media/hero.jpg)}.bg-programme{background-image:url(../media/image_programme.jpeg);background-size:118%}@media (max-width: 319px){.home-location,.home-date,.home-update-title,.home-update-date{font-size:1.2rem}.home-names{font-size:2.5rem}.home-menu a{font-size:1rem;padding:.5rem .75rem}.content-section h2{font-size:1.1rem}.content-section p{font-size:1rem}.page-title-overlay{font-size:clamp(2.5rem,10vw,4rem);padding:1.5rem 1rem}.menu-trigger{padding:.6rem .8rem;font-size:.85rem}}@media (max-width: 767px) and (orientation: landscape){.home-container{height:100vh;min-height:100vh}.home-left{height:50vh}.home-right{height:50vh;padding:.75rem}.home-names{font-size:2.5rem;margin:.25rem 0}.home-menu,.home-menu li{margin-bottom:.5rem}.home-menu a{font-size:1rem}.page-split-fixed-image{height:50vh}.page-split-content-panel{min-height:50vh;padding:1.5rem 1rem}}@media (min-width: 1500px) and (max-width: 1800px){.home-left{background-size:195%;background-position:60% 15%}}@media (min-width: 1201px) and (max-width: 1499px){.home-left{background-size:250%;background-position:60% 15%}}
