.section-c3oh-interactive-hero{--c3oh-ink: #2e1b12;--c3oh-ink-soft: #6b594f;--c3oh-paper: #ffffff;--c3oh-paper-deep: #f3e9e2;--c3oh-brown: #6b3f2a;--c3oh-brown-dark: #3b2418;--c3oh-taupe: #8a6f5e;--c3oh-brown-warm: #8b5035;--c3oh-line: rgba(59, 36, 24, .15);--c3oh-white: #ffffff;--c3oh-serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;--c3oh-shadow: 0 24px 70px rgba(59, 36, 24, .12);--c3oh-radius-sm: 12px;--c3oh-radius: 22px;--c3oh-radius-lg: 36px}.c3oh-shell{width:min(100% - 40px,1380px);margin-inline:auto}.c3oh-kicker{margin:0 0 14px;color:var(--c3oh-brown);font-size:1.15rem;font-weight:700;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.c3oh-button{min-height:52px;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:13px 23px;border:1px solid transparent;border-radius:999px;font-size:1.45rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.c3oh-button:hover{transform:translateY(-2px)}.c3oh-button--primary{color:#fff;background:var(--c3oh-brown);box-shadow:0 12px 30px #6b3f2a38}.c3oh-button--primary:hover{color:#fff;background:var(--c3oh-brown-dark);box-shadow:0 16px 38px #6b3f2a45}.c3oh-button--quiet{color:var(--c3oh-ink);border-color:var(--c3oh-line);background:#ffffff75}.section-c3oh-interactive-hero{background:var(--c3oh-paper)}.c3oh-home{overflow:clip}.c3oh-hero{position:relative;isolation:isolate;min-height:min(830px,calc(100vh - 132px));display:grid;align-items:center;padding-block:clamp(56px,7vw,104px);background:radial-gradient(circle at 12% 5%,rgba(139,80,53,.12),transparent 34%),linear-gradient(135deg,#fff,#faf6f2 55%,#f0e5dc)}.c3oh-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:clamp(54px,7vw,110px);align-items:center}.c3oh-hero__copy{position:relative;z-index:2}.c3oh-hero__copy h1{max-width:760px;margin:0;color:var(--c3oh-ink);font-family:var(--c3oh-serif);font-size:clamp(5rem,6.7vw,9.2rem);font-weight:500;letter-spacing:-.06em;line-height:.91;text-wrap:balance}.c3oh-hero__text{max-width:620px;margin-top:28px;color:var(--c3oh-ink-soft);font-size:clamp(1.65rem,1.6vw,2rem);line-height:1.6}.c3oh-hero__text p{margin:0}.c3oh-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.c3oh-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:620px;margin:46px 0 0;padding:0;list-style:none}.c3oh-hero__proof li{padding-top:14px;border-top:1px solid var(--c3oh-line)}.c3oh-hero__proof strong,.c3oh-hero__proof span{display:block}.c3oh-hero__glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.c3oh-hero__glow--one{width:360px;height:360px;right:8%;top:12%;background:#8a6f5e24}.c3oh-hero__glow--two{width:280px;height:280px;right:31%;bottom:5%;background:#8b50351f}@media screen and (max-width:989px){.c3oh-interactive-hero .c3oh-shell{width:min(100% - 30px,900px)}.c3oh-interactive-hero .c3oh-hero__grid{grid-template-columns:1fr}.c3oh-interactive-hero .c3oh-hero__copy{max-width:780px}}@media screen and (max-width:749px){.c3oh-interactive-hero .c3oh-shell{width:min(100% - 24px,680px)}.c3oh-interactive-hero .c3oh-hero__text{font-size:1.55rem}.c3oh-interactive-hero .c3oh-hero__actions{display:grid;grid-template-columns:1fr}.c3oh-interactive-hero .c3oh-button{width:100%}.c3oh-interactive-hero .c3oh-hero__proof{gap:10px}.c3oh-interactive-hero .c3oh-hero__proof strong{font-size:2rem}.c3oh-interactive-hero .c3oh-hero__proof span{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.c3oh-interactive-hero *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.c3oh-home .c3oh-hero--interactive{min-height:min(860px,calc(100vh - 120px));overflow:hidden;padding-block:clamp(48px,6vw,88px);background:radial-gradient(circle at 88% 14%,rgba(107,63,42,.13),transparent 27%),radial-gradient(circle at 12% 86%,rgba(138,111,94,.1),transparent 28%),linear-gradient(135deg,#fff,#fbf7f4 52%,#f3e9e2)}.c3oh-home .c3oh-hero--interactive .c3oh-hero__grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(42px,6vw,92px)}.c3oh-home .c3oh-hero--interactive .c3oh-hero__copy h1{max-width:720px;font-size:clamp(4.8rem,5.8vw,8.2rem);line-height:.93}.c3oh-home .c3oh-hero--interactive .c3oh-hero__text{max-width:590px;margin-top:22px}.c3oh-home .c3oh-hero--interactive .c3oh-hero__actions{margin-top:28px}.c3oh-hero-picker{max-width:630px;margin-top:34px}.c3oh-hero-picker__heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.c3oh-hero-picker__heading strong{color:var(--c3oh-brown-dark);font-size:1.3rem;letter-spacing:.03em}.c3oh-hero-picker__heading span{color:var(--c3oh-ink-soft);font-size:1.05rem}.c3oh-hero-picker__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.c3oh-hero-picker__option{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(59,36,24,.16);border-radius:16px;color:var(--c3oh-ink);background:#ffffffbd;font:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 22px #3b241800;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.c3oh-hero-picker__option:hover{border-color:#6b3f2a6b;transform:translateY(-1px)}.c3oh-hero-picker__option.is-active{border-color:var(--c3oh-brown);background:var(--c3oh-paper-deep);box-shadow:0 10px 24px #3b24181a}.c3oh-hero-picker__option:focus-visible,.c3oh-hero-stage__controls button:focus-visible,.c3oh-hero-choice__links a:focus-visible{outline:3px solid rgba(107,63,42,.28);outline-offset:3px}.c3oh-hero-picker__number{width:32px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--c3oh-brown);background:#f3e9e2;font-family:var(--c3oh-serif);font-size:1.15rem}.c3oh-hero-picker__option.is-active .c3oh-hero-picker__number{color:#fff;background:var(--c3oh-brown)}.c3oh-hero-picker__option>span:last-child{min-width:0}.c3oh-hero-picker__option small,.c3oh-hero-picker__option strong{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.c3oh-hero-picker__option small{margin-bottom:1px;color:var(--c3oh-ink-soft);font-size:.92rem}.c3oh-hero-picker__option strong{font-size:1.12rem;font-weight:720}.c3oh-home .c3oh-hero--interactive .c3oh-hero__proof{max-width:630px;margin-top:30px}.c3oh-hero__experience{min-width:0}.c3oh-hero-stage{position:relative;height:clamp(560px,43vw,650px);overflow:hidden;border:1px solid rgba(59,36,24,.13);border-radius:42px;background:radial-gradient(circle at 34% 42%,rgba(255,255,255,.96) 0 24%,transparent 48%),linear-gradient(145deg,#f7efe9,#ead9cd);box-shadow:0 34px 90px #3b241826}.c3oh-hero-stage:before{content:"";position:absolute;inset:15% auto auto 9%;width:44%;aspect-ratio:1;border:1px solid rgba(107,63,42,.13);border-radius:50%;box-shadow:0 0 0 34px #6b3f2a09,0 0 0 70px #6b3f2a06;pointer-events:none}.c3oh-hero-stage__topline{position:absolute;inset:20px 22px auto;z-index:10;display:flex;align-items:center;justify-content:space-between}.c3oh-hero-stage__topline>span{display:inline-flex;gap:8px;align-items:center;color:var(--c3oh-brown-dark);font-size:1.05rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.c3oh-hero-stage__topline i{width:8px;aspect-ratio:1;border-radius:50%;background:var(--c3oh-brown);box-shadow:0 0 0 5px #6b3f2a1a}.c3oh-hero-stage__controls{display:flex;gap:7px}.c3oh-hero-stage__controls button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(59,36,24,.15);border-radius:50%;color:var(--c3oh-brown-dark);background:#ffffffc7;font:inherit;font-size:1.6rem;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.c3oh-hero-stage__controls button:hover{color:#fff;background:var(--c3oh-brown);transform:translateY(-1px)}.c3oh-hero-stage__panels,.c3oh-hero-choice{position:absolute;top:0;right:0;bottom:0;left:0}.c3oh-hero-choice{z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(245px,.78fr);gap:18px;align-items:stretch;padding:76px 28px 28px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(22px);transition:opacity .36s ease,transform .48s cubic-bezier(.22,.8,.24,1),visibility 0s linear .48s}.c3oh-hero-choice.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.c3oh-hero-choice__art{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;border-radius:30px;color:inherit;text-decoration:none}.c3oh-hero-choice__art img,.c3oh-hero-choice__art .placeholder-svg{position:relative;z-index:2;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(59,36,24,.2));transform:translateY(18px) scale(.94);transition:transform .68s cubic-bezier(.18,.85,.22,1)}.c3oh-hero-choice__art img{opacity:.8}.c3oh-hero-choice.is-active .c3oh-hero-choice__art img,.c3oh-hero-choice.is-active .c3oh-hero-choice__art .placeholder-svg{transform:translateY(0) scale(1)}.c3oh-hero-choice__art:hover img{transform:translateY(-5px) scale(1.02)}.c3oh-hero-choice__halo{position:absolute;z-index:0;width:min(76%,380px);aspect-ratio:1;border-radius:50%;background:#ffffffa3;box-shadow:0 0 80px #ffffffd1}.c3oh-hero-choice__orbit{position:absolute;z-index:1;width:min(86%,430px);aspect-ratio:1;border:1px dashed rgba(107,63,42,.23);border-radius:50%;animation:c3oh-hero-orbit 24s linear infinite}.c3oh-hero-choice__orbit:before,.c3oh-hero-choice__orbit:after{content:"";position:absolute;width:11px;aspect-ratio:1;border-radius:50%;background:var(--c3oh-brown);box-shadow:0 0 0 7px #6b3f2a17}.c3oh-hero-choice__orbit:before{left:12%;top:13%}.c3oh-hero-choice__orbit:after{right:8%;bottom:18%;width:7px}.c3oh-hero-choice__details{align-self:center;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.17);border-radius:28px;color:#fff;background:var(--c3oh-brown-dark);box-shadow:0 24px 55px #3b241838;transform:translateY(18px);transition:transform .52s cubic-bezier(.18,.85,.22,1)}.c3oh-hero-choice.is-active .c3oh-hero-choice__details{transform:translateY(0)}.c3oh-hero-choice__details>p:first-child{margin:0 0 13px;color:#e4d2c7;font-size:.98rem;font-weight:720;letter-spacing:.12em;text-transform:uppercase}.c3oh-hero-choice__title{display:grid;gap:7px}.c3oh-hero-choice__title strong{font-family:var(--c3oh-serif);font-size:clamp(2.7rem,3vw,4.1rem);font-weight:500;letter-spacing:-.035em;line-height:.97}.c3oh-hero-choice__title span{color:#eadbd2;font-size:1.2rem;font-weight:700}.c3oh-hero-choice__rule{width:44px;height:1px;margin-block:19px;background:#d8b9a7}.c3oh-hero-choice__copy{margin:0;color:#f4eae5;font-size:1.2rem;line-height:1.55}.c3oh-hero-choice__links{display:grid;gap:9px;margin-top:21px}.c3oh-hero-choice__links a{min-height:42px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(255,255,255,.52);border-radius:999px;color:#fff;font-size:1.08rem;font-weight:720;text-decoration:none}.c3oh-hero-choice__links a:first-child{color:var(--c3oh-brown-dark);background:#fff}.c3oh-hero-choice__links a:first-child:hover{background:#f3e9e2}.c3oh-hero-choice__links a:last-child:hover{background:#ffffff1a}.c3oh-hero-stage__progress{position:absolute;inset:auto 0 0;z-index:12;height:4px;overflow:hidden;background:#3b24181a}.c3oh-hero-stage__progress span{width:100%;height:100%;display:block;background:var(--c3oh-brown);transform:scaleX(0);transform-origin:left}.c3oh-hero--interactive.is-rotating .c3oh-hero-stage__progress span{animation:c3oh-hero-progress 5s linear forwards}@keyframes c3oh-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes c3oh-hero-orbit{to{transform:rotate(360deg)}}@media screen and (max-width:1199px){.c3oh-home .c3oh-hero--interactive .c3oh-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(450px,1.1fr);gap:32px}.c3oh-hero-stage{height:590px}.c3oh-hero-choice{grid-template-columns:minmax(0,1fr) 240px;gap:13px;padding-inline:20px}.c3oh-hero-choice__details{padding:22px}}@media screen and (max-width:989px){.c3oh-home .c3oh-hero--interactive{min-height:auto;padding-block:46px 66px}.c3oh-home .c3oh-hero--interactive .c3oh-hero__grid{grid-template-columns:1fr;gap:42px}.c3oh-home .c3oh-hero--interactive .c3oh-hero__copy{max-width:760px}.c3oh-hero-stage{width:min(100%,720px);height:590px;margin-inline:auto}}@media screen and (max-width:749px){.c3oh-home .c3oh-hero--interactive{padding-top:34px}.c3oh-home .c3oh-hero--interactive .c3oh-hero__copy h1{font-size:clamp(4.35rem,13.5vw,6.2rem);line-height:.94}.c3oh-home .c3oh-hero--interactive .c3oh-hero__text{margin-top:18px}.c3oh-hero-picker{margin-top:28px}.c3oh-hero-picker__heading span{display:none}.c3oh-hero-picker__options{width:calc(100vw - 28px);display:flex;gap:9px;overflow-x:auto;margin-inline:-6px;padding:3px 6px 12px;scroll-snap-type:x proximity;scrollbar-width:none}.c3oh-hero-picker__options::-webkit-scrollbar{display:none}.c3oh-hero-picker__option{min-width:205px;flex:0 0 205px;scroll-snap-align:start}.c3oh-home .c3oh-hero--interactive .c3oh-hero__proof{margin-top:22px}.c3oh-hero-stage{height:545px;border-radius:28px}.c3oh-hero-stage__topline{inset:14px 14px auto}.c3oh-hero-stage__topline>span{max-width:180px;font-size:.88rem}.c3oh-hero-stage__controls button{width:36px;height:36px}.c3oh-hero-choice{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:60px 13px 13px}.c3oh-hero-choice__art{min-height:0;border-radius:20px}.c3oh-hero-choice__art img,.c3oh-hero-choice__art .placeholder-svg{width:88%;height:88%}.c3oh-hero-choice__orbit{width:min(72vw,310px)}.c3oh-hero-choice__details{padding:17px 18px;border-radius:20px}.c3oh-hero-choice__details>p:first-child{margin-bottom:7px;font-size:.82rem}.c3oh-hero-choice__title{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.c3oh-hero-choice__title strong{font-size:2.65rem}.c3oh-hero-choice__rule{display:none}.c3oh-hero-choice__copy{overflow:hidden;display:-webkit-box;margin-top:8px;font-size:1.05rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.c3oh-hero-choice__links{grid-template-columns:1fr auto;gap:7px;margin-top:12px}.c3oh-hero-choice__links a{min-height:38px;padding:8px 11px;font-size:.94rem}.c3oh-hero-choice__links a:last-child{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.c3oh-hero-choice__orbit,.c3oh-hero--interactive.is-rotating .c3oh-hero-stage__progress span{animation:none!important}.c3oh-hero-stage__progress{display:none}}.c3oh-hero-picker__layout{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:12px;align-items:center}.c3oh-hero-picker__pages{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.c3oh-hero-picker__page{width:10px;height:10px;padding:0;border:1px solid rgba(107,63,42,.58);border-radius:50%;background:transparent;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.c3oh-hero-picker__page:hover{transform:scale(1.18)}.c3oh-hero-picker__page.is-active{background:var(--c3oh-brown);box-shadow:0 0 0 4px #6b3f2a1a}.c3oh-hero-picker__page:focus-visible{outline:3px solid rgba(107,63,42,.28);outline-offset:4px}@media screen and (min-width:750px){.c3oh-hero-picker__option.is-picker-page-hidden{display:none}}@media screen and (max-width:749px){.c3oh-hero-picker__layout{display:block}.c3oh-hero-picker__pages{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/c3oh-interactive-hero.css.map */