@font-face{
  font-family:'Brother Garage Rough';
  src:url(/assets/fonts/bgs-rough.woff2) format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}

:root{
  --ds-ink:#120F0C;
  --ds-paper:#E9E3D5;
  --ds-paper-2:#DCD3BF;
  --ds-red:#AF3E24;
  --ds-red-2:#8E2C17;
  --ds-mono:'Courier Prime','Courier New',ui-monospace,monospace;
  --ds-slab:'Brother Garage Rough','Familjen Grotesk',Georgia,serif;
}

.ds-grain{
  position:absolute; inset:-18%; pointer-events:none; z-index:2;
  opacity:.16; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  animation:ds-grain 1.1s steps(3) infinite;
}
@keyframes ds-grain{
  0%{transform:translate3d(0,0,0)}
  33%{transform:translate3d(-2%,1.5%,0)}
  66%{transform:translate3d(1.5%,-1%,0)}
  100%{transform:translate3d(0,0,0)}
}

.ds-scrim{
  position:absolute; inset:0; pointer-events:none; z-index:2;
  background:
    linear-gradient(180deg,rgba(18,14,11,.7) 0%,rgba(18,14,11,.26) 34%,rgba(18,14,11,.66) 74%,rgba(18,14,11,.9) 100%),
    radial-gradient(ellipse 74% 58% at 50% 48%,rgba(18,14,11,.22) 0%,rgba(18,14,11,.5) 100%);
}

.ds-flash{
  position:absolute; inset:0; pointer-events:none; z-index:1;
  background:radial-gradient(circle var(--ds-r,360px) at var(--ds-x,50%) var(--ds-y,42%),
    rgba(36,29,25,0) 0%, rgba(36,29,25,.16) 48%, rgba(36,29,25,.46) 82%, rgba(36,29,25,.54) 100%);
  will-change:background;
}

.ds-hero{ position:relative; overflow:hidden; background:#241D19; color:#F2EADA; }
.ds-hero__media{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(.5) contrast(1.1) brightness(.52); }
.ds-hero__inner{ position:relative; z-index:3; }

.ds-kicker{
  font-family:var(--ds-mono); font-size:clamp(11px,1.15vw,13px); letter-spacing:.2em;
  text-transform:uppercase; color:rgba(246,239,225,.86); margin:0;
}
.ds-title{
  font-family:var(--ds-slab); font-weight:400; text-transform:uppercase;
  font-size:clamp(62px,13vw,158px); line-height:.94; letter-spacing:.005em; margin:0;
  color:#F6EFE1; text-shadow:0 20px 70px rgba(0,0,0,.8);
}
.ds-title span{ display:inline-block; opacity:0; transform:translateY(26px) scale(.94); filter:blur(10px); }
.ds-title.e-intra span{ animation:ds-lit .9s cubic-bezier(.16,1,.3,1) forwards; }
.ds-title.e-gata span{ opacity:1; transform:none; filter:none; }
@keyframes ds-lit{ to{ opacity:1; transform:none; filter:blur(0); } }

.ds-sub{
  font-family:var(--ds-mono); font-size:clamp(14.5px,1.45vw,17px); line-height:1.75;
  color:#F6EFE1; text-shadow:0 2px 22px rgba(0,0,0,.75); margin:0; min-height:1.75em;
}
.ds-caret{ display:inline-block; width:.6ch; background:var(--ds-red); color:transparent; animation:ds-caret 1s steps(1) infinite; }
@keyframes ds-caret{ 50%{ opacity:0 } }

.ds-stamp{
  display:inline-block; font-family:var(--ds-mono); font-weight:700; text-transform:uppercase;
  letter-spacing:.16em; color:var(--ds-red); border:2px solid currentColor; border-radius:3px;
  padding:5px 12px; font-size:clamp(11px,1.2vw,14px); line-height:1.2;
  box-shadow:inset 0 0 0 1px rgba(175,62,36,.35); opacity:.92; transform:rotate(var(--rot,-7deg));
}
.ds-stamp--slam{ opacity:0; }
.ds-stamp--slam.e-intra{ animation:ds-slam .5s cubic-bezier(.3,1.4,.5,1) .55s forwards; }
.ds-stamp--slam.e-gata{ opacity:.92; transform:rotate(var(--rot,-7deg)); }
@keyframes ds-slam{
  0%{ opacity:0; transform:rotate(calc(var(--rot,-7deg) - 9deg)) scale(2.6); filter:blur(6px) }
  70%{ opacity:.95; transform:rotate(var(--rot,-7deg)) scale(.94); filter:blur(0) }
  100%{ opacity:.92; transform:rotate(var(--rot,-7deg)) scale(1) }
}
.ds-stamp--ok{ color:#2C5730; }

.ds-tag{
  background:rgba(246,239,225,.12); border:1px solid rgba(246,239,225,.22);
  border-radius:8px; padding:10px 10px 9px; text-align:center; min-width:62px;
}
.ds-tag b{
  display:block; font-family:var(--ds-slab); font-weight:400; font-size:clamp(22px,2.4vw,29px);
  line-height:1; color:#F6EFE1; font-variant-numeric:tabular-nums;
}
.ds-tag span{
  display:block; margin-top:5px; font-family:var(--ds-mono); font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(246,239,225,.86);
}

.ds-paper{ position:relative; background:var(--ds-paper); color:var(--ds-ink); overflow:hidden; }
.ds-paper::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(120,98,66,.1),transparent 28%),
    radial-gradient(circle at 86% 72%,rgba(120,98,66,.09),transparent 32%),
    url(/assets/img/dosar/hartie-v2.png);
  background-size:auto, auto, 520px 520px;
  background-position:0 0, 0 0, 0 var(--tex-y,0px);
  mix-blend-mode:multiply;
}
.ds-paper > *{ position:relative; z-index:1; }

.ds-eyebrow{
  font-family:var(--ds-mono); font-size:clamp(10.5px,1.1vw,12.5px); letter-spacing:.26em;
  text-transform:uppercase; color:rgba(18,15,12,.56); margin:0;
}
.ds-h2{
  font-family:var(--ds-slab); font-weight:400; text-transform:uppercase;
  font-size:clamp(33px,5vw,64px); line-height:1.04; letter-spacing:.012em; margin:0; text-wrap:balance;
}
.ds-h2 em{ font-style:normal; color:var(--ds-red); }
.ds-lead{ font-family:var(--ds-mono); font-size:clamp(13.5px,1.2vw,15.5px); line-height:1.8; color:rgba(18,15,12,.72); max-width:62ch; margin:0; }

.ds-probe{
  position:relative; background:#F3EDE0; border-radius:2px; padding:11px 11px 18px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 20px 40px -26px rgba(18,15,12,.6), 0 2px 0 rgba(18,15,12,.08);
  opacity:0; transform:translateY(40px) rotate(var(--ds-rot,0deg)) scale(.97);
  transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1), box-shadow .5s ease;
}
.ds-probe.e-intra{ opacity:1; transform:translateY(0) rotate(var(--ds-rot,0deg)); }
.ds-probe:hover{ box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 34px 60px -30px rgba(18,15,12,.7), 0 2px 0 rgba(18,15,12,.08); }
.ds-probe::after{
  content:""; position:absolute; left:50%; top:-11px; width:116px; height:24px; transform:translateX(-50%) rotate(-1.4deg);
  background:linear-gradient(180deg,rgba(214,198,160,.86),rgba(196,178,138,.78));
  box-shadow:0 1px 2px rgba(18,15,12,.18); opacity:.85;
}
.ds-probe__ref{ font-family:var(--ds-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(18,15,12,.45); }
.ds-probe::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; mix-blend-mode:multiply;
  background-image:
    radial-gradient(circle at 88% 6%,rgba(120,98,66,.16),transparent 24%),
    radial-gradient(circle at 6% 92%,rgba(120,98,66,.14),transparent 26%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23p)' opacity='.3'/%3E%3C/svg%3E");
}
.ds-probe > *{ position:relative; z-index:1; }
.ds-probe__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; font-family:var(--ds-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgba(18,15,12,.6); }
.ds-probe__shot{
  display:block; width:100%; margin-top:6px; border:0; padding:0; background:#DDD5C2; cursor:zoom-in;
  position:relative; overflow:hidden; aspect-ratio:1055/1491;
}
.ds-probe__shot img{ width:100%; height:100%; object-fit:cover; display:block;
  filter:grayscale(.92) contrast(1.3) brightness(.86) blur(6px); opacity:.5;
  transition:transform .9s cubic-bezier(.16,1,.3,1), filter 1.3s cubic-bezier(.16,1,.3,1) .12s, opacity 1.1s ease .1s; }
.ds-probe.e-intra .ds-probe__shot img{ filter:none; opacity:1; }
.ds-probe:hover .ds-probe__shot img{ transform:scale(1.035); }
.ds-probe__shot::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%);
  transform:translateX(-120%); transition:opacity .3s ease;
}
.ds-probe:hover .ds-probe__shot::after{ opacity:1; animation:ds-shine 1.1s cubic-bezier(.16,1,.3,1); }
@keyframes ds-shine{ to{ transform:translateX(120%) } }
.ds-probe__lupa{
  position:absolute; right:12px; bottom:12px; width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; background:rgba(18,15,12,.72); color:#F3EDE0;
  opacity:0; transform:scale(.8); transition:opacity .4s ease, transform .4s cubic-bezier(.3,1.4,.5,1);
}
.ds-probe:hover .ds-probe__lupa, .ds-probe__shot:focus-visible .ds-probe__lupa{ opacity:1; transform:scale(1); }

.ds-fisa{ margin-top:16px; display:grid; gap:7px; font-family:var(--ds-mono); font-size:12.5px; line-height:1.5; }
.ds-fisa div{ display:flex; align-items:baseline; gap:8px; color:rgba(18,15,12,.62); }
.ds-fisa div::after{ content:""; flex:1 1 auto; height:0; border-bottom:1px dotted rgba(18,15,12,.28); transform:translateY(-3px); order:1; }
.ds-fisa div b{ order:2; color:var(--ds-ink); font-weight:700; white-space:nowrap; }
.ds-fisa s{ color:rgba(18,15,12,.42); text-decoration-color:var(--ds-red); }
.ds-fisa__nota{
  margin-top:10px; font-family:var(--ds-mono); font-size:10.5px; line-height:1.55;
  letter-spacing:.01em; color:rgba(18,15,12,.52);
}

.ds-probe__foot{ margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.ds-link{
  font-family:var(--ds-mono); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ds-ink); text-decoration:none; border-bottom:1px solid rgba(18,15,12,.3); padding-bottom:2px;
  transition:color .3s ease, border-color .3s ease;
}
.ds-link:hover{ color:var(--ds-red); border-color:var(--ds-red); }

.ds-fir{ display:block; width:clamp(150px,20vw,240px); height:12px; overflow:visible; }
.ds-fir path{ fill:none; stroke:var(--ds-red); stroke-width:1.6; opacity:.5; stroke-dasharray:var(--ds-len,2000); stroke-dashoffset:var(--ds-len,2000); transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1); }
.ds-fir.e-intra path{ stroke-dashoffset:0; }

.ds-polaroid{
  background:#F6F1E6; padding:12px 12px 48px; border-radius:2px; position:relative;
  box-shadow:0 24px 50px -28px rgba(0,0,0,.85), 0 2px 0 rgba(0,0,0,.14);
  transition:transform .8s cubic-bezier(.16,1,.3,1), box-shadow .5s ease;
}
.ds-polaroid img{ display:block; width:100%; height:auto; filter:grayscale(.25) contrast(1.04); }
.ds-polaroid figcaption{
  position:absolute; left:14px; right:14px; bottom:14px; font-family:var(--ds-mono);
  font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:rgba(18,15,12,.62);
}
.ds-polaroid:hover{ transform:rotate(0deg) translateY(-6px) scale(1.012); }

.ds-nota{
  background:#F3EDE0; border-radius:2px; padding:26px 24px 24px; position:relative;
  box-shadow:0 18px 36px -26px rgba(18,15,12,.7), 0 1px 0 rgba(255,255,255,.6) inset;
  opacity:0; transform:translateY(34px) rotate(var(--ds-rot,0deg));
  transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1);
}
.ds-nota.e-intra{ opacity:1; transform:translateY(0) rotate(var(--ds-rot,0deg)); }
.ds-nota h3{ font-family:'Familjen Grotesk',sans-serif; font-weight:600; font-size:19px; line-height:1.24; letter-spacing:-.02em; margin:13px 0 0; text-transform:none; }
.ds-nota p{ font-family:var(--ds-mono); font-size:13px; line-height:1.75; color:rgba(18,15,12,.7); margin:10px 0 0; }
.ds-nota__nr{ font-family:var(--ds-mono); font-size:11px; letter-spacing:.22em; color:var(--ds-red); }
.ds-clip{
  position:absolute; top:var(--clip-sus,-23px); right:var(--clip-dr,26px); left:auto;
  width:var(--clip-lat,56px); height:auto; z-index:3;
  transform:rotate(var(--clip-rot,58deg)); filter:drop-shadow(0 3px 4px rgba(18,15,12,.38));
}

.ds-amprenta{
  position:absolute; pointer-events:none; opacity:.09; width:clamp(120px,14vw,200px); height:auto;
  mix-blend-mode:multiply;
}

.ds-lb{
  position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:clamp(16px,3vw,40px);
  background:rgba(26,20,17,.95); opacity:0; visibility:hidden; transition:opacity .45s ease, visibility .45s;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.ds-lb.e-deschis{ opacity:1; visibility:visible; }
.ds-lb img{
  max-width:min(92vw,760px); max-height:82vh; width:auto; height:auto; display:block;
  box-shadow:0 40px 90px -40px #000; transform:scale(.94) rotate(-1deg); opacity:0;
  transition:transform .6s cubic-bezier(.16,1,.3,1), opacity .5s ease;
}
.ds-lb.e-deschis img{ transform:none; opacity:1; }
.ds-lb__bara{
  position:absolute; left:0; right:0; bottom:0; padding:16px clamp(16px,3vw,32px);
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-family:var(--ds-mono); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(242,234,218,.72); background:linear-gradient(180deg,transparent,rgba(8,6,5,.9));
}
.ds-lb__x, .ds-lb__nav{
  position:absolute; width:46px; height:46px; border-radius:50%; border:1px solid rgba(242,234,218,.26);
  background:rgba(242,234,218,.06); color:#F2EADA; cursor:pointer; display:grid; place-items:center;
  font-size:20px; line-height:1; transition:background .3s ease, transform .3s ease;
}
.ds-lb__x:hover, .ds-lb__nav:hover{ background:rgba(242,234,218,.16); }
.ds-lb__x{ top:clamp(14px,2.4vw,26px); right:clamp(14px,2.4vw,26px); }
.ds-lb__nav--prev{ left:clamp(10px,2vw,26px); top:50%; transform:translateY(-50%); }
.ds-lb__nav--next{ right:clamp(10px,2vw,26px); top:50%; transform:translateY(-50%); }

.ds-ticker{ position:relative; overflow:hidden; border-block:1px solid rgba(242,234,218,.14); background:#241D19; }
.ds-ticker--rupt{ padding-bottom:40px; border-bottom:0; }
.ds-ticker__track{ display:flex; width:max-content; gap:0; animation:ds-tick 46s linear infinite; }
.ds-ticker span{
  font-family:var(--ds-mono); font-size:11.5px; letter-spacing:.3em; text-transform:uppercase;
  color:rgba(242,234,218,.46); padding:11px 26px; white-space:nowrap;
}
.ds-ticker span em{ font-style:normal; color:var(--ds-red); }
@keyframes ds-tick{ to{ transform:translate3d(-50%,0,0) } }

.ds-reveal{ opacity:0; transform:translateY(28px); transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }
.ds-reveal.e-intra{ opacity:1; transform:none; }

@media (max-width:768px){
    .ds-probe::after{ width:92px; }
  .ds-flash{ background:radial-gradient(circle var(--ds-r,260px) at var(--ds-x,50%) var(--ds-y,38%),rgba(36,29,25,0) 0%,rgba(36,29,25,.2) 50%,rgba(36,29,25,.5) 84%); }
}

@media (prefers-reduced-motion:reduce){
  .ds-grain, .ds-ticker__track{ animation:none; }
  .ds-title span, .ds-stamp--slam{ opacity:1; transform:none; filter:none; animation:none; }
  .ds-probe, .ds-nota, .ds-reveal{ opacity:1; transform:none; }
  .ds-fir path{ stroke-dashoffset:0; }
}

.ds-btns{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--sp-xs); }

.ds-hero .ch-pillGlass{
  font-family:var(--ds-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  border-radius:8px; background:rgba(18,14,11,.55); border:1px solid rgba(246,239,225,.2);
  color:#F6EFE1; padding:7px 14px 6px 11px; backdrop-filter:none; -webkit-backdrop-filter:none;
  box-shadow:none;
}
.ds-hero .ch-pillGlass > span[aria-hidden]{ background:var(--ds-red) !important; }

.ds-form{ background:#fff; border-radius:24px; padding:clamp(24px,3vw,36px); color:#17130F; position:relative; }
.ds-form h3{ font-weight:500; font-size:22px; line-height:1.2; letter-spacing:-.024em; margin-top:var(--sp-2xs); }

.ds-dark{ position:relative; overflow:hidden; background:#241D19; color:#F2EADA; }
.ds-dark .ds-eyebrow{ color:rgba(242,234,218,.56); }
.ds-dark .ds-h2{ color:#F6EFE1; }
.ds-dark .ds-stamp, .ds-hero .ds-stamp, .ds-dosarFoto .ds-stamp{
  color:#E87A55; border-color:currentColor; opacity:1;
  box-shadow:inset 0 0 0 1px rgba(232,122,85,.3);
  background:rgba(28,22,18,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.ds-dark .ds-h2 em{ color:#E9A08D; }
.ds-dark .ds-lead{ color:rgba(242,234,218,.74); }
.ds-dark > *{ position:relative; z-index:3; }

.ds-titluWrap{ position:relative; display:inline-block; }
.ds-stamp--peste{
  --rot:-9deg;
  position:absolute; right:-7%; top:13%; z-index:4;
  font-size:clamp(11.5px,1.5vw,19px); padding:8px 17px; border-width:2.5px; letter-spacing:.18em;
  background:rgba(36,29,25,.3); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}
@media (max-width:760px){
  .ds-stamp--peste{ right:-8%; top:-32%; padding:5px 11px; border-width:2px; font-size:10.5px; letter-spacing:.14em; }
}

.ds-tear{
  position:absolute; left:-2px; right:-2px; top:0; height:70px; z-index:4;
  background:var(--tear,#E9E3D5); pointer-events:none;
  -webkit-mask-image:url(/assets/img/dosar/tear-v3.svg); mask-image:url(/assets/img/dosar/tear-v3.svg);
  -webkit-mask-size:1600px 70px; mask-size:1600px 70px;
  -webkit-mask-repeat:repeat-x; mask-repeat:repeat-x;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.3));
}
.ds-tear::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
  background-image:url(/assets/img/dosar/hartie-v2.png);
  background-size:520px 520px; background-position:0 var(--tex-y,0px);
  mix-blend-mode:multiply;
}
.ds-tear--jos{
  top:auto; bottom:0; transform:scaleY(-1); filter:drop-shadow(0 5px 6px rgba(0,0,0,.3));
  -webkit-mask-image:url(/assets/img/dosar/tear-curat.svg); mask-image:url(/assets/img/dosar/tear-curat.svg);
}
.ds-tear--mic{ height:30px; -webkit-mask-size:686px 30px; mask-size:686px 30px; }

@media (max-width:860px){
  .ds-tear{ height:42px; -webkit-mask-size:960px 42px; mask-size:960px 42px; }
  .ds-tear--mic{ height:24px; -webkit-mask-size:549px 24px; mask-size:549px 24px; }
}

.ds-band{ padding-block:calc(var(--sp-section) * 1.3) !important; }
section:has(> .ds-tear--jos){ padding-bottom:calc(var(--sp-section) + 36px) !important; }
section:has(> .ds-tear:not(.ds-tear--jos)){ padding-top:calc(var(--sp-section) + 30px) !important; }
.ds-band:has(> .ds-tear:not(.ds-tear--jos)){ padding-top:calc(var(--sp-section) * 1.3 + 30px) !important; }
.ds-band:has(> .ds-tear--jos){ padding-bottom:calc(var(--sp-section) * 1.3 + 36px) !important; }

.ds-hero__inner{ will-change:transform, filter; }
.ds-hero__media{ will-change:transform; }

.ds-pol{ opacity:0; transition:opacity 1s cubic-bezier(.16,1,.3,1), transform 1.1s cubic-bezier(.16,1,.3,1); }
.ds-pol--st{ transform:rotate(-7deg) translate3d(-70px,36px,0); }
.ds-pol--dr{ transform:rotate(9deg) translate3d(70px,48px,0); }
.ds-reveal.e-intra .ds-pol{ opacity:1; }
.ds-reveal.e-intra .ds-pol--st{ transform:rotate(-3deg); }
.ds-reveal.e-intra .ds-pol--dr{ transform:rotate(4deg) translateY(clamp(16px,3vw,34px)); transition-delay:.12s; }

.ds-firScroll{
  position:fixed; left:0; top:0; width:2px; height:100vh; z-index:61; pointer-events:none;
  background:linear-gradient(180deg,#AF3E24 0%,#E9A08D 60%,rgba(233,160,141,.2) 100%);
  transform:scaleY(0); transform-origin:top; opacity:.55;
}

.ds-band video{ will-change:transform; }

@media (prefers-reduced-motion:reduce){
  .ds-lupa, .ds-firScroll{ display:none; }
  .ds-probe__shot img{ filter:none; opacity:1; }
  .ds-pol{ opacity:1; transform:none !important; }
}

.ds-lupa2{
  position:fixed; left:0; top:0; z-index:58; pointer-events:none;
  width:var(--lup,500px); height:var(--lup,500px);
  opacity:0; transition:opacity .45s ease; transform-origin:25.94% 43.19%;
  will-change:transform; filter:drop-shadow(0 24px 30px rgba(0,0,0,.5));
}
.ds-lupa2.e-activa{ opacity:1; }
.ds-lupa2__sticla{
  position:absolute; left:2.94%; top:20.19%; width:46%; height:46%;
  border-radius:50%; overflow:hidden; background-color:var(--ds-paper);
  transform:rotate(calc(-1 * var(--lup-rot,0deg)));
}
.ds-lupa2__sticla::after{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:50%;
  box-shadow:inset 0 0 28px rgba(32,25,21,.42);
}
.ds-lupa2__pagina{
  position:absolute; left:0; top:0; transform-origin:0 0; will-change:transform;
}
.ds-lupa2__pagina *{ animation:none !important; transition:none !important; }
.ds-lupa2__poza{ position:absolute; inset:0; width:100%; height:100%; display:block; }
@media (max-width:760px){ .ds-lupa2{ --lup:330px; } }
@media (prefers-reduced-motion:reduce){ .ds-lupa2{ display:none; } }

.ds-dark::before, .ds-hero::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:url(/assets/img/dosar/hartie-v2.png);
  background-size:420px 420px; mix-blend-mode:soft-light; opacity:.42;
}
.ds-hero::before{ z-index:2; opacity:.3; }

.ds-agent__grid{
  position:relative; z-index:3; max-width:1280px; margin:0 auto; padding-inline:var(--sp-gutter);
  display:grid; grid-template-columns:minmax(280px,43%) 1fr; gap:clamp(28px,5vw,80px); align-items:center;
}
.ds-agent__text{ display:grid; gap:var(--sp-sm); align-content:center; }
.ds-tel{
  font-family:'Familjen Grotesk',sans-serif; font-weight:600; letter-spacing:-.025em;
  font-size:clamp(32px,4.2vw,54px); line-height:1; color:#F6EFE1; text-decoration:none;
  justify-self:start; transition:color .4s ease;
}
.ds-tel:hover{ color:#E87A55; }
.ds-agent__foto{ position:relative; }

.ds-rama{
  position:relative; background:#EDE7DA; padding:13px 13px 0;
  box-shadow:0 34px 60px -34px rgba(0,0,0,.85), 0 2px 0 rgba(0,0,0,.2);
  transform:rotate(-1.4deg);
}
.ds-rama img{
  display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover;
  filter:grayscale(1) contrast(1.12) brightness(.95);
}
.ds-rama figcaption{
  padding:12px 2px 14px; font-family:var(--ds-mono); font-size:10.5px; letter-spacing:.2em;
  text-transform:uppercase; color:rgba(18,15,12,.52); text-align:center;
}
.ds-rama__colt{
  position:absolute; width:26px; height:26px; z-index:4; pointer-events:none;
  background:linear-gradient(135deg,rgba(28,22,18,.88) 0 50%,transparent 50%);
}
.ds-rama__colt--ss{ left:7px; top:7px; }
.ds-rama__colt--sd{ right:7px; top:7px; transform:rotate(90deg); }
.ds-rama__colt--jd{ right:7px; bottom:52px; transform:rotate(180deg); }
.ds-rama__colt--js{ left:7px; bottom:52px; transform:rotate(270deg); }
.ds-rama--goala{ padding-bottom:13px; }
.ds-rama--goala .ds-rama__colt--js,
.ds-rama--goala .ds-rama__colt--jd{ bottom:7px; }
.ds-rama--mic{
  position:absolute; right:-7%; bottom:-11%; width:42%; padding:9px 9px 9px; z-index:5;
  transform:rotate(5deg);
  box-shadow:0 26px 44px -26px rgba(0,0,0,.9), 0 2px 0 rgba(0,0,0,.18);
}
.ds-rama--mic img{ aspect-ratio:1/1; }
.ds-rama--mic figcaption{
  padding:9px 0 1px; font-size:9.5px; letter-spacing:.16em; line-height:1.6;
}

.ds-proba__poze{ position:relative; display:block; }
.ds-proba__color{
  position:absolute; inset:0; width:100%; height:100%; filter:none !important;
  -webkit-clip-path:circle(var(--br,0px) at var(--bx,50%) var(--by,50%));
          clip-path:circle(var(--br,0px) at var(--bx,50%) var(--by,50%));
  transition:clip-path .45s cubic-bezier(.16,1,.3,1);
}
.ds-proba{ cursor:crosshair; }

@media (max-width:860px){
  .ds-agent__grid{ grid-template-columns:1fr; gap:var(--sp-lg); }
  .ds-agent__foto{ max-width:420px; }
  .ds-rama--mic{ right:-4%; bottom:11%; width:41%; }
}

.ds-fereastra{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  -webkit-clip-path:inset(var(--f-sus,17%) var(--f-lat,13%) round var(--f-r,22px));
          clip-path:inset(var(--f-sus,17%) var(--f-lat,13%) round var(--f-r,22px));
  will-change:clip-path;
}
.ds-fereastra video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:grayscale(.45) brightness(.72) contrast(1.05);
  transform:scale(var(--f-zoom,1.14)); transform-origin:center; will-change:transform;
}
.ds-fereastra__voal{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(36,29,25,.58),rgba(36,29,25,.88));
  box-shadow:inset 0 0 0 1px rgba(242,234,218,.18), inset 0 0 90px rgba(0,0,0,.5);
}
.ds-band .ds-reveal{ position:relative; z-index:3; }