:root{--icona-black:#000000;--icona-wine:#8f4144;--icona-white:#FFFFFF;--icona-wine-light:#CA8083;--icona-wine-medium:#AD5A5E;--icona-gray-dark:#2c2c2c;--icona-gray-medium:#666666;--icona-gray-light:#f5f5f5;--icona-gold:#daa520;--icona-gold-star:#ffd700;--font-tundra:'TUNDRA',Georgia,serif;--font-clarika:'Clarika',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--spacing-xs:8px;--spacing-sm:15px;--spacing-md:25px;--spacing-lg:40px;--spacing-xl:60px;--spacing-xxl:80px;--radius-sm:12px;--radius-md:20px;--radius-lg:25px;--radius-xl:40px;--shadow-sm:0 4px 12px rgba(0,0,0,.1);--shadow-md:0 8px 25px rgba(0,0,0,.1);--shadow-lg:0 10px 30px rgba(0,0,0,.15);--transition-fast:.3s ease;--transition-medium:.5s ease;--designer-image-shift:260px;--designer-image-width:42vw;--designer-small-offset:20px;--designer-image-scale:1.11;--designer-section-left-offset:0px;--big-image-x:410px;--big-image-y:20px;--small-image-left:80px;--small-image-bottom:120px}
:root{--icona-black:#000000;--icona-wine:#8f4144;--icona-white:#FFFFFF;--icona-wine-light:#CA8083;--icona-wine-medium:#AD5A5E;--icona-gray-dark:#2c2c2c;--icona-gray-medium:#666666;--icona-gray-light:#f5f5f5;--icona-gold:#daa520;--icona-gold-star:#ffd700;--font-tundra:'TUNDRA',Georgia,serif;--font-clarika:'Clarika',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--spacing-xs:8px;--spacing-sm:15px;--spacing-md:25px;--spacing-lg:40px;--spacing-xl:60px;--spacing-xxl:80px;--radius-sm:12px;--radius-md:20px;--radius-lg:25px;--radius-xl:40px;--shadow-sm:0 4px 12px rgba(0,0,0,.1);--shadow-md:0 8px 25px rgba(0,0,0,.1);--shadow-lg:0 10px 30px rgba(0,0,0,.15);--transition-fast:.3s ease;--transition-medium:.5s ease;--designer-image-shift:260px;--designer-image-width:42vw;--designer-small-offset:20px;--designer-image-scale:1.11;--designer-image-crop-left:20px}

@font-face{font-family:'TUNDRA';src:url('fonts/TUNDRA.woff2') format('woff2'),url('fonts/TUNDRA.woff') format('woff'),url('fonts/TUNDRA.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

@font-face{font-family:'Clarika';src:url('fonts/Clarika-Regular.woff2') format('woff2'),url('fonts/Clarika-Regular.woff') format('woff'),url('fonts/Clarika-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'Clarika';src:url('fonts/Clarika-Bold.woff2') format('woff2'),url('fonts/Clarika-Bold.woff') format('woff'),url('fonts/Clarika-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

@font-face{font-family:'Clarika';src:url('fonts/Clarika-Light.woff2') format('woff2'),url('fonts/Clarika-Light.woff') format('woff'),url('fonts/Clarika-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}

body{font-family:var(--font-clarika);color:var(--icona-white);overflow-x:hidden;min-height:100vh}

/* Color del hamburger específico para esta página */
.hamburger-line{background:var(--icona-wine-light)!important}

.designer-section{max-width:1400px;margin-right:auto;margin-left:var(--designer-section-left-offset);padding:100px 20px;display:grid;grid-template-columns:1fr var(--designer-image-width);align-items:start;gap:80px}

/* Left (texto) - estilo inspirado en la referencia */
.designer-left{padding-top:100px;padding-left:0}
.designer-left .designer-section-title{margin-top:0}
.designer-left .designer-section-title{font-size:72px;line-height:0.98;color:var(--icona-wine);font-family:var(--font-tundra);font-weight:400;margin-bottom:36px;text-transform:none;letter-spacing:0}
.designer-left .designer-paragraph{font-size:16px;color:var(--icona-gray-dark);line-height:1.9;max-width:520px;margin-bottom:30px;font-weight:300}

/* Right (imágenes) */
.designer-right{position:relative}
.image-stack{position:relative;height:calc(100vh - 120px);display:block;overflow:visible}
.image-stack .big-image{position:sticky;top:80px;height:100%;overflow:visible;border-radius:0;box-shadow:none;transform:translateX(var(--big-image-x)) translateY(var(--big-image-y));will-change:transform}
.image-stack .big-image img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block;transform:scale(var(--designer-image-scale));transform-origin:center right;transition:transform .3s var(--transition-medium);will-change:transform;clip-path:inset(0 0 0 var(--designer-image-crop-left));-webkit-clip-path:inset(0 0 0 var(--designer-image-crop-left))}

/* small image solapada hacia el centro-izquierda de la columna derecha */
.image-stack .small-image{position:absolute;left:var(--small-image-left);bottom:var(--small-image-bottom);width:390px;height:510px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,0.15);transform:translateY(0);will-change:transform}
.image-stack .small-image img{width:100%;height:100%;object-fit:cover;display:block}

/* Responsiveness */
@media (max-width:1200px){
    /* tablet landscape / small desktops */
    .designer-section{grid-template-columns:1fr 520px;padding:80px 24px;gap:40px}
    .image-stack{height:640px}
    .image-stack .big-image{transform:none}
    .image-stack .big-image img{object-position:center top;transform:scale(1.02)}
    .image-stack .small-image{left:-120px;bottom:90px;width:260px;height:260px}
    .designer-left .designer-paragraph{font-size:15px;max-width:520px}
}

@media (max-width:900px){
    /* tablet / large phones */
    .designer-section{grid-template-columns:1fr;gap:30px;padding:40px 18px}
    /* reduce big image stack height to avoid pushing footer */
    .image-stack{height:auto}
    /* make big image flow with the document on smaller screens */
    .image-stack .big-image{position:relative;top:auto;height:auto;transform:none}
    .image-stack .big-image img{object-position:center top;transform:scale(1);clip-path:none;max-height:420px}
    .image-stack .small-image{position:absolute;right:10px;bottom:10px;width:160px;height:160px;left:auto}
    .designer-left{padding-top:20px}
    .designer-left .designer-section-title{font-size:34px}
    .designer-left .designer-paragraph{font-size:15px;line-height:1.7;max-width:100%}
}

@media (max-width:480px){
    /* phones */
    .image-stack{height:300px}
    .image-stack .big-image{height:300px;transform:none}
    .image-stack .big-image img{object-position:center top;transform:scale(1);clip-path:none}
    .image-stack .small-image{width:120px;height:120px;right:8px;bottom:8px;left:auto}
    .designer-left .designer-section-title{font-size:26px}
    .designer-left .designer-paragraph{font-size:14px;line-height:1.6;max-width:100%}
    .designer-section{padding:30px 12px}
}

@media (max-width:767px){
    /* small page-specific adjustments if needed */
}

.designer-section-title {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--icona-wine);
    margin-bottom: 40px;
    text-align: left;
    font-family: var(--font-tundra)
}

.designer-paragraph {
    font-size: 14px;
    line-height: 1.8;
    color: var(--icona-gray-medium);
    font-weight: 300;
    margin-bottom: 30px;
    font-family: var(--font-clarika)
}

.designer-paragraph:last-child {
    margin-bottom: 0;
}