.services-hero{isolation:isolate;padding-right:var(--pad);}
.services-hero>.section-index,.services-hero>.eyebrow,.services-hero>h1,.services-hero>.hero-lede{position:relative;z-index:2;max-width:min(59%,760px)}
.services-hero>h1{font-size:clamp(64px,7vw,108px);}
.services-hero>.hero-lede{max-width:min(45%,560px)}
.service-lanyard{--badge-w:clamp(195px,19vw,250px);position:absolute;z-index:1;top:36px;right:clamp(70px,11vw,175px);width:min(35vw,420px);height:545px;perspective:1100px;isolation:isolate;touch-action:pan-y;}
.lanyard-strap{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.lanyard-rope-anchor{position:absolute;z-index:2;left:50%;top:0;width:38px;height:28px;transform:translateX(-50%);border:1px solid #a48c4e;border-radius:50% 50% 8px 8px;background:linear-gradient(135deg,#e0c978,#665324 48%,#dec66e);box-shadow:0 3px 8px #26211638;}
.lanyard-rope-anchor:before{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:10px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(90deg,#473913,#f4dc83 45%,#725b20);}
.lanyard-rope-anchor span{position:absolute;left:50%;bottom:-13px;width:13px;height:14px;transform:translateX(-50%);border:2px solid #9c8040;border-radius:50%;background:transparent;}
.lanyard-card{position:absolute;z-index:3;left:50%;top:138px;width:var(--badge-w);height:calc(var(--badge-w)*1.36);padding:0;border:0;border-radius:5px;background:transparent;transform:translateX(-50%);transform-origin:50% 0;cursor:grab;touch-action:none;color:inherit;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 18px 20px #13150f42);}
.lanyard-card:active{cursor:grabbing}.lanyard-card:focus-visible{outline:2px solid #9d1d20;outline-offset:6px;border-radius:8px}
.lanyard-card-inner{position:absolute;inset:0;display:block;border-radius:5px;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.8,.2,1);}
.lanyard-card.is-flipped .lanyard-card-inner{transform:rotateY(180deg)}
.lanyard-face{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;padding:17px 16px 15px;border:1px solid #b9954d;border-radius:5px;backface-visibility:hidden;text-align:left;}
.lanyard-front{background:linear-gradient(150deg,#faf7ee 0%,#e9e2cf 58%,#d9d0b7 100%);color:#171713;}
.lanyard-front:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:multiply;}
.lanyard-card-topline,.lanyard-card-bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;font:7px/1.3 var(--mono);letter-spacing:.12em;color:#5a594e;}
.lanyard-card-topline span:first-child{font-weight:700;color:#25231c;letter-spacing:.17em;}
.lanyard-emblem{position:relative;z-index:1;display:grid;place-items:center;align-self:center;width:65px;height:65px;margin:24px 0 20px;border:1px solid #a82227;border-radius:50%;color:#8d1d22;}
.lanyard-emblem span{font:48px/.9 var(--serif);letter-spacing:-.12em;transform:translateX(-2px)}.lanyard-emblem i{position:absolute;right:-9px;top:-4px;font:14px var(--sans);color:#ad8d43;font-style:normal;}
.lanyard-card-title{position:relative;z-index:1;font:500 clamp(25px,2.6vw,34px)/.98 var(--serif);letter-spacing:-.045em;color:#222019;}
.lanyard-card-title em{font-weight:400;color:#8c1d22;}
.lanyard-card-bottom{margin-top:auto;padding-top:14px;border-top:1px solid #a99e83;color:#77705e;font-size:6px;}
.lanyard-card-bottom b{font-weight:400;letter-spacing:.045em;color:#37342c;}
.lanyard-back{transform:rotateY(180deg);justify-content:center;align-items:center;text-align:center;background:linear-gradient(145deg,#791619,#470d12 58%,#1b1714);color:#f0dfaf;border-color:#c49a45;}
.lanyard-back:before{content:"";position:absolute;inset:8px;border:1px solid #d5ad61a8;pointer-events:none;}
.lanyard-back-mark{position:relative;font:58px/.9 var(--serif);color:#e8c879;letter-spacing:-.12em;}
.lanyard-back-mark span{position:absolute;top:-1px;right:-17px;font:16px var(--sans);color:#f4e8c7;}
.lanyard-back-title{position:relative;margin-top:15px;font:18px/.9 var(--serif);letter-spacing:.18em;}
.lanyard-back-rule{width:45px;height:1px;margin:19px 0 14px;background:#d2ad67;}
.lanyard-back-copy{font:7px/2 var(--mono);letter-spacing:.14em;color:#f1e4c2;}
.lanyard-back-site{position:absolute;bottom:22px;font:6px var(--mono);letter-spacing:.12em;color:#e4c77c;}
html.dark .lanyard-front{background:linear-gradient(150deg,#eeeadc,#d4cdb8 58%,#c3b99e);}
html.dark .services-hero>.section-index,html.dark .services-hero>.eyebrow{color:#c2c8b3;}
@media(max-width:1000px){.service-lanyard{right:6vw;width:38vw}.services-hero>.section-index,.services-hero>.eyebrow,.services-hero>h1{max-width:58%}.services-hero>.hero-lede{max-width:46%}}
@media(max-width:760px){.services-hero{min-height:980px;padding-bottom:80px}.services-hero>.section-index,.services-hero>.eyebrow,.services-hero>h1,.services-hero>.hero-lede{max-width:none}.services-hero>h1{font-size:clamp(58px,13vw,92px)}.services-hero>.hero-lede{max-width:560px}.service-lanyard{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:100%;height:460px;margin:15px auto 0;--badge-w:clamp(190px,51vw,230px)}.lanyard-card{top:96px}.services-hero .services-ribbon{display:none}}
@media(max-width:390px){.services-hero{min-height:930px}.service-lanyard{height:420px}.lanyard-card{top:88px}.lanyard-face{padding:14px 13px 12px}.lanyard-emblem{margin:19px 0 16px}}
@media(prefers-reduced-motion:reduce){.lanyard-card-inner{transition-duration:.01ms!important}}
/* Screen-wide foreground interaction; only the badge captures pointer input. */
.service-lanyard{position:fixed!important;inset:0!important;z-index:80!important;width:100vw!important;height:100vh!important;top:0!important;right:auto!important;bottom:auto!important;left:0!important;margin:0!important;overflow:visible!important;pointer-events:none;perspective:1100px;transition:none;}
.lanyard-strap{position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;}
.lanyard-rope-anchor{left:0;top:96px;width:38px;height:28px;transform:translateX(-50%);}
.lanyard-card{left:0;top:0;pointer-events:auto;touch-action:none;}
@media(max-width:760px){.service-lanyard{height:100dvh!important}.lanyard-card{--badge-w:clamp(185px,51vw,220px)}}
/* Rebuilt as a two-arm woven lanyard with a central clasp and lower metal clip. */
.service-lanyard{z-index:38!important;}
.lanyard-rope-anchor{z-index:5;left:0;top:0;width:38px;height:27px;transform:translateX(-50%);border:1px solid #a89566;border-radius:3px;background:linear-gradient(105deg,#d6c9a7,#f2ebd9 35%,#aaa187 55%,#e2d8c1 78%,#a69b7c);box-shadow:0 3px 8px #17130d42;}
.lanyard-rope-anchor:before{left:7px;right:7px;top:6px;bottom:auto;width:auto;height:4px;transform:none;border-radius:1px;background:linear-gradient(#786d57,#f8f1df,#7b7059);}
.lanyard-rope-anchor span{left:50%;bottom:4px;width:17px;height:4px;transform:translateX(-50%);border:0;border-radius:1px;background:linear-gradient(90deg,#75684e,#f7eed7,#81745b);}
.lanyard-lower-clip{position:absolute;z-index:4;width:29px;height:34px;transform:translateX(-50%);border:1px solid #a99d80;border-radius:6px 6px 4px 4px;background:linear-gradient(90deg,#a79a7d 0%,#f4eddd 24%,#d9d0b7 57%,#93876c 100%);box-shadow:0 4px 7px #17130d38;pointer-events:none;}
.lanyard-lower-clip:before{content:"";position:absolute;left:6px;right:6px;top:4px;height:2px;background:#72674f88;border-radius:2px;}
.lanyard-lower-clip span{position:absolute;left:50%;bottom:-5px;width:13px;height:9px;transform:translateX(-50%);border:2px solid #e8e0cb;border-top:0;border-radius:0 0 8px 8px;}
.lanyard-card{z-index:3;}
.lanyard-brand-logo{position:relative;z-index:1;display:block;width:100%;height:76px;max-height:29%;margin:12px auto 10px;object-fit:contain;}
.lanyard-back-copy span{display:inline-block;}
.lanyard-back-site{max-width:86%;font-size:5.5px;letter-spacing:.08em;line-height:1.5;text-wrap:balance;}
@media(max-width:760px){html[lang=ru] .lanyard-card-title{font-size:21px}html[lang=hy] .lanyard-card-title{font-size:20px}}