@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--cream:#eae3d5;--paper:#f4efe5;--ink:#25231f;--brown:#685445;--line:#d2c9b9;--accent:#a46e4e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:white;padding:1rem}.header{height:82px;padding:0 clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,239,229,.95);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.wordmark{font-family:'Playfair Display',serif;font-weight:500;font-size:38px;letter-spacing:-3px}.wordmark span,.period{color:var(--accent)}.nav{display:flex;gap:clamp(13px,2.2vw,34px)}.nav a{font-size:12px;font-weight:700;letter-spacing:.05em}.nav a:hover,.text-link:hover{color:var(--accent)}.menu-toggle{display:none}.hero{background:var(--cream);min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;position:relative;padding:70px clamp(22px,6vw,100px) 85px;gap:5vw}.hero-copy{align-self:center;max-width:720px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 28px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(53px,6vw,100px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:0 0 27px}.hero h1 em,h2 em,h3 em{font-weight:400;color:var(--brown)}.intro{max-width:430px;font-size:15px;line-height:1.9;color:#655f55}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:33px}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 24px;font-size:12px;font-weight:700;letter-spacing:.06em;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.dark{background:var(--ink);color:var(--paper)}.button.light{background:var(--paper);color:var(--ink)}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-art{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 70% 20%,#d9c3a2 0%,transparent 38%),linear-gradient(135deg,#b3a18d,#66584c 65%,#37332d);box-shadow:14px 14px 0 #d4cabc}.hero-art:after,.album:after,.vesper-art:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.sun{position:absolute;width:250px;height:250px;border-radius:50%;background:#e7d4b4;filter:blur(15px);top:6%;right:5%;opacity:.7}.guitar{position:absolute;left:22%;top:8%;width:64%;height:95%;transform:rotate(-24deg)}.neck{position:absolute;width:13%;height:70%;background:linear-gradient(90deg,#5a3826,#aa8059,#573722);left:44%;top:-22%;border:3px solid #3c2a21;border-radius:12px}.neck:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 27px,#d4c6a8 28px 30px)}.guitar-body{position:absolute;left:15%;bottom:4%;width:75%;height:62%;border-radius:49% 49% 45% 45%;background:radial-gradient(ellipse at 55% 38%,#bb8453,#8e5d38 60%,#51341f 95%);border:9px solid #4e3020;box-shadow:inset 0 0 0 5px #c69c6b,20px 30px 60px #2b211b88}.soundhole{position:absolute;width:27%;aspect-ratio:1;border-radius:50%;background:#241b15;border:8px double #d6b68a;top:27%;left:36%}.guitar-body i{position:absolute;width:1px;height:145%;background:#ead7b3;left:47%;top:-42%;opacity:.65}.guitar-body i:nth-of-type(2){left:49%}.guitar-body i:nth-of-type(3){left:51%}.guitar-body i:nth-of-type(4){left:53%}.photo-stamp{position:absolute;left:25px;bottom:23px;color:#f7ecdb;font-size:10px;letter-spacing:.14em;line-height:1.6}.hero-bottom{position:absolute;bottom:24px;left:clamp(22px,6vw,100px);right:clamp(22px,6vw,100px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#6b6258}.section{padding:110px clamp(22px,8vw,135px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2,.about h2{font-family:'Playfair Display',serif;font-size:clamp(49px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.12;margin:0}.section-heading>p{max-width:290px;color:#71695f;line-height:1.8;font-size:14px}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.album{aspect-ratio:1.13;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.album-one{background:radial-gradient(circle at 30% 40%,#d6c1a6,transparent 33%),linear-gradient(145deg,#5b5c53,#282c2b);color:#f5e9d7}.album-two{background:radial-gradient(ellipse at 65% 25%,#d9c0a0,transparent 40%),linear-gradient(35deg,#695b4b,#b4a28d);color:#2f2924}.album span,.album small{font-size:11px;letter-spacing:.2em}.album strong{font-family:'Playfair Display',serif;font-size:clamp(40px,5vw,75px);font-weight:400;line-height:1.1;letter-spacing:-.05em}.release-info{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-top:18px}.release-info h3{font-size:18px;margin:0 0 6px}.release-info p,.note{font-size:12px;color:#7b7368;margin:0}.tag{border:1px solid var(--line);padding:7px 10px;font-size:9px;letter-spacing:.1em;white-space:nowrap}.note{margin-top:25px}.statement{padding:105px 12vw;text-align:center;background:#ded4c4}.statement p{font:italic clamp(28px,3.7vw,53px)/1.45 'Playfair Display',serif;max-width:950px;margin:0 auto 25px}.statement span{font-size:10px;letter-spacing:.2em}.store-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.store-visual{height:460px;background:#cfc2b1;position:relative;display:grid;place-items:center;overflow:hidden}.shirt{position:relative;width:220px;height:250px;background:#eae4d9;clip-path:polygon(26% 0,39% 8%,61% 8%,74% 0,100% 20%,84% 41%,76% 34%,76% 100%,24% 100%,24% 34%,16% 41%,0 20%);filter:drop-shadow(12px 15px 8px #403a3266);display:grid;place-items:center}.shirt span{font:italic 40px 'Playfair Display',serif;color:#5d5249}.shirt-neck{position:absolute;top:0;left:38%;width:24%;height:14%;border-radius:0 0 50% 50%;background:#b6a999}.corner-label{position:absolute;bottom:22px;left:22px;font-size:10px;letter-spacing:.14em}.store-copy h3{font:400 clamp(38px,4vw,65px)/1.14 'Playfair Display',serif;letter-spacing:-.04em;margin:0 0 25px}.store-copy>p:not(.eyebrow),.about-copy p{font-size:15px;line-height:1.95;color:#71685f}.coming{display:inline-block;border:1px solid var(--ink);padding:14px 18px;font-size:11px;letter-spacing:.1em;font-weight:700;margin-top:17px}.store-copy .small-note{font-size:11px!important;line-height:1.6!important}.events{background:#e8e0d3}.event-empty{border-top:1px solid #bdb2a3;border-bottom:1px solid #bdb2a3;padding:35px 0;display:flex;gap:30px;align-items:center}.event-icon{font-size:40px}.event-empty>div{flex:1}.event-empty h3{margin:0 0 9px;font-size:20px}.event-empty p{font-size:13px;color:#70675e;margin:0;line-height:1.7}.vesper{background:#1e1b25;color:#e7e0eb;padding:90px clamp(22px,8vw,135px)}.vesper-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.vesper h2{font:400 clamp(42px,4.6vw,72px)/1.12 'Playfair Display',serif;letter-spacing:-.05em;margin:0 0 35px}.vesper h2 em{color:#a79ab5}.vesper-logo{font-family:Georgia,serif;font-size:clamp(55px,7vw,100px);letter-spacing:.08em;margin-bottom:20px}.vesper-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#bcb4c3;max-width:460px}.vesper-soon{display:inline-block;margin-top:22px;font-size:10px;letter-spacing:.13em;color:#b6a8c6;border-bottom:1px solid #6b6075;padding-bottom:9px}.vesper-art{min-height:420px;background:linear-gradient(140deg,#4c405a,#201d2a 65%,#0e0d12);position:relative;overflow:hidden}.vesper-moon{width:190px;height:190px;border-radius:50%;background:#a99bb2;filter:blur(3px);position:absolute;right:15%;top:14%;box-shadow:0 0 90px #b9a6d277}.vesper-tower{position:absolute;bottom:0;left:25%;width:35%;height:60%;background:#111018;clip-path:polygon(50% 0,68% 22%,68% 30%,100% 30%,100% 100%,0 100%,0 30%,32% 30%,32% 22%)}.vesper-art>span{position:absolute;bottom:22px;right:20px;font-size:10px;letter-spacing:.15em}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about h2{font-size:clamp(65px,7vw,105px)}.about-copy{padding-top:35px}.about-copy .text-link{display:inline-block;margin-top:20px}.contact{background:#3a342e;color:#f1e8dc;padding:100px 20px;text-align:center}.contact .eyebrow{color:#c8b9a9}.contact h2{font:400 clamp(55px,7vw,105px)/1.08 'Playfair Display',serif;letter-spacing:-.055em;margin:0 0 20px}.contact h2 em{color:#bba18c}.contact>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#d5c7b8}.contact .button{margin-top:25px}.contact .contact-hint{font-size:10px!important;opacity:.65;margin-top:22px}.footer{padding:32px clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer span,.footer>a:last-child{font-size:10px;color:#7c7267}.footer>a:last-child{font-weight:700;letter-spacing:.08em}@media(max-width:850px){.header{height:72px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;width:44px;height:44px;cursor:pointer}.menu-toggle span{height:2px;width:25px;background:var(--ink)}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:24px;box-shadow:0 12px 18px #0002;flex-direction:column;gap:22px}.nav.open{display:flex}.nav a{font-size:15px}.hero{grid-template-columns:1fr;padding-top:65px;gap:45px}.hero-art{min-height:440px}.hero-bottom{position:static;grid-column:1;gap:20px}.store-layout,.vesper-inner,.about{grid-template-columns:1fr;gap:45px}.vesper-art{min-height:340px}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:560px){.hero h1{font-size:clamp(48px,12vw,68px)}.hero-art{min-height:340px}.hero-bottom span:last-child{display:none}.section-heading{display:block}.section-heading>p{margin-top:20px}.release-grid{grid-template-columns:1fr;gap:40px}.album{aspect-ratio:1.15}.event-empty{align-items:start;flex-wrap:wrap;gap:15px}.event-empty .text-link{margin-left:55px}.store-visual{height:360px}.footer{flex-wrap:wrap}.footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Archivo personal · V2 */
.archive{background:#f3eee5}.archive .section-heading{margin-bottom:2.5rem}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem;align-items:start}.archive-item{margin:0;background:#fffcf6;padding:.55rem .55rem 1.15rem;box-shadow:0 6px 22px rgba(58,45,31,.09);transform:rotate(-1deg);transition:transform .25s,box-shadow .25s}.archive-item:nth-child(2n){transform:rotate(1.4deg);margin-top:2rem}.archive-item:nth-child(3n){transform:rotate(-1.8deg);margin-top:.8rem}.archive-item:hover{transform:rotate(0) translateY(-5px);box-shadow:0 12px 30px rgba(58,45,31,.16)}.archive-photo{display:block;width:100%;border:0;background:#e3d8c7;padding:0;cursor:zoom-in;overflow:hidden}.archive-photo img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .35s}.archive-photo:hover img{transform:scale(1.035)}.archive-item-1 img{object-fit:contain;background:#000}.archive-item-5 img,.archive-item-3 img{object-position:center}.archive-item figcaption{padding:.85rem .4rem 0;display:flex;flex-direction:column;gap:.3rem;color:#493d33}.archive-item figcaption strong{font-size:.95rem}.archive-item figcaption span{font-size:.78rem;line-height:1.5;color:#796b5e}.archive-footnote{margin-top:2.7rem;text-align:right;letter-spacing:.14em;font-size:.7rem;color:#857667}.photo-dialog{border:0;padding:2.8rem 1rem 1rem;max-width:min(90vw,950px);max-height:92vh;background:#f5f0e7;color:#30271f;box-shadow:0 18px 80px #0007}.photo-dialog::backdrop{background:#17130fda}.photo-dialog img{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}.photo-dialog p{text-align:center;font-size:.9rem;margin:1rem 0 .25rem}.photo-close{position:absolute;right:.65rem;top:.35rem;background:transparent;border:0;font-size:2rem;cursor:pointer;color:#30271f}@media(max-width:850px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-photo img{height:270px}}@media(max-width:480px){.archive-grid{gap:.75rem}.archive-item{padding:.35rem .35rem .8rem}.archive-photo img{height:205px}.archive-item figcaption{padding:.6rem .25rem 0}.archive-item figcaption strong{font-size:.8rem}.archive-item figcaption span{font-size:.7rem}.archive-item:nth-child(2n){margin-top:1rem}}

/* Tarjeta de discografía enlazada a Spotify */
.spotify-release-grid{grid-template-columns:minmax(0,560px)}
.spotify-release{display:block;cursor:pointer}
.spotify-release .album{transition:filter .2s ease}
.spotify-release:hover .album,.spotify-release:focus-visible .album{filter:brightness(1.12)}
.spotify-release:focus-visible{outline:3px solid var(--accent);outline-offset:5px}

/* Yuii V5: fotografías de portada y merchandising */
.store-visual{background:#d5c3ad}
.shirt-photo{width:100%;height:100%;object-fit:cover;display:block}
.store-visual .corner-label{color:#3c3027;background:rgba(245,235,221,.88);padding:8px 10px;z-index:1}
.vesper-art{background:#000 url('assets/vesper-portada.webp') center / contain no-repeat;min-height:420px}
.vesper-art:after{display:none}
.vesper-soon{color:#fff;border-bottom-color:rgba(255,255,255,.65)}
@media(max-width:850px){.vesper-art{min-height:340px}}

/* V6: fotografía de inicio y sello discográfico */
.hero-art.hero-photo{background:#a58a65 url("assets/portada-inicio.webp") center center/cover no-repeat;}
.hero-art.hero-photo::after{display:none;}
.record-label{background:#171513;color:#f3eadc;padding:85px clamp(22px,8vw,135px);text-align:center;}
.record-label-inner{max-width:680px;margin:auto;}
.record-label .eyebrow{color:#d7c3a9;margin-bottom:28px;}
.record-label img{display:block;width:min(100%,450px);height:auto;margin:0 auto;border:1px solid #4a4036;}

/* V7: sello y derechos reservados dentro del pie de página */
.footer-rights{display:flex;align-items:center;gap:13px;max-width:380px}
.footer-label-logo{width:62px;height:62px;object-fit:cover;flex-shrink:0;border-radius:3px}
.footer-rights span{font-size:10px;line-height:1.6;color:#7c7267}
@media(max-width:700px){.footer-rights{width:100%;order:2}.footer-label-logo{width:56px;height:56px}}