.tc-material-process,.tc-material-process *{box-sizing:border-box}.tc-material-process{position:relative;overflow:clip;border-top-right-radius:clamp(7rem,10vw,16rem);background:var(--tc-graphite);color:var(--tc-paper)}.tc-material-process__inner{width:min(calc(100% - (var(--tc-gutter) * 2)),var(--tc-max-width));margin:0 auto;padding-top:clamp(8rem,10vw,16rem);padding-bottom:clamp(8rem,11vw,17rem)}.tc-material-process__topline{display:flex;margin-bottom:clamp(3.2rem,5vw,7rem);justify-content:space-between;align-items:center;gap:2rem}.tc-material-process__eyebrow,.tc-material-process__chapter{margin:0;color:#ffffff9e;font-size:clamp(1.2rem,1vw,1.4rem);font-weight:600;letter-spacing:.08em;line-height:1.4}.tc-material-process__chapter{display:inline-flex;align-items:center;gap:.8rem;color:#ffffffc2;font-variant-numeric:tabular-nums}.tc-material-process__chapter:before{width:.7rem;height:.7rem;border-radius:50%;background:var(--tc-signal);content:""}.tc-material-process__heading{max-width:9em;margin:0 0 clamp(7rem,9vw,13rem);color:var(--tc-paper);font-family:var(--tc-font-display);font-size:clamp(5.4rem,6.8vw,10.4rem);font-weight:500;letter-spacing:-.045em;line-height:.94}.tc-material-process__layout{display:grid;grid-template-areas:"primary intro" "primary steps" "primary detail";grid-template-columns:minmax(0,7fr) minmax(32rem,5fr);column-gap:clamp(4rem,7vw,11rem);row-gap:clamp(4.8rem,6vw,8rem);align-items:start}.tc-material-process__intro{grid-area:intro;max-width:35em;margin:0;color:#ffffffb8;font-size:clamp(1.7rem,1.45vw,2.2rem);line-height:1.66}.tc-material-process__primary{position:relative;grid-area:primary;width:100%;aspect-ratio:4 / 5;margin:0;overflow:hidden;border-radius:clamp(3.2rem,4vw,5.2rem);isolation:isolate;background:var(--tc-fog)}.tc-material-process__primary-media,.tc-material-process__primary-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.tc-material-process__primary-media img,.tc-material-process__detail img{object-fit:cover;transform:scale(1.001);transition:transform .9s var(--tc-ease-out)}.tc-material-process__primary-media img{object-position:var(--tc-material-primary-desktop-focal, 50% 50%)}.tc-material-process__detail picture{display:block;width:100%;height:100%}.tc-material-process__detail img{object-position:var(--tc-material-detail-desktop-focal, 50% 50%)}.tc-material-process__primary:hover .tc-material-process__primary-media img,.tc-material-process__detail:hover img{transform:scale(1.014)}.tc-material-process__media-label,.tc-material-process__detail-label{position:absolute;z-index:3;top:clamp(2rem,2.6vw,3.6rem);left:clamp(2rem,2.6vw,3.6rem);margin:0;padding:.9rem 1.1rem;border-radius:999rem;background:#ffffffe0;color:#08090ac2;font-size:1.1rem;font-weight:600;letter-spacing:.1em;line-height:1}.tc-material-process__notice{position:absolute;z-index:3;right:clamp(1.8rem,2.2vw,3.2rem);bottom:clamp(1.8rem,2.2vw,3.2rem);max-width:calc(100% - 3.6rem);margin:0;padding:1rem 1.4rem;border-radius:999rem;background:#08090ac2;color:#ffffffd1;font-size:1.1rem;letter-spacing:.04em;line-height:1.3;text-align:right}.tc-material-process__steps{grid-area:steps;border-top:.1rem solid rgba(255,255,255,.2)}.tc-material-process__step{min-height:clamp(26rem,32vh,38rem);padding:clamp(3.2rem,4vw,5.6rem) 0;border-bottom:.1rem solid rgba(255,255,255,.2)}.tc-material-process__step-kicker{display:flex;align-items:center;gap:1rem;margin:0 0 clamp(4.8rem,7vh,8rem);color:#ffffffb8;font-size:1.2rem;font-weight:600;letter-spacing:.08em;line-height:1.4}.tc-material-process__step-kicker:before{width:1.8rem;height:.2rem;flex:0 0 auto;background:var(--tc-signal);content:""}.tc-material-process__step-title{max-width:14em;margin:0;color:var(--tc-paper);font-size:clamp(2.8rem,3vw,4.8rem);font-weight:500;letter-spacing:-.035em;line-height:1.08}.tc-material-process__step-text{max-width:31em;margin:2.2rem 0 0;color:#ffffffa8;font-size:clamp(1.5rem,1.15vw,1.75rem);line-height:1.66}.tc-material-process__detail{position:relative;grid-area:detail;aspect-ratio:3 / 2;margin:0;overflow:hidden;border-radius:clamp(2.8rem,3.2vw,4rem);background:var(--tc-fog)}.tc-material-process__detail img{display:block;width:100%;height:100%}.tc-material-process__detail-label{color:#08090ac2}.tc-material-process__process-line{max-width:13em;margin:clamp(9rem,12vw,18rem) 0 0;color:var(--tc-paper);font-family:var(--tc-font-display);font-size:clamp(4.8rem,6vw,9.6rem);font-weight:500;letter-spacing:-.04em;line-height:1.02}.tc-material-process__action{display:inline-flex;min-height:4.8rem;margin-top:clamp(4rem,5vw,7rem);border-bottom:.1rem solid rgba(255,255,255,.4);align-items:center;gap:1rem;color:var(--tc-paper);font-size:1.6rem;font-weight:600;text-decoration:none}.tc-material-process__action .svg-wrapper{width:1.5rem;color:var(--tc-signal);transition:transform var(--tc-duration-base) var(--tc-ease-out)}.tc-material-process__action:hover .svg-wrapper,.tc-material-process__action:focus-visible .svg-wrapper{transform:translate(.4rem)}.tc-material-process:not(.tc-material-process--design-overview) .tc-material-process__action{min-height:5.2rem;padding:1.3rem 2.2rem;border:.1rem solid rgba(255,255,255,.18);border-radius:999rem;background:var(--tc-paper);color:var(--tc-ink);transition:background-color var(--tc-duration-fast) ease,transform var(--tc-duration-fast) ease}.tc-material-process:not(.tc-material-process--design-overview) .tc-material-process__action:hover{background:var(--tc-fog);transform:translateY(-.1rem)}.tc-material-process__action:focus-visible{outline:.2rem solid var(--tc-paper);outline-offset:.5rem}@media screen and (min-width:1200px){.tc-material-process__primary{position:sticky;top:12rem;height:min(76svh,86rem);min-height:62rem;aspect-ratio:auto}}@media screen and (max-width:989px){.tc-material-process__layout{grid-template-columns:minmax(0,1fr) minmax(28rem,1fr);column-gap:3.2rem}.tc-material-process__heading{margin-bottom:7rem}.tc-material-process__step{min-height:0}.tc-material-process__step-kicker{margin-bottom:4rem}}@media screen and (max-width:749px){.tc-material-process__primary-media img{object-position:var(--tc-material-primary-mobile-focal, var(--tc-material-primary-desktop-focal, 50% 50%))}.tc-material-process__detail img{object-position:var(--tc-material-detail-mobile-focal, var(--tc-material-detail-desktop-focal, 50% 50%))}.tc-material-process{border-top-right-radius:7rem}.tc-material-process__inner{width:calc(100% - 3.6rem);padding-top:8rem;padding-bottom:9rem}.tc-material-process__topline{margin-bottom:3.2rem}.tc-material-process__heading{max-width:8em;margin-bottom:5.6rem;font-size:clamp(4.6rem,14vw,6.4rem);line-height:.96}.tc-material-process__layout{display:grid;grid-template-areas:"intro" "primary" "steps" "detail";grid-template-columns:minmax(0,1fr);row-gap:4rem}.tc-material-process__intro{font-size:1.6rem}.tc-material-process__primary{aspect-ratio:4 / 5;border-radius:3.2rem}.tc-material-process__media-label,.tc-material-process__detail-label{top:2.2rem;left:2.2rem}.tc-material-process__notice{right:1.6rem;bottom:1.6rem;left:1.6rem;border-radius:1.8rem;text-align:center}.tc-material-process__steps{margin-top:1.6rem}.tc-material-process__step{min-height:0;padding:3.6rem 0}.tc-material-process__step-kicker{margin-bottom:3rem}.tc-material-process__step-title{font-size:clamp(2.8rem,9vw,3.8rem)}.tc-material-process__detail{aspect-ratio:4 / 3;border-radius:3.2rem}.tc-material-process__process-line{margin-top:8rem;font-size:clamp(4rem,12.5vw,5.6rem)}}@media(prefers-reduced-motion:reduce){.tc-material-process__primary-media img,.tc-material-process__detail img,.tc-material-process:not(.tc-material-process--design-overview) .tc-material-process__action,.tc-material-process__action .svg-wrapper{transition:none}.tc-material-process__primary:hover .tc-material-process__primary-media img,.tc-material-process__detail:hover img,.tc-material-process:not(.tc-material-process--design-overview) .tc-material-process__action:hover{transform:none}}.tc-material-process--design-overview{border-radius:0;background:var(--tc-paper);color:var(--tc-ink)}.tc-material-process--design-overview .tc-material-process__inner{padding-top:clamp(8rem,9vw,14rem);padding-bottom:clamp(8rem,10vw,15rem)}.tc-material-process--design-overview .tc-material-process__eyebrow,.tc-material-process--design-overview .tc-material-process__chapter{color:#08090a9e}.tc-material-process--design-overview .tc-material-process__chapter{color:#08090ac2}.tc-material-process--design-overview .tc-material-process__heading,.tc-material-process--design-overview .tc-material-process__step-title,.tc-material-process--design-overview .tc-material-process__process-line{color:var(--tc-ink)}.tc-material-process--design-overview .tc-material-process__heading{max-width:8em;margin-bottom:clamp(6rem,8vw,11rem)}.tc-material-process--design-overview .tc-material-process__layout{grid-template-areas:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(2.4rem,3vw,4.8rem);row-gap:clamp(3rem,4vw,5.6rem)}.tc-material-process--design-overview .tc-material-process__intro{grid-area:auto;grid-column:1 / 4;grid-row:1;align-self:end;color:#08090aa8}.tc-material-process--design-overview .tc-material-process__primary{position:relative;top:auto;grid-area:auto;grid-column:4 / -1;grid-row:1;height:auto;min-height:0;aspect-ratio:16 / 9;border-radius:clamp(2.8rem,3vw,4.8rem)}.tc-material-process--design-overview .tc-material-process__detail{grid-area:auto;grid-column:1 / 4;grid-row:2;align-self:stretch;aspect-ratio:auto;min-height:30rem;border-radius:clamp(2.4rem,2.6vw,4rem)}.tc-material-process--design-overview .tc-material-process__steps{display:grid;grid-area:auto;grid-column:4 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));border-top:.1rem solid var(--tc-line);border-bottom:.1rem solid var(--tc-line)}.tc-material-process--design-overview .tc-material-process__step{min-height:0;padding:clamp(2.8rem,3vw,4.2rem);border-bottom:0}.tc-material-process--design-overview .tc-material-process__step+.tc-material-process__step{border-left:.1rem solid var(--tc-line)}.tc-material-process--design-overview .tc-material-process__step:nth-child(odd){border-left:0}.tc-material-process--design-overview .tc-material-process__step:nth-child(n+3){border-top:.1rem solid var(--tc-line)}.tc-material-process--design-overview .tc-material-process__step-kicker{margin-bottom:clamp(3.6rem,4vw,5.6rem);color:#08090a94}.tc-material-process--design-overview .tc-material-process__step-text{color:#08090a9e}.tc-material-process--design-overview .tc-material-process__process-line{max-width:20em;margin-top:clamp(6rem,8vw,11rem);font-size:clamp(3.2rem,4.1vw,6.4rem)}.tc-material-process--design-overview .tc-material-process__action{border-color:#08090a59;color:var(--tc-ink)}@media screen and (max-width:989px){.tc-material-process--design-overview .tc-material-process__layout{grid-template-columns:minmax(0,1fr)}.tc-material-process--design-overview .tc-material-process__intro,.tc-material-process--design-overview .tc-material-process__primary,.tc-material-process--design-overview .tc-material-process__detail,.tc-material-process--design-overview .tc-material-process__steps{grid-column:1}.tc-material-process--design-overview .tc-material-process__intro{grid-row:1}.tc-material-process--design-overview .tc-material-process__primary{grid-row:2;aspect-ratio:16 / 10}.tc-material-process--design-overview .tc-material-process__detail{grid-row:3;min-height:0;aspect-ratio:16 / 9}.tc-material-process--design-overview .tc-material-process__steps{grid-row:4}}@media screen and (max-width:749px){.tc-material-process--design-overview .tc-material-process__primary,.tc-material-process--design-overview .tc-material-process__detail{aspect-ratio:4 / 5;border-radius:2.8rem}.tc-material-process--design-overview .tc-material-process__steps{grid-template-columns:minmax(0,1fr)}.tc-material-process--design-overview .tc-material-process__step{padding:3.2rem 0}.tc-material-process--design-overview .tc-material-process__step+.tc-material-process__step{border-top:.1rem solid var(--tc-line);border-left:0}.tc-material-process--design-overview .tc-material-process__step:first-child{border-top:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-titancas-material-process.css.map */