/* PLATFORM arhitekti — redizajn, švicarski minimalistični slog (predogled) */
:root{
  --bg:#F3F2EE; --fg:#111111; --muted:#5E5E5A; --line:#D9D8D3; --accent:#C4A86C; --ph:#E4E2DB;
  --font:'Archivo','Helvetica Neue',Arial,sans-serif;
  --mono:var(--font);
  --edge:40px; --gap:20px; --hdr:56px;
  --fs-mono:.72rem; --fs-body:1.0625rem; --fs-lead:1.75rem; --fs-h2:clamp(2.25rem,4.6vw,3.5rem);
  --fs-display:clamp(3rem,8vw,8.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--fs-body)/1.5 var(--font);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.03em;line-height:.95}
:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--fg);color:var(--bg);padding:8px 12px;z-index:200;font-family:var(--mono);font-size:var(--fs-mono)}
.skip:focus{left:8px}

.mono{font-family:var(--font);font-weight:500;font-variant-numeric:tabular-nums;font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);line-height:1.5}
.mono b{font-weight:500;color:var(--fg)}
.wrap{padding:0 var(--edge);max-width:1680px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap)}
.rule{border-top:1px solid var(--line)}
.dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--accent);vertical-align:baseline}
.cross{position:absolute;width:11px;height:11px;pointer-events:none}
.cross::before,.cross::after{content:"";position:absolute;background:var(--muted)}
.cross::before{left:5px;top:0;width:1px;height:11px}.cross::after{top:5px;left:0;height:1px;width:11px}

/* Glava */
.hdr{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line)}
.hdr .wrap{height:var(--hdr);display:flex;align-items:center;gap:var(--gap)}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;font-size:1.05rem}
.brand img{width:28px;height:28px}
.brand span span{font-weight:400}
.nav{margin-left:auto;display:flex;gap:28px}
.nav a{font-family:var(--mono);font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:.06em;position:relative;padding:4px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.coord{display:none}
@media(min-width:1100px){.coord{display:block;margin-left:var(--gap)}}
.theme,.menu-btn{font-family:var(--mono);font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:.06em;background:none;border:1px solid var(--line);color:var(--fg);height:30px;padding:0 10px;cursor:pointer}
.theme:hover,.menu-btn:hover{border-color:var(--fg)}
.menu-btn{display:none}
.mmenu{position:fixed;inset:var(--hdr) 0 0 0;background:var(--bg);z-index:99;padding:24px var(--edge);display:none;flex-direction:column;gap:0;overflow:auto}
.mmenu.open{display:flex}
.mmenu a{font-size:2.6rem;font-weight:600;letter-spacing:-.03em;padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:baseline}
.mmenu a .mono{font-size:var(--fs-mono)}

/* Hero */
.hero{padding-top:clamp(48px,9vw,120px)}
.hero h1{font-size:var(--fs-display);text-transform:uppercase;letter-spacing:-.045em;line-height:.9}
.hero h1 .out{color:transparent;-webkit-text-stroke:1.5px var(--fg);display:block}
.hero .h1wrap{grid-column:1/-1}
@media(min-width:900px){.hero .h1wrap{grid-column:1/12}}
.hero-meta{margin-top:clamp(40px,7vw,96px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gap)}
.hero-meta>*{padding:14px 0 18px}
.hero-meta a:hover{color:var(--fg)}
.hero-pic{margin-top:clamp(32px,5vw,64px);position:relative}
.hero-pic img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.heroB .hero-pic img{aspect-ratio:2.2/1}
@media(max-width:899px){.heroB .hero-pic img{aspect-ratio:4/3}}
.hero-pic .mono{margin-top:12px}
.heroA .mark{position:absolute;right:var(--edge);top:clamp(24px,5vw,72px);width:clamp(44px,7vw,96px);height:clamp(44px,7vw,96px);border-radius:50%;background:var(--accent)}
.heroA{position:relative}
.heroB h1{font-size:clamp(2.75rem,6.6vw,6.5rem)}

/* Sekcije */
section{padding-top:clamp(80px,12vw,180px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap);border-top:1px solid var(--line);padding-top:14px;margin-bottom:clamp(28px,4vw,56px)}
.sec-head h2{font-size:var(--fs-h2)}
.sec-head .mono b{color:var(--fg)}
.tools{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-family:var(--mono);font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);background:none;color:var(--muted);padding:6px 10px;cursor:pointer}
.chip:hover{color:var(--fg);border-color:var(--fg)}
.chip[aria-pressed="true"]{color:var(--bg);background:var(--fg);border-color:var(--fg)}
.filters{margin-bottom:28px}

/* Projekti — mreža */
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(36px,4vw,64px) var(--gap);align-items:start}
.card{display:block;position:relative;grid-column:span 12}
.card .ph{position:relative;overflow:hidden;background:var(--ph)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease-out}
.card:hover img{transform:scale(1.02)}
.card .open{position:absolute;left:12px;top:12px;background:var(--bg);color:var(--fg);padding:4px 8px;opacity:0;transition:opacity .25s}
.card:hover .open,.card:focus-visible .open{opacity:1}
.card .cap{margin-top:10px;display:flex;gap:10px}
.card .cap b{color:var(--fg);font-weight:500}
.card.noimg .ph{display:flex;align-items:center;justify-content:center}
@media(min-width:900px){
  .pgrid:not(.uniform) .s4{grid-column:span 4}.pgrid:not(.uniform) .s5{grid-column:span 5}
  .pgrid:not(.uniform) .s7{grid-column:span 7}.pgrid:not(.uniform) .s8{grid-column:span 8}
  .pgrid.uniform .card{grid-column:span 4}
  .pgrid.uniform .card .ph{aspect-ratio:4/3!important}
}
.pgrid .card[hidden]{display:none}

/* Projekti — seznam */
.plist{display:none;border-top:1px solid var(--line)}
.plist a{display:grid;grid-template-columns:60px 1fr 1fr 1fr 70px;gap:var(--gap);padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding .25s}
.plist a:hover{padding-left:12px}
.plist a[hidden]{display:none}
.plist .nm{font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:600;letter-spacing:-.03em}
.view-list .pgrid{display:none}.view-list .plist{display:block}
.peek{position:fixed;width:300px;aspect-ratio:3/2;object-fit:cover;pointer-events:none;z-index:90;opacity:0;transition:opacity .15s;left:0;top:0}
.peek.on{opacity:1}

/* O nas */
.about{row-gap:40px}
.about .lead{grid-column:1/-1;font-size:clamp(2rem,4.2vw,3.75rem);font-weight:600;letter-spacing:-.035em;line-height:1}
.about .col{grid-column:span 12}
.about .col h3{font-size:var(--fs-mono);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500;margin-bottom:14px}
.about .col p+p{margin-top:1em}
.about .col p{max-width:62ch}
.founders{grid-column:1/-1;border-top:1px solid var(--line)}
.founders div{display:grid;grid-template-columns:60px 1fr;gap:var(--gap);padding:12px 0;border-bottom:1px solid var(--line)}
@media(min-width:900px){.about .lead{grid-column:1/8}.about .col.c1{grid-column:2/7;grid-row:2}.about .col.c2{grid-column:8/13;grid-row:2}.founders{grid-column:8/13;grid-row:1}.about .lead{grid-row:1}}

/* Storitve */
.srv-intro{max-width:30ch;font-size:var(--fs-lead);letter-spacing:-.02em;line-height:1.15;margin-bottom:40px}
.srv{border-top:1px solid var(--line)}
.srv div{display:grid;grid-template-columns:60px 1fr;gap:var(--gap);padding:22px 0;border-bottom:1px solid var(--line)}
.srv h3{font-size:clamp(1.3rem,2.2vw,1.9rem);letter-spacing:-.02em;line-height:1.1}
.srv p{color:var(--muted);margin-top:8px;max-width:60ch}
@media(min-width:900px){.srv div{grid-template-columns:60px 5fr 6fr}.srv p{margin-top:0}}
.timeline{margin-top:64px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--fg)}
.timeline div{padding-top:22px;position:relative}
.timeline div::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--fg)}
.timeline div:last-child::before{background:var(--accent);border-color:var(--accent)}
.timeline b{display:block;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:600;letter-spacing:-.03em}

/* Članki */
.arts{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.art{grid-column:span 12;border-top:1px solid var(--fg);padding-top:14px;display:flex;flex-direction:column;gap:14px;min-height:240px}
@media(min-width:900px){.art{grid-column:span 4}}
.art h3{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.1;letter-spacing:-.02em}
.art .more{margin-top:auto;color:var(--fg)}
.art:hover h3{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:5px}

/* FAQ */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--gap);padding:22px 0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq p{padding:0 0 24px;max-width:64ch;color:var(--muted)}
.faq-grid>.faq{grid-column:1/-1}
@media(min-width:900px){.faq-grid>.faq{grid-column:5/13}.faq-grid>.mono{grid-column:1/5}}

/* Kontakt */
.contact h2{font-size:clamp(3rem,9vw,8rem);text-transform:uppercase;letter-spacing:-.045em;line-height:.9}
.contact .lead{max-width:44ch;margin-top:28px;color:var(--muted)}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:72px;border-top:1px solid var(--line);padding-top:16px}
.cgrid a,.cgrid p{display:block;font-size:clamp(1.05rem,1.6vw,1.4rem);letter-spacing:-.02em;margin-top:8px;line-height:1.25}
.cgrid a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}

/* Noga */
.foot{padding-top:clamp(80px,12vw,160px);overflow:hidden}
.bigmark{font-size:15vw;font-weight:700;letter-spacing:-.06em;line-height:.76;text-transform:uppercase;white-space:nowrap;margin-left:-.04em}
.bigmark span{color:var(--accent)}
.fmeta{display:flex;justify-content:space-between;gap:var(--gap);flex-wrap:wrap;border-top:1px solid var(--line);margin-top:clamp(24px,4vw,56px);padding:16px 0 28px}

/* Predloga projekta */
.crumb{display:flex;justify-content:space-between;padding:18px 0}
.crumb a:hover{color:var(--fg)}
.ptitle{padding-top:clamp(24px,5vw,64px)}
.ptitle h1{font-size:clamp(4.5rem,15vw,15rem);letter-spacing:-.055em;line-height:.82;text-transform:uppercase;grid-column:1/-1}
.pmeta{grid-column:1/-1;border-top:1px solid var(--fg);margin-top:clamp(28px,4vw,56px)}
.pmeta div{display:grid;grid-template-columns:140px 1fr;gap:var(--gap);padding:10px 0;border-bottom:1px solid var(--line)}
.pmeta dd,.pmeta dt{margin:0}
.pmeta dd{text-align:right}
@media(min-width:900px){.pmeta{grid-column:9/13;margin-top:0;align-self:end}.ptitle h1{grid-column:1/9}}
.pdesc{padding-top:clamp(48px,7vw,96px);row-gap:28px}
.pdesc .lbl{grid-column:1/-1}
.pdesc .txt{grid-column:1/-1}
.pdesc .txt p{max-width:62ch}.pdesc .txt p+p{margin-top:1em}
.pdesc .txt p:first-child{font-size:clamp(1.4rem,2.3vw,2rem);letter-spacing:-.02em;line-height:1.2;max-width:34ch;margin-bottom:1.2em}
@media(min-width:900px){.pdesc .lbl{grid-column:1/4}.pdesc .txt{grid-column:4/11}}
.day{margin-top:clamp(48px,7vw,96px)}
.day-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px var(--gap);border-top:1px solid var(--fg);padding-top:20px}
.day-item{grid-column:span 6}
@media(min-width:900px){.day-item{grid-column:span 3}}
.sun{width:56px;height:56px;border-radius:50%;border:1px solid var(--fg);background:conic-gradient(var(--fg) var(--p),transparent 0);margin-bottom:16px}
.day-item:last-child .sun{background:var(--fg)}
.day-item b{display:block;font-size:1.5rem;letter-spacing:-.03em;margin-bottom:6px}
.day-item p{color:var(--muted);font-size:.98rem;max-width:30ch}
.gal{margin-top:clamp(64px,9vw,128px);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(28px,3vw,44px) var(--gap)}
.gal figure{margin:0;grid-column:span 12}
.gal .ph{overflow:hidden;background:var(--ph)}
.gal img,.gal video{width:100%;height:100%;object-fit:cover}
.gal figcaption{margin-top:10px}
@media(min-width:900px){
  .gal .g-a{grid-column:1/-1}
  .gal .g-p1{grid-column:1/5;grid-row:span 2}.gal .g-p1 .ph{height:calc(100% - 28px)}
  .gal .g-r1{grid-column:5/13}
  .gal .g-b1{grid-column:1/9}.gal .g-p2{grid-column:9/13;grid-row:span 2}.gal .g-p2 .ph{height:calc(100% - 28px)}
}
.gal .ph.r21{aspect-ratio:2.1/1}.gal .ph.r169{aspect-ratio:16/9}
@media(max-width:899px){.gal .g-p1 .ph,.gal .g-p2 .ph{aspect-ratio:3/4}}
.pnav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--fg);margin-top:clamp(64px,9vw,128px)}
.pnav a{padding:22px 0;display:block}
.pnav a+a{text-align:right}
.pnav b{display:block;font-size:clamp(1.4rem,3vw,2.6rem);letter-spacing:-.03em;margin-top:8px;font-weight:600;line-height:1}
.pnav a:hover b{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:6px}

/* Plavajoči preklop predogleda */
.pv{position:fixed;right:12px;bottom:12px;z-index:150;background:var(--fg);color:var(--bg);font-family:var(--mono);font-size:var(--fs-mono);text-transform:uppercase;letter-spacing:.06em;display:flex}
.pv a,.pv span{padding:8px 10px;color:var(--bg)}
.pv a:hover,.pv .on{background:var(--accent);color:#111}
.pv span{opacity:.6}

/* Gibanje */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out,transform .5s ease-out}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  .card img,.nav a::after,.plist a{transition:none}.card:hover img{transform:none}
}

/* Odzivnost */
@media(max-width:899px){
  :root{--edge:16px;--gap:12px}
  .nav,.theme.d{display:none}.menu-btn{display:block;margin-left:auto}
  .hero-meta{grid-template-columns:1fr 1fr}
  .cgrid{grid-template-columns:1fr 1fr}
  .plist a{grid-template-columns:36px 1fr;row-gap:2px}
  .plist a .mono:nth-child(n+3){grid-column:2}
  .peek{display:none}
  .pv{left:12px;right:auto}
}
@media print{.hdr,.pv,.menu-btn,.theme,.filters,.tools{display:none}.js .rv{opacity:1;transform:none}}

/* PLATFORM arhitekti — redizajn v2: poster / spec-sheet estetika + kolo za drsenje projektov.
   Nalaga se PO redesign.css in ga razširi. */
:root{
  --bg:#E9E9E6; --fg:#0A0A0A; --muted:#55554F; --line:#B7B7B1; --accent:#FFD60A; --ph:#D9D8D3; --sheet:#F3F3F0;
  --dm:var(--font);
  --wide:'Archivo','Helvetica Neue',Arial,sans-serif;
  --seg:85svh;
}
.dot{background:var(--accent)}
.hdr{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px)}
.nav a::after{background:var(--accent)}
.sec-head h2,.contact h2{font-stretch:112%}

/* --- sestavni deli poster sloga --- */
.num{font-family:var(--wide);font-weight:800;letter-spacing:-.07em;line-height:.78;font-size:clamp(5rem,14vw,14rem);font-stretch:100%}
.dm{font-family:var(--font);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bar{display:block;height:clamp(12px,1.6vw,22px);background:var(--fg)}
sup.w{font-family:var(--wide);font-weight:400;font-size:clamp(1rem,1.7vw,1.6rem);letter-spacing:-.02em;vertical-align:top;position:relative;top:.2em;margin:0 .35em;color:var(--fg)}
.marks{position:relative}
.marks::after{content:"";position:absolute;inset:-12px;pointer-events:none;
  background:
   linear-gradient(var(--fg),var(--fg)) left top/12px 1px no-repeat,linear-gradient(var(--fg),var(--fg)) left top/1px 12px no-repeat,
   linear-gradient(var(--fg),var(--fg)) right top/12px 1px no-repeat,linear-gradient(var(--fg),var(--fg)) right top/1px 12px no-repeat,
   linear-gradient(var(--fg),var(--fg)) left bottom/12px 1px no-repeat,linear-gradient(var(--fg),var(--fg)) left bottom/1px 12px no-repeat,
   linear-gradient(var(--fg),var(--fg)) right bottom/12px 1px no-repeat,linear-gradient(var(--fg),var(--fg)) right bottom/1px 12px no-repeat}
.ruler{width:14px;background:repeating-linear-gradient(to bottom,var(--muted) 0 1px,transparent 1px 12px)}
.ruler.h{width:auto;height:8px;background:repeating-linear-gradient(to right,var(--muted) 0 1px,transparent 1px 12px)}
.xhair{width:clamp(70px,8vw,110px);height:clamp(70px,8vw,110px);flex:none}
.xhair *{stroke:var(--fg);fill:none;stroke-width:.6}
.barcode{height:26px;width:120px;flex:none}
.barcode rect{fill:var(--fg)}
.obk{position:absolute;background:var(--accent);mix-blend-mode:multiply;pointer-events:none}
.tag{display:inline-flex;gap:8px;align-items:center}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}
/* besede, ki se ob drsenju prižigajo */
.words .wd{opacity:.2;transition:opacity .15s linear}
@media(prefers-reduced-motion:reduce){.words .wd{opacity:1!important;transition:none}}

/* --- hero domače strani --- */
.hero2{padding-top:clamp(24px,4vw,56px)}
.toprow{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);border-bottom:1px solid var(--line);padding-bottom:12px}
.toprow>*:nth-child(1){grid-column:span 4}.toprow>*:nth-child(2){grid-column:span 4}.toprow>*:nth-child(3){grid-column:span 4;text-align:right}
.hero2 h1{margin-top:clamp(24px,3.5vw,48px);font-size:clamp(2.4rem,7.4vw,8rem);text-transform:uppercase;font-stretch:112%;letter-spacing:-.05em;line-height:.9;position:relative}
.hero2 h1 .out{display:block;color:transparent;-webkit-text-stroke:1.5px var(--fg);position:relative;width:fit-content}

.hero2 .meta4{margin-top:clamp(28px,5vw,72px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);border-top:1px solid var(--fg);padding-top:12px;row-gap:24px}
.hero2 .meta4>div{grid-column:span 6}
@media(min-width:900px){.hero2 .meta4>div{grid-column:span 3}}
.hero2 .meta4 .big{font-size:clamp(1.6rem,3vw,2.8rem);letter-spacing:-.03em;line-height:1;margin-top:10px;font-weight:600}
.hero2 .meta4 .dm.big{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:700;letter-spacing:-.04em}
.hero2 .meta4 .row{display:flex;gap:14px;align-items:flex-start;margin-top:8px}

/* --- projekti (oder) --- */
.wheelwrap{position:relative;height:calc(var(--seg)*(var(--n) - 1) + 100svh - var(--hdr));margin-top:clamp(64px,10vw,140px);padding-top:0}
.wheelwrap .stage{position:sticky;top:var(--hdr);height:calc(100svh - var(--hdr));overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;padding:28px var(--dialspace) 24px var(--edge);border-top:1px solid var(--line)}
.wcount{position:absolute;right:var(--dialspace);top:8px;z-index:4}
.wmedia{position:relative;overflow:hidden;background:var(--ph);margin-top:22px;justify-self:start;width:min(100%,calc((100svh - var(--hdr) - 340px)*1.5));aspect-ratio:3/2}
.wfig{position:absolute;inset:0;display:block;clip-path:inset(0 0 0 0);visibility:hidden}
.wfig.is-on,.wfig.is-prev{visibility:visible}
.wfig img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.wfig.is-on img{transform:scale(1)}
.wmedia .obk{width:34%;height:15%;z-index:5;left:var(--ox,-3%);top:var(--oy,55%);transition:left .9s cubic-bezier(.7,0,.2,1),top .9s cubic-bezier(.7,0,.2,1)}
.wopen{position:absolute;right:12px;bottom:12px;z-index:6;background:var(--bg);padding:6px 10px;color:var(--fg)}
.winfos{position:relative;min-height:clamp(160px,27svh,280px);margin-top:16px}
.winfo{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);opacity:0;pointer-events:none;transition:opacity .35s}
.winfo.is-on{opacity:1;pointer-events:auto}
.winfo .wt{grid-column:1/8}
.winfo .wd2{grid-column:8/13;align-self:end}
.winfo h3{font-size:clamp(1.8rem,4.2vw,4.4rem);text-transform:uppercase;letter-spacing:-.045em;line-height:.9;font-stretch:110%;margin-top:10px}
.winfo .words{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.4;letter-spacing:-.01em;max-width:34ch}
.winfo .lnk{display:inline-block;margin-top:14px;border-bottom:3px solid var(--accent);color:var(--fg);padding-bottom:2px}
.winfo .lnk:hover{background:var(--accent);color:#111}
@media(max-width:899px){
  .wheelwrap .stage{padding:12px var(--dialspace) 14px var(--edge)}
  .wmedia{margin-top:10px;width:100%;aspect-ratio:4/3}
  .winfos{min-height:clamp(150px,34svh,240px)}
  .winfo .wt{grid-column:1/-1}.winfo .wd2{grid-column:1/-1;align-self:start;margin-top:10px}
  .winfo h3{font-size:clamp(1.5rem,7vw,2.2rem)}
}

/* --- predloga projekta v2 --- */
body.pj{background:var(--bg)}
.pj .topline{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:start;padding-top:clamp(16px,3vw,40px)}
.pj .topline .a{grid-column:1/6;display:flex;align-items:flex-start}
.pj .topline .b{grid-column:6/10;padding-top:clamp(28px,5vw,64px)}
.pj .topline .b .bar{margin-bottom:12px}
.pj .topline .c{grid-column:10/13;display:flex;justify-content:flex-end;align-items:flex-start}
.pj .topline .c .mono{text-align:right;padding-top:clamp(28px,5vw,64px);margin-right:clamp(10px,2vw,28px)}
@media(max-width:899px){.pj .topline .a{grid-column:1/7}.pj .topline .b{grid-column:1/-1;order:3;padding-top:20px}.pj .topline .c{grid-column:7/13}.pj .topline .c .mono{display:none}}
.pj .hero3{margin-top:clamp(28px,4vw,64px);position:relative}
.pj .hero3 img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.pj .hero3 .obk{width:36%;height:19%;left:-2%;bottom:12%;--s:0;transform:translateX(calc(var(--s)*14vw))}
.pj .poster-foot{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);row-gap:28px;margin-top:clamp(36px,6vw,88px)}
.pj .poster-foot .l{grid-column:1/-1}
.pj .poster-foot .l .date{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.03em;font-weight:400}
.pj .poster-foot .l p{max-width:46ch;margin-top:18px;font-size:.98rem}
.pj .poster-foot .l .mono{margin-top:34px;color:var(--fg)}
.pj .poster-foot .r{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.pj .poster-foot .r .bar{grid-column:1/-1;margin-bottom:20px}
@media(min-width:900px){.pj .poster-foot .l{grid-column:1/6}.pj .poster-foot .r{grid-column:7/13}}
.pj .poster-foot .r p{font-size:.9rem;line-height:1.3}
.pj .poster-foot .r p b{display:block;font-weight:600}
.pj .titleblock{margin-top:clamp(64px,10vw,150px)}
.pj .tb-top{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);border-top:1px solid var(--line);padding:10px 0 14px}
.pj .tb-top>*{grid-column:span 4}
.pj .tb-top>*:last-child{text-align:right}
.pj .tb-top+.tb-top{padding-top:14px}
.pj .bigtitle{display:flex;align-items:stretch;justify-content:space-between;gap:var(--gap);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(6px,1vw,16px) 0 clamp(2px,.6vw,8px)}
.pj .bigtitle h1{font-size:clamp(4rem,17.5vw,19rem);font-stretch:125%;font-weight:700;text-transform:uppercase;letter-spacing:-.045em;line-height:.8;white-space:nowrap;margin:0;padding-top:.2em}
.pj .bigtitle .side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:.5rem;font-family:var(--wide);font-weight:600;font-size:clamp(1.2rem,3.2vw,3.2rem);letter-spacing:-.03em;line-height:1;text-transform:uppercase;font-stretch:112%}
@media(max-width:899px){.pj .bigtitle h1{font-size:clamp(3.4rem,24vw,9rem)}.pj .bigtitle .side{display:none}}
.pj .tb-sub{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);padding-top:14px}
.pj .tb-sub>*{grid-column:span 4}
@media(max-width:899px){.pj .tb-sub>*,.pj .tb-top>*{grid-column:span 6}.pj .tb-top>*:nth-child(3),.pj .tb-sub>*:nth-child(3){display:none}}
.pj .tb-date{font-size:clamp(1.8rem,3.4vw,3.2rem);font-weight:500;letter-spacing:-.04em;line-height:1;font-stretch:112%;margin-top:6px;text-transform:uppercase}
.pj .story{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);margin-top:clamp(64px,10vw,150px);row-gap:36px}
.pj .story .lead{grid-column:1/-1;font-size:clamp(1.6rem,3.3vw,3.1rem);letter-spacing:-.03em;line-height:1.08;font-weight:500;font-stretch:104%}
.pj .story .body{grid-column:1/-1}
.pj .story .body p{max-width:56ch}.pj .story .body p+p{margin-top:1em}
@media(min-width:900px){.pj .story .lead{grid-column:1/10}.pj .story .body{grid-column:6/12}}
.pj .sheet{margin:clamp(72px,10vw,150px) 0 0;background:var(--sheet);padding:clamp(20px,3.2vw,48px)}
.pj .sheet h2{font-size:.7rem;font-family:var(--mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:18px}
.pj .sheet h2 span{font-weight:400;color:var(--muted)}
.pj .spec{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--gap);border-top:1px solid var(--fg)}
.pj .spec>div{padding:14px 0 18px;border-bottom:1px solid var(--line)}
.pj .spec>div:nth-child(n+7){border-bottom:0}
.pj .spec dt{font-weight:600;font-size:.95rem;margin-bottom:6px;font-family:var(--wide)}
.pj .spec dd{margin:0;font-size:.92rem;color:var(--fg);line-height:1.35}
.pj .spec .row-rule{grid-column:1/-1;border-top:1px solid var(--fg);padding:0}
@media(max-width:899px){.pj .spec{grid-template-columns:1fr 1fr}}
.pj .feat{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);margin-top:clamp(36px,5vw,72px);border-top:1px solid var(--fg);padding-top:16px;row-gap:22px}
.pj .feat>h3{grid-column:1/-1;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.pj .feat>div{grid-column:1/-1;max-width:62ch}
.pj .feat>div h4{margin:0 0 4px;font-size:1rem;font-weight:600;font-family:var(--wide)}
.pj .feat>div p{color:var(--muted);font-size:.96rem;line-height:1.45}
@media(min-width:900px){.pj .feat>h3{grid-column:1/5}.pj .feat>div{grid-column:5/12}}
.pj .day{margin-top:clamp(72px,10vw,150px)}
.pj .day .head{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-bottom:20px}
.pj .day-grid{border-top:0;padding-top:0}
.pj .sun{border-color:var(--fg);width:64px;height:64px}
.pj .sun.full{background:var(--fg)}
.pj .day-item b{font-weight:700;font-size:2rem;letter-spacing:-.03em;text-transform:uppercase}
.pj .gal{margin-top:clamp(72px,10vw,150px);position:relative}
.pj .figlbl{display:flex;justify-content:space-between;gap:12px}
.pj .figlbl b{color:var(--fg);font-weight:700}
.pj .ruler-side{position:absolute;left:-26px;top:0;bottom:0;display:none}
@media(min-width:1500px){.pj .ruler-side{display:block}}
.pj .gal .ph{position:relative}
.pj .gal .ph .rec{position:absolute;left:12px;top:12px;background:var(--bg);color:var(--fg);padding:5px 9px;z-index:2}
.pj .gal .ph .rec i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;animation:blink 1.2s steps(2,start) infinite}
@keyframes blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pj .gal .ph .rec i{animation:none}}
.pj .giantnum{display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden;height:clamp(190px,35vw,560px);margin-top:clamp(56px,8vw,120px);border-bottom:1px solid var(--line)}
.pj .giantnum span{font-family:var(--wide);font-weight:800;font-size:clamp(10rem,40vw,52rem);line-height:.74;letter-spacing:-.08em;margin-right:-.03em;margin-bottom:-.02em}
.pj .faqwrap{padding-top:clamp(64px,9vw,128px)}
.pj .pnav{margin-top:clamp(40px,6vw,88px)}
.pj .pnav b{font-stretch:112%;text-transform:uppercase}
.pj .pnav a{padding:22px 0}

/* O nas / storitve pod novim slogom */
.about .lead.words{font-stretch:106%}
.timeline div::before{border-color:var(--fg)}
.timeline div:last-child::before{background:var(--accent);border-color:var(--accent)}
.pv a:hover,.pv .on{background:var(--accent);color:#111}

/* ======= RAMSOVA URA: glavno kolo (fiksno, desni rob) + gumb za projekte, ki se prikaže in zareže vanj ======= */
:root{--mw:40px;--dialspace:122px}
.wrap{padding-right:calc(var(--edge) + var(--mw))}
.hdr .wrap{padding-right:var(--edge)}
@media(min-width:1100px){:root{--mw:150px;--dialspace:500px}}
.dial2{position:fixed;top:50%;z-index:90;pointer-events:none;color:var(--fg);
  --R:min(68svh,50vw);--capO:120px;--lw:96px;--rest:.8;
  right:calc(var(--capO) - var(--R)*2);width:calc(var(--R)*2);height:calc(var(--R)*2);margin-top:calc(var(--R)*-1)}
.dial2.live,.dial2:hover{--rest:1}
.dial2 .disc{position:absolute;inset:0;border-radius:50%;pointer-events:auto;cursor:grab;touch-action:none;
  background:rgba(242,241,236,.5);-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}
.dial2 .disc:active{cursor:grabbing}
.dial2 .ring{position:absolute;inset:0;opacity:var(--rest);transition:opacity .4s;will-change:transform}
.dial2 .tk,.dial2 .it{position:absolute;left:var(--R);top:var(--R)}
.dial2 .tk{--w:7px;width:var(--w);height:1px;background:currentColor;opacity:.4;transform-origin:0 50%;transform:rotate(calc(180deg - var(--a))) translateX(calc(var(--R) - var(--w) - 1px))}
.dial2 .tk.md{--w:11px;opacity:.65}
.dial2 .tk.mj{--w:19px;height:2px;margin-top:-.5px;opacity:1}
.dial2 .it{transform-origin:0 0;transform:rotate(calc(180deg - var(--a))) translateX(calc(var(--R) - 28px));pointer-events:auto;cursor:pointer;background:none;border:0;padding:0;color:inherit;font-family:var(--font)}
.dial2 .it .lab{position:absolute;left:calc(var(--lw)*-1);top:0;width:var(--lw);text-align:left;transform:translateY(-50%) rotate(180deg);display:block}
.dial2 .it .n{display:block;font-weight:500;font-size:.82rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dial2 .it .nm{display:block;margin-top:4px;font-weight:500;font-size:.66rem;line-height:1.1;white-space:nowrap;color:var(--muted)}
.dial2 .it:focus-visible{outline:2px solid var(--fg);outline-offset:4px}
.dial2 .ptr,.knob .k-ptr{position:absolute;width:0;height:0;border-left:11px solid var(--accent);border-top:7px solid transparent;border-bottom:7px solid transparent;pointer-events:none;z-index:3;transform-origin:0 50%;filter:drop-shadow(0 0 0 rgba(0,0,0,.4))}
.dial2 .ptr{left:-1px;top:calc(50% - 7px)}
.dial2 .ptr.bump,.knob .k-ptr.bump{animation:bump .28s ease-out}
@keyframes bump{40%{transform:scale(1.7,1.25)}}

/* podkolesce za projekte: isto središče kot glavno kolo, manjši polmer.
   Ob projektih se glavno kolo izvleče za širino podkolesca; obe skali sta vidni. */
:root{--capMain:56px;--band:60px;--subv:50px}
@media(min-width:1100px){:root{--capMain:120px;--band:132px;--subv:140px;--dialspace:calc(var(--band) + var(--subv) + 48px)}}
.dial2{--capO:var(--capMain);transition:right .7s cubic-bezier(.2,.9,.2,1)}
html.in-proj .dial2{--capO:calc(var(--band) + var(--subv))}
.dial2.sub{--R:calc(min(68svh,50vw) - var(--band));--lw:112px;z-index:92;opacity:0;
  transition:right .7s cubic-bezier(.2,.9,.2,1),opacity .45s}
html.in-proj .dial2.sub{--capO:var(--subv);opacity:1}
html:not(.in-proj) .dial2.sub{--capO:0px}
html:not(.in-proj) .dial2.sub .disc,html:not(.in-proj) .dial2.sub .it{pointer-events:none}
.dial2.sub .disc{background:rgba(247,246,242,.55);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),-6px 0 24px rgba(0,0,0,.06)}
.dial2.sub .it .nm{white-space:normal;max-width:13ch;font-size:.66rem}
/* projekti so navaden razdelek: stran se drsi naprej, projekte vrti samo podkolesce */
.wheelwrap{height:auto}
.wheelwrap .stage{position:relative;top:auto;height:calc(100svh - var(--hdr));min-height:540px}
@media(max-width:1099px){
  .dial2.sub{--lw:30px}
  .dial2 .it .nm,.dial2.sub .it .nm{display:none}
  .dial2 .it .n{font-size:.75rem}
  .wheelwrap .stage{padding-right:calc(var(--band) + var(--subv) + 12px);align-content:start}
}
@media(prefers-reduced-motion:reduce){.dial2,.dial2.sub{transition:none}.dial2 .ptr.bump{animation:none}}
@media print{.dial2,.cur{display:none}}

/* puščice (Rams): tanka črta, poln trikotnik */
.ar{display:inline-block;width:1.1em;height:.7em;vertical-align:-.02em;margin:0 .12em;overflow:visible}
.ar.l{transform:scaleX(-1)}
.ar.d{transform:rotate(90deg)}
.key i .ar{width:1.25em;height:.8em}

/* kazalec: ena črna pika */
@media(pointer:fine){
  html.has-cur,html.has-cur *{cursor:none!important}
}
.cur{position:fixed;left:0;top:0;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#111;pointer-events:none;z-index:10000;opacity:0;transition:width .18s,height .18s,margin .18s,opacity .2s}
.cur.on{opacity:1}

/* vrh: minimalna grafika (plošča, krog, ročica, gumb) */
.rh-obj{grid-column:1/-1;justify-self:center;width:min(72vw,340px)}
@media(min-width:900px){.rh-obj{grid-column:8/13;justify-self:end;width:100%;max-width:420px}}
.rh-obj svg{width:100%;height:auto;display:block}
.rh-obj .pl{fill:var(--sheet)}
.rh-obj .rc{fill:none;stroke:var(--fg);stroke-width:1;opacity:.28}
.rh-obj .lb{fill:var(--fg)}
.rh-obj .mk{fill:var(--sheet)}
.rh-obj .arm{stroke:var(--fg);stroke-width:2.5;stroke-linecap:round}
.rh-obj .kb{fill:none;stroke:var(--fg);stroke-width:1;opacity:.55}
.rh-obj .kn{stroke:var(--fg);stroke-width:1;stroke-linecap:round;opacity:.55}
.rh-obj .lbl{display:flex;justify-content:space-between;margin-top:18px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


/* ======= poenotena tipografija: lahka teža kot SPECTRA / POINT plakat ======= */
.hero2 h1{font-weight:300;font-stretch:100%;letter-spacing:-.045em;line-height:.94;font-size:clamp(2.4rem,6.9vw,7.6rem);text-transform:uppercase}
.hero2 h1 .out{color:var(--muted);-webkit-text-stroke:0;font-weight:300}
.sec-head h2,.contact h2,.winfo h3,.pj .pnav b,.pj .tb-date,.pj .bigtitle .side,.pj .day-item b{font-weight:400;font-stretch:100%}
.contact h2{text-transform:uppercase;letter-spacing:-.05em}
.pj .bigtitle h1{font-weight:300;font-stretch:112%}
.num,.pj .giantnum span{font-weight:300}
.pj .story .lead,.about .lead{font-weight:400}
.hero2 .meta4 .big,.hero2 .meta4 .dm.big{font-weight:400}
.dm{font-weight:400}
.srv h3,.art h3{font-weight:500}
.bigmark{font-weight:300}

/* ======= predloga za ostale projekte ======= */
.pj .gal figure.g-full{grid-column:1/-1}
.pj .gal figure.g-half,.pj .gal figure.g-third{grid-column:span 12}
@media(min-width:900px){.pj .gal figure.g-half{grid-column:span 6}.pj .gal figure.g-third{grid-column:span 4}}
.gal .ph.r32{aspect-ratio:3/2}.gal .ph.r34{aspect-ratio:3/4}
.pj .num.sm{font-size:clamp(3.2rem,8.5vw,8.5rem)}
.pj .rel{margin-top:28px}.pj .rel a{display:block;padding:8px 0;border-top:1px solid var(--line)}
.pj .rel a:hover{background:var(--accent)}
.pj .credit,.pj .plan{margin-top:14px}
.pj .plan a{border-bottom:3px solid var(--accent)}
.geo{font-variant-numeric:tabular-nums;white-space:nowrap}

.pj .topline .geo{white-space:normal;display:inline-block;max-width:100%}
.pj .topline .c .mono{max-width:60%}

/* oder projektov: slika levo (manjša), besedilo ob njej */
@media(min-width:900px){
  .wheelwrap .stage{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto;column-gap:clamp(24px,4vw,72px);align-content:center}
  .wmedia{width:min(100%,calc((100svh - var(--hdr) - 150px)*1.5))}
  .winfos{min-height:0;margin:22px 0 0;align-self:stretch}
  .winfo{grid-template-columns:1fr;align-content:end}
  .winfo .wt,.winfo .wd2{grid-column:1/-1}
  .winfo .wd2{margin-top:26px}
}

/* mobilni prikaz */
@media(max-width:899px){
  .pj .tb-date{font-size:clamp(1.05rem,5.2vw,1.5rem);overflow-wrap:anywhere}
  .hero2 h1{font-size:clamp(2.1rem,9.4vw,3.4rem)}
  .pj .topline .num{font-size:clamp(4rem,19vw,6.5rem)}
  .pj .num.sm{font-size:clamp(2.6rem,12vw,4rem)}
  .pj .giantnum{height:clamp(130px,40vw,220px)}
  .contact h2{font-size:clamp(2.4rem,12vw,4rem)}
  .sec-head{flex-wrap:wrap}
}
@media(max-width:899px){
  .toprow>*:nth-child(1){grid-column:span 6}.toprow>*:nth-child(2){display:none}.toprow>*:nth-child(3){grid-column:span 6}
  .toprow .geo{white-space:normal;display:inline-block}
}

/* ======= DIETER RAMS: manj, a bolje — topla svetlo siva, srednja teža, stavčna velikost črk ======= */
:root{--bg:#E8E7E2;--fg:#1B1B1A;--muted:#666560;--line:#C8C7C1;--ph:#D8D7D1;--sheet:#F2F1EC}
.mono{text-transform:none;letter-spacing:.01em;font-size:.78rem}
.nav a,.theme,.menu-btn,.chip,.pv{text-transform:none;letter-spacing:.01em}
.theme,.menu-btn,.chip{border-radius:5px}
.sec-head h2{font-weight:500;letter-spacing:-.035em}
.winfo h3{text-transform:none;font-weight:500;letter-spacing:-.035em;font-stretch:100%}
.contact h2{text-transform:none;font-weight:500;letter-spacing:-.04em}
.pj .bigtitle h1{text-transform:none;font-weight:500;font-stretch:100%;letter-spacing:-.045em}
.pj .pnav b,.pj .tb-date,.pj .bigtitle .side{text-transform:none;font-weight:500;font-stretch:100%}
.num,.pj .giantnum span{font-weight:400}
.pj .story .lead,.about .lead{font-weight:500}
.srv h3,.art h3,.faq summary{font-weight:500}
.bigmark{font-weight:500}
.pj .sheet,.key{border-radius:8px}
.pj .day-item b{text-transform:none;font-weight:500}

/* vrh strani */
.rhero{padding-top:clamp(40px,7vw,110px)}
.rh-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);row-gap:40px;align-items:center}
.rh-text{grid-column:1/-1}
.rh-grille{grid-column:1/-1;justify-self:center;width:min(64vw,320px)}
@media(min-width:900px){.rh-text{grid-column:1/8}.rh-grille{grid-column:9/13;justify-self:end;width:100%;max-width:400px}}
.rhero h1{margin-top:18px;font-size:clamp(2.2rem,4.7vw,4.7rem);font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:15ch}
.rhero h1 span{display:block;color:var(--muted)}
.rh-lead{margin-top:28px;max-width:40ch;font-size:clamp(1.05rem,1.4vw,1.3rem)}
.rh-grille svg{width:100%;height:auto;display:block}
.rh-grille circle{fill:var(--fg)}
.rh-grille .lbl{display:flex;justify-content:space-between;margin-top:14px}
.keys{display:grid;grid-template-columns:1fr;gap:12px;margin-top:clamp(48px,7vw,96px)}
@media(min-width:900px){.keys{grid-template-columns:repeat(3,1fr);gap:var(--gap)}}
.key{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:128px;padding:16px 18px;background:var(--sheet);box-shadow:inset 0 0 0 1px var(--line),0 1px 0 rgba(0,0,0,.05);transition:transform .12s,box-shadow .12s}
.key b{font-weight:500;font-size:clamp(1.15rem,1.7vw,1.5rem);letter-spacing:-.025em;line-height:1.15;margin-top:18px;max-width:20ch}
.key i{position:absolute;right:16px;top:14px;font-style:normal}
.key.on::after{content:"";position:absolute;right:18px;bottom:18px;width:14px;height:14px;border-radius:3px;background:var(--accent)}
.key:hover{box-shadow:inset 0 0 0 1px var(--fg)}
.key:active{transform:translateY(2px)}

/* vrtenje s prstom: brskalnik ne sme drseti strani, ko se prst dotakne kolesa */
.dial2 .it{touch-action:none}

/* mobilno: kolo z 50 % večjim polmerom, levi rob ostane na istem mestu (enak --capO) */
@media(max-width:1099px){
  .dial2{--R:min(102svh,75vw)}
  .dial2.sub{--R:calc(min(102svh,75vw) - var(--band))}
}

/* ======= ČLANKI ======= */
.apage{padding:clamp(40px,7vw,110px) 0 clamp(64px,9vw,140px)}
.ahead{max-width:62rem;margin-bottom:clamp(36px,5vw,72px)}
.aback{display:inline-flex;align-items:center;gap:.4em;color:var(--muted);text-decoration:none}
.aback:hover{color:var(--fg)}
.akick{margin-top:clamp(28px,4vw,52px);color:var(--muted)}
.ahead h1{margin-top:14px;font-size:clamp(2rem,4.4vw,4.2rem);font-weight:500;letter-spacing:-.035em;line-height:1.04;max-width:20ch;text-wrap:balance}
.alead{margin-top:22px;max-width:46ch;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.5;color:var(--muted)}
.prose{max-width:44rem;font-size:1.0625rem;line-height:1.68}
.prose article{display:block}
.prose>*+*,.prose article>*+*,.prose section>*+*{margin-top:1.1em}
.prose .article-lead{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.5;letter-spacing:-.01em}
.prose h2{margin-top:2.6em;padding-top:18px;border-top:1px solid var(--line);font-size:clamp(1.35rem,2.1vw,1.75rem);font-weight:500;letter-spacing:-.025em;line-height:1.18;scroll-margin-top:calc(var(--hdr) + 16px)}
.prose h3{margin-top:1.8em;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.prose h2+*,.prose h3+*{margin-top:.6em}
.prose a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--muted)}
.prose a:hover{text-decoration-color:var(--fg);background:linear-gradient(transparent 62%,var(--accent) 62%)}
.prose ul,.prose ol{padding-left:1.2em}
.prose li+li{margin-top:.35em}
.prose strong{font-weight:600}
.prose em{font-style:italic}
.prose figure{margin:2em 0}
.prose figure img{width:100%;height:auto;display:block;border-radius:2px;background:var(--ph)}
.prose figcaption{margin-top:.7em;font-size:.8rem;line-height:1.45;color:var(--muted)}
.prose img{max-width:100%;height:auto}
.prose .article-toc,.prose .toc{border:1px solid var(--line);border-radius:8px;background:var(--sheet);padding:18px 22px;font-size:.92rem;line-height:1.55}
.prose .article-toc p:first-child,.prose .toc p:first-child{font-weight:600}
.prose .article-toc ol,.prose .toc ol{margin-top:.6em}
.prose .note,.prose .meta{font-size:.9rem;color:var(--muted)}
.prose .seo-faq,.prose .seo-rel,.prose .article-related,.prose .latest-review{margin-top:3em}
.prose blockquote{border-left:2px solid var(--accent);padding-left:1em;color:var(--muted)}
.prose table{width:100%;border-collapse:collapse;font-size:.92rem}
.prose th,.prose td{border-top:1px solid var(--line);padding:.55em .6em .55em 0;text-align:left;vertical-align:top}
.arows{border-top:1px solid var(--fg);margin-bottom:clamp(48px,6vw,96px)}
.arow{display:grid;grid-template-columns:3.2rem 1fr;column-gap:16px;row-gap:8px;padding:clamp(20px,2.4vw,30px) 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;scroll-margin-top:calc(var(--hdr) + 16px)}
.arow .an{grid-row:1/5;color:var(--muted)}
.arow .ak{color:var(--muted)}
.arow h2{font-size:clamp(1.25rem,2vw,1.7rem);font-weight:500;letter-spacing:-.025em;line-height:1.15;max-width:32ch}
.arow p{max-width:60ch;color:var(--muted);font-size:.98rem;line-height:1.55}
.arow .am{display:inline-flex;align-items:center;gap:.3em}
.arow:hover h2{background:linear-gradient(transparent 62%,var(--accent) 62%);background-size:100% 100%}
@media(min-width:900px){.arow{grid-template-columns:4rem 16rem 1fr}.arow .an{grid-row:1/4}.arow .ak{grid-row:1/4;padding-top:.35em}}

/* mobilno: več zraka med besedilom in kolesom */
@media(max-width:1099px){:root{--mw:54px}}


/* projekti: slike na začetku, vrti jih podkolesce (isti sistem kot projekti na domači strani) */
.pimg .stage{border-top:0}
.pimg .wfig.tall{background:var(--sheet)}
.pimg .wfig.tall img{object-fit:contain}
.pimg .wfig video{width:100%;height:100%;object-fit:cover;display:block}
.pimg .winfo h3{font-size:clamp(1.4rem,2.6vw,2.4rem)}
.pimg .winfo .words{color:var(--muted);font-size:clamp(.95rem,1.1vw,1.08rem)}
.pimg .stage{height:auto;min-height:0;align-content:start;padding-top:6px;padding-bottom:clamp(24px,4vw,56px)}
.pimg .wcount{top:-22px}
.pimg .wmedia{margin-top:0;width:100%}
.pimg .winfos{min-height:clamp(120px,18svh,200px)}
@media(min-width:1100px){
  .pimg .stage{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}
  .pimg .wmedia{width:min(100%,calc((100svh - var(--hdr) - 120px)*1.5))}
  .pimg .winfos{min-height:0;margin-top:0}
}
.pj .topline{margin-bottom:clamp(14px,2vw,28px)}
/* projektne strani: vsebina se umakne obema kolesoma */
.pj main .wrap{padding-right:calc(var(--edge) + var(--band) + var(--subv) + 16px)}