/* =========================================================================
   LOOP v7 — OSNOVA: fontovi, tokeni, resetovi, hero naslovnice (nepromijenjen iz v4–v6),
   gumbi koje hero koristi i stilovi bloga. Izvučeno automatski iz v6.1 css/styles.css
   (LOOP-arhiva/stare-verzije/v6.1-2026-10-06/ na radnoj površini) 6. 10. 2026. Novi dizajn ostalih dijelova je u css/site.css.
   ========================================================================= */
@keyframes lp-spark{ from { transform: translate(0, 0) scale(1); opacity: 1; } to { transform: translate(var(--sx), var(--sy)) scale(.2); opacity: 0; } }
@keyframes lp-drift{ from { transform: translate3d(-7%, 2%, 0) scale(1); } to { transform: translate3d(7%, -4%, 0) scale(1.14); } }
@keyframes lp-ping{ from { transform: scale(.4); opacity: 1; } to { transform: scale(1.8); opacity: 0; } }
@keyframes lp-iris{ from { clip-path: inset(30% 36% 30% 36% round 28px); } to { clip-path: inset(0 0 0 0 round 0); } }
@keyframes lp-settle{ from { scale: 1.32; } to { scale: 1; } }
@keyframes lp-line-up{ from { transform: translate3d(0, 108%, 0) rotate(2.5deg); } to { transform: none; } }
@keyframes lp-pop{ from { transform: scale(0); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes lp-draw{ from { transform: scaleX(0); } to { transform: none; } }
@keyframes lp-rise{ from { opacity: 0; transform: translate3d(0, 22px, 0); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes lp-fade{ from { opacity: 0; } to { opacity: 1; } }
@keyframes lp-drop{ from { transform: translateY(-100%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes lp-shine{ 0% { transform: translateX(-130%); } 22%, 100% { transform: translateX(130%); } }
@keyframes lp-shine-once{ from { transform: translateX(-130%); } to { transform: translateX(130%); } }
@keyframes lp-page-in{ from { opacity: 0; transform: translate3d(0, 18px, 0); } to { opacity: 1; transform: none; } }
@keyframes lp-vt-out{ to { opacity: 0; } }
@keyframes lp-vt-in{ from { opacity: 0; transform: translateY(14px); } }
@font-face{ font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/bebas-neue-latin.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/bebas-neue-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family: "Satoshi"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("../assets/fonts/satoshi-variable.woff2") format("woff2"); }
@font-face{ font-family: "Satoshi"; font-style: italic; font-weight: 300 900; font-display: swap; src: url("../assets/fonts/satoshi-variable-italic.woff2") format("woff2"); }
@font-face{ font-family: "Satoshi Fallback"; src: local("Arial"); size-adjust: 101%; ascent-override: 97%; descent-override: 24%; line-gap-override: 0%; }
@font-face{ font-family: "Bebas Fallback"; src: local("Arial Narrow"), local("Arial"); size-adjust: 80%; ascent-override: 112%; descent-override: 30%; }
.lp{
  --ink: #0B0909;                /* baršunasta noć */
  --ink-2: #141011;
  --ink-3: #1E1718;
  --ink-4: #2A2122;
  --ivory: #F5EEE9;              /* dim */
  --ivory-2: rgba(245, 238, 233, .84);
  --ivory-3: rgba(245, 238, 233, .68);
  --paper: #F4ECE7;              /* „svjetla se upale“ */
  --paper-2: #EADDD6;
  --paper-ink: #1A1415;
  --paper-ink-2: rgba(26, 20, 21, .7);
  --paper-line: rgba(26, 20, 21, .14);
  --rose: #E9A7A9;               /* izmjereno s logotipa */
  --rose-hi: #FCF0F0;
  --rose-mid: #F6CFD0;
  --rose-deep: #93474C;          /* naglasak na svijetloj podlozi (AA) */
  --rose-line: rgba(233, 167, 169, .42);
  --rose-grad: linear-gradient(180deg, #EBB6BC 0%, #FDC8CE 14%, #FCF0F0 36%, #F8F0F0 50%, #F6CFD0 68%, #E9A7A9 100%);
  --amber: #E3B07A;              /* svjetlo sale, samo kao svjetlo */
  --violet: #7C52D9;             /* neon photobootha, samo kao svjetlo */
  --line: rgba(245, 238, 233, .13);
  --line-2: rgba(245, 238, 233, .26);
  --glass: rgba(16, 12, 13, .62);

  --display: "Bebas Neue", "Bebas Fallback", "Oswald", "Arial Narrow", Impact, sans-serif;
  --head: "Satoshi", "Satoshi Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sans: "Satoshi", "Satoshi Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --g: 16px;
  --header-h: 64px;
  --r-o: 18px;                   /* kut O-portala na veličini kartice */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --sticky-h: 0px;

  position: relative;
  background: var(--ink);
  color: var(--ivory);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.6;
  font-weight: 450;
  letter-spacing: -.004em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  padding-bottom: var(--sticky-h);
  overflow-x: clip;
}
@media (min-width: 720px){
  .lp{ --g: clamp(24px, 3.4vw, 52px); --header-h: 76px; --r-o: 22px; }
}
@media (min-width: 1024px){
  .lp{ font-size: 18px; }
}
body.lp-body{ margin: 0; background: #0B0909; }
html{ scrollbar-color: #3E2F30 #0B0909; scrollbar-width: thin; accent-color: #E9A7A9; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html.lp-flow-open, html.lp-lock{ overflow: hidden; }
.lp *, .lp *::before, .lp *::after{ box-sizing: border-box; }
.lp [hidden]{ display: none !important; }
.lp :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, figure, figcaption, blockquote, table, th, td, label, fieldset, legend){ margin: 0; padding: 0; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit; border: 0; background: none; box-shadow: none; }
.lp :where(ul, ol, li){ list-style: none; }
.lp :where(img, video, svg){ display: block; max-width: 100%; border: 0; border-radius: 0; box-shadow: none; }
.lp :where(img, video){ height: auto; }
.lp :where(table){ border-collapse: collapse; width: auto; }
.lp :where(a){ color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.lp :where(button){ font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-transform: none; letter-spacing: inherit; border-radius: 0; box-shadow: none; }
.lp :where(em){ font-style: italic; }
.lp :where(input, textarea, select){ caret-color: var(--rose); }
.lp ::selection{ background: var(--rose); color: var(--ink); }
.lp :focus-visible{ outline: 2px solid var(--rose-hi); outline-offset: 3px; border-radius: 4px; }
.lp-sprite{ position: absolute; width: 0; height: 0; overflow: hidden; }
.lp-visually-hidden{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.lp-skip{ position: fixed; left: 12px; top: -60px; z-index: 200; background: var(--ivory); color: var(--ink); padding: 10px 16px; border-radius: 999px; font-weight: 600; text-decoration: none; transition: top .2s; }
.lp-skip:focus{ top: 12px; }
.lp-icon{ width: 1.15em; height: 1.15em; flex: none; }
.lp-icon--flip{ transform: scaleX(-1); }
.lp::after{
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 95; opacity: .06;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.lp-stamp{ display: flex; align-items: center; gap: 14px; }
.lp-stamp__t{ font-family: var(--display); font-size: 1.9rem; line-height: .8; letter-spacing: .01em; padding-top: .08em; color: var(--rose-hi); }
.lp-stamp__l{ display: inline-flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ivory-2); }
.lp-stamp__l::before{ content: ""; width: 30px; height: 1px; background: var(--rose-line); }
.lp-stamp--center{ justify-content: center; }
.lp-h2, .lp-h3{
  font-family: var(--head); font-weight: 500; color: inherit; text-wrap: balance; hyphens: manual;
}
.lp-h2{ font-size: clamp(2.7rem, 1.1rem + 5.9vw, 7.4rem); line-height: .96; letter-spacing: -.04em; }
.lp-h2 em, .lp-h3 em, .lp-peak__title em, .lp-mpanel__big em, .lp-stat em{ font-style: normal; color: var(--rose-mid); }
.lp-lede{ font-size: 1.04em; color: var(--ivory-2); max-width: 36em; text-wrap: pretty; }
.lp-micro{ font-size: 13.5px; color: var(--ivory-2); letter-spacing: 0; }
.lp-btn{
  --h: 56px;
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--h); padding: 0 30px; border-radius: 999px;
  font-family: var(--sans); font-size: 15.5px; font-weight: 600; letter-spacing: -.005em; line-height: 1;
  text-decoration: none; white-space: nowrap; overflow: hidden; isolation: isolate;
  transition: transform .45s var(--ease-out), box-shadow .45s var(--ease-out), filter .3s;
  -webkit-tap-highlight-color: transparent; will-change: transform;
}
.lp-btn--primary{ color: var(--ink); background: var(--rose-grad); box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .6); }
.lp-btn--primary:hover{ filter: brightness(1.05); box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .6); }
.lp-btn:active, .lp-btn.is-pressed{ transition-duration: .1s; }
.lp-btn--lg{ --h: 62px; padding: 0 36px; font-size: 16.5px; }
.lp-btn--sm{ --h: 42px; padding: 0 20px; font-size: 14px; }
.lp-btn[disabled], .lp-btn[aria-disabled="true"]{ filter: saturate(.3) brightness(.7); cursor: progress; }
.lp-roll{ position: relative; display: inline-grid; overflow: hidden; height: 1.3em; line-height: 1.3em; }
.lp-roll > span{ grid-area: 1 / 1; transition: transform .55s var(--ease-out), filter .55s var(--ease-out), opacity .55s; }
.lp-roll > span + span{ transform: translateY(110%); filter: blur(5px); opacity: 0; }
@media (hover: hover){
  a:hover > .lp-roll > span:first-child, button:hover > .lp-roll > span:first-child{ transform: translateY(-110%); filter: blur(5px); opacity: 0; }
  a:hover > .lp-roll > span + span, button:hover > .lp-roll > span + span{ transform: none; filter: none; opacity: 1; }
}
.lp-link, .lp-link-quiet{
  display: inline-flex; align-items: center; gap: .5em; min-height: 44px; padding: 10px 0;
  font-weight: 600; font-size: 15.5px; letter-spacing: -.005em; text-decoration: none; color: var(--rose);
  background: linear-gradient(currentColor, currentColor) 0 calc(100% - 9px) / 0 1px no-repeat;
  transition: background-size .5s var(--ease-out), color .3s;
}
.lp-link .lp-icon{ transition: transform .45s var(--ease-out); }
.lp-link:hover, .lp-link-quiet:hover{ background-size: 100% 1px; }
.lp-link:hover .lp-icon{ transform: translateX(4px); }
.lp-link-quiet{ color: var(--ivory-2); font-weight: 500; }
.lp-link--ink{ color: var(--rose-deep); }
.lp-round{
  width: 48px; height: 48px; flex: none; border-radius: 50%; display: inline-grid; place-items: center;
  border: 1px solid var(--line-2); color: inherit; text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .2s var(--ease-out);
}
.lp-round:hover{ border-color: var(--rose); background: rgba(233, 167, 169, .08); }
.lp-round:active{ transform: scale(.94); }
.lp-round .lp-icon{ width: 20px; height: 20px; }
.lp-spark{ position: fixed; z-index: 300; pointer-events: none; width: 4px; height: 4px; border-radius: 50%; background: radial-gradient(circle, #fff 0 35%, #FCF0F0 36% 60%, transparent 62%); animation: lp-spark .7s cubic-bezier(.16, 1, .3, 1) forwards; }
.lp-fillw{ opacity: .2; transition: opacity .35s linear; }
.lp-fillw.is-on{ opacity: 1; }
.no-js .lp-fillw{ opacity: 1; }
.lp-hero{ position: relative; z-index: 2; }
.lp-hero__pin{
  position: relative; min-height: 100svh; overflow: hidden; isolation: isolate;
  display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(16px, 1fr) auto auto auto;
  grid-template-areas: "top" "." "title" "mid" "foot";
  padding: calc(var(--header-h) + 10px) var(--g) calc(14px + env(safe-area-inset-bottom));
  background: var(--ink);
}
.lp-motion .lp-hero{ height: 270svh; }
.lp-motion .lp-hero__pin{ position: sticky; top: 0; height: 100svh; min-height: 0; }
.lp-hero__bg{ position: absolute; inset: 0; z-index: -3; overflow: hidden; background: var(--ink); }
.lp-hero__media{ position: absolute; inset: -4%; translate: var(--mx, 0) var(--my, 0); scale: var(--bs, 1); will-change: transform; }
.lp-hero__media img, .lp-hero__media video{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lp-hero__video{ opacity: 0; transition: opacity 1.4s var(--ease); }
.lp-hero__video.is-ready{ opacity: 1; }
.lp-hero__shade{
  position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(11, 9, 9, .66) 0%, rgba(11, 9, 9, .1) 22%, transparent 40%, rgba(11, 9, 9, .34) 64%, rgba(11, 9, 9, .9) 100%),
    linear-gradient(90deg, rgba(11, 9, 9, .42) 0%, transparent 42%);
}
.lp-hero__shade::after{ content: ""; position: absolute; inset: 0; background: var(--ink); opacity: var(--hd, 0); }
.lp-fog{ position: absolute; left: -25%; right: -25%; bottom: -10%; height: 52%; pointer-events: none; z-index: 1; }
.lp-fog i{ position: absolute; inset: 0; will-change: transform; animation: lp-drift 34s ease-in-out infinite alternate; background: radial-gradient(38% 48% at 28% 72%, rgba(245, 238, 233, .15), transparent 70%), radial-gradient(30% 40% at 70% 82%, rgba(245, 238, 233, .11), transparent 72%); }
.lp-fog i:nth-child(2){ animation-duration: 47s; animation-direction: alternate-reverse; background: radial-gradient(34% 44% at 52% 86%, rgba(246, 207, 208, .12), transparent 70%), radial-gradient(26% 36% at 12% 90%, rgba(245, 238, 233, .1), transparent 72%); }
.lp-fog i:nth-child(3){ animation-duration: 63s; background: radial-gradient(44% 38% at 86% 76%, rgba(245, 238, 233, .1), transparent 70%); }
.lp-embers{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.lp-hero__top{ grid-area: top; position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 10px 20px; flex-wrap: wrap; }
.lp-hero__meta{ display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--ivory-2); }
.lp-hero__meta time{ color: var(--ivory); font-variant-numeric: tabular-nums; }
.lp-hero__sep{ opacity: .5; }
.lp-live{ position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--rose); }
.lp-live::after{ content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid var(--rose); animation: lp-ping 2.4s var(--ease-out) infinite; }
.lp-hero__mid{ grid-area: mid; position: relative; z-index: 3; display: grid; gap: 22px; align-items: start; margin-top: clamp(16px, 3vh, 26px); }
.lp-hero__side{ display: grid; gap: 20px; }
.lp-hero__lede, .lp-index a{ text-shadow: 0 1px 2px rgba(11, 9, 9, .45), 0 1px 18px rgba(11, 9, 9, .6); }
.lp-hero__lede{ font-size: clamp(1.06rem, .98rem + .4vw, 1.32rem); font-weight: 500; line-height: 1.42; letter-spacing: -.012em; color: var(--ivory); max-width: 24em; text-wrap: pretty; }
.lp-hero__actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.lp-hero__actions .lp-micro{ color: var(--ivory-2); }
.lp-index{ display: none; }
.lp-index a{ display: grid; grid-template-columns: auto minmax(40px, 1fr) auto; align-items: center; gap: 16px; padding: 3px 0; text-decoration: none; color: var(--ivory); font-size: clamp(1.02rem, .9rem + .35vw, 1.28rem); font-weight: 500; letter-spacing: -.012em; line-height: 1.4; }
.lp-index b{ font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ivory); transition: color .3s; }
.lp-index i{ position: relative; height: 1px; background: var(--rose); opacity: .75; transform-origin: 0 50%; }
.lp-index i::after{ content: ""; position: absolute; right: -1px; top: -2.5px; width: 6px; height: 6px; border-radius: 50%; background: var(--rose-hi); opacity: 0; transform: scale(.4); transition: opacity .3s, transform .45s var(--ease-out); }
.lp-index span{ display: inline-block; transition: transform .5s var(--ease-out), color .3s; }
.lp-index a:hover b{ color: var(--rose); }
.lp-index a:hover span{ transform: translateX(-10px); color: var(--rose-hi); }
.lp-index a:hover i::after{ opacity: 1; transform: none; }
.lp-hero__title{
  grid-area: title; position: relative; z-index: 4;
  font-family: var(--display); font-weight: 400; text-transform: uppercase;
  font-size: clamp(3.2rem, min(calc((100vw - 2 * var(--g)) / 4.9), 10.6svh), 9rem); line-height: .84; letter-spacing: -.008em;
  color: var(--ivory); margin: 0 0 0 -.03em; text-wrap: balance;
  text-shadow: 0 2px 34px rgba(11, 9, 9, .38);
}
@media (min-width: 720px){
  .lp-hero__title{ font-size: clamp(4.5rem, min(calc((100vw - 2 * var(--g)) / 5.6), 15svh), 11rem); }
}
@media (min-width: 1024px){
  .lp-hero__title{ font-size: clamp(4.5rem, min(1.6rem + 9.3vw, 17.5svh), 14rem); }
}
.lp-hl{ display: block; overflow: clip; padding-top: .07em; margin-top: -.07em; will-change: transform; }
.lp-hl > span{ display: inline-block; }
.lp-hl--dim{ color: rgba(245, 238, 233, .6); }
.lp-hero__title em{ font-style: normal; color: var(--rose); }
.lp-oslot{ position: relative; display: inline-block; width: 1.28em; height: .66em; margin: 0 .03em; vertical-align: .05em; border-radius: .09em; }
.lp-oslot i{ position: absolute; inset: 0; z-index: 1; border-radius: inherit; box-shadow: inset 0 0 0 .02em rgba(246, 207, 208, .85); opacity: var(--ro, 1); }
.no-js .lp-oslot, .lp-hero:not(.is-portal-ready) .lp-oslot{ background: url("../assets/media/portal-d-poster.webp") 50% 50% / cover; }
.lp-hero__foot{ grid-area: foot; position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: clamp(12px, 2.4vh, 22px); padding-top: clamp(12px, 2vh, 18px); }
.lp-hero__rule{ position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--rose); opacity: .7; transform-origin: 0 50%; }
.lp-cue{ display: none; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; color: var(--ivory-2); text-decoration: none; transition: color .3s; }
.lp-cue:hover{ color: var(--ivory); }
.lp-cue__dot{ position: relative; width: 22px; height: 34px; border-radius: 12px; border: 1px solid var(--line-2); }
.lp-cue__dot::after{ content: ""; position: absolute; left: 50%; top: 7px; width: 3px; height: 7px; margin-left: -1.5px; border-radius: 2px; background: var(--rose); transition: transform .6s var(--ease-out); }
.lp-cue:hover .lp-cue__dot::after{ transform: translateY(10px); }
.lp-hero__vert{ display: none; }
.lp-petar-card{
  position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; width: 100%; max-width: 380px;
  padding: 10px 12px 10px 10px; border-radius: 20px; text-decoration: none; color: var(--ivory);
  background: rgba(16, 12, 13, .74); border: 1px solid var(--line);
  transition: border-color .3s, background-color .3s;
}
.lp-petar-card:hover{ border-color: var(--rose-line); background: rgba(40, 26, 28, .5); }
@media (max-height: 700px) and (max-width: 1023px){
  .lp-petar-card{ display: none; }
}
.lp-petar-card__o{ width: 34px; height: 55px; display: grid; place-items: center; }
.lp-petar-card__o svg{ width: 100%; height: 100%; }
.lp-petar-card__txt{ display: grid; line-height: 1.25; }
.lp-petar-card__k{ font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ivory-3); }
.lp-petar-card__n{ font-size: 1.22rem; font-weight: 600; letter-spacing: -.02em; }
.lp-petar-card__p{ font-size: 13px; color: var(--ivory-2); font-variant-numeric: tabular-nums; }
.lp-petar-card__go{ width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--rose-grad); color: var(--ink); }
.lp-petar-card__go .lp-icon{ width: 18px; height: 18px; }
@media (min-width: 1024px){
  .lp-hero__pin{ grid-template-rows: auto minmax(min-content, 1fr) auto auto; grid-template-areas: "top" "mid" "title" "foot"; padding-bottom: 20px; }
  .lp-hero__mid{ padding-block: 14px; }
  .lp-hero__mid{ align-self: center; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 8vw; margin: 0; }
  .lp-index{ display: grid; gap: 4px; justify-self: end; width: min(100%, 560px); }
  .lp-cue{ display: inline-flex; }
  .lp-hero__vert{
    display: block; position: absolute; right: calc(var(--g) - .1em); bottom: clamp(120px, 21vh, 210px); z-index: 3;
    writing-mode: vertical-rl; transform: rotate(180deg);
    font-family: var(--display); font-size: clamp(1.3rem, .9rem + .7vw, 1.8rem); letter-spacing: .02em; line-height: 1; color: var(--ivory);
  }
  .lp-hero__title{ padding-right: 2.4rem; }
}
@media (min-width: 1024px) and (max-height: 820px){
  .lp-hero__title{ font-size: clamp(4rem, min(1.6rem + 9.3vw, 16.5svh), 14rem); }
  .lp-hero__lede{ font-size: 1.04rem; }
  .lp-hero__side{ gap: 14px; }
  .lp-index a{ font-size: 1rem; padding: 1px 0; }
  .lp-petar-card__k{ display: none; }
  .lp-petar-card{ padding-block: 6px; }
}
@media (min-width: 1024px) and (max-height: 660px){
  .lp-hero__title{ font-size: clamp(3.6rem, min(1.6rem + 9.3vw, 14svh), 14rem); }
  .lp-hero__pin{ padding-top: calc(var(--header-h) + 4px); padding-bottom: 12px; }
  .lp-hero__mid{ padding-block: 8px; }
  .lp-hero__foot{ margin-top: 8px; padding-top: 10px; }
  .lp-petar-card__o{ width: 26px; height: 42px; }
}
.lp-oportal{ display: none; position: absolute; inset: 0; z-index: 3; overflow: hidden; pointer-events: none; clip-path: inset(50% 50% 50% 50%); }
.lp-motion .lp-hero.is-portal-ready .lp-oportal{ display: block; }
.lp-oportal__m{ position: absolute; inset: 0; background: var(--ink-3); transform-origin: 50% 50%; will-change: transform; }
.lp-oportal__m img, .lp-oportal__m video{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lp-oportal video{ opacity: 0; transition: opacity .9s var(--ease); }
.lp-oportal video.is-ready{ opacity: 1; }
.lp-oportal__shade{ position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 9, 9, .5), rgba(11, 9, 9, .38) 40%, rgba(11, 9, 9, .82)); opacity: var(--so, 0); }
.lp-manifesto{ position: relative; z-index: 3; text-align: center; padding: 64px 0 24px; display: grid; gap: 22px; justify-items: center; grid-column: 1 / -1; }
.lp-motion .lp-manifesto{ position: absolute; inset: 0; z-index: 7; align-content: center; padding: var(--header-h) var(--g) 40px; opacity: var(--m, 0); pointer-events: none; }
.lp-manifesto__line{ font-family: var(--display); text-transform: uppercase; font-size: clamp(3.6rem, 1.2rem + 9.4vw, 12.5rem); line-height: .86; letter-spacing: -.004em; max-width: 11ch; text-wrap: balance; }
.lp-manifesto__sub{ max-width: 30em; color: var(--ivory-2); font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 500; }
.lp-manifesto .lp-fillw{ opacity: .16; }
.lp-manifesto .lp-fillw.is-on{ opacity: 1; }
.lp-motion .lp-hero__bg{ animation: lp-iris 1.9s cubic-bezier(.76, 0, .24, 1) .05s backwards; }
.lp-motion .lp-hero__media{ animation: lp-settle 3s var(--ease-out) backwards; }
.lp-motion .lp-hl > span{ animation: lp-line-up 1.3s var(--ease-out) backwards; animation-delay: calc(.75s + var(--l) * .13s); }
.lp-motion .lp-oslot i{ animation: lp-pop 1s var(--ease-out) 1.35s backwards; }
.lp-motion .lp-oportal{ animation: lp-fade .8s var(--ease-out) 1.35s backwards; }
.lp-motion .lp-hero__rule{ animation: lp-draw 1.6s var(--ease-out) 1.05s backwards; }
.lp-motion .lp-index i{ animation: lp-draw 1.1s var(--ease-out) backwards; animation-delay: calc(1.15s + var(--i) * .09s); }
.lp-motion .lp-index b, .lp-motion .lp-index span{ animation: lp-rise .9s var(--ease-out) backwards; animation-delay: calc(1.2s + var(--i) * .09s); }
.lp-motion .lp-in{ animation: lp-rise 1.1s var(--ease-out) backwards; animation-delay: calc(var(--d, 0) * 110ms + .35s); }
.lp-motion .lp-hero__vert.lp-in{ animation-name: lp-fade; }
.lp-motion .lp-body--hero .lp-header{ animation: lp-drop 1.1s var(--ease-out) .55s backwards; }
.lp-tile{ position: relative; }
.lp-tile figcaption{ margin-top: 10px; font-size: 12.5px; color: var(--ivory-3); line-height: 1.4; }
.lp-tile figcaption span{ display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ivory-2); margin-bottom: 2px; }
.lp-tile__media{ position: relative; overflow: hidden; border-radius: var(--r-o); background: var(--ink-3); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8); }
.lp-tile__media > img, .lp-tile__media > video{ width: 100%; height: 100%; object-fit: cover; }
.lp-tile--portal .lp-tile__media{ aspect-ratio: 118 / 191; }
.lp-tile--tall .lp-tile__media{ aspect-ratio: 9 / 16; }
.lp-tile--wide .lp-tile__media{ aspect-ratio: 16 / 9; }
.lp-tile--sq .lp-tile__media{ aspect-ratio: 4 / 5; }
.lp-tile--wide{ grid-column: 1 / -1; }
.lp-reel__media{ position: relative; aspect-ratio: 9 / 16; border-radius: var(--r-o); overflow: hidden; background: var(--ink-3); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9); transition: transform .6s var(--ease-out); }
.lp-reel__media video{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
.lp-reel__media::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(246, 207, 208, .12); background: linear-gradient(180deg, transparent 60%, rgba(11, 9, 9, .55)); pointer-events: none; }
.lp-reel a:hover .lp-reel__media video{ transform: scale(1.04); }
.lp-reel__cap{ display: grid; gap: 2px; font-size: 13px; color: var(--ivory-3); line-height: 1.35; }
.lp-reel__cap b{ font-family: var(--head); font-weight: 600; font-size: 1.12rem; color: var(--ivory); letter-spacing: -.02em; }
.lp-reel__ig{ position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(11, 9, 9, .62); color: var(--ivory); }
.lp-reel__ig .lp-icon{ width: 17px; height: 17px; }
.lp-menu__foot .lp-btn{ width: 100%; }
.lp-eyebrow{ grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; margin-bottom: 4px; font-size: 14px; font-weight: 500; letter-spacing: -.005em; color: var(--ivory-2); }
.lp-eyebrow span{ color: var(--rose); font-variant-numeric: tabular-nums; }
.lp-eyebrow span::after{ content: "/"; margin-left: 1px; }
.lp-eyebrow::after{ content: ""; flex: 0 0 56px; height: 1px; background: var(--rose-line); transform-origin: 0 50%; transform: scaleX(0); transition: transform 1.1s var(--ease-out) .35s; }
.lp-eyebrow.is-in::after, .no-js .lp-eyebrow::after{ transform: none; }
.lp-btn--primary::after{ content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(110deg, transparent 28%, rgba(255, 255, 255, .75) 46%, transparent 62%); transform: translateX(-130%); pointer-events: none; }
.lp-btn--primary:hover::after{ animation: lp-shine-once .9s var(--ease-out); }
.lp-motion .lp-btn--lg.lp-btn--primary::after{ animation: lp-shine 5.5s var(--ease-io) 2.6s 2; }
.lp-motion .lp-btn--lg.lp-btn--primary:hover::after{ animation: lp-shine-once .9s var(--ease-out); }
.lp-blog{ position: relative; z-index: 3; background: var(--ink); padding: clamp(80px, 13vh, 150px) var(--g) clamp(60px, 10vh, 110px); border-top: 1px solid var(--line); }
.lp-blog__head{ display: grid; gap: 18px; margin-bottom: clamp(28px, 5vh, 56px); }
.lp-blog__all{ justify-self: start; }
.lp-blog__grid{ display: grid; gap: 14px; }
.lp-bcard{ position: relative; display: grid; gap: 10px; align-content: start; padding: 10px 10px 20px; border-radius: calc(var(--r-o) + 8px); background: rgba(24, 18, 19, .92); border: 1px solid var(--line); transition: border-color .4s; }
.lp-bcard:hover{ border-color: var(--rose-line); }
.lp-bcard > :not(.lp-bcard__media){ margin-left: 8px; margin-right: 8px; }
.lp-bcard__media{ position: relative; aspect-ratio: 16 / 10; border-radius: var(--r-o); overflow: hidden; background: var(--ink-3); margin-bottom: 6px; }
.lp-bcard__media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
.lp-bcard:hover .lp-bcard__media img{ transform: scale(1.04); }
.lp-bcard__meta{ font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--rose); }
.lp-bcard__t{ font-family: var(--head); font-weight: 500; font-size: clamp(1.55rem, 1.25rem + 1vw, 2.2rem); line-height: 1.04; letter-spacing: -.04em; text-wrap: balance; }
.lp-bcard__t a{ text-decoration: none; }
.lp-bcard__t a::after{ content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.lp-bcard__t a:focus-visible{ outline: none; }
.lp-bcard__t a:focus-visible::after{ outline: 2px solid var(--rose-hi); outline-offset: 3px; }
.lp-bcard__d{ color: var(--ivory-2); font-size: .96em; }
.lp-bcard__go{ display: inline-flex; align-items: center; gap: .5em; font-weight: 600; font-size: 15px; color: var(--rose); }
.lp-bcard__go .lp-icon{ transition: transform .45s var(--ease-out); }
.lp-bcard:hover .lp-bcard__go .lp-icon{ transform: translateX(4px); }
@media (min-width: 760px){
  .lp-blog__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-bcard--big{ grid-column: 1 / -1; }
}
@media (min-width: 1024px){
  .lp-blog__head{ grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: end; }
  .lp-blog__head .lp-h2{ grid-column: 1 / span 8; }
  .lp-blog__all{ grid-column: 10 / span 3; justify-self: end; }
  .lp-blog__grid{ grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 24px; }
  .lp-bcard{ grid-column: span 4; }
  .lp-bcard--big{ grid-column: 1 / span 7; grid-row: span 2; }
  .lp-bcard--big .lp-bcard__media{ aspect-ratio: 4 / 3; }
  .lp-bcard--big .lp-bcard__t{ font-size: clamp(2rem, 1.2rem + 2vw, 3.4rem); }
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big){ grid-column: 8 / span 5; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 18px; align-items: center; }
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big) .lp-bcard__media{ grid-row: 1 / span 4; margin: 0; aspect-ratio: 4 / 5; }
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big) > :not(.lp-bcard__media){ margin: 0 8px 0 0; }
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big) .lp-bcard__d{ display: none; }
}
.lp-page{ padding-top: calc(var(--header-h) + clamp(40px, 8vh, 90px)); }
.lp-crumbs{ display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ivory-3); margin-bottom: 22px; }
.lp-crumbs a{ color: var(--rose); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.lp-crumbs a:hover{ text-decoration: underline; }
.lp-bloglist{ padding: 0 var(--g) clamp(70px, 12vh, 140px); }
.lp-bloglist__head{ display: grid; gap: 20px; margin-bottom: clamp(30px, 6vh, 64px); }
.lp-post__head{ padding: 0 var(--g); max-width: 1100px; margin: 0 auto; display: grid; gap: 20px; }
.lp-post__title{ font-family: var(--head); font-weight: 500; font-size: clamp(2.5rem, 1.3rem + 4.6vw, 6rem); line-height: .98; letter-spacing: -.045em; text-wrap: balance; }
.lp-post__title em{ font-style: normal; color: var(--rose-mid); }
.lp-post__meta{ display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--ivory-3); }
.lp-post__meta b{ font-weight: 600; color: var(--ivory-2); }
.lp-post__cover{ margin: clamp(30px, 6vh, 60px) auto 0; padding: 0 var(--g); max-width: 1320px; }
.lp-post__cover .lp-tile__media{ aspect-ratio: 16 / 9; }
.lp-post__cover figcaption{ margin-top: 10px; font-size: 12.5px; color: var(--ivory-3); }
.lp-prose{ max-width: 720px; margin: 0 auto; padding: clamp(40px, 7vh, 80px) var(--g) 0; color: var(--ivory-2); font-size: 1.04em; }
.lp-prose > * + *{ margin-top: 1.1em; }
.lp-prose h2{ margin-top: 2em; font-family: var(--head); font-weight: 500; font-size: clamp(1.9rem, 1.4rem + 1.8vw, 2.9rem); line-height: 1.02; letter-spacing: -.04em; color: var(--ivory); text-wrap: balance; }
.lp-prose h3{ margin-top: 1.7em; font-family: var(--head); font-weight: 600; font-size: 1.35rem; letter-spacing: -.025em; color: var(--ivory); }
.lp-prose h2 + *, .lp-prose h3 + *{ margin-top: .6em; }
.lp-prose strong{ color: var(--ivory); font-weight: 650; }
.lp-prose em{ font-style: italic; }
.lp-prose a{ color: var(--rose); }
.lp-prose ul, .lp-prose ol{ display: grid; gap: 8px; }
.lp-prose ul li{ position: relative; padding-left: 22px; }
.lp-prose ul li::before{ content: ""; position: absolute; left: 0; top: .78em; width: 11px; height: 1px; background: var(--rose); }
.lp-prose ol{ counter-reset: lp-ol; }
.lp-prose ol li{ position: relative; padding-left: 38px; counter-increment: lp-ol; }
.lp-prose ol li::before{ content: counter(lp-ol, decimal-leading-zero); position: absolute; left: 0; top: .1em; font-family: var(--display); font-size: 1.3em; line-height: 1; color: var(--rose); }
.lp-prose blockquote{ padding: 6px 0 6px 22px; border-left: 1px solid var(--rose); font-family: var(--head); font-weight: 500; font-size: 1.35em; line-height: 1.25; letter-spacing: -.03em; color: var(--ivory); }
.lp-prose figure{ margin-top: 2em; margin-bottom: 2em; }
.lp-prose figure .lp-tile__media{ aspect-ratio: auto; }
.lp-prose figure img, .lp-prose figure video{ width: 100%; height: auto; }
.lp-prose figcaption{ margin-top: 10px; font-size: 13px; color: var(--ivory-3); }
.lp-prose .lp-figure--wide{ margin-left: calc(-1 * min(12vw, 160px)); margin-right: calc(-1 * min(12vw, 160px)); }
@media (max-width: 1023px){
  .lp-prose .lp-figure--wide{ margin-left: 0; margin-right: 0; }
}
.lp-reelcard{ display: grid; grid-template-columns: minmax(0, 150px) 1fr; gap: 18px; align-items: center; padding: 10px; border-radius: calc(var(--r-o) + 8px); background: rgba(24, 18, 19, .92); border: 1px solid var(--line); text-decoration: none; color: inherit; transition: border-color .4s; }
.lp-reelcard:hover{ border-color: var(--rose-line); }
.lp-reelcard .lp-reel__media{ aspect-ratio: 9 / 16; }
.lp-reelcard__t{ display: grid; gap: 6px; }
.lp-reelcard__t b{ font-family: var(--head); font-weight: 500; font-size: 1.5rem; line-height: 1.05; letter-spacing: -.035em; color: var(--ivory); }
.lp-reelcard__t span{ color: var(--ivory-3); font-size: 14px; }
.lp-reelcard__t i{ font-style: normal; display: inline-flex; align-items: center; gap: .5em; color: var(--rose); font-weight: 600; font-size: 15px; }
.lp-postcta{ max-width: 920px; margin: clamp(50px, 9vh, 100px) auto 0; padding: 0 var(--g); }
.lp-postcta__in{ position: relative; overflow: hidden; display: grid; gap: 18px; justify-items: start; padding: clamp(26px, 4vw, 48px); border-radius: 28px; background: rgba(18, 14, 15, .92); border: 1px solid var(--rose-line); isolation: isolate; }
.lp-postcta__in::before{ content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 80% at 100% 0%, rgba(246, 207, 208, .16), transparent 70%); }
.lp-postcta__t{ font-family: var(--head); font-weight: 500; font-size: clamp(2rem, 1.4rem + 2.2vw, 3.4rem); line-height: 1; letter-spacing: -.045em; }
.lp-postcta__t em{ font-style: normal; color: var(--rose-mid); }
.lp-postcta__a{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.lp-more{ padding: clamp(70px, 12vh, 130px) var(--g) clamp(40px, 8vh, 80px); }
.lp-more__head{ display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 26px; }
.lp-more__t{ font-family: var(--head); font-weight: 500; font-size: clamp(1.9rem, 1.4rem + 1.8vw, 2.9rem); line-height: 1; letter-spacing: -.04em; }
@media (min-width: 1024px){
  .lp-more .lp-blog__grid .lp-bcard{ grid-column: span 6; }
  .lp-bloglist .lp-bcard:first-child{ grid-column: 1 / span 7; }
}
.lp-btn--ghost{ color: var(--ivory); border: 1px solid var(--line-2); transition: transform .45s var(--ease-out), border-color .3s, background-color .3s; }
.lp-btn--ghost:hover{ border-color: var(--rose); background: rgba(233, 167, 169, .08); }
.lp-more__t em{ font-style: normal; color: var(--rose-mid); }
.lp-post__meta b{ font-weight: 600; color: var(--ivory-2); }
.lp-post__head .lp-lede{ font-size: clamp(1.1rem, 1rem + .5vw, 1.4rem); }
.lp-post__cover--two{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lp-post__cover--two .lp-tile__media{ aspect-ratio: 4 / 5; }
.lp-post__cover--two .lp-tile__media > img, .lp-post__cover--two .lp-tile__media > video{ width: 100%; height: 100%; object-fit: cover; }
.lp-post__cap{ grid-column: 1 / -1; font-size: 12.5px; color: var(--ivory-3); }
@media (min-width: 1024px){
  .lp-post__cover--two{ gap: 24px; max-width: 1100px; }
  .lp-post__cover--two .lp-tile__media{ aspect-ratio: 1; }
}
.lp-prose .lp-figs .lp-tile__media, .lp-prose .lp-fig--tall .lp-tile__media{ aspect-ratio: 4 / 5; }
.lp-prose .lp-figs .lp-tile__media > img, .lp-prose .lp-figs .lp-tile__media > video,
.lp-prose .lp-fig--tall .lp-tile__media > img, .lp-prose .lp-fig--tall .lp-tile__media > video{ height: 100%; object-fit: cover; }
.lp-prose .lp-fig--tall{ max-width: 460px; margin-left: auto; margin-right: auto; }
.lp-prose .lp-reelcard{ margin-top: 2em; }
.lp-prose h2 em{ font-style: normal; color: var(--rose-mid); }
.lp-bcard__t em{ font-style: normal; color: var(--rose-mid); }
@media (min-width: 1024px){
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big) .lp-bcard__media{ align-self: stretch; aspect-ratio: auto; min-height: 230px; }
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big) .lp-bcard__t{ font-size: clamp(1.35rem, 1rem + .85vw, 1.8rem); }
  .lp-blog__grid--home .lp-bcard:not(.lp-bcard--big){ align-content: stretch; }
}
.lp-motion .lp-page-in{ animation: lp-page-in .8s cubic-bezier(.22, 1, .36, 1) backwards; animation-delay: calc(var(--d, 0) * 70ms); }
.lp-header__menu .lp-icon{ width: 20px; height: 20px; }
.lp-wrap{ width: 100%; max-width: 1320px; margin: 0 auto; }
.lp-h2--md{ font-size: clamp(2.3rem, 1.25rem + 3.6vw, 4.9rem); line-height: .98; letter-spacing: -.042em; }
.lp-eyebrow{ margin-bottom: 0; }
[id]{ scroll-margin-top: calc(var(--header-h) + 20px); }
.lp-motion .lp-phead .lp-hl > span{ animation-duration: 1.1s; animation-delay: calc(.12s + var(--l, 0) * .12s); }
.lp-motion .lp-phead .lp-in{ animation-delay: calc(var(--d, 0) * 90ms + .1s); }
.lp-split__text .lp-lede{ font-size: clamp(1.05rem, 1rem + .3vw, 1.22rem); }
.lp-split__media .lp-tile__media{ aspect-ratio: 4 / 5; }
.lp-card4__go .lp-icon{ transition: transform .45s var(--ease-out); }
.lp-card4:hover .lp-card4__go .lp-icon{ transform: translateX(4px); }
.lp-cta__in .lp-lede{ color: var(--ivory); }
.lp-micro a{ color: var(--rose); font-weight: 650; text-decoration: none; font-variant-numeric: tabular-nums; }
.lp-micro a:hover{ text-decoration: underline; }
.lp-row__main .lp-tile__media{ aspect-ratio: 4 / 5; }
@media (min-width: 1024px){
  .lp-row__sub .lp-tile__media{ aspect-ratio: 4 / 5; box-shadow: 0 0 0 6px var(--ink), 0 40px 80px -30px rgba(0, 0, 0, .9); }
}
.lp-duo .lp-tile__media{ aspect-ratio: 3 / 4; }
.lp-duo .lp-tile figcaption{ font-size: 13px; }
.lp-pcard .lp-link{ justify-self: start; }
.lp-shot__play .lp-icon{ width: 15px; height: 15px; }
.lp-cinfo__i .lp-icon{ width: 19px; height: 19px; }
@media (prefers-reduced-motion: reduce){
  .lp *, .lp *::before, .lp *::after{ animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .15s !important; scroll-behavior: auto !important; }
  .lp-fog i, .lp-live::after, .lp-type__orbit{ animation: none !important; }
  .lp-embers{ display: none; }
  .lp-roll > span + span{ display: none; }
}
@media (prefers-reduced-transparency: reduce){
  .lp-petar-card{ background: var(--ink-2); }
}
@media (prefers-contrast: more){
  .lp{ --ivory-2: rgba(245, 238, 233, .92); --ivory-3: rgba(245, 238, 233, .78); --line: rgba(245, 238, 233, .3); }
}
.lp-final__actions .lp-btn{ width: 100%; max-width: 420px; }
.lp-cal__nav .lp-icon{ width: 18px; height: 18px; }
.lp-flow__close .lp-icon{ width: 20px; height: 20px; }
::view-transition-old(root){ animation: lp-vt-out .22s var(--ease, ease) both; }
::view-transition-new(root){ animation: lp-vt-in .42s cubic-bezier(.16, 1, .3, 1) both; }
@media (prefers-reduced-motion: reduce){
  ::view-transition-new(root){ animation: lp-vt-fade .18s linear both; }
}
.lp-sticky__phone .lp-icon{ width: 22px; height: 22px; }
@media (max-width: 1023px){
  .lp{ --sticky-h: calc(72px + env(safe-area-inset-bottom)); }
}
.lp-flow-open .lp-sticky, .lp-lock .lp-sticky{ transform: translateY(110%); }
.lp-phead .lp-crumbs{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ivory-2); }
.lp-phead .lp-crumbs a{ color: var(--rose); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.lp-phead .lp-crumbs a:hover{ text-decoration: underline; }
.lp-more2{ margin-top: clamp(40px, 6vh, 64px); display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; }
.lp-more2__k{ margin-right: 10px; font-size: 12px; font-weight: 650; letter-spacing: .2em; text-transform: uppercase; color: var(--ivory-3); }
@media (min-width: 1024px){
  .lp-peak2__body .lp-tile--wide{ grid-column: auto; }
}
@media (min-width: 900px){
  .lp-unsure .lp-btn{ grid-column: 2; grid-row: 1 / span 2; }
}
.lp-petar-media .lp-tile{ width: min(100%, 360px); }
.lp-petar-media .lp-petar-card{ position: relative; width: min(100%, 360px); }
.lp-steps4 .lp-link{ justify-self: start; }
.lp-venue .lp-link{ justify-self: start; }
.lp-reels__nav{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.lp-reels__btns{ display: none; gap: 8px; }
@media (hover: hover) and (min-width: 1024px){
  .lp-reels__btns{ display: inline-flex; }
}
.lp-reel{ scroll-snap-align: start; }
.lp-reel a{ position: relative; display: grid; gap: 12px; text-decoration: none; }
.lp-reel:hover .lp-reel__media{ transform: translateY(-4px); }
.lp-faq2 > header .lp-link{ justify-self: start; }
.lp{ --spring: cubic-bezier(.2, .8, .2, 1); }
@supports (transition-timing-function: linear(0, 1)){
  .lp{ --spring: linear(0, 0.035, 0.115, 0.215, 0.321, 0.423, 0.517, 0.6, 0.672, 0.733, 0.784, 0.826, 0.861, 0.889, 0.912, 0.93, 0.945, 0.956, 0.966, 0.973, 0.979, 0.984, 0.987, 0.99, 0.992, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.999, 1); }
}
.lp-btn, .lp-round, .lp-link, .lp-link-quiet, .lp-filter button, .lp-timeline a, .lp-cal__nav, .lp-sticky__phone, .lp-header__menu, .lp-flow__back, .lp-summary__edit, .lp-segmented span{
  -webkit-tap-highlight-color: transparent;
}
.lp-btn:active, .lp-filter button:active, .lp-timeline a:active, .lp-sticky__phone:active, .lp-header__menu:active, .lp-cal__nav:active:not(:disabled), .lp-segmented label:active span{
  transform: scale(.96); transition: transform 90ms ease-out, box-shadow .2s, filter .2s;
}
.lp-link:active, .lp-link-quiet:active, .lp-flow__back:active{ opacity: .62; transition: opacity 60ms; }
.lp-card4__media, .lp-shot__btn, .lp-pcard__media, .lp-venue__photo, .lp-reel__media, .lp-keep__media, .lp-steps4__media{ transition: transform .55s var(--spring); }
.lp-card4:active .lp-card4__media, .lp-shot__btn:active, .lp-pcard:active .lp-pcard__media, .lp-venue:active .lp-venue__photo, .lp-reel a:active .lp-reel__media{ transform: scale(.975); transition-duration: 90ms; transition-timing-function: ease-out; }
@media (hover: hover) and (pointer: fine){
  .lp-card4__go .lp-icon, .lp-link .lp-icon{ transition: transform .5s var(--spring); }
}
@media (prefers-reduced-motion: reduce){
  .lp-btn:active, .lp-filter button:active, .lp-timeline a:active, .lp-card4:active .lp-card4__media, .lp-shot__btn:active, .lp-pcard:active .lp-pcard__media, .lp-venue:active .lp-venue__photo, .lp-reel a:active .lp-reel__media{ transform: none; }
}
.lp{ --ease-o: cubic-bezier(.7, 0, .2, 1); }
.lp-about2__text .lp-h2{ max-width: 15em; }
.lp-hs__head .lp-more2{ margin-top: 4px; }
.lp-motion [data-drift] > li{ will-change: translate; }
.lp-sec--paper .lp-h2 em{ color: var(--rose-deep); }
.lp-sec--paper .lp-micro{ color: var(--paper-ink-2); }
.lp-sec--paper .lp-link--ink{ color: var(--rose-deep); }
.lp-stack__card .lp-tile__media{ aspect-ratio: auto; height: min(40vh, 420px); box-shadow: none; }
.lp-stack__card .lp-tile figcaption{ padding: 0 4px; }
@media (min-width: 1024px){
  .lp-stack__card .lp-tile__media{ height: min(64vh, 600px); }
}
.lp-pkg__list .lp-icon{ width: 18px; height: 18px; margin-top: 2px; color: var(--rose); }
.lp-pnote__i .lp-icon{ width: 24px; height: 24px; }
@media (min-width: 1024px) and (hover: hover) and (pointer: fine){
  .lp-vlist .lp-venue .lp-link{ grid-area: link; }
}
.lp-phead .lp-crumbs{ margin-bottom: 0; }
.lp-pkg__list--base .lp-icon{ color: rgba(233, 167, 169, .55); }
.lp-hs .lp-hs__head .lp-h2{ font-size: clamp(2.3rem, 1.3rem + 3vw, 4.4rem); }
@media (max-width: 1023px){
  .lp-stack__card .lp-tile__media{ height: min(34vh, 320px); }
  .lp-stack__card .lp-tile figcaption{ display: none; }
}
.lp-pkg__foot .lp-btn--sm{ --h: 44px; }
.lp-phead .lp-crumbs{ font-size: 14.5px; font-weight: 550; letter-spacing: 0; text-transform: none; color: var(--ivory-2); gap: 4px 10px; }
.lp-phead .lp-crumbs a{ color: var(--ivory); text-decoration: underline; text-decoration-color: var(--rose-line); text-underline-offset: .25em; }
.lp-phead .lp-crumbs a:hover{ text-decoration-color: var(--rose); }
.lp-phead .lp-crumbs span[aria-hidden]{ color: var(--rose); }
.lp-stamp--after{ gap: 12px; margin-top: -4px; }
.lp-stamp--after .lp-stamp__t{ font-size: 2.3rem; color: var(--rose); }
.lp-stamp--after .lp-stamp__l{ font-size: 15px; font-weight: 550; letter-spacing: 0; text-transform: none; color: var(--ivory-2); }
.lp-stamp--after .lp-stamp__l::before{ width: 22px; }
.lp-peak2__head .lp-stamp--after{ margin-top: 0; }
.lp-sec__head .lp-stamp--after{ margin-top: 0; }