:root{--ink:#111110;--cream:#eeeade;--line:#ffffff36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;letter-spacing:-.065em;line-height:.94}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:27px 3vw 30px;gap:30px}.wordmark{font-size:54px;font-weight:900;letter-spacing:-5px;line-height:1}.location{font-size:10px;line-height:1.45;margin-right:auto;margin-left:7vw}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a{padding:10px 0}nav a[aria-current],.filters a[aria-current]{text-decoration:underline;text-underline-offset:5px}.work-heading{display:flex;justify-content:space-between;align-items:end;padding:30px 3vw 22px;border-top:1px solid var(--line);margin:0 3vw;padding-left:0;padding-right:0}.work-heading h1{font-size:clamp(30px,4.5vw,70px)}.work-heading>span,.eyebrow,.card-caption,.filters,.text-link{font-size:11px;letter-spacing:.025em;text-transform:uppercase}.work-grid{padding:0 3vw 110px;display:grid;grid-template-columns:1.16fr 1fr;gap:90px 8vw;align-items:start}.project-card:nth-child(even){margin-top:155px}.project-card img{width:100%;height:auto}.project-card a{display:block}.project-card img{transition:filter .25s}.project-card a:hover img{filter:brightness(.83)}.project-card h2{font-size:clamp(32px,4.1vw,65px);text-transform:uppercase;margin-top:13px}.card-caption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:10px}.cream,.light{background:var(--cream);color:var(--ink);--line:#11111035}.archive{padding:75px 5vw 90px}.archive-heading{display:flex;align-items:end;justify-content:space-between;margin:22px 0 35px}.archive h2{font-size:clamp(48px,9vw,145px)}.filters{display:flex;gap:28px;padding:0 3vw 35px;flex-wrap:wrap}.archive .filters{padding:0 0 35px}.index-row{display:grid;grid-template-columns:55px 1fr 140px 20px;gap:12px;align-items:center;border-top:1px solid #11111055;padding:22px 0}.index-row h3{font-size:clamp(25px,3.7vw,58px);text-transform:uppercase}.index-row>span{font-size:11px;text-transform:uppercase}.index-row:hover h3{padding-left:12px}.index-row h3{transition:padding .2s}.contact{padding:75px 5vw 65px;border-top:1px solid #11111055}.contact h2{font-size:clamp(52px,10.8vw,170px);margin:24px 0 55px}.contact-links{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:13px}.contact-links a:first-child{font-size:21px;letter-spacing:-.035em}.contact-links a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 3vw;background:var(--ink);color:var(--cream);gap:25px}footer .wordmark{font-size:38px;letter-spacing:-3px}footer span,footer>a:last-child{font-size:10px}.category-title{padding:50px 3vw}.category-title h1{font-size:clamp(42px,10vw,155px);margin-top:20px;overflow-wrap:anywhere}.story-intro{padding:40px 3vw 50px;border-top:1px solid var(--line)}.story-intro h1{font-size:clamp(60px,12vw,180px);margin:30px 0 45px;overflow-wrap:anywhere}.story-meta{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.story-meta>p{font-size:20px;max-width:380px;line-height:1.4}dl{margin:0;font-size:12px;line-height:1.5}dl div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:9px 0}dt{opacity:.65}dd{margin:0}.story-grid{padding:0 3vw 100px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:55px 4vw}.story-photo{display:block}.story-photo:first-child{grid-column:1/-1;width:75%;justify-self:center}.story-photo img{width:100%}.story-photo span{display:block;font-size:10px;margin-top:12px}.story-photo:nth-child(3n){margin-top:100px}.next-project{display:block;padding:60px 3vw}.next-project h2{font-size:clamp(44px,9vw,130px);text-transform:uppercase;margin-top:20px}.about{padding:45px 5vw 95px}.about h1{font-size:clamp(44px,10.5vw,155px);margin:30px 0 75px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.about-grid img{width:100%}.about-grid p{font-size:17px;line-height:1.55;margin-bottom:28px}.about-grid .lead{font-size:32px;line-height:1.1;letter-spacing:-.04em}.film{padding:0 3vw 80px}.film iframe{width:100%;aspect-ratio:16/9;border:0;display:block;margin-bottom:25px}.skip{position:fixed;left:20px;top:-100px;background:var(--cream);color:var(--ink);padding:15px;z-index:20}.skip:focus{top:15px}dialog{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;border:0;padding:60px 5vw;background:#111110;color:var(--cream)}dialog::backdrop{background:#111}dialog img{width:100%;height:calc(100dvh - 150px);object-fit:contain}dialog button{background:none;border:1px solid #eeeade66;color:inherit;padding:12px 18px;cursor:pointer}dialog .close{position:absolute;right:5vw;top:15px}dialog .viewer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.viewer-count{font-size:12px}
@media(min-width:1600px){.work-grid{gap:120px 10vw}.project-card:nth-child(even){margin-top:200px}}
@media(max-width:650px){header{padding:22px 5vw;gap:20px}.wordmark{font-size:40px;letter-spacing:-3.5px}.location{display:none}nav{gap:17px;font-size:10px}.work-heading{margin:0 5vw;padding-top:25px;align-items:center}.work-heading h1{font-size:29px}.work-heading>span{font-size:8px;max-width:65px;text-align:right}.work-grid{padding:0 5vw 65px;display:block}.project-card,.project-card:nth-child(even){margin:0 0 48px}.project-card:last-child{margin-bottom:0}.project-card h2{font-size:38px}.card-caption{font-size:9px}.archive{padding:50px 5vw}.archive-heading{margin-bottom:25px}.archive h2{font-size:50px}.filters{gap:18px;font-size:10px}.index-row{grid-template-columns:23px 1fr 15px;padding:19px 0}.index-row>span:nth-child(3){display:none}.index-row h3{font-size:30px}.contact{padding-top:50px}.contact h2{font-size:14vw;margin-bottom:35px}.contact-links{display:grid;gap:22px}.contact-links a:first-child{font-size:21px}footer{padding:30px 5vw;flex-wrap:wrap}footer span{font-size:9px}.category-title{padding:30px 5vw}.category-title h1{font-size:12vw}.story-intro{padding:30px 5vw}.story-intro h1{font-size:17vw;margin:25px 0 30px}.story-meta{display:block}.story-meta>p{font-size:18px;margin-bottom:25px}.story-grid{display:block;padding:0 5vw 45px}.story-photo:first-child{width:100%}.story-photo,.story-photo:nth-child(3n){margin:0 0 30px}.next-project{padding:45px 5vw}.about{padding:30px 5vw 50px}.about h1{font-size:12vw;margin:25px 0 40px}.about-grid{display:block}.about-grid img{margin-bottom:35px}.about-grid .lead{font-size:28px}.about-grid p{font-size:16px}.film{padding:0 5vw 50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Compact contact sheets; all clickable photographs carry corner cues. */
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 3vw;padding-bottom:75px}
.project-card:nth-child(even){margin-top:55px}
.project-card h2{font-size:clamp(26px,3vw,46px)}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 2.5vw;padding-bottom:65px}
.story-photo:first-child{grid-column:auto;width:100%;justify-self:stretch}
.story-photo:nth-child(3n){margin-top:0}
.story-photo{cursor:zoom-in}
.story-intro{padding-bottom:32px}
.story-intro h1{font-size:clamp(54px,8vw,115px);margin:24px 0 28px}
.photo-frame,.story-photo .photo-frame{display:block;position:relative;margin:0;line-height:0}
.photo-corner,.story-photo .photo-corner{position:absolute;display:grid;place-items:center;width:27px;height:27px;background:var(--cream);color:var(--ink);font-size:18px;line-height:1;margin:0;pointer-events:none;transition:background .2s,color .2s}
.corner-start{top:8px;left:8px}
.corner-end{bottom:8px;right:8px}
a:hover .photo-corner,a:focus-visible .photo-corner{background:var(--ink);color:var(--cream)}
@media(max-width:900px){.work-grid,.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(even){margin-top:35px}}
@media(max-width:650px){.work-grid,.story-grid{display:grid;gap:27px 14px;padding-left:5vw;padding-right:5vw}.project-card,.project-card:nth-child(even){margin:0}.project-card h2{font-size:24px;overflow-wrap:anywhere}.card-caption{font-size:8px;line-height:1.4}.card-caption>span:last-child{display:none}.story-photo,.story-photo:nth-child(3n){margin:0}.story-intro h1{font-size:14vw}.photo-corner,.story-photo .photo-corner{width:22px;height:22px;font-size:15px}.corner-start{top:5px;left:5px}.corner-end{bottom:5px;right:5px}}

/* Quiet corner brackets, revealed only on photo hover or keyboard focus. */
.photo-corner,.story-photo .photo-corner{
 width:24px;height:24px;background:transparent;color:#fff;
 opacity:0;filter:drop-shadow(0 1px 2px #0008);
 transition:opacity .18s ease;
}
.corner-start{top:10px;left:10px;border-top:1px solid currentColor;border-left:1px solid currentColor}
.corner-end{bottom:10px;right:10px;border-bottom:1px solid currentColor;border-right:1px solid currentColor}
a:hover .photo-corner,a:focus-visible .photo-corner{background:transparent;color:#fff}
@media(hover:hover){.photo-frame:hover .photo-corner{opacity:1}}
a:focus-visible .photo-corner{opacity:1}
@media(max-width:650px){.photo-corner,.story-photo .photo-corner{width:18px;height:18px}.corner-start{top:7px;left:7px}.corner-end{bottom:7px;right:7px}}

/* Frame the photograph from outside its edges. */
.photo-corner,.story-photo .photo-corner{color:inherit;filter:none}
.corner-start{top:-7px;left:-7px}
.corner-end{bottom:-7px;right:-7px}
a:hover .photo-corner,a:focus-visible .photo-corner{color:inherit}
@media(max-width:650px){.corner-start{top:-5px;left:-5px}.corner-end{bottom:-5px;right:-5px}}

/* Reversed palette: cream work pages and black contrast sections. */
:root{--ink:#eeeade;--cream:#111110;--line:#11111035}
.cream,.light{--line:#eeeade35}
.archive .index-row,.contact{border-color:#eeeade55}
.photo-corner,.story-photo .photo-corner,
a:hover .photo-corner,a:focus-visible .photo-corner{color:inherit}
dialog{background:#eeeade;color:#111110}
dialog::backdrop{background:#eeeade}
dialog button{border-color:#11111066}

/* Give horizontal photographs room without cropping their frames. */
.story-grid .story-photo.landscape-photo{grid-column:span 2;width:100%}
@media(max-width:650px){.story-grid .story-photo.landscape-photo{grid-column:1/-1}}

/* Six tracks allow three portraits or two wider landscapes per row. */
.story-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.story-grid .story-photo{grid-column:span 2}
.story-grid .story-photo.landscape-photo{grid-column:span 3}
@media(max-width:900px){
 .story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .story-grid .story-photo,.story-grid .story-photo.landscape-photo{grid-column:span 2}
}
@media(max-width:650px){
 .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-grid .story-photo{grid-column:span 1}
 .story-grid .story-photo.landscape-photo{grid-column:1/-1}
}

/* Wider display lettering, with reserved space to prevent overflow. */
h1,h2,h3{
 width:calc(100% / 1.12);
 transform:scaleX(1.12);
 transform-origin:left center;
}
.work-heading h1{flex:0 1 auto}
.archive-heading h2{flex:0 1 auto}

/* Larger, heavier display titles while preserving the wide lettering. */
h1,h2,h3{font-weight:900;-webkit-text-stroke:.45px currentColor}
.work-heading h1{font-size:clamp(33px,4.95vw,77px)}
.project-card h2{font-size:clamp(29px,3.3vw,51px)}
.story-intro h1{font-size:clamp(60px,8.8vw,127px)}
.category-title h1{font-size:clamp(46px,11vw,170px)}
.archive h2{font-size:clamp(53px,9.9vw,160px)}
.index-row h3{font-size:clamp(28px,4vw,64px)}
.next-project h2{font-size:clamp(48px,9.9vw,143px)}
.about h1{font-size:clamp(48px,11.2vw,165px)}
.contact h2{font-size:clamp(57px,11.4vw,180px)}
@media(max-width:650px){
 h1,h2,h3{-webkit-text-stroke:.3px currentColor}
 .work-heading h1{font-size:31px}
 .project-card h2{font-size:26px}
 .story-intro h1{font-size:15vw}
 .category-title h1{font-size:13vw}
 .archive h2{font-size:53px}
 .index-row h3{font-size:32px}
 .about h1{font-size:12.8vw}
 .contact h2{font-size:14.5vw}
}

/* Persistent English / Slovene switch. */
.language-toggle{flex-shrink:0;border:0;background:none;color:inherit;padding:10px 0;font-size:11px;cursor:pointer;white-space:nowrap}
.language-toggle [data-language]{opacity:.45}
.language-toggle .active{opacity:1;text-decoration:underline;text-underline-offset:5px}
html[lang="sl"] .about h1{font-size:clamp(40px,8.7vw,135px)}
@media(max-width:650px){
 header{gap:12px;flex-wrap:wrap}
 nav{margin-left:auto;gap:12px}
 .language-toggle{font-size:10px}
 html[lang="sl"] .work-heading h1{font-size:28px}
 html[lang="sl"] .about h1{font-size:9.2vw}
}

/* A brief introduction before the photographs. */
.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:45px 3vw 55px;align-items:start}
.home-intro h1{font-size:clamp(32px,3.7vw,56px);margin-top:18px;line-height:1.03;text-transform:uppercase}
.home-intro-copy>p{max-width:540px;font-size:16px;line-height:1.55}
.client-line{margin:24px 0 22px}
.client-line ul{display:flex;flex-wrap:wrap;gap:15px 30px;list-style:none;padding:0;margin:13px 0 0;font-size:21px;font-weight:800;letter-spacing:-.04em}
.work-heading h2{font-size:clamp(33px,4.95vw,77px);flex:0 1 auto}
@media(max-width:650px){
 .home-intro{grid-template-columns:1fr;gap:23px;padding:28px 5vw 35px}
 .home-intro h1{font-size:32px;margin-top:14px}
 .home-intro-copy>p{font-size:14px}
 .client-line{margin:19px 0}
 .client-line ul{font-size:18px;gap:22px}
 .work-heading h2{font-size:31px}
 html[lang="sl"] .home-intro h1{font-size:27px}
 html[lang="sl"] .work-heading h2{font-size:28px}
}

/* Profile photograph anchors the compact home introduction. */
.home-intro{grid-template-columns:1.05fr .48fr 1.2fr;gap:3vw;align-items:center}
.home-intro h1{font-size:clamp(28px,2.85vw,46px)}
.home-intro-portrait img{width:100%;height:auto;max-height:260px;object-fit:contain}
@media(max-width:900px) and (min-width:651px){.home-intro{grid-template-columns:1fr .5fr}.home-intro-copy{grid-column:1/-1}.home-intro-portrait img{max-height:200px}}
@media(max-width:650px){
 .home-intro{grid-template-columns:minmax(0,1fr) 90px;gap:24px 18px;align-items:center}
 .home-intro h1{font-size:26px;overflow-wrap:anywhere}
 .home-intro .eyebrow{font-size:9px}
 .home-intro-portrait img{max-height:none}
 .home-intro-copy{grid-column:1/-1}
 html[lang="sl"] .home-intro h1{font-size:21px}
}

/* Larger portrait on the left, with the introduction alongside. */
.home-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:6vw;row-gap:24px;align-items:start}
.home-intro-portrait{grid-column:1;grid-row:1 / 3}
.home-intro-portrait img{width:100%;max-height:none;object-fit:contain}
.home-intro>div:first-child{grid-column:2;grid-row:1;align-self:end}
.home-intro-copy{grid-column:2;grid-row:2;align-self:start}
.home-intro h1{font-size:clamp(30px,3.4vw,52px)}
@media(max-width:650px){
 .home-intro{grid-template-columns:minmax(0,1fr);gap:26px}
 .home-intro-portrait{grid-column:1;grid-row:1;width:80%;max-width:340px}
 .home-intro>div:first-child{grid-column:1;grid-row:2}
 .home-intro-copy{grid-column:1;grid-row:3}
 .home-intro h1{font-size:32px}
 html[lang="sl"] .home-intro h1{font-size:27px}
}

/* Slightly smaller hero portrait, retaining the left-hand placement. */
.home-intro-portrait{width:82%;justify-self:start}
@media(max-width:650px){.home-intro-portrait{width:65%;max-width:280px}}

/* Smaller portrait tucked closer to the introduction. */
@media(min-width:651px){
 .home-intro{column-gap:3vw}
 .home-intro-portrait{width:68%;justify-self:end}
}
@media(max-width:650px){
 .home-intro{row-gap:18px}
 .home-intro-portrait{width:55%;max-width:240px}
}

/* Keep the compact portrait and copy left-aligned; work starts below the fold. */
.home-intro{
 min-height:calc(100svh - 100px);
 padding-bottom:max(80px,10svh);
 align-content:start;
 grid-template-rows:min-content min-content;
}
@media(min-width:901px){
 .home-intro{grid-template-columns:minmax(0,29fr) minmax(0,48fr) minmax(0,14fr);column-gap:3vw}
 .home-intro-portrait{width:96%;justify-self:start}
}
@media(min-width:651px) and (max-width:900px){
 .home-intro{grid-template-columns:minmax(0,29fr) minmax(0,58fr);column-gap:3vw;padding-right:10vw}
 .home-intro-portrait{width:96%;justify-self:start}
}
@media(max-width:650px){
 .home-intro{grid-template-rows:auto auto auto}
 .home-intro-portrait{justify-self:start}
}

/* A quiet closing detail gives the hero's breathing room a purpose. */
.home-intro{position:relative}
.home-intro::before{
 content:"PEOPLE / MUSIC / FASHION";
 position:absolute;left:3vw;right:3vw;bottom:27px;
 border-top:1px solid var(--line);padding-top:18px;
 font-size:10px;letter-spacing:.08em;line-height:1.5;
}
.home-intro::after{
 content:"SCROLL TO EXPLORE ↓";
 position:absolute;right:3vw;bottom:27px;
 font-size:10px;letter-spacing:.08em;line-height:1.5;
}
html[lang="sl"] .home-intro::before{content:"LJUDJE / GLASBA / MODA"}
html[lang="sl"] .home-intro::after{content:"RAZIŠČI SPODAJ ↓"}
@media(max-width:650px){
 .home-intro::before{left:5vw;right:5vw;font-size:8px}
 .home-intro::after{right:5vw;font-size:8px}
}

/* Center the hero composition and keep navigation available while scrolling. */
header{
 position:sticky;top:0;z-index:30;
 background:var(--ink);color:var(--cream);
 border-bottom:1px solid var(--line);
}
.light header{background:var(--cream);color:var(--ink)}
html{scroll-padding-top:125px}
.home-intro{align-content:center}
@media(min-width:901px){
 .home-intro{grid-template-columns:minmax(0,29fr) minmax(0,48fr);padding-left:10vw;padding-right:10vw;column-gap:3vw}
}
@media(min-width:651px) and (max-width:900px){
 .home-intro{padding-left:7vw;padding-right:7vw}
}
@media(max-width:650px){html{scroll-padding-top:110px}}

/* A cleaner near-white paper tone. */
:root{--ink:#f8f7f3}
dialog,dialog::backdrop{background:#f8f7f3}

.collection-film{padding:0 3vw 70px}
.collection-film video{display:block;width:min(100%,540px);max-height:75svh;margin:20px auto;object-fit:contain;background:#111110}
.collection-film>.text-link{display:block;text-align:center}
@media(max-width:650px){.collection-film{padding:0 5vw 45px}.client-line ul{gap:12px 20px}}