@layer blocks{.mini-gift-delivery__cards{gap:var(--space-m-l);max-width:67.5rem}.mini-gift-delivery__card{overflow:hidden;background:var(--clr-white);border-radius:var(--border-radius-l);box-shadow:var(--shadow-card);transition:transform var(--transition-speed-slow) var(--ease-smooth),box-shadow var(--transition-speed-slow) var(--ease-smooth)}.mini-gift-delivery__card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.mini-gift-delivery__card-media{position:relative;aspect-ratio:12 / 5;overflow:hidden;background:linear-gradient(160deg,#f7f5f3,#e5e1dc);transition:transform var(--transition-speed-slow) var(--ease-smooth)}.mini-gift-delivery__card:hover .mini-gift-delivery__card-media{transform:scale(1.02)}.mini-gift-delivery__card-media svg,.mini-gift-delivery__card-media img{width:100%;height:100%;object-fit:cover}.mini-gift-delivery__card-content{padding:var(--space-s) var(--space-m) var(--space-m)}.mini-gift-delivery__card-title{margin-block-end:var(--space-2xs);line-height:var(--lh-tight)}}@layer blocks{.mini-presentation__cards{gap:var(--space-m);max-width:72rem}.mini-presentation__card{align-content:start;overflow:hidden;background:var(--clr-white);border-radius:var(--border-radius-l);box-shadow:var(--shadow-card);transition:transform var(--transition-speed-slow) var(--ease-smooth),box-shadow var(--transition-speed-slow) var(--ease-smooth)}.mini-presentation__card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.mini-presentation__card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(160deg,#f7f5f3,#e5e1dc);transition:transform var(--transition-speed-slow) var(--ease-smooth)}.mini-presentation__card:hover .mini-presentation__card-media{transform:scale(1.02)}.mini-presentation__card-content{padding:var(--space-s) var(--space-s) var(--space-m)}.mini-presentation__card-title{margin-block-end:var(--space-2xs);line-height:var(--lh-tight)}.mini-presentation__card--overview{grid-column:1 / -1}@media(min-width:64em){.mini-presentation__card--overview{grid-column:span 1}}.mini-presentation__list{gap:var(--space-2xs);margin:0;padding:0;list-style:none}.mini-presentation__list-item{gap:var(--space-xs);line-height:var(--lh-normal)}.mini-presentation__list-number{flex-shrink:0;width:1.625rem;height:1.625rem;font-family:var(--ff-serif);font-weight:var(--fw-normal);color:var(--clr-text);background:var(--clr-white);border:1.5px solid var(--clr-text);border-radius:50%}}@layer blocks{.mini-phone__card{--_shadow: 0 2px 6px hsl(0 0% 0% / .05), 0 8px 22px hsl(0 0% 0% / .1);--_shadow-hover: 0 4px 10px hsl(0 0% 0% / .08), 0 12px 32px hsl(0 0% 0% / .12)}.mini-phone__cards{display:grid;grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);column-gap:var(--space-l);max-width:67.5rem}@media(max-width:64rem){.mini-phone__cards{grid-template-rows:auto;grid-template-columns:1fr;gap:var(--space-l)}}.mini-phone__card{display:grid;grid-template-rows:subgrid;grid-row:span 2;overflow:hidden;background:var(--clr-white);border-radius:var(--border-radius-l);box-shadow:var(--_shadow);transition:transform var(--transition-speed) var(--ease-smooth),box-shadow var(--transition-speed) var(--ease-smooth)}@media(max-width:64rem){.mini-phone__card{grid-template-rows:auto auto;grid-row:auto}}.mini-phone__card:hover{box-shadow:var(--_shadow-hover);transform:translateY(-4px) scale(1.02)}.mini-phone__card-media{position:relative;max-width:520px;aspect-ratio:1953 / 1000;background:linear-gradient(160deg,#f3f1ec,#e4dfd8);transition:transform var(--transition-speed) var(--ease-smooth)}.mini-phone__card-media--qr{background:linear-gradient(160deg,#f5ecea,#e8d7d4)}.mini-phone__card:hover .mini-phone__card-media{transform:scale(1.03)}.mini-phone__card-media img{width:100%;height:100%;object-fit:cover}.mini-phone__card-icon{color:var(--clr-text-40)}.mini-phone__card-media-label{position:absolute;inset-block-end:var(--space-xs);inset-inline-end:var(--space-s);color:var(--clr-text-40)}.mini-phone__card-content{padding:var(--space-s) var(--space-m) var(--space-m);overflow:hidden}.mini-phone__card-title{margin-block-end:var(--space-2xs)}.mini-phone__card-tagline{margin-block-start:var(--space-2xs)}.mini-phone__steps-section{padding-block-start:var(--space-xl)}.mini-phone__steps{display:grid;grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);gap:var(--space-m);padding-block-start:var(--space-m)}@media(max-width:64rem){.mini-phone__steps{grid-template-rows:auto auto auto auto;grid-template-columns:repeat(2,1fr)}}@media(max-width:40rem){.mini-phone__steps{grid-template-rows:auto;grid-template-columns:1fr;max-width:20rem;margin-inline:auto}}.mini-phone__step{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:var(--space-xs);padding:var(--space-m) var(--space-s) var(--space-s);background:var(--clr-white);border-radius:var(--border-radius-m);box-shadow:var(--shadow-card);transition:transform var(--transition-speed) var(--ease-smooth),box-shadow var(--transition-speed) var(--ease-smooth)}@media(max-width:40rem){.mini-phone__step{display:flex;flex-direction:column;grid-row:auto}}.mini-phone__step:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px) scale(1.02)}.mini-phone__step-number{position:absolute;top:-16px;left:-14px;width:2rem;height:2rem;color:var(--clr-punchline-terracotta);filter:drop-shadow(0 2px 4px hsl(0 0% 0% / .08))}.mini-phone__step-visual{display:grid;place-items:center;min-height:5rem}.mini-phone__fake-ui{display:flex;flex-direction:column;gap:var(--space-xs);align-items:center;width:100%}.mini-phone__fake-ui-title{font-family:var(--ff-serif);font-size:var(--step-1);font-weight:var(--fw-bolder);letter-spacing:-.05em;color:var(--clr-text)}.mini-phone__fake-ui-title svg{width:2em}.mini-phone__fake-btn{max-width:unset;margin-block-start:1em;padding-block:1em;font-size:var(--step--2);white-space:nowrap;pointer-events:none}.mini-phone__qr-scan-icon{width:100%;overflow:visible;translate:0 -10px}.mini-phone__photo-library-icon{width:87%}.mini-phone__desktop-icon{width:90%;color:var(--clr-text-40)}.mini-phone__step-header{grid-template-rows:auto 1fr;gap:var(--space-3xs)}.mini-phone__step-title{text-wrap:balance}.mini-phone__step-text{color:var(--clr-text-40)}}