.amb-perks{padding:clamp(80px,8.333vw,120px) var(--gut) clamp(40px,4vw,60px);color:var(--navy)}.amb-perks h2,.amb-aud h2,.amb-steps h2{font-size:clamp(44px,5.556vw,80px);line-height:.95}.amb-perk-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:clamp(44px,5vw,70px) auto 0;padding:0;list-style:none}.amb-perk-row li{display:flex;flex-direction:column;align-items:center;padding:0 clamp(16px,2vw,32px);text-align:center}.amb-perk-row li+li{border-left:1px solid rgb(7 25 87 / .12)}.amb-perk-ico{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--blue);color:var(--white)}.amb-perk-ico .ico{width:36px;height:36px}.amb-perk-row h3{margin-top:24px;font-family:var(--semi);font-size:clamp(19px,1.6vw,23px);font-weight:700;line-height:1.15;text-transform:uppercase}.amb-perk-row p{margin-top:12px;font-size:16px;font-weight:500;line-height:1.55;color:var(--muted)}@media(max-width:1100px){.amb-perk-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.amb-perk-row li:nth-child(odd){border-left:0}}@media(max-width:640px){.amb-perks h2>.dl{white-space:normal}.amb-perk-row{grid-template-columns:1fr}.amb-perk-row li+li{border-left:0;padding-top:32px;border-top:1px solid rgb(7 25 87 / .12)}}.amb-how{margin:var(--inset);padding:clamp(76px,8vw,116px) var(--gut) clamp(90px,9vw,130px);border-radius:var(--r-card);background:var(--white);color:var(--navy);overflow:hidden}.amb-how>h2{max-width:860px;margin-inline:auto;text-align:center;font-size:clamp(54px,6.2vw,88px);line-height:.92}.amb-how-intro{max-width:620px;margin:20px auto 0;text-align:center;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.55;color:var(--muted)}.amb-how-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(28px,4vw,64px);max-width:1180px;margin:clamp(70px,7vw,100px) auto 0;padding:0 clamp(0px,2vw,24px);list-style:none}.amb-note{--note:var(--sky-lite);--ink-n:var(--blue);--tape:rgb(0 49 226 / .45);position:relative;padding:14px;border-radius:26px;background:var(--white);box-shadow:0 0 0 1px #0719570f,0 18px 40px #02144c1f,0 2px 6px #02144c0f;transform:rotate(var(--tilt,0deg));transition:transform .35s cubic-bezier(.3,.7,.4,1)}.amb-note--1{--tilt:-5deg;--note:#dff4ff;--ink-n:var(--blue);--tape:rgb(0 49 226 / .5);margin-top:34px}.amb-note--2{--tilt:3deg;--note:#fff3c4;--ink-n:#9a7600;--tape:rgb(255 209 5 / .85)}.amb-note--3{--tilt:-3deg;--note:#ffe6d4;--ink-n:#c4541a;--tape:rgb(255 154 82 / .8);margin-top:24px}.amb-note:hover{transform:rotate(0) translateY(-6px)}.amb-note-tape{position:absolute;left:50%;top:-30px;width:44px;height:84px;background:var(--tape);transform:translate(-50%) rotate(calc(var(--tilt,0deg) * -1.6));border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff40;-webkit-mask:linear-gradient(90deg,#000 0 100%),repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px);mask:conic-gradient(from 90deg at 0 4px,#000 25%,transparent 0) 0 0/100% calc(100% - 4px) no-repeat,repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 6px) 0 100%/100% 4px no-repeat,repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 6px) 0 0/100% 4px no-repeat;opacity:.95}.amb-note-tape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .35) 45%,transparent 60%)}.amb-note-in{display:flex;flex-direction:column;min-height:260px;padding:clamp(26px,2.6vw,36px);border-radius:18px;background:var(--note)}.amb-note-n{font-family:var(--display);font-size:clamp(52px,4.6vw,68px);line-height:.9;color:var(--ink-n)}.amb-note h3{margin-top:auto;padding-top:26px;font-family:var(--semi);font-size:clamp(20px,1.8vw,25px);font-weight:700;line-height:1.15;text-transform:uppercase}.amb-note p{margin-top:10px;font-size:clamp(15px,1.2vw,17px);font-weight:500;line-height:1.5;color:var(--navy);opacity:.8}@media(max-width:960px){.amb-how-notes{grid-template-columns:1fr;max-width:460px;row-gap:64px}.amb-note--1,.amb-note--3{margin-top:0}.amb-note-in{min-height:0}}@media(max-width:640px){.amb-how{padding-inline:20px}.amb-how>h2{font-size:48px}.amb-how h2>.dl{white-space:normal}.amb-note--1{--tilt:-3deg}.amb-note--2{--tilt:2deg}.amb-note--3{--tilt:-2deg}}@media(prefers-reduced-motion:reduce){.amb-note{transition:none}}.amb-how{padding-bottom:clamp(64px,6vw,88px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-ambassador.css.map */