.role-landing{--role-ink: #0b173b;--role-red: #c9422d;--role-gold: #f1b84b;--role-paper: #f7f3eb;--role-blue: #eaf0f8;--role-line: rgba(11, 23, 59, .15);overflow:hidden;background:#fff;color:var(--role-ink)}.role-landing *{box-sizing:border-box}.role-landing a{color:inherit}.role-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.role-eyebrow{margin:0 0 1.4rem;color:var(--role-red);font-family:var(--font-heading-family);font-size:1.2rem;font-weight:850;letter-spacing:.15em;line-height:1.3;text-transform:uppercase}.role-button,.role-product__button{display:inline-flex;min-height:5.4rem;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2.2rem;border:2px solid var(--role-red);border-radius:.7rem;background:var(--role-red);box-shadow:0 .7rem #862719;color:#fff!important;font-family:var(--font-heading-family);font-size:1.45rem;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.role-button:hover,.role-product__button:hover{box-shadow:0 .4rem #862719;transform:translateY(.3rem)}.role-button:focus-visible,.role-product__button:focus-visible,.role-product__media:focus-visible,.role-growing__link:focus-visible{outline:3px solid var(--role-gold);outline-offset:4px}.role-hero{position:relative;padding:clamp(7rem,9vw,11rem) 0 clamp(8rem,11vw,13rem);background:linear-gradient(90deg,rgba(11,23,59,.05) 1px,transparent 1px) 0 0 / 36px 36px,linear-gradient(rgba(11,23,59,.05) 1px,transparent 1px) 0 0 / 36px 36px,var(--role-paper)}.role-hero:after{position:absolute;right:-12rem;bottom:-30rem;width:64rem;height:64rem;border:10rem solid rgba(201,66,45,.08);border-radius:50%;content:"";pointer-events:none}.role-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(38rem,.95fr);gap:clamp(5rem,8vw,10rem);align-items:center}.role-hero__copy{position:relative;z-index:2}.role-hero h1{max-width:76rem;margin:0;color:var(--role-ink);font-family:var(--font-heading-family);font-size:clamp(5.4rem,7.2vw,8.8rem);font-weight:780;letter-spacing:-.065em;line-height:.9}.role-hero h1 em{color:var(--role-red);font-style:normal}.role-hero__lede{max-width:66rem;margin:2.6rem 0 3.2rem;color:#0b173bc2;font-size:clamp(1.8rem,2vw,2.15rem);line-height:1.58}.role-hero__proof{display:flex;flex-wrap:wrap;gap:.8rem;margin:3rem 0 0;padding:0;list-style:none}.role-hero__proof li{padding:.75rem 1.1rem;border:1px solid var(--role-line);border-radius:99rem;background:#ffffff9e;font-size:1.18rem;font-weight:750}.role-hero__visual{position:relative;z-index:1;min-height:57rem;isolation:isolate}.role-hero__visual:before{position:absolute;top:8%;right:2%;bottom:10%;left:10%;z-index:-2;border:1px solid rgba(11,23,59,.15);border-radius:50%;background:#ffffff75;content:""}.role-hero__visual:after{position:absolute;top:17%;right:11%;bottom:19%;left:20%;z-index:-1;border:1px dashed rgba(11,23,59,.22);border-radius:50%;content:""}.role-hero__cover{position:absolute;display:block;transition:transform .25s ease}.role-hero__cover img{display:block;width:100%;height:100%;object-fit:cover}.role-hero__cover--guide{top:2%;left:9%;z-index:2;width:min(30rem,61%);aspect-ratio:1530 / 1980;border:1px solid rgba(11,23,59,.22);background:#fff;box-shadow:2.4rem 3rem 5rem #0b173b3d;transform:rotate(-5deg)}.role-hero__cover--guide:hover{transform:rotate(-3deg) translateY(-.8rem)}.role-hero__cover--audio{right:0;bottom:3%;z-index:3;width:min(24rem,49%);aspect-ratio:1;border:.9rem solid #fff;background:var(--role-ink);box-shadow:1.4rem 2rem 4rem #0b173b40;transform:rotate(5deg)}.role-hero__cover--audio:hover{transform:rotate(3deg) translateY(-.8rem)}.role-hero__play{position:absolute;right:1.5rem;bottom:1.5rem;display:grid;width:5.2rem;height:5.2rem;place-items:center;border:.4rem solid #fff;border-radius:50%;background:var(--role-red);box-shadow:0 .7rem 1.5rem #0b173b38;color:#fff;font-size:1.8rem;line-height:1}.role-hero__stamp{position:absolute;top:8%;right:2%;z-index:4;display:grid;width:10rem;height:10rem;place-items:center;align-content:center;border:.3rem solid var(--role-ink);border-radius:50%;background:var(--role-gold);box-shadow:0 0 0 .7rem var(--role-paper);color:var(--role-ink);font-family:var(--font-heading-family);line-height:1;text-align:center;transform:rotate(9deg)}.role-hero__stamp span{font-size:1rem;font-weight:800;letter-spacing:.16em}.role-hero__stamp strong{margin-top:.3rem;font-size:2.5rem;letter-spacing:-.05em}.role-hero__orbit{position:absolute;z-index:5;padding:.7rem 1rem;border:1px solid var(--role-line);border-radius:99rem;background:#ffffffe6;box-shadow:0 .8rem 1.5rem #0b173b17;color:var(--role-ink);font-family:var(--font-heading-family);font-size:.95rem;font-weight:850;letter-spacing:.12em}.role-hero__orbit--one{top:1%;left:0}.role-hero__orbit--two{right:2%;top:48%}.role-hero__orbit--three{bottom:10%;left:2%}.role-resources{padding:clamp(7rem,10vw,12rem) 0}.role-resources__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(30rem,.8fr);gap:clamp(4rem,8vw,10rem);align-items:end;margin-bottom:5rem}.role-resources__head h2{margin:0;font-family:var(--font-heading-family);font-size:clamp(4rem,6vw,7rem);letter-spacing:-.06em;line-height:.95}.role-resources__head>p{margin:0 0 .6rem;color:#0b173bb3;font-size:1.7rem;line-height:1.65}.role-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}.role-product{display:grid;overflow:hidden;grid-template-rows:minmax(35rem,43rem) 1fr;border:1px solid var(--role-line);border-radius:1.8rem;background:#fff;box-shadow:0 2.2rem 5rem #0b173b1a}.role-product__media{position:relative;display:grid;overflow:hidden;place-items:center;padding:3.5rem;background:var(--role-paper);text-decoration:none}.role-product--gold .role-product__media{background:var(--role-blue)}.role-product--ink .role-product__media{background:#dfe6f0}.role-product__media:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(11,23,59,.045) 1px,transparent 1px) 0 0 / 30px 30px,linear-gradient(rgba(11,23,59,.045) 1px,transparent 1px) 0 0 / 30px 30px;content:""}.role-product__media img{position:relative;z-index:1;display:block;width:100%;height:100%;max-height:35rem;object-fit:contain;filter:drop-shadow(0 2rem 2.4rem rgba(11,23,59,.2));transition:transform .28s ease}.role-product__media:hover img{transform:translateY(-.7rem) rotate(-1deg) scale(1.015)}.role-product__number{position:absolute;top:1.7rem;left:2rem;z-index:2;color:#0b173b2e;font-family:var(--font-heading-family);font-size:5.6rem;font-weight:850;letter-spacing:-.08em;line-height:1}.role-product__format{position:absolute;right:1.6rem;bottom:1.6rem;z-index:2;padding:.8rem 1.1rem;border-radius:99rem;background:var(--role-ink);color:#fff;font-size:1rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.role-product--gold .role-product__format{background:var(--role-gold);color:var(--role-ink)}.role-product--ink .role-product__format{background:var(--role-red)}.role-product__fallback{position:relative;z-index:1;display:grid;width:19rem;height:19rem;place-items:center;border-radius:50%;background:var(--role-ink);color:#fff;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:850;letter-spacing:.12em}.role-product__content{display:flex;flex-direction:column;padding:clamp(2.8rem,4vw,4.2rem)}.role-product__kicker{margin:0 0 1.2rem;color:var(--role-red);font-family:var(--font-heading-family);font-size:1.08rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.role-product--gold .role-product__kicker{color:#9b6308}.role-product__content h3{margin:0;color:var(--role-ink);font-family:var(--font-heading-family);font-size:clamp(2.8rem,3.3vw,4rem);letter-spacing:-.045em;line-height:1.02}.role-product__description{margin:2rem 0;color:#0b173bb3;font-size:1.55rem;line-height:1.65}.role-product__meta{display:flex;flex-wrap:wrap;gap:.8rem;margin:auto 0 2.7rem;padding-top:.5rem}.role-product__meta span{padding:.65rem .95rem;border:1px solid var(--role-line);border-radius:99rem;color:#0b173bad;font-size:1.05rem;font-weight:750}.role-product__footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:2.4rem;border-top:1px solid var(--role-line)}.role-product__price{display:flex;flex-direction:column;color:#0b173b80;font-size:1.2rem}.role-product__price strong{color:var(--role-ink);font-family:var(--font-heading-family);font-size:2.5rem;letter-spacing:-.03em}.role-product__button{min-height:5rem;padding:1.3rem 1.8rem;font-size:1.3rem}.role-product--gold .role-product__button{border-color:var(--role-gold);background:var(--role-gold);box-shadow:0 .7rem #a96e12;color:var(--role-ink)!important}.role-product--gold .role-product__button:hover{background:#ffc95d;box-shadow:0 .4rem #a96e12}.role-product--ink .role-product__button{border-color:var(--role-ink);background:var(--role-ink);box-shadow:0 .7rem #030817}.role-product--ink .role-product__button:hover{background:#172c63;box-shadow:0 .4rem #030817}.role-rhythm{padding:clamp(7rem,9vw,10rem) 0;background:var(--role-ink);color:#fff}.role-rhythm__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(40rem,1.15fr);gap:clamp(5rem,9vw,11rem);align-items:start}.role-rhythm .role-eyebrow{color:var(--role-gold)}.role-rhythm h2{max-width:55rem;margin:0;color:#fff;font-family:var(--font-heading-family);font-size:clamp(3.8rem,5vw,6rem);letter-spacing:-.055em;line-height:.98}.role-rhythm__steps{margin:0;padding:0;list-style:none;counter-reset:none}.role-rhythm__steps li{display:grid;grid-template-columns:6rem 1fr;gap:2rem;padding:2.4rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.role-rhythm__steps li:first-child{padding-top:0}.role-rhythm__steps li:last-child{border-bottom:0}.role-rhythm__steps>li>span{display:grid;width:5rem;height:5rem;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--role-gold);font-family:var(--font-heading-family);font-size:1.2rem;font-weight:850}.role-rhythm__steps strong{display:block;color:#fff;font-family:var(--font-heading-family);font-size:2.5rem}.role-rhythm__steps p{margin:.7rem 0 0;color:#ffffffb0;font-size:1.45rem;line-height:1.6}.role-growing{padding:6.5rem 0;background:var(--role-gold)}.role-growing__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(32rem,.7fr);gap:5rem;align-items:center}.role-growing .role-eyebrow{color:#704706}.role-growing h2{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.5rem,4.8vw,5.7rem);letter-spacing:-.055em;line-height:.98}.role-growing p:not(.role-eyebrow){max-width:70rem;margin:1.5rem 0 0;color:#0b173bb8;font-size:1.55rem;line-height:1.6}.role-growing__link{display:block;padding:2.4rem;border:2px solid var(--role-ink);border-radius:1.2rem;background:#ffffff42;font-size:1.2rem;line-height:1.45;text-decoration:none;transition:background .18s ease,transform .18s ease}.role-growing__link strong{display:block;margin-top:.6rem;font-family:var(--font-heading-family);font-size:1.75rem}.role-growing__link:hover{background:#ffffff85;transform:translateY(-.3rem)}@media(min-width:990px){.role-hero__copy{animation:role-rise .65s ease both}.role-hero__cover--guide{animation:role-guide-in .72s .12s ease both}.role-hero__cover--audio{animation:role-audio-in .72s .24s ease both}.role-hero__stamp{animation:role-stamp-in .5s .5s ease both}}@keyframes role-rise{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes role-guide-in{0%{opacity:0;transform:translate(2rem,3rem) rotate(-1deg)}to{opacity:1;transform:rotate(-5deg)}}@keyframes role-audio-in{0%{opacity:0;transform:translate(-2rem,3rem) rotate(1deg)}to{opacity:1;transform:rotate(5deg)}}@keyframes role-stamp-in{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(9deg)}}@media(max-width:989px){.role-hero__grid,.role-resources__head,.role-rhythm__grid,.role-growing__grid{grid-template-columns:1fr}.role-hero__visual{width:min(58rem,100%);justify-self:center}.role-resources__head{gap:2.5rem}.role-resources__head>p{max-width:72rem}.role-growing__grid{gap:3rem}}@media(max-width:749px){.role-shell{width:min(100% - 28px,1180px)}.role-hero{padding:6rem 0 7rem}.role-hero h1{font-size:clamp(4.7rem,15vw,6.7rem)}.role-hero__visual{min-height:44rem}.role-hero__cover--guide{left:7%;width:58%}.role-hero__cover--audio{right:2%;width:47%}.role-hero__stamp{top:7%;right:0;width:8.4rem;height:8.4rem}.role-hero__stamp strong{font-size:2.1rem}.role-hero__orbit--two{top:49%}.role-button{width:100%}.role-product-grid{grid-template-columns:1fr}.role-product{grid-template-rows:minmax(31rem,38rem) 1fr}.role-product__media{padding:3rem 2rem}.role-product__content{padding:2.7rem 2.2rem 3.2rem}.role-product__footer{align-items:stretch;flex-direction:column}.role-product__button{width:100%}.role-rhythm__grid{gap:4rem}.role-rhythm__steps li{grid-template-columns:5rem 1fr;gap:1.4rem}.role-rhythm__steps>li>span{width:4.4rem;height:4.4rem}}@media(prefers-reduced-motion:reduce){.role-hero__copy,.role-hero__cover--guide,.role-hero__cover--audio,.role-hero__stamp{animation:none}.role-button,.role-product__button,.role-product__media img,.role-hero__cover,.role-growing__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cptc-role-resources.css.map */