.shopify-section--hagenuk-instagram{background:#080908}.hagenuk-instagram{--instagram-accent: #ddbd69;--instagram-border: rgba(255, 255, 255, .17);--instagram-muted: rgba(246, 246, 242, .68);position:relative;isolation:isolate;overflow:hidden;min-height:900px;background:#080908;color:#f7f7f3}.hagenuk-instagram__backdrop{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:brightness(.68) saturate(.78);transform:scale(1.055) translate3d(var(--instagram-depth-x, 0),calc(var(--instagram-depth-y, 0%) + var(--instagram-scroll-backdrop-y, 0%)),0);transition:transform .9s cubic-bezier(.18,.72,.2,1)}.hagenuk-instagram:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#03040438;content:"";pointer-events:none}.hagenuk-instagram.is-scroll-driven.is-visible .hagenuk-instagram__backdrop{transition-duration:.22s}.hagenuk-instagram__layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(620px,1.28fr);grid-template-rows:minmax(720px,1fr) auto;column-gap:clamp(18px,3vw,64px);width:min(100%,1760px);min-height:900px;margin:0 auto;padding:70px clamp(32px,4vw,72px) 34px}.hagenuk-instagram__header{z-index:4;align-self:center;max-width:520px;padding-bottom:60px;transform:translate3d(0,var(--instagram-scroll-copy-y, 0),0);transition:transform .22s linear}.hagenuk-instagram__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--instagram-accent);font-size:13px;font-weight:750;line-height:1.2;letter-spacing:0;text-transform:uppercase}.hagenuk-instagram__eyebrow span{display:inline-flex}.hagenuk-instagram__heading-group h2{max-width:520px;margin:0;color:#fff;font-size:clamp(46px,4.8vw,76px);font-weight:520;line-height:.98;letter-spacing:0}.hagenuk-instagram__intro{display:grid;justify-items:start;gap:27px;margin-top:32px}.hagenuk-instagram__intro p{max-width:440px;margin:0;color:var(--instagram-muted);font-size:16px;line-height:1.65}.hagenuk-instagram__profile-link,.hagenuk-instagram__current-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;border:1px solid rgba(221,189,105,.62);border-radius:3px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .22s ease,border-color .22s ease,color .22s ease}.hagenuk-instagram__profile-link{min-width:178px;padding:0 16px}.hagenuk-instagram__profile-link:hover,.hagenuk-instagram__current-link:hover{border-color:var(--instagram-accent);background:var(--instagram-accent);color:#080908}.hagenuk-instagram__experience{position:relative;z-index:2;min-width:0;height:720px}.hagenuk-instagram__phone-scene{position:absolute;top:-28px;right:-20px;bottom:0;left:-20px;min-width:0}.hagenuk-instagram__phone-scene canvas{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .65s ease;touch-action:pan-y}.hagenuk-instagram__phone-scene.is-three-ready canvas{opacity:1}.hagenuk-instagram__phone-fallback{position:absolute;z-index:1;top:50%;left:50%;width:min(330px,54%);aspect-ratio:9 / 19;overflow:hidden;padding:12px;border:1px solid rgba(255,255,255,.32);border-radius:38px;background:#090a0a;box-shadow:0 44px 80px #00000080;transform:translate(-50%,-50%) perspective(900px) rotateY(-8deg) rotateX(2deg);transition:opacity .42s ease,transform .7s cubic-bezier(.18,.72,.2,1)}.hagenuk-instagram__phone-scene.is-three-ready .hagenuk-instagram__phone-fallback{opacity:0;transform:translate(-50%,-50%) perspective(900px) rotateY(-8deg) rotateX(2deg) scale(.92)}.hagenuk-instagram__phone-fallback-bar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 10px;color:#fff;font-size:11px;font-weight:720}.hagenuk-instagram__phone-fallback-bar span:first-child{font-size:16px}.hagenuk-instagram__phone-fallback-image{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.hagenuk-instagram__phone-fallback-actions{display:flex;gap:17px;align-items:center;height:52px;padding:0 10px;color:#fff;font-size:24px}.hagenuk-instagram__stage-meta{position:absolute;z-index:5;right:clamp(10px,4vw,64px);bottom:24px;left:clamp(10px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.hagenuk-instagram__stage-meta>*{pointer-events:auto}.hagenuk-instagram__identity{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.hagenuk-instagram__identity-logo{display:grid;place-items:center;width:52px;height:52px;padding:3px;background:conic-gradient(from 210deg,#f9ce34,#ee2a7b,#6228d7,#f9ce34);border-radius:50%}.hagenuk-instagram__identity-logo:before{position:absolute;content:""}.hagenuk-instagram__identity-logo img{width:100%;height:100%;padding:10px 7px;border:2px solid #0b0c0c;border-radius:50%;background:#f5f5f1;object-fit:contain}.hagenuk-instagram__identity strong,.hagenuk-instagram__identity small{display:block}.hagenuk-instagram__identity strong{font-size:14px;line-height:1.2}.hagenuk-instagram__identity small{margin-top:4px;color:#ffffff9e;font-size:11px}.hagenuk-instagram__current-link{min-width:178px;padding:0 16px;background:#080908b8}.hagenuk-instagram__selector{position:relative;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:112px;border-top:1px solid var(--instagram-border)}.hagenuk-instagram__selector:before{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--instagram-accent);content:"";opacity:.9;transform:scaleX(var(--instagram-scroll-progress, 0));transform-origin:left center;transition:transform .16s linear}.hagenuk-instagram__selector>p{margin:0;color:#ffffff94;font-size:12px;font-weight:750;text-transform:uppercase}.hagenuk-instagram__selector-list{display:flex;gap:10px}.hagenuk-instagram__selector-button{position:relative;width:72px;height:88px;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:#101110;cursor:pointer;transition:border-color .22s ease,opacity .22s ease,transform .26s ease}.hagenuk-instagram__selector-button:not(.is-active){opacity:.58}.hagenuk-instagram__selector-button:hover,.hagenuk-instagram__selector-button:focus-visible,.hagenuk-instagram__selector-button.is-active{border-color:var(--instagram-accent);opacity:1;transform:translateY(-4px)}.hagenuk-instagram__selector-button img{width:100%;height:100%;object-fit:cover}.hagenuk-instagram__selector-button span{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;min-width:22px;height:18px;background:#060707d1;color:#fff;font-size:9px;font-weight:760}@media(prefers-reduced-motion:no-preference){.hagenuk-instagram.is-motion-ready:not(.is-visible) .hagenuk-instagram__header,.hagenuk-instagram.is-motion-ready:not(.is-visible) .hagenuk-instagram__experience,.hagenuk-instagram.is-motion-ready:not(.is-visible) .hagenuk-instagram__selector{opacity:0;transform:translateY(24px)}.hagenuk-instagram.is-motion-ready .hagenuk-instagram__header,.hagenuk-instagram.is-motion-ready .hagenuk-instagram__experience,.hagenuk-instagram.is-motion-ready .hagenuk-instagram__selector{transition:opacity .76s ease,transform .88s cubic-bezier(.18,.72,.2,1)}.hagenuk-instagram.is-motion-ready .hagenuk-instagram__experience{transition-delay:.1s}.hagenuk-instagram.is-motion-ready .hagenuk-instagram__selector{transition-delay:.18s}.hagenuk-instagram.is-motion-ready.is-visible .hagenuk-instagram__header{transition:transform .18s linear}}@media screen and (max-width:1099px){.hagenuk-instagram__layout{grid-template-columns:minmax(300px,.75fr) minmax(480px,1.25fr);grid-template-rows:minmax(650px,1fr) auto;padding-inline:32px}.hagenuk-instagram__experience{height:650px}.hagenuk-instagram__phone-scene{inset-inline:-40px}}@media screen and (max-width:799px){.hagenuk-instagram{min-height:0}.hagenuk-instagram__backdrop{background-position:57% center}.hagenuk-instagram__layout{grid-template-columns:1fr;grid-template-rows:auto 590px auto;gap:0;min-height:0;padding:64px 18px 28px}.hagenuk-instagram__header{align-self:start;max-width:100%;padding-bottom:18px}.hagenuk-instagram__heading-group h2{max-width:430px;font-size:42px;line-height:1.02}.hagenuk-instagram__intro{gap:20px;margin-top:22px}.hagenuk-instagram__intro p{font-size:14px;line-height:1.55}.hagenuk-instagram__profile-link{min-height:44px}.hagenuk-instagram__experience{grid-row:2;height:590px}.hagenuk-instagram__phone-scene{top:-10px;right:-48px;bottom:28px;left:-48px}.hagenuk-instagram__phone-fallback{width:min(285px,70%);border-radius:32px}.hagenuk-instagram__stage-meta{right:0;bottom:18px;left:0}.hagenuk-instagram__identity-logo{width:44px;height:44px}.hagenuk-instagram__current-link{min-width:0;min-height:44px;padding-inline:13px;font-size:12px}.hagenuk-instagram__selector{grid-row:3;align-items:flex-start;min-height:106px;padding-top:18px}.hagenuk-instagram__selector>p{display:none}.hagenuk-instagram__selector-list{width:100%;justify-content:center}.hagenuk-instagram__selector-button{width:min(20vw,74px);height:min(25vw,92px)}}@media screen and (max-width:390px){.hagenuk-instagram__heading-group h2{font-size:38px}.hagenuk-instagram__identity small{display:none}.hagenuk-instagram__current-link span:first-child{max-width:72px;line-height:1.1}}@media(prefers-reduced-motion:reduce){.hagenuk-instagram__backdrop,.hagenuk-instagram__header,.hagenuk-instagram__phone-scene canvas,.hagenuk-instagram__phone-fallback,.hagenuk-instagram__selector-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hagenuk-instagram.css.map */