:root{--color-bg:#121212;--color-bg-secondary:#1e1e1e;--color-text-primary:#f5f5f3;--color-text-secondary:#a0a0a0;--color-accent:#c4a962;--color-accent-hover:#d4b972;--font-heading:"Cinzel", serif;--font-body:"Inter", sans-serif;--font-japanese:"Zen Mincho", serif}*{box-sizing:border-box;margin:0;padding:0}main{width:100%;position:relative;overflow:hidden}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"palt" 1;text-rendering:optimizelegibility;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.2}.font-japanese{font-family:var(--font-japanese)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.bg-secondary{background-color:var(--color-bg-secondary)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .3s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.header{z-index:1000;width:100%;padding:2rem 0;transition:all .4s;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);background-color:#121212d9;border-bottom:1px solid #ffffff0d;padding:1rem 0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-japanese);color:#fff;letter-spacing:.1em;z-index:1002;font-size:1.5rem;font-weight:500}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{align-items:center;gap:2.5rem;display:flex}}.nav-link{letter-spacing:.1em;text-transform:uppercase;color:#fffc;font-size:.85rem;position:relative}.nav-link:after{content:"";background-color:var(--color-accent);width:0%;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-cta{color:#fff;border:1px solid #fff;border-radius:50px;padding:.6rem 1.4rem;transition:all .3s}.nav-cta:after{display:none}.nav-cta:hover{color:#000;background-color:#fff}.mobile-menu-btn{color:#fff;z-index:1002;display:block}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{z-index:1001;background-color:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-close-btn{color:#fff;cursor:pointer;z-index:1003;background:0 0;border:none;position:absolute;top:2rem;right:2rem}.mobile-menu-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-link{font-family:var(--font-heading);color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:1.5rem}.hero{background-color:#000;width:100%;height:100vh;position:relative;overflow:hidden}.hero-bg-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:1;background:linear-gradient(#0006 0%,#0003 50%,#000000b3 100%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.15)}}.hero-content{text-align:center;color:#fff;z-index:10;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 2rem;display:flex;position:relative}.hero-subtitle{font-family:var(--font-body);letter-spacing:.4em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 2px 4px #00000080;margin-bottom:1.5rem;font-size:.85rem}.hero-title{font-family:var(--font-japanese);letter-spacing:.15em;text-shadow:0 4px 20px #0009;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,6rem);font-weight:500;line-height:1.2}.hero-title-en{font-family:var(--font-heading);letter-spacing:.3em;opacity:.8;font-size:1.1rem;font-weight:300}.scroll-indicator{z-index:10;flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-text{letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px #00000080;font-size:.85rem;font-weight:400}.scroll-line{background:linear-gradient(#fff 0%,#fff0 100%);width:1px;height:80px;animation:2s cubic-bezier(.77,0,.175,1) infinite scrollPulse}@keyframes scrollPulse{0%{transform-origin:top;opacity:0;transform:scaleY(0)}20%{opacity:1}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.intro{background-color:var(--color-bg);padding:10rem 0;overflow:hidden}.intro-container{z-index:2;grid-template-columns:1fr;gap:6rem;display:grid;position:relative}@media (min-width:900px){.intro-container{grid-template-columns:1fr 1.2fr;align-items:center}}.intro-content{z-index:2;position:relative}.intro-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.2rem;margin-bottom:2rem;font-size:.8rem;display:block}.intro-heading{font-family:var(--font-japanese);margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);line-height:1.5}.intro-desc{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:2}.intro-visuals{width:100%;height:600px;position:relative}.intro-img-main{object-fit:cover;z-index:1;border-radius:4px;width:85%;height:85%;position:absolute;top:0;right:0}.intro-img-sub{object-fit:cover;z-index:2;border:10px solid var(--color-bg);border-radius:4px;width:50%;height:50%;position:absolute;bottom:0;left:0;box-shadow:20px 20px 60px #00000080}.intro-decoration{border:1px solid var(--color-accent);opacity:.2;z-index:0;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.gallery{background-color:var(--color-bg);padding:10rem 0}.gallery .container{z-index:2;position:relative}.gallery-header{text-align:center;margin-bottom:5rem}.gallery-subtitle{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;display:block}.gallery-title{font-family:var(--font-japanese);font-size:2.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:300px;gap:1.5rem;display:grid}@media (min-width:768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-item{background-color:#222;border-radius:4px;position:relative;overflow:hidden}.gallery-item.wide,.gallery-item.tall{grid-area:auto}.gallery-img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.gallery-item:hover .gallery-img{opacity:1;transform:scale(1.1)}.gallery-item:after{content:"";pointer-events:none;background:#0003;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.gallery-item:hover:after{opacity:0}.rooms{background-color:#0d0d0d;padding:10rem 0}.rooms .container{z-index:2;position:relative}.rooms-header{text-align:center;margin-bottom:6rem}.rooms-subtitle{letter-spacing:.25em;color:var(--color-accent);text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;display:block}.rooms-title{font-family:var(--font-japanese);font-size:2.5rem;font-weight:500}.rooms-container-inner{flex-direction:column;gap:8rem;display:flex}.room-unit{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:900px){.room-unit{grid-template-columns:1.2fr 1fr;gap:5rem}.room-unit.reverse{grid-template-columns:1fr 1.2fr}.room-unit.reverse .room-image-wrapper{order:2}.room-unit.reverse .room-content{text-align:right;order:1;padding-right:2rem}.room-unit:not(.reverse) .room-content{padding-left:2rem}}.room-image-wrapper{border-radius:4px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.room-image{width:100%;height:auto;transition:transform .8s cubic-bezier(.25,.46,.45,.94);display:block}.room-image-wrapper:hover .room-image{transform:scale(1.05)}.room-content{color:#fff}.room-type-label{font-family:var(--font-heading);letter-spacing:.2em;color:#ffffff80;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;display:block}.room-name{font-family:var(--font-japanese);margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.room-desc{color:var(--color-text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.8}.room-features{flex-wrap:wrap;gap:1.5rem;display:flex}@media (min-width:900px){.room-unit.reverse .room-features{justify-content:flex-end}}.feature-item{color:#ddd;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.features{background-color:#1a1a1a;padding:10rem 0;position:relative;overflow:hidden}.features:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#c4a9620d,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.features-intro{text-align:left;margin-bottom:8rem}.features .container{z-index:2;position:relative}.section-subtitle{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.85rem;display:block}.section-title{font-family:var(--font-japanese);font-size:clamp(2.5rem,5vw,4rem);line-height:1.2}.features-list{flex-direction:column;display:flex}.feature-row{border-top:1px solid #ffffff1a;grid-template-columns:1fr;gap:2rem;padding:4rem 0;transition:background-color .3s;display:grid}.feature-row:last-child{border-bottom:1px solid #ffffff1a}@media (min-width:900px){.feature-row{grid-template-columns:100px 1fr;gap:4rem}}.feature-number{font-family:var(--font-heading);color:#ffffff1a;font-size:3rem;line-height:1}.feature-content{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:900px){.feature-content{grid-template-columns:.8fr 1.2fr;align-items:start}.feature-desc{grid-area:1/2/span 2}.feature-tags{grid-column:2}}.feature-header{flex-direction:column;gap:1.5rem;display:flex}.feature-icon-box{width:64px;height:64px;color:var(--color-accent);border:1px solid #c4a9624d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.feature-titles{flex-direction:column;display:flex}.feature-title-ja{font-family:var(--font-japanese);margin-bottom:.5rem;font-size:1.8rem}.feature-title-en{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.8rem}.feature-desc{color:#ccc;margin-bottom:2rem;font-size:.95rem;line-height:1.9}.feature-tags{flex-wrap:wrap;grid-column:1/-1;gap:.75rem;list-style:none;display:flex}@media (min-width:900px){.feature-tags{grid-column:2}}.feature-tags li{color:var(--color-text-secondary);white-space:nowrap;border:1px solid #ffffff26;border-radius:50px;padding:.5rem 1rem;font-size:.75rem}.reservation{background-color:#000;padding:10rem 0;position:relative;overflow:hidden}.reservation-bg-layer{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.reservation-bg-img{object-fit:cover;opacity:.5;filter:blur(8px)brightness(.6);width:100%;height:100%;transform:scale(1.1)}.reservation-container{z-index:2;position:relative}.reservation-subtitle{color:var(--color-accent);letter-spacing:.3em;text-transform:uppercase;text-align:center;margin-bottom:1.5rem;font-size:.85rem;display:block}.reservation-title{font-family:var(--font-japanese);text-align:center;margin-bottom:5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500}.ota-grid{flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto;display:flex}@media (min-width:768px){.ota-grid{flex-direction:row;justify-content:center;align-items:stretch}}.ota-card{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:3rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a}.ota-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.ota-card:hover:before{left:100%}.ota-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.ota-logo-wrapper{background-color:#fff;border-radius:4px;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:2rem;padding:12px;transition:transform .3s;display:flex}.ota-card:hover .ota-logo-wrapper{transform:scale(1.02)}.ota-card.booking .ota-logo-wrapper{padding:6px}.ota-logo{object-fit:contain;max-width:100%;max-height:100%;display:block}.ota-desc{color:#ffffffb3;text-align:center;letter-spacing:.05em;margin-bottom:2rem;font-size:.9rem;font-weight:300}.ota-btn{text-transform:uppercase;letter-spacing:.15em;color:#fff;z-index:2;background:0 0;border:1px solid #ffffff4d;border-radius:50px;padding:1rem 2rem;font-size:.75rem;transition:all .3s;position:relative;overflow:hidden}.ota-btn:after{content:"";z-index:-1;background-color:#fff;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.ota-card:hover .ota-btn:after{width:100%}.ota-card:hover .ota-btn{color:#000;border-color:#fff}.location{color:#fff;background-color:#121212;border-top:1px solid #ffffff0d;padding:10rem 0;position:relative;overflow:hidden}.location-bg-circle{border:1px solid var(--color-accent);opacity:.05;z-index:0;pointer-events:none;border-radius:50%;width:700px;height:700px;position:absolute;top:-20%;left:-200px}.location-bg-circle-2{opacity:.2;z-index:0;pointer-events:none;border:1px dashed #fff6;border-radius:50%;width:300px;height:300px;position:absolute;bottom:0%;right:-100px}.location .container{z-index:2;position:relative}.location-grid{flex-direction:column;gap:6rem;display:flex}@media (min-width:900px){.location-grid{flex-direction:row;align-items:center;gap:8rem}}.location-info{flex:1}.location-subtitle{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.85rem;display:block}.location-title{font-family:var(--font-japanese);margin-bottom:4rem;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.2}.location-data-list{flex-direction:column;gap:2.5rem;margin-bottom:4rem;display:flex}.location-item{border-left:1px solid #fff3;padding-left:2rem;position:relative}.location-label{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.8rem;font-size:.8rem;display:block}.location-value{font-size:1rem;line-height:1.8}.location-value-group{flex-direction:column;gap:.8rem;display:flex}.access-line{align-items:center;gap:1rem;font-size:1rem;display:flex}.access-icon{color:var(--color-accent)}.location-btn{text-transform:uppercase;letter-spacing:.1em;color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:.8rem;padding:1.2rem 3rem;font-size:.8rem;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.location-btn:hover{color:#000;background-color:#fff;border-color:#fff}.map-wrapper{border-radius:8px;flex:1.2;height:500px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.map-frame{filter:grayscale()invert(0%)brightness(.8)contrast(1.2);border:0;width:100%;height:100%;transition:filter .7s}.map-wrapper:hover .map-frame{filter:grayscale(0%)invert(0%)brightness()contrast()}.map-overlay{pointer-events:none;z-index:10;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #000c}.map-wrapper:hover .map-overlay{opacity:0}.footer{color:#fff;background-color:#050505;border-top:1px solid #ffffff1a;padding:8rem 0 0;position:relative;overflow:hidden}.footer .container{z-index:2;flex-direction:column;display:flex;position:relative}.footer-top{flex-direction:column;gap:4rem;margin-bottom:6rem;display:flex}@media (min-width:900px){.footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{flex-direction:column;gap:1.5rem;display:flex}.footer-logo-ja{font-family:var(--font-japanese);font-size:2.5rem;font-weight:500}.footer-logo-en{font-family:var(--font-heading);letter-spacing:.25em;color:var(--color-accent);text-transform:uppercase;font-size:.85rem}.footer-address{color:var(--color-text-secondary);font-feature-settings:"palt";margin-top:1rem;font-size:.9rem;line-height:1.8}.footer-tel{color:#fff;margin-top:.5rem}.footer-nav-wrapper{flex-wrap:wrap;gap:4rem;display:flex}.footer-nav-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.footer-nav-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:#555;margin-bottom:1rem;font-size:.75rem}.footer-link{color:#bbb;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.footer-link:before{content:"";background-color:var(--color-accent);width:0%;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-link:hover{color:#fff}.footer-link:hover:before{width:100%}.footer-divider{background:#ffffff1a;width:100%;height:1px;margin-bottom:2rem}.footer-bottom{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copy{color:#444;letter-spacing:.05em;font-size:.75rem}.back-to-top{text-transform:uppercase;letter-spacing:.2em;color:#fff;align-items:center;gap:.5rem;font-size:.75rem;transition:color .3s;display:flex}.back-to-top .arrow{transition:transform .3s}.back-to-top:hover{color:var(--color-accent)}.back-to-top:hover .arrow{transform:translateY(-5px)}.footer-big-text{font-family:var(--font-heading);color:#111;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5;width:100%;margin-bottom:-2rem;font-size:clamp(4rem,15vw,12rem);font-weight:900;line-height:.8}.video-section{background-color:#000;width:100%;height:100vh;position:relative;overflow:hidden}.video-section:before,.video-section:after{content:"";z-index:5;pointer-events:none;--frame-offset:clamp(1.5rem, 4vw, 3rem);--frame-size:60px;background: linear-gradient(var(--color-accent), var(--color-accent)) var(--frame-offset) 0 / 1px var(--frame-size) no-repeat,  linear-gradient(var(--color-accent), var(--color-accent)) var(--frame-offset) 0 / var(--frame-size) 1px no-repeat,  linear-gradient(var(--color-accent), var(--color-accent)) calc(100% - var(--frame-offset)) 0 / 1px var(--frame-size) no-repeat,  linear-gradient(var(--color-accent), var(--color-accent)) calc(100% - var(--frame-offset)) 0 / var(--frame-size) 1px no-repeat;opacity:.3;height:60px;position:absolute;left:0;right:0}.video-section:before{top:var(--frame-offset)}.video-section:after{bottom:var(--frame-offset);transform:scaleY(-1)}.video-media{will-change:transform;width:100%;height:130%;position:absolute;top:-15%;left:0}.video-media video{object-fit:cover;width:100%;height:100%;display:block}.video-overlay{pointer-events:none;z-index:2;background:radial-gradient(#0000 40%,#00000080 100%),linear-gradient(170deg,#000000b3 0%,#0003 40%,#0000001a 60%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.video-caption{z-index:10;color:#fff;text-align:left;padding:0 clamp(2rem,8vw,8rem);position:absolute;bottom:15%;left:0}.video-caption-line{background-color:var(--color-accent);transform-origin:0;width:60px;height:1px;margin-bottom:1.5rem}.video-caption-label{font-family:var(--font-heading);letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem;font-size:.8rem}.video-caption-title{font-family:var(--font-japanese);text-shadow:0 2px 12px #0009;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.6}.video-caption-subtitle{font-family:var(--font-body);color:var(--color-text-secondary);letter-spacing:.05em;text-shadow:0 1px 6px #00000080;font-size:clamp(.85rem,1.5vw,1rem);font-style:italic}@media (max-width:768px){.video-section{height:80vh}.video-section:before,.video-section:after{--frame-size:40px;height:40px}.video-caption{padding:0 1.5rem;bottom:10%}}@media (max-width:480px){.video-section{height:70vh}.video-section:before,.video-section:after{--frame-size:30px;height:30px}}@media (prefers-reduced-motion:reduce){.video-media{will-change:auto}}.scenic-break{background-color:#000;justify-content:center;align-items:center;width:100%;height:80vh;display:flex;position:relative;overflow:hidden}.scenic-bg-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.scenic-bg{object-fit:cover;opacity:.7;width:100%;height:120%;position:absolute;top:-10%;left:0}.scenic-overlay{z-index:1;background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.scenic-content{z-index:2;text-align:center;color:#fff;padding:0 2rem;position:relative}.scenic-caption{font-family:var(--font-heading);letter-spacing:.3em;text-transform:uppercase;color:#ffffffe6;margin-bottom:2rem;font-size:.9rem}.scenic-quote{font-family:var(--font-japanese);text-shadow:0 4px 10px #0000004d;font-size:clamp(2rem,5vw,3.5rem);line-height:1.6}.bg-decoration-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-circle{border:1px solid var(--color-accent);opacity:.15;border-radius:50%;position:absolute}.circle-1{opacity:.1;width:500px;height:500px;top:110vh;right:-5vw}.circle-2{opacity:.08;border-width:2px;width:200px;height:200px;top:150vh;left:5%}.circle-3{border-color:#ffffff26;width:400px;height:400px;top:220vh;left:-100px}.circle-4{opacity:.1;border-style:dotted;width:150px;height:150px;top:260vh;right:15%}.circle-5{opacity:.05;width:600px;height:600px;top:320vh;right:-10%}.circle-6{border-color:#555;width:250px;height:250px;top:380vh;left:10%}.circle-7{opacity:.08;width:450px;height:450px;top:450vh;left:-5%}.circle-8{opacity:.04;border-width:3px;width:180px;height:180px;top:500vh;right:20%}.circle-9{opacity:.1;width:350px;height:350px;top:580vh;right:-50px}.circle-10{opacity:.06;border-style:dashed;width:220px;height:220px;top:620vh;left:15%}.circle-11{display:none}.circle-12{border-color:#fff3;width:400px;height:400px;top:auto;bottom:-150px;right:-50px}.circle-destination{opacity:.08;border:1px solid var(--color-accent);width:500px;height:500px;top:590vh;left:-100px}