.ence-tips{color:var(--tips-text);background:var(--tips-bg);font-family:Roboto Mono,ui-monospace,monospace;scroll-behavior:smooth}.ence-tips *{box-sizing:border-box}.ence-tips__inner{width:min(100%,var(--tips-max));margin-inline:auto;overflow:hidden}.ence-tips__navigation{position:relative;min-height:var(--tips-nav-height);isolation:isolate}.ence-tips__navigation h1{position:absolute;z-index:5;top:7%;left:5.5%;max-width:6.5em;margin:0;color:var(--tips-accent);font-family:var(--ence-display-font, sans-serif);font-size:clamp(42px,6vw,92px);font-weight:900;line-height:.92;text-transform:uppercase}.ence-tips__collage-wrap{position:absolute;z-index:1;top:50%;left:58%;width:min(70%,940px);aspect-ratio:var(--collage-ratio, 1.296);transform:translate(-50%,-48%)}.ence-tips__collage{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.ence-tips__preview{position:absolute;z-index:3;top:var(--preview-y);left:var(--preview-x);display:block;width:var(--preview-width);height:var(--preview-height);overflow:hidden;color:var(--tips-text);background:#f7f7f7;border:1px solid rgba(255,255,255,.8);border-radius:6px;box-shadow:0 8px 30px #00000059;text-decoration:none;transform:rotate(var(--preview-rotate));transition:transform .18s ease,box-shadow .18s ease}.ence-tips__preview--portrait{border-radius:12%}.ence-tips__preview--landscape,.ence-tips__preview--square{border-radius:6px}.ence-tips__preview:hover,.ence-tips__preview:focus-visible{z-index:6;box-shadow:0 0 0 3px var(--tips-accent),0 14px 34px #00000073;transform:rotate(var(--preview-rotate)) scale(1.04)}.ence-tips__preview img,.ence-tips__preview span{display:grid;width:100%;height:100%;object-fit:var(--preview-fit,cover);place-items:center}.ence-tips__note{width:min(82%,1050px);min-height:360px;margin:30px auto 100px;padding:clamp(44px,7vw,90px);color:#313131;background:#f1f0ec;background-image:repeating-linear-gradient(0deg,transparent 0 37px,rgba(109,158,198,.28) 38px 39px);box-shadow:0 14px 30px #0003;transform:rotate(-.6deg)}.ence-tips__note h2{margin:0 0 35px;color:var(--tips-accent);font-family:var(--ence-display-font, sans-serif);font-size:clamp(28px,4vw,58px);line-height:1;text-transform:uppercase}.ence-tips__note p{margin:0;font-size:clamp(15px,1.4vw,20px);line-height:1.9}.ence-tips-platform{position:relative;display:grid;min-height:var(--platform-height);padding:clamp(50px,7vw,110px) 5.5%;align-content:center;scroll-margin-top:30px}.ence-tips-platform__heading{position:relative;z-index:3;margin-bottom:35px}.ence-tips-platform__heading h2{margin:0;color:var(--tips-accent);font-family:var(--ence-display-font, sans-serif);font-size:clamp(34px,4.8vw,72px);font-weight:900;line-height:.95;text-transform:uppercase}.ence-tips-platform__heading p{max-width:600px;margin:20px 0 0;line-height:1.6}.ence-tips-platform__media{display:flex;width:var(--platform-media-width);gap:var(--platform-gap);align-items:center;justify-content:center}.ence-tips-platform__heading--top,.ence-tips-platform__heading--top+.ence-tips-platform__media{margin-inline:auto;text-align:center}.ence-tips-platform__heading--left{position:absolute;top:50%;left:5.5%;width:25%;transform:translateY(-50%)}.ence-tips-platform__heading--left+.ence-tips-platform__media{margin-left:auto}.ence-tips-platform__heading--right{position:absolute;top:50%;right:5.5%;width:25%;text-align:right;transform:translateY(-50%)}.ence-tips-platform__heading--right+.ence-tips-platform__media{margin-right:auto}.ence-tips-device{position:relative;display:block;flex:1 1 0;max-width:360px;padding:12px;color:inherit;background:linear-gradient(135deg,#878787,#f4f4f4 20%,#323232 55%,#bcbcbc 80%,#555);border:4px solid #070707;box-shadow:0 15px 30px #0000004d;text-decoration:none;transition:transform .18s ease}.ence-tips-device:hover,.ence-tips-device:focus-visible{transform:translateY(-6px)}.ence-tips-device--phone{aspect-ratio:9 / 18;border-width:7px;border-radius:34px;padding:9px}.ence-tips-device--laptop{max-width:900px;aspect-ratio:16 / 10;border-radius:10px}.ence-tips-device--square{max-width:680px;aspect-ratio:1 / 1;border-radius:12px}.ence-tips-device__screen{width:100%;height:100%;overflow:hidden;background:#f2f2f2;border-radius:inherit}.ence-tips-device__screen img,.ence-tips-device__screen video,.ence-tips-device__screen svg{display:block;width:100%;height:100%;object-fit:cover}.ence-tips-platform--stack .ence-tips-platform__media{flex-direction:column}.ence-tips-platform--feature .ence-tips-device{flex-basis:100%;max-width:900px}.ence-tips-platform--feature .ence-tips-device:not(:first-child){display:none}@media screen and (max-width:749px){.ence-tips__navigation{min-height:var(--tips-nav-mobile-height)}.ence-tips__navigation h1{top:5%;left:6%;font-size:clamp(34px,11vw,54px)}.ence-tips__collage-wrap{top:55%;left:52%;width:112%}.ence-tips__note{width:88%;min-height:320px;margin-bottom:50px;padding:45px 28px}.ence-tips-platform{min-height:min(var(--platform-height),900px);padding:70px 24px}.ence-tips-platform__heading--left,.ence-tips-platform__heading--right{position:static;width:100%;margin-bottom:35px;text-align:left;transform:none}.ence-tips-platform__media,.ence-tips-platform__heading--left+.ence-tips-platform__media,.ence-tips-platform__heading--right+.ence-tips-platform__media{width:100%;margin:0}.ence-tips-platform--row .ence-tips-platform__media{overflow-x:auto;justify-content:flex-start;padding-bottom:15px;scroll-snap-type:x mandatory}.ence-tips-platform--row .ence-tips-device{min-width:68vw;scroll-snap-align:center}.ence-tips-device--laptop,.ence-tips-device--square{min-width:88vw!important}}@media(prefers-reduced-motion:reduce){.ence-tips__preview,.ence-tips-device{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ence-tips-page.css.map */