/*
 * GABY × TIERRA — Editorial Motion Edition
 * A second skin over the original 2026 design: blue, botanical green,
 * tactile printed paper, dimensional light, scrapbook + record-store energy.
 * Decorative layers never block interaction; motion can be disabled by OS.
 */
:root {
  --ease-editorial: cubic-bezier(.22,1,.36,1);
  --ease-silk: cubic-bezier(.16,1,.3,1);
  --shadow-lift: 0 32px 65px rgba(5,49,38,.14),0 3px 12px rgba(5,49,38,.06);
}
html {scroll-padding-top:28px}
body {background:#f7faf7}
h2 em,h3 em {text-decoration-thickness:1px}
.eyebrow {display:inline-flex;align-items:center;gap:11px;letter-spacing:.16em}
.eyebrow::before {content:"";width:21px;height:1px;display:inline-block;background:currentColor;opacity:.65;flex:none}
.section-heading.center .eyebrow,.tastes-heading .eyebrow {justify-content:center}
.reveal {
  transition:opacity 1s var(--ease-silk),transform 1s var(--ease-silk),filter 1s var(--ease-silk);
  transition-delay:var(--reveal-delay,0ms);
  filter:blur(7px);
  transform:translate3d(0,36px,0);
}
.reveal.visible {filter:blur(0);transform:translate3d(0,0,0)}
.original-gallery.memory-polaroid.reveal {filter:blur(7px)}
.original-gallery.memory-polaroid.reveal.visible {filter:blur(0);transform:rotate(-.75deg)}
.achievement-grid .reveal:nth-child(2n),.tastes-grid .reveal:nth-child(2n) {--reveal-delay:100ms}
.vision-cards .reveal:nth-child(2) {--reveal-delay:120ms}
.vision-cards .reveal:nth-child(3) {--reveal-delay:240ms}
@media (hover:hover) and (pointer:fine) {
  a:not(.btn):focus-visible {text-underline-offset:5px}
}

/* CHAPTER 00 — hero stays a real, edge-to-edge supplied banner */
.full-hero {background:#032b1d}
.full-hero::after {
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,rgba(1,32,24,.05),transparent 34%,transparent 62%,rgba(0,33,23,.43) 100%);
}
.hero-image-layer {transform:translateZ(0);will-change:transform}
.banner-image {animation:hero-arrive 1.5s var(--ease-silk) both;transform-origin:50% 50%;will-change:transform}
@keyframes hero-arrive {from{opacity:.6;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}
.hero-scroll {
  position:absolute;right:clamp(23px,6vw,108px);bottom:clamp(24px,5vh,52px);z-index:5;
  display:inline-flex;align-items:center;gap:17px;color:#fff;
  font:700 10px var(--mono);letter-spacing:.13em;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:transform .35s var(--ease-silk),opacity .35s;
}
.hero-scroll:hover {transform:translateY(-5px)}
.hero-scroll-icon {
  width:48px;height:48px;border:1px solid rgba(255,255,255,.65);border-radius:50%;
  background:rgba(9,59,43,.33);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:grid;place-items:center;font:400 23px var(--font);transition:background .3s,transform .4s var(--ease-silk);
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 6px 25px rgba(0,0,0,.12);
}
.hero-scroll:hover .hero-scroll-icon {background:rgba(17,140,86,.8);transform:translateY(3px)}
.school-logo-band {background:radial-gradient(ellipse at 55% -70%,#dbfff0,#f8fdfb 58%)}
.school-logo-band::after {content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#56a887 25%,#87bfe8 60%,transparent);opacity:.7}
.school-logo-inner {transition:filter .7s}
.school-logo-unit img {transition:transform .55s var(--ease-silk),filter .55s}
.school-logo-unit:hover img {transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 12px 14px rgba(23,103,69,.16))}
.marquee {position:relative;isolation:isolate;box-shadow:0 11px 27px rgba(0,55,39,.13),inset 0 1px rgba(255,255,255,.2)}
.marquee::after {content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(2,57,38,.7),transparent 8%,transparent 92%,rgba(2,57,38,.68)),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.035) 6px 7px)}
.marquee-track {animation-duration:39s}

/* CHAPTER 01 — dimensional, optimistic Tierra universe */
.universe-section {isolation:isolate;background:radial-gradient(ellipse at 71% 51%,rgba(40,112,208,.83),transparent 40%),radial-gradient(ellipse at 16% 67%,rgba(20,147,96,.55),transparent 46%),linear-gradient(135deg,#032b22 3%,#052f4c 91%)}
.universe-section::before {opacity:.11;background:linear-gradient(0deg,transparent 95%,#a9e8d3 96%),linear-gradient(90deg,transparent 95%,#a9e8d3 96%);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 86%,transparent)}
.universe-section::after {
  content:"";pointer-events:none;position:absolute;z-index:0;
  width:min(850px,80vw);height:min(850px,80vw);right:-130px;top:50%;border-radius:50%;
  background:radial-gradient(circle,rgba(107,230,208,.14),rgba(64,149,228,.06) 36%,transparent 68%);
  transform:translateY(-50%) scale(.9);opacity:.52;
  transition:transform 1.8s var(--ease-silk),opacity 1.8s var(--ease-silk);
}
.universe-section.is-in-view::after {transform:translateY(-50%) scale(1.07);opacity:1}
.universe-inner {z-index:1}
.universe-copy h2 {text-wrap:balance;text-shadow:0 10px 34px rgba(0,25,31,.12)}
.universe-copy h2 em {background:linear-gradient(120deg,#d9fff4 0%,#8cdafa 55%,#c0efff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.universe-link {position:relative;border-color:rgba(171,242,206,.5);padding-bottom:15px}
.universe-link::after {content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#a8ffd3;transition:width .55s var(--ease-editorial)}
.universe-link:hover::after,.universe-link:focus-visible::after {width:100%}
.universe-link span {transition:transform .45s var(--ease-silk)}
.universe-link:hover span {transform:translate(4px,-4px)}
.universe-visual {isolation:isolate}
.universe-visual::before {
  content:"";position:absolute;z-index:-1;left:50%;top:50%;width:86%;aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at center,rgba(120,232,225,.12),transparent 60%),conic-gradient(from 45deg,transparent 0 15%,rgba(104,216,245,.18) 22%,transparent 33% 55%,rgba(120,248,178,.16) 65%,transparent 80%);
  filter:blur(10px);animation:universe-breathe 8s ease-in-out infinite alternate;
}
.universe-visual::after {
  content:"";position:absolute;z-index:3;pointer-events:none;width:74%;aspect-ratio:1;
  top:50%;left:50%;border:1px solid rgba(175,245,219,.17);border-radius:50%;
  transform:translate(-50%,-50%) rotate(-22deg) scaleY(.68);
  box-shadow:0 0 46px rgba(42,239,168,.09),inset 0 0 32px rgba(68,179,252,.05);
}
@keyframes universe-breathe {to{transform:translate(-50%,-50%) scale(1.12);opacity:.5}}
.universe-asterisk {animation:slow-float 8s ease-in-out infinite alternate}
@keyframes slow-float {to{transform:translate3d(12px,-18px,0) rotate(25deg)}}
.terra3d canvas {filter:drop-shadow(0 10px 35px rgba(54,196,208,.18))}

/* CHAPTER 02 — collectible editorial achievement stories */
.achievements-section {position:relative;isolation:isolate;background-color:#f5faf7;background-image:radial-gradient(#b8dac6 .7px,transparent .7px),radial-gradient(ellipse at 95% 0%,rgba(178,221,243,.47),transparent 36%);background-size:20px 20px,auto}
.achievements-heading h2 em,.tastes-heading h2 em,.about-copy h2 em,.section-heading h2 em,.record-copy h2 em {background-image:linear-gradient(transparent 80%,rgba(99,178,218,.21) 80%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.achievement-grid {gap:clamp(20px,2.4vw,34px)}
.achievement-card,.taste-card {
  --tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:50%;
  position:relative;isolation:isolate;
  transform-style:preserve-3d;
  transition:transform .65s var(--ease-editorial),box-shadow .65s var(--ease-editorial),border-color .4s;
}
.achievement-card {border:1px solid rgba(100,162,136,.35);border-radius:20px;box-shadow:0 17px 48px rgba(7,57,37,.10),0 3px 6px rgba(7,57,37,.05)}
.achievement-card::after,.taste-card::after {
  content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;opacity:0;
  background:radial-gradient(360px circle at var(--light-x) var(--light-y),rgba(255,255,255,.22),transparent 68%);
  transition:opacity .4s;
}
.achievement-media {aspect-ratio:1.66;overflow:hidden}
.achievement-media::after {content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(9,40,33,.10),transparent 45%,rgba(4,38,29,.24))}
.achievement-corner {backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);background:rgba(255,255,255,.91);box-shadow:0 8px 24px rgba(0,39,29,.12);border:1px solid rgba(255,255,255,.78)}
.achievement-media img {transition:transform 1.1s var(--ease-silk),filter 1s var(--ease-silk)}
.achievement-body {position:relative;background:linear-gradient(180deg,#fff,#fbfdfa)}
.achievement-body::before {content:"";width:42px;height:3px;background:linear-gradient(90deg,#149364,#5c9de0);border-radius:8px;position:absolute;top:0;left:32px}
.achievement-category {letter-spacing:.14em}
.achievement-school {letter-spacing:.065em}
.achievement-placeholder {background:radial-gradient(circle at 30% 25%,#59c19b,#076744 62%,#034833)}
.achievement-letter {background:radial-gradient(circle at 31% 15%,#d2eeff,#8bbce3 53%,#527fc2)}
.achievement-letter strong {filter:drop-shadow(0 12px 13px rgba(12,57,125,.15))}
.achievements-footnote {padding-top:12px}

/* CHAPTER 03 — tactile school-yearbook scrapbook */
.section-about {position:relative;background:radial-gradient(ellipse at 0% 30%,rgba(194,226,212,.37),transparent 42%),radial-gradient(ellipse at 100% 90%,rgba(190,220,247,.28),transparent 40%),#fcfefb}
.section-about .memory-display {perspective:1400px}
.original-gallery.memory-polaroid {
  border:1px solid #f1f1e8;
  box-shadow:0 35px 80px rgba(8,50,33,.21),0 7px 21px rgba(4,38,28,.1);
  transition:opacity 1s var(--ease-silk),filter 1s var(--ease-silk),box-shadow .65s,transform .75s var(--ease-silk);
}
.original-gallery.memory-polaroid.visible:hover {transform:rotate(0deg) translateY(-5px);box-shadow:0 44px 95px rgba(8,50,33,.24),0 8px 19px rgba(4,38,28,.1)}
.memory-polaroid>img {filter:saturate(1.06) contrast(1.03)}
.memory-polaroid-decoration {text-shadow:1px 3px rgba(1,76,53,.10)}
.polaroid {border:1px solid #e6eee7;box-shadow:0 20px 42px rgba(8,65,46,.2),0 3px 8px rgba(11,45,36,.07);transition:transform .6s var(--ease-editorial),box-shadow .6s}
.polaroid:hover {box-shadow:0 35px 60px rgba(8,65,46,.25);transform:rotate(0deg) translateY(-13px)}
.polaroid-art {background-blend-mode:screen,normal,normal}
.tape {background:repeating-linear-gradient(90deg,rgba(255,255,255,.19) 0 2px,transparent 2px 5px),rgba(151,219,195,.81);box-shadow:0 2px 5px rgba(2,51,35,.1)}
.collage-sticker {box-shadow:0 10px 25px rgba(10,66,44,.14);animation:sticker-wobble 6s ease-in-out infinite alternate}
@keyframes sticker-wobble {to{transform:rotate(22deg) translateY(-5px)}}
.handwritten-note {text-shadow:0 3px rgba(33,111,146,.05)}
.about-tags span {transition:transform .3s var(--ease-silk),background .3s,border-color .3s}
.about-tags span:hover {transform:translateY(-4px) rotate(-2deg);background:#daf4e6;border-color:#7cbca2}

/* CHAPTER 04 — unexpected colors, print graphics and deliberate hover */
.tastes-section {background:radial-gradient(ellipse at 95% 6%,#d1e9fc,transparent 40%),radial-gradient(ellipse at 2% 81%,#d0efe0,transparent 41%),#f9fcfc}
.tastes-grid {gap:clamp(18px,2.1vw,28px)}
.taste-card {border-radius:21px;box-shadow:0 17px 37px rgba(12,58,51,.11),0 3px 8px rgba(11,58,43,.04)}
.taste-card::before {content:"";position:absolute;top:0;right:0;width:135px;height:135px;pointer-events:none;background:repeating-radial-gradient(circle at top right,transparent 0 11px,rgba(21,122,99,.06) 12px 13px);mask-image:linear-gradient(135deg,#000,transparent 80%)}
.taste-music {background:radial-gradient(ellipse at 105% -15%,rgba(65,146,229,.45),transparent 55%),linear-gradient(145deg,#063d32,#0b3768 95%);border-color:#1b6f79}
.taste-music::before {background:repeating-radial-gradient(circle at top right,transparent 0 11px,rgba(192,241,255,.12) 12px 13px)}
.taste-color {background:radial-gradient(ellipse at 100% 5%,rgba(167,213,255,.83),transparent 70%),#e8f5ff}
.blue-palette span {transition:transform .4s var(--ease-silk),box-shadow .4s}
.blue-palette span:hover {transform:translateY(-8px);box-shadow:0 15px 25px rgba(24,83,170,.23)}
.taste-food {background:radial-gradient(circle at 96% 95%,rgba(117,202,160,.25),transparent 52%),#effaf3}
.taste-hobbies {background:radial-gradient(circle at 95% 10%,rgba(151,196,242,.6),transparent 45%),linear-gradient(135deg,#e9f5ff,#e8f7f1)}
.hobby-tags>span {transition:transform .4s var(--ease-silk),box-shadow .4s}
.hobby-tags>span:hover {transform:translateY(-5px) rotate(2deg);box-shadow:6px 9px 0 #c3e2d4}
.taste-vive {background:radial-gradient(ellipse at 95% 0,rgba(118,183,241,.39),transparent 50%),linear-gradient(115deg,#d4ecdc,#e1f0ff)}
.vive-workshops>span {transition:transform .4s var(--ease-silk),background .4s,box-shadow .4s}
.vive-workshops>span:hover {transform:translateY(-5px) rotate(-1deg);background:#fff;box-shadow:5px 9px 0 rgba(92,158,133,.2)}

/* CHAPTER 05 — campaign ideas with more clarity, less decoration */
.section-vision {position:relative;background-color:#eaf4f8;background-image:radial-gradient(#bad8e3 .75px,transparent .75px),radial-gradient(ellipse at 5% 0,rgba(255,255,255,.7),transparent 35%);background-size:25px 25px,auto}
.vision-card {position:relative;isolation:isolate;border-radius:6px 24px 8px 8px;border:1px solid rgba(122,176,154,.52);box-shadow:8px 10px 0 #c2dcd3,0 16px 36px rgba(8,68,50,.08);overflow:hidden}
.vision-card::before {content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#10965d,#72d4b0,#69a9e1)}
.vision-card:nth-child(2) {border-radius:24px 6px 8px 8px}
.vision-card:nth-child(3) {border-radius:7px 9px 24px 7px}
.card-symbol {filter:drop-shadow(0 9px 10px rgba(38,154,108,.13));transition:transform .6s var(--ease-editorial)}
.vision-card:hover .card-symbol {transform:rotate(16deg) scale(1.13)}
.vision-plan p {border-radius:9px;background:linear-gradient(135deg,#e7f6ec,#f4fbf7);min-height:104px}
.initiative-tag {border-radius:30px;padding:9px 13px}
.section-vision .vision-disclaimer {padding:5px 15px}

/* CHAPTER 06 — tactile kinetic vinyl, richer reflections */
.scrapbook-section {background:radial-gradient(ellipse at 77% 40%,#c1dcfb,transparent 45%),radial-gradient(ellipse at 15% 80%,#c5eadd,transparent 45%),linear-gradient(125deg,#eef9f4,#dceaff)}
.scrapbook-section::before {z-index:0;opacity:.8}
.record-grid {position:relative;z-index:1}
.record-visual::before {content:"";position:absolute;inset:6% 3% 3% 8%;border-radius:50%;border:1px dashed rgba(28,111,134,.24);transform:scale(1.04);box-shadow:0 0 0 34px rgba(81,174,173,.045),0 0 0 66px rgba(49,133,203,.035);pointer-events:none}
.record-sleeve {box-shadow:16px 28px 50px rgba(13,65,105,.29),4px 6px 10px rgba(16,65,102,.12);transition:transform .85s var(--ease-editorial),box-shadow .85s}
.record-visual:hover .record-sleeve {transform:rotate(-16deg) translate(-10px,-8px);box-shadow:20px 33px 60px rgba(13,65,105,.3)}
.vinyl {box-shadow:18px 26px 42px rgba(4,35,48,.31),inset 0 0 0 3px #40545d;transition:box-shadow .6s}
.vinyl::after {content:"";position:absolute;inset:4%;border-radius:50%;pointer-events:none;background:conic-gradient(from 40deg,transparent 0 12%,rgba(205,237,255,.095) 18%,transparent 28% 54%,rgba(139,235,211,.08) 60%,transparent 74%)}
.record-visual:hover .vinyl {box-shadow:24px 32px 56px rgba(4,35,48,.34),inset 0 0 0 3px #40545d}
.song-title-card {border:1px solid rgba(75,143,128,.4);box-shadow:0 15px 28px rgba(26,87,74,.09),inset 0 1px rgba(255,255,255,.8);background:rgba(255,255,255,.84);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.spotify-embed {box-shadow:0 15px 32px rgba(14,64,62,.11)}
.spotify-link span {display:inline-block;transition:transform .3s var(--ease-editorial)}
.spotify-link:hover span {transform:translate(4px,-4px)}
.record-spin-toggle {transition:background .3s,transform .3s var(--ease-editorial),box-shadow .3s}
.record-spin-toggle:hover {transform:translateY(-3px);box-shadow:0 8px 14px rgba(21,106,70,.09)}

/* CHAPTER 07 — a better final curtain */
.last-section {isolation:isolate;background:radial-gradient(ellipse at 50% 1%,rgba(42,169,121,.8),transparent 44%),radial-gradient(ellipse at 110% 110%,rgba(30,97,166,.32),transparent 53%),linear-gradient(155deg,#06452f,#052c36)}
.last-section::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.3;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(181,247,213,.23) 0 1px,transparent 1.5px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.last-stars {animation:slow-float 9s ease-in-out infinite alternate}
.last-section h2 {text-wrap:balance}
.last-section .btn-light {box-shadow:0 12px 26px rgba(0,30,28,.26);border-radius:40px;padding-inline:30px}
.last-section .btn-light:hover {background:#d9fff0;box-shadow:0 18px 35px rgba(0,30,28,.29)}
.site-footer {border-top:1px solid rgba(190,248,216,.19)}
.site-footer a {transition:color .25s,transform .25s;display:inline-block}
.site-footer a:hover {color:#a8f9cd;transform:translateY(-3px)}

/* Desktop micro-interactions: light responds softly to the pointer. */
@media (hover:hover) and (pointer:fine) {
  .achievement-card:hover,.taste-card:hover {
    transform:translateY(-9px) perspective(1300px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    box-shadow:var(--shadow-lift);border-color:rgba(51,142,106,.5)
  }
  .achievement-card:hover::after,.taste-card:hover::after {opacity:1}
  .achievement-card:hover .achievement-media img {transform:scale(1.08);filter:saturate(1.12) contrast(1.035)}
  .vision-card:hover {transform:translateY(-9px) perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:12px 17px 0 #b9dbc9,0 25px 45px rgba(8,68,50,.12)}
  .vision-card:nth-child(2):hover {transform:translateY(-9px) rotate(1deg) perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
}

/* Small screens keep the complete artwork readable, no heavy card tilt */
@media (max-width:850px) {
  .universe-section::after {right:-25%;width:110vw;height:110vw}
  .universe-visual::after {width:66%}
  .vision-plan p {min-height:0}
}
@media (max-width:620px) {
  .reveal {filter:none;transform:translateY(20px);transition-duration:.75s}
  .full-hero::after {background:linear-gradient(180deg,transparent 72%,rgba(0,39,27,.2))}
  .hero-scroll {right:15px;bottom:18px;font-size:0}
  .hero-scroll-icon {width:41px;height:41px;font-size:22px}
  .school-logo-unit:hover img {transform:none}
  .achievement-card,.taste-card {border-radius:16px}
  .achievement-body::before {left:25px}
  .taste-card::before {width:95px;height:95px}
  .original-gallery.memory-polaroid.reveal.visible {transform:rotate(-.6deg)}
  .original-gallery.memory-polaroid.visible:hover {transform:rotate(-.6deg)}
  .universe-section::after {right:-39%;top:75%;width:130vw;height:130vw}
  .universe-visual::after {width:69%}
  .record-visual::before {inset:12% 0}
  .record-visual:hover .record-sleeve {transform:rotate(-12deg)}
  .last-section h2 {max-width:16ch}
}
@media (prefers-reduced-motion:reduce) {
  .reveal,.reveal.visible,.original-gallery.memory-polaroid.reveal {filter:none!important;transition:none!important}
  .banner-image {animation:none!important;transform:none!important}
  .universe-section::after {opacity:.7;transition:none!important}
  .hero-scroll,.hero-scroll-icon,.polaroid,.record-sleeve,.vinyl,.last-stars,.universe-asterisk {animation:none!important;transition:none!important}
  .achievement-card:hover,.taste-card:hover,.vision-card:hover {transform:none!important}
  .vision-card:nth-child(2),.vision-card:nth-child(2):hover {transform:none!important}
}


/* Chapter joins feel like pages of the same printed zine. */
.achievements-section::before {
  content:"";position:absolute;left:0;right:0;top:-19px;height:21px;z-index:3;pointer-events:none;
  background:radial-gradient(circle at 12px 0,#f5faf7 13px,transparent 13.5px) 0 0/24px 22px repeat-x;
}
.section-vision::before {
  content:"";position:absolute;left:0;right:0;top:-15px;height:18px;z-index:3;pointer-events:none;
  background:radial-gradient(circle at 14px 0,#eaf4f8 13px,transparent 13.5px) 0 0/28px 20px repeat-x;
}
.achievement-card:focus-within,.taste-card:focus-within,.vision-card:focus-within {outline-offset:5px}
@media (prefers-reduced-motion:reduce) {
  .reveal,.reveal.visible,.original-gallery.memory-polaroid.reveal {
    opacity:1!important;transform:none!important;filter:none!important;
  }
  .original-gallery.memory-polaroid.reveal,.original-gallery.memory-polaroid.reveal.visible {
    transform:rotate(-.75deg)!important;
  }
}


/* Editorial finishing pass — collectible sport poster, paper foil and print detail.
   Zero extra assets or fonts, and no fabricated photographs. */
.achievement-sport .achievement-placeholder {
  overflow:hidden;
  background:
    radial-gradient(circle at 26% 27%,rgba(188,255,217,.28),transparent 42%),
    radial-gradient(ellipse at 99% 100%,rgba(108,196,243,.38),transparent 52%),
    linear-gradient(145deg,#084c39 7%,#067558 52%,#123f73 100%);
}
.achievement-sport .achievement-placeholder::before {
  content:"";position:absolute;inset:8% 8%;pointer-events:none;
  border:1px solid rgba(211,255,233,.25);border-radius:48% / 44%;
  transform:rotate(-17deg) scale(1.25);
  box-shadow:0 0 0 18px rgba(181,255,221,.045),0 0 0 36px rgba(181,255,221,.035);
}
.achievement-sport .achievement-placeholder::after {
  content:"✦ ✧ ✦";position:absolute;right:17px;bottom:13px;
  color:rgba(206,251,237,.58);font:700 15px var(--mono);
  letter-spacing:.46em;transform:rotate(-9deg);pointer-events:none;
}
.achievement-sport .achievement-placeholder>span {
  z-index:1;display:grid;place-items:center;width:59px;height:59px;
  color:#d0ffe4;background:rgba(255,255,255,.12);
  border:1px solid rgba(219,255,235,.42);border-radius:50%;
  box-shadow:0 14px 35px rgba(2,45,45,.2),inset 0 1px rgba(255,255,255,.24);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.achievement-sport .achievement-placeholder strong {
  position:relative;z-index:1;letter-spacing:-.06em;
  text-shadow:0 4px 0 rgba(3,56,49,.37),0 14px 34px rgba(2,32,53,.38)
}
.achievement-sport .achievement-placeholder small {
  z-index:1;background:rgba(6,49,49,.5);
  border:1px solid rgba(200,255,223,.22);border-radius:30px;padding:9px 13px;
}

/* Cover the paper with light-sensitive ink: one delicate reveal per proposal. */
.vision-card::after {
  content:"";pointer-events:none;position:absolute;inset:-120% -35%;
  z-index:4;opacity:0;
  background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.57) 49%,rgba(121,215,191,.13) 52%,transparent 58%);
  transform:translateX(-115%) rotate(0deg);
}
.vision-card.visible::after {
  animation:proposal-glint 1.7s var(--ease-editorial) .45s both;
}
.vision-card:nth-child(2).visible::after {animation-delay:.6s}
.vision-card:nth-child(3).visible::after {animation-delay:.75s}
@keyframes proposal-glint {
  0%{opacity:0;transform:translateX(-115%)}
  18%{opacity:.48}
  75%{opacity:.25}
  100%{opacity:0;transform:translateX(115%)}
}
.vision-card .initiative-tag {
  border:1px solid rgba(23,131,91,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.vision-card .vision-plan {
  border-top-style:solid;border-color:rgba(91,158,131,.33)
}
.vision-plan-label {
  letter-spacing:.12em;
}
.vision-card .vision-plan p {
  position:relative;border:1px solid rgba(137,192,168,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.75)
}

/* Record sleeve uses the subtle halftone printing of a physical EP jacket. */
.record-sleeve::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(55deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px),
    radial-gradient(circle at 75% 20%,rgba(159,244,210,.17),transparent 42%);
  mix-blend-mode:screen;
}
.record-sleeve::after {
  content:"";position:absolute;inset:15px;pointer-events:none;
  border:1px solid rgba(221,252,244,.24);
}
.record-visual .vinyl-spark {
  filter:drop-shadow(0 6px 7px rgba(5,61,84,.12));
}
.song-title-card {position:relative;overflow:hidden}
.song-title-card::after {
  content:"";position:absolute;pointer-events:none;right:-70px;top:-76px;
  width:220px;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(54,135,117,.15);
  box-shadow:0 0 0 17px rgba(78,161,175,.035),0 0 0 38px rgba(78,161,175,.035)
}
.song-title-card>div {position:relative;z-index:1}

/* True one-page navigation: anchor destinations never land under the top progress bar. */
#identidad,#universo,#trayectoria,#conoceme,#gustos,#vision,#vinilo,#final {
  scroll-margin-top:15px;
}
@media (max-width:620px) {
  .achievement-sport .achievement-placeholder strong {font-size:clamp(54px,13vw,86px)}
  .achievement-sport .achievement-placeholder>span {height:45px;width:45px;font-size:31px}
  .record-sleeve::after {inset:8px}
}
@media (prefers-reduced-motion:reduce) {
  .vision-card.visible::after {animation:none!important;opacity:0!important}
}