:root{--paper:#f9f8f4;--forest:#2d3a31;--forest-soft:#435247;--sage:#8c9a84;--clay:#dccfc2;--terracotta:#c27b66;--stone:#e6e2da;--white:#fff;--serif:"Playfair Display", Georgia, serif;--sans:"Source Sans 3", system-ui, sans-serif;--container:min(calc(100% - 48px), 1280px);--shadow:0 24px 60px -24px #2d3a313d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);color:var(--forest);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.55}body:has(.site-nav:not([hidden])){overflow-x:clip}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--terracotta);outline-offset:5px}[hidden]{display:none!important}.container{width:var(--container);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--white);color:var(--forest);border-radius:999px;padding:12px 18px;transition:transform .25s;position:fixed;top:16px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;width:100%;color:var(--white);justify-content:space-between;align-items:center;padding:28px clamp(24px,4vw,72px);display:flex;position:absolute;top:0;left:0}.brand{min-height:44px;font-family:var(--serif);align-items:center;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.site-nav{align-items:center;gap:clamp(24px,3vw,52px);display:flex}.site-nav a{letter-spacing:.14em;text-transform:uppercase;padding-block:12px;font-size:.78rem;font-weight:600;text-decoration:none;position:relative}.site-nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .35s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.menu-button{width:48px;height:48px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:none}.menu-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:28px}.menu-button__line{transform-box:fill-box;transform-origin:50%;transition:transform .28s cubic-bezier(.4,0,.2,1)}.menu-button[aria-expanded=true] .menu-button__line--top{transform:translateY(7px)rotate(45deg)}.menu-button[aria-expanded=true] .menu-button__line--bottom{transform:translateY(-7px)rotate(-45deg)}.hero{min-height:100svh;color:var(--white);align-items:end;display:grid;position:relative;overflow:hidden}.hero:after{z-index:0;content:"";background-image:linear-gradient(#0c140f85 0%,#0c140f00 18%),linear-gradient(90deg,#0c140fb3 0%,#0c140f57 35%,#0c140f00 68%),linear-gradient(#0c140f00 58%,#0c140f8c 100%);position:absolute;inset:0}.hero__media,.hero__media picture{width:100%;height:100%;display:block;position:absolute;inset:0}.hero__content{z-index:1;width:min(100% - 48px,1380px);margin-inline:auto;padding:170px 0 clamp(90px,12vh,150px);position:relative}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px;font-size:.78rem;font-weight:600}.hero h1{max-width:1020px;font-family:var(--serif);letter-spacing:-.055em;text-transform:uppercase;margin:0 0 44px;font-size:clamp(4.5rem,9.4vw,9rem);font-weight:600;line-height:.82}h1 em,h2 em,h3 em{font-weight:600}.button{letter-spacing:.13em;text-transform:uppercase;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:14px 26px;font-size:.78rem;font-weight:600;line-height:1;text-decoration:none;transition:background .3s,color .3s,transform .3s;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:22px;transition:transform .3s}.button:hover{transform:translateY(-2px)}.button:hover svg{transform:translate(4px)}.button--light{backdrop-filter:blur(8px);background:#1b281f7a}.button--light:hover{background:var(--white);color:var(--forest)}.scroll-cue{z-index:1;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:14px;min-width:44px;min-height:44px;font-size:.72rem;text-decoration:none;display:flex;position:absolute;bottom:38px;right:clamp(24px,4vw,72px)}.scroll-cue svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.4px;width:22px;animation:2s ease-in-out infinite float}main{isolation:isolate;position:relative}main:before{z-index:20;content:"";opacity:.018;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.section{padding-block:clamp(92px,11vw,170px)}.section-heading{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);align-items:end;gap:clamp(48px,8vw,130px);margin-bottom:clamp(84px,10vw,150px);display:grid}.section-heading h2,.routes__heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(3.5rem,7.5vw,7.4rem);font-weight:600;line-height:.92}.section-heading p,.routes__heading p{color:#5f6b63;max-width:520px;margin:0 0 10px;font-size:clamp(1rem,1.4vw,1.25rem)}.place--lake{background:var(--terracotta);color:#fff8f0;margin-bottom:clamp(100px,12vw,180px)}.place--lake__content{grid-template-columns:80px minmax(300px,480px) minmax(360px,1fr);align-items:center;gap:clamp(32px,5vw,84px);min-height:580px;padding-block:clamp(64px,8vw,110px);display:grid;position:relative;overflow:hidden}.place__number{letter-spacing:.18em;align-self:start;padding-top:10px;font-size:.72rem;font-weight:600}.place--lake h3,.place__copy h3{font-family:var(--serif);letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(3.5rem,6.7vw,7rem);font-weight:600;line-height:.88}.place h3 a{text-decoration:none}.place--lake p,.place__copy p{max-width:510px;margin:0;font-size:clamp(1rem,1.35vw,1.2rem)}.place--lake__media{height:min(36vw,500px);box-shadow:var(--shadow);border-radius:48% 48% 28px 28px;margin:0;overflow:hidden}.place--lake__media picture,.place__media picture,.gallery picture{width:100%;height:100%;display:block}.places-list{gap:clamp(110px,14vw,220px);display:grid}.place--image{grid-template-columns:repeat(12,1fr);align-items:center;gap:24px;display:grid}.place__media{height:clamp(450px,56vw,760px);box-shadow:var(--shadow);border-radius:42px;grid-column:1/span 7;margin:0;overflow:hidden}.place__media img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.place--image:hover .place__media img{transform:scale(1.025)}.place--image:first-child .place__media,.place--image:nth-child(6) .place__media{border-radius:280px 280px 38px 38px}.place--image:nth-child(3) .place__media{border-radius:38px 220px 38px 38px;height:clamp(520px,62vw,820px)}.place--image:nth-child(4) .place__media{border-radius:38px 220px 220px 38px}.place__copy{grid-column:9/-1;align-self:center}.place__copy .place__number{color:var(--terracotta);margin-bottom:clamp(36px,5vw,74px)}.place__copy h3{font-size:clamp(3.1rem,5.6vw,5.8rem)}.place__copy p{color:#667169}.place--image:nth-child(2n) .place__media{grid-column:6/-1}.place--image:nth-child(2n) .place__copy{grid-area:1/1/auto/span 4}.place--image:nth-child(6) .place__media{grid-column:7/-1}.place--image:nth-child(6) .place__copy{grid-column:1/span 5}.place--image:nth-child(6) .place__copy h3{font-size:clamp(2.8rem,4.6vw,4.6rem)}.routes{background:var(--forest);color:#f5f0e7;margin-top:clamp(80px,10vw,160px);position:relative}.routes__heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:clamp(70px,8vw,110px);display:flex}.routes__heading h2{font-size:clamp(3.6rem,7vw,7rem)}.routes__heading p{color:#b9c0ba}.button--terracotta{border-color:var(--terracotta);background:var(--terracotta);color:var(--white)}.button--terracotta:hover{background:0 0}.section-heading--compact{margin-bottom:clamp(70px,8vw,110px)}.travel-options{border-top:1px solid var(--stone);grid-template-columns:repeat(3,1fr);display:grid}.travel-options article{padding:38px clamp(24px,3vw,50px) 0 0}.travel-options article+article{border-left:1px solid var(--stone);padding-left:clamp(24px,3vw,50px)}.travel-options span{color:var(--terracotta);letter-spacing:.16em;font-size:.72rem;font-weight:600}.travel-options h3{font-family:var(--serif);margin:38px 0 18px;font-size:clamp(2rem,3vw,3rem);font-weight:600}.travel-options p{color:#657168;margin:0}.gallery{background:var(--paper);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,1fr);grid-template-areas:"petushok petushok alley""lake park alley""dante river quote";gap:8px;height:clamp(720px,58vw,840px);padding:8px;display:grid}.gallery figure{min-height:0;margin:0;overflow:hidden}.gallery__wide{grid-area:petushok}.gallery__tall{grid-area:alley}.gallery__lake{grid-area:lake}.gallery__park{grid-area:park}.gallery__dante{grid-area:dante}.gallery__river{grid-area:river}.gallery__quote{background:var(--clay);text-align:center;flex-direction:column;grid-area:quote;justify-content:center;align-items:center;padding:28px;display:flex}.gallery__quote p{font-family:var(--serif);margin:0 0 24px;font-size:clamp(1.8rem,2.6vw,3rem);line-height:.95}.gallery__quote a{letter-spacing:.13em;text-transform:uppercase;align-items:center;min-height:44px;font-size:.75rem;font-weight:600;display:inline-flex}.site-footer{color:#f3efe7;background:#202c24;padding:clamp(70px,8vw,110px) 0 30px}.footer__top{grid-template-columns:1fr 1fr auto;align-items:start;gap:50px;padding-bottom:70px;display:grid}.footer__top p{color:#aeb7b0;margin:0}.footer__top>a:last-child{letter-spacing:.12em;text-transform:uppercase;align-items:center;min-height:44px;font-size:.77rem;font-weight:600;display:inline-flex}.photo-credits{color:#8e9a91;border-top:1px solid #ffffff24;justify-content:space-between;gap:40px;padding-top:24px;font-size:.72rem;display:flex}.photo-credits p{max-width:900px;margin:0}.photo-credits a{align-items:center;min-width:44px;min-height:44px;margin-block:-14px;display:inline-flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:no-preference){.place--image,.travel-options article{animation:linear both reveal view();animation-range:entry 5% cover 28%}@keyframes reveal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}}@media (width<=900px){.section-heading{grid-template-columns:minmax(0,1fr);gap:34px}.place--lake__content{grid-template-columns:80px minmax(0,1fr)}.place--lake__media{grid-column:1/-1;height:min(70vw,520px)}.place--image{grid-template-columns:minmax(0,1fr);min-width:0}.place__media,.place--image:nth-child(2n) .place__media,.place--image:nth-child(6) .place__media{grid-area:1/1;height:min(76vw,650px)}.place__copy,.place--image:nth-child(2n) .place__copy,.place--image:nth-child(6) .place__copy{grid-area:2/1;max-width:640px;padding-top:32px}.place--image:nth-child(2n) .place__copy{margin-left:auto}.routes__heading{flex-direction:column;align-items:start}.travel-options{grid-template-columns:1fr}.travel-options article{border-bottom:1px solid var(--stone);padding:34px 0}.travel-options article+article{border-left:0;padding-left:0}.gallery{grid-template-rows:repeat(4,clamp(190px,28vw,260px)) minmax(190px,auto);grid-template-columns:repeat(2,1fr);grid-template-areas:"petushok petushok""alley lake""alley park""dante river""quote quote";height:auto;min-height:0}}@media (width<=767px){:root{--container:min(calc(100% - 32px), 1280px)}body{font-size:17px}.site-header{padding:20px 18px;position:absolute}.brand{font-size:1.45rem}.menu-button{z-index:12;display:inline-flex;position:relative}.menu-button[aria-expanded=true]{color:var(--forest)}.site-nav{z-index:11;background:var(--paper);color:var(--forest);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:90px 28px 40px;position:fixed;inset:0}.site-nav a{border-bottom:1px solid var(--stone);width:100%;font-family:var(--serif);letter-spacing:-.025em;text-transform:none;font-size:clamp(2.2rem,11vw,4rem);font-weight:600}.hero{min-height:max(680px,100svh)}.hero__media img{object-position:58% center}.hero__content{width:min(100% - 36px,1380px);padding:150px 0 110px}.hero h1{margin-bottom:36px;font-size:clamp(4.1rem,19vw,5.9rem);line-height:.84}.hero--page h1{font-size:clamp(2rem,10.5vw,4.8rem)}.button{gap:18px;padding-inline:22px}.scroll-cue{bottom:22px;right:20px}.section{padding-block:84px}.section-heading{margin-bottom:70px}.section-heading h2,.routes__heading h2{font-size:clamp(3rem,13vw,4.5rem)}.place--lake{margin-bottom:90px}.place--lake__content{grid-template-columns:42px minmax(0,1fr);align-content:start;gap:20px;min-height:0}.place--lake h3{font-size:clamp(3.7rem,18vw,5.3rem)}.place--lake p{z-index:1;position:relative}.place--lake__media{border-radius:44% 44% 24px 24px;grid-column:1/-1;height:82vw;margin-top:26px}.places-list{gap:100px}.place__media,.place--image:nth-child(2n) .place__media,.place--image:nth-child(6) .place__media{height:110vw;max-height:620px}.place--image:nth-child(4) .place__media{border-radius:32px 120px 120px 32px}.place--image:nth-child(3) .place__media{border-radius:32px 120px 32px 32px}.place__copy h3{font-size:clamp(2.7rem,13vw,4.2rem)}.gallery{grid-template-rows:min(64vw,280px) min(96vw,420px) repeat(4,min(64vw,280px)) auto;grid-template-columns:1fr;grid-template-areas:"petushok""alley""lake""park""dante""river""quote"}.gallery__quote{min-height:220px;padding:28px 24px}.footer__top{grid-template-columns:1fr;gap:28px}.photo-credits{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
