:root{--ink:#1a1a1a;--mute:#555;--soft:#f4f1ee;--line:#ececec}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}img{max-width:100%}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:10000}
/* Header */
/* Εισαγωγή γραμματοσειράς αν δεν υπάρχει */
    
    .irene-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 40px;
        background-color: rgba(255, 255, 255, 0.98);
        border-bottom: 1px solid #f2f2f2;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .header-nav { flex: 1; } /* Δίνει χώρο αριστερά για ισορροπία */
    .header-nav a {
        text-decoration: none;
        color: #1a1a1a;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-right: 25px;
        transition: opacity 0.3s;
        font-weight: 500;
    }
    .header-nav a:hover { opacity: 0.5; }

    .header-logo { flex: 1; text-align: center; }
    .logo-link img { max-height: 70px; width: auto; transition: transform 0.3s ease; }
    .logo-link:hover img { transform: scale(1.02); }

    .header-right { 
        flex: 1; 
        display: flex; 
        align-items: center; 
        justify-content: flex-end; /* Στοιχίζει τα εικονίδια δεξιά */
        gap: 15px; 
    }
    .header-right a { text-decoration: none; color: #1a1a1a; transition: opacity 0.3s; line-height: 1; }
    .header-right a:hover { opacity: 0.5; }

    /* Responsive Διορθώσεις */
    @media (max-width: 768px) {
        .header-nav { display: none; }
        .irene-header::before { content: ""; flex: 1; } /* κενό αριστερά => λογότυπο στο κέντρο */
        .irene-header { padding: 10px 20px; }
        .logo-link img { max-height: 50px; }
        .header-right { gap: 12px; } /* Λίγο πιο κοντά στο κινητό */
    }
    
    html { scroll-behavior: smooth; }
/* Hero / splits */
.wrap{max-width:1200px;margin:0 auto;padding:1vw 20px 3vw}
.hero{text-align:center;margin-bottom:3vw}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;margin:0 0 5px}
.hero p{text-transform:uppercase;letter-spacing:3px;color:#888;font-size:11px;margin:0}
.split{display:flex;flex-wrap:wrap;align-items:center;gap:5%;margin-bottom:5vw}
.split.reverse{flex-direction:row-reverse}
.text{flex:1 1 400px}
.text h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.5rem);margin:0 0 1rem;font-weight:400}
.text p{font-size:1.05rem;line-height:1.7;color:var(--mute)}
.img{flex:1 1 400px;position:relative}
.img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.img::before{content:'';position:absolute;top:-15px;left:-15px;width:100%;height:100%;background:var(--soft);z-index:-1}
/* Quotes */
.quote{padding:5vw 5%;background:#fafafa;text-align:center;margin:3vw 0;display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center;animation:fade 15s infinite}
.slide:nth-child(2){animation-delay:5s}.slide:nth-child(3){animation-delay:10s}
.quote blockquote{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,2.5vw,2rem);font-style:italic;margin:0}
.quote cite{margin-top:12px;font-weight:bold;letter-spacing:2px;font-size:13px;font-style:normal}
@keyframes fade{0%{opacity:0;visibility:hidden}5%{opacity:1;visibility:visible}28%{opacity:1;visibility:visible}33.33%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.slide{animation:none}.slide:first-child{opacity:1;visibility:visible}}
/* Gallery */
.section-title{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(1.8rem,3.5vw,2.5rem);text-align:center;margin:0 0 2rem}
.gallery{columns:4 240px;column-gap:14px}
.gallery a{display:block;margin-bottom:14px;break-inside:avoid;background:var(--soft);overflow:hidden}
.gallery img{width:100%;display:block;transition:transform .5s ease}
.gallery a:hover img{transform:scale(1.04)}
/* Lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:10000}
.lb.open{display:flex}.lb img{max-width:92vw;max-height:90vh;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;padding:14px}
.lb .x{top:10px;right:14px}.lb .p{left:10px;top:50%}.lb .n{right:10px;top:50%}
/* Footer */
.irene-footer {
        background-color: #ffffff;
        padding: 80px 20px 40px; /* Αυξημένο padding πάνω για "αέρα" */
        border-top: 1px solid #f2f2f2;
        text-align: center;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .footer-logo {
        font-family: 'Playfair Display', serif;
        font-size: 2rem;
        text-decoration: none;
        color: #1a1a1a;
        display: inline-block;
        margin-bottom: 30px;
        letter-spacing: 1px;
        transition: transform 0.3s ease;
    }
    .footer-logo:hover {
        transform: scale(1.05);
    }

    .footer-nav {
        margin-bottom: 35px;
    }
    .footer-nav a {
        text-decoration: none;
        color: #888;
        margin: 0 18px;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: color 0.3s, opacity 0.3s;
        font-weight: 500;
    }
    .footer-nav a:hover {
        color: #1a1a1a;
        opacity: 0.7;
    }

    .footer-socials {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 25px;
        margin-bottom: 40px;
    }
    .footer-socials a {
        text-decoration: none;
        color: #1a1a1a;
        transition: transform 0.3s ease, opacity 0.3s;
    }
    .footer-socials a:hover {
        transform: translateY(-3px); /* Μικρό ανασήκωμα στο hover */
        opacity: 0.6;
    }

    .footer-info {
        margin-top: 20px;
        font-size: 9px;
        color: #aaa;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        border-top: 1px solid #fafafa;
        padding-top: 20px;
        display: inline-block;
        min-width: 250px;
    }

    /* Responsive Διορθώσεις */
    @media (max-width: 480px) {
        .footer-nav a {
            display: block;
            margin: 10px 0;
            letter-spacing: 1px;
        }
        .footer-socials {
            gap: 20px;
        }
    }
.footer-info p{margin:0 0 .9rem}
/* Back to top */
#backToTop{position:fixed;bottom:30px;right:30px;z-index:9999;background:rgba(255,255,255,.95);color:var(--ink);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.08);opacity:0;visibility:hidden;transition:all .4s ease;border:1px solid #f2f2f2}
#backToTop.show{opacity:1;visibility:visible}#backToTop:hover{background:var(--ink);color:#fff;transform:translateY(-5px)}
@media(max-width:480px){.hero{margin-bottom:28px}.wrap{padding:5vw 15px}.split{margin-bottom:10vw;gap:20px}#backToTop{bottom:20px;right:20px;width:40px;height:40px}}
.footer-powered{margin:22px 0 0;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#aaa}
.footer-powered a{color:#888;text-decoration:none;transition:color .3s}.footer-powered a:hover{color:var(--ink)}
/* 404 */
.nf{max-width:640px;margin:0 auto;padding:8vw 20px 6vw;text-align:center}
.nf-art{position:relative;display:inline-block;line-height:1;margin-bottom:.6rem}
.nf-num{font-family:'Playfair Display',serif;font-size:clamp(7rem,26vw,14rem);font-weight:400;color:var(--ink);letter-spacing:.02em}
.nf-crack{position:absolute;left:0;right:0;top:20%;bottom:10%;width:100%;height:70%;overflow:visible}
.nf-crack path{stroke:#c9a24b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:nfdraw 1.6s .3s ease forwards;filter:drop-shadow(0 0 3px rgba(201,162,75,.45))}
.nf-crack path:nth-child(2){animation-delay:1.2s}.nf-crack path:nth-child(3){animation-delay:1.5s}
@keyframes nfdraw{to{stroke-dashoffset:0}}
.nf h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(1.8rem,4vw,2.5rem);margin:1rem 0 .8rem}
.nf p{font-size:1.05rem;line-height:1.7;color:var(--mute);margin:0 auto 2rem;max-width:520px}
.nf-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.nf-btn{display:inline-block;text-decoration:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;padding:14px 28px;background:var(--ink);color:#fff;border:1px solid var(--ink);transition:opacity .3s}
.nf-btn.ghost{background:transparent;color:var(--ink)}.nf-btn:hover{opacity:.7}
@media(prefers-reduced-motion:reduce){.nf-crack path{animation:none;stroke-dashoffset:0}}