.dot-line{width:fit-content;height:var(--size);display:flex;flex-direction:row;align-items:center;opacity:.75}.dot-line .line{width:1px;height:100%;background-color:var(--color);transition:all var(--speed) ease-in-out}.dot-line .dot{width:3px;aspect-ratio:1;border-radius:999px;background-color:var(--color)}.dot-line.down{height:var(--size);flex-direction:column}.dot-line.down .line{width:1px;height:100%;transform-origin:top}.dot-line.down .line.observe{height:0px}.dot-line.up{height:var(--size);flex-direction:column-reverse}.dot-line.up .line{width:1px;height:100%;transform-origin:bottom}.dot-line.up .line.observe{height:0px}.dot-line.right{width:var(--size);height:fit-content;flex-direction:row}.dot-line.right .line{width:100%;height:1px;transform-origin:left}.dot-line.right .line.observe{width:0px}.dot-line.left{width:var(--size);height:fit-content;flex-direction:row-reverse}.dot-line.left .line{width:100%;height:1px;transform-origin:right}.dot-line.left .line.observe{width:0px}@media (max-width: 1024px) and (orientation: portrait){.dot-line.up,.dot-line.down{height:var(--size_mobile)}.dot-line.left,.dot-line.right{width:var(--size_mobile)}}[data-c-section-hero]{width:100%;height:100vh;height:100svh}[data-c-section-hero] .wrapper{margin-top:110px;color:#e9e6dd;text-align:center}[data-c-section-hero] .wrapper p{font-size:clamp(14px,1.0416666667vw,15px);line-height:1.4em;width:min(100%,50ch);margin-inline:auto;margin-top:10px}[data-c-section-hero] .btn-gallery{font-family:Bodoni Ferrara Display,serif;color:#e9e6dd;left:70px;bottom:70px;gap:15px;font-size:clamp(12px,.9722222222vw,14px);font-weight:300}[data-c-section-hero] .btn-gallery .icon{width:35px;aspect-ratio:1;border:1px solid rgb(from #E9E6DD r g b/.4)}[data-c-section-hero] .btn-gallery span{writing-mode:vertical-lr;rotate:180deg}[data-c-section-hero] .dark-overlay{background-image:linear-gradient(#00000026,#000000b3)}@media (max-width: 1024px) and (orientation: portrait){[data-c-section-hero]{height:90vh;height:90svh}[data-c-section-hero] .wrapper{margin-top:100px;padding-inline:35px}[data-c-section-hero] .wrapper p{padding-inline:25px}[data-c-section-hero] .btn-gallery{left:15px;bottom:20px;gap:10px}[data-c-section-hero] .btn-gallery .icon{width:26px}[data-c-section-hero] .btn-gallery .icon .icon-gallery{width:13px}}