/* YANORA / an orbital gallery of original website concepts. */
.header{background:#f8faf5eF;border-bottom-color:#dfe5db;backdrop-filter:blur(12px)}
.orbit-hero.hero{position:relative;isolation:isolate;display:block;width:100%;max-width:none;margin:0;padding:0;height:clamp(780px,calc(100svh - 78px),940px);min-height:780px;overflow:hidden;background:#f8faf5;border-bottom:1px solid #dfe5db}
.orbit-coordinate{position:absolute;top:26px;z-index:4;font-size:9px;letter-spacing:.09em;line-height:1.7;color:#727b6d;pointer-events:none}.orbit-coordinate-left{left:var(--gutter)}.orbit-coordinate-right{right:var(--gutter);text-align:right}
.orbit-copy{position:absolute;z-index:3;left:50%;top:49%;transform:translate(-50%,-50%);width:min(680px,60%);text-align:center;pointer-events:none}
.orbit-copy:before{content:"";position:absolute;inset:-32px -25px;z-index:-1;background:radial-gradient(ellipse at center,#f8faf5 40%,#f8faf5ed 57%,#f8faf500 73%);pointer-events:none}
.orbit-eyebrow{font-size:10px;letter-spacing:.13em;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px}.orbit-hero.hero h1{font-size:clamp(48px,4.75vw,72px);line-height:1.02;letter-spacing:-.062em;font-weight:500}.orbit-hero h1 span{display:block;color:#5d773e}
.orbit-description{display:flex;flex-direction:column;align-items:center;gap:6px;color:#626b5c;line-height:1.38;margin-top:24px}.orbit-description-main{position:relative;z-index:0;display:inline-flex;align-items:center;gap:10px;color:#18251d;font-size:clamp(19px,1.55vw,23px);font-weight:600;letter-spacing:-.025em}.orbit-description-main:before{content:"";width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#aefa38;box-shadow:0 0 0 0 rgba(174,250,56,.5);animation:orbit-lead-pulse 2.4s ease-out infinite}.orbit-description-main:after{content:"";position:absolute;z-index:-1;left:18px;right:-5px;bottom:1px;height:8px;border-radius:8px;background:linear-gradient(90deg,rgba(174,250,56,.12),rgba(174,250,56,.65),rgba(174,250,56,.16));transform:scaleX(.22);transform-origin:left;animation:orbit-copy-swipe 4.6s cubic-bezier(.22,.72,.22,1) infinite}.orbit-description-support{font-size:clamp(15px,1.15vw,18px);color:#556052}.orbit-offer{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px}.orbit-offer strong{font-size:31px;font-weight:550;letter-spacing:-.05em;line-height:1.2}.orbit-offer>span{font-size:11px;max-width:125px;text-align:left;line-height:1.4;color:#626b5c}
.orbit-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:23px;pointer-events:auto}.orbit-actions .primary{background:#baff46;border:1px solid #9fdf2c;min-width:215px;box-shadow:0 15px 35px rgba(141,202,42,.24)}.orbit-actions .primary:hover{background:#c9ff6d;border-color:#a9e83b;box-shadow:0 19px 43px rgba(141,202,42,.34)}.orbit-details{font-size:12px;text-decoration:none;padding:12px 0;border-bottom:1px solid #aab89c}
.orbit-stage{position:absolute;inset:0;perspective:1100px;cursor:grab;touch-action:pan-y;outline-offset:-5px;user-select:none;-webkit-user-select:none}.orbit-stage:active{cursor:grabbing}.orbit-stage:focus-visible{outline:2px solid #759653}.orbit-field{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.orbit-track{position:absolute;width:96%;height:67%;left:2%;top:17%;border:1px solid #c4cdbd66;border-radius:50%;transform:rotate(-9deg);pointer-events:none}.orbit-track:after{content:"";position:absolute;inset:20px -18px;border:1px solid #d0d9c73b;border-radius:50%}
.orbit-card{position:absolute;left:50%;top:50%;width:clamp(200px,19vw,294px);background:#fff;border:1px solid #ffffff;border-radius:7px;overflow:hidden;box-shadow:0 15px 32px -12px #283c353e,0 2px 3px #2333250d;backface-visibility:hidden;transform:translate(-50%,-50%);will-change:transform,opacity}.orbit-card img{width:100%;aspect-ratio:1.44;object-fit:cover;pointer-events:none}.orbit-card-bar{height:23px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#53604a;font-size:6px;letter-spacing:.06em}.orbit-card-dots{font-size:13px;letter-spacing:2px;color:#bec7b6}.orbit-card-caption{display:flex;justify-content:space-between;padding:7px 9px;font-size:6px;color:#677260;letter-spacing:.06em}
.orbit-bottom{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:22px;display:flex;align-items:center;gap:20px;font-size:10px;color:#626b5c}.orbit-bottom>p{display:flex;align-items:center;gap:10px}.orbit-cross{display:block;width:24px;height:24px;object-fit:contain}.orbit-toggle{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid #cbd4c2;border-radius:30px;background:#f8faf5e8;padding:9px 15px;min-height:40px;font-size:10px}.orbit-toggle:hover{background:#e7efdF}.orbit-toggle-icon{font-size:13px;width:10px;text-align:center}.orbit-scroll{width:40px;height:40px;display:grid;place-items:center;border:1px solid #cbd4c2;border-radius:50%;font-size:20px;text-decoration:none}
@media(min-width:1600px){.orbit-card{width:320px}.orbit-copy{width:710px}}
@media(max-width:1000px) and (min-width:701px){.orbit-hero.hero{height:820px;min-height:820px}.orbit-copy{width:72%;top:49%}.orbit-hero.hero h1{font-size:58px}.orbit-card{width:225px}.orbit-coordinate{font-size:8px}.orbit-drag-hint{display:none}}
@media(max-width:700px){.orbit-hero.hero{height:auto;min-height:0;padding:42px 0 0;display:flex;flex-direction:column;gap:0}.orbit-coordinate{display:none}.orbit-copy{position:relative;left:auto;top:auto;transform:none;width:100%;padding:0 22px;pointer-events:auto}.orbit-copy:before{display:none}.orbit-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:22px}.orbit-hero.hero h1{font-size:clamp(38px,9.9vw,52px);line-height:1.035;letter-spacing:-.057em}.orbit-description{gap:8px;margin-top:20px}.orbit-description-main{font-size:18px}.orbit-description-support{max-width:340px;font-size:14px;line-height:1.45}.orbit-description-main:after{left:17px;height:7px}.orbit-offer{margin-top:19px}.orbit-offer strong{font-size:31px}.orbit-actions{margin-top:20px;gap:18px}.orbit-actions .primary{min-width:0;min-height:50px;width:auto;font-size:12px;padding:12px 17px;gap:23px}.orbit-details{font-size:11px}.orbit-stage{position:relative;inset:auto;width:100%;height:385px;margin-top:-6px;flex:none;perspective:800px}.orbit-card{width:175px;border-radius:5px}.orbit-card-bar{height:18px;font-size:5px}.orbit-card-caption{font-size:5px;padding:5px 7px}.orbit-track{height:64%;top:18%;width:125%;left:-12.5%}.orbit-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 20px 22px;gap:10px;font-size:9px}.orbit-bottom>p{gap:7px}.orbit-drag-hint{display:none}.orbit-cross{width:20px;height:20px}.orbit-toggle{padding:8px 12px;min-height:40px;gap:7px}.orbit-scroll{display:none}}
@keyframes orbit-copy-swipe{0%,12%{transform:scaleX(.18);opacity:.25}42%,72%{transform:scaleX(1);opacity:.9}100%{transform:scaleX(.18);opacity:.25}}@keyframes orbit-lead-pulse{0%{box-shadow:0 0 0 0 rgba(174,250,56,.55)}65%,100%{box-shadow:0 0 0 11px rgba(174,250,56,0)}}
@media(prefers-reduced-motion:reduce){.orbit-card{will-change:auto}.orbit-description-main:before,.orbit-description-main:after{animation:none}.orbit-description-main:after{transform:none;opacity:.55}}
/* An authored initial constellation remains useful before JS (or without it). */
.orbit-card:nth-child(1){transform:translate(-50%,-50%) translate3d(42vw,30px,70px) rotateY(-25deg) rotateZ(-6deg)}
.orbit-card:nth-child(2){transform:translate(-50%,-50%) translate3d(34vw,235px,130px) rotateY(-18deg) rotateZ(-3deg)}
.orbit-card:nth-child(3){transform:translate(-50%,-50%) translate3d(12vw,310px,170px) rotateY(-8deg) rotateZ(3deg)}
.orbit-card:nth-child(4){transform:translate(-50%,-50%) translate3d(-15vw,315px,170px) rotateY(10deg) rotateZ(-7deg)}
.orbit-card:nth-child(5){transform:translate(-50%,-50%) translate3d(-35vw,225px,110px) rotateY(23deg) rotateZ(-10deg)}
.orbit-card:nth-child(6){transform:translate(-50%,-50%) translate3d(-46vw,30px,0px) rotateY(26deg) rotateZ(-12deg)}
.orbit-card:nth-child(7){transform:translate(-50%,-50%) translate3d(-45vw,-150px,-180px) rotateY(25deg) rotateZ(-10deg)}
.orbit-card:nth-child(8){transform:translate(-50%,-50%) translate3d(-29vw,-280px,-270px) rotateY(18deg) rotateZ(-8deg)}
.orbit-card:nth-child(9){transform:translate(-50%,-50%) translate3d(-5vw,-310px,-330px) rotateY(3deg) rotateZ(-5deg)}
.orbit-card:nth-child(10){transform:translate(-50%,-50%) translate3d(22vw,-290px,-280px) rotateY(-15deg) rotateZ(-3deg)}
.orbit-card:nth-child(11){transform:translate(-50%,-50%) translate3d(39vw,-230px,-180px) rotateY(-25deg) rotateZ(2deg)}
.orbit-card:nth-child(12){transform:translate(-50%,-50%) translate3d(47vw,-125px,-100px) rotateY(-28deg) rotateZ(3deg)}
.orbit-toggle{min-width:44px;min-height:44px}.orbit-scroll{width:44px;height:44px}.orbit-bottom>p{padding:8px 12px;background:#f8faf5f2;border:1px solid #e4e9df;border-radius:30px}
@media(max-width:700px){
 .orbit-card:nth-child(1){transform:translate(-50%,-50%) translate3d(55vw,0,0) rotateY(-20deg)}
 .orbit-card:nth-child(2){transform:translate(-50%,-50%) translate3d(40vw,90px,80px) rotateY(-15deg) rotateZ(4deg)}
 .orbit-card:nth-child(3){transform:translate(-50%,-50%) translate3d(0,110px,90px) rotateZ(-5deg)}
 .orbit-card:nth-child(4){transform:translate(-50%,-50%) translate3d(-40vw,90px,70px) rotateY(20deg) rotateZ(-10deg)}
 .orbit-card:nth-child(5){transform:translate(-50%,-50%) translate3d(-55vw,0,0) rotateY(24deg) rotateZ(-10deg)}
 .orbit-card:nth-child(6){transform:translate(-50%,-50%) translate3d(-40vw,-130px,-160px) rotateY(15deg) rotateZ(-8deg)}
 .orbit-card:nth-child(7){transform:translate(-50%,-50%) translate3d(0,-150px,-230px) rotateZ(-5deg)}
 .orbit-card:nth-child(9){transform:translate(-50%,-50%) translate3d(40vw,-130px,-160px) rotateY(-15deg) rotateZ(3deg)}
 .orbit-card:nth-child(8),.orbit-card:nth-child(n+10){display:none}
 .orbit-bottom>p{padding:7px 0;background:transparent;border:0;font-size:8px}
 .orbit-toggle{min-height:44px}
}
/* Preserve a compact, readable action row across inherited tablet rules. */
.orbit-actions .primary{width:auto;flex:0 0 auto}
.orbit-details{white-space:nowrap}
.orbit-stage,.orbit-stage:active{cursor:default;touch-action:auto}.orbit-scroll{margin-left:auto}