:root{
  --ink:#1b1a16;
  --paper:#f7f1e4;
  --card:#fffdf8;
  --line:#d8d0c2;
  --accent:#8b2e2e;
  --max:1000px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font:18px/1.7 Georgia,"Palatino Linotype","Times New Roman",serif;
  background:#b7aea0;
  color:var(--ink);
}
img{max-width:100%;display:block}
a{color:var(--accent)}
h1,h2,h3{font-weight:600;letter-spacing:-.03em;line-height:1.15}
.wrap{width:min(100% - 3rem,var(--max));margin-inline:auto}
.mast,main,.site{
  width:min(100% - 3rem,1160px);
  margin-inline:auto;
  background:var(--paper);
  box-shadow:0 0 0 1px #a79c8c;
}
.mast{margin-top:1.4rem;padding:1.15rem 0 .2rem}
.folio{margin:0;text-align:center;font:500 .72rem/1 system-ui,"Segoe UI",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6a6258}
.mast-row{display:flex;align-items:flex-end;gap:1rem;padding:.85rem 0 .7rem;border-bottom:3px solid var(--ink)}
.mark{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-weight:600}
.mark img{width:28px;height:28px}
.mark b{display:block;font-size:1.7rem;letter-spacing:-.04em;line-height:.95}
.mark small{display:none}
nav{margin-left:auto;display:flex;gap:1.05rem;font-family:system-ui,"Segoe UI",sans-serif;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
nav a{text-decoration:none;color:var(--ink);padding-bottom:.2rem}
nav a.on{border-bottom:2px solid var(--accent);color:var(--accent)}
.nav-toggle{display:none;border:0;background:var(--accent);color:#fff;padding:.45rem .75rem;font:12px system-ui,"Segoe UI",sans-serif;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}
.hero{padding:1.4rem 0 1.1rem}
.hero-frame{position:relative}
.hero-frame img{width:100%;height:390px;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.hero-frame h1{position:absolute;left:-.08em;bottom:-.12em;margin:0;font-size:clamp(2.2rem,7vw,3.55rem);max-width:11ch;line-height:.92;color:var(--ink);background:var(--paper);padding:.1em .22em 0 0;box-shadow:6px 0 0 var(--paper)}
.hero-text{padding:1.7rem 0 0;display:grid;grid-template-columns:1.25fr .75fr;gap:1.2rem;align-items:end}
.k{font-family:system-ui,"Segoe UI",sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0}
.lead,.pageh p,.sec .wrap>p,.faq,.legal,.pdp-grid p,.path{max-width:34em}
.lead{font-size:1.05rem}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:.58rem 1rem;border:0;font:13px system-ui,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.btn-line{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.hero-acts{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.sec{padding:2.2rem 0}
.sec h2{margin:0 0 1rem;font-size:1.85rem;font-style:italic;font-weight:500}
.tasks{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem;counter-reset:naloga}
.task{padding:1.15rem 0 1.2rem;border-top:1px solid var(--line);position:relative}
.task::before{counter-increment:naloga;content:counter(naloga,decimal-leading-zero);position:absolute;right:0;top:.7rem;font:500 2.4rem/1 Georgia,serif;color:rgba(139,46,46,.18)}
.task h3{margin:0 0 .3rem;font-size:1.22rem;font-style:italic}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
.shots figure{margin:0}
.shots figure:nth-child(2){margin-top:2.2rem}
.shots img{width:100%;height:210px;object-fit:cover}
.shots figcaption{margin-top:.45rem;font-family:system-ui,"Segoe UI",sans-serif;font-size:.72rem;letter-spacing:.04em;color:#6a6258}
.rows{border-top:2px solid var(--ink)}
.row{display:grid;grid-template-columns:2.4rem 1fr auto;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.row .n{font-family:system-ui,"Segoe UI",sans-serif;color:var(--accent);letter-spacing:.08em}
.row h3{margin:0;font-size:1.28rem;font-style:italic}
.row p{margin:.25rem 0 0;font-size:.95rem;color:#4a4540}
.row strong{font-family:system-ui,"Segoe UI",sans-serif;font-size:.92rem;white-space:nowrap}
.path ol{margin:0;padding:0 0 0 1.1rem;list-style:none;border-left:2px solid var(--accent)}
.path li{margin:0 0 .85rem;padding-left:.2rem;position:relative}
.path li::before{content:"";position:absolute;left:-1.32rem;top:.5rem;width:8px;height:8px;background:var(--accent);border-radius:50%}
.pdp-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.3rem;padding:1.6rem 0 2.2rem;align-items:start}
.pdp-grid img{width:100%;height:260px;object-fit:cover}
.facts{font-family:system-ui,"Segoe UI",sans-serif;font-size:.88rem;margin:1rem 0;display:grid;gap:.35rem}
.facts div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.4rem 0}
.faq details{padding:.75rem 0;border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600}
.studio-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
form.stack{display:grid;gap:.72rem;font-family:system-ui,"Segoe UI",sans-serif;border-top:2px solid var(--ink);padding-top:1.1rem}
form.stack label{display:grid;gap:.26rem;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.consent{display:flex!important;align-items:flex-start;gap:.5rem;text-transform:none;letter-spacing:0}
.consent input{width:auto}
input,select,textarea{font:inherit;padding:.55rem;border:0;border-bottom:1px solid var(--ink);width:100%;background:transparent}
textarea{min-height:6.5rem;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.site{margin-bottom:1.4rem;border-top:0;padding:1.6rem 0 1.1rem;font-family:system-ui,"Segoe UI",sans-serif;font-size:.88rem}
.fg{display:grid;grid-template-columns:1fr;gap:.55rem;text-align:center}
.fg div:nth-child(n+2){display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem 1.1rem}
.fg a{display:inline;text-decoration:none;margin:0;color:var(--ink)}
.fg h2{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .15rem;width:100%}
.fb{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.ck{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--ink);padding:1rem 1.1rem;max-width:430px;width:min(100% - 2rem,430px);z-index:40;font-family:system-ui,"Segoe UI",sans-serif}
.ck div{display:flex;gap:.5rem;margin-top:.6rem}
.map iframe{width:100%;height:240px;border:0;filter:grayscale(.35) sepia(.1)}
.pageh{padding:2.1rem 0 0}
.pageh h1{font-size:clamp(2.1rem,5vw,3rem);margin:.15em 0;font-style:italic}
.legal h2{margin:1.5rem 0 .45rem;font-style:italic}
.legal p{margin:.5rem 0}
@media(max-width:860px){
  .mast,main,.site{width:min(100% - 1.5rem,1160px)}
  .wrap{width:min(100% - 2rem,var(--max))}
  .hero-text,.tasks,.rows .row,.pdp-grid,.studio-cols,.grid2,.shots{grid-template-columns:1fr}
  .row strong{white-space:normal}
  .hero-frame img{height:240px}
  .shots figure:nth-child(2){margin-top:0}
  .hero-acts{justify-content:flex-start}
  .nav-toggle{display:block;margin-left:auto}
  nav{display:none;width:100%;flex-direction:column}
  nav.open{display:flex}
  .mast-row{flex-wrap:wrap}
  .mark b{font-size:1.35rem}
}