:root{
  --ink:#060605;
  --paper:#ece9e1;
  --stone:#b3b0a6;
  --gold:#d3bc8f;
  --gold-lift:#e3d1ad;
  --line:rgba(236,233,225,.22);
  --field-line:rgba(236,233,225,.32);
  --field:rgba(236,233,225,.04);
  --frame-1:rgba(211,188,143,.72);
  --frame-2:rgba(211,188,143,.34);
  --frame-3:rgba(211,188,143,.58);
  --frame-in:rgba(211,188,143,.20);
  --reveal:cubic-bezier(.16,1,.3,1);
  --glide:cubic-bezier(.72,0,.18,1);
  --sine:cubic-bezier(.37,0,.63,1);
  --ease:cubic-bezier(.22,1,.36,1);

  --fs-display:clamp(1.85rem,4.2vw,3.25rem);
  --fs-lede:clamp(1.1rem,1.7vw,1.4rem);
  --fs-text:.9375rem;
  --fs-small:.75rem;
  --tr-display:-.006em;
  --dim:rgba(179,176,166,.74);

  --mono-w:min(18vh,164px,calc((100vw - 190px) / 3.31));

  --serif:"Libre Caslon Text","Iowan Old Style",Georgia,serif;
  --latin:"Libre Caslon Text","Iowan Old Style",Georgia,serif;
  --ui:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden}html,body{height:100%}
body{background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:var(--fs-text);
  line-height:1.3;font-variant-numeric:lining-nums;
  -webkit-font-smoothing:antialiased;overflow:hidden;
  background-image:radial-gradient(118% 88% at 50% 20%,#181715 0%,#0d0c0b 46%,#070706 100%)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body>.sr{position:fixed;top:0;left:0}

.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.024;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vign{position:fixed;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 300px 14px rgba(0,0,0,.30)}

.bar{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.bar span{position:absolute;top:-38%;bottom:-38%;width:96vw;opacity:0;
  mix-blend-mode:screen;will-change:opacity,transform}
.bar .blu{left:-22vw;background:radial-gradient(closest-side,rgba(90,142,222,.84),rgba(90,142,222,0) 78%)}
.bar .red{right:-22vw;background:radial-gradient(closest-side,rgba(214,74,60,.82),rgba(214,74,60,0) 78%)}
.bar .blu{animation:tide 52s var(--sine) infinite}
.bar .red{animation:tide 52s var(--sine) infinite reverse;animation-delay:-9s}
@keyframes tide{
  0%{opacity:.06}50%{opacity:.34}100%{opacity:.06}
}
.bar.js span{animation:none}

.stage{position:relative;z-index:1;height:100%;
  padding:max(16px,env(safe-area-inset-top)) calc(clamp(14px,1.7vw,26px) + env(safe-area-inset-right))
          max(14px,env(safe-area-inset-bottom)) calc(clamp(14px,1.7vw,26px) + env(safe-area-inset-left))}
.sheet{position:relative;height:100%;display:flex;flex-direction:column;
  border:1px solid transparent;
  border-image:linear-gradient(148deg,var(--frame-1) 0%,var(--frame-2) 46%,var(--frame-3) 100%) 1;
  padding:clamp(20px,3vh,34px) clamp(22px,4vw,56px) clamp(18px,2.4vh,28px)}
.sheet::before{content:"";position:absolute;inset:7px;pointer-events:none;
  border:1px solid var(--frame-in)}
.sheet::after{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:.95;
  background:
    linear-gradient(var(--gold),var(--gold)) 0    0    /1px 22px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0    0    /22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 0    /1px 22px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 0    /22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0    100% /1px 22px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 0    100% /22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 100% /1px 22px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 100% 100% /22px 1px no-repeat}

.lockup{--gutter:.185;
  --wm-ar:2.1176;
  display:flex;align-items:center;direction:ltr;
  gap:calc(var(--mono-w) * var(--gutter));
  margin-bottom:clamp(.4rem,1.3vh,1rem)}
.word{flex:none;width:calc(var(--mono-w) * var(--wm-ar));display:flex;align-items:center}
.wm{height:var(--mono-w);width:auto;max-width:none;display:block;filter:brightness(1.28)}
.mono{position:relative;width:var(--mono-w);aspect-ratio:1;flex:none}
.aura{position:absolute;inset:-32%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(211,188,143,.22),rgba(211,188,143,0) 70%)}
.ink{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;
  mix-blend-mode:screen;filter:brightness(.97)}

.loader{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--ink);
  animation:let-go 0s 5s forwards}
.loader.gone{visibility:hidden}
@keyframes let-go{to{visibility:hidden}}
.loader .ghost{margin:0;opacity:0;transition:opacity .6s var(--ease)}
.loader .ghost.shown{opacity:1}

.hero .lockup{opacity:0;animation:show-late 0s 4.5s forwards}
.hero .lockup.landed{opacity:1;animation:none}
@keyframes show-late{to{opacity:1}}

.r{opacity:0;transform:translateY(12px)}
html:not(.is-ready) .r{animation:rise-late .9s var(--reveal) calc(var(--d,0s) + 4.5s) forwards}
.is-ready .r{animation:rise .9s var(--reveal) var(--d,0s) forwards}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes rise-late{to{opacity:1;transform:none}}

.hero{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1.4rem 0}
.block{display:flex;flex-direction:column;align-items:center;text-align:center;
  width:fit-content;max-width:100%;margin-inline:auto;
  gap:clamp(1.7rem,3.8vh,2.8rem)}
.say{display:flex;flex-direction:column;align-items:center;gap:clamp(1.1rem,2.2vh,1.5rem)}
.tag{margin-bottom:.4rem}
.prac{font-size:var(--fs-display);font-weight:400;line-height:1.08;letter-spacing:var(--tr-display);
  color:var(--gold);text-wrap:balance;font-feature-settings:"kern" 1,"liga" 1}
.tag{font-size:var(--fs-lede);line-height:1.35;color:var(--paper);text-wrap:balance}

.place{margin-top:calc(clamp(1.7rem,3.8vh,2.8rem) * -.45);text-wrap:balance}
.addr{padding-bottom:2px;border-bottom:1px solid transparent;
  transition:color .3s var(--ease),border-color .3s var(--ease)}
.addr bdi{font-family:var(--latin)}
.addr:focus-visible{color:var(--gold-lift)}
.pin{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.26em;margin-inline-end:.45em;overflow:visible;
  fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pin-g{transform-box:fill-box;transform-origin:50% 100%}
@keyframes hop{
  0%,100%{transform:none}
  30%{transform:translateY(-3.5px)}
  55%{transform:scale(1.06,.9)}
  75%{transform:translateY(-1px)}
}

.areas{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 0;margin-top:-.55rem}
.areas .svc{position:relative;width:auto;max-width:100%;margin:0}
.areas .lbl{margin-inline-end:1.15em}
.areas .svc.js .svc-turn{gap:.5em}
.areas .svc-word{padding-inline:.05em}
.areas .svc.js:not(.open) .svc-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.areas .svc.open{flex-basis:100%;width:100%;margin-top:2px}

.svc{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;
  width:min(52rem,100%);margin-block:.1rem .45rem}
.svc>*{grid-area:1/1}
.svc-list{list-style:none;text-align:center;text-wrap:balance;color:var(--paper);line-height:1.7}
.svc-list li{display:inline-block;white-space:nowrap;margin-inline:.65em}
.svc-list li::before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:.65em;vertical-align:.15em;
  border:1px solid var(--gold);transform:rotate(45deg);opacity:.95}
.svc-turn{display:none}
.svc.js{cursor:pointer}
.svc.js .svc-turn{display:flex;align-items:center;gap:.9em;color:var(--paper);line-height:1.5;
  transition:opacity .45s var(--ease) .35s,visibility 0s .35s}
.svc.js .svc-turn::before,.svc.js .svc-turn::after{content:"";width:6px;height:6px;flex:none;
  border:1px solid var(--gold);transform:rotate(45deg);opacity:.95}
.svc-win{display:block;overflow:hidden;white-space:nowrap;padding-block:.12em;transition:width .62s var(--reveal)}
.svc-word{display:inline-block;padding-inline:.2em}
.svc.js .svc-list li{opacity:0;transform:translateY(.35em);
  transition:opacity .3s var(--ease),transform .3s var(--ease);
  transition-delay:calc((var(--n,9) - var(--i,0)) * 25ms)}
.svc.js.open .svc-turn{opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s .3s}
.svc.js.open .svc-list li{opacity:1;transform:none;
  transition-duration:.6s;transition-delay:calc(.2s + var(--i,0) * 60ms)}

.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.act{position:relative;display:inline-flex}
.btn{display:inline-flex;align-items:center;gap:14px;min-width:14.5rem;white-space:nowrap;
  padding-block:6px;padding-inline:6px 26px;border-radius:999px;border:1px solid;cursor:pointer;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),
             box-shadow .3s var(--ease),transform .15s var(--ease)}
.btn:active{transform:scale(.985)}
.ico{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.ico::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid;opacity:0;pointer-events:none}
.ico svg{width:22px;height:22px;display:block;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.txt{display:flex;flex-direction:column;align-items:flex-start;text-align:start}
.txt .k{font-style:italic;line-height:1.25}
.txt .v{font-family:var(--ui);font-weight:400;line-height:1.3;letter-spacing:.02em}

.btn-a{background:var(--gold);border-color:var(--gold);color:var(--ink);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 10px 28px rgba(211,188,143,.12)}
.btn-a .k{color:rgba(6,6,5,.66)}
.btn-a .ico{border-color:rgba(6,6,5,.3)}
.btn-a .ico::after{border-color:var(--ink)}
.btn-b{background:var(--field);border-color:var(--field-line);color:var(--paper)}
.btn-b .k{color:var(--gold)}
.btn-b .ico{border-color:rgba(211,188,143,.5);color:var(--gold)}

.btn-a:focus-visible,.btn-a:active{background:var(--gold-lift);border-color:var(--gold-lift)}
.btn-a:focus-visible .ico,.btn-a:active .ico{background:var(--ink);border-color:var(--ink);color:var(--gold-lift)}
.btn-b:focus-visible,.btn-b:active{border-color:var(--gold);background:rgba(211,188,143,.07)}
.btn-b:focus-visible .ico,.btn-b:active .ico{background:var(--gold);border-color:var(--gold);color:var(--ink)}

.handset{transform-box:fill-box;transform-origin:30% 70%}
.wave{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
  transition:stroke-dashoffset .5s var(--ease),opacity .2s linear}
.wave-2{transition-delay:.12s}
.flap{transform-box:fill-box;transform-origin:50% 0;transition:transform .38s var(--ease) .12s}
.letter{transition:transform .26s cubic-bezier(.5,0,.75,0)}
.btn-a:focus-visible .handset{animation:ring .9s var(--ease)}
.btn-a:focus-visible .ico::after{animation:halo 1s var(--ease) .1s}
.btn-a:focus-visible .wave{stroke-dashoffset:0;opacity:1}
.btn-b:focus-visible .flap{transform:scaleY(.68);transition-delay:0s}
.btn-b:focus-visible .letter{transform:translateY(-7.4px);transition:transform .55s var(--ease) .1s}
@keyframes ring{
  0%,100%{transform:rotate(0)}
  10%{transform:rotate(-17deg)}24%{transform:rotate(14deg)}
  38%{transform:rotate(-11deg)}52%{transform:rotate(8deg)}
  66%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}
}
@keyframes halo{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}

@media(hover:hover){
  .act:hover .btn-a{background:var(--gold-lift);border-color:var(--gold-lift);
    box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 12px 34px rgba(211,188,143,.22)}
  .act:hover .btn-a .ico{background:var(--ink);border-color:var(--ink);color:var(--gold-lift)}
  .act:hover .btn-a .handset{animation:ring .9s var(--ease)}
  .act:hover .btn-a .ico::after{animation:halo 1s var(--ease) .1s}
  .act:hover .btn-a .wave{stroke-dashoffset:0;opacity:1}
  .act:hover .btn-b{border-color:var(--gold);background:rgba(211,188,143,.07)}
  .act:hover .btn-b .ico{background:var(--gold);border-color:var(--gold);color:var(--ink)}
  .act:hover .btn-b .flap{transform:scaleY(.68);transition-delay:0s}
  .act:hover .btn-b .letter{transform:translateY(-7.4px);transition:transform .55s var(--ease) .1s}
  .addr:hover{color:var(--gold-lift);border-bottom-color:rgba(211,188,143,.6)}
  .addr:hover .pin-g{animation:hop .7s var(--ease)}
}

.copy{display:none}
@media(hover:hover){
  .btn{padding-inline-end:54px}
  .copy{position:absolute;top:50%;inset-inline-end:10px;width:34px;height:34px;margin-top:-17px;
    display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;
    opacity:0;transform:scale(.8);
    transition:opacity .25s var(--ease),transform .3s var(--ease),background .25s var(--ease)}
  .act:hover .copy,.copy:focus-visible,.copy.done{opacity:1;transform:none}
  .btn-a+.copy{color:var(--ink)}
  .btn-a+.copy:hover{background:rgba(6,6,5,.12)}
  .btn-b+.copy{color:var(--gold)}
  .btn-b+.copy:hover{background:rgba(211,188,143,.14)}
}
.copy svg{width:17px;height:17px;display:block;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.copy .c-copy{transition:opacity .2s linear}
.copy .c-done{stroke-dasharray:1;stroke-dashoffset:1}
.copy.done .c-copy{opacity:0}
.copy.done .c-done{stroke-dashoffset:0;transition:stroke-dashoffset .4s var(--ease) .05s}

.base{display:flex;flex-direction:column;gap:14px}
.rule{display:flex;align-items:center;gap:.9rem}
.rule .hr{flex:1;height:1px;background:var(--line)}
.rule .dia{width:6px;height:6px;border:1px solid var(--gold);transform:rotate(45deg);opacity:.95;flex:none}
.foot{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:". langs credit";
  align-items:center;gap:10px 2rem;direction:ltr}
[dir=rtl] .langs,[dir=rtl] .credits{direction:rtl}
.langs{grid-area:langs;justify-self:center;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 0}
.lbl{font-style:italic;color:var(--gold);margin-inline-end:.4em}
.langs .list{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 10px}
.langs .sep{width:5px;height:5px;border:1px solid var(--gold);transform:rotate(45deg);opacity:.75;flex:none}
.langs a[lang=ar]{font-family:"Noto Naskh Arabic","Geeza Pro",serif;font-size:1.12em}
.langs a[lang=ru]{font-family:"EB Garamond","Iowan Old Style",Georgia,serif;font-size:1.06em}
.langs a{border-bottom:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}
.langs a:focus-visible{color:var(--gold-lift)}


.credits{grid-area:credit;justify-self:end;font-size:var(--fs-small);line-height:1.4}
.credit{font-style:italic;color:var(--dim);transition:color .3s var(--ease)}
.credit:focus-visible{color:var(--stone)}

@media(hover:hover){
  .langs a:hover{color:var(--gold-lift);border-bottom-color:rgba(211,188,143,.6)}
  .credit:hover{color:var(--stone)}
}
.credit .brand{transition:color .4s var(--ease)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .credit:hover .brand,.credit:focus-visible .brand{
    background:linear-gradient(105deg,var(--stone) 0 38%,#c9bb96 43%,var(--gold) 47%,#fff5dc 50%,var(--gold) 53%,#c9bb96 57%,var(--stone) 62% 100%)
      100% 0/280% 100% no-repeat;
    -webkit-background-clip:text;background-clip:text;color:transparent;
    animation:foil 2.8s infinite}
}
@keyframes foil{0%{background-position:100% 0;animation-timing-function:cubic-bezier(.4,0,.2,1)}57%,100%{background-position:0 0}}

html[lang=ar]{--serif:"Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;--tr-display:0}
html[lang=ar] .prac{line-height:1.3}
html[lang=ar] .lbl,html[lang=ar] .txt .k,html[lang=ar] .credit{font-style:normal}
html[lang=ru] body{--serif:"EB Garamond","Iowan Old Style",Georgia,serif;font-size-adjust:.5}
html[lang=ru] .langs a[lang=ar]{font-size-adjust:none}

@media(max-width:1024px){:root{--mono-w:min(17vh,148px)}}
@media(max-height:720px) and (min-width:781px){
  body{overflow:auto;overflow-x:hidden}
  .stage{height:auto;min-height:100dvh}
  .sheet{height:auto;min-height:calc(100dvh - 32px)}
  .hero{gap:clamp(.9rem,2.2vh,1.5rem);padding:.6rem 0}
  :root{--mono-w:min(19vh,112px);--fs-display:clamp(1.6rem,4vh,2.25rem)}
}
@media(max-width:940px){
  .foot{grid-template-columns:1fr;grid-template-areas:"langs" "credit";justify-items:center;text-align:center;gap:8px}
  .langs,.credits{justify-self:center}
}
@media(max-width:1020px){
  html[lang=fr] .foot{grid-template-columns:1fr;grid-template-areas:"langs" "credit";justify-items:center;text-align:center;gap:8px}
  html[lang=fr] :is(.langs,.credits){justify-self:center}
}
@media(max-width:1160px){
  html[lang=ru] .foot{grid-template-columns:1fr;grid-template-areas:"langs" "credit";justify-items:center;text-align:center;gap:8px}
  html[lang=ru] :is(.langs,.credits){justify-self:center}
}
@media(max-width:780px){
  body{overflow:auto;overflow-x:hidden}
  .stage{height:auto;min-height:100dvh;
    padding:max(8px,env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right))
            max(8px,env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}
  .sheet{height:auto;min-height:calc(100dvh - 16px);padding:22px 16px 20px}
  .hero{gap:2rem;padding:2.6rem 0 2.6rem}
  :root{--mono-w:min(34vw,128px,calc((100vw - 68px) / 3.31));--fs-display:clamp(1.7rem,7vw,2.25rem);--fs-lede:1.075rem}
  .actions{width:100%;max-width:30rem;flex-direction:row;flex-wrap:wrap;gap:6px}
  .act{flex:1 1 0;min-width:max-content}
  .btn{width:100%;min-width:0;gap:clamp(7px,2vw,14px);padding-block:4px;padding-inline:4px clamp(10px,3vw,24px)}
  .ico{width:clamp(32px,8.5vw,44px);height:clamp(32px,8.5vw,44px)}
  .ico svg{width:clamp(16px,4.25vw,22px);height:clamp(16px,4.25vw,22px)}
  .txt .k,.txt .v{font-size:clamp(.71875rem,2.9vw,.9375rem)}
  .txt .v{letter-spacing:0}
  .copy{display:none}
  .place{margin-top:-.7rem}
  .areas{margin-top:-.9rem}
  .areas .lbl{flex-basis:100%;text-align:center;margin:0 0 2px}
  .areas .svc-win{max-width:100%}
  .areas .svc-word{white-space:normal;text-wrap:balance}
  .areas .svc-list li{white-space:normal;text-wrap:balance;max-width:calc(100% - 1.3em)}
  .langs .lbl{flex-basis:100%;text-align:center;margin:0 0 2px}
  .langs .list{gap:2px 7px}
}
@media(max-width:380px){
  :root{--fs-display:clamp(1.55rem,7vw,1.85rem)}
}
@media(max-width:350px){
  .langs .list{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;justify-items:center;gap:3px 1.6em}
  .langs .sep{display:none}
}
@media(orientation:landscape) and (max-height:500px){
  body{overflow:auto;overflow-x:hidden}
  :root{--mono-w:min(15vh,60px);--fs-display:clamp(1.45rem,6.4vh,1.75rem);--fs-lede:1rem}
  .stage{height:auto;min-height:100dvh;
    padding:max(6px,env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right))
            max(6px,env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}
  .sheet{height:auto;min-height:calc(100dvh - 12px);padding:14px 24px 16px}
  .hero{padding:0 0 .5rem}
  .block{gap:.8rem}
  .lockup{margin-bottom:.3rem}
  .say{gap:.3rem}
  .tag{margin-bottom:0}
  .actions{gap:10px}
  .btn{padding-block:4px;padding-inline-start:4px}
  .ico{width:36px;height:36px}
  .ico svg{width:18px;height:18px}
  .place{margin-top:-.25rem}
  .areas{margin-top:-.55rem}
  .base{gap:8px}
  .foot{gap:2px}
  .langs .lbl{flex-basis:auto;text-align:start;margin:0;margin-inline-end:.4em}
}
@media print{
  @page{margin:14mm}
  html,body{height:auto;overflow:visible;background:#fff!important;background-image:none!important;color:#000}
  .loader,.bar,.grain,.vign,.copy,.aura,.svc-turn{display:none!important}
  .hero .lockup,.r{opacity:1!important;transform:none!important;animation:none!important}
  .stage{height:auto;padding:0}
  .sheet{height:auto;min-height:236mm;border:1px solid #000;border-image:none;padding:18mm 16mm 12mm}
  .sheet::before{border-color:#aaa}
  .sheet::after{display:none}
  .hero{padding:1.5rem 0}
  .ink,.wm{filter:invert(1)!important;mix-blend-mode:normal}
  .prac,.tag,.lbl,.addr,.langs,.langs a,.credit,.svc-list,.txt .k,.txt .v{color:#000!important}
  .credit{color:#555!important}
  .btn,.ico{background:none!important;border-color:#000!important;color:#000!important;box-shadow:none!important}
  .rule .hr{background:#000}
  .rule .dia,.langs .sep,.svc-list li::before{border-color:#000}
  .pin,.ico svg{stroke:#000!important}
  .areas .svc,.areas .svc.open{width:100%;flex-basis:100%;margin-top:4px}
  .areas .svc .svc-list{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important}
  .svc-list li{opacity:1!important;transform:none!important;filter:none!important}
  .addr,.langs a{border-bottom:0}
  a[href]::after{content:none}
}

@media(prefers-reduced-motion:reduce){
  .loader{display:none}
  .hero .lockup,.r{opacity:1;transform:none;animation:none!important}
  .wave,.flap,.letter,.svc-win{transition:none}
  .handset,.ico::after,.pin-g{animation:none!important}
  .bar span{animation:none!important}
  .bar .blu{opacity:.2;transform:none}
  .bar .red{opacity:.17;transform:none}
}