html { scroll-behavior: smooth; }
/* Minimal Tailwind-like preflight */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5}
body{margin:0;line-height:inherit}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,optgroup,select,textarea{font:inherit;margin:0;padding:0;line-height:inherit;color:inherit}
a{color:inherit;text-decoration:inherit}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem;}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.inset-0{top:0;right:0;bottom:0;left:0;}
.left-4{left:1rem;}
.right-4{right:1rem;}
.z-0{z-index:0;}
.z-10{z-index:10;}
.z-50{z-index:50;}
.block{display:block;}
.flex{display:flex;}
.grid{display:grid;}
.flex-col{flex-direction:column;}
.items-center{align-items:center;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.w-full{width:100%;}
.h-full{height:100%;}
.w-9{width:2.25rem;}
.h-9{height:2.25rem;}
.w-40{width:10rem;}
.h-40{height:10rem;}
.min-h-screen{min-height:100vh;}
.mx-auto{margin-left:auto;margin-right:auto;}
.border{border-width:1px;}
.border-b{border-bottom-width:1px;}
.border-t{border-top-width:1px;}
.border-transparent{border-color:transparent;}
.rounded-full{border-radius:9999px;}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);}
.object-cover{object-fit:cover;}
.object-center{object-position:center;}
.grayscale{filter:grayscale(100%);}
.transform{transform:translateZ(0);}
.-translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y,0)) scale(var(--tw-scale-x,1),var(--tw-scale-y,1)) rotate(var(--tw-rotate,0));}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.transition-all{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.transition-transform{transition-property:transform;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.duration-300{transition-duration:300ms;}
.duration-500{transition-duration:500ms;}
.duration-700{transition-duration:700ms;}
.cursor-pointer{cursor:pointer;}
.uppercase{text-transform:uppercase;}
.underline{text-decoration:underline;}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.leading-tight{line-height:1.25;}
.leading-relaxed{line-height:1.625;}
.text-center{text-align:center;}
.font-light{font-weight:300;}
.font-normal{font-weight:400;}
.opacity-0{opacity:0;}
.opacity-20{opacity:.2;}
.opacity-40{opacity:.4;}
.opacity-80{opacity:.8;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.bg-transparent{background-color:transparent;}
.bg-neutral-900{background-color:#171717;}
.bg-neutral-950{background-color:#0a0a0a;}
.bg-black\/30{background-color:rgba(0,0,0,0.3);}
.bg-black\/60{background-color:rgba(0,0,0,0.6);}
.border-neutral-500{border-color:#737373;}
.border-neutral-600{border-color:#525252;}
.border-neutral-700{border-color:#404040;}
.border-neutral-800{border-color:#262626;}
.border-neutral-800\/80{border-color:rgba(38,38,38,0.8);}
.border-neutral-900\/50{border-color:rgba(23,23,23,0.5);}
.text-neutral-100{color:#f5f5f5;}
.text-neutral-200{color:#e5e5e5;}
.text-neutral-300{color:#d4d4d4;}
.text-neutral-400{color:#a3a3a3;}
.text-neutral-500{color:#737373;}
.text-neutral-800{color:#262626;}
.text-white{color:#ffffff;}
.text-xs{font-size:0.75rem;line-height:1rem;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.text-3xl{font-size:1.875rem;line-height:2.25rem;}
.text-4xl{font-size:2.25rem;line-height:2.5rem;}
.text-5xl { font-size: 3rem; line-height: 1; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.max-w-sm{max-width:24rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-5xl{max-width:64rem;}
.max-w-7xl{max-width:80rem;}
.mb-12{margin-bottom:3rem;}
.mb-16{margin-bottom:4rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;}
.mt-16{margin-top:4rem;}
.mt-2{margin-top:0.5rem;}
.mt-24{margin-top:6rem;}
.mt-3{margin-top:0.75rem;}
.mt-32{margin-top:8rem;}
.mt-4{margin-top:1rem;}
.pb-2{padding-bottom:0.5rem;}
.pb-24{padding-bottom:6rem;}
.pb-4{padding-bottom:1rem;}
.pb-6{padding-bottom:1.5rem;}
.pt-8{padding-top:2rem;}
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-24{padding-top:6rem;padding-bottom:6rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-10{gap:2.5rem;}
.gap-12{gap:3rem;}
.w-\[2100px\]{width:2100px;}
.h-\[1300px\]{height:1300px;}
.h-\[500px\]{height:500px;}
.tracking-wide{letter-spacing:0.025em;}
.tracking-widest{letter-spacing:0.1em;}
.tracking-\[0\.2em\]{letter-spacing:0.2em;}
.tracking-\[0\.25em\]{letter-spacing:0.25em;}
.tracking-\[0\.3em\]{letter-spacing:0.3em;}
.tracking-\[0\.35em\]{letter-spacing:0.35em;}
.tracking-\[0\.4em\]{letter-spacing:0.4em;}
.hover\:bg-white:hover{background-color:#ffffff;}
.hover\:text-black:hover{color:#000000;}
.hover\:text-neutral-200:hover{color:#e5e5e5;}
.hover\:text-neutral-400:hover{color:#a3a3a3;}
.hover\:border-white:hover{border-color:#ffffff;}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
.focus\:border-white:focus{border-color:#ffffff;}
.group:hover .group-hover\:opacity-100{opacity:1;}
.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) scale(var(--tw-scale-x),var(--tw-scale-y)) rotate(var(--tw-rotate,0));}
.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) scale(var(--tw-scale-x),var(--tw-scale-y)) rotate(var(--tw-rotate,0));}
.group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) scale(var(--tw-scale-x,1),var(--tw-scale-y,1)) rotate(var(--tw-rotate));}
::selection{}
.selection\:bg-neutral-700::selection{background-color:#404040;}
.selection\:text-white::selection{color:#ffffff;}
@media (min-width:768px){.md\:text-sm{font-size:0.875rem;line-height:1.25rem;}.md\:text-xl{font-size:1.25rem;line-height:1.75rem;}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.md\:text-5xl{font-size:3rem;line-height:1;}.md\:text-7xl{font-size:4.5rem;line-height:1;}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* Site-specific styles from original index.html */
body { font-family: 'Inter', sans-serif; }
    /* Cinzel for English headings, Heebo via .hebrew-font for Hebrew */
    h1, h2, h3, .brand-font { font-family: 'Cinzel', serif; }
    
    .hebrew-font { font-family: 'Heebo', sans-serif !important; }
    
    /* Initial Load Animation (hero only) */
    .fade-in { animation: fadeIn 1.2s ease-in-out; }
    @keyframes fadeIn { 
        from { opacity: 0; transform: translateY(20px); } 
        to { opacity: 1; transform: translateY(0); } 
    }
    
    /* Smooth opening for details tag */
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }

    /* Navbar transitions */
    #navbar {
        transition: background-color 0.5s ease, border-color 0.5s ease, backdrop-filter 0.5s ease;
    }

    /* Language flag flip animation */
    #lang-flag {
        display: inline-block;
    }
    .flag-animate {
        animation: flagFlip 0.35s ease-in-out;
    }
    @keyframes flagFlip {
        0% { transform: rotateY(0deg); opacity: 0.3; }
        50% { transform: rotateY(90deg); opacity: 0; }
        51% { transform: rotateY(-90deg); opacity: 0; }
        100% { transform: rotateY(0deg); opacity: 1; }
    }

    /* ========= REVEAL ON SCROLL ========= */
    .reveal {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease-out, transform 1s ease-out;
    }
    .reveal.in-view {
        opacity: 1;
        transform: translateY(0);
    }

/* Extra utilities */
.list-none{list-style:none;}
.overflow-hidden{overflow:hidden;}
.pointer-events-none{pointer-events:none;}
.break-inside-avoid{break-inside:avoid;page-break-inside:avoid;}


/* Typography */
:root{--font:'Cinzel',serif;}
body{font-family:var(--font);}

/* Selected Work (Portfolio Grid) */
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  gap:16px;
}
@media (min-width: 700px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
}
@media (min-width: 1024px){
  .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
}
.portfolio-item{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#0a0a0a;
  aspect-ratio: 4 / 5;
  display:block;
  outline:none;
}
.portfolio-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1);
  opacity:.85;
  transform:scale(1.02);
  transition:transform .6s ease, opacity .4s ease, filter .4s ease;
}
.portfolio-item:hover img,
.portfolio-item:focus-visible img{
  transform:scale(1.07);
  opacity:1;
  filter:grayscale(0);
}
.portfolio-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.55);
  opacity:0;
  transition:opacity .35s ease;
  padding:16px;
}
.portfolio-item:hover .portfolio-overlay,
.portfolio-item:focus-visible .portfolio-overlay{opacity:1;}
.portfolio-overlay span{
  font-size:14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#fff;
  opacity:.9;
}
/* ===== TYPOGRAPHY FIX – CINZEL THIN ===== */

body {
  font-family: 'Cinzel', serif;
  font-weight: 400;
}

h1,
.hero-title {
  font-family: 'Cinzel', serif;
  font-weight: 300;
  letter-spacing: 0.15em;
}
/* Prevents text from wrapping to a second line */
.whitespace-nowrap { white-space: nowrap; }