#cbBtn{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,238,190,.55);cursor:pointer;padding:0;
  background:radial-gradient(circle at 35% 30%,#2a2114,#0a0908 70%);box-shadow:0 12px 30px -8px rgba(0,0,0,.8),0 0 0 4px rgba(214,170,82,.12),0 0 22px rgba(214,170,82,.35);animation:cbPulse 3.2s ease-in-out infinite}
#cbBtn svg{width:100%;height:100%;border-radius:50%}#cbBtn .cbName{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);font:600 12px/1 var(--display,Georgia);letter-spacing:.12em;color:#f3d27a;text-shadow:0 1px 6px #000}#cbBtn .cbDot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#fff,#f3d27a);box-shadow:0 0 8px #fff}
@keyframes cbPulse{0%,100%{box-shadow:0 12px 30px -8px rgba(0,0,0,.8),0 0 0 4px rgba(214,170,82,.12),0 0 18px rgba(214,170,82,.3)}50%{box-shadow:0 12px 30px -8px rgba(0,0,0,.8),0 0 0 8px rgba(214,170,82,.08),0 0 30px rgba(214,170,82,.55)}}
#cb{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:61;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100dvh - 130px));display:flex;flex-direction:column;
  border-radius:22px;overflow:hidden;background:#0e0c09;border:1px solid transparent;background:linear-gradient(#0e0c09,#0e0c09) padding-box,linear-gradient(160deg,rgba(246,227,164,.6),rgba(255,255,255,.06) 40%,rgba(214,170,82,.45)) border-box;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.9);transform-origin:100% 100%;transform:scale(.9) translateY(10px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s}
#cb.open{transform:none;opacity:1;pointer-events:auto}
.cbh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(243,210,122,.08),transparent)}
.cbh svg{width:44px;height:44px}.cbav{filter:drop-shadow(0 0 10px rgba(243,210,122,.35));animation:avG 4s ease-in-out infinite}@keyframes avG{50%{filter:drop-shadow(0 0 18px rgba(243,210,122,.6))}}.cbh b{font:600 18px/1.1 var(--display)}.cbh small{display:block;color:var(--ink2);font-size:12px}
.cbh button{margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:18px;line-height:1}
.cbm>*{flex-shrink:0}.cba,.cbq{overflow-wrap:anywhere}
.cbm{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.cbq,.cba{max-width:86%;padding:10px 13px;border-radius:16px;font-size:15px;line-height:1.5;animation:cbIn .25s ease both}
.cba{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--line);border-bottom-left-radius:6px}
.cbq{align-self:flex-end;color:#1a1204;border:1px solid rgba(255,238,190,.55);background:linear-gradient(135deg,#a97a22 0%,#d9a640 22%,#f3d27a 45%,#e2b24d 62%,#b8862b 100%);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -1px 0 rgba(90,60,10,.35) inset;border-bottom-right-radius:6px}
@keyframes cbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cbchips{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start}.cbchips button{border:1px solid rgba(243,210,122,.45);background:transparent;color:var(--gold2);border-radius:999px;padding:7px 12px;font:500 13.5px/1 var(--sans);cursor:pointer}
.cbchips button:hover{background:rgba(243,210,122,.1)}
.cbtyping{align-self:flex-start;display:flex;gap:4px;padding:12px 14px}.cbtyping i{width:6px;height:6px;border-radius:50%;background:var(--gold2);animation:cbT 1s infinite}.cbtyping i:nth-child(2){animation-delay:.15s}.cbtyping i:nth-child(3){animation-delay:.3s}
@keyframes cbT{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.cbf{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.cbf input{flex:1;min-width:0;font:400 16px/1.3 var(--sans);color:var(--ink);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none}
.cbf input:focus{border-color:var(--gold2)}.cbf button,.cbq{position:relative;overflow:hidden;isolation:isolate}.cbf button{border:1px solid rgba(255,238,190,.55);border-radius:12px;padding:0 14px;cursor:pointer;color:#1a1204;font:600 14px var(--sans);background:linear-gradient(135deg,#a97a22 0%,#d9a640 22%,#f3d27a 45%,#e2b24d 62%,#b8862b 100%);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -1px 0 rgba(90,60,10,.35) inset;text-shadow:0 1px 0 rgba(255,245,215,.45)}.cbf button::after,.cbq::after{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(226,232,240,.5) 44%,rgba(255,255,255,.9) 50%,rgba(205,212,222,.55) 56%,transparent 68%);transform:translateX(-140%);animation:cbSheen 5.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes cbSheen{0%,58%{transform:translateX(-140%)}82%,100%{transform:translateX(140%)}}
.cbnote{font-size:11px;color:var(--ink2);text-align:center;padding:0 10px 8px}
@media (prefers-reduced-motion: reduce){#cbBtn{animation:none}}

:root{--bg:#0a0908;--bg2:#12100c;--line:rgba(212,176,104,.22);--ink:#efe7d6;--ink2:#b9ad95;--champ:#c8b07a;--gold:#d9a640;--gold2:#f3d27a;--silver:#dfe4ea;
  --display:"Cormorant Garamond","Source Serif 4",Georgia,serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0a0908;--ink:#efe7d6}}
:root[data-theme="dark"]{--bg:#0a0908;--ink:#efe7d6}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#231c11 0%,#0f0d0a 45%,var(--bg) 100%) fixed,var(--bg);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
/* zaglavlje */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:rgba(10,9,8,.6);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
header.top.scrolled{border-bottom-color:var(--line);background:rgba(10,9,8,.82)}
.bar{display:flex;align-items:center;gap:18px;height:72px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand svg{width:44px;height:44px;border-radius:50%;background:#0a0908;box-shadow:0 0 0 1px var(--line),0 6px 18px rgba(0,0,0,.5)}
.brand b{font:600 20px/1 var(--display);letter-spacing:.01em}.brand small{display:block;font-size:12px;color:var(--ink2);margin-top:3px;letter-spacing:.02em}
nav.main{display:flex;gap:26px;font-size:15px;color:var(--ink2)}
nav.main a{position:relative;padding:6px 0}nav.main a:hover{color:var(--ink)}
nav.main a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold2);transition:right .25s}nav.main a:hover::after{right:0}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:12px;width:44px;height:44px;cursor:pointer}
.menu-btn svg{width:20px;height:20px;stroke:var(--gold2);stroke-width:1.8;fill:none}
/* zlatna dugmad sa srebrnim prelivom (kao u aplikaciji) */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 24px;border-radius:999px;font:600 15.5px/1 var(--sans);letter-spacing:.01em;cursor:pointer;
  color:#1a1204;border:1px solid rgba(255,238,190,.55);background:linear-gradient(135deg,#a97a22 0%,#d9a640 22%,#f3d27a 45%,#e2b24d 62%,#b8862b 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -1px 0 rgba(90,60,10,.35) inset,0 10px 24px -12px rgba(0,0,0,.7);text-shadow:0 1px 0 rgba(255,245,215,.45);transition:transform .15s,filter .2s}
.btn::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 32%,rgba(226,232,240,.55) 44%,rgba(255,255,255,.95) 50%,rgba(205,212,222,.6) 56%,transparent 68%);transform:translateX(-140%);animation:sheen 5.2s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--sd,0s)}
@keyframes sheen{0%,58%{transform:translateX(-140%)}82%,100%{transform:translateX(140%)}}
.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px) scale(.985)}
.btn.ghost{background:transparent;color:var(--ink);text-shadow:none;border-color:var(--line);box-shadow:none}.btn.ghost::after{opacity:.25}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
/* uvod */
.hero{position:relative;text-align:center;padding:56px 0 88px;overflow:hidden}
#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.crest{width:min(62vw,300px);height:auto;display:block;margin:0 auto 26px;filter:drop-shadow(0 18px 40px rgba(214,170,82,.22))}
.crest .ring{stroke-dasharray:1;stroke-dashoffset:1}
.kick{font:600 clamp(13px,2.4vw,16px)/1.2 var(--display);letter-spacing:.34em;color:var(--champ);margin:0}
h1{margin:.18em 0 .1em;font:700 clamp(46px,10vw,92px)/1.02 var(--display);letter-spacing:.04em;padding-bottom:.08em;
  background:linear-gradient(100deg,#d9b25c 0%,#f7dc92 22%,#ffffff 32%,#e6e3dc 40%,#f3d584 55%,#fff5d6 72%,#dcd8cf 84%,#e4bf6a 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldText 9s linear infinite}
@keyframes goldText{from{background-position:0% 50%}to{background-position:300% 50%}}
.sub{margin:10px auto 0;max-width:40ch;color:var(--ink2);font-size:clamp(16px,2.2vw,19px)}
.rule{width:min(70vw,360px);height:1px;margin:26px auto;background:linear-gradient(90deg,transparent,var(--gold2),#fff,var(--gold2),transparent)}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}
/* dijamanti u grbu: nasumičan sjaj */
.dm .dmf{transform-box:fill-box;transform-origin:center;opacity:0}
.dm .dmh{transform-box:fill-box;transform-origin:center;animation:halo var(--hd,2.6s) ease-in-out infinite}
@keyframes halo{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
.dm.flash .dmf{animation:flare 1.5s ease-out forwards}
@keyframes flare{0%{opacity:0;transform:scale(.2) rotate(0)}22%{opacity:1;transform:scale(1.15) rotate(14deg)}50%{opacity:.9;transform:scale(.85) rotate(26deg)}100%{opacity:0;transform:scale(.4) rotate(42deg)}}
/* odeljci */
section{padding:84px 0;border-top:1px solid rgba(212,176,104,.12)}
h2{font:600 clamp(32px,5vw,48px)/1.1 var(--display);margin:0 0 10px;letter-spacing:.01em}
.lead{color:var(--ink2);max-width:62ch;margin:0 0 40px}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 44px}
.area{display:grid;grid-template-columns:44px 1fr;gap:4px 16px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .2s}
.area svg{grid-row:1/3;width:30px;height:30px;margin-top:4px;fill:none;stroke:var(--gold2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.at{font:600 23px/1.2 var(--display);color:var(--ink)}.ad{color:var(--ink2);font-size:15.5px}
.area:hover .at{color:var(--gold2)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;counter-reset:s}
.step{position:relative;padding:26px 24px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--line)}
.step::before{counter-increment:s;content:counter(s, upper-roman);display:block;font:700 40px/1.2 var(--display);letter-spacing:.04em;padding:.04em .06em .1em 0;background:linear-gradient(180deg,#fff,#f3d27a 55%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.step h3{font:600 24px/1.2 var(--display);margin:0 0 6px}.step p{margin:0;color:var(--ink2);font-size:15.5px}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.values h3{font:600 24px/1.2 var(--display);margin:0 0 6px;color:var(--gold2)}.values p{margin:0;color:var(--ink2);font-size:15.5px}
.posts{display:grid;gap:0}
.post{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.post time{color:var(--champ);font-size:14px;padding-top:4px}.post span{font:600 23px/1.25 var(--display)}.post:hover span{color:var(--gold2)}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.cbox{padding:30px;border-radius:24px;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(160deg,rgba(246,227,164,.45),rgba(255,255,255,.05) 40%,rgba(214,170,82,.35)) border-box}
.cbox dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 18px}.cbox dt{color:var(--ink2);font-size:14px}.cbox dd{margin:0}
.cbox .cta{justify-content:flex-start;margin-top:22px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cols2 p{margin:0;color:var(--ink2)}
.faq{max-width:820px}.qa{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font:600 22px/1.3 var(--display)}
.qa summary::-webkit-details-marker{display:none}.qa summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:1.6px solid var(--gold2);border-bottom:1.6px solid var(--gold2);transform:rotate(45deg);transition:transform .25s}
.qa[open] summary::after{transform:rotate(-135deg);margin-top:-2px}.qa p{margin:0 0 20px;color:var(--ink2);max-width:70ch}
.cform{display:grid;gap:14px;margin:24px 0 6px;padding-top:22px;border-top:1px solid var(--line)}.cform label{display:grid;gap:6px;font-size:13.5px;color:var(--ink2)}.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cform input,.cform select,.cform textarea{font:400 16px/1.4 var(--sans);color:var(--ink);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(243,210,122,.15)}
.cform .chk{display:flex;gap:10px;align-items:flex-start;font-size:13px}.cform .chk input{margin-top:3px;accent-color:#d9a640}
.cform .btn{justify-self:start}.hp{position:absolute;left:-9999px}.fmsg{margin:0;font-size:14px;color:var(--gold2);min-height:1.2em}
section{position:relative}section+section::before{content:"";position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 40%,#b9c7d8);box-shadow:0 0 10px rgba(255,255,255,.7),0 0 22px rgba(233,200,120,.4)}
@media (max-width:860px){.cols2,.cform .two{grid-template-columns:1fr}}
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;margin-top:26px}
.tfig{margin:0}.temple{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 36px rgba(214,170,82,.18))}
.temple .tl path{stroke-dasharray:1;stroke-dashoffset:var(--dr,1)}
.temple .tq{font:600 13px/1 var(--display);letter-spacing:4px;fill:#f3d27a;opacity:var(--tq,0);transition:opacity .6s}
.tfig figcaption{margin-top:16px;text-align:center;font:500 20px/1.4 var(--display);color:var(--ink)}.tfig figcaption span{display:block;font:400 13px/1.6 var(--sans);color:var(--champ);margin-top:4px}
.bio p{margin:0 0 16px;color:var(--ink2)}.bio p:first-child{color:var(--ink);font-size:18px}
.tline{list-style:none;counter-reset:t;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.tline::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,transparent,#f3d27a 12%,#dfe4ea 50%,#f3d27a 88%,transparent)}
.tline li{position:relative;padding-top:30px}.tline li::before{content:"";position:absolute;top:4px;left:0;width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 45%,#b9c7d8);box-shadow:0 0 10px rgba(255,255,255,.7),0 0 20px rgba(233,200,120,.45)}
.tline b{display:block;font:600 21px/1.2 var(--display);color:var(--gold2);margin-bottom:6px}.tline span{color:var(--ink2);font-size:15px}
.trust{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.scwrap{text-align:center}.scales{width:100%;max-width:320px;height:auto;touch-action:pan-y}.schint{margin:6px 0 0;font-size:12.5px;color:var(--champ)}
.sdia{animation:sd 3.2s ease-in-out infinite}@keyframes sd{0%,100%{filter:brightness(1)}50%{filter:brightness(1.9) drop-shadow(0 0 6px #fff)}}
@media (max-width:860px){.about,.trust{grid-template-columns:1fr}.tline{grid-template-columns:1fr;gap:0}.tline::before{left:4px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,#f3d27a,#dfe4ea 50%,#f3d27a)}.tline li{padding:0 0 22px 30px}.tline li::before{top:6px}.scwrap{order:-1}}
.ihead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.iart{flex:0 0 auto;width:220px}.iart.sm{width:150px}.iart .ill{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 24px rgba(214,170,82,.16))}
.iart.env{width:min(100%,300px);margin-top:28px}
.ill .dp{stroke-dasharray:1;stroke-dashoffset:var(--dr,1)}.ill .dpf,.ill .seal{opacity:var(--df,0);transition:opacity .8s}
.step{position:relative}.sico{position:absolute;top:22px;right:20px;width:52px;opacity:.95}.sico .ill{width:100%;height:auto}
.portrait{float:right;width:188px;margin:4px 0 14px 26px;perspective:900px}
.pcard{position:relative;aspect-ratio:3/4;border-radius:999px 999px 18px 18px;overflow:visible;transform-style:preserve-3d;transition:transform .25s ease-out;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.pcard img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:grayscale(.2) sepia(.12) contrast(1.05) brightness(.95);
  -webkit-mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.25) 100%);mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.25) 100%)}
.parch{position:absolute;inset:-7px;border-radius:999px 999px 22px 22px;pointer-events:none;border:1.5px solid transparent;
  background:linear-gradient(160deg,#f6e3a4,#b8862b 30%,#eef2f6 50%,#d9a640 70%,#8f6519) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9),0 0 30px -10px rgba(214,170,82,.45);transform:translateZ(18px)}
.parch::after{content:"";position:absolute;inset:6px;border-radius:999px 999px 16px 16px;border:1px solid rgba(243,210,122,.45)}
.pshine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--sx,30%) var(--sy,20%),rgba(255,248,225,.35),transparent 45%);mix-blend-mode:soft-light;transform:translateZ(10px)}
.pgem{position:absolute;top:-13px;left:50%;width:10px;height:10px;margin-left:-5px;transform:translateZ(26px) rotate(45deg);background:linear-gradient(135deg,#fff,#eef5ff 30%,#b9c7d8 55%,#fff);box-shadow:0 0 8px #fff,0 0 18px rgba(233,200,120,.6);animation:pg 3s ease-in-out infinite}
@keyframes pg{0%,100%{filter:brightness(1)}50%{filter:brightness(1.8)}}
@media (max-width:860px){.ihead{flex-direction:column-reverse;align-items:flex-start}.iart{width:190px}.iart.sm{width:120px}.portrait{float:none;width:156px;margin:0 auto 22px}.sico{width:44px;top:20px;right:16px}}
#prog{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:2px;width:100%;z-index:40;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#b8862b,#f3d27a 40%,#ffffff 50%,#f3d27a 60%,#b8862b);box-shadow:0 0 10px rgba(243,210,122,.6)}
#glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s;
  background:radial-gradient(circle,rgba(243,210,122,.10),rgba(243,210,122,.04) 35%,transparent 65%);transform:translate(var(--gx,-999px),var(--gy,-999px))}
@media (hover:hover) and (pointer:fine){#glow.on{opacity:1}}
.hero .crest,.phero .crest{transition:transform .3s ease-out;transform:perspective(900px) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg))}
.area .aico{transition:filter .3s,transform .3s}.area:hover .aico,.area:active .aico{filter:drop-shadow(0 0 8px rgba(243,210,122,.7));transform:scale(1.08)}
.ill .wr{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.ill.done .wr{opacity:1;animation:write 4.5s ease-in-out infinite}
@keyframes write{0%{stroke-dashoffset:1}45%,70%{stroke-dashoffset:0;opacity:1}90%,100%{stroke-dashoffset:0;opacity:0}}
.ill .seal{transform-box:fill-box;transform-origin:center}.ill.done .seal{animation:stamp .7s cubic-bezier(.2,1.6,.4,1) both}
@keyframes stamp{0%{transform:scale(1.5);opacity:0}60%{transform:scale(.94);opacity:1}100%{transform:scale(1)}}
.tline li::before{opacity:.35;filter:grayscale(1);transition:opacity .5s,filter .5s,box-shadow .5s}.tline.in li::before{opacity:1;filter:none}
.tline.in li:nth-child(1)::before{transition-delay:.15s}.tline.in li:nth-child(2)::before{transition-delay:.55s}.tline.in li:nth-child(3)::before{transition-delay:.95s}.tline.in li:nth-child(4)::before{transition-delay:1.35s}

/* DOBRODOŠLI */
#welcome .wdob{font:600 clamp(30px,9vw,64px)/1 var(--display);letter-spacing:.22em;margin:0 0 18px .22em;display:flex;justify-content:center}
#welcome .wdob span{display:inline-block;opacity:0;transform:translateY(16px) scale(.9);animation:wl .7s cubic-bezier(.2,.8,.2,1) forwards;
  background:linear-gradient(180deg,#fff7dc,#f3d27a 45%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(243,210,122,.35)}
@keyframes wl{to{opacity:1;transform:none}}
/* svi dijamanti stalno sijaju */
.dm .dmf{animation:dmIdle 3.2s ease-in-out infinite;animation-delay:var(--dmd,0s)}
@keyframes dmIdle{0%,100%{opacity:.05;transform:scale(.35) rotate(0)}50%{opacity:.75;transform:scale(.85) rotate(12deg)}}
.dm .dmh{animation-duration:1.8s}
.dm.flash .dmf{animation:flare 1.4s ease-out forwards}
section+section::before,.tline li::before,.when li::before{animation:twk 2.6s ease-in-out infinite}
.when li:nth-child(2n)::before{animation-delay:-.9s}.when li:nth-child(3n)::before{animation-delay:-1.7s}.tline li:nth-child(2)::before{animation-delay:-.6s}.tline li:nth-child(3)::before{animation-delay:-1.3s}
@keyframes twk{0%,100%{filter:brightness(1)}50%{filter:brightness(1.9);box-shadow:0 0 12px #fff,0 0 26px rgba(233,200,120,.7)}}
/* 5D: slojevi uvoda */
.stage{position:relative;width:min(80vw,420px);margin:0 auto 18px;transform-style:preserve-3d}
.stage .crest{position:relative;z-index:2;margin:0 auto!important;width:min(62vw,300px)!important}
.rings{position:absolute;left:50%;top:50%;width:150%;height:150%;transform:translate(-50%,-50%) translate(calc(var(--px,0)*-18px),calc(var(--py,0)*-14px));pointer-events:none;z-index:1}
.rings .r1{transform-origin:300px 300px;animation:spin 60s linear infinite}.rings .r2{transform-origin:300px 300px;animation:spin 90s linear infinite reverse}.rings .r3{transform-origin:300px 300px;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero .crest{transform:perspective(900px) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg))}
#dust{transform:translate(calc(var(--px,0)*26px),calc(var(--py,0)*20px))}
/* 5D: kartice sa dubinom i odsjajem */
[data-tilt]{transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .3s;transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateZ(0)}
[data-tilt]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,246,214,.16),transparent 55%);opacity:var(--go,0);transition:opacity .3s}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:10px}
.spec{position:relative;display:block;padding:26px 24px 24px;border-radius:22px;border:1px solid transparent;
  background:linear-gradient(160deg,rgba(28,24,17,.92),rgba(12,11,9,.92)) padding-box,linear-gradient(160deg,rgba(246,227,164,.55),rgba(255,255,255,.05) 40%,rgba(214,170,82,.45)) border-box;box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.spec:hover{box-shadow:0 30px 60px -28px rgba(0,0,0,.95),0 0 40px -14px rgba(214,170,82,.35)}
.smed{width:84px;margin-bottom:14px;transform:translateZ(30px)}.smed .ill{width:100%;height:auto}
.sbadge{display:inline-block;font-size:12px;letter-spacing:.04em;color:#1a1204;background:linear-gradient(135deg,#d9a640,#f3d27a 50%,#e2b24d);padding:5px 11px;border-radius:999px;margin-bottom:12px;transform:translateZ(20px)}
.spec h3{font:600 24px/1.2 var(--display);margin:0 0 8px;transform:translateZ(18px)}.spec p{margin:0 0 14px;color:var(--ink2);font-size:15.5px}.smore{color:var(--gold2);font-size:14px}
.area,.step{position:relative;border-radius:14px}
/* odeljci ulaze sa dubinom */
.reveal{transform:perspective(1000px) rotateX(7deg) translateY(26px);transform-origin:50% 0}.reveal.in{transform:none}
h2.reveal{position:relative}h2.reveal::after{content:"";display:block;height:2px;width:0;margin-top:10px;background:linear-gradient(90deg,#f3d27a,#fff,#f3d27a,transparent);transition:width 1.2s cubic-bezier(.2,.8,.2,1) .2s}
h2.reveal.in::after{width:min(160px,40%)}
@media (prefers-reduced-motion: reduce){.rings .r1,.rings .r2,.rings .r3,#welcome .wdob span{animation:none!important;opacity:1;filter:none;transform:none}[data-tilt]{transform:none!important}}

/* svetlo kruži po prstenu */
.runl{animation:runl 5.5s linear infinite;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(243,210,122,.8));opacity:.95}
.runl.r2{animation-duration:8s;animation-direction:reverse;opacity:.7}.runl.r3{animation-duration:4s;opacity:.6}
@keyframes runl{to{stroke-dashoffset:-100}}
/* pero piše po desnoj strani */
.ill .quill{transform-origin:99px 113px}
.ill.done .quill{animation:quillW 4.5s ease-in-out infinite}
@keyframes quillW{0%,6%{transform:translate(25px,-2px) rotate(0)}45%{transform:translate(73px,-2px) rotate(-5deg)}58%{transform:translate(73px,-14px) rotate(-10deg)}88%,100%{transform:translate(25px,-2px) rotate(0)}}
/* jači sjaj svih dijamanata u grbu */
@keyframes dmIdle{0%,100%{opacity:.1;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.05) rotate(14deg)}}
.dm .dmf{animation-duration:2.4s}
/* 3D dijamanti u prostoru */
#g3d{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
header.top,main,footer{position:relative;z-index:1}
.hero .crest{transform:perspective(900px) rotateX(var(--crx,0deg)) rotateY(calc(var(--cry,0deg) + var(--sr,0deg)))}
.stage{transform:scale(calc(1 - var(--sz,0)));transition:transform .1s linear}
@media (prefers-reduced-motion: reduce){.runl,.ill .quill,#g3d{animation:none!important;display:none}}

/* rimski brojevi i maksime */
main{counter-reset:sec}
main>section:not(#o-kancelariji) h2.reveal:first-of-type::before{counter-increment:sec;content:counter(sec, upper-roman);display:block;font:600 18px/1 var(--display);letter-spacing:.08em;margin-bottom:10px;
  background:linear-gradient(90deg,#f3d27a,#ffffff 45%,#c9ced6 60%,#f3d27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.lq{text-align:center;max-width:720px;margin:54px auto 0;padding:26px 10px 0;position:relative}
.lq::before{content:"";position:absolute;top:0;left:50%;width:120px;height:1px;margin-left:-60px;background:linear-gradient(90deg,transparent,#f3d27a,#dfe4ea,#f3d27a,transparent)}
.lq .la{margin:0;font:italic 500 clamp(21px,3.4vw,28px)/1.35 var(--display);background:linear-gradient(100deg,#d9b25c,#f7dc92 30%,#ffffff 45%,#dfe4ea 55%,#f3d584 70%,#c99a3a);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:goldText 12s linear infinite}
.lq .tr{margin:8px 0 0;color:#c9ced6;font-size:14px;letter-spacing:.02em}.lq .tr span{color:var(--champ)}
/* sertifikati i radovi */
.creds{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.cbox2{position:relative;padding:26px 26px 18px;border-radius:22px;border:1px solid transparent;background:linear-gradient(160deg,rgba(28,24,17,.9),rgba(12,11,9,.9)) padding-box,linear-gradient(160deg,rgba(246,227,164,.55),rgba(223,228,234,.15) 45%,rgba(214,170,82,.45)) border-box}
.cbox2 h3{display:flex;align-items:center;gap:12px;font:600 26px/1.2 var(--display);margin:0 0 14px}
.rn{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:50%;font:600 16px/1 var(--display);color:#1a1204;background:linear-gradient(135deg,#d9a640,#fff3c9 45%,#c9ced6 60%,#d9a640)}
.clist{list-style:none;counter-reset:cl;margin:0;padding:0}.clist li{counter-increment:cl;position:relative;padding:12px 0 12px 46px;border-top:1px solid rgba(223,228,234,.12)}
.clist li::before{content:counter(cl, upper-roman);position:absolute;left:0;top:13px;width:32px;text-align:center;font:600 15px/1.2 var(--display);color:#dfe4ea;letter-spacing:.05em}
.clist b{display:block;font:600 19px/1.3 var(--display);color:var(--gold2)}.clist span{display:block;color:var(--ink2);font-size:14.5px;margin-top:3px}
@media (max-width:860px){.creds{grid-template-columns:1fr}}
/* interaktivan hram */
.tfig{perspective:1100px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.temple{transition:transform .25s ease-out,filter .4s;transform:rotateX(var(--tmx,0deg)) rotateY(var(--tmy,0deg));transform-style:preserve-3d}
.tfig:hover .temple{filter:drop-shadow(0 18px 40px rgba(214,170,82,.32)) drop-shadow(0 0 24px rgba(243,210,122,.25))}
.temple .tq{transition:opacity .5s}.tfig.swap .temple .tq,.tfig.swap figcaption .tq-la,.tfig.swap figcaption .tq-tr{opacity:0}
.tfig figcaption{display:grid;gap:4px}.tfig figcaption .tq-la{display:block;font:italic 500 22px/1.35 var(--display);color:var(--ink);transition:opacity .5s;margin:0}.tfig figcaption .tq-tr{display:block;color:#c9ced6;font:400 15px/1.5 var(--sans);transition:opacity .5s;margin:0}
.tfig figcaption .tq-au{display:block;font:400 13px/1.5 var(--sans);color:var(--champ);margin:0}.tfig figcaption .tq-hint{display:block;margin:4px 0 0;font:400 12px/1.5 var(--sans);color:rgba(201,206,214,.6);letter-spacing:.04em;margin-top:4px}
/* suptilniji sjaj: samo postojeći dijamanti */
@keyframes dmIdle{0%,100%{opacity:.08;transform:scale(.4) rotate(0)}50%{opacity:.85;transform:scale(.95) rotate(12deg)}}
.dm .dmf{animation-duration:3s}

.ill{overflow:visible}
main>section:not(#o-kancelariji) h2.reveal:first-of-type::before{content:none!important;display:none!important}
/* gravura: rimski brojevi i maksime gotovo nevidljivi, otkriva ih svetlo */
main>section{position:relative;overflow:hidden}main>section>.wrap{position:relative;z-index:1}
.wm{position:absolute;inset:0;pointer-events:none;z-index:0;user-select:none}
.wm span{position:absolute;white-space:nowrap;font-family:var(--display);color:transparent}
.wm .wn{right:-2%;top:6%;font-size:clamp(150px,32vw,360px);font-weight:600;line-height:1;letter-spacing:.02em}
.wm .wt{left:4%;bottom:7%;font-size:clamp(15px,2.4vw,24px);font-style:italic;letter-spacing:.42em}
.wm.base span{-webkit-text-stroke:1px rgba(243,210,122,.07);text-shadow:0 1px 0 rgba(255,255,255,.02)}
.wm.lit span{-webkit-text-stroke:1px rgba(255,236,180,.55);background:linear-gradient(110deg,rgba(243,210,122,.18),rgba(255,255,255,.3) 45%,rgba(223,228,234,.22) 55%,rgba(243,210,122,.16));-webkit-background-clip:text;background-clip:text}
.wm.lit{-webkit-mask-image:radial-gradient(240px circle at var(--lx,-500px) var(--ly,-500px),#000 0,rgba(0,0,0,.6) 40%,transparent 72%);mask-image:radial-gradient(240px circle at var(--lx,-500px) var(--ly,-500px),#000 0,rgba(0,0,0,.6) 40%,transparent 72%)}
/* brojevi koraka: urezani, diskretni */
.step::before{color:transparent!important;background:none!important;-webkit-text-stroke:1px rgba(243,210,122,.6);opacity:.85}
/* dijamanti: pravi „puc“ odsjaj */
@keyframes dmIdle{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:.22;transform:scale(.6) rotate(8deg)}}
.dm.flash .dmf{animation:dmPop .95s cubic-bezier(.08,.9,.2,1) forwards!important}
@keyframes dmPop{0%{opacity:0;transform:scale(.2) rotate(0)}9%{opacity:1;transform:scale(2.3) rotate(9deg)}30%{opacity:.8;transform:scale(1.3) rotate(20deg)}100%{opacity:0;transform:scale(.4) rotate(38deg)}}
.dm.flash .dmh{animation:dmHPop .95s ease-out forwards!important}
@keyframes dmHPop{0%{opacity:.6;transform:scale(.9)}10%{opacity:1;transform:scale(2.6)}100%{opacity:.5;transform:scale(.9)}}
/* fotografija: živi sjaj */
.pcard img{animation:breathe 7s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.025)}}
.pshine{background:linear-gradient(115deg,transparent 35%,rgba(255,246,214,.22) 48%,rgba(255,255,255,.32) 50%,rgba(255,246,214,.18) 52%,transparent 65%) 0 0/250% 100% no-repeat!important;animation:pSweep 6.5s ease-in-out infinite;mix-blend-mode:screen!important}
@keyframes pSweep{0%,55%{background-position:120% 0}85%,100%{background-position:-120% 0}}
@media (prefers-reduced-motion: reduce){.pcard img,.pshine{animation:none!important}}

/* grb se pojavljuje mekano */
.hero .crest,.phero .crest{animation:crestIn 1.3s cubic-bezier(.2,.8,.2,1) both}@keyframes crestIn{from{opacity:0;scale:.96}to{opacity:1;scale:1}}
/* video portret */
.pcard video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#0a0908;filter:grayscale(.12) sepia(.1) contrast(1.05) brightness(.96);
  -webkit-mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,.25) 100%);mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,.25) 100%)}
/* bez obeležavanja rimskim brojevima */
.step::before{content:none!important}
/* sekcije se ne seku — gravura je sama u sebi ograničena */
main>section{overflow:visible!important}.wm{overflow:hidden}
.wm .wl{position:absolute;left:-30%;width:160%;white-space:nowrap;font:500 12.5px/1 var(--display);letter-spacing:.46em;color:transparent;transform:rotate(-7deg)}
.wm.base .wl{-webkit-text-stroke:.5px rgba(243,210,122,.045)}
.wm.lit .wl{-webkit-text-stroke:.6px rgba(255,236,180,.2)}
.wm.lit{-webkit-mask-image:radial-gradient(190px circle at var(--lx,-500px) var(--ly,-500px),#000 0,rgba(0,0,0,.45) 45%,transparent 75%)!important;mask-image:radial-gradient(190px circle at var(--lx,-500px) var(--ly,-500px),#000 0,rgba(0,0,0,.45) 45%,transparent 75%)!important}

#dustAll{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#dust{display:none}
.wm{display:none!important}

/* jezici */
.lang{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.25)}
.lang button{background:none;border:0;color:var(--ink2);font:600 12px/1 var(--sans);letter-spacing:.08em;padding:7px 8px;border-radius:999px;cursor:pointer}
.lang button.on{color:#1a1204;background:linear-gradient(135deg,#d9a640,#f3d27a 50%,#e2b24d)}
@media (max-width:860px){.lang button{padding:6px 6px;font-size:11px}.brand small{display:none}}
.l10n-note{max-width:760px;margin:18px auto 0;padding:12px 16px;border:1px solid var(--line);border-radius:14px;color:#c9ced6;font-size:14px;text-align:center;background:rgba(0,0,0,.3)}
/* HD video: bez beličastog ugla, kamera se lagano približava i udaljava */
.pcard .pshine{display:none!important}
.pcard{overflow:visible}.pvwrap{width:100%;height:100%;overflow:hidden;border-radius:999px 999px 18px 18px;background:#0a0908}
.pcard video{animation:camz 16s ease-in-out infinite!important;transform-origin:50% 30%;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 80%,transparent 100%)!important;filter:contrast(1.06) saturate(1.04)!important}
@keyframes camz{0%,100%{transform:scale(1.02)}50%{transform:scale(1.12)}}
.portrait{width:210px}@media (max-width:860px){.portrait{width:190px}}
/* zlatni kursor (računar) */
#curR,#curD{position:fixed;left:0;top:0;pointer-events:none;z-index:200;opacity:0;transition:opacity .3s}
#curR{width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(243,210,122,.7);border-radius:50%;transition:width .25s,height .25s,margin .25s,border-color .25s,background .25s,opacity .3s;box-shadow:0 0 18px rgba(243,210,122,.25)}
#curD{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#fff3c9;box-shadow:0 0 8px #f3d27a}
#curR.big{width:62px;height:62px;margin:-31px 0 0 -31px;border-color:rgba(255,255,255,.8);background:rgba(243,210,122,.08)}
@media (hover:hover) and (pointer:fine){body.cur #curR,body.cur #curD{opacity:1}body.cur,body.cur a,body.cur button{cursor:none}}
/* filmska tekstura */
.grain{position:fixed;inset:0;pointer-events:none;z-index:150;opacity:.06;mix-blend-mode:overlay;animation:grain 1.2s steps(6) infinite;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.9'/></svg>")}
@keyframes grain{0%{background-position:0 0}20%{background-position:-37px 21px}40%{background-position:23px -41px}60%{background-position:-19px -13px}80%{background-position:41px 33px}100%{background-position:0 0}}
/* naslovi se otkrivaju reč po reč */
h2.reveal .w{display:inline-block;opacity:0;transform:translateY(.45em) rotateX(40deg);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1),filter .7s;transition-delay:calc(var(--wi) * 70ms)}
h2.reveal.in .w{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.grain,.pcard video{animation:none!important}h2.reveal .w{opacity:1;transform:none;filter:none}}

/* pravni vodiči */
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:6px}
.guide{position:relative;display:grid;grid-template-columns:40px 1fr;gap:6px 14px;padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.guide .gico{grid-row:1/3;width:30px;height:30px;fill:none;stroke:var(--gold2);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.gt{font:600 21px/1.28 var(--display);color:var(--ink)}.gm{color:var(--gold2);font-size:14px}.guide:hover .gt{color:var(--gold2)}
/* pokret u dubini pri skrolovanju */
[data-depth]{will-change:transform;transition:transform .12s linear}
.rings{transform:translate(-50%,-50%)!important}.rings .r1,.rings .r2,.rings .r3{animation:none!important}
/* stručne analize */
.anls{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:6px}
.anl{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 20px;border-radius:20px;border:1px solid transparent;
  background:linear-gradient(160deg,rgba(28,24,17,.92),rgba(12,11,9,.92)) padding-box,linear-gradient(160deg,rgba(246,227,164,.4),rgba(223,228,234,.08) 45%,rgba(214,170,82,.35)) border-box}
.anl .amed{width:54px}.anl .amed .ill{width:100%;height:auto}
.anl .ak{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--champ)}.anl .at2{font:600 21px/1.3 var(--display);color:var(--ink)}.anl .am{margin-top:auto;font-size:13.5px;color:#c9ced6}
.anl:hover .at2{color:var(--gold2)}.anmore{display:inline-block;margin-top:22px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- računar: uredno zaglavlje ---- */
nav.main{gap:clamp(10px,1.6vw,22px)!important}nav.main a{white-space:nowrap;font-size:14.5px}
header.top .btn{white-space:nowrap}.brand{white-space:nowrap}
@media (max-width:1280px){.brand small{display:none}}
/* ---- zlatne kartice sa odsjajem (oblasti, koraci, vrednosti) ---- */
.area,.step,.values>div{position:relative;overflow:hidden;border-radius:18px!important;padding:22px 22px 20px!important;border:1px solid transparent!important;
  background:linear-gradient(160deg,rgba(30,25,17,.9),rgba(12,11,9,.92)) padding-box,linear-gradient(160deg,rgba(246,227,164,.5),rgba(223,228,234,.1) 45%,rgba(214,170,82,.42)) border-box!important;
  box-shadow:0 22px 44px -30px rgba(0,0,0,.9);transition:transform .25s,box-shadow .35s}
.area::before,.step::before,.values>div::before,.spec::before,.anl::before,.guide::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,244,210,.05) 42%,rgba(255,255,255,.13) 50%,rgba(255,244,210,.05) 58%,transparent);transform:skewX(-14deg);width:30%!important;animation:cardShine 9s ease-in-out infinite;animation-delay:var(--shd,0s)}
@keyframes cardShine{0%,72%{left:-60%}92%,100%{left:130%}}
.area:hover,.step:hover,.values>div:hover,.spec:hover,.anl:hover,.guide:hover{box-shadow:0 28px 54px -26px rgba(0,0,0,.95),0 0 38px -12px rgba(243,210,122,.45)}
.area:hover::before,.step:hover::before,.values>div:hover::before,.spec:hover::before,.anl:hover::before,.guide:hover::before{animation:cardShineNow .9s ease-out}
@keyframes cardShineNow{from{left:-60%}to{left:130%}}
.areas{gap:18px!important}.values{gap:18px!important}.values>div h3{margin-top:0}
.guide{border:1px solid transparent!important;background:linear-gradient(160deg,rgba(30,25,17,.9),rgba(12,11,9,.92)) padding-box,linear-gradient(160deg,rgba(246,227,164,.45),rgba(223,228,234,.08) 45%,rgba(214,170,82,.38)) border-box!important;overflow:hidden}
/* koraci: ikonica iznad naslova */
.step .sico{position:static!important;width:46px!important;margin:0 0 12px}
/* značke sertifikata */
.sbadge{display:block!important;border-radius:10px!important;font-size:11.5px!important;line-height:1.35;padding:6px 10px!important;width:fit-content;max-width:100%}
/* kursor: tek posle pomeranja miša */
body.cur:not(.curon) #curR,body.cur:not(.curon) #curD{opacity:0!important}
@media (prefers-reduced-motion: reduce){.area::before,.step::before,.values>div::before,.spec::before,.anl::before,.guide::before{animation:none!important}}

/* metalik zlato sa srebrnim odsjajem — isto kao glavno dugme */
.sbadge,.rn,.lang button.on{position:relative;overflow:hidden;isolation:isolate;color:#1a1204!important;border:1px solid rgba(255,238,190,.55)!important;
  background:linear-gradient(135deg,#a97a22 0%,#d9a640 22%,#f3d27a 45%,#e2b24d 62%,#b8862b 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -1px 0 rgba(90,60,10,.35) inset,0 8px 18px -10px rgba(0,0,0,.7);text-shadow:0 1px 0 rgba(255,245,215,.45)}
.sbadge::after,.rn::after,.lang button.on::after{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 32%,rgba(226,232,240,.55) 44%,rgba(255,255,255,.95) 50%,rgba(205,212,222,.6) 56%,transparent 68%);
  transform:translateX(-140%);animation:sheen 5.2s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--sd,0s)}
.sbadge{font-weight:600!important;letter-spacing:.02em}.rn{font-weight:700!important}
.clist li::before{background:linear-gradient(135deg,#f3d27a,#ffffff 48%,#c9ced6 62%,#e2b24d);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:700!important}
@media (prefers-reduced-motion: reduce){.sbadge::after,.rn::after,.lang button.on::after{animation:none}}

/* prilog, zakazivanje, kako do nas, kalkulator */
.cform{grid-template-columns:minmax(0,1fr)!important;min-width:0}.cform label{min-width:0}.cform input,.cform select,.cform textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.cform .chk input{width:auto}.cbox{min-width:0;overflow:hidden}
.cform .file{display:grid;gap:6px;font-size:13.5px;color:var(--ink2)}.cform .file input{padding:10px;border-style:dashed}.cform .file small{color:#a9a191;font-size:12.5px}
.btn.book{width:100%;margin:6px 0 4px}
.way{display:flex;gap:16px;align-items:center;margin:22px auto 0;width:calc(100% - 44px);max-width:1080px;box-sizing:border-box;padding:18px 20px;border-radius:18px;border:1px solid transparent;background:linear-gradient(160deg,rgba(30,25,17,.9),rgba(12,11,9,.92)) padding-box,linear-gradient(160deg,rgba(246,227,164,.45),rgba(223,228,234,.08) 45%,rgba(214,170,82,.38)) border-box}
.way .pin{flex:0 0 46px;width:46px;height:auto;animation:pinB 2.6s ease-in-out infinite}@keyframes pinB{50%{transform:translateY(-4px)}}
.way h3{margin:0 0 2px;font:600 22px/1.2 var(--display)}.way p{margin:0 0 10px;color:var(--ink2)}.wbtn{display:flex;flex-wrap:wrap;gap:8px}.wbtn .btn{min-height:40px;padding:9px 16px;font-size:14px}
.calcbar{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px 18px;border-radius:18px;border:1px solid transparent;background:linear-gradient(135deg,rgba(243,210,122,.12),rgba(255,255,255,.03)) padding-box,linear-gradient(135deg,rgba(246,227,164,.6),rgba(223,228,234,.15) 50%,rgba(214,170,82,.5)) border-box}
.calcbar .cb-i{font-size:26px}.calcbar b{display:block;font:600 20px/1.2 var(--display);color:var(--gold2)}.calcbar small{color:var(--ink2);font-size:14px}.calcbar .cb-a{margin-left:auto;color:var(--gold2);font-size:22px}
/* zlatna putanja kroz korake saradnje */
.steps{position:relative}.steps::before{content:"";position:absolute;left:0;right:0;top:-14px;height:2px;border-radius:2px;transform-origin:0 50%;transform:scaleX(var(--sp,0));
  background:linear-gradient(90deg,#b8862b,#f3d27a 30%,#ffffff 50%,#f3d27a 70%,#b8862b);box-shadow:0 0 12px rgba(243,210,122,.6);transition:transform .2s linear}
@media (max-width:860px){.steps::before{display:none}}

.book{margin:22px auto 0;width:calc(100% - 44px);max-width:1080px;box-sizing:border-box;padding:24px;border-radius:22px;border:1px solid transparent;background:linear-gradient(160deg,rgba(32,27,18,.95),rgba(12,11,9,.95)) padding-box,linear-gradient(160deg,rgba(246,227,164,.6),rgba(223,228,234,.12) 45%,rgba(214,170,82,.5)) border-box}
.book h3{margin:0 0 4px;font:600 clamp(24px,3.6vw,30px)/1.2 var(--display);color:var(--gold2)}.bk-l{margin:0 0 16px;color:var(--ink2)}
.bform{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.bform label{display:grid;gap:6px;font-size:13.5px;color:var(--ink2);min-width:0}.bform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bform input,.bform select,.bform textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:400 16px/1.4 var(--sans);color:var(--ink);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}
.bform input:focus,.bform select:focus,.bform textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(243,210,122,.15)}.bform .btn{justify-self:start}.bmsg{margin:0;font-size:14px;color:var(--gold2);min-height:1.2em}
@media (max-width:860px){.bform .two{grid-template-columns:1fr}}

/* svojeručni potpis koji se iscrtava zlatom */
.sigw{margin:18px 0 4px;max-width:440px}.sigsvg{width:100%;height:auto;overflow:visible}
.sigt{font-family:"Marck Script","Bad Script","Segoe Script",cursive;font-size:64px;fill:url(#sgg);fill-opacity:0;stroke:url(#sgg);stroke-width:.9;stroke-dasharray:1400;stroke-dashoffset:1400}
.sigl{fill:none;stroke:url(#sgg);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700}
.sigw.in .sigt{animation:sigDraw 3.6s cubic-bezier(.45,.05,.3,1) .3s forwards,sigFill 1.2s ease 3.2s forwards}.sigw.in .sigl{animation:sigDraw 1.2s ease 3.4s forwards}
@keyframes sigDraw{to{stroke-dashoffset:0}}@keyframes sigFill{to{fill-opacity:1}}
@media (prefers-reduced-motion: reduce){.sigt{fill-opacity:1;stroke-dashoffset:0}.sigl{stroke-dashoffset:0}}
html,body{overflow-x:clip;max-width:100%}@media (hover:none),(pointer:coarse){#glow,#curR,#curD{display:none!important}}

/* podnožje */
footer{padding:0 0 30px!important;margin-top:40px;position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}
.ftop{display:flex;align-items:center;gap:14px;max-width:1080px;margin:0 auto 34px;padding:0 22px}.ftop span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(243,210,122,.6),rgba(223,228,234,.4))}.ftop span:last-child{transform:scaleX(-1)}
.ftop i{width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 45%,#b9c7d8);box-shadow:0 0 12px #fff,0 0 22px rgba(233,200,120,.5)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.fcol h4{margin:0 0 10px;font:600 14px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--champ)}
.fcol p{margin:0 0 7px;color:var(--ink2);font-size:14.5px}.fcol a{color:var(--ink2)}.fcol a:hover{color:var(--gold2)}
.fbrand{display:flex;gap:14px;align-items:center}.fbrand svg{width:58px;height:58px;flex:0 0 58px}.fbrand b{display:block;font:600 20px/1.2 var(--display);color:var(--ink)}.fbrand small{color:var(--ink2);font-size:13px}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);color:#8f877a;font-size:12.5px}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}footer{padding-bottom:120px!important}}
/* na vrh */
.totop{position:fixed;left:18px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:55;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#1a1204;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s,transform .3s;
  border:1px solid rgba(255,238,190,.55);background:linear-gradient(135deg,#a97a22 0%,#d9a640 22%,#f3d27a 45%,#e2b24d 62%,#b8862b 100%);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 24px -10px rgba(0,0,0,.8)}
.totop svg{width:22px;height:22px}.totop.on{opacity:1;pointer-events:auto;transform:none}
/* ukras iznad naslova odeljaka */
main>section h2.reveal:not(.noorn){padding-top:18px}main>section .wrap>h2.reveal:first-child::before,main>section .ihead>h2.reveal::before{content:"";position:absolute;top:0;left:0;width:44px;height:8px;
  background:radial-gradient(circle at 50% 50%,#fff 0 2px,transparent 2.5px),linear-gradient(90deg,transparent,rgba(243,210,122,.8) 30%,rgba(243,210,122,.8) 70%,transparent) center/100% 1px no-repeat;display:block!important}
iframe[src*="netlify"],iframe[id*="netlify"],netlify-drawer,#netlify-drawer,[id^="netlify-"],[class^="netlify-"],[id*="netlify-drawer"],[class*="netlify-drawer"],[data-netlify-drawer]{display:none!important;visibility:hidden!important;pointer-events:none!important}

.portrait{margin-bottom:30px!important}@media (max-width:860px){.portrait{margin:4px auto 34px!important}}
.bio>p:first-of-type::first-letter,#o-kancelariji .cols2>p:first-child::first-letter{float:left;font:700 64px/.82 var(--display);padding:6px 10px 0 0;background:linear-gradient(180deg,#fff3c9,#f3d27a 50%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage{margin-bottom:calc(min(80vw,420px) * .27)!important}
.hero .crest{transform:perspective(900px) rotateX(var(--crx,0deg)) rotateY(calc(var(--cry,0deg) + var(--sr,0deg)))!important}

.marks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:22px auto 0;padding:0;max-width:640px}
.marks li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font:500 13.5px/1 var(--sans);letter-spacing:.03em;color:var(--ink);border:1px solid transparent;
  background:linear-gradient(160deg,rgba(30,25,17,.85),rgba(12,11,9,.85)) padding-box,linear-gradient(135deg,rgba(246,227,164,.6),rgba(223,228,234,.15) 50%,rgba(214,170,82,.5)) border-box}
.marks li::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 45%,#b9c7d8);box-shadow:0 0 6px #fff}

/* animacije: kartice ulaze redom, zlatni odsjaj na imenu, putujući odsjaj na linijama naslova, oznake redom */
@keyframes cardUp{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
.areas.in>.area,.guides.in>.guide,.anls.in>.anl,.steps.in>.step,.specs.in>.spec,.values.in>div{animation:cardUp .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 70ms)}
.hero h1{position:relative}.hero h1::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0);mix-blend-mode:overlay;transform:translateX(-120%);animation:nameSheen 7s ease-in-out 2.5s infinite}
@keyframes nameSheen{0%,70%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
main h2.reveal::after{background-size:200% 100%!important;background-image:linear-gradient(90deg,#b8862b,#f3d27a 35%,#ffffff 50%,#f3d27a 65%,#b8862b)!important;animation:lineSheen 6s linear infinite}
@keyframes lineSheen{from{background-position:200% 0}to{background-position:-200% 0}}
.marks li{animation:cardUp .6s cubic-bezier(.2,.8,.2,1) both}.marks li:nth-child(1){animation-delay:1.6s}.marks li:nth-child(2){animation-delay:1.75s}.marks li:nth-child(3){animation-delay:1.9s}.marks li:nth-child(4){animation-delay:2.05s}
@media (prefers-reduced-motion: reduce){.areas.in>.area,.guides.in>.guide,.anls.in>.anl,.steps.in>.step,.specs.in>.spec,.values.in>div,.marks li,.hero h1::after,main h2.reveal::after{animation:none!important}}

/* 5D lovorove grane: iscrtavaju se i lebde u dubini sa strane odeljaka */
main>section{position:relative}.lvr{position:absolute;top:110px;width:54px;height:200px;pointer-events:none;opacity:.55;z-index:0;transform:translate3d(0,var(--ly,0px),0) rotate(var(--lr,0deg));transition:transform .25s linear}
.lvr .ill{width:100%;height:100%}.lvr.l{left:max(8px,calc(50% - 640px))}.lvr.r{right:max(8px,calc(50% - 640px));--flip:-1}.lvr.r .ill{transform:scaleX(-1)}
@media (max-width:1100px){.lvr{display:none}}
html[lang="sr-Cyrl"]{--display:"EB Garamond","Cormorant Garamond",Georgia,serif}
html[lang="de"] main,html[lang="de"] .area,html[lang="de"] h1,html[lang="de"] h2,html[lang="de"] h3{-webkit-hyphens:auto;hyphens:auto}
h1,h2,h3,.area,.spec,.guide,.anl,.anrow,.when li,.faq summary,.others a,.btn,.crumbs{overflow-wrap:break-word;word-break:normal}
.area>*{min-width:0}.area .at,.area .ad{overflow-wrap:anywhere}
footer{padding:40px 0 48px;border-top:1px solid rgba(212,176,104,.12);color:var(--ink2);font-size:14px}
footer .fb{display:flex;align-items:center;gap:14px;flex-wrap:wrap}footer svg{width:38px;height:38px}footer .fl{margin-left:auto;display:flex;gap:18px}
/* pozdrav pri ulasku */
#welcome{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(60% 45% at 50% 42%,#1b160f 0%,#0b0907 60%,#050404 100%);cursor:pointer;transition:opacity .6s}
#welcome.out{opacity:0;pointer-events:none}
#welcome .wc{text-align:center}#welcome svg{width:min(46vw,190px);height:auto}
#welcome .wk{font:600 13px/1 var(--display);letter-spacing:.34em;color:var(--champ);margin-top:22px;opacity:0;animation:fadeUp .8s ease .7s forwards}
#welcome .wn{font:700 clamp(34px,8vw,56px)/1.05 var(--display);letter-spacing:.06em;margin-top:8px;opacity:0;animation:fadeUp .8s ease .9s forwards;background:linear-gradient(100deg,#d9b25c,#fff3c9 30%,#e9e7e1 45%,#f3d584 60%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.draw .ring{animation:draw 1.4s cubic-bezier(.5,0,.2,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
/* telefon */
@media (max-width:860px){
  nav.main{display:none}.menu-btn{display:grid;place-items:center}.bar .btn{display:none}
  .contact{grid-template-columns:1fr}.post{grid-template-columns:1fr;gap:4px}
  section{padding:64px 0}.hero{padding:36px 0 70px}
}
.mnav{position:fixed;inset:0;z-index:30;background:rgba(10,9,8,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;transition:opacity .25s}
.mnav.open{opacity:1;pointer-events:auto}.mnav a{font:600 30px/1.2 var(--display)}.mnav .x{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:20px}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.crest .ring{stroke-dashoffset:0}#welcome{display:none}}
.calc label[hidden]{display:none!important}.calc,.calc label{min-width:0}.calc select,.calc input{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.calc{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:26px;border-radius:22px;border:1px solid transparent;background:linear-gradient(160deg,rgba(30,25,17,.92),rgba(12,11,9,.94)) padding-box,linear-gradient(160deg,rgba(246,227,164,.55),rgba(223,228,234,.1) 45%,rgba(214,170,82,.45)) border-box}
.calc label{display:grid;gap:7px;font-size:14px;color:var(--ink2)}.calc select,.calc input{font:400 17px/1.3 var(--sans);color:var(--ink);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.calc select:focus,.calc input:focus{outline:none;border-color:var(--gold2);box-shadow:0 0 0 3px rgba(243,210,122,.15)}
.calc-out{min-height:60px;padding:18px;border-radius:16px;background:rgba(0,0,0,.3);border:1px dashed rgba(243,210,122,.35)}
.calc-out b{display:block;font:600 clamp(24px,4.5vw,32px)/1.2 var(--display);background:linear-gradient(100deg,#f7dc92,#ffffff 45%,#dfe4ea 55%,#f3d584);-webkit-background-clip:text;background-clip:text;color:transparent}
.calc-out span{display:block;margin-top:6px;color:#c9ced6;font-size:14.5px}.calc-note{margin-top:34px}.calc-note h2{font-size:clamp(24px,4vw,30px)}.calc-note p{color:#ddd5c4;font-size:16.5px;line-height:1.75}
.phero{position:relative;text-align:center;padding:34px 0 56px;overflow:hidden}
.crumbs{font-size:13.5px;color:var(--ink2);margin-bottom:26px}.crumbs a{color:var(--champ)}.crumbs a:hover{color:var(--gold2)}
.phero .crest{width:min(46vw,210px);height:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 16px 36px rgba(214,170,82,.22))}.medal{width:min(46vw,190px);margin:0 auto 20px}.medal .ill{width:100%;height:auto;filter:drop-shadow(0 14px 34px rgba(214,170,82,.22))}
.ph1{margin:.1em auto .2em;max-width:20ch;font:700 clamp(34px,6.5vw,60px)/1.08 var(--display);letter-spacing:.01em;padding-bottom:.08em;
  background:linear-gradient(100deg,#d9b25c 0%,#f7dc92 22%,#ffffff 32%,#e6e3dc 40%,#f3d584 55%,#fff5d6 72%,#dcd8cf 84%,#e4bf6a 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldText 9s linear infinite}
.narrow{max-width:780px}.narrow p{color:var(--ink2)}.narrow p.big{color:var(--ink);font-size:18.5px}
.when{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 34px}
.when li{position:relative;padding:14px 0 14px 28px;border-bottom:1px solid var(--line);color:var(--ink)}
.when li::before{content:"";position:absolute;left:4px;top:22px;width:8px;height:8px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 45%,#b9c7d8);box-shadow:0 0 8px rgba(255,255,255,.6),0 0 16px rgba(233,200,120,.35)}
.others{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.others a{padding:10px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink2);transition:border-color .2s,color .2s}.others a:hover{border-color:var(--gold2);color:var(--gold2)}
.ctab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:24px;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(160deg,rgba(246,227,164,.45),rgba(255,255,255,.05) 40%,rgba(214,170,82,.35)) border-box}
.ctab h2{margin:0}.ctab .cta{margin:0}
.article h2{margin:40px 0 10px;font-size:clamp(26px,4vw,34px)}.article p{color:#d9d2c3;font-size:17.5px;line-height:1.75}.small-note{color:var(--ink2)!important;font-size:14px!important;margin-top:34px}
.art-h1{max-width:24ch;font-size:clamp(30px,5.6vw,52px)}.art-meta{color:var(--champ);font-size:14.5px;letter-spacing:.04em;margin:10px 0 0}.art-meta span{color:var(--line);margin:0 6px}
.art p{color:#ddd5c4;font-size:18px;line-height:1.8;margin:0 0 18px}.art p strong{color:var(--ink)}.art ul,.art ol{color:#ddd5c4;font-size:17.5px;line-height:1.75;padding-left:22px;margin:0 0 20px}.art li{margin:0 0 8px}.art li::marker{color:var(--gold2)}
.narrow .dropcap::first-letter,.art .dropcap::first-letter{float:left;font:700 66px/.82 var(--display);padding:6px 10px 0 0;background:linear-gradient(180deg,#fff3c9,#f3d27a 50%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.orn{display:flex;align-items:center;gap:12px;margin:46px 0 4px}.orn::before,.orn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(243,210,122,.5),transparent)}.orn i{width:8px;height:8px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 45%,#b9c7d8);box-shadow:0 0 10px rgba(255,255,255,.6)}
.toc{border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:0 0 30px;background:rgba(0,0,0,.25)}.toc b{display:block;font:600 20px/1.2 var(--display);color:var(--gold2);margin-bottom:8px}.toc ol{margin:0;padding-left:20px}.toc li{margin:6px 0}.toc a{color:#ddd5c4}.toc a:hover{color:var(--gold2)}
.anlist{display:grid;gap:10px;margin:12px 0 30px}.anrow{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.anrow .t{font:600 19px/1.35 var(--display);color:var(--ink)}.anrow .m{flex:0 0 auto;color:var(--champ);font-size:13px}.anrow:hover .t{color:var(--gold2)}
@media (max-width:700px){.anrow{flex-direction:column;gap:4px}.art p{font-size:17px}}
.scene{margin:0 0 30px;display:flex;justify-content:center}.scene .ill{width:min(100%,420px);height:auto;filter:drop-shadow(0 14px 34px rgba(214,170,82,.2))}
.pq{position:relative;margin:38px 0;padding:30px 26px 22px 26px;border-radius:22px;border:1px solid transparent;background:linear-gradient(160deg,rgba(32,27,18,.95),rgba(12,11,9,.95)) padding-box,linear-gradient(160deg,rgba(246,227,164,.55),rgba(223,228,234,.1) 45%,rgba(214,170,82,.45)) border-box}
.pq .pqm{position:absolute;top:-18px;left:22px;width:52px;height:38px;fill:none;stroke:#f3d27a;stroke-width:2.2;stroke-linecap:round;background:#0d0b08;padding:0 6px}
.pq p{margin:0!important;font:italic 500 clamp(21px,3.4vw,27px)/1.45 var(--display)!important;background:linear-gradient(100deg,#f7dc92,#ffffff 40%,#dfe4ea 55%,#f3d584);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.pq cite{display:block;margin-top:12px;font:400 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--champ);font-style:normal}
.maxim{text-align:center;margin:50px 0 10px;padding-top:30px;position:relative}.maxim i{position:absolute;top:0;left:50%;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#dfe8f3 45%,#b9c7d8);box-shadow:0 0 12px #fff}
.maxim::before,.maxim::after{content:"";position:absolute;top:4px;width:30%;height:1px;background:linear-gradient(90deg,transparent,rgba(243,210,122,.6))}.maxim::before{right:54%}.maxim::after{left:54%;transform:scaleX(-1)}
.maxim .la{margin:0!important;font:italic 500 clamp(22px,3.6vw,30px)/1.35 var(--display)!important;background:linear-gradient(100deg,#d9b25c,#f7dc92 30%,#ffffff 45%,#dfe4ea 55%,#f3d584 70%,#c99a3a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:goldText 12s linear infinite}
.maxim .tr{margin:8px 0 0!important;color:#c9ced6!important;font-size:14.5px!important}
.faqg h2{margin-top:44px;font-size:clamp(26px,4vw,34px)}.faqg h2:first-of-type{margin-top:10px}