/* Holistic Nutri, pravac 4: ČASOPIS. An issue of a lifestyle magazine about her method.
   Imbue (display) + Schibsted Grotesk (text). Brand palette only. */

:root{
  --paper:#F5EFE3; --sand:#E3D7C4; --white:#FFFFFF; --ink:#264B64; --sage:#8E9480; --olive:#5F5D3A;
  --terra:#974316; --dove:#7A8890; --mist:#D1E3E2; --mist2:#B2C4C3; --clay:#D88269; --steel:#557987; --brick:#C14D36;
  --g:clamp(18px,3.4vw,56px);
  --cg:clamp(14px,1.8vw,32px);
  --disp:"Imbue","Times New Roman",serif;
  --sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rule:1px solid rgba(38,75,100,.2);
  --mh:#264B64;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--paper);font:400 18px/1.6 var(--sans);font-kerning:normal;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
main>section,main>article{position:relative}
[id]{scroll-margin-top:60px}
::selection{background:var(--clay);color:var(--white)}

.k{font:600 12px/1.25 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.fo{font:500 12px/1 var(--sans);letter-spacing:.08em;font-variant-numeric:tabular-nums lining-nums}
.k .fo{margin-left:14px;color:var(--terra)}

/* placeholder chip: magazine "TK" (to come) mark */
.tk{display:inline-flex;align-items:center;gap:9px;font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:var(--olive);background:rgba(142,148,128,.16);border:1px dashed rgba(95,93,58,.65);padding:9px 11px 8px;white-space:nowrap}
.tk b{font-weight:800;color:var(--terra);letter-spacing:.06em}
.tk--inv{color:var(--paper);background:rgba(245,239,227,.08);border-color:rgba(245,239,227,.55)}
.tk--inv b{color:var(--clay)}

.cta{display:inline-flex;align-items:center;gap:16px;background:var(--ink);color:var(--paper);text-decoration:none;
  font:600 12.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:19px 24px 18px;transition:background .35s,color .35s}
.cta::after{content:"";width:22px;height:1px;background:currentColor;transition:width .35s}
.cta:hover{background:var(--terra)}
.cta:hover::after{width:34px}
.cta--cream{background:var(--paper);color:var(--ink)}
.cta--cream:hover{background:var(--clay);color:var(--white)}
.cta--line{background:none;color:var(--ink);padding:0 0 8px;border-bottom:2px solid var(--ink)}
.cta--line:hover{background:none;color:var(--terra);border-color:var(--terra)}

/* SplitText word wrappers stay whole */
.op2-title div,.spec-head h2 div,.rep-text h2 div,.coupon-v div{white-space:nowrap}

/* her signature, coloured by mask */
.potpis{display:block;width:min(400px,78%);aspect-ratio:3285/627;
  -webkit-mask:url(/assets/logo/potpis.png) left center/contain no-repeat;mask:url(/assets/logo/potpis.png) left center/contain no-repeat;
  background:var(--ink)}
.potpis--terra{background:var(--terra)}

/* ================= RUNNING HEAD ================= */
.rh{position:fixed;inset:0 0 auto 0;z-index:50;height:56px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:30px;
  padding:0 var(--g);background:var(--paper);border-bottom:var(--rule);transform:translateY(-102%);transition:transform .55s cubic-bezier(.2,.7,.15,1)}
.rh.on{transform:none}
.rh-mark img{height:19px;width:auto}
.rh-where{justify-self:center;font:600 20px/1 var(--disp);letter-spacing:0;white-space:nowrap}
.rh-rub::before{content:"";display:inline-block;width:26px;height:1px;background:var(--terra);vertical-align:middle;margin-right:12px}
.rh-fo{font:700 30px/1 var(--disp);color:var(--terra);font-variant-numeric:lining-nums;min-width:2ch;text-align:right;padding-left:22px;border-left:var(--rule);height:34px;display:flex;align-items:center;justify-content:flex-end}
.rh-nav{display:flex;gap:0;font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding-left:26px;border-left:var(--rule);height:22px;align-items:center}
.rh-nav a+a::before{content:"·";margin:0 12px;color:var(--terra)}
.rh-nav a,.cover-nav a,.co-nav a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:3px;transition:background-size .35s}
.rh-nav a:hover,.cover-nav a:hover,.co-nav a:hover{background-size:100% 1px}
.rh-cta{font:600 11.5px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:var(--terra);border-bottom:2px solid var(--terra);padding:4px 0 5px;transition:color .3s,border-color .3s}
.rh-cta:hover{color:var(--ink);border-color:var(--ink)}
.rh-menu{display:none}
.rh-bar{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--terra);transform-origin:0 50%;transform:scaleX(0)}

.menu{position:fixed;inset:0;z-index:60;background:var(--paper);padding:20px var(--g) 40px;display:flex;flex-direction:column;overflow:auto}
.menu[hidden]{display:none}
.menu-top{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--rule);padding-bottom:16px}
.menu-close{background:none;border:1px solid var(--ink);padding:9px 14px;font:600 11.5px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.menu-title{font:700 clamp(72px,24vw,140px)/.8 var(--disp);color:var(--terra);margin:28px 0 18px}
.menu-nav{display:flex;flex-direction:column;margin-bottom:28px}
.menu-nav a{display:flex;align-items:baseline;gap:16px;text-decoration:none;font:600 clamp(34px,10vw,52px)/1.08 var(--disp);border-top:var(--rule);padding:12px 0}
.menu-nav .fo{color:var(--terra);width:30px}
.menu .cta{align-self:flex-start}

/* ================= 01 COVER ================= */
.cover{background:var(--paper);overflow:hidden}
.cover-top{color:var(--mh)}
.cover-issue{display:flex;align-items:baseline;gap:14px}
.cover-issue .fo{color:var(--terra)}
.cover-nav{display:flex;gap:26px;font:500 14px/1 var(--sans)}
.cover-cta{justify-self:end;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:6px}
.cover-mast{line-height:0;margin:0}
.mh{display:block;width:100%;height:auto;overflow:visible}
.mh-s{fill:var(--mh)}
.cover-photo{position:relative;overflow:hidden;background:var(--sand)}
.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 28%}
.tint{position:absolute;inset:0;background:linear-gradient(rgba(38,75,100,.38),rgba(38,75,100,.06) 42%,rgba(38,75,100,.5));opacity:0;pointer-events:none}
.cover-lines{display:flex;flex-direction:column}
.cl{display:block;text-decoration:none;border-top:1px solid rgba(38,75,100,.3);padding-top:14px;margin-top:24px}
.cl .k{display:block;color:var(--terra);margin-bottom:10px}
.cl-t{display:block;font:600 clamp(30px,2.75vw,46px)/.98 var(--disp);letter-spacing:-.005em;transition:color .3s}
.cl:hover .cl-t{color:var(--terra)}
.cl-t--s{font-size:clamp(24px,2vw,33px);line-height:1.04}
.cl--big .cl-t{font-size:clamp(46px,4.7vw,80px);line-height:.88}
.cover-no{display:none}
.cover-toc{display:flex;justify-content:space-between;align-items:baseline;margin-top:30px;padding-top:12px;border-top:2px solid currentColor;text-decoration:none;
  font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.cover-toc .fo{color:var(--terra)}
.cover-final{display:none}

@media (min-width:980px){
  .cover{height:100vh;min-height:700px}
  .cover-top{position:absolute;z-index:4;top:0;left:var(--g);right:var(--g);height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    border-bottom:1px solid color-mix(in srgb,var(--mh) 30%,transparent)}
  .cover{--mb:calc(88px + (100vw - 2 * var(--g)) / 5.354)}
  .cover-mast{position:absolute;z-index:3;top:88px;left:var(--g);right:var(--g)}
  .cover-photo{position:absolute;z-index:2;left:calc(50% - 16vw);width:32vw;top:calc(var(--mb) + 22px);height:calc(100% - var(--mb) - 52px)}
  .cover-lines{position:absolute;z-index:3;width:calc(50% - 16vw - var(--g) - 3vw)}
  .cover-lines--l{left:var(--g);top:calc(var(--mb) + 22px)}
  .cover-lines--l .cl:first-child{margin-top:0}
  .cover-lines--r{right:var(--g);bottom:30px;text-align:right}
  .cover-no{position:absolute;z-index:3;right:var(--g);top:calc(var(--mb) + 22px);display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--terra)}
  .cover-no-n{font:700 clamp(96px,10vw,190px)/.8 var(--disp);letter-spacing:-.02em}
  .cover-toc{position:absolute;z-index:3;left:var(--g);bottom:30px;width:calc(50% - 16vw - var(--g) - 3vw);color:var(--mh)}
  .anim .cover-final{display:block;position:absolute;z-index:4;left:var(--g);bottom:44px;margin:0;max-width:9.5ch;
    font:700 clamp(64px,8.4vw,150px)/.84 var(--disp);color:var(--paper);opacity:0}
}
@media (max-width:979px){
  .cover{padding:72px var(--g) 40px;display:flex;flex-direction:column}
  .cover-top{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--rule);padding-bottom:12px}
  .cover-nav,.cover-cta{display:none}
  .cover-mast{margin:20px 0 18px}
  .cover-photo{aspect-ratio:4/5}
  .cover-lines--r{order:4}
  .cover-lines--l{order:5}
  .cover-toc{order:6}
  .cl--big .cl-t{font-size:clamp(46px,13vw,64px)}
  .cl-t{font-size:clamp(28px,8.4vw,38px)}
}

/* ================= 02 SADRZAJ ================= */
.toc{background:var(--white);padding:clamp(90px,10vw,160px) var(--g) clamp(80px,8vw,130px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg)}
.toc-head{grid-column:1/5;align-self:start;position:sticky;top:96px}
.toc-title{font:700 clamp(84px,11.2vw,210px)/.78 var(--disp);color:var(--terra);letter-spacing:-.012em;margin-left:-.03em}
.toc-issue{margin-top:22px;padding-top:12px;border-top:2px solid var(--ink);max-width:75%}
.toc-list{grid-column:5/13;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--cg);align-self:start}
.toc-list li{border-top:var(--rule)}
.toc-list a{display:grid;grid-template-columns:clamp(56px,5vw,84px) 1fr;column-gap:14px;padding:16px 0 24px;text-decoration:none;min-height:100%}
.toc-n{grid-row:1/3;font:600 clamp(36px,3.2vw,52px)/.8 var(--disp);color:var(--terra);font-variant-numeric:lining-nums}
.toc-k{font:600 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--olive)}
.toc-t{font:600 clamp(20px,1.6vw,27px)/1.06 var(--disp);margin-top:7px;transition:color .3s}
.toc-list a:hover .toc-t{color:var(--terra)}
.peek{position:fixed;left:0;top:0;z-index:45;width:clamp(200px,17vw,280px);aspect-ratio:4/5;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;background:var(--sand)}
.peek img{width:100%;height:100%;object-fit:cover}
@media (max-width:979px){
  .toc{display:block}
  .toc-head{position:static;margin-bottom:34px}
  .toc-list{grid-template-columns:1fr}
  .toc-list a{padding:13px 0 16px}
}

/* ================= 03 UVODNIK (letter) ================= */
.letter{background:var(--paper);padding:clamp(100px,11vw,180px) var(--g) clamp(90px,10vw,160px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg)}
.letter-side{grid-column:1/4;align-self:start;position:sticky;top:110px}
.letter-side .k{color:var(--terra);margin-bottom:22px}
.letter-photo{max-width:250px}
.letter-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.letter-photo figcaption{font:italic 400 13.5px/1.4 var(--sans);margin-top:10px;color:var(--olive)}
.letter-body{grid-column:4/11;padding-left:clamp(22px,3.4vw,60px);border-left:var(--rule);font-size:clamp(19px,1.42vw,22px);line-height:1.64;max-width:760px}
.letter-body p+p{margin-top:1.05em}
.letter-hello{font:600 clamp(40px,4.3vw,74px)/.96 var(--disp)!important;letter-spacing:-.005em}
.letter-hello+p{margin-top:.9em!important}
.letter-big{font:700 clamp(58px,7.4vw,128px)/.86 var(--disp)!important;color:var(--terra);margin:.5em 0 .55em -.05em!important;letter-spacing:-.012em}
.letter-last{font-style:italic}
.letter .potpis{margin-top:40px}
.letter-fo{grid-column:12/13;justify-self:end;align-self:end;color:var(--terra)}
@media (max-width:979px){
  .letter{display:block}
  .letter-side{position:static;margin-bottom:34px}
  .letter-side .k{margin:0 0 14px}
  .letter-photo{width:58%}
  .letter-body{padding-left:0;border-left:0}
  .letter-fo{margin-top:30px}
}

/* ================= 04 OPENER: HOLISTICKI RESET (terakota) ================= */
.op{background:var(--terra);color:var(--paper);min-height:100vh;padding:26px var(--g) clamp(44px,6vw,90px);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
.op-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(245,239,227,.38);padding-bottom:14px}
.op-giant{font:700 clamp(96px,19.5vw,350px)/.8 var(--disp);white-space:nowrap;letter-spacing:-.012em;align-self:center;margin:clamp(30px,5vh,60px) 0;will-change:transform}
.op-giant span{display:inline-block}
.op-body{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-items:end}
.op-photo{grid-column:1/4;overflow:hidden;aspect-ratio:3/4}
.op-photo img{width:100%;height:100%;object-fit:cover}
.op-deck{grid-column:6/12;font:500 clamp(28px,2.9vw,50px)/1.06 var(--disp)}
@media (min-width:980px){
  /* "HOLISTIČKI RESET" is 5.256em wide in Imbue 700: size it so it always fits the page (1.6% spare) */
  .op-giant{font-size:calc((100vw - 2 * var(--g) - 20px) / 5.34)}
  @supports (width:1cqw){
    .op{container-type:inline-size}
    .op-giant{font-size:calc(100cqw / 5.34)}
  }
}
@media (max-width:979px){
  .op{min-height:0}
  .op-giant{white-space:normal;font-size:21vw;line-height:.82}
  .op-body{display:flex;flex-direction:column-reverse;gap:26px;align-items:stretch}
  .op-photo{width:62%}
  .op-deck{font-size:clamp(26px,7.4vw,34px)}
}

/* ================= 05 MANIFEST ================= */
.manifest{background:var(--paper);min-height:100vh;padding:clamp(80px,9vw,130px) var(--g) clamp(60px,7vw,100px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-content:center}
.mf-k{grid-column:1/13;display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(26px,5vh,56px)}
.mf-k .fo{color:var(--terra)}
.mf{grid-column:1/13;font:600 clamp(44px,6.1vw,112px)/.93 var(--disp);letter-spacing:-.008em}
.mf-l{display:block}
.mf-l1{color:var(--terra)}
.mf-l2{padding-left:16.6%}
.mf-l3{text-align:right}
.mf-l4{padding-left:8.3%;max-width:78%}
.mf-note{grid-column:8/13;margin-top:clamp(30px,5vh,64px);font-size:19px;line-height:1.55;border-top:2px solid var(--ink);padding-top:16px}
@media (max-width:979px){
  .manifest{min-height:0;display:block}
  .mf-l2,.mf-l4{padding-left:0}
  .mf-l3{text-align:left;padding-left:12%}
  .mf-l4{max-width:none}
  .mf{font-size:clamp(40px,11.4vw,58px)}
}

/* ================= 06 SPREAD: ZAMISLI ================= */
.spread{background:var(--white);padding-top:clamp(90px,9vw,150px)}
.sp-title{padding:0 var(--g);font:700 clamp(46px,6.6vw,126px)/.86 var(--disp);letter-spacing:-.01em;max-width:15.5ch}
.sp-pages{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(44px,6vw,96px);border-top:var(--rule)}
.sp-page{position:relative;padding:clamp(40px,5vw,84px) var(--g) clamp(64px,7vw,110px)}
.sp-page--l{background:var(--paper)}
.sp-page--r{border-left:1px solid rgba(38,75,100,.28)}
.sp-ne li{font:500 clamp(26px,2.45vw,42px)/1.12 var(--disp);color:var(--olive);padding:20px 0 22px;border-bottom:1px solid rgba(95,93,58,.25)}
.sp-ne li:first-child{padding-top:0}
.sp-ne li span{background:linear-gradient(var(--terra),var(--terra)) 0 60%/100% .075em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sp-inst{font:700 clamp(48px,4.8vw,86px)/.86 var(--disp);color:var(--terra)}
.sp-yes{counter-reset:y;margin-top:26px}
.sp-yes li{counter-increment:y;display:grid;grid-template-columns:52px 1fr;padding:15px 0 16px;border-bottom:var(--rule);font-size:clamp(19px,1.48vw,23px);line-height:1.35}
.sp-yes li::before{content:counter(y,lower-roman);font:600 19px/1.3 var(--disp);color:var(--terra);font-style:normal}
.sp-goal{font:700 clamp(36px,3.6vw,64px)/.92 var(--disp);margin-top:44px;max-width:9ch}
.sp-fo{position:absolute;bottom:28px;color:var(--terra)}
.sp-page--l .sp-fo{left:var(--g)}
.sp-page--r .sp-fo{right:var(--g)}
@media (max-width:979px){
  .sp-pages{grid-template-columns:1fr}
  .sp-page--r{border-left:0;border-top:var(--rule)}
}

/* ================= 07 REEL: KAKO IZGLEDA RAD ================= */
.reel{background:var(--sand);overflow:hidden}
.reel-vp{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--g);scrollbar-width:none;padding:clamp(70px,8vw,110px) 0 clamp(70px,8vw,110px)}
.reel-vp::-webkit-scrollbar{display:none}
.reel-track{display:flex;width:max-content;padding:0 var(--g);align-items:stretch}
.rp{flex:0 0 auto;width:min(84vw,500px);scroll-snap-align:start;padding:6px 40px 8px 30px;border-left:1px solid rgba(38,75,100,.28);font-size:17px;line-height:1.58}
.rp p+p,.rp ul+p,.rp p+ul{margin-top:.8em}
.rp-n{font:800 clamp(110px,10.5vw,190px)/.76 var(--disp);color:transparent;-webkit-text-stroke:1.5px var(--terra);margin-bottom:14px}
.rp h3{font:600 clamp(30px,2.5vw,44px)/.98 var(--disp);margin-bottom:20px;max-width:12ch}
.rp--wide{width:min(84vw,800px)}
.rp-cols{columns:2;column-gap:34px}
.rp-cols p{break-inside:avoid}
.rp-cols p+p{margin-top:.8em}
.hl{font-style:normal;background:var(--clay);color:var(--white);padding:0 .2em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rp-lead{font-weight:600}
.rp-list li{font:600 clamp(22px,1.75vw,28px)/1.18 var(--disp);border-top:1px solid rgba(38,75,100,.22);padding:8px 0 7px}
.rp-list--2 li{font-size:clamp(20px,1.5vw,25px)}
.rp-big{font:600 clamp(26px,2.1vw,36px)/1.05 var(--disp)}
.rp--tint{background:var(--paper);border-left:0;padding-top:30px;padding-bottom:30px;margin:0 30px 0 10px}
.rp--img{padding:0;border:0;width:min(70vw,30vw);margin:0 30px 0 0}
.rp--img img{width:100%;height:100%;object-fit:cover;min-height:420px}
.rp--img-b img{object-position:50% 70%}
.rp--intro{width:min(84vw,40vw);border-left:0;padding-left:0;display:flex;flex-direction:column}
.rp--intro .k{color:var(--terra)}
.reel-title{font:700 clamp(56px,6.8vw,124px)/.84 var(--disp);letter-spacing:-.01em;margin:22px 0 auto}
.reel-fo{margin-top:30px;color:var(--terra)}
.rp--end{background:var(--terra);color:var(--paper);border:0;width:min(84vw,420px);padding:36px 34px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;margin-left:10px}
.rp-end-l{font:700 clamp(54px,5vw,92px)/.86 var(--disp)}
.reel-prog{position:absolute;left:var(--g);right:var(--g);bottom:34px;height:1px;background:rgba(38,75,100,.22);display:none}
.reel-prog span{position:absolute;inset:0;background:var(--terra);transform-origin:0 50%;transform:scaleX(0)}
@media (min-width:980px){
  .anim .reel{height:100vh}
  .anim .reel-vp{overflow:visible;height:100%;display:flex;align-items:center;padding:0;scroll-snap-type:none}
  .anim .reel-track{height:min(78vh,680px)}
  .anim .reel-prog{display:block}
  .anim .rp--img img{min-height:0}
  .anim .rp{display:flex;flex-direction:column}
  .anim .rp-n{margin-bottom:auto}
}
@media (max-width:979px){
  .reel-vp{overflow:visible;scroll-snap-type:none;padding:clamp(64px,16vw,96px) 0 clamp(56px,14vw,84px)}
  .reel-track{display:block;width:auto;padding:0 var(--g)}
  .rp,.rp--wide,.rp--intro,.rp--tint,.rp--end,.rp--img{width:auto;margin:0;border-left:0}
  .rp{padding:26px 0 32px;border-top:1px solid rgba(38,75,100,.28)}
  .rp--intro{border-top:0;padding:0 0 30px}
  .reel-title{margin:18px 0 0}
  .reel-fo{margin-top:22px}
  .rp-n{font-size:clamp(100px,32vw,150px);margin-bottom:12px}
  .rp h3{max-width:none}
  .rp-cols{columns:1}
  .rp--tint{padding:26px 20px 32px;border-top:0}
  .rp--img{padding:0;border-top:0;margin:0 0 28px}
  .rp--img img{min-height:0;height:auto;aspect-ratio:4/5;object-fit:cover}
  .rp--end{padding:30px 24px;border-top:0;margin-top:6px}
}

/* ================= 08 FEATURE: ZASTO BAS SA MNOM ================= */
.feat{background:var(--paper);padding:clamp(90px,9vw,150px) var(--g) clamp(90px,9vw,140px)}
.feat-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-items:end}
.feat-photo{grid-column:1/8;overflow:hidden;aspect-ratio:5/4}
.feat-photo img{width:100%;height:100%;object-fit:cover}
.feat-title{grid-column:8/13}
.feat-title .k{color:var(--olive)}
.feat-title h2{font:700 clamp(54px,5.9vw,108px)/.86 var(--disp);letter-spacing:-.01em;margin:16px 0 20px}
.feat-deck{font:italic 400 clamp(22px,1.8vw,30px)/1.25 var(--sans);color:var(--terra)}
.feat-by{font:600 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-top:24px;padding-top:14px;border-top:2px solid var(--ink);display:inline-block}
.feat-body{columns:2;column-gap:clamp(30px,3.6vw,68px);column-rule:var(--rule);margin:clamp(56px,6vw,100px) 0 0 16.6%;max-width:1080px;font-size:18.5px;line-height:1.64}
.feat-body p{margin-bottom:1.05em}
.dropcap::first-letter{float:left;font:700 6.4em/.76 var(--disp);color:var(--terra);margin:.06em .1em 0 -.02em}
.feat-q{font:700 clamp(30px,2.6vw,42px)/1.02 var(--disp);color:var(--ink);break-inside:avoid;margin:.5em 0 .6em!important;padding:16px 0;border-top:2px solid var(--terra);border-bottom:1px solid rgba(151,67,22,.4)}
.feat-body .potpis{margin-top:22px;width:min(320px,80%)}
@media (max-width:979px){
  .feat-head{display:block}
  .feat-title h2{font-size:clamp(46px,13vw,64px)}
  .feat-body{columns:1;margin-left:0}
}

/* ================= 09 PULL QUOTE PAGE ================= */
.pq{background:var(--mist);min-height:96vh;padding:clamp(90px,10vw,160px) var(--g) clamp(60px,7vw,110px);display:grid;grid-template-rows:1fr auto;overflow:hidden}
.pq-q{position:relative;align-self:center;margin:0}
.pq-q p{position:relative;font:700 clamp(92px,15.6vw,300px)/.8 var(--disp);letter-spacing:-.015em;max-width:6.4ch;margin-left:auto;margin-right:6vw}
.pq-o{position:absolute;right:100%;top:0;margin-right:.06em;color:var(--terra)}
.pq-c{color:var(--terra);margin-left:.02em}
.pq-by{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-top:1px solid rgba(38,75,100,.3);padding-top:18px;margin-top:30px}
.pq-by .potpis{width:min(360px,62%)}
.pq-by .fo{color:var(--terra)}
@media (max-width:979px){
  .pq{min-height:0}
  .pq-q p{margin:1.2em 0 0;font-size:24vw}
  .pq-o{position:static;margin:0}
}

/* ================= 10 OPENER: STARTER (golubija) ================= */
.op2{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--dove)}
.op2-photo{position:relative;overflow:hidden;background:var(--mist2)}
.op2-photo img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:50% 30%}
.op2-field{color:var(--paper);padding:26px var(--g) clamp(44px,6vw,90px);display:grid;grid-template-rows:auto 1fr auto;gap:30px}
.op2-field .op-top{border-color:rgba(245,239,227,.4)}
.op2-title{font:700 clamp(92px,11vw,210px)/.78 var(--disp);letter-spacing:-.012em;align-self:center}
.op2-q{font:500 clamp(26px,2.4vw,42px)/1.08 var(--disp);max-width:17ch;border-left:2px solid var(--paper);padding-left:22px}
@media (max-width:979px){
  .op2{grid-template-columns:1fr;min-height:0}
  .op2-photo{height:70vh;min-height:420px}
  .op2-title{font-size:25vw}
}

/* ================= 11 KOLUMNA ================= */
.cols{background:var(--white);padding:clamp(80px,8vw,130px) var(--g) clamp(80px,8vw,130px)}
.cols-k{display:flex;justify-content:space-between;align-items:center;border-top:4px solid var(--ink);padding-top:12px}
.cols-k .fo{color:var(--terra)}
.cols-h{font:700 clamp(64px,10.6vw,200px)/.8 var(--disp);letter-spacing:-.014em;margin:clamp(26px,3vw,44px) 0 clamp(40px,4.4vw,70px)}
.cols-text{columns:3;column-gap:clamp(26px,3vw,52px);column-rule:var(--rule);font-size:18px;line-height:1.62}
.cols-text p{margin-bottom:1em}
.cols-lead{font:600 clamp(26px,2.1vw,34px)/1.06 var(--disp)}
.cols-out{font:700 clamp(38px,3.4vw,58px)/.9 var(--disp);color:var(--terra);break-inside:avoid;padding:14px 0 18px;border-top:1px solid var(--terra);border-bottom:1px solid var(--terra)}
.cols-end strong{font-weight:700}
@media (max-width:979px){
  .cols-text{columns:1}
  .cols-h{font-size:clamp(56px,17vw,90px)}
}

/* ================= 12 MALI OGLASI ================= */
.ads{background:var(--sand);padding:clamp(80px,8vw,130px) var(--g) clamp(80px,8vw,120px)}
.ads-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;border-bottom:4px double var(--olive);padding-bottom:20px}
.ads-head h2{font:700 clamp(54px,7.4vw,136px)/.84 var(--disp);color:var(--olive);letter-spacing:-.01em;max-width:13ch}
.ads-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;color:var(--olive)}
.ads-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:1px;background:rgba(95,93,58,.5);border:1px solid rgba(95,93,58,.5);margin-top:30px}
.ad{background:var(--paper);padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px;min-height:170px}
.ad-n{font:600 10.5px/1 var(--sans);letter-spacing:.18em;color:var(--olive)}
.ad p{font:600 clamp(22px,1.8vw,30px)/1.06 var(--disp)}
.ad--w2{grid-column:span 2}
.ad--w3{grid-column:span 3}
.ad--tall{grid-row:span 2}
.ad--big p{font-size:clamp(40px,4vw,70px);line-height:.9;margin-top:auto}
.ad--s p{font:400 16.5px/1.5 var(--sans)}
.ad--inv{background:var(--olive);color:var(--paper)}
.ad--inv .ad-n{color:var(--sand)}
.ad--terra{background:var(--terra);color:var(--paper)}
.ad--terra .ad-n{color:var(--sand)}
.ads-foot{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);margin-top:clamp(46px,5vw,80px);align-items:end}
.ads-close{grid-column:1/9;font:700 clamp(40px,4.4vw,80px)/.92 var(--disp);color:var(--terra)}
.ads-sub{grid-column:9/13;font-size:19px;line-height:1.5}
@media (max-width:979px){
  .ads-head{grid-template-columns:1fr}
  .ads-meta{align-items:flex-start;flex-direction:row}
  .ads-grid{grid-template-columns:1fr 1fr}
  .ad--w3,.ad--w2{grid-column:span 2}
  .ad--tall{grid-row:auto}
  .ads-foot{display:block}
  .ads-sub{margin-top:18px}
}

/* ================= 13 SPEC: STA DOBIJAS ================= */
.spec{background:var(--white);padding:clamp(90px,9vw,140px) var(--g) clamp(80px,8vw,120px)}
.spec-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-items:end;margin-bottom:clamp(34px,4vw,60px)}
.spec-head h2{grid-column:1/8;font:700 clamp(72px,11.4vw,210px)/.78 var(--disp);letter-spacing:-.014em}
.spec-intro{grid-column:8/13;font-size:21px;line-height:1.45}
.spec-dob{font:700 clamp(30px,2.6vw,44px)/1 var(--disp);margin-top:14px;color:var(--terra)}
.spec-t{width:100%;border-collapse:collapse;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink)}
.spec-t tr+tr{border-top:var(--rule)}
.spec-t th,.spec-t td{vertical-align:top;text-align:left;padding:26px 0 28px}
.spec-t th{width:11%}
.spec-n{display:block;font:700 clamp(56px,5.6vw,98px)/.78 var(--disp);color:var(--terra)}
.spec-name{width:31%;padding-right:clamp(20px,3vw,48px)!important;font:600 clamp(26px,2.3vw,40px)/1 var(--disp)}
.spec-txt{font-size:18px;line-height:1.58;max-width:62ch}
.spec-subh{font-weight:600;margin-top:14px}
.spec-sub{columns:2;column-gap:28px;margin-top:8px}
.spec-sub li{font-size:16px;padding:5px 0 5px 16px;position:relative;break-inside:avoid;border-top:1px solid rgba(38,75,100,.12)}
.spec-sub li::before{content:"";position:absolute;left:0;top:.95em;width:6px;height:6px;background:var(--terra)}
.spec-t tr{transition:background .3s}
.spec-t tr:hover{background:rgba(209,227,226,.35)}
.spec-fo{margin-top:18px;text-align:right;color:var(--terra)}
@media (max-width:979px){
  .spec-head{display:block}
  .spec-intro{margin-top:22px}
  .spec-t,.spec-t tbody,.spec-t tr,.spec-t th,.spec-t td{display:block;width:auto}
  .spec-t tr{display:grid;grid-template-columns:64px 1fr;padding:20px 0}
  .spec-t th,.spec-t td{padding:0}
  .spec-t th{grid-row:1/3}
  .spec-name{padding:0 0 10px!important}
  .spec-sub{columns:1}
}

/* ================= 14 FOTO-ESEJ ================= */
.essay{background:var(--sage);color:var(--paper);padding:clamp(80px,8vw,130px) var(--g)}
.ess-head .k{color:var(--sand)}
.ess-head .k .fo{color:var(--paper)}
.ess-head h2{font:700 clamp(46px,4.6vw,84px)/.86 var(--disp);letter-spacing:-.01em;margin:18px 0 22px;max-width:12ch}
.ess-intro{font-size:20px;line-height:1.45;max-width:30ch}
.ess-intro2{font:600 clamp(24px,1.9vw,32px)/1.1 var(--disp);margin-top:12px}
.ess-count{display:none}
.ess-list{display:grid;gap:clamp(40px,6vw,90px);margin-top:clamp(40px,5vw,80px)}
.ess-item{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-items:end}
.ess-fig{grid-column:1/8;overflow:hidden;aspect-ratio:4/3}
.ess-fig img{width:100%;height:100%;object-fit:cover}
.ess-line{grid-column:8/13;font:600 clamp(32px,3.2vw,58px)/.98 var(--disp);padding-bottom:6px}
.ess-item:nth-child(even) .ess-fig{grid-column:6/13;order:2}
.ess-item:nth-child(even) .ess-line{grid-column:1/6;order:1}
@media (min-width:980px){
  .anim .essay{height:100vh;padding:0 var(--g);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);overflow:hidden}
  .anim .ess-head{grid-column:9/13;grid-row:1;align-self:start;padding-top:clamp(84px,11vh,120px);position:relative;z-index:3}
  .anim .ess-head h2{font-size:clamp(40px,3.4vw,62px)}
  .anim .ess-count{display:flex;align-items:baseline;gap:10px;grid-column:9/13;grid-row:1;align-self:end;padding-bottom:7vh;z-index:3;
    font:700 clamp(54px,4.4vw,80px)/1 var(--disp);font-variant-numeric:lining-nums}
  .anim .ess-of{font:500 14px/1 var(--sans);letter-spacing:.1em}
  .anim .ess-list{grid-column:1/13;grid-row:1;position:relative;height:100vh;margin:0;display:block}
  .anim .ess-item{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-items:center}
  .anim .ess-fig,.anim .ess-item:nth-child(even) .ess-fig{grid-column:1/8;order:0;height:84vh;aspect-ratio:auto}
  .anim .ess-line,.anim .ess-item:nth-child(even) .ess-line{grid-column:9/13;order:0;align-self:center;font-size:clamp(36px,3.3vw,60px);padding:0}
}
@media (max-width:979px){
  .ess-item,.ess-item:nth-child(even){display:flex;flex-direction:column;gap:16px;align-items:stretch}
  .ess-item:nth-child(even) .ess-fig,.ess-item:nth-child(even) .ess-line{order:0}
  .ess-line{font-size:clamp(28px,8.4vw,40px)}
}

/* ================= 15 PRIJAVA (subscription coupon) ================= */
.sub{background:var(--paper);padding:clamp(90px,9vw,150px) var(--g);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);align-items:start}
.sub-text{grid-column:1/7}
.sub-text .k{color:var(--olive)}
.sub-h{font:700 clamp(56px,6.2vw,116px)/.84 var(--disp);letter-spacing:-.012em;margin:18px 0 34px}
.sub-text p:not(.k):not(.sub-h){font-size:21px;line-height:1.5;max-width:34ch}
.sub-text p+p{margin-top:.75em}
.sub-strong{font:600 clamp(28px,2.4vw,40px)/1.06 var(--disp)!important;color:var(--terra);max-width:18ch!important}
.coupon{grid-column:8/13;border:2px solid var(--ink);background:var(--white);padding:26px 28px 30px;position:relative}
.coupon::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(38,75,100,.35);pointer-events:none}
.coupon-k{display:flex;justify-content:space-between;align-items:center}
.coupon-k .fo{color:var(--terra);text-transform:uppercase}
.coupon-price{display:flex;flex-direction:column;gap:8px;padding:26px 0 24px;margin:18px 0 22px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.coupon-l{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.coupon-v{font:700 clamp(66px,6.6vw,124px)/.8 var(--disp);color:var(--terra);white-space:nowrap;letter-spacing:-.012em}
.coupon-cta-t{font-size:18px;line-height:1.5;margin-bottom:24px}
.coupon-alt{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:var(--rule)}
@media (min-width:980px){.coupon{position:sticky;top:96px}}
@media (max-width:979px){
  .sub{display:block}
  .coupon{margin-top:44px}
}

/* ================= 16 REPORTAZA: ZA FIRME ================= */
.rep{background:var(--white);padding:clamp(90px,9vw,150px) var(--g);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);row-gap:28px}
.rep-a{grid-column:1/6;grid-row:1/3}
.rep-a .fr{overflow:hidden}
.rep-a img{width:100%;aspect-ratio:4/5;object-fit:cover}
.rep-a figcaption,.rep-b figcaption{margin-top:12px}
.rep-text{grid-column:6/13;grid-row:1;align-self:start;position:relative;z-index:2;padding-top:clamp(20px,4vw,60px)}
.rep-text .k{color:var(--olive)}
.rep-text h2{font:700 clamp(96px,13.4vw,250px)/.78 var(--disp);letter-spacing:-.016em;margin:14px 0 30px -.09em;color:var(--ink)}
.rep-tk{margin-bottom:30px}
.rep-b{grid-column:8/12;grid-row:2;align-self:end}
.rep-b img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media (max-width:979px){
  .rep{display:flex;flex-direction:column;gap:26px}
  .rep-text{order:-1;padding-top:0}
  .rep-text h2{font-size:22vw;margin-left:0}
  .rep-b{width:70%;align-self:flex-end}
}

/* ================= 17 BLOG ================= */
.briefs{background:var(--paper);padding:clamp(90px,9vw,140px) var(--g) clamp(80px,8vw,120px)}
.br-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:16px}
.br-head h2{font:700 clamp(84px,11vw,200px)/.76 var(--disp);letter-spacing:-.014em}
.br-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.br-meta .fo{color:var(--terra)}
.br-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg)}
.br{grid-column:8/13;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:22px;row-gap:12px;align-items:start;padding:26px 0;border-bottom:var(--rule)}
.br .k{color:var(--olive);align-self:end}
.br-n{grid-row:1/3;font:700 clamp(54px,4.4vw,80px)/.8 var(--disp);color:var(--terra)}
.br-t{grid-column:2}
.br--lead{grid-column:1/7;grid-row:1/4;display:block;padding:30px 0 0;border:0}
.br--lead figure{overflow:hidden;aspect-ratio:4/3;margin-bottom:18px}
.br--lead img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform 1.2s cubic-bezier(.2,.7,.15,1)}
.br--lead:hover img{transform:scale(1.04)}
.br--lead .br-t{margin-top:10px}
@media (max-width:979px){
  .br-grid{display:block}
  .br--lead{padding-top:24px;margin-bottom:10px}
}

/* ================= 18 PRILOG: VODIC ================= */
.insert{background:var(--olive);color:var(--paper);padding:clamp(60px,7vw,110px) var(--g);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);row-gap:22px;align-items:end;
  border-top:2px dashed rgba(245,239,227,.55);outline:10px solid var(--paper);outline-offset:-12px}
.ins-k{grid-column:1/13;display:flex;justify-content:space-between;align-items:center}
.ins-k .fo{color:var(--sand)}
.insert h2{grid-column:1/7;font:700 clamp(58px,7.6vw,140px)/.8 var(--disp);letter-spacing:-.012em}
.ins-tk{grid-column:1/7}
.ins-form{grid-column:8/13;grid-row:2/4;display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:2px solid var(--paper)}
.ins-form label{grid-column:1/3;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.ins-form input{background:transparent;border:0;outline:0;color:var(--paper);font:500 clamp(22px,1.9vw,30px)/1 var(--disp);padding:16px 0 14px;min-width:0}
.ins-form input::placeholder{color:rgba(245,239,227,.5)}
.ins-form button{background:var(--paper);color:var(--olive);border:0;cursor:pointer;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:16px 18px;margin-bottom:8px;transition:background .3s,color .3s}
.ins-form button:hover{background:var(--clay);color:var(--white)}
.ins-note{grid-column:1/3;font-size:14px;padding:10px 0;color:var(--sand)}
@media (max-width:979px){
  .insert{display:flex;flex-direction:column;align-items:stretch}
  .insert h2{font-size:18vw}
}

/* ================= 19 POSLEDNJA STRANA: KONTAKT ================= */
.back{background:var(--ink);color:var(--paper);min-height:100vh;padding:clamp(70px,8vw,120px) var(--g) clamp(56px,6vw,90px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);grid-template-rows:1fr auto;overflow:hidden}
.back-sym{position:absolute;right:-9vw;top:-8vw;width:min(56vw,860px);height:auto;opacity:.13;pointer-events:none}
.back-line{grid-column:1/11;align-self:center;font:700 clamp(64px,8.8vw,168px)/.84 var(--disp);letter-spacing:-.014em;position:relative}
.back-contact{grid-column:1/13;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);row-gap:24px;align-items:start;border-top:1px solid rgba(245,239,227,.35);padding-top:26px;margin-top:40px;position:relative}
.back-contact h2{grid-column:1/4;font:600 clamp(40px,3.4vw,58px)/.9 var(--disp)}
.back-contact dl{grid-column:4/10;display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin:0}
.back-contact dt{font:600 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--clay);margin-bottom:10px}
.back-contact dd{margin:0}
.back-contact .cta{grid-column:10/13;justify-self:end}
.back-fo{position:absolute;right:var(--g);bottom:24px;color:var(--clay)}
@media (max-width:979px){
  .back{display:block;min-height:0}
  .back-line{font-size:clamp(52px,15vw,80px);margin:40px 0 50px}
  .back-contact{display:block}
  .back-contact dl{grid-template-columns:1fr;margin:20px 0 30px}
  .back-sym{width:110vw;right:-40vw;top:-20vw}
}

/* ================= COLOPHON ================= */
.colophon{background:var(--paper);padding:clamp(50px,6vw,84px) var(--g) 110px;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--cg);row-gap:30px;align-items:start}
.co-logo{grid-column:1/3;width:min(140px,100%)}
.co-col{grid-column:span 3}
.co-col .k{color:var(--olive);margin-bottom:12px}
.co-t{font:600 26px/1 var(--disp)}
.co-nav{display:flex;flex-direction:column;gap:8px;font-size:16px}
.co-nav a{align-self:flex-start}
@media (max-width:979px){
  .colophon{grid-template-columns:1fr 1fr}
  .co-logo{grid-column:1/3;width:110px}
  .co-col{grid-column:auto}
}

/* ================= MOBILE RUNNING HEAD ================= */
@media (max-width:979px){
  body{font-size:17px}
  .rh{transform:none;height:54px;grid-template-columns:1fr auto;gap:12px}
  .rh-where,.rh-nav,.rh-cta,.rh-fo{display:none}
  .rh-mark img{height:15px}
  .rh-menu{display:inline-flex;background:none;border:1px solid var(--ink);padding:9px 13px;font:600 11px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
  .menu-open body{overflow:hidden}
}

/* ================= PINNED SCENES ON SHORT SCREENS =================
   A pinned scene cannot be scrolled: every text line ends at least 96px above the screen bottom
   (above the presentation pill) at any desktop height, so type and spacing follow the screen height. */
@media (min-width:980px){
  .anim .manifest{padding-top:76px;padding-bottom:96px;align-content:center}
  .anim .mf-k{margin-bottom:clamp(16px,3vh,56px)}
  .anim .mf{font-size:clamp(40px,min(6.1vw,8.6vh),112px)}
  .anim .mf-note{margin-top:clamp(18px,3vh,64px);font-size:clamp(15.5px,2.3vh,19px)}

  .anim .reel-vp{align-items:center;padding:76px 0 96px}
  .anim .reel-track{height:min(calc(100vh - 172px),700px)}
  .anim .rp{font-size:clamp(14px,2.15vh,17px);line-height:1.5}
  .anim .rp p+p,.anim .rp ul+p,.anim .rp p+ul{margin-top:.65em}
  .anim .rp-n{font-size:clamp(64px,min(10.5vw,15vh),190px)}
  .anim .rp h3{font-size:clamp(24px,min(2.5vw,4.4vh),44px);max-width:16ch;margin-bottom:clamp(10px,2vh,20px)}
  .anim .rp-list li{font-size:clamp(17px,min(1.75vw,3.1vh),28px);padding:clamp(4px,.8vh,8px) 0}
  .anim .rp-list--2 li{font-size:clamp(16px,min(1.5vw,2.8vh),25px)}
  .anim .rp-big{font-size:clamp(20px,min(2.1vw,3.6vh),36px)}
  .anim .reel-title{font-size:clamp(48px,min(6.8vw,11vh),124px)}
  .anim .rp-end-l{font-size:clamp(44px,min(5vw,8.5vh),92px)}

  .anim .ess-head h2{font-size:clamp(30px,min(3.4vw,5.4vh),62px)}
  .anim .ess-intro{font-size:clamp(16px,2.4vh,20px)}
  .anim .ess-intro2{font-size:clamp(19px,min(1.9vw,3.2vh),32px)}
  .anim .ess-count{padding-bottom:0;margin-bottom:112px;font-size:clamp(40px,min(4.4vw,7vh),80px)}
  .anim .ess-line,.anim .ess-item:nth-child(even) .ess-line{align-self:end;font-size:clamp(28px,min(3.3vw,5.4vh),60px);
    margin-bottom:calc(112px + clamp(40px,min(4.4vw,7vh),80px) + 26px)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}