/* art60 — журнал мастерской. Тёплый скрапбук: крем, терракота, чернила, лён, шалфей. */
:root{
  --krem:#F4EBDD; --krem2:#EBDFCB; --list:#FBF7EF; --terra:#B5543A; --terra2:#9E4530;
  --chern:#3A2A22; --chern2:#6B584C; --len:#D8CCB8; --shalf:#6F7B5A; --shalf2:#4F5B3E; --ohra:#C9A15A;
  --serif:'Spectral',Georgia,serif; --sans:'Source Sans 3',system-ui,sans-serif; --ruka:'Marck Script',cursive;
  --ten:0 1px 1px rgba(58,42,34,.08),0 6px 18px -6px rgba(58,42,34,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(70% 40% at 0 50%,rgba(176,140,96,.10),transparent 70%),radial-gradient(70% 40% at 100% 20%,rgba(176,140,96,.08),transparent 70%),url(/assets/img/bumaga.webp) 0 0/600px repeat,var(--krem);background-blend-mode:normal;color:var(--chern);font:400 19px/1.55 var(--sans);overflow-x:hidden}
html{overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--terra2)}
button{font:inherit;color:inherit}
.wrap{max-width:1360px;margin:0 auto;padding:0 48px;position:relative}
.paper{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,header,footer{position:relative;z-index:1}
.nitka{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}

/* общие */
.h2{font:600 clamp(30px,3.9vw,56px)/1.1 var(--serif);margin:0 0 10px;letter-spacing:-.01em;position:relative;display:inline-block}
.h2 .ps{position:absolute;left:0;bottom:-8px;width:58%;height:10px;fill:none;stroke:var(--terra);stroke-width:2.2;stroke-linecap:round}
.pod{margin:0 0 30px;color:var(--chern2);max-width:720px;font-size:20px}
.ruka{font:400 32px/1.12 var(--ruka);color:var(--terra);margin:0}
.serdce,.serdce-mal{fill:none;stroke:var(--terra);stroke-width:2}
.serdce{width:64px;height:58px}
.serdce-mal{width:22px;height:20px;vertical-align:-3px}
.skotch{position:absolute;width:118px;height:34px;background:rgba(232,220,196,.82);
  box-shadow:0 1px 2px rgba(58,42,34,.12);z-index:3;
  -webkit-mask:linear-gradient(90deg,transparent 0 2px,#000 2px calc(100% - 2px),transparent 0),
    repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);
  mask:linear-gradient(90deg,transparent 0 2px,#000 2px calc(100% - 2px),transparent 0)}
.skotch::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 40%,rgba(255,255,255,.2))}
.sk-l{top:-16px;left:-28px;transform:rotate(-14deg)}
.sk-r{top:-14px;right:-22px;transform:rotate(12deg)}
.sk-t{top:-15px;left:50%;transform:translateX(-50%) rotate(-3deg);width:92px;height:28px}
.polaroid{background:var(--list);padding:14px 14px 18px;box-shadow:var(--ten);position:relative;margin:0}
.vetka{position:absolute;pointer-events:none;z-index:2;width:180px;height:auto;transform-origin:50% 100%;animation:veter 7s ease-in-out infinite}
@keyframes veter{0%,100%{rotate:0deg}50%{rotate:2.2deg}}
.rv{opacity:0;translate:0 18px;transition:opacity .7s ease,translate .7s ease}
.rv.vid{opacity:1;translate:0 0}

/* шапка */
.top{padding:26px 0 0}
.top-in{display:flex;align-items:center;gap:80px}
.logo{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--chern);line-height:1}
.logo b{font:600 84px/0.86 var(--serif);color:var(--terra);letter-spacing:-.02em}
.logo span{font:500 23px/1.2 var(--serif);margin-top:4px}
.birki{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:center;position:relative;padding:4px 0}
.birki::before{content:"";position:absolute;left:-24px;right:10px;top:50%;border-top:1.5px dashed rgba(181,84,58,.55);z-index:-1}
.birka{position:relative;border:0;cursor:pointer;background:#EADCC3;padding:13px 24px 13px 30px;font:500 19px/1 var(--sans);
  color:var(--chern);box-shadow:0 1px 2px rgba(58,42,34,.18);clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);
  transition:background .25s,color .25s,translate .25s}
.birka::before{content:"";position:absolute;left:11px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--krem)}
.birka:nth-child(2n){rotate:-1.5deg}.birka:nth-child(3n){rotate:1.2deg}
.birka:hover{translate:0 -2px;background:#E3D1B2}
.birka[aria-pressed="true"]{background:var(--terra);color:#fff}
.birka:focus-visible{outline:2px solid var(--chern);outline-offset:3px}

/* первый экран */
.hero{position:relative;padding:20px 0 40px}
.hero-in{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:center}
.hero h1{font:600 clamp(36px,4.5vw,66px)/1.06 var(--serif);margin:0 0 26px;letter-spacing:-.015em}
.podch{position:relative;white-space:nowrap}
.podch svg{position:absolute;left:-4px;right:-4px;bottom:-12px;width:calc(100% + 8px);height:18px;fill:none;stroke:var(--terra);stroke-width:2.4;stroke-linecap:round;overflow:visible}
.podch svg path{stroke-dasharray:420;stroke-dashoffset:420;animation:pisat 1.4s .5s ease forwards}
.podch svg path+path{animation-delay:1.1s;opacity:.7}
@keyframes pisat{to{stroke-dashoffset:0}}
.lead{font-size:22px;max-width:600px;margin:0}
.hero-txt{position:relative}
.r-hero{position:relative;margin:34px 0 0 230px;transform:rotate(-12deg);width:max-content}
.r-hero .str{position:absolute;right:-92px;bottom:2px;width:84px;height:42px;color:var(--terra);rotate:8deg}
.s-hero{position:absolute;left:130px;bottom:-6px;animation:stuk 2.4s ease-in-out infinite}
.s-hero2{position:absolute;right:-6px;top:200px;width:34px;height:32px;animation:stuk 2.8s .4s ease-in-out infinite}
@keyframes stuk{0%,100%{scale:1}12%{scale:1.12}24%{scale:1}}
.hero-ph{transform:rotate(1.6deg);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.hero-ph img{aspect-ratio:1.2;object-fit:cover;width:100%}
.v1{right:-40px;top:-40px;width:170px;rotate:12deg}
.v2{left:-70px;bottom:-60px;width:170px;rotate:-14deg}


/* лента */
.lenta{padding:10px 0 30px;position:relative}
.h-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.r-lenta{transform:rotate(-6deg);margin-right:60px}
.pusto{font:italic 500 20px var(--serif);color:var(--chern2)}
.kartochki{display:grid;grid-template-columns:repeat(12,1fr);gap:18px 18px}
.mk,.mk-foto{grid-column:span 4;position:relative}
.kartochki .mk:nth-of-type(n+4),.kartochki .mk-foto{grid-column:span 3}
.mk-btn{display:block;width:100%;text-align:left;border:0;background:var(--list);padding:12px 12px 16px;cursor:pointer;
  box-shadow:var(--ten);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}
.mk:nth-child(1) .mk-btn{rotate:-.8deg}.mk:nth-child(2) .mk-btn{rotate:.5deg}.mk:nth-child(3) .mk-btn{rotate:-.4deg}
.mk:nth-child(4) .mk-btn{rotate:.9deg}.mk:nth-child(5) .mk-btn{rotate:-.6deg}.mk:nth-child(7) .mk-btn{rotate:.7deg}
.mk-btn:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 2px 3px rgba(58,42,34,.1),0 18px 32px -10px rgba(58,42,34,.35)}
.mk-btn:focus-visible{outline:2px solid var(--terra);outline-offset:4px}
.mk[aria-current="true"] .mk-btn{box-shadow:0 0 0 2px var(--terra),var(--ten)}
.mk-ph{display:block;overflow:hidden;aspect-ratio:1.45}
.kartochki .mk:nth-of-type(n+4) .mk-ph{aspect-ratio:1.25}
.mk-ph img{width:100%;height:100%;object-fit:cover;transition:scale .6s ease}
.mk-btn:hover .mk-ph img{scale:1.05}
.teg{position:absolute;top:24px;right:4px;padding:8px 18px;font:600 17px/1 var(--sans);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);rotate:2deg}
.t-vyaz{background:var(--terra)}.t-vysh{background:var(--shalf)}.t-len{background:var(--ohra)}.t-shit{background:#C98A52}
.mk-h{display:block;font:600 27px/1.15 var(--serif);margin:12px 4px 8px;min-height:2.3em}
.mk-meta{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--chern2);padding:0 4px}
.tochki{display:inline-flex;gap:4px}
.tochki i{width:11px;height:11px;border-radius:50%;background:#DDD2C0}
.tochki[data-n="1"] i:nth-child(-n+2),.tochki[data-n="2"] i:nth-child(-n+3){background:var(--shalf)}
.mk:nth-child(4) .tochki i:nth-child(-n+3),.mk:nth-child(5) .tochki i:nth-child(-n+2),.mk:nth-child(7) .tochki i:nth-child(-n+3){background:var(--terra)}
.vremya{margin-left:auto;display:inline-flex;align-items:center;gap:5px}
.vremya svg{width:20px;height:20px}
.mk-shagi[hidden]{display:none}

.mk-foto{background:var(--list);box-shadow:var(--ten);padding:10px 10px 12px;align-self:end;rotate:.6deg}
.r-foto{position:absolute;top:-92px;left:30px;transform:rotate(-6deg);font-size:22px;text-align:center}
.r-foto .str{position:absolute;left:-58px;bottom:-12px;width:56px;height:30px;color:var(--terra);transform:scaleX(-1) rotate(-30deg)}
.fs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.fs figure{margin:0}
.fs img{aspect-ratio:.82;object-fit:cover;width:100%}
.fs figcaption{font-size:14.5px;line-height:1.2;text-align:center;color:var(--chern2);padding-top:6px}
.fs figcaption b{display:block;font:600 26px/1 var(--serif);color:var(--chern);margin-bottom:4px}
.fs figcaption b::before{content:"→ ";color:var(--terra);font:500 14px var(--sans)}

/* раскрытая карточка */
.razvorot{grid-column:1/-1;background:var(--list);box-shadow:var(--ten);padding:28px 34px 30px;position:relative;
  display:grid;grid-template-columns:200px 1fr;gap:30px;animation:raskr .45s cubic-bezier(.2,.7,.3,1)}
@keyframes raskr{from{opacity:0;translate:0 -10px}}
.razvorot::before{content:"";position:absolute;top:-10px;left:var(--x,50%);width:20px;height:20px;background:var(--list);rotate:45deg;translate:-50% 0}
.razvorot img{width:200px;aspect-ratio:1;object-fit:cover;rotate:-2deg;box-shadow:var(--ten);border:8px solid #fff}
.razvorot h3{font:600 26px/1.15 var(--serif);margin:0 0 14px}
.razvorot ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;grid-template-columns:1fr 1fr;gap:16px 34px}
.razvorot li{counter-increment:s;position:relative;padding-left:42px}
.razvorot li::before{content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;
  background:var(--terra);color:#fff;font:600 16px/30px var(--serif);text-align:center}
.razvorot .mk-sovet{grid-column:2;margin:4px 0 0;font:400 23px/1.2 var(--ruka);color:var(--terra)}
.razvorot .zakr{position:absolute;top:10px;right:14px;border:0;background:none;cursor:pointer;font-size:28px;line-height:1;color:var(--chern2)}

/* калькулятор */
.pryazha{position:relative;padding:44px 0 46px;margin:10px 0}
.pryazha::before{content:"";position:absolute;inset:0 1%;background:url(/assets/img/obr-poloska.webp) 0 0/100% 100% no-repeat;z-index:-1;filter:drop-shadow(0 4px 8px rgba(58,42,34,.16))}
.pr-in{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.veshchi{display:flex;gap:10px;margin:0 0 -1px}
.veshchi button{flex:1;border:1px solid #E1D4BE;background:var(--list);cursor:pointer;padding:16px 6px 12px;display:flex;flex-direction:column;
  align-items:center;gap:6px;font:600 18px var(--sans);transition:background .25s,color .25s,translate .25s}
.veshchi svg{width:56px;height:56px}
.veshchi button:hover{translate:0 -3px}
.veshchi button[aria-checked="true"]{background:var(--terra);color:#fff;border-color:var(--terra)}
.veshchi button:focus-visible{outline:2px solid var(--chern);outline-offset:2px}
.pr-polya{background:var(--list);box-shadow:var(--ten);padding:18px 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font:600 18px var(--sans);margin-bottom:10px;padding:0}
.pp{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.pp label{display:flex;flex-direction:column;gap:4px;font-size:15.5px;color:var(--chern2)}
.pp input,.pp select{font:500 19px var(--sans);color:var(--chern);border:1px solid #D9CBB3;background:#fff;padding:8px 10px;width:100%;border-radius:2px}
.pp input:focus,.pp select:focus{outline:2px solid var(--terra);outline-offset:0;border-color:var(--terra)}
.pr-formula{font-size:15.5px;color:var(--chern2);margin:14px 0 0}
.pr-vesy{position:relative;min-height:540px;background:url(/assets/img/scena-vesy.webp) center/cover no-repeat;box-shadow:var(--ten);rotate:.8deg}
.vesy{position:absolute;left:3%;top:9%;width:min(400px,52%);margin:0}
.vesy img{width:100%;filter:drop-shadow(0 18px 18px rgba(58,42,34,.22))}
.strelka{position:absolute;left:var(--cx,50%);top:var(--cy,58%);width:var(--cw,26%);translate:-50% -50%;
  rotate:var(--ug,-60deg);transition:rotate 1.1s cubic-bezier(.3,1.6,.5,1)}
.strelka line{stroke:var(--terra2);stroke-width:3;stroke-linecap:round}
.strelka circle{fill:var(--chern)}
.itog-list{position:absolute;right:-26px;top:150px;background:#F2E7D3;padding:26px 34px 22px;box-shadow:var(--ten);rotate:-2deg;min-width:250px}
.itog{font:600 70px/1 var(--serif);margin:0;white-space:nowrap}
.itog b{font-weight:600;display:inline-block;transition:scale .3s}
.itog b.pryg{scale:1.18}
.itog-sub{margin:10px 0 0;font-size:16.5px;color:var(--chern2)}
.r-zapas{position:absolute;right:10px;top:300px;transform:rotate(-6deg);text-align:center;font-size:30px;background:#F2E7D3;padding:16px 24px;box-shadow:var(--ten)}
.v3{display:none}

/* полоса образца */
.obr-polosa{padding:20px 0;position:relative}
.op-in{display:grid;grid-template-columns:460px 1fr 300px;gap:44px;align-items:center;padding:30px 40px;position:relative}

.op-ph{margin:0;position:relative;rotate:-2deg;background:#D9CBB3;padding:8px;box-shadow:var(--ten)}
.op-ph img{aspect-ratio:1.5;object-fit:cover;width:100%}
.op-txt .h2{font-size:clamp(26px,2.6vw,34px)}
.op-txt p{margin:6px 0 22px;max-width:470px}
.knopka{display:inline-flex;align-items:center;gap:12px;background:var(--shalf2);color:#fff;text-decoration:none;padding:13px 22px;font-weight:600;
  transition:background .25s,gap .25s}
.knopka svg{width:20px;height:20px}
.knopka:hover{background:#3F4A30;gap:18px}
.op-zapiska{list-style:none;margin:0;padding:24px 22px;background:#F5EDDF;box-shadow:var(--ten);rotate:-4deg;font:400 30px/1.5 var(--ruka);color:var(--chern)}
.op-zapiska svg{width:20px;height:20px;color:var(--chern);margin-right:10px;vertical-align:-3px}

/* ошибки */
.oshibki{padding:30px 0 24px;position:relative}
.zapiski{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.zap{background:#F7F0E3;padding:30px 20px 22px;box-shadow:var(--ten);position:relative;transition:rotate .4s,translate .4s}
.zap:nth-child(1){rotate:-1.2deg}.zap:nth-child(2){rotate:.8deg}.zap:nth-child(3){rotate:-.5deg}.zap:nth-child(4){rotate:1.3deg}
.zap:hover{rotate:0deg;translate:0 -4px}
.bul{position:absolute;top:-8px;left:50%;width:18px;height:18px;border-radius:50%;translate:-50% 0;
  background:radial-gradient(circle at 35% 35%,#E07A5A,#A63E22 60%,#6E2414);box-shadow:1px 3px 3px rgba(0,0,0,.3)}
.zap h3{font:600 25px/1.2 var(--serif);margin:0 0 6px;min-height:2.4em}
.zap img{width:150px;height:100px;object-fit:contain;margin:0 0 10px auto}
.zap p{margin:0;font-size:17px;line-height:1.45}
.v4{right:-20px;top:-60px;width:180px}

/* вопросы */
.faq{padding:30px 0 50px}
.faq-in{display:grid;grid-template-columns:1.45fr 1fr;gap:50px;align-items:start}
.voprosy details{background:var(--list);border:1px solid #E6DAC6;margin-bottom:8px;box-shadow:0 1px 2px rgba(58,42,34,.06)}
.voprosy summary{list-style:none;cursor:pointer;padding:17px 22px;display:flex;justify-content:space-between;gap:14px;font-size:19px;font-weight:500}
.voprosy summary::-webkit-details-marker{display:none}
.voprosy summary svg{width:20px;height:20px;flex:none;transition:rotate .3s}
.voprosy details[open] summary svg{rotate:45deg}
.voprosy details p{margin:0;padding:0 18px 16px;color:var(--chern2)}
.faq-ph{position:relative;padding-top:10px;min-height:520px}
.faq-ph .polaroid{width:68%;rotate:-4deg}
.faq-ph .polaroid img{aspect-ratio:1.1;object-fit:cover}
.zapiska-ruka{position:absolute;right:0;top:190px;width:52%;background:#F2E8D6;padding:28px 22px 22px;box-shadow:var(--ten);rotate:-7deg;
  font:400 34px/1.15 var(--ruka);color:var(--terra);margin:0}

/* подвал */
.podval{position:relative;padding:70px 0 44px;margin-top:0}

.pv-in{display:flex;align-items:center;gap:60px;flex-wrap:wrap}
.pv-in p{margin:0;font-size:17px;color:var(--chern2)}
.pv-in nav{margin-left:auto;display:flex;gap:22px}
.pv-in nav a{color:var(--chern);text-decoration:none;border-bottom:1px solid rgba(58,42,34,.3)}
.pv-in nav a[aria-current]{color:var(--terra)}

/* телефон и планшет */
@media (max-width:1000px){
  .hero-in,.pr-in,.faq-in{grid-template-columns:1fr}
  .kartochki .mk,.kartochki .mk:nth-of-type(n+4),.kartochki .mk-foto{grid-column:span 6}
  .op-in{grid-template-columns:1fr 1fr}.op-zapiska{display:none}
  .zapiski{grid-template-columns:1fr 1fr}
  .r-hero{margin-left:40%}
  .pr-vesy{min-height:420px}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .top-in{flex-direction:column;align-items:flex-start;gap:16px}
  .logo b{font-size:46px}
  .birki{gap:8px 10px}.birki::before{display:none}
  .birka{font-size:14px;padding:8px 13px 8px 19px}
  .hero{padding:20px 0 40px}
  .r-hero{margin:24px 0 0 auto;margin-right:40px;font-size:21px}
  .r-hero .str{display:none}
  .s-hero{left:10px}
  .v1,.v2,.v3,.v4,.hero::before{display:none}
  .kartochki{gap:20px}
  .kartochki .mk,.kartochki .mk:nth-of-type(n+4),.kartochki .mk-foto{grid-column:1/-1}
  .r-foto{position:static;transform:none;margin:4px 0 10px}.r-foto .str{display:none}
  .h-row{flex-direction:column;align-items:flex-start;gap:10px}.r-lenta{margin:0}
  .razvorot{grid-template-columns:1fr;padding:22px 18px}
  .razvorot img{width:140px}
  .razvorot ol{grid-template-columns:1fr}
  .razvorot .mk-sovet{grid-column:1}
  .veshchi{gap:4px}.veshchi button{font-size:12.5px;padding:10px 2px 8px}.veshchi svg{width:34px;height:34px}
  .pr-polya{grid-template-columns:1fr}
  .pr-vesy{min-height:400px}
  .vesy{width:78%}
  .itog-list{top:auto;bottom:40px;right:0;min-width:0;padding:16px 20px}
  .itog{font-size:40px}
  .r-zapas{display:none}
  .op-in{grid-template-columns:1fr;padding:24px 18px}
  .zapiski{grid-template-columns:1fr}
  .faq-ph{min-height:380px}
  .pv-in{gap:18px}.pv-in nav{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .podch svg path{stroke-dashoffset:0}
  .rv{opacity:1;translate:0 0}
  .nitka{display:none}
}
.razvorot .mk-fakt{grid-column:2;margin:0;font-size:14.5px;color:var(--chern2);border-left:3px solid var(--ohra);padding-left:12px}
@media (max-width:640px){.razvorot .mk-fakt{grid-column:1}}

/* рваная бумага и мешковина по краям — как в макете */



.lenta>.wrap,.oshibki>.wrap,.faq>.wrap{position:relative;z-index:1}
.faq{position:relative}
@media (max-width:640px){
  .s-hero2{display:none}
  .zapiska-ruka{width:72%;top:auto;bottom:-10px;font-size:26px}
  .faq-ph{min-height:440px}
}
@media (max-width:1000px){.br-d{display:none}}

/* обрывки бумаги и ткани — генерация ChatGPT, лист sheet-obryvki */
.obr{position:absolute;pointer-events:none;z-index:0;height:auto;filter:drop-shadow(0 3px 5px rgba(58,42,34,.16))}
.hero>.wrap,.lenta>.wrap,.obr-polosa>.wrap,.oshibki>.wrap,.faq>.wrap,.podval>.wrap{position:relative;z-index:1}
.o-h1{left:-60px;bottom:-40px;width:420px;rotate:-6deg;opacity:.95}
.o-h2{left:-120px;top:120px;width:230px;rotate:12deg}
.o-h3{right:-40px;top:30px;width:300px;rotate:8deg}
.o-l1{left:-150px;top:180px;width:260px;rotate:-8deg}
.o-l2{right:-140px;top:520px;width:260px;rotate:10deg}
.o-p1{left:2%;right:2%;top:0;width:96%;height:100%;object-fit:fill;filter:drop-shadow(0 4px 8px rgba(58,42,34,.18))}
.op-ph .obr.o-p2{left:-34px;top:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:fill;z-index:-1;rotate:3deg}
.op-ph{background:none;padding:0;box-shadow:none}
.op-ph img:not(.obr){box-shadow:var(--ten);border:6px solid var(--list)}
.o-o1{right:-60px;top:-60px;width:420px;rotate:-4deg}
.v5{right:40px;top:-110px;width:220px;rotate:-10deg;z-index:2}
.o-f1{left:-150px;bottom:20px;width:260px;rotate:-10deg}
.o-f2{right:-60px;top:20px;width:520px;rotate:5deg}
.o-pv{left:-2%;top:0;width:104%;height:100%;object-fit:fill;filter:none}
.v6{left:-20px;bottom:-24px;top:auto;width:110px;rotate:24deg;z-index:2}
@media (max-width:640px){.o-h2,.o-h3,.o-l1,.o-l2,.o-o1,.o-f1,.v5,.v6{display:none}.o-h1{width:260px}.o-f2{width:300px;right:-80px}}
@media (max-width:640px){.pr-vesy{min-height:420px}.vesy{left:4%;width:70%}.itog-list{right:-6px;top:auto;bottom:24px}}