.hero.intro-carousel{display:block;min-height:0}
.intro-viewport{overflow:hidden;touch-action:pan-y}
.intro-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;transition:transform .5s ease}
.intro-slide{display:grid;grid-template-columns:1.2fr 1fr;min-width:0;align-items:stretch}
.intro-slide .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:340px}
.intro-title{font:400 clamp(36px,3.5vw,50px)/1.08 var(--serif);letter-spacing:-1.6px;margin:19px 0 20px}
.intro-title em{color:#637b4c;font-weight:400}
.intro-slide .hero-link{margin-top:22px}
.intro-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 30px;border-top:1px solid #d6dece;background:#e9eddf}
.intro-choices,.intro-navigation{display:flex;align-items:center;gap:6px}
.intro-choices button{display:flex;align-items:center;gap:8px;font-size:11px;color:#657161;padding:10px;border-radius:4px;min-height:40px}
.intro-choices button>span{width:6px;height:6px;background:#a7b39b;border-radius:50%}
.intro-choices [aria-pressed=true]{color:#284c3e;font-weight:600}
.intro-choices [aria-pressed=true]>span{background:#284c3e;box-shadow:0 0 0 3px #284c3e15}
.intro-navigation button{width:38px;height:38px;border:1px solid #c8d1be;border-radius:50%;font-size:18px;color:#284c3e;display:grid;place-items:center}
.intro-navigation .intro-rotation{font-size:12px;margin-left:6px}
.intro-controls button:hover{background:#dce4d2}
.intro-carousel :focus-visible{outline:2px solid #284c3e;outline-offset:3px}
.intro-illustration{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:35px;overflow:hidden;background:radial-gradient(ellipse at center,#f6f3e7,transparent 70%)}
.intro-orbit{position:absolute;width:290px;height:290px;border:1px solid #d5ddc5;border-radius:50%;transform:rotate(-15deg)}
.intro-orbit:after{content:'';position:absolute;inset:20px -15px;border:1px solid #dce2cf;border-radius:50%}
.intro-community-card{z-index:1;width:min(100%,285px);background:#fbfaf3;border:1px solid #e0e4d5;border-radius:9px;padding:25px;transform:rotate(-4deg);box-shadow:0 12px 24px #30463312}
.intro-mini-label{display:block;font-size:8px;letter-spacing:1.5px;color:#657161}
.intro-people{display:flex;margin:22px 0 15px;padding-left:4px}
.intro-people span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid #fbfaf3;margin-left:-4px;background:#dce5ca;color:#38593f;font:26px var(--serif)}
.intro-people span:nth-child(2){background:#eddfcc}.intro-people span:nth-child(3){background:#dce6df}
.intro-community-card strong{font:400 26px/1.2 var(--serif)}
.intro-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.intro-tags span{font-size:8px;border:1px solid #d8dfcf;border-radius:20px;padding:5px 7px}
.intro-sticker{position:absolute;right:22px;top:25px;z-index:2;padding:10px 15px;background:#fffdf3;box-shadow:0 3px 15px #30463308;transform:rotate(7deg);font:18px var(--serif)}
.intro-chat{flex-direction:column;gap:14px}
.intro-question-card,.intro-answer-card{position:relative;width:min(90%,270px);padding:24px;background:#fffdf5;border:1px solid #dce2d2;border-radius:12px 12px 12px 2px;transform:translateX(-15px) rotate(-3deg);box-shadow:0 8px 22px #3046330b}
.intro-answer-card{background:#dce6cf;transform:translateX(18px) rotate(3deg);border-radius:12px 12px 2px 12px}
.intro-chat strong{display:block;font:400 25px var(--serif);margin-top:10px}
.intro-lines{display:grid;gap:7px;margin-top:14px}.intro-lines i{height:4px;width:75%;background:#c9d2be;border-radius:5px}.intro-lines i+ i{width:50%}
.intro-bubble-mark{position:absolute;right:22px;top:24px;font:30px var(--serif);color:#80966c}
@media(max-width:1000px){.intro-title{font-size:38px}.intro-illustration{padding:25px}.intro-sticker{font-size:15px;right:12px}.intro-controls{padding-inline:22px}}
@media(max-width:720px){
 .intro-slide{grid-template-columns:1fr;grid-template-rows:1fr 200px}.intro-slide .hero-copy{padding:28px 25px 22px;min-height:305px;justify-content:flex-start}
 .intro-title{font-size:36px;line-height:1.1;letter-spacing:-1.2px;margin:18px 0}.intro-slide .hero-art{height:200px;min-height:200px}
 .intro-slide .hero-art .product-art{bottom:10px}.intro-slide .hero-art .product-art.second{bottom:0}
 .intro-illustration{height:200px;padding:10px 25px 20px}.intro-community-card{width:230px;padding:15px 18px}.intro-community-card strong{font-size:22px}.intro-people{margin:12px 0 8px}.intro-people span{width:35px;height:35px;font-size:21px}.intro-tags{margin-top:12px}.intro-sticker{top:8px;right:12px;font-size:12px;padding:6px 9px}
 .intro-chat{gap:8px}.intro-question-card,.intro-answer-card{padding:13px 18px;width:230px}.intro-chat strong{font-size:22px;margin-top:6px}.intro-lines{display:none}.intro-bubble-mark{top:20px;font-size:24px}.intro-orbit{width:190px;height:190px}
 .intro-controls{padding:8px 12px;gap:4px;flex-wrap:wrap}.intro-choices{flex:1 0 100%;justify-content:space-between;gap:0}.intro-choices button{padding:9px 7px;font-size:11px;gap:6px;white-space:nowrap}.intro-navigation{margin-left:auto}.intro-navigation button{width:32px;height:32px}.intro-navigation .intro-rotation{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.intro-track{transition:none}}