.circle-section{position:relative;isolation:isolate;max-width:540px;margin:0 auto;overflow:hidden;background:var(--paper);color:var(--green);container-type:inline-size;padding:36px 0 66px}.circle-symbols{position:absolute;overflow:hidden}.circle-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.circle-route-line{fill:none;stroke:var(--yellow);stroke-width:3;stroke-dasharray:7 8;stroke-linecap:round;stroke-linejoin:round}.circle-tree{position:absolute;width:22%;height:auto;pointer-events:none;z-index:0}.circle-tree-top{right:-7%;top:27px}.circle-tree-bottom{left:-4%;bottom:5px;width:25%}
.circle-route{display:none}
.circle-lead{position:relative;z-index:1;text-align:center;padding:0 15px 30px}.circle-lead h2{margin:0;font-size:clamp(24px,7.6cqw,42px);font-weight:900;line-height:1.28;letter-spacing:-.055em}.circle-underline{position:relative;display:inline-block;isolation:isolate}.circle-underline::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-4px;height:6px;border-radius:50%;background:var(--yellow);transform:rotate(-2deg);z-index:-1}.circle-lead p{margin:20px 0 0;font-size:clamp(11px,3.1cqw,16px);font-weight:800;line-height:1.75;letter-spacing:-.015em}.circle-yellow{color:#efa92a}
.circle-steps-wrap{position:relative;z-index:1;padding:0 9px}.circle-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;margin:0}.circle-step{text-align:center;position:relative;min-width:0}.circle-step-number{display:grid;place-items:center;width:9cqw;height:9cqw;max-width:48px;max-height:48px;margin:0 auto 7px;border-radius:50%;background:var(--green);color:var(--paper);font:800 clamp(18px,5cqw,28px) Arial,sans-serif}.circle-step h3{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;min-height:43px;padding:7px 2px 9px;font-size:clamp(10px,2.93cqw,16px);font-weight:900;letter-spacing:-.05em;line-height:1.25}.circle-step h3::before{content:"";position:absolute;inset:0;background:var(--yellow);border-radius:40% 24% 27% 21% / 34% 35% 27% 33%;transform:rotate(-2deg);z-index:-1}.circle-step-media{position:relative;width:100%;height:31cqw;max-height:170px;margin:9px 0 8px;display:grid;place-items:center}.circle-step-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.step-photo{overflow:hidden;border-radius:42% 32% 40% 35% / 28% 34% 33% 37%}.circle-step-media svg{width:100%;height:100%}.step-friends::before{content:"";position:absolute;inset:13% -2% 0;background:#eaf1cf;border-radius:42% 32% 40% 28%;z-index:-1}.step-friends svg{width:88%;height:75%;margin-top:12px}.circle-step p{position:relative;margin:0;padding:0 2px;font-size:clamp(10px,2.72cqw,14.5px);font-weight:800;letter-spacing:-.045em;line-height:1.6}.circle-step-link{position:absolute;width:14%;height:22px;top:7px;z-index:0;fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 5}.step-link-first{left:27%}.step-link-second{left:60%}.circle-step-link .step-arrow{stroke-dasharray:none}
.circle-current{position:relative;z-index:1;margin-top:40px;padding:0 8px}.circle-current-heading{text-align:center;font-size:clamp(19px,5.6cqw,30px);font-weight:900;line-height:1.35;letter-spacing:-.025em;margin:0 20px 20px}.circle-clubs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.circle-club{position:relative;min-width:0;height:65cqw;max-height:350px;padding-bottom:30px}.circle-club-photo{position:absolute;inset:0 0 20px;overflow:hidden;border:3px solid var(--paper);border-radius:37% 24% 28% 24% / 14% 22% 16% 23%;background:#735028}.circle-club:nth-child(2) .circle-club-photo{border-radius:25% 38% 24% 28% / 22% 14% 24% 18%;top:9px}.circle-club-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 42%}.circle-club:nth-child(2) img{object-position:46% 41%}.circle-club-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 42%,transparent 65%,#0003)}.circle-club-caption{position:absolute;left:9%;top:9%;right:4%;margin:0;color:white;font-size:clamp(11px,3cqw,16px);font-weight:900;line-height:1.4;letter-spacing:.015em;transform:rotate(-5deg);text-shadow:0 1px 6px #22130d;z-index:2}.circle-club h4{position:absolute;left:0;right:0;bottom:0;margin:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:6px 3px 7px;line-height:1.25;font-size:clamp(10px,3.15cqw,17px);letter-spacing:-.055em;font-weight:900;background:var(--yellow);border-radius:30% 22% 27% 35% / 38% 26% 37% 30%;transform:rotate(-4deg)}.circle-club h4 svg{width:2.2em;height:2.2em;flex:none}.circle-club:nth-child(2) h4{transform:rotate(-3deg)}.circle-club:nth-child(2) h4 svg{width:1.7em;height:2.2em}
.circle-benefits{padding-top:35px;padding-bottom:66px}.circle-benefits .circle-lead{padding-bottom:27px}.circle-benefits .circle-lead h2{font-size:clamp(26px,8.3cqw,45px)}.circle-perk{position:relative;z-index:1;padding:0 12px;margin:0 0 34px}.circle-perk-title{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:7px;padding:8px 13px 10px;margin:0;color:var(--paper);font-size:clamp(17px,4.8cqw,26px);font-weight:900;line-height:1.3;letter-spacing:-.055em;max-width:100%}.circle-perk-title::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--green);border-radius:32% 21% 33% 20% / 34% 34% 29% 30%;transform:rotate(-2deg)}.circle-perk-title svg{width:1.45em;height:1.45em;flex:none;filter:brightness(0) invert(1)}.circle-perk-description{position:relative;font-weight:800;font-size:clamp(12px,3.45cqw,18px);line-height:1.65;letter-spacing:-.025em;margin:10px 0 12px 8%}.circle-perk-photo{position:relative;overflow:hidden;aspect-ratio:1.42;border-radius:28% 19% 23% 20% / 26% 18% 29% 19%;border:3px solid var(--paper);background:#735028}.circle-perk-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.perk-chat .circle-perk-photo{width:77%;margin-left:23%;aspect-ratio:1.33}.circle-chat-phone{position:absolute;width:29%;height:auto;left:0;bottom:-12px;transform:rotate(-8deg);z-index:2}.perk-outings{padding-top:14px}.perk-outings::before{content:"";position:absolute;inset:0 -30px -15px;background:#f0f4d9;border-radius:45% 23% 32% 20% / 10% 18% 15% 12%;z-index:-1}.perk-outings .circle-perk-title{color:var(--green)}.perk-outings .circle-perk-title::before{background:var(--yellow)}.perk-outings .circle-perk-title svg{filter:none}.circle-outing-photos{position:relative;padding-bottom:7px}.outing-bowling{width:66%;margin-left:34%;aspect-ratio:1.25;border-radius:35% 26% 28% 22% / 22% 25% 20% 28%}.outing-bbq{width:71%;margin-top:-15cqw;aspect-ratio:1.75;border:5px solid var(--paper);transform:rotate(-3deg);z-index:2}.outing-bbq img{object-position:50% 34%}.circle-tree-outings{width:25%;right:-9%;bottom:-12px}.perk-coupon .circle-perk-title{font-size:clamp(16px,4.5cqw,24px)}.circle-coupon-visual{position:relative;padding-bottom:26px}.circle-coupon-visual .circle-perk-photo{width:88%;margin-left:12%;aspect-ratio:1.75}.circle-coupon-ticket{position:absolute;right:3%;bottom:8px;display:flex;align-items:center;gap:12px;padding:11px 16px;color:var(--green);background:var(--yellow);border:4px solid var(--paper);border-radius:13px;transform:rotate(-9deg);box-shadow:0 4px 8px #073f301f;font:900 clamp(13px,4cqw,21px)/1.15 Arial,sans-serif;text-align:center;z-index:3}.circle-coupon-ticket::before{content:"";position:absolute;inset:4px;border:2px dashed #bc7826;border-radius:6px;pointer-events:none}.circle-coupon-ticket svg{width:34px;height:34px;flex:none;color:#925315}.circle-planned{font-size:clamp(9px,2.6cqw,14px);line-height:1.6;text-align:right;margin:7px 2px 0;font-weight:700}
.circle-future{position:relative;z-index:1;padding:0 12px;margin-top:36px}.circle-future h3{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 3px 24px;font-size:clamp(21px,6cqw,33px);line-height:1.28;letter-spacing:-.045em;font-weight:900}.circle-lamp{width:15%;flex:none;padding:10px 7px;background:var(--yellow);border-radius:48% 48% 40% 40%;transform:rotate(-7deg)}.circle-lamp svg{width:100%;height:auto}.circle-interests{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:0;margin:0}.circle-interests li{text-align:center;font-size:clamp(9px,2.55cqw,14px);font-weight:800;line-height:1.5;white-space:nowrap;letter-spacing:-.04em}.circle-interests li>span:first-child{display:grid;place-items:center;aspect-ratio:1;background:#eaf1cf;border-radius:50%;margin-bottom:7px;padding:11px}.circle-interests svg{width:100%;height:auto}.circle-interests li>.interest-more{color:#a96625;background:#fff0ba!important;font:900 clamp(19px,6cqw,32px) Arial,sans-serif;letter-spacing:.03em;padding:0!important}.interest-more-label{display:block}
.circles-motion .circle-reveal{opacity:0;translate:0 18px;transition:opacity .5s var(--circle-delay,0s),translate .6s var(--circle-delay,0s) cubic-bezier(.2,.7,.25,1)}.circles-motion .circle-reveal.is-seen{opacity:1;translate:0 0}.circle-steps .circle-step:nth-child(2){--circle-delay:.12s}.circle-steps .circle-step:nth-child(3){--circle-delay:.24s}.circle-clubs .circle-club:nth-child(2){--circle-delay:.15s}.circles-motion .circle-lead h2{scale:.9;transition:scale .55s cubic-bezier(.2,.75,.25,1.2)}.circles-motion .circle-lead.is-seen h2{scale:1}.circles-motion .circle-lead p{opacity:0;translate:0 12px;transition:opacity .4s .25s,translate .45s .25s ease-out}.circles-motion .circle-lead.is-seen p{opacity:1;translate:0 0}.circles-motion .circle-club-photo img,.circles-motion .circle-perk-photo img{scale:1.06;transition:scale 1s .15s ease-out}.circles-motion .is-seen .circle-club-photo img,.circles-motion .is-seen .circle-perk-photo img{scale:1}.circles-motion .circle-club-caption{opacity:0;transition:opacity .5s .4s}.circles-motion .circle-club.is-seen .circle-club-caption{opacity:1}.circles-motion .circle-future li{opacity:0;translate:0 10px;transition:opacity .4s,translate .4s}.circles-motion .circle-future.is-seen li{opacity:1;translate:0 0}.circle-future li:nth-child(1){transition-delay:.12s}.circle-future li:nth-child(2){transition-delay:.18s}.circle-future li:nth-child(3){transition-delay:.24s}.circle-future li:nth-child(4){transition-delay:.3s}.circle-future li:nth-child(5){transition-delay:.36s}.circle-future li:nth-child(6){transition-delay:.42s}
@media(max-width:359px){.circle-step h3{min-height:39px}.circle-club h4{font-size:3.08cqw;gap:1px}.circle-club h4 svg{width:1.8em}.circle-perk-title{padding-inline:10px;gap:5px}.circle-perk-description{font-size:3.5cqw}.circle-interests li>span:first-child{padding:8px}.circle-future h3{gap:7px}}
@media(min-width:541px){.circle-section{box-shadow:0 0 48px #073f3018}}
@media(prefers-reduced-motion:reduce){.circles-motion .circle-reveal,.circles-motion .circle-lead p,.circles-motion .circle-club-caption,.circles-motion .circle-future li{opacity:1;translate:none;transition:none!important}.circles-motion .circle-lead h2,.circles-motion .circle-club-photo img,.circles-motion .circle-perk-photo img{scale:1;transition:none!important}}