.dilemma{position:relative;z-index:2;margin-top:-100vh;overflow:hidden;font-family:var(--font-body-family),sans-serif;--dl-dark: var(--color-dark, #080808);--dl-lit: var(--color-accent, #d4ff87);-webkit-mask-image:linear-gradient(to top,#fff 90%,transparent 100%);min-height:100vh;min-height:100lvh;display:flex;flex-direction:column;justify-content:center}.dilemma>.page-width{position:relative;z-index:2;width:100%}.dilemma__clouds{position:absolute;left:0;right:0;top:0;height:26rem;z-index:3;pointer-events:none}.dilemma__cloud{position:absolute;left:0;right:0;bottom:0;width:100%}.dilemma__cloud--front{height:100%;background:linear-gradient(to bottom,#fff 0% 52%,#fff0)}.dilemma__cloud--back{height:76%;opacity:.5}.dilemma__cloud-img{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;transform:translateY(46%)}.dilemma__bg,.dilemma__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.dilemma__bg--empty{background:linear-gradient(180deg,#cfe6f7,#bcdcf3 40%,#aacef0)}.dilemma__card{position:relative;z-index:2;border-radius:4rem;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4rem 2rem}.dilemma__grid-wrap{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:center}.dilemma__title{margin:0 0 1.6rem;font-family:var(--font-accent-serif, Georgia),serif;font-weight:400;font-size:5.8rem;line-height:.86;letter-spacing:-.02em;color:var(--dl-dark);text-align:center}.dilemma__title em{font-style:italic}.dilemma__body{margin:0 0 2.4rem;font-weight:400;font-size:1.6rem;line-height:2.2rem;color:var(--dl-dark);text-align:center}.dilemma__diagram{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.dilemma__center{margin:0;font-family:var(--font-heading-family),sans-serif;font-weight:500;font-size:2.4rem;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:var(--dl-dark)}.dilemma__diagram-inner{position:relative;width:100%;max-width:32rem;container-type:inline-size}.dilemma__nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12.5cqw;position:relative;z-index:2}.dilemma__node{box-sizing:border-box;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;border:1px solid var(--dl-dark);border-radius:50%;background-color:#fff3;text-align:center;transition:background-color .45s ease}.dilemma__node.is-lit{background-color:var(--dl-lit)}.dilemma__node:nth-child(3){order:4}.dilemma__node:nth-child(4){order:3}.dilemma__num,.dilemma__label{font-family:var(--font-accent-serif, Georgia),serif;font-weight:400;letter-spacing:-.02em;color:var(--dl-dark);line-height:1}.dilemma__num{font-size:2.4rem}.dilemma__label{font-size:2.2rem}.dilemma__arrows--desktop{display:none}.dilemma__arrows--mobile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none;color:var(--dl-dark)}.dilemma__arrow{transition:opacity .45s ease}.dilemma__arrow-line,.dilemma__arrow-head{stroke-dasharray:1 2;stroke-dashoffset:1.1}.dilemma__arrow.is-drawn .dilemma__arrow-line{stroke-dashoffset:0;transition:stroke-dashoffset .72s cubic-bezier(.45,0,.2,1)}.dilemma__arrow.is-drawn .dilemma__arrow-head{stroke-dashoffset:0;transition:stroke-dashoffset .18s linear .72s}.dilemma__card.is-clearing .dilemma__arrow{opacity:0}.dilemma__card.is-static .dilemma__arrow-line,.dilemma__card.is-static .dilemma__arrow-head{stroke-dashoffset:0}@media screen and (min-width:990px){.dilemma__card{border-radius:6rem;padding:6rem}.dilemma__grid-wrap{grid-template-columns:minmax(0,55rem) minmax(0,1fr);gap:4rem}.dilemma__title{max-width:55rem;font-size:10rem;line-height:.8;letter-spacing:-.04em;text-align:left}.dilemma__body{max-width:55rem;text-align:left}.dilemma__diagram{display:block;position:relative;container-type:inline-size;--u: calc(min(56rem, 100cqw) / 560)}.dilemma__diagram-inner{max-width:none;width:calc(560 * var(--u));height:calc(560 * var(--u));margin:0 auto;container-type:normal}.dilemma__nodes{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.dilemma__node{position:absolute;width:calc(200 * var(--u));height:calc(200 * var(--u));aspect-ratio:auto;margin:0;padding:calc(30 * var(--u));gap:calc(8 * var(--u))}.dilemma__node:nth-child(1){left:calc(50% - 100 * var(--u));top:calc(18% - 100 * var(--u));order:0}.dilemma__node:nth-child(2){left:calc(82% - 100 * var(--u));top:calc(50% - 100 * var(--u));order:0}.dilemma__node:nth-child(3){left:calc(50% - 100 * var(--u));top:calc(82% - 100 * var(--u));order:0}.dilemma__node:nth-child(4){left:calc(18% - 100 * var(--u));top:calc(50% - 100 * var(--u));order:0}.dilemma__num{font-size:calc(36 * var(--u))}.dilemma__label{font-size:calc(28 * var(--u))}.dilemma__center{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);font-size:calc(32 * var(--u));line-height:1;letter-spacing:-.04em;width:calc(160 * var(--u))}.dilemma__arrows--desktop{display:block;position:absolute;top:0;left:50%;z-index:1;width:calc(560 * var(--u));height:calc(560 * var(--u));transform:translate(-50%);overflow:visible;pointer-events:none;color:var(--dl-dark)}.dilemma__arrows--mobile{display:none}}@media screen and (min-width:990px)and (max-width:1279px){.dilemma__card{padding:4.8rem 4rem}.dilemma__grid-wrap{grid-template-columns:minmax(0,32rem) minmax(0,1fr);gap:3.2rem}.dilemma__title{font-size:8.4rem;max-width:32rem}.dilemma__body{max-width:32rem}}@media(prefers-reduced-motion:reduce){.dilemma__arrow-line,.dilemma__arrow-head{stroke-dashoffset:0;transition:none}.dilemma__node{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-dilemma.css.map */