:root{--paper:#f5f3ef;--ink:#1d1e1c;--muted:#77766f;--line:#d7d3cc;--accent:#4c6571}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}img{display:block;max-width:100%}a{color:inherit}.hero{min-height:100svh;display:grid;grid-template-columns:58% 42%;padding:clamp(18px,3vw,42px);gap:clamp(24px,5vw,80px)}.hero-art{background:url('images/sprejmi-temo.jpeg') center/cover no-repeat;min-height:70vh}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-right:5vw}.eyebrow,.section-number{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:.96;margin:0}h1{font-size:clamp(3.7rem,7vw,8.2rem);letter-spacing:-.045em}.signature{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.25rem,2vw,2rem);font-style:italic;color:var(--accent);margin:1.2rem 0 3rem}.text-link{text-decoration:none;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;border-bottom:1px solid var(--ink);padding-bottom:.55rem;width:max-content}.text-link span{margin-left:2rem}.about,.contact{display:grid;grid-template-columns:8% 42% 1fr;gap:clamp(24px,4vw,70px);padding:clamp(90px,13vw,190px) clamp(20px,6vw,100px);border-top:1px solid var(--line)}h2{font-size:clamp(3rem,6vw,7rem);letter-spacing:-.035em}.about-copy{max-width:610px;padding-top:.4rem}.about-copy p{color:#555650}.about-copy .lead{font-size:clamp(1.15rem,1.65vw,1.5rem);color:var(--ink);line-height:1.55}.works{padding:clamp(80px,10vw,150px) clamp(20px,4vw,70px);background:#e9e7e2}.section-heading{display:grid;grid-template-columns:8% 50% 1fr;gap:clamp(24px,4vw,70px);align-items:end;margin-bottom:clamp(60px,9vw,130px)}.section-heading>p:last-child{max-width:390px;color:#62635f;margin:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(55px,9vw,140px) clamp(20px,7vw,115px);align-items:start}.gallery figure{margin:0}.gallery .wide{grid-column:1/-1;width:76%;justify-self:center}.art{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}.art img{width:100%;height:auto;transition:opacity .35s ease}.art:hover img{opacity:.9}figcaption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #bbb9b3;padding-top:.85rem;margin-top:1.1rem}figcaption span{font-family:'Playfair Display',Georgia,serif;font-size:1.2rem}figcaption small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.contact{background:#232625;color:#f5f3ef}.contact .section-number,.contact .eyebrow{color:#aaa9a4}.contact-copy{align-self:end;padding-bottom:.5rem}.contact-copy p{max-width:420px;color:#c9c8c2}.contact-copy a{display:inline-block;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.25rem,2.2vw,2rem);margin-top:1rem;text-underline-offset:.3em}footer{display:flex;justify-content:space-between;padding:24px clamp(20px,6vw,100px);background:#232625;color:#aaa9a4;border-top:1px solid #444;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}footer a{text-decoration:none}.lightbox{width:min(94vw,1500px);max-width:none;height:94vh;border:0;padding:50px;background:rgba(18,19,18,.97);color:white}.lightbox::backdrop{background:rgba(10,10,10,.82)}.lightbox img{width:100%;height:calc(100% - 42px);object-fit:contain}.lightbox p{text-align:center;margin:.7rem 0 0;font-family:'Playfair Display',Georgia,serif}.close{position:absolute;right:16px;top:8px;border:0;background:none;color:white;font-size:2rem;cursor:pointer}
footer{align-items:flex-start;gap:2rem}footer span{max-width:900px}footer a{flex:none}
@media(max-width:780px){.hero{grid-template-columns:1fr;min-height:auto;padding:16px}.hero-art{min-height:62svh}.hero-copy{padding:42px 10px 70px}.about,.contact{grid-template-columns:1fr;padding:90px 24px}.about .section-number,.contact .section-number{margin:0}.about-copy{padding-top:18px}.section-heading{grid-template-columns:1fr;padding:0 4px}.gallery{grid-template-columns:1fr;gap:70px}.gallery .wide{grid-column:auto;width:100%}.works{padding:85px 16px}.contact-copy{padding-top:15px}figcaption small{font-size:.65rem}.lightbox{padding:45px 12px 18px}footer{padding:22px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}