:root {
  --porcelain-bg: #ded9cf;
  --porcelain-stage: #faf9f6;
  --porcelain-card: #ffffff;
  --porcelain-border: rgba(220, 214, 203, 0.85);
  --porcelain-border-highlight: rgba(255, 255, 255, 0.95);
  
  --shadow-tactile: 0 20px 45px -12px rgba(45, 38, 30, 0.08), 0 8px 18px -4px rgba(45, 38, 30, 0.04), inset 0 1px 2px var(--porcelain-border-highlight);
  --shadow-floating: 0 32px 64px -16px rgba(40, 32, 24, 0.14), 0 12px 24px -6px rgba(40, 32, 24, 0.06), inset 0 1.5px 3px rgba(255, 255, 255, 1);
  --shadow-glow-warm: 0 20px 45px -10px rgba(225, 140, 45, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.9);
  --shadow-subtle: 0 6px 18px -3px rgba(45, 38, 30, 0.04), inset 0 1px 1px rgba(255, 255, 255, 0.8);
  
  --warm-amber: #cf752c;
  --warm-amber-glow: rgba(207, 117, 44, 0.25);
  --warm-gold-lamp: #e59739;
  --warm-halo: rgba(245, 175, 85, 0.55);
  
  --clay-olive: #5e6b52;
  --clay-earth: #7a5c48;
  
  --obsidian: #201c19;
  --obsidian-card: #282420;
  --ink: #1e1b18;
  --ink-muted: #696359;
  --ink-light: #968e82;

  --radius-stage: 46px;
  --radius-card: 28px;
  --radius-pill: 999px;
  --max: 1120px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background-color: var(--porcelain-bg);
  background-image: 
    radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.9) 0%, rgba(240, 235, 226, 0.5) 40%, transparent 75%),
    linear-gradient(160deg, #e8e4dc 0%, #ded9cf 60%, #d4cec4 100%);
  background-attachment: fixed;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { display: block; width: 100%; object-fit: cover; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; }

/* Top Style Switcher */
.style-switcher-bar {
  width: min(calc(100% - 2rem), var(--max));
  margin: 1rem auto 0;
  padding: .45rem .65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px);
  border: 1px solid var(--porcelain-border);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-subtle);
  font-size: .82rem;
  color: var(--ink-muted);
}
.switcher-label {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 750;
  color: var(--ink);
  margin-left: .6rem;
}
.switcher-pill-group {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-wrap: wrap;
}
.switcher-btn {
  padding: .4rem .95rem;
  border-radius: var(--radius-pill);
  font-weight: 700;
  font-size: .8rem;
  transition: all .2s ease;
  color: var(--ink-muted);
}
.switcher-btn.active {
  background: var(--obsidian);
  color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.switcher-btn:not(.active):hover {
  background: white;
  color: var(--ink);
}

/* Header */
.site-header {
  width: min(calc(100% - 2rem), var(--max));
  margin: .9rem auto 0;
  padding: .75rem 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16px);
  border: 1px solid var(--porcelain-border);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-subtle);
}
.wordmark {
  display: flex;
  align-items: center;
  gap: .85rem;
}
.wordmark-symbol {
  width: 38px;
  height: 38px;
  background: white;
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  box-shadow: var(--shadow-subtle);
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.wordmark-symbol img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.wordmark strong {
  display: block;
  font-size: 1rem;
  font-weight: 850;
  letter-spacing: -0.01em;
}
.wordmark small {
  display: block;
  font-size: .75rem;
  color: var(--ink-muted);
}
.header-cta {
  background: var(--obsidian);
  color: white;
  font-size: .82rem;
  font-weight: 750;
  padding: .55rem 1.2rem;
  border-radius: var(--radius-pill);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  transition: transform .2s ease;
}
.header-cta:hover { transform: translateY(-1px); }

/* Main Container */
.main-stage {
  width: min(calc(100% - 2rem), var(--max));
  margin: 1.8rem auto 4rem;
  position: relative;
}

/* Hero Section */
.hero-stage {
  text-align: center;
  padding: 1.5rem 0 2.5rem;
  position: relative;
}
.hero-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: white;
  border: 1px solid var(--porcelain-border);
  padding: .4rem 1.1rem;
  border-radius: var(--radius-pill);
  font-size: .82rem;
  font-weight: 700;
  color: var(--ink-muted);
  box-shadow: var(--shadow-subtle);
  margin-bottom: 1.2rem;
}
.hero-pill-badge .dot {
  width: 7px;
  height: 7px;
  background: var(--warm-amber);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--warm-amber);
}
.hero-title {
  font-size: clamp(2rem, 4.2vw, 3.4rem);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -0.03em;
  max-width: 820px;
  margin: 0 auto 1.2rem;
  color: var(--ink);
}
.hero-title span.highlight {
  background: linear-gradient(135deg, var(--ink) 40%, var(--warm-amber) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-sub {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--ink-muted);
  max-width: 660px;
  margin: 0 auto 2.5rem;
  line-height: 1.55;
}

/* 3D SCULPTURAL SHOWCASE (Direct Inspiration from user reference image) */
.sculptural-viewport-wrapper {
  position: relative;
  max-width: 880px;
  margin: 0 auto 3rem;
  padding: 1.5rem 1rem;
}

/* Ambient Backlight Beam (Inspired by the glowing spotlight behind the garments) */
.ambient-halo-beam {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 620px;
  height: 520px;
  background: radial-gradient(circle, rgba(255, 205, 155, 0.45) 0%, rgba(255, 235, 215, 0.25) 45%, transparent 70%);
  filter: blur(50px);
  pointer-events: none;
  z-index: 0;
}

/* The Central Phone/Boutique Stage Frame */
.sculptural-frame {
  position: relative;
  z-index: 2;
  background: linear-gradient(175deg, #ffffff 0%, #faf8f5 60%, #f4eee5 100%);
  border-radius: var(--radius-stage);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow-floating);
  padding: 1.8rem;
  max-width: 480px;
  margin: 0 auto;
  overflow: visible;
}

/* Phone Bezel Details */
.frame-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  padding: 0 .4rem;
}
.frame-speaker {
  width: 48px;
  height: 4px;
  background: rgba(180, 170, 160, 0.4);
  border-radius: 99px;
  margin: 0 auto;
}
.frame-lens {
  width: 8px;
  height: 8px;
  background: rgba(180, 170, 160, 0.3);
  border-radius: 50%;
}

/* The Spotlighted Pedestal Card inside frame */
.pedestal-card {
  background: linear-gradient(180deg, #fdfbf9 0%, #f4ede3 100%);
  border-radius: var(--radius-card);
  padding: 1.4rem;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: var(--shadow-tactile);
  text-align: left;
}
.pedestal-halo-glow {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 120px;
  background: radial-gradient(ellipse, rgba(235, 120, 45, 0.35) 0%, rgba(255, 200, 150, 0.15) 50%, transparent 80%);
  filter: blur(25px);
  pointer-events: none;
}

.portrait-container {
  width: 100%;
  height: 280px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #ede6dc;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}
.portrait-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portrait-tag {
  position: absolute;
  bottom: .75rem;
  left: .75rem;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  padding: .35rem .75rem;
  border-radius: var(--radius-pill);
  font-size: .75rem;
  font-weight: 750;
  color: var(--ink);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.pedestal-specs {
  margin-top: 1rem;
}
.pedestal-title {
  font-size: 1.15rem;
  font-weight: 800;
  margin: 0 0 .25rem;
  color: var(--ink);
}
.pedestal-desc {
  font-size: .84rem;
  color: var(--ink-muted);
  margin: 0;
  line-height: 1.45;
}

/* FLOATING 3D ELEMENTS (Just like in the user's reference image!) */
.floating-chip {
  position: absolute;
  z-index: 4;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow-floating);
  padding: .85rem 1.1rem;
  transition: transform .3s ease;
  pointer-events: auto;
}
.floating-chip:hover {
  transform: translateY(-4px) scale(1.02);
}

/* Chip Top-Right: Feature Card with checkmark */
.chip-feature-right {
  top: 12%;
  right: -30px;
  width: 210px;
  text-align: left;
}
.chip-feature-right .chip-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #d86828;
  color: white;
  border-radius: 50%;
  font-size: .7rem;
  font-weight: 900;
  margin-bottom: .4rem;
  box-shadow: 0 4px 10px rgba(216, 104, 40, 0.35);
}
.chip-feature-right strong {
  display: block;
  font-size: .86rem;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.25;
}
.chip-feature-right small {
  display: block;
  font-size: .72rem;
  color: var(--ink-muted);
  margin-top: .2rem;
}

/* Chip Top-Left: Tactile Pill */
.chip-tag-left {
  top: 24%;
  left: -25px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  border-radius: var(--radius-pill);
  font-size: .8rem;
  font-weight: 800;
  color: var(--ink);
}

/* Chip Bottom-Left: Location Pill */
.chip-loc-left {
  bottom: 18%;
  left: -20px;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  border-radius: var(--radius-pill);
  font-size: .78rem;
  font-weight: 750;
  color: var(--ink-muted);
}

/* Chip Bottom-Right: Offer Capsule */
.chip-offer-right {
  bottom: 14%;
  right: -25px;
  padding: .75rem 1.1rem;
  border-radius: 20px;
  text-align: left;
  background: linear-gradient(135deg, #ffffff 0%, #faf6f0 100%);
  border: 1px solid rgba(225, 215, 200, 0.9);
}
.chip-offer-right .price-tag {
  font-size: 1.35rem;
  font-weight: 900;
  color: var(--warm-amber);
  line-height: 1;
}
.chip-offer-right .price-label {
  font-size: .7rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* Tactile Icon Cubes (The floating category cubes from reference) */
.tactile-cubes-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  margin-top: 1.2rem;
  flex-wrap: wrap;
}
.tactile-cube {
  background: white;
  border: 1px solid var(--porcelain-border);
  box-shadow: var(--shadow-subtle);
  border-radius: 14px;
  padding: .5rem .85rem;
  font-size: .75rem;
  font-weight: 750;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: .4rem;
  transition: all .2s ease;
}
.tactile-cube:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-tactile);
  border-color: var(--warm-amber);
}

/* CTA inside Hero */
.hero-cta-action {
  margin-top: 2rem;
  text-align: center;
}
.btn-sculptural {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  background: var(--obsidian);
  color: white;
  padding: 1.05rem 2.2rem;
  border-radius: var(--radius-pill);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  box-shadow: 0 16px 36px -8px rgba(22, 21, 20, 0.35);
  position: relative;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-sculptural:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px -8px rgba(22, 21, 20, 0.45);
}
.btn-sculptural .btn-orb {
  width: 28px;
  height: 28px;
  background: var(--warm-amber);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: .8rem;
  font-weight: 900;
  box-shadow: 0 0 12px var(--warm-amber);
}

/* SECTIONS: 3 PILLARS / METODOLOGIA */
.section-wrapper {
  margin: 5rem 0;
}
.section-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 2.5rem;
}
.section-tag {
  display: inline-block;
  background: white;
  border: 1px solid var(--porcelain-border);
  padding: .35rem .95rem;
  border-radius: var(--radius-pill);
  font-size: .78rem;
  font-weight: 750;
  color: var(--ink-muted);
  box-shadow: var(--shadow-subtle);
  margin-bottom: .8rem;
}
.section-title {
  font-size: clamp(1.6rem, 3vw, 2.3rem);
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 .75rem;
}
.section-sub {
  font-size: 1rem;
  color: var(--ink-muted);
  margin: 0;
}

/* 3 Sculptural Benefit Tiles */
.sculptural-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.sculptural-tile {
  background: white;
  border-radius: var(--radius-card);
  border: 1px solid var(--porcelain-border);
  box-shadow: var(--shadow-tactile);
  padding: 2rem 1.6rem;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
}
.sculptural-tile:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-floating);
}
.tile-step-pill {
  width: 38px;
  height: 38px;
  background: #faf7f2;
  border: 1px solid var(--porcelain-border);
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: .95rem;
  font-weight: 850;
  color: var(--warm-amber);
  margin-bottom: 1.2rem;
  box-shadow: var(--shadow-subtle);
}
.tile-title {
  font-size: 1.15rem;
  font-weight: 800;
  margin: 0 0 .6rem;
  color: var(--ink);
}
.tile-desc {
  font-size: .88rem;
  color: var(--ink-muted);
  line-height: 1.55;
  margin: 0;
}

/* ANA PAULA FEATURE BANNER */
.ana-sculptural-banner {
  background: linear-gradient(135deg, #ffffff 0%, #faf6f0 50%, #f5ece0 100%);
  border-radius: var(--radius-stage);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow-floating);
  padding: 2.8rem;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 2.5rem;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin: 5rem 0;
}
.ana-halo-bg {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(235, 120, 45, 0.22) 0%, transparent 70%);
  filter: blur(40px);
  pointer-events: none;
}
.ana-photo-frame {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--shadow-floating);
  background: #ede6dc;
  height: 360px;
}
.ana-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ana-badge-floating {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  padding: .5rem 1rem;
  border-radius: var(--radius-pill);
  font-size: .78rem;
  font-weight: 800;
  color: var(--ink);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.ana-copy .section-tag {
  margin-bottom: .8rem;
}
.ana-copy h3 {
  font-size: 1.8rem;
  font-weight: 850;
  letter-spacing: -0.02em;
  margin: 0 0 1rem;
  color: var(--ink);
}
.ana-copy p {
  font-size: .95rem;
  color: var(--ink-muted);
  line-height: 1.6;
  margin-bottom: 1.2rem;
}

/* TESTIMONIALS PORCELAIN */
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.review-card {
  background: white;
  border-radius: var(--radius-card);
  border: 1px solid var(--porcelain-border);
  box-shadow: var(--shadow-tactile);
  padding: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.review-stars {
  color: #e5932a;
  font-size: .9rem;
  margin-bottom: .8rem;
}
.review-quote {
  font-size: .88rem;
  color: var(--ink);
  line-height: 1.55;
  margin-bottom: 1.2rem;
  font-weight: 500;
}
.review-author {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.review-avatar {
  width: 36px;
  height: 36px;
  background: #f4eee5;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: .85rem;
  color: var(--warm-amber);
}
.review-author-info strong {
  display: block;
  font-size: .84rem;
  font-weight: 800;
  color: var(--ink);
}
.review-author-info span {
  display: block;
  font-size: .72rem;
  color: var(--ink-muted);
}

/* FAQ ACCORDION */
.faq-container {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.faq-item {
  background: white;
  border-radius: 20px;
  border: 1px solid var(--porcelain-border);
  box-shadow: var(--shadow-subtle);
  overflow: hidden;
  transition: all .2s ease;
}
.faq-question {
  width: 100%;
  text-align: left;
  padding: 1.2rem 1.5rem;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .95rem;
  font-weight: 750;
  color: var(--ink);
}
.faq-question span.icon {
  font-size: 1.1rem;
  color: var(--warm-amber);
  transition: transform .2s ease;
}
.faq-answer {
  padding: 0 1.5rem 1.2rem;
  font-size: .88rem;
  color: var(--ink-muted);
  line-height: 1.55;
}

/* MASTER OFFER BOX (OBSIDIAN SCULPTURAL) */
.master-offer-card {
  background: linear-gradient(145deg, #181716 0%, #11100f 100%);
  border-radius: var(--radius-stage);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 35px 70px -15px rgba(0, 0, 0, 0.35);
  color: white;
  padding: 3rem 2.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  max-width: 780px;
  margin: 5rem auto 2rem;
}
.master-halo {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  height: 250px;
  background: radial-gradient(ellipse, rgba(235, 120, 45, 0.35) 0%, transparent 70%);
  filter: blur(40px);
  pointer-events: none;
}
.offer-spots-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: .35rem .95rem;
  border-radius: var(--radius-pill);
  font-size: .8rem;
  font-weight: 750;
  margin-bottom: 1.2rem;
}
.master-offer-card h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.5rem);
  font-weight: 850;
  letter-spacing: -0.02em;
  margin: 0 0 .8rem;
}
.master-offer-card p.lead {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.8);
  max-width: 560px;
  margin: 0 auto 2rem;
}
.price-showcase {
  margin: 2rem 0;
}
.price-showcase .val {
  font-size: clamp(3.2rem, 6vw, 4.5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #ffffff;
}
.price-showcase .cents {
  font-size: 1.5rem;
  vertical-align: top;
  color: var(--warm-amber);
}
.price-showcase .period {
  display: block;
  font-size: .85rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: .4rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.offer-specs-pill {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1.5rem 0 2.5rem;
  flex-wrap: wrap;
}
.offer-specs-pill span {
  font-size: .88rem;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
  padding: .4rem .9rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.btn-offer-master {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  background: linear-gradient(135deg, #ff7a2e 0%, #e05c10 100%);
  color: white;
  padding: 1.15rem 2.6rem;
  border-radius: var(--radius-pill);
  font-size: 1.1rem;
  font-weight: 850;
  box-shadow: 0 16px 36px -6px rgba(235, 92, 16, 0.5);
  transition: transform .2s ease;
}
.btn-offer-master:hover {
  transform: translateY(-2px);
}
.guarantee-note {
  margin-top: 1.4rem;
  font-size: .78rem;
  color: rgba(255, 255, 255, 0.6);
}

/* FOOTER */
.site-footer {
  text-align: center;
  padding: 2.5rem 1rem;
  font-size: .8rem;
  color: var(--ink-muted);
  border-top: 1px solid var(--porcelain-border);
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .sculptural-grid-3, .reviews-grid { grid-template-columns: 1fr; }
  .ana-sculptural-banner { grid-template-columns: 1fr; padding: 1.8rem; }
  .ana-photo-frame { height: 280px; }
  .chip-feature-right { right: 0; top: 0; }
  .chip-tag-left { left: 0; top: 8%; }
  .chip-loc-left { left: 0; bottom: 5%; }
  .chip-offer-right { right: 0; bottom: 2%; }
  .floating-chip { position: static; margin: .5rem auto; display: inline-flex; width: auto; }
  .sculptural-frame { padding: 1.2rem; }
}