/* JURCAK MEDIA — monochrome gallery edition */
:root{--bg:#0c0c0d;--fg:#f1f1ef;--surface:#151516;--line:#303033;--muted:#a0a0a3;--accent:#f1f1ef}html[data-theme=light]{--bg:#efefec;--fg:#171719;--surface:#e6e6e3;--line:#cbcbc8;--muted:#656568;--accent:#171719}
body{background:var(--bg)}header{height:88px;margin:0 4%;gap:22px;position:relative;z-index:5}.brand-logo{filter:grayscale(1)}.client-cta{background:var(--fg);color:var(--bg);border-color:var(--fg);font-size:11px;letter-spacing:1.5px;padding:13px 18px}.client-cta:hover{background:var(--surface);color:var(--fg)}nav{gap:25px;font-size:13px}.settings{gap:16px}.intro{padding:36px 4% 0}.intro .eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:20px}.intro-row{align-items:center}h1{font-size:clamp(46px,5.1vw,82px);line-height:.98;letter-spacing:-.055em}.intro-note{width:250px;display:flex;flex-direction:column;gap:12px;padding:0}.intro-note p{font-size:13px;line-height:1.5;margin:0}.intro-note .text-link{display:none}.intro-inquiry{align-self:flex-start;font-size:12px;padding:10px 0;border:0;border-bottom:1px solid var(--line)}
.hero{height:clamp(500px,56vw,760px);margin:0;overflow:hidden;isolation:isolate;perspective:1500px;touch-action:pan-y}.hero:after{display:none}.frame-stage{position:absolute;inset:0;perspective:1500px;transform-style:preserve-3d}.gallery-floor{position:absolute;inset:10% -10% 0;background:radial-gradient(ellipse at 50% 45%,#ffffff12,transparent 58%);pointer-events:none}.gallery-floor:after{content:'';position:absolute;inset:70% 20% 5%;background:radial-gradient(ellipse,#0008,transparent 66%);filter:blur(25px)}
.art-frame{position:absolute;left:50%;top:46%;height:clamp(240px,29vw,430px);width:auto;padding:10px;background:linear-gradient(135deg,#636365 0%,#19191b 16%,#050506 47%,#464649 76%,#141416 100%);border:1px solid #757579;border-radius:1px;box-shadow:inset 0 0 0 2px #050505,0 24px 36px #0005,5px 5px 0 #070708;transform:translate(-50%,-50%) translateX(calc(var(--offset)*330px)) translateZ(calc(var(--abs)*-160px)) rotateY(calc(var(--offset)*-23deg)) rotateZ(calc(var(--offset)*3deg));transition:transform 1.05s cubic-bezier(.22,.68,.16,1),opacity .65s,filter .65s;opacity:.72;filter:brightness(.75);transform-style:preserve-3d;will-change:transform}.art-frame.active{opacity:1;filter:brightness(1)}.art-frame.out-of-view{opacity:0;pointer-events:none}.frame-mat{display:block;height:100%;padding:22px;background:linear-gradient(135deg,#f8f7f3,#e2e1dc);box-shadow:inset 1px 1px 5px #0009}.art-frame img{display:block;height:100%;width:auto;max-width:45vw;object-fit:contain;box-shadow:0 0 0 1px #c4c3bf,0 2px 5px #0005}.art-frame:focus-visible{outline:2px solid var(--fg);outline-offset:9px}.gallery-signature{position:absolute;left:4%;top:28px;letter-spacing:3px;font-size:9px;color:var(--muted)}.hero-caption{left:4%;right:auto;bottom:46px;display:flex;flex-direction:column;gap:10px;color:var(--fg);max-width:42%;font-size:11px;letter-spacing:2px}.hero-caption span:first-child{font-size:25px;letter-spacing:-.5px}.hero-caption span:last-child{font-size:9px;color:var(--muted)}.hero-controls{right:4%;bottom:40px;padding:0;gap:22px;background:none;color:var(--fg)}.hero-controls button{border:1px solid var(--line);color:var(--fg);border-radius:50%;width:52px;height:52px;transition:background .2s}.hero-controls button:hover{background:var(--surface)}.hero-controls #hero-count{font-size:11px;letter-spacing:2px}.frame-hint{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);color:var(--muted);font-size:11px;letter-spacing:1px;white-space:nowrap}
.work{padding:80px 4%;border-top:1px solid var(--line)}.section-top{margin-bottom:32px}h2{font-size:clamp(36px,4.7vw,70px)}.category-filters{gap:8px}.category-filters button{border-radius:0;background:none;padding:12px 17px;font-size:11px;letter-spacing:1px}.category-filters button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.gallery-toolbar .action{font-size:11px;padding:10px 14px}.gallery-toolbar .muted{font-size:12px}.category-row-title{font-size:10px;letter-spacing:3px;margin:28px 0 20px}.film-shot{height:205px;padding:6px;background:linear-gradient(135deg,#626265,#0a0a0b 45%,#454548);border:1px solid #55555a;overflow:visible}.film-shot img{padding:10px;background:#efeeea;box-sizing:border-box}.film-shot span{inset:auto 17px 17px;padding:18px 8px 6px;font-size:9px;letter-spacing:.5px}.film-group{gap:24px;padding-right:24px}.category-row{margin-bottom:28px}.packages{padding-left:4%;padding-right:4%}.package-grid article{background:linear-gradient(145deg,var(--surface),var(--bg));border-color:var(--line)}.package-grid .action{color:var(--fg)}.about{margin:0 4%}.contact{background:radial-gradient(ellipse at 80% 100%,#ffffff0a,transparent 60%)}.contact .primary,.form-dialog .primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}#about-photo{padding:16px;background:#e9e8e3;border:8px solid #242426;box-shadow:0 15px 40px #0003}.form-dialog{background:var(--bg);color:var(--fg)}footer{margin:0 4%}
@media(min-width:1500px){.art-frame{transform:translate(-50%,-50%) translateX(calc(var(--offset)*410px)) translateZ(calc(var(--abs)*-160px)) rotateY(calc(var(--offset)*-23deg)) rotateZ(calc(var(--offset)*3deg))}}
@media(max-width:760px){header{height:auto;min-height:78px;gap:12px;flex-wrap:wrap;padding:16px 0}header .brand-logo{width:120px}header nav{order:4;width:100%;justify-content:center;padding-top:10px;font-size:12px;gap:28px}.client-cta{font-size:9px;padding:10px;letter-spacing:.5px}.settings{gap:8px}.languages button{font-size:11px;padding:4px}#theme{width:30px;height:30px;font-size:18px}.intro{padding-top:30px}.intro-row{gap:20px;align-items:flex-end}.intro-note{width:auto}.intro-note p{display:none}.intro-inquiry{font-size:11px;white-space:nowrap}h1{font-size:clamp(40px,8vw,60px)}.hero{height:510px}.art-frame{height:260px;padding:7px;top:45%;transform:translate(-50%,-50%) translateX(calc(var(--offset)*230px)) translateZ(calc(var(--abs)*-160px)) rotateY(calc(var(--offset)*-26deg)) rotateZ(calc(var(--offset)*3deg))}.frame-mat{padding:14px}.art-frame img{max-width:67vw}.gallery-signature{top:24px;font-size:8px}.hero-caption{bottom:70px;max-width:50%}.hero-caption span:first-child{font-size:19px}.hero-caption span:last-child{font-size:8px}.hero-controls{bottom:66px;gap:12px}.hero-controls button{width:40px;height:40px}.frame-hint{bottom:18px;font-size:10px}.work{padding-top:50px}.film-shot{height:165px}.film-group{gap:14px;padding-right:14px}.category-filters{flex-wrap:wrap}.category-filters button{font-size:9px;padding:10px}.section-top{gap:22px;align-items:flex-start}.section-top .muted{font-size:11px}.gallery-toolbar{gap:10px}.packages{padding-top:50px}.about{gap:25px}}
@media(prefers-reduced-motion:reduce){.art-frame{transition:none;will-change:auto}html{scroll-behavior:auto}}
html[data-theme=light] .client-cta{background:var(--fg);border-color:var(--fg);color:var(--bg)}
@media(max-width:760px){header{display:flex}header .brand .brand-logo{width:115px}header .client-cta{width:auto;min-height:38px;padding:8px 12px;margin-left:auto;gap:12px}header .settings{margin-left:0}header nav{justify-content:center;order:4;padding-top:0}.intro-row{flex-direction:row;align-items:center}.intro-note{width:auto;margin:0}.intro-note .intro-inquiry{width:auto;margin:0;padding:8px 0;min-height:36px}.intro .eyebrow{margin-bottom:16px}.intro{padding-top:24px}.hero{height:480px}.art-frame{top:44%}}
.art-frame{opacity:1}.art-frame.out-of-view{opacity:0}