/* Suund 3: Vaikelu. Suuna 1 julgus (veinipunane pind, logo kui kangelane, Bodoni suurtähed) + suuna 2 õhk (valge pind, kihiline kompositsioon).
   Reegel: trükitud asjad on kandilised, hõljuvad asjad (päis, sildid, broneerimisnupp) on klaasist ja ümarad.
   Avaekraan: Kalamaja ooteala vaikelu, logo jookseb fotolt veinipunasele ja vahetab piiril värvi. */
@font-face{font-family:"Bodoni";font-weight:400 900;font-display:swap;src:url(/assets/fonts/bodoni-moda-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Bodoni";font-weight:400 900;font-display:swap;src:url(/assets/fonts/bodoni-moda-latin-ext-opsz-normal.woff2) format("woff2");unicode-range:U+0100-02BA}
@font-face{font-family:"Bodoni";font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/fonts/bodoni-moda-latin-opsz-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Bodoni";font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/fonts/bodoni-moda-latin-ext-opsz-italic.woff2) format("woff2");unicode-range:U+0100-02BA}
@font-face{font-family:"Jost";font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2192}
@font-face{font-family:"Jost";font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA}
:root{
  --white:#fcfaf7; --paper:#f6f2ec; --linen:#e6dccf; --taupe:#b9a796; --brown:#5c432f; --ink:#2b1b17; --wine:#4a0f18; --wine-d:#3a0b12;
  --serif:"Bodoni","Didot","Bodoni MT",Georgia,serif; --sans:"Jost",system-ui,sans-serif;
  --g:clamp(20px,4.2vw,60px);
  --ease:cubic-bezier(.2,.7,.1,1);
  /* tüpograafia skaala: üks suur hetk (lause), ülejäänu rahulik */
  --t-state:clamp(2.6rem,6.2vw,5.75rem);
  --t-h2:clamp(1.9rem,3.3vw,3.125rem);
  --t-h3:clamp(1.6rem,2.5vw,2.375rem);
  --t-row:clamp(1.3rem,2.2vw,2rem);
  --t-h1:clamp(1.6rem,2.45vw,2.4rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.wrap{padding-inline:var(--g);max-width:1440px;margin-inline:auto}
.caps{font-family:var(--serif);font-weight:500;font-optical-sizing:auto;text-transform:uppercase;letter-spacing:.015em;line-height:1.04;text-wrap:balance}
.caps i,.it{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}
.mini{font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* nupud: täitevärv libiseb alt üles */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.5rem;font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;
  color:var(--wine);background:linear-gradient(var(--ink),var(--ink)) bottom/100% 0 no-repeat var(--paper);transition:background-size .45s var(--ease),color .3s}
.btn:hover{background-size:100% 100%;color:var(--paper)}
.btn--wine{color:var(--paper);background-color:var(--wine)}
.arrow{font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex;gap:.5em;align-items:center;padding-bottom:.25em;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;transition:background-size .4s var(--ease)}
.arrow::after{content:"→";transition:transform .4s var(--ease)}
.arrow:hover{background-size:0 1px;background-position:right bottom}
.arrow:hover::after{transform:translateX(6px)}

/* klaas: ainult hõljuvatel elementidel */
.glass{background:rgba(74,15,24,.6);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(252,250,247,.2);box-shadow:inset 0 1px 0 rgba(252,250,247,.26),inset 0 -1px 0 rgba(43,27,23,.2),0 14px 34px -12px rgba(43,27,23,.4);color:var(--paper)}
.glass--light{background:rgba(252,250,247,.62);border-color:rgba(252,250,247,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 14px 34px -14px rgba(43,27,23,.35);color:var(--ink)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.glass{background:var(--wine)}.glass--light{background:var(--white)}}

/* päis: üleval läbipaistev, kerides klaasist riba */
.top{position:fixed;left:0;right:0;top:0;z-index:50;padding:calc(12px + env(safe-area-inset-top,0px)) var(--g) 0;pointer-events:none}
.top__in{pointer-events:auto;display:flex;align-items:center;gap:1.5rem;height:60px;max-width:1440px;margin-inline:auto;padding-inline:0;border-radius:999px;border:1px solid transparent;color:var(--paper);
  transition:max-width .6s var(--ease),padding .6s var(--ease),background-color .4s,border-color .4s,box-shadow .4s}
.top.is-glass .top__in{max-width:1160px;padding-inline:26px 8px;background:rgba(74,15,24,.8);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border-color:rgba(252,250,247,.2);box-shadow:inset 0 1px 0 rgba(252,250,247,.26),0 14px 34px -12px rgba(43,27,23,.4)}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.top.is-glass .top__in{background:var(--wine)}}
.top__logo{width:0;opacity:0;overflow:hidden;transition:width .6s var(--ease),opacity .4s;flex:none}
.top__logo img{width:92px;max-width:none}
.top.is-glass .top__logo{width:92px;opacity:1}
.top nav ul{display:flex;gap:clamp(1rem,1.9vw,1.9rem)}
.top nav a{text-decoration:none;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;padding-block:.6rem;background:linear-gradient(currentColor,currentColor) left 85%/0 1px no-repeat;transition:background-size .35s var(--ease)}
.top nav a:hover{background-size:100% 1px}
.top__book{margin-left:auto;position:relative}
.top__book .btn{min-height:44px;padding:.5rem 1.2rem;border-radius:999px}
.burger{display:none;margin-left:auto;border:0;background:none;letter-spacing:.16em;text-transform:uppercase;font-size:.8125rem;font-weight:500;min-height:44px;padding-inline:.9rem;cursor:pointer}
.pop{background:var(--wine-d);-webkit-backdrop-filter:none;backdrop-filter:none;position:absolute;right:0;top:calc(100% + 12px);width:300px;border-radius:22px;padding:8px;display:grid;gap:4px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s}
.pop.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--ease)}
.pop a{display:grid;gap:.1rem;padding:.8rem 1rem;border-radius:16px;text-decoration:none;transition:background-color .25s}
.pop a:hover{background:rgba(252,250,247,.14)}
.pop b{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:1.25rem;letter-spacing:.02em}
.pop span{font-size:.9375rem;color:var(--linen)}
@media(max-width:1099px){.top nav,.top__book{display:none}.burger{display:block}.top__in{height:54px}.top.is-glass .top__in{padding-inline:20px 6px}}

/* mobiilimenüü */
.menu{position:fixed;inset:0;z-index:60;background:var(--wine);color:var(--paper);padding:calc(18px + env(safe-area-inset-top,0px)) var(--g) 2rem;display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.menu.is-open{opacity:1;visibility:visible;transition:opacity .35s}
.menu__top{display:flex;justify-content:space-between;align-items:center}
.menu__top img{width:104px}
.menu ul{align-self:center;display:grid;gap:.2rem}
.menu li{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .6s var(--ease)}
.menu.is-open li{opacity:1;transform:none;transition-delay:calc(var(--i)*45ms + 80ms)}
.menu li a{display:block;padding:.45rem 0;text-decoration:none;font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(1.7rem,7.4vw,2.4rem);letter-spacing:.015em;line-height:1.1}
.menu__book{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.menu__book .btn{padding-inline:.5rem;white-space:normal;text-align:center}

/* avaekraan */
.hero{background:var(--wine);color:var(--paper);position:relative;overflow:hidden}
.hero__in{position:relative;max-width:1440px;margin-inline:auto;padding:calc(92px + env(safe-area-inset-top,0px)) var(--g) 2.5rem;display:grid;gap:1.6rem}
.logo{aspect-ratio:896/343;-webkit-mask:url(/assets/img/logo-hele.svg) center/contain no-repeat;mask:url(/assets/img/logo-hele.svg) center/contain no-repeat;background:var(--paper)}
.hero__logo{width:min(84%,460px)}
.hero__photo{position:relative}
.plate{overflow:hidden;position:relative;background:var(--linen)}
.plate img{width:100%;height:100%;object-fit:cover}
.hero__photo .plate{aspect-ratio:1/1.02}
.hero__photo .plate img{filter:sepia(.14) saturate(1.06)}
.hero__cap{position:absolute;left:10px;bottom:10px;padding:.35rem .85rem;border-radius:999px;font-size:.8125rem}
.reel{position:absolute;right:-6px;bottom:-34px;width:36%;z-index:3}
.reel__frame{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--ink);box-shadow:0 22px 44px -18px rgba(20,6,8,.7)}
.reel__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease;scale:1.08}
.reel__frame img.is-on{opacity:1;scale:1;transition:opacity 1.3s ease,scale 6s linear}
.reel__tag{position:absolute;left:8px;bottom:8px;right:8px;display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.2rem .25rem .2rem .8rem;border-radius:999px;font-size:.8125rem;letter-spacing:.04em}
.reel__tag button{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:rgba(43,27,23,.12);cursor:pointer;display:grid;place-items:center;position:relative}
.reel__tag button::after{content:"";position:absolute;inset:-6px}
.reel__tag button i{display:block;width:8px;height:10px;border-inline:2.5px solid currentColor}
.reel__tag button[aria-pressed="true"] i{width:0;height:0;border-block:5.5px solid transparent;border-left:9px solid currentColor;border-right:0;margin-left:2px}
.hero__txt{display:grid;gap:1.05rem;margin-top:1.6rem}
.hero h1{font-size:var(--t-h1)}
.hero h1 i{color:var(--linen)}
.hero .lead{color:var(--linen);max-width:29em}
.hero__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:.4rem}
.hero__btns .btn{padding-inline:.5rem;white-space:normal;text-align:center;line-height:1.3}
@media(min-width:760px){
  .hero__in{display:block;height:clamp(770px,66vw,800px);padding-block:0}
  .hero__photo{position:absolute;left:var(--g);top:104px;bottom:60px;width:38%}
  .hero__photo .plate{aspect-ratio:auto;height:100%}
  .hero__logo{position:absolute;z-index:2;left:calc(var(--g) + 26%);top:136px;width:50%;
    background:linear-gradient(90deg,var(--wine) 0 var(--cut),var(--paper) var(--cut) 100%);--cut:24%}
  .reel{right:auto;left:100%;bottom:44px;width:34%;margin-left:-17%}
  .hero__txt{position:absolute;left:calc(var(--g) + 50%);right:var(--g);bottom:60px;margin:0;gap:1.15rem}
  .hero__btns{display:flex;flex-wrap:wrap;gap:.75rem}
  .hero__btns .btn{padding-inline:clamp(.9rem,1.5vw,1.4rem);white-space:nowrap}
}
/* avaekraani sissetulek */
.js .hero__photo .plate{animation:open 1.5s var(--ease) both}
.js .hero__photo .plate img{animation:settle 2.2s var(--ease) both}
.js .hero__logo{animation:wipe 1.5s var(--ease) .35s both}
.js .reel{animation:rise 1.2s var(--ease) .9s both}
.js .hero__txt>*{animation:rise 1s var(--ease) both;animation-delay:calc(.75s + var(--i,0)*.11s)}
@keyframes open{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes settle{from{scale:1.22}to{scale:1}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* liikuv rida avaekraani jalamil */
.tape{background:var(--wine-d);color:var(--linen);overflow:hidden;padding-block:.95rem}
.tape div{display:flex;gap:2.2rem;width:max-content;animation:tape 60s linear infinite;font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.5vw,1.375rem)}
.tape:hover div{animation-play-state:paused}
.tape span{white-space:nowrap}
.tape b{font-weight:400;color:var(--taupe);font-style:normal}
@keyframes tape{to{transform:translateX(-50%)}}

/* lause */
.state{padding-block:clamp(5rem,11vw,10rem) clamp(4rem,8vw,7rem);display:grid;gap:clamp(2rem,4vw,3.5rem)}
.state h2{font-size:var(--t-state);line-height:.98;color:var(--wine)}
.state h2 i{color:var(--brown)}
.state h2 span{display:inline-block}
.state__body{display:grid;gap:1.5rem;max-width:33em;font-size:1.1875rem;justify-items:start}
.state__fig{max-width:300px}
.state__fig .plate{aspect-ratio:3/4}
.state__fig figcaption,.cap{font-size:.9375rem;color:var(--brown);margin-top:.7rem}
@media(min-width:900px){
  .state{grid-template-columns:minmax(0,7fr) minmax(0,3fr);grid-template-rows:auto auto;align-items:start;column-gap:clamp(2rem,6vw,6rem)}
  .state h2{max-width:9em}
  .state__body{margin-left:16%;grid-column:1}
  .state__fig{grid-column:2;grid-row:1/3;justify-self:end;align-self:end;width:100%}
}

/* stuudiod: foto ongi valik */
.studios{padding-bottom:clamp(5rem,10vw,9rem)}
.sec-head{display:grid;gap:.9rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.sec-head h2{font-size:var(--t-h2);color:var(--wine)}
.sec-head h2 i{color:var(--brown)}
.sec-head p{max-width:30em}
@media(min-width:900px){.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:2rem}}
.studios__grid{display:grid;gap:1.25rem}
.studio{position:relative;display:block;text-decoration:none;color:inherit}
.studio .plate{aspect-ratio:4/4.6}
.studio .plate img{transition:scale 1.4s var(--ease)}
.studio:hover .plate img{scale:1.05}
.studio__tag{position:absolute;left:14px;right:14px;bottom:14px;border-radius:24px;padding:1.1rem 1.25rem 1.15rem;display:grid;gap:.15rem;transition:transform .6s var(--ease)}
.studio:hover .studio__tag{transform:translateY(-6px)}
.studio__tag h3{font-size:var(--t-h3);color:var(--wine)}
.studio__tag .it{font-size:1.1875rem;color:var(--brown)}
.studio__tag p{font-size:.9375rem;margin-top:.35rem}
.studio__go{margin-top:.7rem;font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--wine);display:inline-flex;gap:.6em}
.studio__go::after{content:"→";transition:transform .4s var(--ease)}
.studio:hover .studio__go::after{transform:translateX(6px)}
@media(min-width:800px){
  .studios__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(1.25rem,3vw,3rem);align-items:start}
  .studio:nth-child(2){margin-top:clamp(3rem,9vw,8rem)}
  .studio__tag{left:22px;right:auto;bottom:22px;min-width:min(340px,80%)}
}

/* teenused veinipunasel */
.svc{background:var(--wine);color:var(--paper);padding-block:clamp(4.5rem,9vw,8rem)}
.svc .sec-head h2{color:var(--paper)}
.svc .sec-head h2 i{color:var(--taupe)}
.svc .sec-head p{color:var(--linen)}
.svc__list{border-top:1px solid rgba(246,242,236,.28)}
.svc__list a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.1rem .85rem;align-items:center;padding:1.05rem 0;border-bottom:1px solid rgba(246,242,236,.28);text-decoration:none;transition:opacity .35s}
.svc__list img{grid-row:1/3;width:56px;height:70px;object-fit:cover}
.svc__list .caps{font-size:clamp(1.0625rem,4.4vw,1.5rem);align-self:end;overflow-wrap:break-word;hyphens:manual;transition:transform .5s var(--ease)}
.svc__list .it{grid-column:2;font-size:1.125rem;color:var(--linen);align-self:start}
.svc__list b{grid-row:1/3;grid-column:3;font-weight:500;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.svc__more{margin-top:2.25rem}
.svc__peek{display:none}
@media(min-width:760px) and (hover:hover) and (pointer:fine){
  .svc__list a{grid-template-columns:minmax(0,5fr) minmax(0,4fr) 8.5rem;padding:1.5rem 0;align-items:baseline}
  .svc__list .caps{font-size:var(--t-row)}
  .svc__list img{display:none}
  .svc__list .caps,.svc__list .it{align-self:baseline}
  .svc__list .it{grid-column:2;grid-row:1;font-size:1.25rem}
  .svc__list b{grid-row:1}
  .svc__list:hover a,.svc__list:focus-within a{opacity:.42}
  .svc__list a:hover,.svc__list a:focus-visible{opacity:1}
  .svc__list a:hover .caps,.svc__list a:focus-visible .caps{transform:translateX(18px)}
  .svc__peek{display:block;position:fixed;left:0;top:0;z-index:40;width:250px;aspect-ratio:3/4;overflow:hidden;pointer-events:none;opacity:0;scale:.86;transition:opacity .35s,scale .6s var(--ease);box-shadow:0 30px 60px -24px rgba(20,6,8,.75);will-change:transform}
  .svc__peek.is-on{opacity:1;scale:1}
  .svc__peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}
  .svc__peek img.is-on{opacity:1}
}

/* tööd: lohistatav riba */
.works{padding-block:clamp(5rem,10vw,9rem) clamp(4rem,8vw,7rem)}
.works__nav{display:flex;gap:.6rem;justify-self:start}
@media(min-width:900px){.works__nav{justify-self:end}}
.round{width:52px;height:52px;border-radius:50%;border:1px solid var(--wine);background:transparent;color:var(--wine);cursor:pointer;font-size:1.25rem;display:grid;place-items:center;transition:background-color .3s,color .3s}
.round:hover{background:var(--wine);color:var(--paper)}
.round[disabled]{opacity:.35;cursor:default;background:transparent;color:var(--wine)}
.strip{display:flex;gap:clamp(12px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x proximity;padding-inline:max(var(--g),calc((100vw - 1440px)/2 + var(--g)));scroll-padding-inline:max(var(--g),calc((100vw - 1440px)/2 + var(--g)));scrollbar-width:none;cursor:grab;align-items:flex-start}
.strip::-webkit-scrollbar{display:none}
.strip.is-drag{cursor:grabbing;scroll-snap-type:none}
.strip.is-drag img{pointer-events:none}
.strip figure{flex:none;scroll-snap-align:start}
.strip .plate{height:clamp(300px,36vw,500px)}
.strip figure:nth-child(even){margin-top:clamp(1.5rem,4vw,3.5rem)}
.strip img{height:100%;width:auto;max-width:none;transition:scale 1.2s var(--ease)}
.strip figure:hover img{scale:1.04}
.strip .it{font-size:1.1875rem;color:var(--wine)}
.works__foot{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between;align-items:center;margin-top:2rem}

/* meeskond */
.team{padding-bottom:clamp(5rem,10vw,9rem)}
.team ul{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem clamp(12px,1.6vw,24px)}
.team .plate{aspect-ratio:3/4}
.team .plate img{object-position:top;transition:scale 1.2s var(--ease)}
.team li:hover .plate img{scale:1.04}
.team h3{font-size:1.5rem;margin-top:.9rem}
.team li p{font-size:1rem}
.team li .it{font-size:1.1875rem;color:var(--wine)}
@media(min-width:900px){.team ul{grid-template-columns:repeat(4,1fr)}.team li:nth-child(even){margin-top:3.5rem}}

/* koolitus: foto ja klaaskaart */
.edu{position:relative;max-width:1440px;margin-inline:auto;padding-inline:var(--g)}
.edu .plate{aspect-ratio:4/3.4}
.edu__card{position:relative;margin:-64px 12px 0;border-radius:28px;background:rgba(74,15,24,.84);padding:1.6rem 1.5rem 1.7rem;display:grid;gap:1.05rem;justify-items:start}
.edu h2{font-size:var(--t-h3)}
.edu h2 i{color:var(--linen)}
.edu ul{display:flex;flex-wrap:wrap;gap:.3rem 1.5rem;color:var(--linen);font-size:1rem}
.edu .btn{border-radius:999px}
@media(min-width:900px){
  .edu .plate{aspect-ratio:16/8.2}
  .edu__card{position:absolute;left:calc(var(--g) + 40px);bottom:40px;margin:0;width:min(560px,50%);padding:2.2rem 2.2rem 2.3rem;background:rgba(74,15,24,.7)}
}

.quote{padding-block:clamp(5rem,10vw,9rem);text-align:center}
.quote blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.2vw,2.875rem);line-height:1.2;color:var(--wine);max-width:19em;margin-inline:auto;text-wrap:balance}
.quote p{margin-top:1.6rem}

/* lõpp */
.visit{background:var(--wine);color:var(--paper);padding-block:clamp(4.5rem,9vw,7.5rem) 0}
.visit h2{font-size:var(--t-h2)}
.visit h2 i{color:var(--taupe)}
.visit__grid{display:grid;gap:2.75rem;margin-top:clamp(2.25rem,4vw,3.5rem)}
.visit h3{font-size:var(--t-h3);margin-bottom:.8rem}
.visit p{color:var(--linen);max-width:26em;margin-bottom:1.4rem}
@media(min-width:800px){.visit__grid{grid-template-columns:1fr 1fr}}
.sign{margin-top:clamp(4rem,8vw,7rem);padding-bottom:1.5rem}
.sign .logo{width:min(100%,900px);margin-inline:auto}
.sign p{max-width:none;display:flex;justify-content:space-between;gap:.6rem 2rem;flex-wrap:wrap;font-size:.9375rem;color:var(--taupe);margin-top:2.25rem;border-top:1px solid rgba(246,242,236,.22);padding-top:1.25rem}
.note{background:var(--wine-d);color:var(--linen);font-size:.875rem;padding:.7rem var(--g) calc(.7rem + env(safe-area-inset-bottom,0px));display:flex;gap:.5rem 1.5rem;justify-content:space-between;flex-wrap:wrap}

/* mobiilne broneerimisnupp */
.dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:45;translate:-50% 0;width:min(340px,calc(100vw - 32px));display:grid;gap:8px;transform:translateY(140%);transition:transform .6s var(--ease)}
.dock.is-in{transform:none}
.dock__panel{background:var(--wine-d);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;padding:8px;display:grid;gap:4px}
.dock__panel a{display:grid;gap:.05rem;padding:.75rem 1rem;border-radius:16px;text-decoration:none}
.dock__panel b{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:1.2rem;letter-spacing:.02em}
.dock__panel span{font-size:.9375rem;color:var(--linen)}
.dock__btn{background:rgba(74,15,24,.82);min-height:54px;border-radius:999px;cursor:pointer;font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.7em}
.dock__btn::after{content:"";width:7px;height:7px;border-right:1.5px solid;border-top:1.5px solid;rotate:-45deg;translate:0 2px;transition:rotate .4s var(--ease),translate .4s}
.dock__btn[aria-expanded="true"]::after{rotate:135deg;translate:0 -2px}
@media(min-width:1100px){.dock{display:none}}

/* ilmumine kerimisel */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform 1.1s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.js .rv.is-in{opacity:1;transform:none}
.js .plate.pr{background:transparent}
.js .plate.pr>img{clip-path:inset(100% 0 0 0);scale:1.2;transition:clip-path 1.3s var(--ease),scale 1.9s var(--ease);transition-delay:calc(var(--d,0)*110ms)}
.js .plate.pr.is-in>img{clip-path:inset(0);scale:1}
.js .studio:hover .plate.pr.is-in>img{scale:1.05;transition-delay:0s}
.js .team li:hover .plate.pr.is-in>img,.js .strip figure:hover .plate.pr.is-in>img{scale:1.04;transition-delay:0s}
.js .sign .logo{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease)}
.js .sign.is-in .logo{clip-path:inset(0)}
[data-par],[data-par0],[data-parin]{will-change:transform}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv,.js .plate.pr>img,.js .sign .logo{opacity:1;transform:none;clip-path:none;scale:1}
  .tape div{flex-wrap:wrap;width:auto;padding-inline:var(--g);gap:.3rem 1.4rem}
  .tape [aria-hidden]{display:none}
  .reel__tag button{display:none}
  .reel__tag{padding:.45rem .8rem}
  .state h2 span{opacity:1!important}
}

/* ===== küünehoolduse leht ===== */
.top.is-inner .top__logo{width:92px;opacity:1}
.top nav a[aria-current]{background-size:100% 1px}
.crumb{display:flex;gap:.6em;flex-wrap:wrap}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb span{color:var(--taupe)}
.nh{background:var(--wine);color:var(--paper);position:relative}
.nh__in{position:relative;max-width:1440px;margin-inline:auto;padding:calc(104px + env(safe-area-inset-top,0px)) var(--g) 0;display:grid;gap:1.75rem}
.nh__txt{display:grid;gap:1.2rem;justify-items:start}
.nh h1{font-size:clamp(2.7rem,5.6vw,5.25rem);line-height:.98}
.nh h1 i{color:var(--linen)}
.nh .lead{color:var(--linen);max-width:30em;font-size:1.125rem}
.nh__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.nh__btns .btn{padding-inline:.5rem;white-space:normal;text-align:center;line-height:1.3}
.nh__pics{position:relative;margin-bottom:-56px;padding-right:18%;max-width:560px}
.nh__a .plate{aspect-ratio:4/5}
.nh__b{position:absolute;right:0;bottom:-28px;width:42%;z-index:2;box-shadow:0 24px 46px -20px rgba(20,6,8,.7)}
.nh__b .plate{aspect-ratio:3/4.4}
.ptag{position:absolute;left:10px;bottom:10px;padding:.35rem .85rem;border-radius:999px;font-size:.8125rem;white-space:nowrap}
.js .nh__a .plate{animation:open 1.5s var(--ease) both}
.js .nh__a .plate img{animation:settle 2.2s var(--ease) both}
.js .nh__b{animation:rise 1.2s var(--ease) .7s both}
.js .nh__txt>*{animation:rise 1s var(--ease) both;animation-delay:calc(.25s + var(--i,0)*.11s)}
@media(min-width:760px){
  .nh__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:end;padding-top:calc(128px + env(safe-area-inset-top,0px))}
  .nh__txt{padding-bottom:clamp(3.5rem,6vw,5.5rem);gap:1.4rem}
  .nh__btns{display:flex;flex-wrap:wrap;gap:.75rem;width:auto}
  .nh__btns .btn{padding-inline:1.4rem;white-space:nowrap}
  .nh__pics{margin-bottom:-88px;padding:0 0 0 24%;max-width:none}
  .nh__b{right:auto;left:0;bottom:-36px;width:40%}
  .nh__a .ptag{left:auto;right:10px}
}

/* mida pakume */
.offer{padding-block:clamp(7rem,13vw,12rem) clamp(4rem,8vw,7rem);display:grid;gap:clamp(2rem,4vw,3.5rem)}
.offer h2{font-size:var(--t-h2);color:var(--wine)}
.offer h2 i{color:var(--brown)}
.offer__list{display:grid}
.offer__list li{display:grid;gap:.5rem;padding-block:1.6rem;border-top:1px solid var(--linen)}
.offer__list h3{font-size:var(--t-h3);color:var(--wine)}
.offer__list p{max-width:34em}
.offer__fig{max-width:340px}
.offer__fig .plate{aspect-ratio:3/4}
@media(min-width:900px){
  .offer{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(2.5rem,7vw,7rem);align-items:start}
  .offer__head{grid-column:2}
  .offer__fig{grid-column:1;grid-row:1/3;max-width:none;position:sticky;top:110px}
  .offer__list{grid-column:2}
  .offer__list li{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:baseline;padding-block:1.9rem}
}

/* tööd tehnikute kaupa */
.by{padding-block:clamp(2rem,5vw,4rem) clamp(5rem,10vw,9rem);display:grid;gap:clamp(4rem,8vw,7rem)}
.by__row{display:grid;gap:1.75rem}
.by__who{padding-inline:var(--g);display:grid;gap:.7rem;justify-items:start;align-content:start}
.by__who h3{font-size:var(--t-h2);color:var(--wine)}
.by__who .it{font-size:1.25rem;color:var(--brown)}
.by__who p{max-width:22em}
.by__nav{display:flex;gap:.6rem;margin-top:.5rem}
.by .strip .plate{height:clamp(280px,31vw,440px)}
.by .strip figure:nth-child(even){margin-top:clamp(1.25rem,3vw,2.75rem)}
.by .strip figcaption{max-width:17em}
@media(min-width:760px){
  .by__row{grid-template-columns:minmax(0,3.4fr) minmax(0,8.6fr);gap:0;align-items:start}
  .by__who{padding-left:max(var(--g),calc((100vw - 1440px)/2 + var(--g)));padding-right:2rem;position:sticky;top:120px}
  .by__row .strip{padding-inline:0 var(--g);scroll-padding-inline:0}
  .by__row--flip{grid-template-columns:minmax(0,8.6fr) minmax(0,3.4fr)}
  .by__row--flip .by__who{order:2;padding-left:2.5rem;padding-right:max(var(--g),calc((100vw - 1440px)/2 + var(--g)))}
  .by__row--flip .strip{padding-inline:max(var(--g),calc((100vw - 1440px)/2 + var(--g))) 0;scroll-padding-inline:max(var(--g),calc((100vw - 1440px)/2 + var(--g)))}
}

/* hinnad: kaks veergu kõrvuti, rühmad samal joonel */
.price{background:var(--wine);color:var(--paper);padding-block:clamp(4.5rem,9vw,8rem)}
.price .sec-head h2{color:var(--paper)}
.price .sec-head h2 i{color:var(--taupe)}
.price .sec-head p{color:var(--linen)}
.ptabs{display:none}
.js .ptabs{position:sticky;top:calc(78px + env(safe-area-inset-top,0px));z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;margin-bottom:2rem;background:rgba(58,11,18,.72);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(252,250,247,.2)}
.ptabs button{min-height:46px;border:0;border-radius:999px;background:transparent;color:var(--paper);font-size:.8125rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background-color .35s,color .35s}
.ptabs button[aria-selected="true"]{background:var(--paper);color:var(--wine)}
.price__grid{display:grid;gap:3.5rem}
.pcol{display:grid;gap:2rem;align-content:start}
.pcol__head{display:grid;gap:.3rem}
.pcol__head h3{font-size:var(--t-h2)}
.pcol__head .it{font-size:1.25rem;color:var(--linen)}
.pgroup__t{margin:0 0 .5rem;font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--taupe)}
.pgroup li{display:flex;align-items:baseline;gap:.75rem;padding-block:.62rem;font-size:1.125rem}
.pgroup li span{min-width:0}
.pgroup li::after{content:"";order:1;flex:1;min-width:1.5rem;border-bottom:1px dotted rgba(246,242,236,.42);translate:0 -.3em}
.pgroup li b{order:2;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.pcol__foot{display:grid;gap:1.25rem;justify-items:start}
.pcol__foot p{color:var(--linen);font-size:1rem;min-height:1.65em}
@media(max-width:899px){.js .price__grid[data-show="kal"] #p-kit,.js .price__grid[data-show="kit"] #p-kal{display:none}}
@media(min-width:900px){
  .js .ptabs{display:none}
  .price__grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);column-gap:clamp(3rem,8vw,8rem);row-gap:2.25rem}
  .pcol{grid-row:1/-1;grid-template-rows:subgrid;row-gap:2.5rem}
  .pgroup li{padding-block:.72rem}
}
.price__all{margin-top:clamp(2.5rem,5vw,4rem)}

/* kuidas see käib */
.steps{padding-block:clamp(5rem,10vw,9rem) clamp(3rem,6vw,5rem)}
.steps ol{list-style:none;padding:0;margin:0;display:grid;gap:2.5rem}
.steps li{display:grid;gap:.6rem;align-content:start}
.steps .num{font-family:var(--serif);font-style:italic;font-size:clamp(3rem,5vw,4.5rem);line-height:.9;color:var(--taupe)}
.steps h3{font-size:1.5rem;color:var(--wine)}
.steps p{max-width:24em}
@media(min-width:900px){.steps ol{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,5rem)}.steps li:nth-child(2){margin-top:3rem}.steps li:nth-child(3){margin-top:6rem}}

/* KKK */
.faq{padding-block:clamp(3rem,6vw,5rem) clamp(5rem,10vw,9rem);display:grid;gap:clamp(2rem,4vw,3rem)}
.faq h2{font-size:var(--t-h2);color:var(--wine)}
.faq h2 i{color:var(--brown)}
.faq details{border-top:1px solid var(--linen)}
.faq details:last-child{border-bottom:1px solid var(--linen)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1.25rem 0;font-size:1.1875rem;font-weight:500;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--wine),var(--wine)) center/100% 1.5px no-repeat,linear-gradient(var(--wine),var(--wine)) center/1.5px 100% no-repeat;transition:rotate .45s var(--ease)}
.faq details[open] summary::after{rotate:135deg}
.faq summary:hover{color:var(--wine)}
.faq details p{padding:0 2.5rem 1.5rem 0;max-width:40em}
.faq details::details-content{opacity:0;transition:opacity .5s,content-visibility .5s allow-discrete}
.faq details[open]::details-content{opacity:1}
@media(min-width:900px){.faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(2.5rem,7vw,7rem)}.faq h2{position:sticky;top:120px;align-self:start}}

.also{padding-bottom:clamp(4rem,8vw,7rem);display:grid;gap:1.25rem}
.also ul{display:grid;gap:.2rem}
.also a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-top:1px solid var(--linen);text-decoration:none;font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:var(--t-h3);letter-spacing:.015em;color:var(--wine);transition:padding .5s var(--ease)}
.also a::after{content:"→";font-family:var(--sans);font-size:1.25rem;transition:transform .5s var(--ease)}
.also a:hover{padding-left:1rem}
.also a:hover::after{transform:translateX(6px)}
.sign--s .logo{width:min(70%,420px)}

/* ===== küünehooldus, versioon 2 ===== */
body{font-size:1.125rem}
.cap{font-size:1rem}
.nh .lead{font-size:1.1875rem}

/* mida pakume: üks suur foto, mis püsib paigal, kõrval tekst, mis kerides teravaks läheb */
.what{display:grid;gap:2.5rem;padding-top:clamp(5.5rem,10vw,9rem);padding-bottom:clamp(4rem,9vw,8rem)}
.what__fig{position:relative;margin-right:var(--g)}
.what__fig>.plate{aspect-ratio:4/4.6}
.what__fig>.cap{padding-left:var(--g);max-width:70%}
.what__small{position:absolute;right:calc(var(--g)*-.5);bottom:-1.25rem;width:34%;box-shadow:0 24px 46px -22px rgba(43,27,23,.55)}
.what__small .plate{aspect-ratio:3/4}
.what__txt{padding-inline:var(--g);display:grid;gap:1.5rem}
.what h2{font-size:var(--t-h2);color:var(--wine)}
.what h2 i{color:var(--brown)}
.what__list{display:grid;gap:2.25rem}
.what__list li{display:grid;gap:.6rem}
.what__list h3{font-size:var(--t-h3);color:var(--wine)}
.what__list p{max-width:30em}
@media(min-width:760px){
  .what{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:0;align-items:start;max-width:1560px;margin-inline:auto}
  .what__fig{position:sticky;top:96px;margin:0}
  .what__fig>.plate{aspect-ratio:auto;height:min(78vh,760px)}
  .what__small{right:-9%;bottom:8%;width:30%}
  .what__txt{padding:clamp(1rem,4vw,4rem) max(var(--g),4vw) 0 clamp(5rem,11vw,11rem);gap:clamp(2rem,4vw,3.5rem)}
  .what__list{gap:0}
  .what__list li{padding-block:clamp(2.25rem,5vh,3.5rem);transition:opacity .5s ease}
  .js .what__list.is-live li{opacity:.66}
  .js .what__list.is-live li.is-on{opacity:1}
  .what__list h3{font-size:clamp(2rem,3.4vw,3.25rem)}
  .what__list p{font-size:1.1875rem}
}

/* tehnikud: üks suur töö, kaks väiksemat selle peal ja kõrval */
.who{display:grid;gap:1.75rem;padding-inline:var(--g);padding-bottom:clamp(5rem,11vw,10rem);max-width:1440px;margin-inline:auto}
.who__txt{display:grid;gap:.9rem;justify-items:start}
.who__name{font-size:var(--t-state);line-height:.95;color:var(--wine)}
.who__lead{max-width:24em}
.who__main .plate{aspect-ratio:4/4.7}
.who figure{position:relative}
.who .plate img{transition:scale 1.4s var(--ease)}
.who__a,.who__b{width:56%}
.who__a .plate{aspect-ratio:3/4}
.who__b .plate{aspect-ratio:3/4}
.who__a{margin-top:.5rem;z-index:2}
.who__a .cap,.who__b .cap{font-size:.9375rem}
.who__b{width:38%;justify-self:end;margin-top:-11rem}
.who--lis .who__main{margin-right:calc(var(--g)*-1)}
.who--mar .who__main{margin-left:calc(var(--g)*-1)}
.who--mar .who__main .cap{padding-left:var(--g)}
.who--mar .who__a{justify-self:end}
.who--mar .who__a .plate{aspect-ratio:1/.97}
.who--mar .who__b{justify-self:start}
.who--mar{padding-bottom:0}
.who--mar .who__b{margin-bottom:-4.5rem;z-index:3}
@media(min-width:760px){
  .who{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:clamp(12px,1.6vw,24px);row-gap:0;align-items:start}
  .who__txt{grid-column:1/6;grid-row:1;padding-top:clamp(1rem,4vw,4rem);gap:1.1rem}
  .who__main{grid-column:6/13;grid-row:1/3;margin:0!important}
  .who__main .plate{aspect-ratio:4/4.5}
  .who--lis .who__main .cap{text-align:right}
  .who__a{grid-column:4/6;grid-row:2;width:auto;margin:3rem -34% -4.5rem 0;align-self:end;justify-self:stretch}
  .who__b{grid-column:1/3;grid-row:2;width:auto;margin:3rem 14% 2.5rem 0;align-self:end;justify-self:stretch}
  .who--mar .who__txt{grid-column:8/13;padding-left:1rem}
  .who--mar{padding-bottom:3.5rem}
  .who--mar .who__main{grid-column:1/8}
  .who--mar .who__main .cap{padding-left:0}
  .who--mar .who__a{grid-column:8/11;margin:3rem 0 2.5rem -34%;justify-self:stretch}
  .who--mar .who__b{grid-column:11/13;margin:3rem 0 -11rem 0;justify-self:stretch}
}
.who__a .plate,.who__b .plate{box-shadow:0 24px 46px -22px rgba(43,27,23,.5)}
.who--mar .who__b .cap{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:.4rem .8rem;border-radius:16px;font-size:.875rem;line-height:1.3;color:var(--ink);background:rgba(252,250,247,.66);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(252,250,247,.7)}

/* hinnad: suurem kiri, selgem rida */
.price--2{padding-top:clamp(7rem,12vw,10rem)}
.price--2 .pgroup__t{font-size:.875rem;color:var(--linen);margin-bottom:.35rem}
.price--2 .pgroup li{font-size:1.1875rem;line-height:1.35;padding-block:.85rem;border-bottom:1px solid rgba(246,242,236,.16);transition:background-color .3s,opacity .3s}
.price--2 .pgroup li::after{display:none}
.price--2 .pgroup li{justify-content:space-between;gap:1.5rem}
.price--2 .pgroup li b{font-weight:600;font-size:1.25rem}
.price--2 .pcol__head .it{font-size:1.375rem}
.price--2 .pcol__foot p{font-size:1.0625rem}
.price--2 .sec-head p{font-size:1.125rem}
@media(min-width:900px){
  .price--2 .pgroup li{font-size:1.25rem;padding-block:.95rem}
  .price--2 .pgroup li b{font-size:1.3125rem}
  .price--2 .price__grid.is-cmp li{opacity:.4}
  .price--2 .price__grid.is-cmp li.is-same{opacity:1}
}

/* hea teada: kuidas see käib ja küsimused ühes plokis */
.know{background:var(--paper);padding-block:clamp(4.5rem,9vw,8rem)}
.know__in{display:grid;gap:clamp(3.5rem,7vw,5rem)}
.know h2{font-size:var(--t-h2);color:var(--wine);margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.know h2 i{color:var(--brown)}
.know ol{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:1.75rem}
.know ol li{counter-increment:st;display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:.5rem}
.know ol li::before{content:counter(st);font-family:var(--serif);font-style:italic;font-size:2.25rem;line-height:1;color:var(--wine);grid-row:1/3}
.know ol h3{font-size:1.1875rem;font-weight:600;margin:0}
.know ol p{grid-column:2;max-width:26em}
.faq2 details{border-top:1px solid var(--linen)}
.faq2 details:last-child{border-bottom:1px solid var(--linen)}
.faq2 summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1.2rem 0;font-size:1.1875rem;font-weight:500;min-height:60px}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"";flex:none;width:15px;height:15px;background:linear-gradient(var(--wine),var(--wine)) center/100% 1.5px no-repeat,linear-gradient(var(--wine),var(--wine)) center/1.5px 100% no-repeat;transition:rotate .45s var(--ease)}
.faq2 details[open] summary::after{rotate:135deg}
.faq2 summary:hover{color:var(--wine)}
.faq2 details p{padding:0 2.5rem 1.5rem 0;max-width:36em}
.faq2 details p:has(+ul){padding-bottom:.8rem}
.faq2 details ul{margin:0;padding:0 2.5rem 1.6rem 0;list-style:none;max-width:36em;display:grid;gap:.45rem}
.faq2 details li{position:relative;padding-left:1.4rem}
.faq2 details li::before{content:"";position:absolute;left:0;top:.72em;width:.6rem;height:1px;background:var(--wine)}
.faq2 details::details-content{opacity:0;transition:opacity .5s,content-visibility .5s allow-discrete}
.faq2 details[open]::details-content{opacity:1}
@media(min-width:760px){.know__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(3rem,8vw,8rem);align-items:start}.know__steps{position:sticky;top:120px}}
.visit__also{margin-top:clamp(2.5rem,5vw,4rem);max-width:none!important;color:var(--linen)}
.visit__also a{color:var(--paper)}
@media(prefers-reduced-motion:reduce){.js .what__list.is-live li{opacity:1}}

/* ===== versioon 3: algus nagu avalehel ===== */
.kh__in{gap:1.4rem}
.kh .kh__h1{font-size:clamp(2.9rem,13vw,4.2rem);line-height:.96;padding-top:.2em}
.kh__h1 span,.kh__h1 i{display:block}
.kh__h1 i{color:var(--linen)}
.kh__photo .plate{aspect-ratio:1/1.08}
.kh__photo .plate img{object-position:50% 38%;filter:none}
.kh__cap{bottom:auto;top:10px}
.kh .reel__tag{font-size:.75rem;padding-left:.7rem;line-height:1.25}
.kh .reel{width:40%}
.kh__txt{margin-top:2.2rem}
.kh .lead{font-size:1.1875rem}
.js .kh__h1{animation:wipe 1.5s var(--ease) .35s both}
.js .kh__crumb{animation:rise 1s var(--ease) .2s both}
@media(min-width:760px){
  .kh__in{height:clamp(770px,60vw,840px)}
  .kh__photo{top:104px;bottom:64px;width:38%}
  .kh__photo .plate{aspect-ratio:auto}
  .kh__photo .plate img{object-position:50% 78%}
  .kh__crumb{position:absolute;left:calc(var(--g) + 50%);top:132px}
  .kh__txt{left:calc(var(--g) + 50%);top:176px;bottom:auto;max-width:34em;margin:0}
  .kh .reel{bottom:auto;top:56px;width:32%;margin-left:-16%}
  .kh .kh__h1{position:absolute;z-index:2;left:calc(var(--g) + 20%);bottom:92px;width:72%;font-size:clamp(4rem,7.1vw,6.5rem);line-height:.92;
    --cut:calc(18 / 72 * 100%);background:linear-gradient(90deg,var(--wine) 0 var(--cut),var(--paper) var(--cut) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .kh__h1 i{color:inherit;-webkit-text-fill-color:transparent;padding-left:.08em}
}
@media(forced-colors:active){.kh__h1{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}}
.what{padding-top:clamp(4rem,8vw,7rem)}

/* ═════════ kogu saidi ühised osad (lisaks avalehe ja teenuselehe kujundusele) ═════════ */
body.home{font-size:1.0625rem}
.home .cap{font-size:.9375rem}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:12px;top:12px;z-index:100;background:var(--paper);color:var(--wine);padding:.8rem 1.2rem;font-weight:600}
[id]{scroll-margin-top:96px}
main{display:block}
.btn--ghost{background:linear-gradient(var(--wine),var(--wine)) bottom/100% 0 no-repeat transparent;color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine)}
.btn--line{background:linear-gradient(var(--paper),var(--paper)) bottom/100% 0 no-repeat transparent;color:var(--paper);box-shadow:inset 0 0 0 1px rgba(246,242,236,.55)}
.btn--line:hover{color:var(--wine)}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}
.top nav a[aria-current]{background-size:100% 1px}
.menu li small{display:block;font-family:var(--sans);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-top:.1rem}
.menu li.is-minor a{font-size:clamp(1.25rem,5.4vw,1.6rem)}
.menu ul{gap:.35rem}
.dock__one{text-decoration:none}

/* jalus */
.foot{display:grid;gap:.9rem 2rem;margin-top:2.25rem;border-top:1px solid rgba(246,242,236,.22);padding-top:1.25rem;font-size:.9375rem;color:var(--taupe)}
.foot p{margin:0;max-width:none;color:inherit}
.foot ul{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem}
.foot a{color:var(--linen);text-decoration:none;display:inline-block;padding-block:.35rem}
.foot a:hover{color:var(--paper);text-decoration:underline}
@media(min-width:760px){.foot{grid-template-columns:auto 1fr}.foot ul{justify-content:flex-end}}
.visit--bare{padding-top:clamp(3rem,6vw,5rem)}
.visit--bare .sign{margin-top:0}

/* küpsised */
.consent{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;max-width:440px;border-radius:24px;padding:1.2rem 1.3rem 1.3rem;display:grid;gap:.9rem;font-size:1rem;line-height:1.5;background:rgba(58,11,18,.94)}
.consent p{margin:0}
.consent__opts{display:grid;gap:.5rem}
.consent__opts label{display:flex;gap:.6rem;align-items:center;min-height:32px}
.consent__opts input{width:20px;height:20px;accent-color:var(--paper)}
.consent .btn{min-height:44px;border-radius:999px;padding:.5rem 1.1rem;font-size:.8125rem}

/* sisulehe avaosa ilma suure fotota */
.th{background:var(--wine);color:var(--paper);position:relative}
.th__in{max-width:1440px;margin-inline:auto;padding:calc(120px + env(safe-area-inset-top,0px)) var(--g) clamp(3rem,6vw,5rem);display:grid;gap:1.4rem}
.th__txt{display:grid;gap:1.3rem;justify-items:start;align-content:start}
.th h1{font-size:var(--t-state);line-height:1;padding-top:.12em}
.th h1 i{color:var(--linen)}
.th--s h1{font-size:clamp(2.2rem,4.6vw,4.25rem)}
.th .lead{color:var(--linen);max-width:34em;font-size:1.1875rem}
.th .arrow{color:var(--paper)}
.th__jump{display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.th__pics{position:relative;margin-bottom:-4rem;max-width:520px;padding-right:22%}
.th__pics .plate{aspect-ratio:4/5}
.th__pics>div+div{position:absolute;right:0;bottom:-2rem;width:44%;box-shadow:0 24px 46px -20px rgba(20,6,8,.7)}
.th__pics>div+div .plate{aspect-ratio:3/4}
.js .th__txt>*{animation:rise 1s var(--ease) both;animation-delay:calc(.15s + var(--i,0)*.1s)}
.js .th__pics>div:first-child .plate{animation:open 1.5s var(--ease) both}
.js .th__pics>div+div{animation:rise 1.2s var(--ease) .7s both}
@media(min-width:760px){
  .th__in{padding-top:calc(150px + env(safe-area-inset-top,0px))}
  .th--pics .th__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,6vw,6rem);align-items:end}
  .th--pics .th__txt{padding-bottom:1rem}
  .th__pics{max-width:none;margin-bottom:-7rem;padding:0 0 0 20%}
  .th__pics>div+div{right:auto;left:0;bottom:-2.5rem;width:38%}
}
.after-pics{padding-top:clamp(7rem,12vw,11rem)!important}

/* üldised plokid */
.sec{padding-block:clamp(4.5rem,9vw,8rem)}
.sec--paper{background:var(--paper)}
.sec--wine{background:var(--wine);color:var(--paper)}
.sec--tight{padding-top:0}
.sec h2{font-size:var(--t-h2);color:var(--wine)}
.sec h2 i{color:var(--brown)}
.sec--wine h2{color:var(--paper)}
.sec--wine h2 i{color:var(--taupe)}
.split{display:grid;gap:2.5rem}
.split>*{min-width:0}
@media(min-width:900px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(3rem,8vw,8rem);align-items:start}.split__stick{position:sticky;top:120px}}
.stack{display:grid;gap:1.2rem;justify-items:start;align-content:start}
.links{display:grid;gap:.6rem;justify-items:start}
.defs{display:grid;margin:0}
.defs>div{display:grid;gap:.4rem;padding-block:1.4rem;border-top:1px solid var(--linen)}
.defs>div:last-child{border-bottom:1px solid var(--linen)}
.defs dt{font-weight:600;font-size:1.1875rem}
.defs dd{margin:0;max-width:36em}
.defs a,.prose a,.sec p a:not(.btn):not(.arrow){color:var(--wine)}
@media(min-width:700px){.defs>div{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:2rem}}
.quote--wide blockquote{max-width:22em}

/* hinnad: üks stuudio */
.price--1 .price__one{display:grid;gap:2.5rem}
.price--1 .pcol{gap:2.5rem}
@media(min-width:900px){.price--1 .price__one{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(3rem,8vw,8rem);align-items:start}.price--1 .price__side{position:sticky;top:120px}}
.price__side{display:grid;gap:1.1rem;justify-items:start}
.price__side h2{font-size:var(--t-h2)}
.price__side h2 i{color:var(--taupe)}
.price__side .it{font-size:1.375rem;color:var(--linen)}
.price__side p{color:var(--linen);max-width:24em}
.price .arrow{color:var(--paper)}

/* hinnakiri heledal pinnal */
.price--light{background:var(--white);color:var(--ink)}
.price--light .pcol__head h3{color:var(--wine)}
.price--light .pcol__head .it{color:var(--brown)}
.price--light .pgroup__t{color:var(--brown)}
.price--light .pgroup li{border-bottom-color:var(--linen)}
.price--light .pcol__foot p{color:var(--brown)}
.price--light .ptabs{background:rgba(74,15,24,.92)}
.price--light.price--2{padding-top:clamp(4rem,8vw,7rem)}
@media(max-width:899px){.js .price__grid[data-show="kal"] .pcol--kit,.js .price__grid[data-show="kit"] .pcol--kal{display:none}}

/* kontakt */
.places{display:grid;gap:4.5rem}
.place{display:grid;gap:1.6rem;align-content:start;justify-items:start}
.place>*{width:100%}
.place h2{font-size:var(--t-h2);color:var(--wine)}
.place .mini{color:var(--brown)}
.place__pics{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;align-items:end}
.place__pics .plate{aspect-ratio:3/4}
.place__pics .plate:last-child{aspect-ratio:3/3.4}
.facts{display:grid;margin:0}
.facts div{display:grid;gap:.2rem;padding:.95rem 0;border-top:1px solid var(--linen)}
.facts div:last-child{border-bottom:1px solid var(--linen)}
.facts dt{font-weight:600}
.facts dd{margin:0}
@media(min-width:520px){.facts div{grid-template-columns:9.5rem minmax(0,1fr);gap:1.25rem}}
.map{background:var(--paper);min-height:120px;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:center;padding:1.5rem;text-align:center}
.map.is-loaded{padding:0}
.map iframe{width:100%;height:340px;border:0;display:block}
.place .btn{width:auto}
@media(min-width:760px){.places{grid-template-columns:1fr 1fr;column-gap:clamp(3rem,7vw,7rem)}.place:nth-child(2){margin-top:5rem}}

/* vormid */
.form{display:grid;gap:1.25rem}
.form__row{display:grid;gap:1.25rem}
@media(min-width:700px){.form__row{grid-template-columns:1fr 1fr}}
.form label{display:grid;gap:.45rem;font-weight:500;font-size:1rem}
.form input,.form select,.form textarea{font:inherit;font-size:1.0625rem;font-weight:400;padding:.85rem 1rem;border:1px solid var(--taupe);background:var(--white);color:var(--ink);border-radius:0;width:100%;min-height:54px;-webkit-appearance:none;appearance:none}
.form select{background-image:linear-gradient(45deg,transparent 50%,var(--wine) 50%),linear-gradient(135deg,var(--wine) 50%,transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.6rem}
.form textarea{min-height:140px;resize:vertical}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:2px solid var(--wine);outline-offset:2px;border-color:var(--wine)}
.form__note{font-size:1rem;color:var(--brown)}
.form .btn{justify-self:start}
.notice{background:var(--wine);color:var(--paper);padding:1.25rem 1.5rem;margin-bottom:1.5rem}

/* koolitus */
.ch{background:var(--wine);color:var(--paper)}
.ch__in{max-width:1440px;margin-inline:auto;padding:calc(120px + env(safe-area-inset-top,0px)) var(--g) 0;display:grid;gap:2rem}
.ch__txt{display:grid;gap:1.3rem;justify-items:start;align-content:start}
.ch h1{font-size:clamp(1.85rem,4.5vw,4.1rem);line-height:1.02;padding-top:.12em;overflow-wrap:break-word}
.ch h1 i{color:var(--linen);display:block}
.ch .lead{color:var(--linen);max-width:32em;font-size:1.1875rem}
.ch__pic{position:relative}
.ch__pic .plate{aspect-ratio:4/3.4}
.ch__pic .ptag{white-space:normal}
.js .ch__txt>*{animation:rise 1s var(--ease) both;animation-delay:calc(.15s + var(--i,0)*.1s)}
.js .ch__pic .plate{animation:open 1.5s var(--ease) both}
.js .ch__pic .plate img{animation:settle 2.2s var(--ease) both}
.facts4{max-width:1440px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) var(--g) clamp(3rem,6vw,4.5rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem 1.5rem}
.facts4 dt{font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--taupe);margin-bottom:.4rem}
.facts4 dd{margin:0;font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.1;letter-spacing:.015em}
.facts4 small{display:block;font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:1rem;font-weight:400;color:var(--linen);margin-top:.4rem;line-height:1.4}
@media(min-width:760px){
  .ch__in{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:calc(140px + env(safe-area-inset-top,0px))}
  .ch__pic .plate{aspect-ratio:4/3.5}
  .facts4{grid-template-columns:repeat(4,1fr)}
}
.ask ul{display:grid}
.ask li{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.25;color:var(--wine);padding-block:1.15rem;border-top:1px solid var(--linen)}
.ask li:last-child{border-bottom:1px solid var(--linen)}
.dates{display:grid}
.dates li{display:grid;gap:.6rem 2rem;padding:1.6rem 0;border-top:1px solid var(--linen);align-items:center;justify-items:start}
.dates li:last-child{border-bottom:1px solid var(--linen)}
.dates b{font-family:var(--serif);font-weight:500;font-size:var(--t-h3);color:var(--wine);letter-spacing:.01em;font-variant-numeric:lining-nums}
.dates .is-sold b{color:#8a7767}
.dates .is-sold span{font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--brown)}
@media(min-width:800px){.dates li{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto}.dates li .btn{justify-self:end}}
.cols{columns:1;column-gap:3rem}
.cols li{padding:.6rem 0;border-bottom:1px solid var(--linen);break-inside:avoid}
@media(min-width:560px){.cols{columns:2}}
.learn__pic{position:relative}
.learn__pic .plate{aspect-ratio:4/5}
@media(min-width:900px){.learn{grid-template-columns:minmax(0,7fr) minmax(0,4fr)!important}.learn__pic{position:sticky;top:110px}}
.incl{display:grid;gap:2.5rem;margin-top:clamp(2.5rem,5vw,4rem)}
.incl h3{font-size:1.5rem;margin-bottom:.6rem}
.incl p{color:var(--linen)}
@media(min-width:700px){.incl{grid-template-columns:1fr 1fr;gap:3rem clamp(2rem,5vw,5rem)}}
@media(min-width:1100px){.incl{grid-template-columns:repeat(3,1fr)}}
.priceline{display:flex;align-items:baseline;gap:1.25rem;flex-wrap:wrap}
.priceline b{font-family:var(--serif);font-weight:500;font-size:clamp(3.5rem,7vw,5.5rem);line-height:1;color:var(--wine)}
.priceline s{font-size:1.5rem;color:var(--brown)}
.trainer{display:grid;gap:2.5rem}
.trainer__pic{max-width:420px}
.trainer__pic .plate{aspect-ratio:652/974}
@media(min-width:900px){.trainer{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(3rem,8vw,8rem);align-items:center}.trainer__pic{justify-self:end;width:100%}}

/* meist */
.duo{display:grid;gap:2.5rem}
.duo+.duo{margin-top:clamp(5rem,10vw,9rem)}
.duo__pics{position:relative;padding-right:20%;padding-bottom:3rem}
.duo__pics>div:first-child .plate{aspect-ratio:4/4.8}
.duo__pics>div+div{position:absolute;right:0;bottom:0;width:42%;box-shadow:0 24px 46px -22px rgba(43,27,23,.5)}
.duo__pics>div+div .plate{aspect-ratio:3/4}
.duo h2{font-size:var(--t-state);line-height:.95;color:var(--wine)}
@media(min-width:900px){.duo{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(3rem,8vw,8rem);align-items:center}.duo--flip .duo__pics{order:2;padding:0 0 3rem 20%}.duo--flip .duo__pics>div+div{right:auto;left:0}}
.team li p.bio{margin-top:.6rem;font-size:1rem}
.team li p.bio a{color:var(--wine)}

/* tekstilehed */
.prose{max-width:44rem}
.prose h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.125rem);line-height:1.12;color:var(--wine);margin:2.75rem 0 1rem}
.prose h3{font-size:1.25rem;font-weight:600;margin:2rem 0 .6rem}
.prose p{margin:0 0 1.15rem}
.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.3rem;list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:.45rem}
.prose>:first-child{margin-top:0}
.toc{background:var(--paper);padding:1.5rem 1.6rem;margin-bottom:2.5rem}
.toc ol{margin:0;padding-left:1.2rem}
.toc .mini{margin-bottom:.8rem;color:var(--brown)}
.article-img{margin:0 0 2.5rem;max-width:44rem}
.article-img .plate{aspect-ratio:3/2}
.article-img--banner .plate{aspect-ratio:auto}
.article-img--banner img{height:auto}
.after-post{margin-top:clamp(3.5rem,7vw,5.5rem);border-top:1px solid var(--linen);padding-top:2.75rem;max-width:44rem}
.after-post h2{font-size:var(--t-h3)}

/* 404 */
.lost .th__in{min-height:min(70vh,640px);align-content:center}

@media(prefers-reduced-motion:reduce){.consent{transition:none}}

/* ═════════ teenuselehe avaosa seaded lehe kaupa (pealkirja suurus ja foto lõige tulevad lehelt) ═════════ */
.kh .kh__h1{font-size:min(calc(var(--hm,13)*1vw),4.2rem)}
.kh__photo .plate img{object-position:var(--pm,50% 38%)}
@media(min-width:760px){
  .kh .kh__h1{font-size:min(calc(var(--hd,7.1)*1vw),calc(var(--hd,7.1)*14.6px))}
  .kh__photo .plate img{object-position:var(--pd,50% 78%)}
}
.who__name--s{font-size:clamp(2.2rem,4.6vw,4.25rem)}
.who__name i{color:var(--brown)}
.price--1{padding-top:clamp(4.5rem,9vw,8rem)}
.price__grid--free{grid-template-rows:none!important}
.price__grid--free .pcol{grid-row:auto!important;grid-template-rows:none!important;row-gap:2.5rem;gap:2.5rem}
.dock__one::after{display:none}
.know h2:last-child{margin-bottom:0}
.crumb{margin:0}
@media(min-width:900px){.price--1 .pcol{grid-row:auto;grid-template-rows:none;grid-column:2;row-gap:2.5rem}.price--1 .price__side{grid-column:1;grid-row:1}}
.who--nob{padding-bottom:clamp(4rem,8vw,7rem)}
.pcol__head h2{font-size:var(--t-h2)}
.price--light .pcol__head h2{color:var(--wine)}
.place>div:first-child{display:grid;gap:.6rem}

.reel__tag span{min-width:0;overflow-wrap:break-word}
.pgroup__t{font-family:var(--sans)}

/* ── kvaliteedikontroll 12.10.2026 ── */
h1,h2,h3{overflow-wrap:break-word}
/* klaviatuuri fookus: rõngas peab eristuma ka veinipunasel taustal */
.btn:focus-visible{outline-color:var(--paper)}
.btn--wine:focus-visible,.btn--ghost:focus-visible{outline-color:var(--wine)}
.price--light .btn:focus-visible,.th .btn--line:focus-visible{outline-color:currentColor}
/* avalehe päise logo on lehe alguses peidus – siis ei tohi see ka klaviatuuriga fookust saada */
.top__logo{visibility:hidden;transition:width .6s var(--ease),opacity .4s,visibility 0s linear .6s}
.top.is-glass .top__logo,.top.is-inner .top__logo{visibility:visible;transition:width .6s var(--ease),opacity .4s,visibility 0s}
/* liikuva riba saab peatada (pildirulli nupp või eraldi nupp) */
.is-paused .tape div{animation-play-state:paused}
.kh__pause{position:absolute;right:10px;bottom:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;padding:0;display:none;place-items:center;cursor:pointer;color:var(--ink)}
.kh__pause::after{content:"";position:absolute;inset:-4px}
.kh__pause i{display:block;width:8px;height:10px;border-inline:2.5px solid currentColor}
.kh__pause[aria-pressed="true"] i{width:0;height:0;border-block:5.5px solid transparent;border-left:9px solid currentColor;border-right:0;margin-left:2px}
.js .kh__pause{display:grid}
@media(min-width:760px){.kh__pause{bottom:auto;top:10px}}
@media(prefers-reduced-motion:reduce){.js .kh__pause{display:none}}
/* kitsal ekraanil mahub pildirulli silt sõnade kaupa ära */
@media(max-width:759px){.reel{width:max(36%,136px)}.kh .reel{width:max(40%,148px)}}
/* küpsiseaken ja broneerimisnupp ei kattu */
body:has(.consent:not([hidden])) .dock{visibility:hidden}
/* tahvelarvuti (760–999 px): sama paigutus mis arvutis, pildirull suurem, et sildid mahuksid */
@media(min-width:760px) and (max-width:999px){
  .reel{width:48%;margin-left:-24%}
  .kh .reel{width:46%;margin-left:-23%}
  .what__txt{padding-left:clamp(2rem,5vw,3rem)}
}
/* tahvlil ja väiksemas arvutiaknas ei tohi foto allkiri ulatuda järgmise (veinipunase) ploki peale */
@media(min-width:760px) and (max-width:1199px){.who__a{margin-bottom:-1.5rem}}
/* ── kõrvuti fotod: ühesuurused ja ühel joonel (12.10.2026) ── */
/* avaleht, „Vali oma stuudio“ */
@media(min-width:760px){.studios__grid{grid-template-columns:1fr 1fr}.studio:nth-child(2){margin-top:0}}
/* fotoribad (avaleht „Tehtud tööd“, koolituse õpilaste tööd): kõik 3:4 ja ühel kõrgusel */
.strip figure:nth-child(even),.by .strip figure:nth-child(even){margin-top:0}
.strip .plate{aspect-ratio:3/4;width:auto}
.strip img{width:100%;height:100%;object-fit:cover}
.strip figcaption{max-width:calc(clamp(300px,36vw,500px)*.75)}
/* meeskond */
@media(min-width:900px){.team li:nth-child(even){margin-top:0}}
/* kontakt: üks foto stuudio kohta, sama kuvasuhe */
.place__pics{grid-template-columns:1fr}
.place__pics .plate,.place__pics .plate:last-child{aspect-ratio:4/5}
/* teenuselehtede kaks väiksemat fotot: sama suurus, sama joon */
.who:not(.who--nob){grid-template-columns:1fr 1fr}
.who:not(.who--nob)>.who__txt,.who:not(.who--nob)>.who__main{grid-column:1/-1}
.who:not(.who--nob) .who__a,.who:not(.who--nob) .who__b{width:auto;margin:0;justify-self:stretch;align-self:start}
.who:not(.who--nob) .who__a{grid-column:1}
.who:not(.who--nob) .who__b{grid-column:2}
.who:not(.who--nob) .who__a .plate,.who:not(.who--nob) .who__b .plate{aspect-ratio:3/4}
.who--mar:not(.who--nob){padding-bottom:clamp(5rem,11vw,10rem)}
.who--mar .who__b .cap{position:static;margin-top:.5rem;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.9375rem;line-height:inherit;color:inherit}
@media(min-width:760px){
  .who:not(.who--nob){grid-template-columns:repeat(12,minmax(0,1fr))}
  .who:not(.who--nob)>.who__txt{grid-column:1/6}
  .who:not(.who--nob)>.who__main{grid-column:6/13}
  .who:not(.who--nob) .who__a,.who:not(.who--nob) .who__b{margin:3rem 0 2.5rem;align-self:end}
  .who:not(.who--nob) .who__b{grid-column:1/3}
  .who:not(.who--nob) .who__a{grid-column:3/5}
  .who--mar:not(.who--nob)>.who__txt{grid-column:8/13}
  .who--mar:not(.who--nob)>.who__main{grid-column:1/8}
  .who--mar:not(.who--nob) .who__a{grid-column:9/11}
  .who--mar:not(.who--nob) .who__b{grid-column:11/13}
  .who--mar:not(.who--nob){padding-bottom:3.5rem}
}
@media(min-width:760px){.place:nth-child(2){margin-top:0}.who:not(.who--nob) .who__a,.who:not(.who--nob) .who__b{align-self:start}}
.place__pics{justify-self:stretch}

/* ===== blogi ===== */
.posts{display:grid;gap:clamp(2.5rem,6vw,4.5rem);max-width:62rem}
.post-card{display:grid;gap:1.25rem;align-items:center}
.post-card__pic{display:block}
.post-card__pic .plate{aspect-ratio:4/3}
.post-card__txt{display:grid;gap:.9rem;justify-items:start}
.post-card__txt p{margin:0}
.post-card h2{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.05;color:var(--wine)}
.post-card h2 a{text-decoration:none;color:inherit}
.post-card h2 a:hover,.post-card h2 a:focus-visible{text-decoration:underline;text-underline-offset:.15em}
@media(min-width:800px){.post-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,3.5rem)}}