*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:#191919;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid #aaa;color:inherit;padding:12px 18px}button:hover{background:#e7e7e7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #555;outline-offset:4px}a{color:inherit;text-underline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(56px,8.7vw,132px);letter-spacing:-.055em;line-height:.95;font-weight:700;margin:32px 0}h2{font-size:clamp(32px,4.5vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:600}h3{font-size:30px;line-height:1.13;letter-spacing:-.025em;margin:16px 0}p{margin:12px 0}small,.note{font-size:12px;color:#666}.note{margin-top:16px;line-height:1.5}.eyebrow{font-size:12px;letter-spacing:.08em;display:flex;justify-content:space-between}header{height:92px;position:sticky;top:0;background:#fff;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:20;transition:height .2s}header .logo{position:absolute;left:50%;transform:translateX(-50%)}.logo{font-size:32px;font-weight:bold;line-height:.9;letter-spacing:-.06em;text-decoration:none}.logo small{display:block;font-size:8px;letter-spacing:.25em;text-align:center;margin-top:7px}.headright{display:flex;gap:8px;align-items:center}.social{border:0;font-size:12px;padding:8px}.primary,.tabs .active{background:#222;color:white;border-color:#222}.primary:hover,.tabs .active:hover{background:#444}.compact{height:64px}.compact .logo,.compact .social,.compact #menuBtn span{display:none}nav{position:fixed;top:92px;left:0;background:#f8f8f8;border-bottom:1px solid #999;z-index:19;width:100%;padding:30px 4vw;grid-template-columns:repeat(4,1fr);gap:20px}nav:not([hidden]){display:grid}.compact+nav{top:64px}section{padding:64px 0;border-bottom:1px solid #ccc;max-width:1320px;margin:auto;width:92%}.hero{padding-top:24px}.heroBottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.heroBottom p{font-size:22px;letter-spacing:.04em}.mosaic{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;height:330px}.placeholder{background:#dedede;border:1px solid #bbb;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:160px;font-size:28px;gap:16px;font-weight:normal}.placeholder small{font-size:11px;letter-spacing:.08em}.stack{display:grid;gap:12px}.stack .placeholder{min-height:0}.central{background:#c8c8c8}.sectiontitle{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;margin-bottom:36px;align-items:start}.sectiontitle>span{font-size:11px;letter-spacing:.08em;margin-top:9px}.sectiontitle>p{color:#666;font-size:14px;margin:6px 0}.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.four{grid-template-columns:repeat(4,1fr)}.pathways button{text-align:left;padding:28px;min-height:250px}.pathways b{display:block;margin-top:32px;font-size:14px}.pathways small{font-size:11px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{font-size:13px;padding:10px 14px}label{font-size:12px;display:flex;align-items:center;gap:10px}select,input,textarea{border:1px solid #bbb;padding:10px;background:white;max-width:100%;color:#222}select{font-size:13px}.serviceLayout{display:grid;grid-template-columns:1fr 2fr;gap:32px}.serviceLayout>.placeholder{min-height:320px}details{border-top:1px solid #bbb;padding:18px 0}details:last-child{border-bottom:1px solid #bbb}summary{cursor:pointer;font-size:18px}summary:hover{background:#f1f1f1}summary .price{float:right;margin-right:20px;font-size:14px}.serviceDetail{padding:15px 20px 5px}.featured,.split{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center}.featured>.placeholder{min-height:350px}.featured h3,.split h3{font-size:36px}.featured button:not(.placeholder){margin:10px 8px 0 0}.card{border:1px solid #bbb;min-width:0}.card>.placeholder{width:100%;height:230px;border:0;border-bottom:1px solid #bbb}.card .body{padding:18px}.card h3{font-size:21px;margin:0 0 10px}.card .row{display:flex;gap:10px;justify-content:space-between;align-items:center}.card button{font-size:12px}.like[aria-pressed=true]{background:#333;color:#fff}.empty{padding:40px;border:1px dashed #aaa;grid-column:1/-1}.comparison{position:relative;height:420px;overflow:hidden;margin-bottom:16px;background:#ddd}.after,.before{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:35px}.after{background:#bdbdbd;padding-left:50%}.before{background:#e5e5e5;clip-path:inset(0 50% 0 0);padding-right:50%}.comparison input{position:absolute;bottom:18px;left:5%;width:90%;z-index:3;accent-color:#222}#divider{position:absolute;left:50%;height:100%;width:2px;background:#555;display:flex;align-items:center;justify-content:center;font-size:28px;pointer-events:none}.track{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.track>.card{min-width:290px;width:290px;scroll-snap-align:start}.arrows{display:flex;gap:8px;margin-left:auto}.member:hover .placeholder:before{content:'▷ ВИДЕО-ПОРТРЕТ';font-size:12px}.member:hover .placeholder>span{display:none}.mapLayout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.map{position:relative;height:420px;background:repeating-linear-gradient(0deg,transparent 0 65px,#ccc 66px 67px),repeating-linear-gradient(90deg,#eee 0 95px,#ccc 96px 97px);overflow:hidden;padding:22px}.map>span{font-size:11px}.river{position:absolute;left:35%;top:-40%;height:180%;width:95px;transform:rotate(28deg);background:#ccc;color:#777;display:flex;align-items:center;justify-content:center;writing-mode:vertical-lr;letter-spacing:8px}.pin{position:absolute;border:2px solid #333;background:white;font-weight:bold}.pin.active{background:#222;color:#fff}.p0{left:20%;top:35%}.p1{left:60%;top:23%}.p2{left:66%;top:67%}.map>small{position:absolute;bottom:12px;left:12px;right:12px;background:#eee;padding:5px}#branchCard{border:1px solid #bbb;padding:24px}.branchphoto{height:120px;min-height:120px;margin-bottom:16px}.reviewLayout{display:grid;grid-template-columns:2fr 1fr;gap:24px}#reviewCard{border:1px solid #bbb;padding:32px;min-height:250px}#reviewCard h3{font-size:26px}.split>.placeholder{height:380px}.marquee{overflow:hidden;margin-top:32px;padding:10px 0}.marquee>div{display:flex;width:max-content;gap:16px;animation:flow 35s linear infinite}.marquee:hover>div,.marquee:focus-within>div{animation-play-state:paused}.award{width:180px;height:130px;background:#ddd;font-size:13px;transition:transform .2s}.award:hover{transform:scale(1.06);background:#c5c5c5}@keyframes flow{to{transform:translateX(-50%)}}.mascot{height:140px;min-height:140px;margin-top:24px}.panel{padding:32px;border:1px solid #bbb}.panel h2{margin-top:25px;font-size:40px}.panel button{margin-top:20px}#newsTabs{margin-bottom:24px}.lastcall{display:flex;align-items:center;justify-content:space-between;gap:30px}.lastcall>p{font-size:12px}footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;padding:40px 4vw}footer button{display:block;border:0;padding:5px 0;font-size:12px}footer p,footer a{font-size:13px}#loader{position:fixed;inset:0;z-index:50;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}#loader .placeholder{width:300px;height:220px}dialog{border:1px solid #888;padding:26px;width:min(720px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#0008}.dialogtop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:24px;font-size:11px}.dialogtop button{border:0}dialog h2{font-size:36px;margin:15px 0}dialog h3{font-size:24px}dialog .placeholder{min-height:200px}dialog label{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:14px 0}dialog .tabs{margin:15px 0}dialog button.primary{margin-top:20px}dialog .step{font-size:12px;color:#666}.slot{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.slot .active{background:#222;color:white}[hidden]{display:none!important}.bookingSummary{background:#eee;padding:18px}.dialogProfile{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted{color:#666;font-size:13px} @media(max-width:800px){header{padding:0 4%;height:76px}.social{display:none}header .logo{font-size:24px}.headright>.primary{font-size:11px;padding:12px}#menuBtn{font-size:12px;padding:10px}#menuBtn span{display:none}nav{top:76px;grid-template-columns:1fr 1fr}section{padding:42px 0}.sectiontitle{grid-template-columns:1fr;gap:14px}.sectiontitle>p{max-width:300px}.mosaic{height:260px;grid-template-columns:1fr 2fr}.mosaic>.stack{display:none}.eyebrow{font-size:9px}.heroBottom p{font-size:14px}.heroBottom a{font-size:12px}.three,.four{grid-template-columns:1fr 1fr}.pathways{grid-template-columns:1fr}.pathways button{min-height:0;padding:22px}.pathways h3{font-size:25px}.pathways h3 br{display:none}.pathways b{margin-top:16px}.serviceLayout,.featured,.split,.mapLayout,.reviewLayout{grid-template-columns:1fr;gap:22px}.serviceLayout>.placeholder{min-height:170px}.featured>.placeholder{min-height:250px}.featured h3,.split h3{font-size:28px}.two{grid-template-columns:1fr}.comparison{height:300px}.lastcall{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}.card>.placeholder{height:180px}.card .row{align-items:flex-start;flex-direction:column}.map{height:350px}.dialogProfile{grid-template-columns:1fr}.split>.placeholder{height:240px}.toolbar label{flex-wrap:wrap}.hero .note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}} .manifesto{margin-top:64px;padding-top:36px;border-top:1px solid #bbb;scroll-margin-top:90px}.manifesto-heading{margin-bottom:28px}.manifesto-heading h3{font-size:36px}.manifesto-heading p{color:#555}.manifesto-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}.manifesto-art{position:relative;aspect-ratio:1145/1373;overflow:hidden;background:#fff;border:1px solid #bbb}.manifesto-contour-map{display:block;width:100%;height:100%}.manifesto-contour-map>image{pointer-events:none}.manifesto-zone{fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:all;transition:fill .16s,stroke .16s;outline:none}.manifesto-zone:hover,.manifesto-zone:focus-visible{fill:#ffe00055;stroke:#d2ad00;stroke-width:2.5}.manifesto-zone.selected{fill:#ffd80022;stroke:#b28d0066}.manifesto-zone.selected:hover,.manifesto-zone.selected:focus-visible{fill:#ffe00055;stroke:#d2ad00;stroke-width:2.5}.manifesto-reading{position:sticky;top:90px;border:1px solid #bbb;padding:28px;min-height:340px;background:#f8f8f8}.manifesto-reading h3{font-size:30px}.manifesto-reading>p:not(.note){font-size:18px;line-height:1.65}.manifesto-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.manifesto-pager button{padding:10px 14px}.manifesto-pager .selected{background:#222;color:#fff}@media(max-width:800px){.manifesto{margin-top:40px}.manifesto-layout{grid-template-columns:1fr;gap:20px}.manifesto-heading h3{font-size:28px}.manifesto-reading{position:static;padding:22px;min-height:0}.manifesto-reading h3{font-size:25px}.manifesto-reading>p:not(.note){font-size:16px}}@media(prefers-reduced-motion:reduce){.manifesto-zone{transition:none}} .manifesto-summary{max-width:960px;margin:32px auto 0;padding-top:24px;border-top:1px solid #bbb;font-size:20px;line-height:1.7}.manifesto-reading{min-height:450px}@media(max-width:800px){.manifesto-summary{font-size:17px}.manifesto-reading{min-height:0}} .identity-heading h2{font-size:clamp(30px,3.5vw,54px)}.identity-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #aaa;border-left:1px solid #aaa}.identity-branch{border-right:1px solid #aaa;border-bottom:1px solid #aaa;padding:20px;min-width:0}.identity-branch summary{list-style:none;cursor:pointer;position:relative;padding-right:18px;min-height:100px}.identity-branch summary::-webkit-details-marker{display:none}.identity-branch strong{font-size:20px;line-height:1.25;display:block;margin-top:12px;font-weight:500}.identity-toggle{position:absolute;right:0;top:0;font-size:23px}.identity-branch[open] .identity-toggle{transform:rotate(45deg)}.identity-branch p{font-size:15px;line-height:1.65;margin:16px 0 0}.identity-origin{display:grid;grid-template-columns:minmax(160px,.7fr) 1.7fr;gap:32px;padding:32px 0}.identity-portrait{background:#eee;border:1px solid #bbb;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:12px}.identity-origin>div:last-child{max-width:700px}.identity-origin h3{font-size:clamp(25px,3vw,40px)}.identity-origin p{max-width:650px;font-size:17px}.identity-link{display:inline-block;padding:12px 0;font-weight:bold}.identity-manifesto{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:32px 0}.identity-manifesto .manifesto{margin-top:0;padding-top:0;border-top:0}.identity-manifesto .manifesto-heading h3{font-size:28px}.identity-branch summary:focus-visible{outline:2px solid #333;outline-offset:5px}@media(max-width:1050px){.identity-branches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.identity-branches{grid-template-columns:1fr}.identity-branch{padding:18px}.identity-branch summary{min-height:0}.identity-branch strong{font-size:19px}.identity-origin{grid-template-columns:1fr;gap:22px}.identity-portrait{min-height:170px}.identity-heading h2{font-size:32px}.identity-origin p{font-size:16px}} /* Shared footer layout extracted from style.css, revamp.css and portraits.css. */ .editorial footer{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;width:100%;max-width:none;margin:0;gap:36px;padding:55px max(5vw,calc((100vw - 1440px)/2));background:#142440;color:#ede7da;border-top:0;font-size:13px;line-height:1.5} .footer-brand{font-size:30px;font-weight:700;text-decoration:none} .footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;align-content:start} .footer-navigation a{font-size:13px;text-decoration:none} .footer-contacts button{display:block;border:0;padding:5px 0;font-size:12px;text-align:left} .editorial footer :is(a,button):focus-visible{outline:2px solid #bb7c52!important;outline-offset:5px} #design-top #book>span{display:none} @media(max-width:1100px){.editorial footer{grid-template-columns:1fr}.footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:680px){.editorial footer{padding:40px 6%;gap:24px}.footer-navigation{grid-template-columns:1fr 1fr;gap:14px 20px}.footer-navigation a{font-size:12px}} /* Shared dropdown surface: identical readable states on light and dark pages. */ :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options{background:#142440!important;color:#ede7da!important;border:1px solid #ede7da55!important;box-shadow:0 14px 36px #0004;z-index:80;max-width:min(340px,88vw);scrollbar-color:#dba17b #142440} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options>button{color:#ede7da!important;background:#142440!important;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.4} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options>button:is(:hover,:focus-visible,[aria-selected=true]){color:#fff3df!important;background:#293b56!important} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options>button[aria-selected=true]{box-shadow:inset 3px 0 #dba17b!important} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options>button:focus-visible{outline:2px solid #dba17b!important;outline-offset:-3px} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options>button:disabled{color:#bbc2cb!important;cursor:default} :is(.editorial,.journal-page,.taiga-controls-page) :is([data-field=ivory],.experience-paper) .taiga-select-trigger:is(:hover,:focus-visible,:active,[aria-expanded=true]){color:#845232!important} /* Menus escape section stacking/overflow; fixed fallback has its own root layer. */ .taiga-options[popover]{padding:6px;overflow-y:auto;overscroll-behavior:contain} .taiga-select-portal{position:fixed!important;inset:0 auto auto 0!important;width:0!important;height:0!important;z-index:2147483600!important;overflow:visible!important} /* C05: one control scale for every page, including its unenhanced first paint. */ :root{--control-caption-size:12px;--control-value-size:16px;--control-value-weight:650;--control-arrow-gap:8px} :is(.editorial,.journal-page,.taiga-controls-page) main select, :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select-trigger{ font-family:Golos,Arial,sans-serif!important;font-size:var(--control-value-size)!important;font-weight:var(--control-value-weight)!important; letter-spacing:0!important;text-transform:none!important;line-height:1.5!important;color:inherit; min-height:44px!important;padding:8px 0!important;border-radius:0;box-sizing:border-box; } :is(.editorial,.journal-page,.taiga-controls-page) main select{background:#142440;color:#ede7da;border:0;border-bottom:1px solid currentColor;width:auto;max-width:100%} :is(.editorial,.journal-page,.taiga-controls-page) :is(.experience-paper,[data-field=ivory]) select{background:#ede7da;color:#142440} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select{display:inline-flex!important;vertical-align:baseline!important;width:fit-content!important;max-width:100%;min-width:0} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select-trigger{display:inline-flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:var(--control-arrow-gap)!important;width:fit-content!important;max-width:100%;background:transparent!important;text-align:left;white-space:normal!important} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select-trigger>span:first-child{min-width:0;overflow-wrap:normal!important;word-break:normal} :is(.editorial,.journal-page,.taiga-controls-page) .select-chevron{flex:none;font-size:16px!important;font-weight:650;line-height:1;color:#dba17b;transition:transform .2s} :is(.editorial,.journal-page,.taiga-controls-page) :is(.experience-paper,[data-field=ivory]) .select-chevron{color:#845232} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select-trigger[aria-expanded=true] .select-chevron{transform:rotate(180deg)} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-control-caption{font-size:var(--control-caption-size)!important;font-weight:400!important;line-height:1.5;letter-spacing:0;text-transform:none} :is(.editorial,.journal-page,.taiga-controls-page) :is(.toolbar,#filters) .taiga-control-label{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-start!important;gap:10px!important;flex:0 1 auto!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important;min-width:0;max-width:100%} :is(.editorial,.journal-page,.taiga-controls-page) :is(.toolbar,#filters){align-items:baseline!important;gap:12px 28px!important} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options{min-width:min(220px,calc(100vw - 24px));padding:6px!important;overflow-x:hidden} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select .taiga-options>button{font-family:Golos,Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;padding:10px 14px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:left;min-height:44px;box-sizing:border-box} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select-trigger:focus-visible{outline:2px solid #bb7c52!important;outline-offset:3px} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-select-trigger:disabled{opacity:.65;cursor:default} :is(.editorial,.journal-page,.taiga-controls-page) :is(.toolbar,#filters) input:not([type=checkbox]){font-family:Golos,Arial,sans-serif!important;font-size:16px!important;font-weight:650!important;line-height:1.5!important;min-height:44px;padding:8px 0!important;max-width:100%;border-radius:0} :is(.editorial,.journal-page,.taiga-controls-page) :is(.toolbar,#filters) input::placeholder{font-size:14px;font-weight:400;opacity:1} :is(.editorial,.journal-page,.taiga-controls-page) :is(.tabs,.filter-tabs) button{font-size:14px!important;font-weight:650!important;min-height:44px} @media(max-width:680px){:is(.editorial,.journal-page,.taiga-controls-page) :is(.toolbar,#filters){gap:8px 20px!important}:is(.editorial,.journal-page,.taiga-controls-page) :is(.toolbar,#filters) .taiga-master-search{max-width:100%;width:190px!important}} @media(prefers-reduced-motion:reduce){.select-chevron{transition:none!important}} :is(.editorial,.journal-page,.taiga-controls-page) .taiga-options[hidden]{display:none!important} .taiga-controls-page main select[hidden]{display:none!important} .taiga-controls-page .taiga-select-trigger{color:inherit;border:0;border-bottom:1px solid currentColor;cursor:pointer;text-align:left} .taiga-controls-page .taiga-options{position:absolute;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box} .taiga-controls-page .taiga-options>button{display:block;width:100%;border:0;cursor:pointer} .taiga-controls-page{font-family:Golos,Arial,sans-serif} @font-face{font-family:Golos;src:url(design-assets/golos-v1.woff2);font-weight:100 900;font-display:swap} /* Shared disclosure: authored line icon, never the platform summary marker. */ .taiga-disclosure{border-block-start:1px solid var(--line,#14244030)} .taiga-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;list-style:none;cursor:pointer;font-size:13px;line-height:1.5} .taiga-disclosure>summary::-webkit-details-marker{display:none} .taiga-disclosure>summary::marker{content:''} .taiga-disclosure>summary:after{content:'';display:block;flex:0 0 16px;width:16px;height:16px;color:var(--action-accent,#845232);background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat} .taiga-disclosure[open]>summary:after{background-size:12px 1.5px,0 0} .taiga-disclosure>summary:is(:hover,:focus-visible){color:var(--action-accent,#845232)} /* Form dialog extends the approved NAVY taiga-modal surface. */ .editorial dialog.taiga-form-dialog{isolation:isolate;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:42px 32px 28px;border-radius:0;background:#142440;color:#ede7da;border:1px solid #ede7da30;border-top-color:#bb7c5277;box-shadow:0 25px 90px #0005;overflow:auto;overscroll-behavior:contain;font-family:Golos,Arial,sans-serif} .editorial dialog.taiga-form-dialog:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(130deg,#142440db,#142440fa),url(media/stone-clean-web-v2.webp) center/cover} .editorial dialog.taiga-form-dialog:after{content:'';position:absolute;left:32px;top:0;width:35px;height:2px;background:#bb7c52} .editorial dialog.taiga-form-dialog::backdrop{background:#07101bbd;backdrop-filter:blur(7px)} .taiga-dialog-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:12px;border:0;background:transparent;color:inherit;cursor:pointer} .taiga-dialog-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5} .taiga-dialog-close:hover{color:#dba17b} @media(max-width:680px){.editorial dialog.taiga-form-dialog{padding:40px 22px 24px}.editorial dialog.taiga-form-dialog:after{left:22px}} /* C05: short desktop lists fit all choices; hide decorative scrollbar tracks. */ .taiga-options{scrollbar-width:none}.taiga-options::-webkit-scrollbar{display:none} /* C01/S01/S17: two chevrons move as one, toward further content. */ .taiga-scroll-cue{display:none} @media(max-width:680px){ .taiga-scroll-cue:not([hidden]){display:flex;justify-content:flex-end;color:#bb7c52;pointer-events:none;height:25px;margin:0 8px 6px auto} .taiga-scroll-cue[data-end=true]{visibility:hidden} .taiga-scroll-cue svg{display:block;width:44px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:taiga-rail-tap 2.4s ease-in-out infinite!important} .taiga-scroll-cue svg path{animation:none!important;transform:none!important} } @keyframes taiga-rail-tap{0%,15%,72%,100%{transform:translateX(0);opacity:.55}30%,54%{transform:translateX(5px);opacity:1}42%,65%{transform:translateX(0);opacity:.7}} @media(prefers-reduced-motion:reduce){.taiga-scroll-cue svg{animation:none!important;opacity:.8}} @media(max-width:680px){.editorial #design-top .taiga-scroll-cue svg{width:44px;height:25px;stroke-width:1.6}} .cert-scope{--ink:#142440;--paper:#ede7da;--muted:#53606b;--line:#14244030;--field:#f6f1e8;--field-line:#14244055;--action-accent:#845232;--cta-bg:#142440;--cta-ink:#ede7da;color:var(--ink);font:16px/1.6 Golos,Arial,sans-serif} .cert-scope *{box-sizing:border-box}.cert-scope [hidden]{display:none!important}.cert-scope :is(button,input,textarea,select){font:inherit}.cert-scope button{cursor:pointer}.cert-scope :is(button,a){touch-action:manipulation}.cert-scope :focus-visible{outline:2px solid var(--action-accent);outline-offset:3px}.cert-scope h2:focus{outline:none}.cert-scope label{display:grid;gap:7px;margin:0;font-size:12px;min-width:0}.cert-scope :is(input,textarea){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid var(--field-line);border-radius:0;background:var(--field);color:var(--ink);padding:12px 14px;font:inherit;font-size:16px;line-height:1.6;box-shadow:none}.cert-scope input::placeholder,.cert-scope textarea::placeholder{color:var(--muted);opacity:1}.cert-scope :is(input,textarea):focus{border-color:var(--action-accent);outline:2px solid var(--action-accent);outline-offset:2px}.cert-scope input[type=date]{inline-size:100%;min-inline-size:0;max-inline-size:100%;-webkit-appearance:none;appearance:none;overflow:hidden;min-height:50px}.cert-scope input[type=date]::-webkit-date-and-time-value{min-height:1.6em;text-align:left}.cert-scope textarea{resize:vertical;min-height:100px}.cert-scope h2{font-size:clamp(28px,2.8vw,40px);font-weight:650;line-height:1.08;letter-spacing:-.045em;margin:0 0 14px}.cert-scope p{margin:0 0 16px}.cert-kicker{display:block;font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--action-accent);margin:0 0 13px}.cert-muted{font-size:12px;line-height:1.65;color:var(--muted)}.cert-actions{display:flex;align-items:center;gap:24px;margin-top:22px;flex-wrap:wrap}.cert-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:14px 20px;border:1px solid var(--cta-bg)!important;border-radius:0;background:var(--cta-bg)!important;color:var(--cta-ink)!important;text-decoration:none;font-size:13px!important;line-height:1.5}.cert-primary:hover{filter:brightness(1.12)}.cert-primary:disabled{opacity:.5;cursor:default;filter:none}.cert-link{padding:10px 0;min-height:44px;border:0;background:transparent;color:inherit;font-size:13px!important;text-decoration:none;text-underline-offset:5px}.cert-link:hover{color:var(--action-accent);text-decoration:none}.cert-tabs{display:flex;align-items:baseline;gap:24px;margin:20px 0}.cert-scope .cert-tabs button{position:relative;padding:10px 0;background:transparent;color:var(--muted);border:0;border-bottom:1px solid transparent;border-radius:0;min-height:44px;font-size:14px;font-weight:500;line-height:1.5;text-align:left}.cert-scope .cert-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--action-accent)}.cert-scope .cert-tabs button:hover{color:var(--action-accent)}.cert-error{color:#973e30;font-size:12px;line-height:1.6;margin:12px 0 0!important}.cert-error:empty{display:none}.cert-scope .taiga-disclosure{padding:0}.cert-scope .taiga-disclosure p{color:var(--muted);font-size:12px;line-height:1.7;padding-bottom:12px;margin:0}.cert-scope .taiga-disclosure>summary{font-size:13px}.cert-scope details label{margin:4px 0 16px} body[data-inner-page=certificates]{margin:0;background:#142440;color:#ede7da;font-family:Golos,Arial,sans-serif}.cert-page{background:#ede7da;padding:134px max(5vw,20px) 55px;min-height:85vh}.cert-page-inner{max-width:1240px;margin:auto}.cert-breadcrumb{display:inline-block;font-size:12px;text-decoration:none;color:#53606b;margin-bottom:22px}.cert-breadcrumb:hover{color:#845232}.cert-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;border-bottom:1px solid #14244030;padding-bottom:24px}.cert-title{font-size:clamp(32px,3.4vw,48px);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:650px}.cert-title span{color:#845232}.cert-intro>p{font-size:13px;line-height:1.7;max-width:300px;margin:0}.cert-progress{display:grid;grid-template-columns:repeat(4,max-content);gap:30px;list-style:none;padding:0;margin:22px 0 12px;font-size:12px;color:#53606b}.cert-progress li{padding-bottom:9px;border-bottom:1px solid transparent}.cert-progress li[aria-current=step]{color:#142440;font-weight:650;border-color:#845232}.cert-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4vw;align-items:center;min-height:460px}.cert-stage{min-width:0;max-width:440px;padding:28px 0}.cert-stage>section>p{font-size:14px;line-height:1.7}.cert-visual{position:relative;min-width:0;align-self:stretch}.cert-scene{position:relative;min-height:480px;height:100%;--orbit-x:40%;--orbit-y:40%;--radius:235px;--card-width:360px;overflow:hidden;touch-action:pan-y}.cert-scene:before{content:'';position:absolute;left:var(--orbit-x);top:var(--orbit-y);width:calc(var(--radius)*2);height:calc(var(--radius)*2);transform:translate(-50%,-50%);border:1px solid #14244010;border-radius:50%;pointer-events:none}.cert-card-position{position:absolute;left:var(--orbit-x);top:var(--orbit-y);width:var(--card-width);transform:translate(-50%,-50%) rotate(-5deg);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.cert-layout[data-phase="1"] .cert-card-position{transform:translate(-55%,-50%) rotate(-9deg) scale(.94)}.cert-layout[data-phase="2"] .cert-card-position{transform:translate(-42%,-50%) rotate(0deg) scale(.98)}.cert-layout[data-phase="3"] .cert-card-position{transform:translate(-45%,-50%) rotate(3deg)}.cert-card{position:relative;aspect-ratio:1.65;background:#142440;overflow:hidden;border-radius:3px;box-shadow:0 18px 40px #14244024;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease}.cert-card>img{display:block;width:100%;height:100%;object-fit:cover}.cert-card-caption{position:absolute;inset:auto 0 0;padding:16px;color:#ede7da;background:linear-gradient(transparent,#0b1528e8);display:flex;justify-content:space-between;align-items:end;gap:12px}.cert-card-caption>span{font-size:11px;max-width:55%;overflow-wrap:anywhere}.cert-card-caption>strong{font-size:26px;font-weight:650;white-space:nowrap}.cert-preview-note{font-size:10px!important;line-height:1.6;color:#53606b;padding:0 12px;margin:0!important;position:absolute;left:0;bottom:0;max-width:350px}.cert-file{border:1px dashed #14244055;padding:16px;margin-top:16px!important}.cert-scope .cert-file input{border:0;background:transparent;padding:8px 0;font-size:12px}.cert-file input::file-selector-button{border:1px solid #14244055;background:transparent;color:#142440;padding:8px 10px;font:inherit;margin-right:10px;cursor:pointer}.cert-summary{display:grid;grid-template-columns:95px minmax(0,1fr);gap:9px 16px;font-size:13px;margin:22px 0}.cert-summary dt{color:var(--muted)}.cert-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#recipientForm{display:grid;gap:20px}#recipientForm .taiga-disclosure{margin-top:0}.cert-step-note{font-size:12px!important;color:#53606b}.cert-selection{font-size:24px!important;letter-spacing:-.025em;font-weight:650;margin:18px 0!important} /* Circular choices share a geometric centre with the card. Rotation, not a vertical list. */ .cert-orbit{position:absolute;inset:0;touch-action:pan-y;user-select:none;pointer-events:none}.cert-orbit:focus-visible{outline:0}.cert-orbit:focus-visible:after{content:'';position:absolute;inset:8px;border:1px solid #845232;pointer-events:none}.cert-orbit-position{position:absolute;left:var(--orbit-x);top:var(--orbit-y);width:0;height:0;transform:rotate(var(--angle)) translateX(var(--radius));transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .4s;opacity:var(--item-opacity,1);pointer-events:none}.cert-orbit-position[data-far=true]{opacity:0;visibility:hidden}.cert-scope .cert-orbit-choice{position:absolute;left:0;top:0;display:grid;place-items:center;gap:5px;min-width:44px;min-height:44px;border:0;background:transparent;color:#53606b;white-space:nowrap;padding:6px;pointer-events:auto;transform:translate(-50%,-50%);font-size:17px;line-height:1.3;font-weight:450}.cert-scope .cert-orbit-choice:hover{color:#845232}.cert-orbit[data-kind=design] .cert-orbit-choice{transform:translate(-50%,-50%) rotate(calc(-1*var(--angle)));padding:4px;border:1px solid transparent;border-radius:50%;width:56px;height:56px}.cert-orbit-choice img{display:block;width:46px;height:46px;border-radius:50%;object-fit:cover;background:#142440;pointer-events:none}.cert-scope .cert-orbit-choice[aria-selected=true]{color:#142440;font-weight:650}.cert-orbit[data-kind=design] .cert-orbit-choice[aria-selected=true]{border-color:#845232}.cert-orbit[data-kind=amount] .cert-orbit-choice[aria-selected=true]:before{content:'';position:absolute;left:-12px;top:50%;width:4px;height:4px;border-radius:50%;background:#bb7c52}.cert-orbit-controls{display:flex;align-items:center;gap:14px;margin:15px 0}.cert-orbit-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #14244035!important;background:transparent;color:#142440;padding:11px!important}.cert-orbit-controls button:hover{border-color:#845232!important;color:#845232}.cert-orbit-controls button:disabled{opacity:.3;cursor:default}.cert-orbit-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.cert-orbit-controls span{font-size:11px;color:#53606b;font-variant-numeric:tabular-nums}.cert-orbit-help{font-size:11px!important;color:#53606b;line-height:1.7!important}.cert-scope .cert-pulse{animation:cert-soft-enter .4s ease}@keyframes cert-soft-enter{from{opacity:.65}to{opacity:1}} /* Compact homepage numeric wheel remains independent of the radial constructor. */ .cert-wheel-wrap{width:220px;max-width:100%;position:relative;margin:4px 0 0}.cert-wheel-wrap:before{content:'';position:absolute;left:0;right:0;top:66px;height:44px;border-block:1px solid #14244044;pointer-events:none}.cert-wheel{height:176px;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding:66px 0;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.cert-wheel::-webkit-scrollbar{display:none}.cert-scope .cert-wheel button{display:block;height:44px;width:100%;scroll-snap-align:center;border:0;background:transparent!important;color:#53606b;font-size:23px;padding:0}.cert-scope .cert-wheel button[aria-selected=true]{color:#142440;font-size:29px;font-weight:650}.cert-scope .cert-wheel button:hover{color:#845232}.cert-wheel-note{font-size:11px;color:#53606b;margin:0!important}#gifts .gift-amount-control{display:none!important}.cert-scope .cert-amount-label{font-size:12px;font-weight:400;margin:16px 0 0!important} /* Form content inherits the existing dark modal surface and common field scale. */ .cert-scope:is(.taiga-form-dialog,[data-tone="dark"]){--ink:#ede7da;--muted:#ede7da99;--line:#ede7da25;--field:#ede7da06;--field-line:#ede7da40;--action-accent:#dba17b;--cta-bg:#ede7da;--cta-ink:#142440}.taiga-form-dialog h2{font-size:38px;max-width:420px;margin-right:28px}.taiga-form-dialog .cert-kicker{padding-right:40px}.cert-dialog-intro{border-bottom:1px solid var(--line);margin-bottom:20px}.cert-scope.taiga-form-dialog p{font-size:13px;line-height:1.7}.cert-dialog-intro #physicalAmount{font-size:14px;color:var(--muted);margin:0 0 20px}.cert-scope.taiga-form-dialog .cert-tabs{margin:0 0 14px}.cert-scope.taiga-form-dialog .cert-tabs button{font-size:14px}.cert-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;min-width:0}.cert-pair>*{min-width:0}.cert-address{font-size:12px;line-height:1.7;margin:0 0 20px}.cert-address:empty{display:none}.cert-address p{font-size:12px!important;color:var(--muted);margin-bottom:6px}.cert-address a{color:var(--action-accent);text-decoration:none}.cert-address a:hover{text-decoration:none}.cert-scope.taiga-form-dialog label{font-size:12px}.cert-dialog-optional{margin-top:20px}.cert-dialog-optional .cert-pair{margin-top:4px}.cert-dialog-optional label{margin-bottom:18px!important}.cert-scope.taiga-form-dialog .cert-muted{font-size:11px;line-height:1.7;color:var(--muted)}.cert-contact-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}.cert-draft{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px!important}.cert-status{font-size:12px;min-height:18px} @media(max-width:900px) and (min-width:701px){.cert-scene{--radius:175px;--card-width:275px;min-height:390px;--orbit-x:40%}.cert-orbit[data-kind=design] .cert-orbit-choice{width:48px;height:48px}.cert-orbit-choice img{width:38px;height:38px}.cert-scope .cert-orbit-choice{font-size:14px}.cert-layout{gap:3vw}} @media(max-width:700px){.cert-page{padding:112px 20px 38px}.cert-intro{display:block;padding-bottom:18px}.cert-intro>p{font-size:12px;max-width:none;margin-top:12px}.cert-title{font-size:34px;max-width:440px}.cert-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:11px;margin:18px 0 4px}.cert-layout{display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0}.cert-visual{width:100%;align-self:auto}.cert-scene{height:320px;min-height:320px;--radius:145px;--card-width:225px;--orbit-x:39%;--orbit-y:40%}.cert-scene:before{border-color:#1424400d}.cert-orbit[data-kind=design] .cert-orbit-choice{width:44px;height:44px;padding:3px}.cert-orbit-choice img{width:36px;height:36px}.cert-scope .cert-orbit-choice{font-size:13px;padding:4px;min-width:56px}.cert-orbit[data-kind=design] .cert-orbit-choice{min-width:44px}.cert-card-caption{padding:12px}.cert-card-caption>span{font-size:9px}.cert-card-caption>strong{font-size:20px}.cert-preview-note{font-size:9px!important;bottom:0;max-width:300px;line-height:1.5}.cert-stage{max-width:none;padding:20px 0 0}.cert-stage h2{font-size:30px;max-width:360px}.cert-stage>section>p{font-size:13px}.cert-kicker{font-size:9px;margin-bottom:12px}.cert-tabs{margin:14px 0;gap:22px}.cert-orbit-controls{margin:12px 0}.cert-selection{font-size:22px!important;margin:12px 0!important}.cert-actions{gap:22px;margin-top:20px}.cert-pair{gap:16px}.taiga-form-dialog h2{font-size:32px;max-width:330px}.cert-scope.taiga-form-dialog .cert-tabs{gap:20px}.cert-scope.taiga-form-dialog .cert-tabs button{font-size:13px}.cert-dialog-optional .cert-pair{grid-template-columns:1fr}.cert-contact-links{gap:16px}.cert-scope.taiga-form-dialog .cert-primary{width:100%}.cert-layout[data-phase="2"] .cert-scene,.cert-layout[data-phase="3"] .cert-scene{height:210px;min-height:210px;--orbit-y:43%}.cert-layout[data-phase="2"] .cert-scene:before,.cert-layout[data-phase="3"] .cert-scene:before{display:none}.cert-layout[data-phase="2"] .cert-card-position,.cert-layout[data-phase="3"] .cert-card-position{left:50%;transform:translate(-50%,-50%) rotate(0deg)}} @media(max-width:355px){.cert-page{padding-inline:16px}.cert-title{font-size:30px}.cert-scene{--card-width:196px;--radius:123px;--orbit-x:38%;height:285px;min-height:285px}.cert-scope .cert-orbit-choice{font-size:12px}.cert-card-caption>strong{font-size:18px}.cert-preview-note{font-size:8px!important}.cert-pair{grid-template-columns:1fr;gap:18px}.cert-scope.taiga-form-dialog .cert-tabs{gap:16px}} @media(prefers-reduced-motion:reduce){.cert-card,.cert-card-position,.cert-orbit-position{transition:none!important}.cert-card{transform:none!important}.cert-scope .cert-pulse{animation:none}.cert-scope *{scroll-behavior:auto!important}} .cert-scope.taiga-form-dialog #physicalContacts{font-size:12px;line-height:1.7;color:var(--muted)} /* U01: explicit surface theme and stable control typography, shared with the site. */ .cert-scope{--disabled-bg:#d6d3cb;--disabled-ink:#475460} .cert-scope:is(.taiga-form-dialog,[data-tone="dark"]){--disabled-bg:#33425b;--disabled-ink:#bfc7d2} .cert-scope .cert-primary,.cert-scope .cert-link{font-weight:500;letter-spacing:normal;text-transform:none} .cert-scope .cert-primary:is(:hover,:focus-visible){text-decoration:none} .cert-scope .cert-primary:disabled{opacity:1;background:var(--disabled-bg)!important;border-color:var(--disabled-bg)!important;color:var(--disabled-ink)!important;cursor:not-allowed} .cert-scope .cert-link{text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px} .cert-scope .cert-link:is(:hover,:focus-visible),.cert-scope a.cert-link{text-decoration:none} .cert-scope .cert-tabs button{font-weight:500;letter-spacing:normal;text-transform:none;text-decoration:none} /* Canonical homepage header; all page shells import this file last. */ @font-face{font-family:Golos;src:url(design-assets/golos-v1.woff2);font-weight:100 900} #design-top[data-taiga-header]{font:16px Golos,Arial,sans-serif;text-align:left} #design-top[data-taiga-header] :is(header,button,a,img,nav){margin:0} #design-top[data-taiga-header] header{font-weight:400;line-height:normal} #design-top[data-taiga-header] .logo{padding:0;border:0;font-weight:700;line-height:1.5} #design-top[data-taiga-header] :is(button,a){touch-action:manipulation} #design-top[data-taiga-header] #book > span{ display: none; } #design-top[data-taiga-header] *{ box-sizing: border-box; } #design-top[data-taiga-header]{ --cream: #ede7da; --navy: #142440; } #design-top[data-taiga-header]{ margin: 0px; background: var(--navy); color: var(--cream); font-family: Golos, Arial, sans-serif; } #design-top[data-taiga-header] a{ color: inherit; text-decoration: none; } #design-top[data-taiga-header] button, #design-top[data-taiga-header] select{ font: inherit; } #design-top[data-taiga-header] button{ color: inherit; cursor: pointer; border: 0px; background: none; } #design-top[data-taiga-header] [hidden]{ display: none !important; } #design-top[data-taiga-header] svg{ width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 1.5; } #design-top[data-taiga-header] header{ position: fixed; inset: 0px 0px auto; z-index: 40; display: grid; grid-template-columns: 1fr 1.15fr 135px 1.15fr 1.2fr; align-items: center; gap: 18px; padding: 20px 3%; transition: background 0.5s, padding 0.5s; } #design-top[data-taiga-header] header.compact{ padding: 10px 3%; background: rgba(20, 36, 64, 0.91); backdrop-filter: blur(20px); } #design-top[data-taiga-header] .header-left, #design-top[data-taiga-header] .header-right{ display: flex; align-items: center; gap: 16px; } #design-top[data-taiga-header] .header-right{ justify-content: flex-end; } #design-top[data-taiga-header] .header-left button{ white-space: nowrap; font-size: 11px; } #design-top[data-taiga-header] #cityBtn{ display: flex; gap: 10px; } #design-top[data-taiga-header] .icon-button{ padding: 8px; } #design-top[data-taiga-header] .logo{ display: block; height: 80px; background: var(--cream); mask: url("design-assets/taiga-logo.webp") center center / contain no-repeat; transition: height 0.5s; } #design-top[data-taiga-header] .compact .logo{ height: 52px; } #design-top[data-taiga-header] .motto{ width: 100%; height: 80px; object-fit: contain; transition: opacity 0.4s, transform 0.5s; } #design-top[data-taiga-header] .compact .motto{ opacity: 0; transform: translateY(-12px); pointer-events: none; } #design-top[data-taiga-header] .book{ display: flex; align-items: center; gap: 24px; background: var(--cream); color: var(--navy); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; padding: 19px 22px; white-space: nowrap; transition: background 0.25s; } #design-top[data-taiga-header] .book:hover{ background: rgb(201, 184, 148); } #design-top[data-taiga-header] .book span{ font-size: 20px; } #design-top[data-taiga-header] .contact-hub{ position: relative; } #design-top[data-taiga-header] #contactBtn{ display: flex; align-items: center; gap: 6px; padding: 10px; } #design-top[data-taiga-header] .chevron{ transition: transform 0.3s; } #design-top[data-taiga-header] [aria-expanded="true"] > .chevron{ transform: rotate(180deg); } #design-top[data-taiga-header] #orbit{ position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; } #design-top[data-taiga-header] .orbit-item{ position: absolute; width: 44px; height: 44px; border-radius: 50%; background: var(--cream); border: 1px solid rgb(178, 166, 143); display: grid; place-items: center; opacity: 0; transform: translate(-50%, -50%) scale(0.3); transition-behavior: normal, normal; transition-duration: 0.45s, 0.3s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), ease; transition-property: transform, opacity; transition-delay: calc(var(--i)*35ms); pointer-events: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px; } #design-top[data-taiga-header] .orbit-item img{ width: 21px; height: 21px; } #design-top[data-taiga-header] .contact-hub.open .orbit-item{ opacity: 1; pointer-events: auto; transform: translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1); } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -108px; --y: 18px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -82px; --y: 82px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: -20px; --y: 112px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 48px; --y: 100px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 96px; --y: 48px; } #design-top[data-taiga-header] .popover{ position: fixed; z-index: 42; top: 104px; left: 3%; padding: 28px; background: rgba(23, 41, 64, 0.96); backdrop-filter: blur(20px); box-shadow: rgba(0, 0, 0, 0.267) 0px 15px 50px; min-width: 270px; } #design-top[data-taiga-header] .popover a, #design-top[data-taiga-header] .popover > button{ display: block; padding: 12px 0px; } #design-top[data-taiga-header] .popover p{ font-size: 10px; letter-spacing: 2px; } #design-top[data-taiga-header] .popover small{ display: block; line-height: 1.6; max-width: 260px; margin-top: 16px; } #design-top[data-taiga-header] .popover label{ margin-top: 20px; } #design-top[data-taiga-header] select{ background: rgb(37, 57, 54); color: var(--cream); border: 1px solid rgba(237, 231, 218, 0.25); padding: 12px 30px 12px 12px; min-width: 190px; font-size: 12px; } @media (max-width: 1100px){#design-top[data-taiga-header] header{ grid-template-columns: 1fr 120px 1fr; } #design-top[data-taiga-header] .motto{ display: none; }} @media (max-width: 640px){#design-top[data-taiga-header] header{ padding: 15px 4%; grid-template-columns: 1fr 68px 1fr; gap: 5px; } #design-top[data-taiga-header] .logo{ height: 55px; } #design-top[data-taiga-header] .header-left{ gap: 0px; } #design-top[data-taiga-header] .icon-button{ padding: 5px; } #design-top[data-taiga-header] .icon-button svg{ width: 20px; } #design-top[data-taiga-header] .header-left button{ font-size: 9px; } #design-top[data-taiga-header] #cityBtn{ gap: 3px; } #design-top[data-taiga-header] .header-right{ gap: 5px; } #design-top[data-taiga-header] #contactBtn{ padding: 7px 3px; } #design-top[data-taiga-header] #contactBtn svg{ width: 20px; } #design-top[data-taiga-header] #contactBtn .chevron{ display: none; } #design-top[data-taiga-header] .book{ padding: 14px 10px; font-size: 9px; letter-spacing: 0px; gap: 0px; } #design-top[data-taiga-header] .book span{ display: none; } #design-top[data-taiga-header] .compact .logo{ height: 45px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 62px; --y: 50px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 37px; --y: 107px; } #design-top[data-taiga-header] .popover{ top: 85px; }} @media (prefers-reduced-motion: reduce){#design-top[data-taiga-header] *, #design-top[data-taiga-header] ::before, #design-top[data-taiga-header] ::after{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }} #design-top[data-taiga-header] header{ grid-template-columns: 180px 1fr 135px 1fr 225px; gap: 12px; } #design-top[data-taiga-header] .motto{ width: 67%; justify-self: center; transform: rotate(-7deg); height: 70px; } #design-top[data-taiga-header] .compact .motto{ transform: rotate(-7deg) translateY(-12px); } #design-top[data-taiga-header] .book{ font-size: 12px; font-weight: 500; letter-spacing: 0.01em; padding: 13px 19px; gap: 18px; border: 1px solid rgba(237, 231, 218, 0.396); background: rgba(237, 231, 218, 0.04); color: var(--cream); border-radius: 2px; } #design-top[data-taiga-header] .book:hover{ background: rgb(237, 231, 218); color: rgb(20, 36, 64); } #design-top[data-taiga-header] .book span{ font-size: 15px; font-weight: 400; } #design-top[data-taiga-header] .orbit-item{ width: 32px; height: 32px; box-shadow: none; border: 0px; background: rgb(237, 231, 218); } #design-top[data-taiga-header] .orbit-item img{ width: 16px; height: 16px; } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -69px; --y: 43px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -39px; --y: 70px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: 0px; --y: 80px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 39px; --y: 70px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 69px; --y: 43px; } #design-top[data-taiga-header] .popover{ background: none; backdrop-filter: none; box-shadow: none; padding: 0px; min-width: 0px; top: 89px; text-shadow: rgb(20, 36, 64) 0px 2px 12px; } #design-top[data-taiga-header] .popover a, #design-top[data-taiga-header] .popover > button{ font-size: 11px; padding: 9px 0px; width: fit-content; } #design-top[data-taiga-header] #cityPanel{ left: calc(3% + 52px); } #design-top[data-taiga-header] #menu{ left: 3%; top: 115px; } #design-top[data-taiga-header] #menu a{ font-size: 12px; line-height: 1.6; } @media (max-width: 1100px){#design-top[data-taiga-header] header{ grid-template-columns: 1fr 120px 1fr; }} @media (max-width: 640px){#design-top[data-taiga-header] header{ grid-template-columns: 1fr 68px 1fr; gap: 5px; } #design-top[data-taiga-header] .book{ padding: 11px 10px; font-size: 10px; } #design-top[data-taiga-header] .motto{ display: none; } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -62px; --y: 45px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -32px; --y: 71px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: 6px; --y: 80px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 44px; --y: 70px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 73px; --y: 43px; } #design-top[data-taiga-header] #cityPanel{ left: calc(4% + 28px); top: 72px; } #design-top[data-taiga-header] #menu{ top: 100px; }} #design-top[data-taiga-header] .motto{ width: 56%; opacity: 0.74; filter: url("#fine-ink"); } #design-top[data-taiga-header] header .motto{ width: 96%; max-width: 290px; height: 66px; object-fit: contain; opacity: 1; filter: none; transform: rotate(-4deg); } #design-top[data-taiga-header] header.compact .motto{ opacity: 0; transform: rotate(-4deg) translateY(-12px); } @media (max-width: 1100px){#design-top[data-taiga-header] header .motto{ display: none; }} #design-top[data-taiga-header]{ line-height: normal; font-size: 16px; --cream: #ede7da; --navy: #142440; } #design-top[data-taiga-header] header{ height: auto; border: 0px; max-width: none; background: transparent; } #design-top[data-taiga-header] header.compact{ background: rgba(20, 36, 64, 0.933); backdrop-filter: blur(20px); } #design-top[data-taiga-header] header .logo{ position: static; left: auto; transform: none; display: block; } #design-top[data-taiga-header] button{ padding: 2px 6px; font-weight: 400; } #design-top[data-taiga-header] .book{ font-weight: 500; } #design-top[data-taiga-header] #menu:not([hidden]){ display: flex; flex-direction: column; max-height: 75vh; overflow: auto; } #design-top[data-taiga-header] #header.compact{ grid-template-columns: 1fr 40px 1fr; gap: 18px; padding: 7px 3%; min-height: 54px; background: rgba(20, 36, 64, 0.96); } #design-top[data-taiga-header] #header.compact .header-left{ grid-area: 1 / 1; } #design-top[data-taiga-header] #header.compact .header-right{ grid-area: 1 / 3; } #design-top[data-taiga-header] #header.compact .motto{ display: none; } #design-top[data-taiga-header] #header.compact .logo{ grid-area: 1 / 2; height: 36px; width: 32px; justify-self: center; background: rgb(237, 231, 218); mask: url("design-assets/T-white-lossless-v1.webp") center center / contain no-repeat; } #design-top[data-taiga-header] #header.compact .book{ padding: 10px 16px; font-size: 11px; min-height: 36px; } #design-top[data-taiga-header] #header.compact .book span{ font-size: 15px; } #design-top[data-taiga-header] #header.compact .icon-button, #design-top[data-taiga-header] #header.compact #contactBtn{ padding: 6px; } #design-top[data-taiga-header] .orbit-item{ width: 34px; height: 34px; background: transparent; border: 1px solid rgba(237, 231, 218, 0.46); color: rgb(237, 231, 218); box-shadow: none; } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -144px; --y: 48px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -110px; --y: 76px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: -70px; --y: 88px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: -30px; --y: 76px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 4px; --y: 48px; } #design-top[data-taiga-header] .orbit-item:hover, #design-top[data-taiga-header] .orbit-item:focus-visible{ background: rgb(20, 36, 64); border-color: currentcolor; outline: none; } #design-top[data-taiga-header] .orbit-item[data-channel="whatsapp"]:is(:hover, :focus-visible){ color: rgb(37, 211, 102); } #design-top[data-taiga-header] .orbit-item[data-channel="telegram"]:is(:hover, :focus-visible){ color: rgb(42, 171, 238); } #design-top[data-taiga-header] .orbit-item[data-channel="vk"]:is(:hover, :focus-visible){ color: rgb(0, 119, 255); } #design-top[data-taiga-header] .orbit-item[data-channel="phone"]:is(:hover, :focus-visible){ color: rgb(187, 124, 82); } #design-top[data-taiga-header] .orbit-item[data-channel="instagram"]:is(:hover, :focus-visible){ color: rgb(230, 104, 146); } #design-top[data-taiga-header] .orbit-item[data-channel="instagram"]:is(:hover, :focus-visible) .channel-glyph{ background: linear-gradient(35deg, rgb(249, 206, 52), rgb(238, 42, 123), rgb(98, 40, 215)); } @media (max-width: 680px){#design-top[data-taiga-header] #header.compact{ gap: 8px; padding: 7px 4%; } #design-top[data-taiga-header] #header.compact .book{ padding: 9px 10px; font-size: 10px; } #design-top[data-taiga-header] #header.compact .header-right, #design-top[data-taiga-header] #header.compact .header-left{ gap: 6px; } #design-top[data-taiga-header] #header.compact .logo{ height: 30px; width: 27px; }} #design-top[data-taiga-header] #menu{ left: 3%; top: 106px; width: 255px; max-height: calc(100dvh - 125px); overflow-y: auto; padding: 5px; display: flex; flex-direction: column; gap: 3px; background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; scrollbar-width: thin; scrollbar-color: rgb(187, 124, 82) transparent; } #design-top[data-taiga-header] #menu[hidden], #design-top[data-taiga-header] #cityPanel[hidden]{ display: none !important; } #design-top[data-taiga-header] #menu > a, #design-top[data-taiga-header] #cityPanel > button{ display: block; padding: 10px 13px; color: rgb(237, 231, 218); background: rgba(20, 36, 64, 0.93); border: 1px solid rgba(237, 231, 218, 0.05); backdrop-filter: blur(14px); font-size: 12px; font-weight: 450; line-height: 1.4; text-decoration: none; transform-origin: left center; transition: background 0.2s, color 0.2s, transform 0.2s, border-color 0.2s; } #design-top[data-taiga-header] #menu > a:hover, #design-top[data-taiga-header] #menu > a:focus-visible, #design-top[data-taiga-header] #cityPanel > button:hover, #design-top[data-taiga-header] #cityPanel > button:focus-visible{ background: rgb(32, 52, 78); color: rgb(219, 161, 123); border-color: rgba(187, 124, 82, 0.333); transform: translateX(3px) scale(1.018); outline: none; } #design-top[data-taiga-header] #cityPanel{ left: calc(3% + 48px); top: 95px; padding: 5px; width: 190px; background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; } #design-top[data-taiga-header] #cityPanel > button{ width: 100%; text-align: left; } #design-top[data-taiga-header] #cityPanel > button[hidden]{ display: none; } #design-top[data-taiga-header] #cityPanel small:empty{ display: none; } #design-top[data-taiga-header]:has(#header.compact) #menu{ top: 61px; max-height: calc(100dvh - 80px); } #design-top[data-taiga-header]:has(#header.compact) #cityPanel{ top: 57px; } @media (max-width: 680px){#design-top[data-taiga-header] #menu{ left: 4%; width: 238px; top: 80px; } #design-top[data-taiga-header] #cityPanel{ left: calc(4% + 32px); top: 77px; width: 175px; }} #design-top[data-taiga-header] #menu > button{ display: block; align-self: flex-start; padding: 10px 13px; color: rgb(237, 231, 218); background: rgba(20, 36, 64, 0.93); border: 1px solid rgba(237, 231, 218, 0.05); backdrop-filter: blur(14px); font-size: 12px; font-weight: 450; line-height: 1.4; transform-origin: left center; transition: background 0.2s, color 0.2s, transform 0.2s, border-color 0.2s; } #design-top[data-taiga-header] #menu > button:hover, #design-top[data-taiga-header] #menu > button:focus-visible{ background: rgb(32, 52, 78); color: rgb(219, 161, 123); border-color: rgba(187, 124, 82, 0.333); transform: translateX(3px) scale(1.018); outline: none; } #design-top[data-taiga-header] #menu{ isolation: isolate; overflow-x: visible; padding: 12px 18px 16px; width: 258px; gap: 2px; background: transparent; } #design-top[data-taiga-header] #menu::before, #design-top[data-taiga-header] #cityPanel::before{ content: ""; position: absolute; inset: -15px -30px -22px -18px; z-index: -1; pointer-events: none; background: rgba(16, 31, 55, 0.95); filter: blur(13px); mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 13%, rgb(0, 0, 0) 65%, transparent); } #design-top[data-taiga-header] #menu > a, #design-top[data-taiga-header] #menu > button, #design-top[data-taiga-header] .world-menu-row > a, #design-top[data-taiga-header] #worldMenuChildren > a, #design-top[data-taiga-header] #cityPanel > button{ padding: 9px 7px; background: transparent; border: 0px; backdrop-filter: none; box-shadow: none; font-size: 12px; line-height: 1.45; transition: color 0.2s, transform 0.2s; text-decoration: none !important; } #design-top[data-taiga-header] #menu > a:hover, #design-top[data-taiga-header] #menu > button:hover, #design-top[data-taiga-header] .world-menu-row > a:hover, #design-top[data-taiga-header] #worldMenuChildren > a:hover, #design-top[data-taiga-header] #cityPanel > button:hover, #design-top[data-taiga-header] #menu :is(a, button):focus-visible, #design-top[data-taiga-header] #cityPanel > button:focus-visible{ color: rgb(219, 161, 123); background: transparent; border: 0px; transform: translateX(3px); outline: none; } #design-top[data-taiga-header] #menu > a:active, #design-top[data-taiga-header] #menu > button:active{ color: rgb(237, 231, 218); transform: translateX(5px); } #design-top[data-taiga-header] .world-menu-row > a{ flex: 1 1 0%; color: rgb(237, 231, 218); text-decoration: none; } #design-top[data-taiga-header] #worldMenuToggle{ width: 36px; height: 34px; background: transparent; border: 0px; color: rgb(187, 124, 82); font-size: 24px; padding: 0px; transition: transform 0.25s, color 0.25s; } #design-top[data-taiga-header] #worldMenuToggle[aria-expanded="true"]{ transform: rotate(90deg); } #design-top[data-taiga-header] #worldMenuChildren > a{ display: block; color: rgba(237, 231, 218, 0.667); font-size: 11px; } #design-top[data-taiga-header] #cityPanel{ isolation: isolate; padding: 7px 9px; width: 175px; } #design-top[data-taiga-header] #cityPanel::before{ inset: -8px -20px; filter: blur(10px); } @media (max-width: 680px){#design-top[data-taiga-header] #menu{ width: 240px; }} #design-top[data-taiga-header] #menu{ overflow: visible; max-height: none; } @media (max-height: 760px){#design-top[data-taiga-header] #menu, #design-top[data-taiga-header]:has(#header.compact) #menu{ max-height: calc(100dvh - 115px); overflow: hidden auto; }} #design-top[data-taiga-header] #menu::before, #design-top[data-taiga-header] #cityPanel::before{ mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 13%, rgb(0, 0, 0) 65%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 90%, transparent); mask-composite: intersect; } #design-top[data-taiga-header] :is(#menuBtn, #cityBtn, #contactBtn){ transition: color 0.2s, transform 0.25s, opacity 0.2s; background: transparent; } #design-top[data-taiga-header] :is(#menuBtn, #cityBtn, #contactBtn):is(:hover, :focus-visible){ color: rgb(219, 161, 123); transform: scale(1.075); background: transparent; } #design-top[data-taiga-header] :is(#menuBtn, #cityBtn, #contactBtn):active{ transform: scale(0.97); color: rgb(237, 231, 218); } #design-top[data-taiga-header] .logo{ transition: transform 0.35s, background 0.3s; } #design-top[data-taiga-header] .logo:is(:hover, :focus-visible){ transform: scale(1.1); background: rgb(219, 161, 123); outline: none; } #design-top[data-taiga-header] .logo:active{ transform: scale(1.03); } #design-top[data-taiga-header] .world-menu-row{ justify-content: flex-start; gap: 8px; } #design-top[data-taiga-header] .world-menu-row > a{ flex: 0 0 auto; } #design-top[data-taiga-header] #worldMenuToggle{ width: 25px; font-size: 19px; } #design-top[data-taiga-header] #worldMenuToggle[aria-expanded="true"]{ transform: rotate(180deg); } #design-top[data-taiga-header] .orbit-item, #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ backdrop-filter: blur(18px) saturate(150%); border: 1px solid rgba(237, 231, 218, 0.5); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 1px inset, rgba(6, 16, 29, 0.4) 0px -1px 2px inset, rgba(5, 14, 27, 0.314) 0px 5px 15px; background: linear-gradient(145deg, rgba(237, 231, 218, 0.2), rgba(20, 36, 64, 0.85) 68%) !important; } #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ border-color: currentcolor; box-shadow: rgba(255, 255, 255, 0.467) 0px 1px 1px inset, rgba(5, 14, 27, 0.5) 0px 5px 20px; } #design-top[data-taiga-header] .orbit-item:active{ filter: brightness(1.2); } #design-top[data-taiga-header] .orbit-item, #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ width: 38px; height: 38px; color: rgb(20, 36, 64); backdrop-filter: blur(16px) saturate(115%); box-shadow: rgba(255, 255, 255, 0.69) 1px 2px 3px inset, rgba(83, 99, 122, 0.3) -1px -2px 4px inset, rgba(5, 18, 37, 0.19) 0px 4px 12px; isolation: isolate; border: 0px !important; background: linear-gradient(145deg, rgba(248, 247, 239, 0.72) 0%, rgba(195, 206, 219, 0.533) 43%, rgba(159, 174, 196, 0.467) 74%, rgba(225, 230, 236, 0.6) 100%) !important; } #design-top[data-taiga-header] .orbit-item::before{ content: ""; position: absolute; inset: 2px; border-radius: inherit; pointer-events: none; background: linear-gradient(155deg, rgba(255, 255, 255, 0.4), transparent 35%, transparent 67%, rgba(255, 255, 255, 0.2)); z-index: -1; } #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ box-shadow: rgba(255, 255, 255, 0.86) 1px 2px 4px inset, rgba(83, 99, 122, 0.3) -1px -2px 5px inset, rgba(237, 231, 218, 0.15) 0px 4px 18px; filter: brightness(1.13); } #design-top[data-taiga-header] .orbit-item, #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ color: rgb(237, 231, 218); backdrop-filter: blur(12px) saturate(110%); filter: none; background: rgba(220, 228, 235, 0.22) !important; border: 1px solid rgba(237, 231, 218, 0.27) !important; box-shadow: none !important; } #design-top[data-taiga-header] .orbit-item::before{ display: none; } #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ background: rgba(220, 228, 235, 0.333) !important; border-color: rgba(237, 231, 218, 0.533) !important; } #design-top[data-taiga-header] header .motto{ display: none !important; } #design-top[data-taiga-header] header:not(.compact){ grid-template-columns: minmax(0px, 1fr) 135px minmax(0px, 1fr); } #design-top[data-taiga-header] header .header-left{ grid-area: 1 / 1; } #design-top[data-taiga-header] header .logo{ grid-area: 1 / 2; } #design-top[data-taiga-header] header .header-right{ grid-area: 1 / 3; } @media (max-width: 1100px){#design-top[data-taiga-header] header:not(.compact){ grid-template-columns: minmax(0px, 1fr) 120px minmax(0px, 1fr); }} @media (max-width: 640px){#design-top[data-taiga-header] header:not(.compact){ grid-template-columns: minmax(0px, 1fr) 68px minmax(0px, 1fr); }} #design-top[data-taiga-header] .logo{left:auto;position:static;transform:none;flex:none} #design-top[data-taiga-header] .logo:is(:hover,:focus-visible){transform:scale(1.1);background:#dba17b} #design-top[data-taiga-header] .logo:active{transform:scale(1.03)} #design-top[data-taiga-header][data-header-spacer]{height:120px;background:#142440} #design-top[data-taiga-header] #menu{position:fixed;display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none;right:auto;bottom:auto;z-index:45;flex-wrap:nowrap} #design-top[data-taiga-header] #cityPanel{position:fixed;right:auto;bottom:auto;z-index:45} #design-top[data-taiga-header] #menu button{border-radius:0} #design-top[data-taiga-header] .world-menu-row{display:flex;align-items:center;gap:8px} #design-top[data-taiga-header] #worldMenuChildren{padding-left:16px} #design-top[data-taiga-header] #worldMenuChildren a{display:block} @media(max-width:640px){#design-top[data-taiga-header][data-header-spacer]{height:85px}} @media(prefers-reduced-motion:reduce){#design-top[data-taiga-header] *,#design-top[data-taiga-header] *:before,#design-top[data-taiga-header] *:after{animation:none!important;transition:none!important}} /* The header's contact dialog also works on older page bodies. */ #taiga-contact-dialog{width:min(480px,calc(100% - 32px));padding:40px 28px 28px;margin:auto;max-height:calc(100dvh - 40px);overflow:auto;background:#142440;color:#ede7da;border:1px solid #ede7da30;font:14px/1.6 Golos,Arial,sans-serif} #taiga-contact-dialog::backdrop{background:#07101bbd;backdrop-filter:blur(7px)} #taiga-contact-dialog .contact-close{position:absolute;right:10px;top:8px;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font:28px Golos;cursor:pointer} #taiga-contact-dialog h2{font:650 30px/1.1 Golos;letter-spacing:-.04em;margin:0 24px 20px 0} #taiga-contact-dialog p{font-size:13px;color:#ede7daaa} #taiga-contact-dialog .contact-dialog-channels{display:grid;gap:12px} #taiga-contact-dialog .contact-dialog-channels button{display:flex;align-items:center;gap:15px;text-align:left;min-height:44px;padding:8px 0;background:transparent;border:0;color:inherit;font:14px Golos;cursor:pointer} #taiga-contact-dialog .channel-glyph{display:block;width:22px;height:22px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat} #taiga-contact-dialog .contact-branches{display:grid;gap:12px} #taiga-contact-dialog .contact-branches>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #ede7da25;color:inherit;text-decoration:none;font-size:13px} #taiga-contact-dialog .contact-branches small{display:block;margin-top:6px;color:#ede7da99;font-size:11px} #taiga-contact-dialog :is(a,button):hover{color:#dba17b} #taiga-contact-dialog :focus-visible{outline:2px solid #dba17b;outline-offset:3px} /* Inner pages have a light first section: keep the same NAVY support behind the full header. */ #design-top[data-taiga-header]:not([data-header-home]) #header:not(.compact){background:#142440} #design-top[data-taiga-header] #book{line-height:normal} /* Contact glyphs belong to the shared header, independent of homepage CSS. */ #design-top[data-taiga-header] .orbit-item .channel-glyph{display:block;width:18px;height:18px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat;-webkit-mask:var(--channel-icon) center/contain no-repeat} /* Quiet dropdown: scrolling remains available without visible tracks or arrows. */ #design-top[data-taiga-header] #menu{overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100dvh - 110px)!important;scrollbar-width:none!important;-ms-overflow-style:none;overscroll-behavior:contain} #design-top[data-taiga-header] #menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important} #design-top[data-taiga-header] #menu::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important} /* C01: opaque contact surfaces preserve the approved arc on every field. */ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle), :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is(:hover,:focus-visible){width:44px;height:44px;color:#ede7da!important;background:#142440!important;backdrop-filter:none!important;border:1px solid #ede7da8c!important;box-shadow:0 4px 14px #07101b26!important;filter:none!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is(:hover,:focus-visible){color:#fff3df!important;background:#243752!important;border-color:#dba17b!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):focus-visible{outline:2px solid #dba17b;outline-offset:3px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(1){--x:-174px;--y:48px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(2){--x:-136px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(3){--x:-86px;--y:99px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(4){--x:-36px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(5){--x:2px;--y:48px} @media(max-width:640px){ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(1){--x:-142px;--y:48px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(2){--x:-106px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(3){--x:-56px;--y:98px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(4){--x:-6px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(5){--x:30px;--y:48px} } /* Monochrome at rest; brand accents on hover and keyboard focus. */ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle) .channel-glyph{background:currentColor!important} /* C01: colored glyphs, no hover tooltip; accessible names remain in markup. */ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="phone"],[data-contact-kind="phone"]):is(:hover,:focus-visible){color:#dba17b!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="vk"],[data-contact-kind="vk"]):is(:hover,:focus-visible){color:#4c9bff!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="instagram"],[data-contact-kind="instagram"]):is(:hover,:focus-visible){color:#ed85b3!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="telegram"],[data-contact-kind="telegram"]):is(:hover,:focus-visible){color:#2aabee!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="whatsapp"],[data-contact-kind="whatsapp"]):is(:hover,:focus-visible){color:#25d366!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="instagram"],[data-contact-kind="instagram"]):is(:hover,:focus-visible) .channel-glyph{background:linear-gradient(35deg,#f9ce34,#ee2a7b,#a66cef)!important} /* C01 direct channel links: same circle, immediate branch action. */ .taiga-contact-circles{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.taiga-contact-circles .taiga-contact-circle{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;text-decoration:none;transition:background .2s,color .2s}.taiga-contact-circle .channel-glyph{display:block;width:18px;height:18px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat;-webkit-mask:var(--channel-icon) center/contain no-repeat} /* C01 production brand: same shell/controllers, brand-specific artwork and compact crop. */ #design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr 240px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"] .motto{visibility:hidden;pointer-events:none} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo{position:relative;width:240px;height:82px;justify-self:center;mask:none;background:none;transition:width .5s,height .5s,opacity .2s} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo>span{display:block;position:absolute;left:0;width:100%;background:var(--cream);mask-position:left center;mask-size:contain;mask-repeat:no-repeat} #design-top[data-taiga-header] #header[data-header-brand="production"] .production-logo-main{bottom:0;height:85.424%;mask-image:url("design-assets/pokoroche-main-white.webp")} #design-top[data-taiga-header] #header[data-header-brand="production"] .production-logo-caption{top:0;height:10%;mask-image:url("design-assets/pokoroche-caption-white.webp");transition:opacity .25s} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo:hover{opacity:.78} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo:focus-visible{outline:1px solid var(--cream);outline-offset:5px} #design-top[data-taiga-header] #header[data-header-brand="production"].compact{grid-template-columns:1fr 154px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .logo{width:154px;height:45px} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .production-logo-main{height:100%} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .production-logo-caption{opacity:0;visibility:hidden} @media(max-width:1100px){#design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr 220px 1fr}#design-top[data-taiga-header] #header[data-header-brand="production"] .logo{width:220px;height:75px}} @media(max-width:640px){#design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr clamp(100px,32vw,180px) 1fr;gap:5px}#design-top[data-taiga-header] #header[data-header-brand="production"] .logo{width:100%;height:auto;aspect-ratio:1729/590}#design-top[data-taiga-header] #header[data-header-brand="production"].compact{grid-template-columns:1fr 100px 1fr}#design-top[data-taiga-header] #header[data-header-brand="production"].compact .logo{width:100px;height:30px}} @media(max-width:360px){ #design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr 90px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"].compact{grid-template-columns:1fr 80px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .logo{width:80px;height:24px} #design-top[data-taiga-header] #header[data-header-brand="production"] #cityBtn .chevron{display:none} #design-top[data-taiga-header] #header[data-header-brand="production"] .header-left{gap:0} #design-top[data-taiga-header] #header[data-header-brand="production"] .header-right{gap:3px} #design-top[data-taiga-header] #header[data-header-brand="production"] .book{font-size:9px;padding:10px 8px} #design-top[data-taiga-header] #header[data-header-brand="production"] #contactBtn{padding:3px} } /* C01: align the age to the painted logo, with the label over the softened ink. */ #design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:1fr 1.15fr 245px 1.15fr 1.2fr} #design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:135px;--brand-digit-size:96px;--brand-age-width:98px;--brand-gap:12px;display:flex;align-items:center;gap:var(--brand-gap);width:calc(var(--brand-logo-width) + var(--brand-age-width) + var(--brand-gap));justify-self:center} #design-top[data-taiga-header] .taiga-header-brand .logo{flex:none;width:var(--brand-logo-width)} #design-top[data-taiga-header] .taiga-anniversary{position:relative;display:block;flex:none;width:var(--brand-age-width);height:calc(var(--brand-logo-width)*271/520);overflow:visible;cursor:default;user-select:none;transition:opacity .25s,visibility .25s;pointer-events:none;font-family:Golos,Arial,sans-serif} #design-top[data-taiga-header] .taiga-anniversary-number{position:absolute;left:0;bottom:-.12em;display:block;width:max-content;padding:0 .18em 0 .02em;font-size:var(--brand-digit-size);font-weight:800;line-height:1;letter-spacing:-.08em;background-clip:text;-webkit-background-clip:text;color:transparent} #design-top[data-taiga-header] .taiga-anniversary-years{position:absolute;z-index:2;right:4px;bottom:0;font-size:12px;font-weight:650;line-height:1;letter-spacing:.04em;color:#ede7da} #design-top[data-taiga-header] #header.compact .taiga-header-brand{grid-area:1/2;width:32px;gap:0} #design-top[data-taiga-header] #header.compact .taiga-anniversary{opacity:0;visibility:hidden;width:0;height:0;overflow:hidden} @media(max-width:1100px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:minmax(0,1fr) 218px minmax(0,1fr)}#design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:120px;--brand-digit-size:86px;--brand-age-width:88px;--brand-gap:10px}} @media(max-width:640px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)}#design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:56px;--brand-digit-size:40px;--brand-age-width:44px;--brand-gap:4px}#design-top[data-taiga-header] .taiga-anniversary-years{font-size:7px;bottom:0;right:2px}#design-top[data-taiga-header] #header.compact .taiga-header-brand{width:27px}} @media(max-width:360px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:minmax(0,1fr) 97px minmax(0,1fr)}#design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:52px;--brand-digit-size:37px;--brand-age-width:41px}} @media(prefers-reduced-motion:reduce){#design-top[data-taiga-header] .taiga-anniversary{transition:none}} @media(min-width:1101px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .taiga-header-brand{grid-area:1/3}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .header-left{grid-area:1/1}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .header-right{grid-area:1/5}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .motto-left{grid-area:1/2}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .motto-right{grid-area:1/4}} /* C01 anniversary: still glyphs, soft upward appearance, then the word from left. */ #design-top[data-taiga-header] .taiga-anniversary-number{opacity:0;background-image:linear-gradient(180deg,#bb7c52 5%,#bb7c52d9 32%,#bb7c5273 56%,#bb7c520d 85%,#bb7c5200 100%);mask-image:linear-gradient(to top,#000 0%,#000 34%,transparent 68%);mask-size:100% 300%;mask-position:0 0;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 34%,transparent 68%);-webkit-mask-size:100% 300%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat} #design-top[data-taiga-header] .taiga-anniversary-number::after{content:'11';position:absolute;inset:0;color:#bb7c5299;filter:blur(1.8px);mask-image:linear-gradient(180deg,transparent 30%,#000 62%,#0008 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 62%,#0008 80%,transparent 100%);pointer-events:none} #design-top[data-taiga-header] .taiga-anniversary-years{opacity:0;clip-path:inset(0 100% 0 0)} #design-top[data-taiga-header] .is-anniversary-visible .taiga-anniversary-number{animation:taiga-anniversary-appear 1.5s cubic-bezier(.2,.65,.3,1) both} #design-top[data-taiga-header] .is-anniversary-visible .taiga-anniversary-years{animation:taiga-anniversary-write .95s cubic-bezier(.35,0,.35,1) 1.65s both} @keyframes taiga-anniversary-appear{0%{opacity:0;mask-position:0 0;-webkit-mask-position:0 0}100%{opacity:1;mask-position:0 100%;-webkit-mask-position:0 100%}} @keyframes taiga-anniversary-write{0%{opacity:0;clip-path:inset(0 100% 0 0)}18%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0)}} @media(max-width:640px){#design-top[data-taiga-header] .taiga-anniversary-number::after{filter:blur(1.2px)}} @media(prefers-reduced-motion:reduce){#design-top[data-taiga-header] .taiga-anniversary-number{opacity:1;mask-position:0 100%;-webkit-mask-position:0 100%;animation:none!important}#design-top[data-taiga-header] .taiga-anniversary-years{opacity:1;clip-path:none;animation:none!important}} /* C01: diagonal dissolution; the lower right foot disappears into NAVY. */ #design-top[data-taiga-header] .taiga-anniversary-number{background-image:linear-gradient(135deg,#bb7c52 4%,#bb7c52e6 24%,#bb7c5266 45%,#bb7c5214 62%,#bb7c5200 77%)} #design-top[data-taiga-header] .taiga-anniversary-number::after{background:linear-gradient(135deg,#bb7c5280 12%,#bb7c5226 40%,transparent 68%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:blur(2.6px);mask-image:none;-webkit-mask-image:none} @media(min-width:1600px){ #design-top[data-taiga-header] #header :is(#cityBtn,.book){font-size:clamp(13px,.48vw,16px)} #design-top[data-taiga-header] #header :is(#menuBtn,#contactBtn){min-width:48px;min-height:48px} #design-top[data-taiga-header] #header :is(#menuBtn,#contactBtn)>svg{width:25px;height:25px} #design-top[data-taiga-header] #header .book{min-height:46px;padding:14px 22px} } /* C01: mobile menu is a native vertical scroller; nested groups never shrink. */ @media(max-width:680px){ #design-top[data-taiga-header] #menu{position:fixed;top:var(--mobile-menu-top,70px)!important;max-height:var(--mobile-menu-height,calc(100dvh - 90px))!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto;overflow-anchor:none;padding-bottom:max(16px,env(safe-area-inset-bottom))} #design-top[data-taiga-header] #menu>*{flex-shrink:0} } /* Shared price disclosure, independent of screen size. */ .taiga-price-scroll{--price-name-width:148px;--price-grade-width:116px;position:relative} .price-table.taiga-price summary[data-price-enhanced]{display:flex;justify-content:flex-start;align-items:center;gap:7px;min-width:0;min-height:44px;max-width:100%;list-style:none;cursor:pointer;background:transparent} .price-table.taiga-price summary[data-price-enhanced]::marker{content:''} .price-table.taiga-price summary[data-price-enhanced]::-webkit-details-marker{display:none} .price-table.taiga-price .price-service-name{min-width:0;line-height:1.35} .price-table.taiga-price .price-name-line{display:inline} .price-table.taiga-price .price-chevron{display:inline-block;flex:0 0 9px;width:9px;height:9px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s} .price-table.taiga-price details[open]>summary .price-chevron{transform:translateY(2px) rotate(225deg)} .price-table.taiga-price summary[data-price-enhanced]:focus-visible{outline:2px solid var(--price-hint-color,#845232);outline-offset:3px} .price-table.taiga-price details{padding:0;border:0!important} .price-scroll-hint{display:none} @media(max-width:680px){ body[data-branch]{--price-sticky-bg:#142440;--price-table-ink:#ede7da;--price-hint-color:#dba17b} .price-scroll-hint:not([hidden]){display:flex;flex-direction:column;align-items:center;width:72px;margin:16px 0 2px calc(148px + 14px);color:var(--price-hint-color,#845232);font:11px/1.4 Golos,Arial,sans-serif;letter-spacing:.02em;gap:2px} .price-scroll-hint[data-end=true]{visibility:hidden} .price-scroll-hint svg{stroke:currentColor;stroke-width:1.5;animation:taiga-price-nudge 1.6s ease-in-out infinite} .taiga-price-scroll{overflow:auto;isolation:isolate;max-width:100%;margin-top:0;overscroll-behavior-x:contain;scrollbar-width:none} .taiga-price-scroll:focus-visible{outline:2px solid var(--price-hint-color,#845232);outline-offset:4px} .price-table.taiga-price{width:calc(var(--price-name-width) + var(--price-grade-count)*var(--price-grade-width));min-width:calc(var(--price-name-width) + var(--price-grade-count)*var(--price-grade-width));table-layout:fixed;border-collapse:separate;border-spacing:0;color:var(--price-table-ink,#142440)} .taiga-price-scroll .price-table.taiga-price th,.taiga-price-scroll .price-table.taiga-price td{box-sizing:border-box;padding:20px 8px;vertical-align:middle} .price-table.taiga-price thead th{font-size:11px;color:inherit!important;white-space:nowrap} .price-table.taiga-price th:not(:first-child),.price-table.taiga-price td:not(:first-child){width:var(--price-grade-width);white-space:nowrap} .price-table.taiga-price thead th:first-child,.price-table.taiga-price tbody tr.price-values>td:first-child{position:sticky;left:0;z-index:2;width:var(--price-name-width);background:var(--price-sticky-bg,#ede7da)!important;box-shadow:5px 0 8px -8px #14244080} .price-table.taiga-price thead th:first-child{z-index:3} .price-table.taiga-price summary[data-price-enhanced]{width:fit-content;font-size:16px;font-weight:600;gap:7px} .price-table.taiga-price .price-name-line{display:block;white-space:normal} .price-table.taiga-price .price-description,.price-table.taiga-price .branch-price-detail{width:100%;max-width:100%;white-space:normal;font-size:13px;line-height:1.6;overflow-wrap:break-word} .price-table.taiga-price .price-description button,.price-table.taiga-price .branch-price-link{max-width:100%;white-space:normal} } @keyframes taiga-price-nudge{0%,100%{transform:translateX(-4px)}50%{transform:translateX(4px)}} @media(prefers-reduced-motion:reduce){.price-scroll-hint svg{animation:none}.price-table.taiga-price .price-chevron{transition:none}} /* S01 v2: quiet surface, explanations outside native disclosures. */ .taiga-price-scroll{--price-name-width:176px} .price-table.taiga-price .price-service-cell{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px;align-items:start} .price-table.taiga-price .price-service-help.grade-help{display:grid;place-items:center;position:relative;box-sizing:border-box;width:24px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;opacity:1;cursor:pointer;transform:none} .price-table.taiga-price .price-service-help>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#bb7c52;color:#ede7da!important;font:650 12px/1 Golos,Arial,sans-serif} .price-table.taiga-price .price-service-help:is(:hover,:focus-visible)>span{background:#9b5c38} .price-table.taiga-price .price-service-help:focus-visible{outline:2px solid var(--price-hint-color,#845232);outline-offset:2px} .price-table.taiga-price .price-duration{font-size:12px;line-height:1.6;margin:0 0 4px} .price-table.taiga-price .price-more{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:13px;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px} .price-table.taiga-price .price-description{padding:8px 0 0!important} .price-table.taiga-price,.price-table.taiga-price th,.price-table.taiga-price td{border:0!important;box-shadow:none!important} .price-table.taiga-price tbody tr.price-values:is(:hover,:focus-within){background:transparent!important} .price-service-tooltip{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:16px;max-width:calc(100vw - 24px);max-height:50vh;overflow:auto;background:#142440;color:#ede7da;border:1px solid #bb7c5266;box-shadow:0 10px 24px #0002;font:12px/1.65 Golos,Arial,sans-serif;z-index:1000;white-space:normal} .price-service-tooltip::backdrop{background:transparent;pointer-events:none} @media(max-width:680px){ .editorial #serviceTabsNew.tabs,#branch-service-tabs.tabs{display:flex;flex-wrap:nowrap!important;gap:20px;overflow-x:auto;max-width:100%;margin:12px 0 4px;padding:0 2px;scrollbar-width:none;align-items:baseline} .editorial #serviceTabsNew.tabs::-webkit-scrollbar,#branch-service-tabs.tabs::-webkit-scrollbar{display:none} .editorial #serviceTabsNew.tabs>button,#branch-service-tabs.tabs>button{flex:0 0 auto;white-space:nowrap} .price-scroll-hint:not([hidden]){margin:0 8px -2px auto;align-items:flex-end;width:72px;gap:0} .price-scroll-hint svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65} .price-arrow-echo{opacity:.4;stroke-width:.85} .taiga-price-scroll .price-table.taiga-price th{padding-top:6px;padding-bottom:8px} .taiga-price-scroll .price-table.taiga-price td{padding-top:10px;padding-bottom:10px} .price-table.taiga-price thead th:first-child,.price-table.taiga-price tbody tr.price-values>td:first-child{background:transparent!important;box-shadow:none} .price-table.taiga-price .price-service-cell details{min-width:0} } .price-wrap.taiga-price-scroll{margin-top:0} .price-table.taiga-price .price-service-cell{display:flex} .price-table.taiga-price .price-service-cell details{flex:0 1 auto;min-width:0;max-width:calc(100% - 30px)} .price-table.taiga-price .price-service-help.grade-help{flex:0 0 24px} @media(max-width:680px){.editorial #serviceTabsNew.tabs,#branch-service-tabs.tabs{padding:2px 4px 6px}} /* Unified circular info controls and double-chevron hint (owner revision). */ .price-table.taiga-price .price-service-cell{position:relative;display:block} .price-table.taiga-price .price-service-cell details{max-width:100%;width:fit-content} .price-table.taiga-price .price-service-cell .price-chevron{margin-left:25px} .price-table.taiga-price .price-service-help.grade-help{display:inline-grid;vertical-align:middle;width:24px;height:24px;min-height:24px;padding:0;margin:0 0 0 3px;position:relative;background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;transform:none!important} .price-table.taiga-price .price-service-cell .price-service-help{position:absolute;margin:0;z-index:4} .price-table.taiga-price .price-service-help.grade-help:focus-visible>span{outline:2px solid #bb7c52;outline-offset:3px} .price-table.taiga-price .price-service-help.grade-help:focus:not(:focus-visible)>span{outline:none} @media(max-width:680px){.taiga-price-scroll::-webkit-scrollbar{display:none;width:0;height:0}} /* S01: typography and category states belong to the price component, not its page. */ .editorial .price-table.taiga-price{font-family:Golos,Arial,sans-serif;line-height:1.5} .editorial .price-table.taiga-price th{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase} .editorial .price-table.taiga-price td{font-size:17px;font-weight:700;line-height:1.5;vertical-align:middle} .editorial .price-table.taiga-price summary[data-price-enhanced]{font-size:18px;font-weight:600;line-height:1.5;min-width:0} .editorial .taiga-price-tabs{display:flex;flex-wrap:nowrap;align-items:baseline;gap:28px;overflow-x:auto;scrollbar-width:none;margin:20px 0} .editorial .taiga-price-tabs::-webkit-scrollbar{display:none} .editorial .taiga-price-tabs>button{flex:none;white-space:nowrap;font:500 14px/1.5 Golos,Arial,sans-serif!important;letter-spacing:normal;padding:10px 1px 13px;border:0;border-bottom:4px solid transparent;background:transparent;color:inherit;opacity:.72} .editorial .taiga-price-tabs>button:is(.active,[aria-pressed=true]){font-weight:650!important;border-bottom-color:#bb7c52;opacity:1} .editorial .taiga-price-tabs>button:is(:hover,:focus-visible){opacity:1;color:#845232} @media(min-width:681px){.editorial .price-table.taiga-price{width:100%;border-collapse:collapse}.editorial .price-table.taiga-price th{padding:25px 10px}.editorial .price-table.taiga-price td{padding:22px 10px}} @media(max-width:680px){.editorial .price-table.taiga-price summary[data-price-enhanced]{font-size:16px}.editorial .taiga-price-tabs{gap:20px;margin:12px 0 4px;padding:2px 4px 6px}} .price-table.taiga-price .price-description,.price-table.taiga-price .price-duration,.price-table.taiga-price .price-more{font-weight:400} .editorial .price-table.taiga-price :is(th,td){text-align:left} /* U01: one text-action treatment for the site and the system. */ :where(a){text-decoration:none!important} :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]){font-weight:500!important;text-decoration:none!important;border-bottom:0!important;background:transparent;box-shadow:none;cursor:pointer;transition:color .2s,opacity .2s} :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):is(:hover,:focus-visible,:active){text-decoration:none!important;border-bottom:0!important;box-shadow:none} :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):hover{color:var(--action-accent,#955c36)} [data-field="navy"] :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):hover,[data-field="olive"] :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):hover,[data-tone="dark"] :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):hover,.taiga-form-dialog :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):hover{color:var(--action-accent,#dba17b)} :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):focus-visible{outline:2px solid currentColor;outline-offset:4px} :is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]):active{opacity:.8} @media(prefers-reduced-motion:reduce){:is(.menu-contact,.taiga-text-link,.cert-link,.identity-link,.championship-source,.journal-all a,.price-more,.review-expand,.review-original,.experience-text-link,.experience-back,.experience-next,.platform-action,.feedback-text-action,.cert-address a,.service-breadcrumbs a,.route-links a,.branch-actions a:not(.primary),[data-blago-about]){transition:none}} /* Text search uses the field's baseline, never a decorative focus rectangle. */ body input:is([type="search"],[id="search"]):focus, body[data-inner-page] input:is([type="search"],[id="search"]):focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important;border-bottom:2px solid currentColor!important;background:transparent!important} /* U04: editorial composition, upright Golos, original ink, terracotta punctuation. */ .taiga-quote{--quote-mark:28px;--quote-gap:14px;display:grid;grid-template-columns:var(--quote-mark) minmax(0,1fr);gap:var(--quote-gap);margin:0;padding:0;border:0;background:transparent;color:inherit;font-family:Golos,Arial,sans-serif;font-size:17px;font-style:normal;font-weight:450;line-height:1.6;letter-spacing:normal;text-align:left} .taiga-quote-mark{display:block;width:var(--quote-mark);height:auto;aspect-ratio:4/3;margin-top:5px;color:#bb7c52;flex:none;pointer-events:none} .taiga-quote-body{display:block;min-width:0;overflow-wrap:anywhere} .taiga-quote-lead{display:block;font-size:1.3em;font-weight:500;line-height:1.25;letter-spacing:-.03em;margin-bottom:12px} .editorial #design-top #works .section-title>p.taiga-quote{max-width:450px;font-size:17px;line-height:1.5} .editorial #design-top #works .taiga-quote-lead{font-size:clamp(23px,1.9vw,30px)} .editorial #transformation p.taiga-quote{font-size:18px!important;line-height:1.6} .editorial .origin-copy>p.taiga-quote{font-size:17px;line-height:1.65} .editorial .origin-copy .taiga-quote-lead{font-size:24px} .editorial #reviews .review-text.taiga-quote{--quote-mark:22px;--quote-gap:10px;display:grid!important;grid-template-columns:var(--quote-mark) minmax(0,1fr);height:72px;line-height:24px;font-size:15px;font-weight:450} .editorial #reviews .review-text.taiga-quote>.taiga-quote-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:72px;line-height:24px;overflow:hidden} .editorial #reviews .review-is-expanded .review-text.taiga-quote{height:auto} .editorial #reviews .review-is-expanded .review-text.taiga-quote>.taiga-quote-body{display:block;-webkit-line-clamp:unset;height:auto;overflow:visible} .taiga-quote-demo{margin-bottom:30px}.taiga-quote-demo>h3{font:500 12px Golos,Arial,sans-serif;margin:0 0 14px}.taiga-quote-demo .quote-author{display:block;font-size:11px;margin:16px 0 0 42px;opacity:.7} @media(max-width:680px){ .taiga-quote{--quote-mark:22px;--quote-gap:10px;font-size:16px} .editorial #design-top #works .section-title>p.taiga-quote{font-size:16px} .editorial #design-top #works .taiga-quote-lead{font-size:23px} .editorial #transformation p.taiga-quote{--quote-mark:16px;--quote-gap:8px;font-size:13px!important;line-height:1.65} .editorial .origin-copy>p.taiga-quote{--quote-mark:15px;--quote-gap:7px;font-size:13px;line-height:1.65} .editorial .origin-copy .taiga-quote-lead{font-size:16px;line-height:1.35;margin-bottom:9px} } /* U04: the eleven editorial introductions selected by the owner. */ .editorial main .taiga-section-quote{--quote-mark:28px;--quote-gap:14px;display:grid!important;grid-template-columns:var(--quote-mark) minmax(0,1fr);font-family:Golos,Arial,sans-serif;font-size:17px!important;font-style:normal!important;font-weight:450!important;line-height:1.6!important;letter-spacing:normal;text-align:left;padding:0;border:0;background:transparent} .editorial main .taiga-section-quote .taiga-quote-body{min-width:0} .editorial main .concept-quote{margin:0} .editorial main .concept-quote .taiga-quote-body>p{margin:0;font:inherit!important} .editorial main .concept-quote .taiga-quote-body>p+p{margin-top:18px} @media(max-width:680px){.editorial main .taiga-section-quote{--quote-mark:22px;--quote-gap:10px;font-size:16px!important}} /* U04: responsive editorial measure, semantic lines and selective emphasis. */ body.editorial main .taiga-section-quote{width:100%;min-width:0;max-width:68ch!important;font-size:17px!important;line-height:1.6!important} body.editorial main .taiga-quote-pull .taiga-quote-body{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty} body.editorial main .taiga-quote-sentence{display:block} body.editorial main .taiga-section-quote .taiga-quote-lead{font-size:clamp(24px,1.9vw,30px);line-height:1.22;letter-spacing:-.03em;text-wrap:balance;margin-bottom:14px} body.editorial #identity .taiga-section-quote .taiga-quote-lead{font-size:clamp(23px,1.7vw,27px)} body.editorial #transformation p.taiga-quote{width:100%;min-width:0;max-width:64ch!important} body.editorial #reviews .reviews-intro{min-width:0;max-width:none;width:100%} body.editorial main .taiga-section-quote .taiga-quote-body>p{max-width:none} @media(max-width:1000px){body.editorial main .taiga-section-quote{max-width:64ch!important}} @media(max-width:680px){body.editorial main .taiga-section-quote{font-size:16px!important;line-height:1.6!important}body.editorial main .taiga-section-quote .taiga-quote-lead,body.editorial #identity .taiga-section-quote .taiga-quote-lead{font-size:22px;line-height:1.25;margin-bottom:12px}} .taiga-quote-demo>.taiga-quote+.taiga-quote{margin-top:24px} /* U04 counterpoint: the primary phrase leads from the left; the response rests right. */ .taiga-quote-counterpoint .taiga-quote-body{display:grid;gap:18px} .taiga-quote-counterpoint .taiga-quote-lead{justify-self:start;width:90%;max-width:18ch;margin:0;text-wrap:balance} .taiga-quote-counterpoint .taiga-quote-answer{display:block;justify-self:end;width:75%;max-width:28ch;font-size:1em;line-height:1.5;text-align:left;text-wrap:pretty} body.editorial #design-top #works .section-title>p.taiga-quote-counterpoint{width:min(48%,640px);max-width:none;margin:0 0 64px auto;font-size:18px;line-height:1.5} body.editorial #design-top #works .taiga-quote-counterpoint .taiga-quote-lead{font-size:clamp(27px,2.2vw,36px);line-height:1.17;margin:0} .taiga-quote-counterpoint.quote-motion-ready :is(.taiga-quote-mark,.taiga-quote-lead,.taiga-quote-answer){transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .55s ease} .taiga-quote-counterpoint.quote-motion-ready:not(.is-quote-visible) :is(.taiga-quote-mark,.taiga-quote-lead){transform:translateX(-20px);opacity:0} .taiga-quote-counterpoint.quote-motion-ready:not(.is-quote-visible) .taiga-quote-answer{transform:translateX(22px);opacity:0} .taiga-quote-counterpoint.quote-motion-ready .taiga-quote-answer{transition-delay:.14s} .taiga-quote-counterpoint.is-quote-visible :is(.taiga-quote-mark,.taiga-quote-lead,.taiga-quote-answer){transform:none;opacity:1} @media(max-width:1000px){body.editorial #design-top #works .section-title>p.taiga-quote-counterpoint{width:min(68%,580px);margin-bottom:58px}} @media(max-width:680px){ body.editorial #design-top #works .section-title>p.taiga-quote-counterpoint{--quote-mark:22px;--quote-gap:10px;width:100%;max-width:none;margin:0 0 56px;font-size:16px} body.editorial #design-top #works .taiga-quote-counterpoint .taiga-quote-lead{font-size:clamp(25px,6.5vw,29px);line-height:1.2} .taiga-quote-counterpoint .taiga-quote-body{gap:16px} } @media(prefers-reduced-motion:reduce){.taiga-quote-counterpoint.quote-motion-ready :is(.taiga-quote-mark,.taiga-quote-lead,.taiga-quote-answer){transition:none!important;transform:none!important;opacity:1!important}} /* Shared publication grid: three columns, equal cards, explicit editorial previews. */ :is(.editorial #journal #journalGrid,.journal-page #articles){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 26px;align-items:stretch}.journal-entry{min-width:0;height:100%}.journal-entry>a,.journal-entry-preview-body{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.journal-entry img,.journal-preview-visual{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}.journal-entry-copy{padding:20px 0 0;display:flex;flex-direction:column;flex:1}.journal-entry small{font-size:11px;line-height:1.7;display:block;opacity:.8}.journal-entry h3,.journal-entry h2{font-family:Golos,Arial,sans-serif;font-size:26px;line-height:1.16;letter-spacing:-.035em;margin:12px 0 14px;font-weight:650;min-height:2.32em;text-wrap:balance}.journal-entry p{font-size:15px;line-height:1.7;margin:0 0 20px;max-width:570px;min-height:5.1em}.journal-entry-more{font-size:13px;font-weight:500;margin-top:auto;min-height:26px;display:inline-flex;align-items:center}.journal-entry a:hover :is(h2,h3,.journal-entry-more){color:#bb7c52}.journal-entry a:focus-visible{outline:2px solid #bb7c52;outline-offset:5px}.journal-entry-preview .journal-entry-more{color:#505c69;font-weight:400}.journal-empty{font-size:15px;line-height:1.7;grid-column:1/-1}.journal-preview-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px;overflow:hidden;background:#142440;color:#ede7da}.journal-preview-visual small{font-size:9px;letter-spacing:.12em;font-weight:400;opacity:.75}.journal-preview-visual>span{font:650 clamp(20px,2.3vw,34px)/1.1 Golos,Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere;position:relative;z-index:1}.journal-preview-visual i{width:30px;height:2px;background:#bb7c52;display:block}.journal-preview-visual[data-tone=olive]{background:#62694e}.journal-preview-visual[data-tone=mineral]{background:#343e3d}.journal-preview-visual[data-tone=paper]{background:#e1dacb;color:#142440;box-shadow:inset 0 0 0 1px #14244024}.journal-page main{width:min(1400px,90%);max-width:none;padding:42px 0 70px}.journal-page .intro{max-width:950px}.journal-page .tools nav{flex-wrap:wrap}.journal-page .journal-entry-copy{padding-top:18px} @media(max-width:1000px){:is(.editorial #journal #journalGrid,.journal-page #articles){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 22px}.journal-preview-visual>span{font-size:28px}} @media(max-width:680px){:is(.editorial #journal #journalGrid,.journal-page #articles){grid-template-columns:1fr!important;gap:34px}.journal-entry h3,.journal-entry h2{font-size:27px;min-height:0}.journal-entry p{font-size:15px;min-height:0}.journal-preview-visual{padding:22px}.journal-preview-visual>span{font-size:30px}.journal-page main{padding-top:30px}.journal-page .tools nav{gap:8px 16px}} /* C15/S06: published cards keep the original gentle lift across journal surfaces. */ .journal-entry-published>a{transition:transform .4s ease} .journal-entry-published>a:focus-visible{transform:translateY(-5px)} @media(hover:hover) and (pointer:fine){.journal-entry-published>a:hover{transform:translateY(-5px)}} @media(prefers-reduced-motion:reduce){.journal-entry-published>a{transition:none}.journal-entry-published>a:is(:hover,:focus-visible){transform:none}} /* Keep the cover viewport fixed while the photograph gently moves inside it. */ .journal-entry-cover{display:block;flex:none;aspect-ratio:16/9;overflow:hidden} .journal-entry-cover>img{height:100%;transition:transform .5s ease;transform-origin:center} .journal-entry-published>a:focus-visible .journal-entry-cover>img{transform:scale(1.025)} @media(hover:hover) and (pointer:fine){.journal-entry-published>a:hover .journal-entry-cover>img{transform:scale(1.025)}} @media(prefers-reduced-motion:reduce){.journal-entry-cover>img{transition:none}.journal-entry-published>a:is(:hover,:focus-visible) .journal-entry-cover>img{transform:none}} /* Preview covers share the same motion without pretending to be published links. */ .journal-entry-preview-body{transition:transform .4s ease} .journal-entry-cover>.journal-preview-visual{height:100%;transition:transform .5s ease;transform-origin:center} @media(hover:hover) and (pointer:fine){.journal-entry-preview:hover .journal-entry-preview-body{transform:translateY(-5px)}.journal-entry-preview:hover .journal-preview-visual{transform:scale(1.025)}} @media(prefers-reduced-motion:reduce){.journal-entry-preview-body,.journal-entry-cover>.journal-preview-visual{transition:none}.journal-entry-preview:hover :is(.journal-entry-preview-body,.journal-preview-visual){transform:none}} /* Related stories use exactly the same 16:9 cards as the main journal. */ .journal-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;align-items:stretch}.journal-related-more,.journal-related-all{margin-top:24px;margin-right:24px;min-height:44px}.journal-related-grid .journal-entry h3{font-size:26px;line-height:1.16;letter-spacing:-.035em;font-weight:650}.journal-related-grid .journal-entry-cover img{aspect-ratio:16/9;object-fit:cover}.journal-related-grid .journal-entry-copy p{font-size:15px;line-height:1.7;margin:0 0 20px}.journal-related-grid .journal-entry-copy small{font-size:11px;line-height:1.7}.journal-related-grid .journal-entry-more{font-size:13px;font-weight:500}.journal-related-section .journal-entry-copy{padding-top:20px} @media(max-width:1000px){.journal-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}@media(max-width:680px){.journal-related-grid{grid-template-columns:1fr;gap:34px}.journal-related-grid .journal-entry h3{font-size:27px}} .journal-context{font-size:13px;line-height:1.7}.journal-context[hidden]{display:none!important} body:not(.master-page):not(.location-page) .journal-related-section{padding:54px 0!important;background:#ede7da!important;color:#142440}.journal-related-section>.lp-wrap{width:min(1320px,90%);margin-inline:auto}body:not(.location-page) .journal-related-section .lp-section-heading{margin-bottom:28px}body:not(.location-page) .journal-related-section .lp-kicker{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:18px}body:not(.location-page) .journal-related-section .lp-section-heading h2{font-size:clamp(30px,3.7vw,50px);line-height:1.1;letter-spacing:-.045em} /* S17: approved stories v2; quiet horizontal covers and a focused full-screen viewer. */ .editorial #design-top section#stories.taiga-stories{padding:22px var(--stories-gutter,4vw) 28px!important;margin:0!important;position:relative;z-index:2;background:transparent;color:#ede7da} .stories-heading{margin:0 0 22px;font:650 11px/1.5 Golos,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase} .stories-track{display:flex;align-items:flex-start;gap:34px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px 2px 8px;scroll-padding:2px;overscroll-behavior-x:contain}.stories-track::-webkit-scrollbar{display:none} .stories-track .story-circle{flex:0 0 104px;width:104px;padding:0;border:0!important;background:transparent!important;color:#ede7da!important;box-shadow:none!important;font:500 13px/1.35 Golos,Arial,sans-serif;letter-spacing:0;text-align:center;cursor:pointer;touch-action:manipulation} .story-circle .story-ring{position:relative;display:block;width:100px;height:100px;padding:5px;border:3px solid #bb7c52;border-radius:50%;margin-bottom:12px;transition:border-color .2s,transform .2s} .story-ring>img,.story-collage{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:grayscale(.85);background:#142440}.story-circle[data-logo] .story-ring>img{object-fit:contain;padding:18px} .story-circle.is-seen .story-ring{border-color:#768091}.story-circle:hover .story-ring{transform:translateY(-2px);border-color:#dba17b}.story-circle:focus-visible{outline:none}.story-circle:focus-visible .story-ring{outline:2px solid #ede7da;outline-offset:4px}.story-label{display:block;min-height:35px} .story-ring .story-start{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:3px 5px;white-space:nowrap;font:600 8px Golos,Arial,sans-serif;background:#bb7c52;color:#142440;border-radius:2px} .story-collage{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.story-collage>img{width:100%;height:100%;object-fit:cover;min-width:0} .story-pin{position:absolute;width:28px;height:37px;top:25px;left:35px;filter:drop-shadow(0 2px 3px #0008)} .editorial #design-top #stories+#works{padding-top:28px!important} #taiga-stories-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;background:transparent;overflow:hidden;color:#ede7da;font-family:Golos,Arial,sans-serif;box-sizing:border-box} #taiga-stories-viewer::backdrop{background:#07101be8;backdrop-filter:blur(8px)} .stories-stage{display:flex;gap:28px;align-items:center;justify-content:center;width:100%;height:100%}.story-frame{position:relative;isolation:isolate;flex:none;height:min(780px,calc(100dvh - 48px));aspect-ratio:9/16;overflow:hidden;background:#142440;touch-action:pan-y;box-shadow:0 20px 80px #0006} .story-media{position:absolute;inset:0;z-index:-2}.story-media>img,.story-media>video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(.65)}.story-media.is-error{background:#142440}.story-media.is-error:after{content:'ТАЙГА';position:absolute;inset:26% 12%;font-size:48px;font-weight:750;color:#ede7da35;text-align:center} .story-frame:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#071021ad 0%,#07102105 28%,#0b172a55 44%,#101e35f2 76%,#101e35 100%)} .story-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:18px;right:18px}.story-segments{display:flex;gap:4px}.story-segments>span{flex:1;height:3px;background:#ede7da55;overflow:hidden;border-radius:3px}.story-segments i{display:block;height:100%;width:0;background:#bb7c52}.story-segments .done i{width:100%;background:#ede7da} .story-toolbar{display:flex;align-items:center;gap:10px;margin-top:12px}.story-topic-icon{width:32px;height:32px;border-radius:50%;border:1px solid #bb7c52;object-fit:cover;flex:none}.story-topic-label{font-size:12px;line-height:1.3;min-width:0;flex:1}.story-topic-label small{display:block;opacity:.7;font-size:10px;margin-top:3px} #taiga-stories-viewer .story-icon{display:grid;place-items:center;width:40px;height:40px;padding:9px;flex:none;border:0;background:#14244080;color:#ede7da;cursor:pointer;border-radius:0;line-height:1} .story-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.story-icon:hover{color:#dba17b!important}.story-icon:focus-visible,.story-cta:focus-visible,.story-neighbor:focus-visible{outline:2px solid #dba17b;outline-offset:3px} .story-copy{position:absolute;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));padding-top:10px}.story-copy>h2{font:650 clamp(24px,3.8vh,36px)/1.07 Golos,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 14px;color:#ede7da}.story-copy>p{font:400 clamp(13px,1.75vh,15px)/1.55 Golos,Arial,sans-serif;max-width:340px;margin:0 0 22px;color:#ede7da} #taiga-stories-viewer a.story-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 16px;background:#ede7da;color:#142440!important;font:500 13px/1.35 Golos,Arial,sans-serif;text-decoration:none!important;border:0} .story-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.story-bottom>span{font-size:10px;color:#ede7da99}.story-frame-nav{display:flex;gap:4px}.story-frame-nav .story-icon{width:32px!important;height:32px!important;padding:8px!important;background:transparent!important} .story-neighbor{position:relative;width:150px;aspect-ratio:9/16;padding:0;border:1px solid #ede7da30;background:#142440;color:#ede7da;opacity:.6;cursor:pointer;overflow:hidden}.story-neighbor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.5}.story-neighbor span{position:absolute;bottom:18px;left:12px;right:12px;font:500 13px/1.4 Golos,Arial,sans-serif;text-align:left}.story-neighbor:hover{opacity:1} .story-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:900px){.story-neighbor{display:none}} @media(max-width:700px){.editorial #design-top section#stories.taiga-stories{padding:18px 0 20px!important}.stories-heading{display:none}.stories-track{gap:17px;padding:4px 16px 8px;scroll-padding-inline:16px}.stories-track .story-circle{flex-basis:78px;width:78px;font-size:11px}.story-circle .story-ring{width:78px;height:78px;padding:4px;margin-bottom:9px}.story-ring .story-start{font-size:6px}.story-label{min-height:29px}.story-pin{width:22px;height:29px;top:18px;left:25px} #taiga-stories-viewer{padding:0}.story-frame{height:100dvh;width:100%;aspect-ratio:auto;max-width:none;box-shadow:none}.story-copy>h2{font-size:clamp(25px,7.5vw,36px)}.story-copy>p{font-size:15px}.story-copy{bottom:max(20px,env(safe-area-inset-bottom))}.story-neighbor{display:none}} @media(max-height:650px){.story-copy>h2{font-size:25px}.story-copy>p{font-size:13px;margin-bottom:12px}.story-copy{bottom:12px}.story-top{top:10px}.story-toolbar{margin-top:7px}.story-bottom{margin-top:6px}} @media(prefers-reduced-motion:reduce){.story-circle .story-ring{transition:none}} #taiga-stories-viewer [hidden]{display:none!important} #taiga-stories-viewer .story-cta>svg{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5} #taiga-stories-viewer .story-media{pointer-events:none;user-select:none} #stories .story-circle::before,#stories .story-circle::after{display:none!important}#stories .story-circle:focus-visible{outline:none!important} /* S17 branch placement: same circles/viewer, within the hero content axis. */ .lp-stories{margin-top:36px}.lp-stories section.taiga-stories{padding:0!important;margin:0!important;position:relative;z-index:2;background:transparent;color:#ede7da}.lp-stories .stories-track{padding-inline:2px;scroll-padding-inline:2px} @media(max-width:700px){.lp-stories{margin-top:28px}} /* Keep small source portraits close to their native size in editorial Stories. */ .story-media.is-portrait{display:flex;justify-content:center;align-items:flex-start;padding:100px 24px 0}.story-media.is-portrait>img{width:min(100%,320px);height:auto;max-height:calc(100% - 280px);aspect-ratio:1;object-fit:contain;object-position:center;mask-image:linear-gradient(#000 80%,transparent)} @media(max-height:650px){.story-media.is-portrait{padding-top:90px}.story-media.is-portrait>img{width:auto;max-width:100%;height:calc(100% - 260px);max-height:none}} @media(max-width:680px){ .stories-track .story-circle .story-label{font-size:10px;line-height:1.3;min-height:26px} .taiga-stories>.stories-scroll-hint:not([hidden]){margin:0 18px 3px auto} } /* Shared opt-in motion controls; wave geometry stays on the homepage. */ .awards-belt[data-awards-strip][data-awards-active=false] .awards-motion, .awards-belt[data-awards-strip][data-awards-paused=true] .awards-motion, .awards-belt[data-awards-strip]:focus-within .awards-motion, .awards-belt[data-awards-strip]:has(.award-medal:hover) .awards-motion{animation-play-state:paused} .awards-belt[data-awards-strip] .award-medal:focus-visible{outline:2px solid #bb7c52;outline-offset:3px} @media(prefers-reduced-motion:reduce){.awards-belt[data-awards-strip]{overflow-x:auto;scrollbar-width:none}.awards-belt[data-awards-strip] .awards-motion{animation:none;transform:none}.awards-belt[data-awards-strip] .awards-group:nth-child(2){display:none}.awards-belt[data-awards-strip] .award-medal img{transition:none}} body:has(dialog[open]) .awards-belt[data-awards-strip] .awards-motion{animation-play-state:paused} /* C27. The existing homepage contour; static HTML, no animation or runtime. */ :root{--taiga-section-wave-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1440V55C1210 178 1000 118 760 80S250 154 0 76Z'/%3E%3C/svg%3E")} @layer taiga-section-waves{ .taiga-wave-section{--taiga-wave-height:clamp(72px,7vw,120px);--taiga-wave-gap:24px;position:relative!important;isolation:isolate;padding-top:calc(var(--taiga-wave-height) + var(--taiga-wave-gap))!important;border-top:0!important} .taiga-section-wave{display:block;position:absolute;inset:-1px 0 auto;height:calc(var(--taiga-wave-height) + 1px);z-index:0;pointer-events:none;user-select:none;background:var(--taiga-wave-from);-webkit-mask:var(--taiga-section-wave-mask) center/100% 100% no-repeat;mask:var(--taiga-section-wave-mask) center/100% 100% no-repeat} .taiga-wave-section--tail{padding-bottom:calc(var(--taiga-wave-height) + var(--taiga-wave-gap))!important;border-bottom:0!important} .taiga-section-wave--tail{top:auto;bottom:-1px;background:var(--taiga-wave-to);transform:rotate(180deg)} .taiga-wave-section--bleed>.taiga-section-wave{inset-inline:auto;left:50%;width:100vw;transform:translateX(-50%)} .taiga-wave-section--bleed>.taiga-section-wave--tail{transform:translateX(-50%) rotate(180deg)} @media(max-width:680px){.taiga-wave-section{--taiga-wave-height:64px;--taiga-wave-gap:20px}} @media print{.taiga-section-wave{display:none}.taiga-wave-section{padding-top:32px!important}.taiga-wave-section--tail{padding-bottom:32px!important}} } .price-wrap{overflow-x:auto;margin-top:22px}.price-table{width:100%;border-collapse:collapse;min-width:700px;table-layout:fixed}.price-table th,.price-table td{padding:16px;border-bottom:1px solid #bbb;text-align:left}.price-table thead th{font-size:13px;text-transform:uppercase}.price-table thead th:first-child,.price-table td:first-child{width:30%}.price-table td:not(:first-child),.price-table thead th:not(:first-child){text-align:center}.price-table tbody tr:hover{background:#eee}.price-table details{font-weight:normal}.price-table summary{display:flex;justify-content:space-between;gap:12px;list-style:none;font-size:18px;cursor:pointer}.price-table summary::-webkit-details-marker{display:none}.price-table .price-values td{font-size:17px;font-weight:bold}.price-table td small{display:block;font-weight:normal;font-size:11px}.price-time{font-size:13px;color:#555;white-space:nowrap}.price-description{font-size:14px;max-width:800px;padding:14px 0;color:#555}.grade-help{border-radius:50%;padding:0;width:20px;height:20px;line-height:18px;margin-left:5px;font-size:12px}.grade-tooltip{position:fixed;z-index:40;width:275px;background:#fff;border:1px solid #444;padding:12px;box-shadow:5px 5px 0 #ccc;font-size:12px;pointer-events:none}.spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}.spotlight-card{border:1px solid #bbb;padding:16px}.spotlight-card>span{font-size:11px;letter-spacing:.08em}.spotlight-card>.placeholder{width:100%;height:250px;margin:15px 0}.spotlight-card h3{font-size:23px}.spotlight-card p{color:#555;font-size:13px;min-height:42px}.spotlight-card>button:last-child{border:0;padding:6px 0}.work-rail,.transform-rail,.video-rail{overflow:auto;scrollbar-width:thin;scroll-behavior:smooth;margin-bottom:24px}.rail-motion{display:flex;gap:16px;width:max-content;animation:rail-flow 65s linear infinite;padding-bottom:12px}.work-rail:hover .rail-motion,.work-rail:focus-within .rail-motion,.transform-rail:hover .rail-motion,.transform-rail:focus-within .rail-motion,.video-rail:hover .rail-motion,.video-rail:focus-within .rail-motion{animation-play-state:paused}@keyframes rail-flow{to{transform:translateX(-50%)}}.work-card{width:255px;flex:0 0 255px}.work-card>.placeholder{height:230px}.work-card h3{font-size:20px}.work-card .row{align-items:flex-start}.text-link{display:inline-block;padding:14px 0;font-weight:bold}.transform-card{width:280px;flex:0 0 280px;border:1px solid #bbb}.transform-card .body{padding:15px}.transform-card h3{font-size:18px}.transform-card .body button{padding:7px;font-size:12px}.mini-compare{position:relative;height:365px;overflow:hidden}.mini-before,.mini-after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:23px}.mini-before{background:#ddd;clip-path:inset(0 50% 0 0)}.mini-after{background:#bbb}.mini-before small,.mini-after small{font-size:12px}.mini-divider{position:absolute;left:50%;width:2px;height:100%;background:#333;display:flex;align-items:center;justify-content:center;pointer-events:none}.mini-compare input{position:absolute;bottom:15px;left:6%;width:88%;z-index:2;accent-color:#222}.team-swipe,.branch-swipe{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:15px}.team-swipe>.card{width:calc((100% - 48px)/5);min-width:175px;flex:0 0 calc((100% - 48px)/5);scroll-snap-align:start}.team-swipe>.card>.placeholder{height:200px}.team-swipe .body{padding:13px}.team-swipe h3{font-size:18px}.team-swipe .body p{font-size:12px}.team-swipe button{font-size:11px;padding:7px}.branch-swipe>.card{width:360px;min-width:360px;scroll-snap-align:start}.branch-avatar-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.branch-avatar-row button{width:62px;height:68px;background:#ddd;border:1px solid #aaa;padding:3px;font-size:18px}.branch-avatar-row small{display:block;font-size:8px}.branch-actions,.route-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.branch-actions a,.route-links a{padding:11px 13px;border:1px solid #aaa;text-decoration:none}.route-links a{font-weight:bold}.video-rail .placeholder{width:320px;height:205px;min-height:205px}.review-card{border:1px solid #bbb;padding:23px;min-height:260px}.review-card h3{font-size:23px}.review-card p{color:#555}.review-card summary{font-size:13px}.review-card details{padding:6px 0;border:0}.mascot{overflow:hidden;position:relative;height:180px!important}.mascot img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(1)}.mascot small{position:absolute;bottom:5px;left:5px;background:#fff;padding:4px}.founder{display:grid;grid-template-columns:150px 1fr;gap:28px;max-width:780px;margin-top:45px;padding-top:30px;border-top:1px solid #ccc}.founder .placeholder{min-height:150px}.founder h3{font-size:26px}.founder a{display:inline-block;margin-top:12px}.manifesto-reading{max-height:calc(100vh - 110px);overflow:auto}.manifesto-reading>p:not(.note){font-size:15px;line-height:1.5}@media(max-width:850px){.spotlight{grid-template-columns:1fr 1fr}.spotlight-card:last-child{grid-column:1/-1}.team-swipe>.card{min-width:230px;flex-basis:230px}.price-table{min-width:660px}.work-rail .rail-motion,.transform-rail .rail-motion,.video-rail .rail-motion{animation:none}.manifesto-reading{max-height:none}}@media(max-width:550px){.spotlight{grid-template-columns:1fr}.spotlight-card:last-child{grid-column:auto}.spotlight-card>.placeholder{height:190px}.founder{grid-template-columns:1fr}.founder .placeholder{width:140px}.review-card{min-width:0}.price-table{min-width:630px}}@media(prefers-reduced-motion:reduce){.rail-motion{animation:none!important}.work-rail,.transform-rail,.video-rail{scroll-behavior:auto}} /* Work authors and featured selections */ #spotlight .spotlight-card{display:flex;flex-direction:column;align-items:stretch;gap:14px} #spotlight .spotlight-card>.placeholder{margin:0;height:250px;flex:none} #spotlight .spotlight-card>h3{margin:0;font-size:25px;line-height:1.16;min-height:58px} .work-author{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;padding:4px;text-align:left;max-width:100%;width:fit-content} .work-author:hover{background:#eee} .work-author-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;border:1px solid #aaa;background:#eee;overflow:hidden} .work-author-avatar svg{width:34px;height:34px;stroke:#777;stroke-width:1.4} .work-author-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .work-author-name{min-width:0;display:flex;flex-direction:column;gap:2px} .work-author-name small{font-size:11px;color:#666} .work-author-name strong{font-weight:500;font-size:15px;line-height:1.3} #spotlight .work-author{margin-top:auto;padding:4px} #spotlight .spotlight-vote{display:flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px;font-size:17px} #spotlight .work-contest-result{font-size:12px;min-height:0;margin:0;color:#555} #workRail .work-card .row{display:flex;flex-direction:row;align-items:center;justify-content:space-between} #workRail .work-author-compact{padding:0;border:0;border-radius:50%;width:42px;height:42px;flex:none} #workRail .work-author-avatar{width:42px;height:42px;flex-basis:42px} #workRail .work-card .row>[data-vote]{margin-left:auto} @media(max-width:550px){#spotlight .spotlight-card>.placeholder{height:190px}#spotlight .spotlight-card>h3{min-height:0;font-size:24px}} .master-portrait{width:100%;max-height:380px;object-fit:contain} /* Work actions remain previews until client accounts launch. */ .work-actions{display:inline-flex;gap:8px;align-items:center;flex:none} .work-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;min-height:42px;padding:8px;border:1px solid #aaa;background:#fff} .work-actions .work-like{font-size:18px} .work-actions .work-favorite svg{width:20px;height:20px;display:block} .work-actions button:hover{background:#eee;border-color:#222} #workRail .work-card .row{gap:10px} #workRail .work-actions{margin-left:auto} #spotlight .work-actions{margin:0} .feature-notice{box-sizing:border-box;width:min(500px,calc(100vw - 32px));padding:42px 30px 30px;max-height:calc(100dvh - 32px);overflow:auto} .feature-notice h2{font-size:29px;line-height:1.15;margin:0 28px 18px 0} .feature-notice p{font-size:17px;line-height:1.5;margin:0} .feature-notice-close{position:absolute;right:10px;top:10px;min-width:40px;min-height:40px;padding:8px;border:0;background:transparent;font-size:20px} .feature-notice::backdrop{background:rgba(0,0,0,.55)} .grid.four.pathways{grid-template-columns:repeat(4,minmax(0,1fr))} .pathways>button{min-width:0} .pathways>button h3{overflow-wrap:normal} #services .sectiontitle>p{font-size:20px;color:#333} #mosaic .row{display:flex;align-items:center;justify-content:space-between;gap:12px} #mosaic .work-author-avatar{width:42px;height:42px;flex-basis:42px} @media(max-width:1100px){.grid.four.pathways{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.grid.four.pathways{grid-template-columns:1fr}.feature-notice{padding:44px 24px 28px}.feature-notice h2{font-size:26px}} /* Brand header: full signature at the top, official mark after scrolling. */ body>header.brand-header{height:116px;display:grid;grid-template-columns:1fr auto 1fr;column-gap:18px;transition:height .2s} .brand-header>#menuBtn{justify-self:start} .brand-header>.headright{justify-self:end} .header-brand{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0} .header-brand .logo{position:relative;left:auto;transform:none;display:block;flex:none;width:150px;height:78px} .header-brand .logo img{position:absolute;inset:0;margin:auto;object-fit:contain;transition:opacity .2s,transform .2s} .logo-full{width:150px;height:78px;filter:invert(1)} .logo-mark{width:38px;height:38px;opacity:0;transform:scale(.8)} .header-motto{font-size:13px;line-height:1.3;white-space:nowrap;transition:opacity .15s;letter-spacing:.015em} body>header.brand-header.compact{height:64px} body>header.brand-header.compact .logo{display:block;width:42px;height:42px} .brand-header.compact .logo-full{opacity:0;transform:scale(.7);pointer-events:none} .brand-header.compact .logo-mark{opacity:1;transform:scale(1)} .brand-header.compact .header-motto{display:none} .brand-header.compact .header-contacts{display:none} .brand-header+nav{top:116px} .brand-header.compact+nav{top:64px} .header-contacts{position:relative} .contact-trigger{display:flex;align-items:center;gap:4px;justify-content:center;padding:10px;border:0;min-width:44px;min-height:44px} .contact-trigger svg,.contact-channel svg{width:22px;height:22px} .contact-chevron{font-size:12px} .contact-channels{position:absolute;top:calc(100% + 12px);right:0;display:flex;gap:7px;border:1px solid #aaa;padding:10px;background:#fff;box-shadow:0 8px 20px #0001;min-width:max-content} .contact-channel{width:42px;height:42px;padding:9px;display:flex;align-items:center;justify-content:center;border:1px solid #bbb;text-decoration:none;background:white;animation:contact-reveal .2s both;animation-delay:calc(var(--channel-index)*25ms)} .contact-channel:hover{background:#eee} @keyframes contact-reveal{from{opacity:0;transform:translateY(-7px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}} .heroBottom .hero-concept-link{font-size:22px;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid #aaa;padding:8px 0} .hero-concept-link:hover{border-color:#222} .hero-concept-link span{display:inline-block;margin-left:10px} .team-ambition{display:flex;align-items:baseline;gap:30px;padding:20px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin-bottom:24px} .team-ambition>p{font-size:clamp(21px,2.5vw,32px);line-height:1.2;margin:0} .team-ambition>.eyebrow{white-space:nowrap;font-size:11px} .contact-branch-list{display:grid;gap:8px;margin-top:20px} .contact-branch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #bbb;padding:15px;text-decoration:none} .contact-branch-row:hover{background:#eee} .contact-branch-row small{display:block;font-size:12px;margin-top:4px} .contact-branch-row b{white-space:nowrap;font-size:14px} .contact-unified a{display:inline-block;margin-left:10px;font-size:22px} .contact-dialog-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px} .contact-dialog-channels>a,.contact-dialog-channels>button{display:flex;align-items:center;gap:12px;padding:15px;text-decoration:none;border:1px solid #bbb} .contact-dialog-channels svg{width:24px;height:24px} .menu-contact{font-size:14px;text-align:left;border:0;padding:0;text-decoration:none} @media(max-width:1100px) and (min-width:801px){.header-brand{gap:14px}.header-motto{font-size:11px}.header-brand .logo,.logo-full{width:124px;height:65px}.brand-header .headright>.primary{font-size:12px;padding:12px}} @media(max-width:800px){ body>header.brand-header{height:108px;display:flex;justify-content:space-between;column-gap:0;padding-bottom:22px} .header-brand{position:absolute;left:50%;transform:translateX(-50%);gap:0} .header-brand .logo,.logo-full{width:100px;height:54px} .header-motto{position:fixed;bottom:-22px;font-size:10px} .header-motto-left{right:calc(50% + 12px)} .header-motto-right{left:calc(50% + 12px)} .brand-header+nav{top:108px} body>header.brand-header.compact{padding-bottom:0;height:64px} .brand-header.compact .header-brand{height:42px} .heroBottom .hero-concept-link{font-size:14px} .contact-trigger{min-width:34px;padding:6px} .contact-trigger svg{width:19px;height:19px} .contact-chevron{display:none} .contact-channels{position:fixed;right:4vw;top:80px;max-width:92vw;box-sizing:border-box} .team-ambition{align-items:flex-start;flex-direction:column;gap:12px} .contact-branch-row{gap:10px} .contact-branch-row b{font-size:12px} } @media(max-width:420px){ .header-brand .logo,.logo-full{width:80px;height:44px} .brand-header .headright{gap:3px} .brand-header .headright>.primary{font-size:10px;padding:10px 8px} .header-motto{font-size:9px;bottom:-24px} } @media(max-width:350px){.header-contacts{display:none}.contact-branch-row{align-items:flex-start;flex-direction:column}.contact-dialog-channels{grid-template-columns:1fr}} #concept{scroll-margin-top:64px} .logo-mark{width:54px;height:38px} body>header.brand-header.compact .logo{width:58px;height:42px} /* GOAT: separate explanatory video and mascot wordplay. */ .concept-explainer{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start} .concept-explainer>.placeholder{width:140px;min-height:166px;padding:12px;gap:12px} .concept-explainer>.placeholder small{font-size:9px;line-height:1.5} .concept-explainer>p{margin:6px 0;color:#666;font-size:14px} #concept .goat-wordplay{font-size:14px;margin:12px 0 0} @media(min-width:801px){#concept>.sectiontitle{grid-template-columns:1fr 1.6fr 1.4fr}} @media(max-width:800px){.concept-explainer{max-width:440px;gap:16px}.concept-explainer>.placeholder{min-height:156px}#achievements>.sectiontitle>p{max-width:none}} /* Hero: portrait centerpiece with two asymmetric video wings. */ .hero-mosaic{display:grid;grid-template-columns:1.34fr 1fr 1.34fr;gap:10px;height:clamp(420px,43vw,580px);align-items:stretch} .hero-mosaic .placeholder{min-height:0;min-width:0;width:100%;height:100%;padding:12px;gap:14px} .hero-mosaic .placeholder small{line-height:1.5} .hero-mosaic>.mosaic-main{grid-column:2;grid-row:1;background:#c8c8c8} .mosaic-wing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.1fr .9fr;gap:10px;padding:20px 0 12px} .hero-mosaic>.mosaic-left{grid-column:1;grid-row:1} .hero-mosaic>.mosaic-right{grid-column:3;grid-row:1} .mosaic-process,.mosaic-team{grid-column:1/-1;grid-row:1} .mosaic-interior,.mosaic-masters{grid-column:1;grid-row:2/4} .mosaic-change,.mosaic-guests{grid-column:2;grid-row:2} .mosaic-products,.mosaic-wins{grid-column:2;grid-row:3} /* Three fixed comparisons alongside one transformation film. */ .transformation-layout{display:grid;grid-template-columns:1fr 2.8fr;gap:18px;align-items:stretch} .transformation-film{min-width:0;min-height:420px;width:100%;height:100%} .transformation-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0} .transformation-examples>.transform-card{width:auto;min-width:0;flex:none} .transformation-examples .mini-compare{height:clamp(260px,27vw,365px)} .transformation-examples .body{display:flex;align-items:flex-start;flex-direction:column;gap:12px} .transformation-examples h3{margin:0} .transformation-examples .work-author{max-width:100%;text-align:left} .transformation-examples .work-author-name{min-width:0;white-space:normal} .transformation-examples .work-author-avatar{width:36px;height:36px;flex-basis:36px} .transformation-examples .transform-open{margin-top:auto} .transformation-expanded .mini-compare{height:min(60vh,560px)} @media(max-width:1000px){.transformation-layout{grid-template-columns:1fr}.transformation-film{min-height:280px;aspect-ratio:16/9;max-height:400px}} @media(max-width:800px){ .hero-mosaic{height:auto;grid-template-columns:1fr 1fr;grid-template-areas:"main main" "process interior" "team interior" "change masters" "products masters" "guests wins";grid-template-rows:auto repeat(5,140px);gap:8px} .hero-mosaic>.mosaic-main{grid-area:main;aspect-ratio:4/5;max-height:480px;min-height:300px} .hero-mosaic>.mosaic-wing{display:contents} .hero-mosaic .mosaic-process{grid-area:process}.hero-mosaic .mosaic-interior{grid-area:interior} .hero-mosaic .mosaic-change{grid-area:change}.hero-mosaic .mosaic-products{grid-area:products} .hero-mosaic .mosaic-team{grid-area:team}.hero-mosaic .mosaic-masters{grid-area:masters} .hero-mosaic .mosaic-guests{grid-area:guests}.hero-mosaic .mosaic-wins{grid-area:wins} .hero-mosaic .placeholder small{font-size:10px;letter-spacing:.04em} } @media(max-width:600px){ .transformation-examples{grid-template-columns:1fr;gap:20px} .transformation-examples .mini-compare{height:auto;aspect-ratio:4/5} .transformation-film{min-height:0;max-height:none;aspect-ratio:4/5} } /* Keep comparison labels readable on either side of the split. */ #transformation .mini-before,.transformation-expanded .mini-before{align-items:flex-start;justify-content:flex-start;padding:18px} #transformation .mini-after,.transformation-expanded .mini-after{align-items:flex-end;justify-content:flex-start;padding:18px} @media(max-width:800px){.hero-mosaic>.mosaic-main{aspect-ratio:4/3;min-height:240px;max-height:420px}} /* Monthly centerpiece, team introduction and branch contacts. */ #spotlight{grid-template-columns:1fr 1.15fr 1fr;align-items:center;padding:12px 0} #spotlight>.spotlight-monthly{padding:20px} #spotlight>.spotlight-monthly>.placeholder{height:290px} .team-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;margin-bottom:32px;align-items:start} .team-intro-copy>span{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:24px} .team-intro-copy>h2{max-width:880px} .team-intro-copy>p{max-width:680px;color:#555;font-size:16px;line-height:1.6;margin-top:24px} .team-intro-copy .team-ambition{margin:24px 0 0} .team-intro-film{width:100%;aspect-ratio:9/16;min-height:0} .branch-contact-icons{display:flex;gap:10px;margin:16px 0} .branch-contact-icons>a,.branch-contact-icons>button{border:1px solid #aaa;border-radius:50%;width:44px;height:44px;padding:11px;display:grid;place-items:center;color:inherit;background:#fff} .branch-contact-icons svg{width:22px;height:22px} .branch-contact-icons>a:hover,.branch-contact-icons>button:hover{background:#eee} .branch-phone-options{display:grid;gap:14px;margin:24px 0} .branch-phone-options>a{display:block;padding:18px;border:1px solid #aaa;text-decoration:none} .branch-phone-options span{display:block;margin-top:8px;font-size:14px;color:#555} .branch-avatar-row button{width:48px;height:48px;border-radius:50%;padding:0;overflow:hidden;background:#eee} .branch-avatar-row .work-author-avatar{width:100%;height:100%;border:0;display:block;position:relative} .branch-avatar-row .work-author-avatar svg{width:100%;height:100%} .branch-avatar-row .work-author-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} footer{grid-template-columns:190px minmax(0,1fr) 220px;max-width:1450px;margin:auto;gap:36px} .footer-brand{font-size:30px;font-weight:bold;text-decoration:none} .footer-brand small{display:block;font-size:12px;font-weight:normal;margin-top:8px} .footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px} .footer-navigation a{font-size:13px;text-decoration:none} .footer-navigation a:hover{text-decoration:none} .footer-contacts button{text-align:left} @media(max-width:850px){#spotlight{grid-template-columns:repeat(3,minmax(0,1fr))}#spotlight>.spotlight-card:last-child{grid-column:auto}#spotlight>.spotlight-monthly{padding:14px}#spotlight>.spotlight-monthly>.placeholder{height:240px}.team-intro{grid-template-columns:minmax(0,1fr) 210px;gap:24px}footer{grid-template-columns:1fr}.footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){#spotlight{grid-template-columns:1fr}#spotlight>.spotlight-monthly{grid-row:1;margin:0 0 8px}#spotlight>.spotlight-monthly>.placeholder{height:260px}.team-intro{grid-template-columns:1fr}.team-intro-film{width:min(100%,280px);justify-self:center}.team-intro-copy>h2{font-size:38px}.footer-navigation{grid-template-columns:1fr 1fr}} #reviews .reviews-intro{max-width:690px}#reviews .reviews-intro p{line-height:1.65}#reviews .review-rotator{display:flex;flex-direction:column;min-width:0;height:454px;min-height:454px;max-height:454px;overflow:hidden;overflow-wrap:anywhere}#reviews .review-source{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:0}.review-author{display:flex;gap:12px;align-items:center;margin:16px 0 10px;min-height:46px}.review-author>div:last-child{min-width:0}.review-author strong{display:block;font-size:15px;line-height:1.25}.review-author small{display:block;margin-top:4px}.review-avatar{width:44px;height:44px;flex:0 0 44px;position:relative;border-radius:50%;overflow:hidden;background:#eee;display:grid;place-items:center;font-size:14px;font-weight:bold}.review-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.review-rating{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.review-rating time{font-size:11px;color:#666}.review-stars{font-size:16px;letter-spacing:2px}#reviews .review-text{height:144px;min-height:144px;max-height:144px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-height:24px;font-size:15px;white-space:pre-line}#reviews .review-expand-row{height:36px;flex:0 0 36px;display:flex;align-items:center}#reviews .review-expand{border:0;text-decoration:none;padding:4px 0;font-size:13px;background:none}#reviews .review-expand[hidden]{display:none}#reviews .review-origin{font-size:13px;font-weight:bold;display:inline-block;margin:4px 0 12px}#reviews .review-controls{display:flex;justify-content:space-between;align-items:center;border-top:0;padding-top:10px;margin-top:auto;gap:12px;min-height:42px}#reviews .review-controls button{padding:5px 14px}#reviews .review-controls span{font-size:12px;color:#666}#reviews .review-empty{flex:1}#reviews .review-empty h3{font-size:23px}#reviews .toolbar{align-items:end}.review-invitations{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:28px}.review-invitations>a{padding:14px 18px;border:1px solid #aaa;text-decoration:none}.review-invitations .primary{background:#191919;color:#fff}.review-invitations p{flex-basis:100%;font-size:13px;color:#555;max-width:760px}#reviewFullDialog{width:min(700px,calc(100vw - 24px));max-height:85dvh;padding:24px;border:1px solid #aaa;overflow:auto}#reviewFullDialog::backdrop{background:#0008}#reviewFullDialog h2{font-size:30px;margin:22px 0}.review-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.review-full-text{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere;margin-top:20px}#reviewFullDialog .text-link{margin-top:20px}@media(max-width:650px){#reviews .review-rotator{height:454px;min-height:454px;max-height:454px}#reviews .toolbar>label{flex:1 1 140px}.review-invitations>a{width:100%;text-align:center}} #reviews .review-rotator:not(.review-empty-state){display:grid;grid-template-rows:32px 64px 22px 144px 30px 26px 38px;row-gap:8px;align-content:space-between;padding:18px}#reviews .review-rotator .review-source{padding:0 0 8px;line-height:18px;overflow:hidden}#reviews .review-rotator .review-author{margin:0;min-height:0}#reviews .review-rotator .review-author strong{font-size:14px;max-height:36px;overflow:hidden}#reviews .review-rotator .review-rating{margin:0;flex-wrap:nowrap;font-size:12px}#reviews .review-rotator .review-rating time{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reviews .review-rotator .review-expand-row{height:30px}#reviews .review-rotator .review-origin{margin:0;line-height:22px}#reviews .review-rotator .review-controls{margin:0;padding-top:5px;min-height:0}#reviews .review-rotator .review-controls button{padding:4px 12px} .review-video-layout{display:grid;grid-template-columns:1fr 2.8fr;gap:22px;align-items:stretch;margin:32px 0} .review-video-feature{position:relative;min-height:420px;background:#ddd;overflow:hidden} .review-video-feature video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .review-video-feature>.placeholder{position:absolute;inset:0;width:100%;height:100%;background:transparent;min-height:0} .review-video-side{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px} .review-video-carousel{overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x mandatory} .review-video-track{display:flex;gap:14px} .review-video-track>.placeholder{flex:0 0 calc((100% - 28px)/3);height:340px;min-width:0;scroll-snap-align:start;padding:10px;font-size:28px} .review-video-track small{font-size:10px;line-height:1.5} .review-video-arrows{display:flex;gap:8px;justify-content:flex-end} .review-video-arrows button{padding:8px 18px} @media(max-width:900px){.review-video-layout{grid-template-columns:1fr 2fr}.review-video-track>.placeholder{flex-basis:calc((100% - 14px)/2)}} @media(max-width:600px){.review-video-layout{grid-template-columns:1fr}.review-video-feature{min-height:0;aspect-ratio:9/16;width:min(100%,300px);justify-self:center}.review-video-track>.placeholder{flex-basis:calc((100% - 14px)/2);height:260px}} /* C21: three-line excerpt, natural card height and inline full text. */ .editorial #reviewGridNew{align-items:start!important} .editorial #reviews .review-rotator, .editorial #reviews .review-rotator:not(.review-empty-state){display:flex!important;flex-direction:column;align-content:start!important;gap:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important} .editorial #reviews .review-rotator .review-source{min-height:32px;margin-bottom:16px} .editorial #reviews .review-rotator .review-author{min-height:46px;margin:0 0 14px} .editorial #reviews .review-rotator .review-rating{margin:0 0 12px} .editorial #reviews .review-rotator .review-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:auto;min-height:0!important;max-height:none!important;line-height:24px;font-size:15px;overflow:hidden;white-space:pre-line} .editorial #reviews .review-is-expanded .review-text{display:block;-webkit-line-clamp:unset} .editorial #reviews .review-rotator .review-expand-row{height:auto!important;flex:0 0 auto;min-height:0;margin:2px 0 0} .editorial #reviews .review-expand-row[hidden]{display:none!important} .editorial #reviews .review-expand{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:8px 0!important;font-size:13px;line-height:1.5;color:inherit;background:transparent!important;text-decoration:none} .editorial #reviews .review-expand:is(:hover,:focus-visible){color:#845232;text-decoration:none;text-underline-offset:4px} .editorial #reviews .review-expand:focus-visible{outline:2px solid #845232;outline-offset:3px} .editorial #reviews .review-rotator .review-origin{margin:10px 0 12px!important;line-height:22px;align-self:flex-start} .editorial #reviews .review-rotator .review-controls{margin:0!important;min-height:44px;padding-top:5px} /* C21: stable collapsed slots; only an explicitly expanded review grows. */ .editorial #reviews .review-card.review-rotator{display:grid!important;grid-template-rows:32px 64px 36px 72px 44px 44px 44px;gap:8px!important;align-content:start!important;box-sizing:border-box;height:428px!important;min-height:428px!important;padding:22px!important;background:#f5f0e6!important;border:1px solid #14244030!important;position:relative;isolation:isolate} .editorial #reviews .review-card.review-rotator> :is(.review-source,.review-author,.review-rating,.review-text,.review-expand-row,.review-origin,.review-controls){margin:0!important;min-height:0!important;max-height:none;align-self:stretch} .editorial #reviews .review-card.review-rotator .review-text{height:72px;line-height:24px} .editorial #reviews .review-card.review-rotator .review-expand-row[hidden]{display:flex!important;visibility:hidden;pointer-events:none} .editorial #reviews .review-card.review-rotator .review-origin{display:flex;align-items:center} .editorial #reviews .review-card.review-rotator.review-is-expanded{height:auto!important;grid-template-rows:32px 64px 36px auto 44px 44px 44px} .editorial #reviews .review-card.review-rotator.review-is-expanded .review-text{height:auto;min-height:72px!important} .editorial #reviews .review-card.review-empty-state{display:flex!important} /* C21: standalone branch mounts share the homepage card and action typography. */ .editorial #reviews .review-card{font-family:Golos,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.5} .editorial #reviews #reviewGridNew{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px} .editorial #reviews .review-invitations .primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:17px 23px;border:1px solid #bb7c52;background:#bb7c52;color:#142440;font:650 15px/1.5 Golos,Arial,sans-serif} .editorial #reviews .review-invitations .primary:hover{background:#a96a43;border-color:#a96a43;color:#ede7da} @media(max-width:680px){.editorial #reviews #reviewGridNew{grid-template-columns:minmax(0,1fr);gap:0}} /* S05: counts and ratings share a label baseline; platform awards keep original marks. */ body.editorial #reviews>.toolbar{position:relative;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:32px} .review-platform-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,3.5vw,64px);row-gap:24px;margin-left:clamp(20px,3vw,52px);flex:1;max-width:660px;min-width:0} .review-platform-stat{display:grid;align-content:start;gap:12px;min-width:0;color:inherit;font-family:Golos,Arial,sans-serif} .review-stat-metrics{display:grid;grid-template-columns:max-content max-content;align-items:end;gap:24px} .review-stat-count,.review-stat-rating{display:grid;grid-template-rows:46px 16px;gap:6px;text-align:center;justify-items:center} .review-stat-count>strong{display:flex;align-items:center;font:650 clamp(32px,2.5vw,44px)/1 Golos,Arial,sans-serif;letter-spacing:-.05em} .review-stat-rating-value{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;white-space:nowrap} .review-stat-rating-value>b{font:650 30px/1 Golos,Arial,sans-serif;letter-spacing:-.04em;color:inherit} .review-rating-star{display:block;width:20px;height:20px;flex:none;fill:#bb7c52;stroke:none} .review-stat-count>small,.review-stat-rating>small{font:400 11px/16px Golos,Arial,sans-serif;white-space:nowrap;opacity:.76} .review-stat-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-height:28px} .review-platform-name{font:650 14px/1.5 Golos,Arial,sans-serif;color:inherit;text-decoration:none} .review-platform-name:hover,.review-yandex-award:hover{color:#bb7c52} .review-yandex-award{display:flex;align-items:center;gap:5px;font:500 11px/1.4 Golos,Arial,sans-serif;color:inherit;text-decoration:none} .review-yandex-award>img{display:block;flex:none;width:32px;height:auto} body.editorial :is(#reviews,#branches,.lp-branch-reputation) .review-awards{position:relative;min-width:0;margin:0;padding:0;border:0;background:transparent;font:500 11px/1.4 Golos,Arial,sans-serif} body.editorial :is(#reviews,#branches,.lp-branch-reputation) .review-awards>summary{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;display:flex;align-items:center;gap:5px;min-height:28px;list-style:none;cursor:pointer;white-space:nowrap} .review-awards>summary::marker{content:''}.review-awards>summary::-webkit-details-marker{display:none} .review-awards>summary>img{display:block;flex:none;width:18px;height:18px} .review-award-chevron{display:block;flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s} .review-awards[open] .review-award-chevron{transform:rotate(180deg)} .review-awards>summary:hover{color:#bb7c52} .review-awards>summary:focus-visible{outline:2px solid #bb7c52;outline-offset:4px} .review-awards-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:280px;max-width:calc(100vw - 40px);padding:16px;background:#ede7da;color:#142440;border:1px solid #14244030;box-shadow:0 12px 36px #14244024} .review-awards-panel>p{margin:0 0 12px;font:500 10px/1.5 Golos,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.7} .review-awards-panel>ul{list-style:none;padding:0;margin:0;display:grid;gap:14px} .review-awards-panel li{display:flex;align-items:center;gap:10px;font:400 12px/1.5 Golos,Arial,sans-serif} .review-awards-panel li>img{display:block;flex:none;width:20px;height:20px} @media(max-width:1200px){.review-platform-stats{margin-left:0;column-gap:32px;max-width:none;flex-basis:100%}} @media(max-width:680px){.review-platform-stats{width:100%;column-gap:24px}.review-platform-stat{gap:10px}.review-stat-metrics{gap:16px}.review-stat-count>strong{font-size:30px}.review-stat-rating-value>b{font-size:24px}.review-rating-star{width:16px;height:16px}.review-stat-count,.review-stat-rating{grid-template-rows:36px 16px}.review-stat-rating-value{height:36px;gap:5px}.review-stat-count>small,.review-stat-rating>small{font-size:10px}.review-stat-footer{align-items:flex-start;flex-direction:column;gap:6px}.review-platform-name{font-size:13px}.review-yandex-award{font-size:10px}.review-yandex-award>img{width:28px}} @media(max-width:360px){.review-platform-stats{column-gap:18px}.review-stat-metrics{gap:10px}.review-stat-count>strong{font-size:26px}.review-stat-rating-value>b{font-size:22px}.review-rating-star{width:13px;height:13px}.review-stat-count>small,.review-stat-rating>small{font-size:9.5px}.review-awards{font-size:10px}} @media(prefers-reduced-motion:reduce){.review-award-chevron{transition:none}} .review-single-award{display:flex;align-items:center;gap:5px;font:500 11px/1.4 Golos,Arial,sans-serif}.review-single-award img{width:18px;height:18px;flex:none} /* One quiet frame encloses each review, including navigation; section texture stays outside. */ .editorial #reviews .review-card.review-is-expanded{height:auto!important;min-height:428px!important} @media(max-width:680px){.editorial #reviews .review-card.review-rotator{padding:18px!important;height:420px!important;min-height:420px!important}.editorial #reviews .review-card.review-is-expanded{height:auto!important}} /* C21: the same verified metrics and project awards, compact within a branch card. */ .editorial :is(#branches,.lp-branch-reputation) .branch-review-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;width:100%;max-width:none;flex:none;container-type:inline-size} .editorial :is(#branches,.lp-branch-reputation) .review-platform-stat{min-width:0;display:grid;gap:8px;align-content:start} .editorial :is(#branches,.lp-branch-reputation) .review-stat-metrics{grid-template-columns:max-content max-content;gap:10px} .editorial :is(#branches,.lp-branch-reputation) :is(.review-stat-count,.review-stat-rating){grid-template-rows:34px 16px;gap:4px} .editorial :is(#branches,.lp-branch-reputation) .review-stat-count>strong{font-size:clamp(24px,6.4cqw,32px)} .editorial :is(#branches,.lp-branch-reputation) .review-stat-rating-value{height:34px;gap:4px} .editorial :is(#branches,.lp-branch-reputation) .review-stat-rating-value>b{font-size:clamp(20px,5.3cqw,26px)} .editorial :is(#branches,.lp-branch-reputation) .review-rating-star{width:14px;height:14px} .editorial :is(#branches,.lp-branch-reputation) :is(.review-stat-count,.review-stat-rating)>small{font-size:9.5px;line-height:16px} .editorial :is(#branches,.lp-branch-reputation) .review-stat-footer{flex-direction:column;align-items:flex-start;gap:4px} .editorial :is(#branches,.lp-branch-reputation) :is(.review-platform-name,.review-awards,.review-yandex-award){font-size:10px} .editorial :is(#branches,.lp-branch-reputation) .review-yandex-award{gap:4px;white-space:normal} .editorial :is(#branches,.lp-branch-reputation) .review-yandex-award img{width:28px;height:16px} .editorial :is(#branches,.lp-branch-reputation) .review-platform-stat:last-child .review-awards-panel{left:auto;right:0} /* Counts and rating are separate, generous links to the same provider review page. */ .editorial .review-stat-link{color:inherit;text-decoration:none!important;border:0!important;background:none;min-height:50px} .editorial .review-stat-link:hover :is(strong,b){color:#bb7c52} .editorial .review-stat-link:focus-visible{outline:2px solid #bb7c52;outline-offset:5px} /* Shared informational awards: native top layer, body portal in older browsers. */ .review-awards-panel[data-review-awards-floating]{position:fixed;inset:auto;margin:0;z-index:2147483000;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 32px)} .review-awards-panel[data-review-awards-floating]::backdrop{background:transparent;pointer-events:none} @font-face{font-family:Golos;src:url(design-assets/golos-v1.woff2);font-weight:100 900}#design-top *{box-sizing:border-box}#design-top{--cream:#ede7da;--navy:#142440}html{scroll-behavior:smooth;scroll-padding-top:100px}#design-top{margin:0;background:var(--navy);color:var(--cream);font-family:Golos,Arial,sans-serif}#design-top a{color:inherit;text-decoration:none}#design-top button,#design-top select{font:inherit}#design-top button{color:inherit;cursor:pointer;border:0;background:none}#design-top button:focus-visible,#design-top a:focus-visible,#design-top select:focus-visible{outline:2px solid #c9ad8a;outline-offset:5px}#design-top [hidden]{display:none!important}#design-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}#design-top header{position:fixed;inset:0 0 auto;z-index:40;display:grid;grid-template-columns:1fr 1.15fr 135px 1.15fr 1.2fr;align-items:center;gap:18px;padding:20px 3%;transition:background .5s,padding .5s}#design-top header.compact{padding:10px 3%;background:#142440e8;backdrop-filter:blur(20px)}#design-top .header-left,#design-top .header-right{display:flex;align-items:center;gap:16px}#design-top .header-right{justify-content:flex-end}#design-top .header-left button{white-space:nowrap;font-size:11px}#design-top #cityBtn{display:flex;gap:10px}#design-top .icon-button{padding:8px}#design-top .logo{display:block;height:80px;background:var(--cream);mask:url(design-assets/taiga-logo.webp) center/contain no-repeat;transition:height .5s}#design-top .compact .logo{height:52px}#design-top .motto{width:100%;height:80px;object-fit:contain;transition:opacity .4s,transform .5s}#design-top .compact .motto{opacity:0;transform:translateY(-12px);pointer-events:none}#design-top .book{display:flex;align-items:center;gap:24px;background:var(--cream);color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.08em;padding:19px 22px;white-space:nowrap;transition:background .25s}#design-top .book:hover{background:#c9b894}#design-top .book span{font-size:20px}#design-top .contact-hub{position:relative}#design-top #contactBtn{display:flex;align-items:center;gap:6px;padding:10px}#design-top .chevron{transition:transform .3s}#design-top [aria-expanded=true]>.chevron{transform:rotate(180deg)}#design-top #orbit{position:absolute;left:50%;top:50%;width:0;height:0}#design-top .orbit-item{position:absolute;width:44px;height:44px;border-radius:50%;background:var(--cream);border:1px solid #b2a68f;display:grid;place-items:center;opacity:0;transform:translate(-50%,-50%) scale(.3);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;transition-delay:calc(var(--i)*35ms);pointer-events:none;box-shadow:0 6px 20px #0003}#design-top .orbit-item img{width:21px;height:21px}#design-top .contact-hub.open .orbit-item{opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}#design-top .orbit-item:nth-child(1){--x:-108px;--y:18px}#design-top .orbit-item:nth-child(2){--x:-82px;--y:82px}#design-top .orbit-item:nth-child(3){--x:-20px;--y:112px}#design-top .orbit-item:nth-child(4){--x:48px;--y:100px}#design-top .orbit-item:nth-child(5){--x:96px;--y:48px}#design-top .popover{position:fixed;z-index:42;top:104px;left:3%;padding:28px;background:#172940f5;backdrop-filter:blur(20px);box-shadow:0 15px 50px #0004;min-width:270px}#design-top .popover a,#design-top .popover>button{display:block;padding:12px 0}#design-top .popover p{font-size:10px;letter-spacing:2px}#design-top .popover small{display:block;line-height:1.6;max-width:260px;margin-top:16px}#design-top .popover label{margin-top:20px}#design-top main{overflow:hidden}#design-top .hero{position:relative;isolation:isolate;height:1100px;background:radial-gradient(ellipse at 28% 30%,#536278 0,transparent 49%),radial-gradient(ellipse at 85% 80%,#55594a,transparent 42%),#142440}#design-top .hero:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:200px;background:linear-gradient(transparent,#343e3d);pointer-events:none;z-index:7}#design-top .hero-rock{position:absolute;inset:0;background:url(media/stone-clean-web-v2.webp) center/cover;opacity:.13;mix-blend-mode:screen;mask-image:linear-gradient(#000,transparent 90%)}#design-top .light-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 22% 38%,#d5c4a325,transparent 45%);animation:light 14s ease-in-out infinite alternate}#design-top .hero h1{margin:0;font-size:clamp(55px,11.3vw,180px);font-weight:750;letter-spacing:-.07em;line-height:.91}#design-top .backline,#design-top .frontline{position:absolute;white-space:nowrap;left:4%;top:215px;z-index:2}#design-top .frontline{top:740px;left:14%;z-index:8;mix-blend-mode:exclusion;color:#fff3df}#design-top .backline>span,#design-top .frontline>span{display:block}#design-top .mosaic{position:absolute;inset:0;z-index:3}#design-top .tile{position:absolute;overflow:hidden;background:#1b2633}#design-top .tile video{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;transition:filter .7s,opacity .7s}#design-top .central{left:32%;top:275px;width:40%;aspect-ratio:9/10;z-index:3}#design-top .central video{object-fit:contain}#design-top .left-wide{left:0;top:390px;width:30.8%;aspect-ratio:16/9}#design-top .left-portrait{left:7%;top:660px;width:14%;aspect-ratio:3/4}#design-top .left-small{left:22%;top:765px;width:15%;aspect-ratio:9/10;z-index:4}#design-top .right-portrait{right:6%;top:330px;width:20.5%;aspect-ratio:3/4}#design-top .right-wide{right:-3%;top:760px;width:29%;aspect-ratio:16/9;z-index:4}body[data-treatment=cinema] #design-top .tile:not(.central) video{filter:grayscale(1) contrast(1.04)}body[data-treatment=soft] #design-top .tile{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}#design-top #works{position:relative;isolation:isolate;padding:65px 4% 110px;background:radial-gradient(ellipse at 85% 19%,#716f5666,transparent 43%),linear-gradient(#343e3d,#3d443e 42%,#273638 85%,#172a3e)}#design-top .stone-texture,#design-top .wood-texture{position:absolute;z-index:-1;pointer-events:none;background-size:cover;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000,transparent 72%)}#design-top .stone-texture{inset:-100px -20% auto 20%;height:1050px;background-image:url(media/stone-clean-web-v2.webp);opacity:.28}#design-top .wood-texture{inset:600px 40% 0 -40%;background-image:url(media/rings.svg);opacity:.22}#design-top .eyebrow{font-size:10px;letter-spacing:.2em}#design-top .section-title h2{font-size:clamp(48px,7.7vw,120px);font-weight:650;letter-spacing:-.065em;line-height:.98;margin:35px 0}#design-top .section-title h2 span{display:block}#design-top .section-title h2 span+span{margin-left:10%}#design-top .section-title p{font-size:14px;line-height:1.8;margin:0 0 50px 63%}#design-top .spotlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}:is(#design-top,.taiga-work-collection) .work-card{position:relative;overflow:hidden;height:520px;background:#242b30;isolation:isolate}:is(#design-top,.taiga-work-collection) .work-card .photo{padding:0;width:100%;height:100%;display:block}:is(#design-top,.taiga-work-collection) .photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform 1s}:is(#design-top,.taiga-work-collection) .work-card:hover .photo img{transform:scale(1.025)}:is(#design-top,.taiga-work-collection) .work-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c1523e6);z-index:1;pointer-events:none}#design-top .award{position:absolute;top:22px;left:22px;right:22px;font-size:11px;letter-spacing:.04em;z-index:2;text-shadow:0 1px 8px #000;background:#142440b8;padding:9px 12px;width:fit-content}:is(#design-top,.taiga-work-collection) .card-meta{position:absolute;bottom:22px;left:22px;right:22px;z-index:2;pointer-events:none}:is(#design-top,.taiga-work-collection) .card-meta h3{font-size:26px;letter-spacing:-.04em;margin:0 0 22px;font-weight:550}:is(#design-top,.taiga-work-collection) .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}:is(#design-top,.taiga-work-collection) .author{display:flex;align-items:center;gap:9px;padding:0;text-align:left;font-size:10px;line-height:1.5;pointer-events:auto}:is(#design-top,.taiga-work-collection) .author img{width:32px;height:32px;border-radius:50%;object-fit:cover}:is(#design-top,.taiga-work-collection) .work-actions{display:flex;gap:4px;pointer-events:auto}:is(#design-top,.taiga-work-collection) .work-actions button{display:flex;gap:4px;align-items:center;padding:6px;font-size:10px}:is(#design-top,.taiga-work-collection) .work-actions svg{width:19px;height:19px}:is(#design-top,.taiga-work-collection) .work-actions [aria-pressed=true] svg{fill:#d6b28e;stroke:#d6b28e}#design-top .portfolio{margin-top:85px}#design-top .portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}#design-top .tabs{display:flex;gap:28px}#design-top .tabs button{font-size:13px;padding:12px 0;border-bottom:1px solid transparent;opacity:.6}#design-top .tabs button.active{opacity:1;border-color:#d4b993}#design-top .rail-buttons{display:flex;gap:20px}#design-top .rail-buttons button{font-size:22px;padding:8px}#design-top #filterToggle{display:none}#design-top #filters{display:flex;gap:22px;align-items:flex-end;margin:28px 0 32px}#design-top label{display:grid;gap:9px;font-size:10px}#design-top select{background:#253936;color:var(--cream);border:1px solid #ede7da40;padding:12px 30px 12px 12px;min-width:190px;font-size:12px}#design-top #resetFilters{font-size:11px;padding:14px}#design-top #rail{overflow-x:auto;scrollbar-width:none}#design-top #rail::-webkit-scrollbar{display:none}#design-top #railTrack{display:flex;width:max-content;gap:12px}#design-top .rail-group{display:flex;gap:12px}#design-top .rail-group .work-card{width:320px;height:420px}#design-top .rail-group .card-meta{left:18px;right:18px}#design-top .rail-group h3{font-size:25px}#design-top .rail-group .author{max-width:170px}#design-top #railStatus{font-size:10px;opacity:.6;margin:18px 0}#design-top .all-works{display:inline-block;margin-top:15px;padding-bottom:10px;border-bottom:1px solid #ede7da70;font-size:12px}#design-top .boundary{background:radial-gradient(ellipse at 15% 65%,#6a65552b,transparent 55%),#172a3e;padding:55px 4% 110px}#design-top .boundary h2{font-size:clamp(40px,7.7vw,115px);letter-spacing:-.065em;line-height:1.05;font-weight:600}#design-top footer{display:flex;justify-content:space-between;padding:22px 4% 80px;font-size:9px;letter-spacing:.1em;background:#172a3e}#design-top dialog{border:1px solid #ede7da40;background:#172940;color:var(--cream);max-width:560px;width:calc(100% - 36px);padding:40px}#design-top dialog::backdrop{background:#0a1427c9;backdrop-filter:blur(10px)}#design-top dialog .close{position:absolute;top:10px;right:15px;font-size:27px}#design-top dialog h2{font-size:26px}#design-top dialog p{font-size:13px;line-height:1.7}#design-top dialog img{max-width:100%;max-height:60vh}#design-top dialog a{display:inline-block;margin:8px 0;border-bottom:1px solid #ede7da55}#design-top #loader{position:fixed;inset:0;background:#142440;z-index:100;transition:opacity .6s;overflow:hidden}#design-top #loader svg{width:100%;height:100%;stroke:none}#design-top #loader.leaving{opacity:0;pointer-events:none}#design-top #skip{position:absolute;bottom:25px;right:4%;font-size:11px}body.js #design-top .reveal{opacity:0;transform:translateY(45px);transition:opacity 1.1s,transform 1.3s cubic-bezier(.2,.7,.2,1)}body.js #design-top .reveal.visible{opacity:1;transform:none}body.js:not(.entered) #design-top .backline>span{opacity:0;transform:translateX(-8%)}body.js:not(.entered) #design-top .frontline>span{opacity:0;transform:translateX(8%)}#design-top .backline>span,#design-top .frontline>span{transition:transform 1.8s cubic-bezier(.2,.7,.2,1),opacity 1.4s}#design-top .frontline>span{transition-delay:.35s}body.js:not(.entered) #design-top .tile{opacity:0;translate:0 45px}#design-top .tile{transition:opacity 1.5s,translate 1.8s cubic-bezier(.2,.7,.2,1);transition-delay:.2s}#design-top .tile.central{transition-delay:.4s}#design-top .tile.right-wide,#design-top .tile.left-small{transition-delay:.65s}body.paused #design-top *{animation-play-state:paused!important}@keyframes light{to{transform:translate(8%,-4%);opacity:.45}}@media(min-width:1600px){#design-top .hero{height:1250px}#design-top .frontline{top:850px}#design-top .left-portrait{top:720px}#design-top .left-small,#design-top .right-wide{top:850px}}@media(max-width:1100px){#design-top header{grid-template-columns:1fr 120px 1fr}#design-top .motto{display:none}#design-top .hero{height:930px}#design-top .backline{top:230px}#design-top .central{top:270px}#design-top .frontline{top:650px}#design-top .left-wide{top:390px}#design-top .left-portrait{top:600px}#design-top .left-small{top:690px}#design-top .right-wide{top:640px}:is(#design-top,.taiga-work-collection) .work-card{height:420px}:is(#design-top,.taiga-work-collection) .card-meta{left:15px;right:15px}:is(#design-top,.taiga-work-collection) .card-bottom{flex-wrap:wrap}:is(#design-top,.taiga-work-collection) .card-meta h3{font-size:23px}}@media(max-width:640px){#design-top header{padding:15px 4%;grid-template-columns:1fr 68px 1fr;gap:5px}#design-top .logo{height:55px}#design-top .header-left{gap:0}#design-top .icon-button{padding:5px}#design-top .icon-button svg{width:20px}#design-top .header-left button{font-size:9px}#design-top #cityBtn{gap:3px}#design-top .header-right{gap:5px}#design-top #contactBtn{padding:7px 3px}#design-top #contactBtn svg{width:20px}#design-top #contactBtn .chevron{display:none}#design-top .book{padding:14px 10px;font-size:9px;letter-spacing:0;gap:0}#design-top .book span{display:none}#design-top .compact .logo{height:45px}#design-top .orbit-item:nth-child(5){--x:62px;--y:50px}#design-top .orbit-item:nth-child(4){--x:37px;--y:107px}#design-top .popover{top:85px}#design-top .hero{height:770px}#design-top .hero h1{font-size:12vw}#design-top .backline{top:160px;left:3%}#design-top .frontline{top:480px;left:8%;font-size:14.5vw}#design-top .central{left:21%;top:197px;width:62%}#design-top .left-wide{top:318px;left:-17%;width:36%}#design-top .left-portrait{top:420px;left:0;width:19%}#design-top .left-small{top:565px;left:15%;width:25%}#design-top .right-portrait{top:260px;right:-15%;width:30%}#design-top .right-wide{right:-12%;top:555px;width:66%}#design-top .hero:after{height:100px}#design-top #works{padding:30px 4% 65px}#design-top .section-title h2{font-size:10vw;margin:28px 0}#design-top .section-title h2 span+span{margin-left:0}#design-top .section-title p{margin:0 0 35px 20%;font-size:12px}#design-top .spotlights{display:flex;overflow:auto;gap:10px;margin-right:-4vw;padding-right:4vw}#design-top .spotlights .work-card{flex:0 0 83%;height:440px}:is(#design-top,.taiga-work-collection) .card-bottom{flex-wrap:nowrap}#design-top .portfolio{margin-top:50px}#design-top .portfolio-controls{flex-wrap:wrap;gap:10px}#design-top .tabs{gap:19px}#design-top .tabs button{font-size:11px}#design-top .rail-buttons{gap:12px}#design-top .rail-buttons button{font-size:20px}#design-top #filterToggle{display:block;font-size:11px}#design-top #filters{display:none;flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}#design-top #filters.filters-open{display:flex}#design-top #rail{margin-top:24px}#design-top .rail-group .work-card{width:285px;height:400px}#design-top .boundary{padding:25px 4% 70px}#design-top .boundary h2{font-size:10vw}#design-top footer{font-size:7px;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#design-top *,#design-top *:before,#design-top *:after{animation:none!important;transition:none!important}}#design-top .hero-rock{mask-image:radial-gradient(ellipse at 45% 30%,#000 10%,transparent 76%)}@media(max-width:640px){#design-top .frontline{top:420px}}#design-top /* Revision 05 — compact header,#design-top editorial mosaic and featured work */ header{grid-template-columns:180px 1fr 135px 1fr 225px;gap:12px}#design-top .motto{width:67%;justify-self:center;transform:rotate(-7deg);height:70px}#design-top .compact .motto{transform:rotate(-7deg) translateY(-12px)}#design-top .book{font-size:12px;font-weight:500;letter-spacing:.01em;padding:13px 19px;gap:18px;border:1px solid #ede7da65;background:#ede7da0a;color:var(--cream);border-radius:2px}#design-top .book:hover{background:#ede7da;color:#142440}#design-top .book span{font-size:15px;font-weight:400}#design-top .orbit-item{width:32px;height:32px;box-shadow:none;border:0;background:#ede7da}#design-top .orbit-item img{width:16px;height:16px}#design-top .orbit-item:nth-child(1){--x:-69px;--y:43px}#design-top .orbit-item:nth-child(2){--x:-39px;--y:70px}#design-top .orbit-item:nth-child(3){--x:0px;--y:80px}#design-top .orbit-item:nth-child(4){--x:39px;--y:70px}#design-top .orbit-item:nth-child(5){--x:69px;--y:43px}#design-top .popover{background:none;backdrop-filter:none;box-shadow:none;padding:0;min-width:0;top:89px;text-shadow:0 2px 12px #142440}#design-top .popover a,#design-top .popover>button{font-size:11px;padding:9px 0;width:fit-content}#design-top #cityPanel{left:calc(3% + 52px)}#design-top #cityNote{display:none}#design-top #menu{left:3%;top:115px}#design-top #menu a{font-size:12px;line-height:1.6}#design-top .hero{height:calc(34vw + 490px);min-height:900px}#design-top .backline{z-index:8;top:220px;mix-blend-mode:exclusion;color:#fff3df}#design-top .frontline{top:calc(300px + 34vw - 65px);left:14%;mix-blend-mode:normal}#design-top .frontline>span{display:flex;align-items:baseline}#design-top .frontline em{font-style:normal;mix-blend-mode:exclusion;color:#fff3df}#design-top .brand-dot{display:inline-block;flex:none;width:.23em;height:.23em;background:#bb7c52;border-radius:50%;margin-left:.055em;position:relative;vertical-align:baseline}#design-top .brand-dot:after{content:'';position:absolute;inset:15%;background:#142440;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat}#design-top .mosaic{top:300px;height:34vw;max-height:none;inset-inline:0;bottom:auto}#design-top .tile{aspect-ratio:auto!important}#design-top .central{left:35%;top:0;width:30%;height:100%;background:transparent}#design-top .central video{object-fit:contain}#design-top .left-wide{left:0;top:4%;width:34.2%;height:29%}#design-top .left-portrait{left:0;top:35%;width:16.7%;height:63%}#design-top .left-small{left:17.5%;top:35%;width:16.7%;height:34%}#design-top .left-bottom{left:17.5%;top:71%;width:16.7%;height:27%}#design-top .right-wide{right:0;top:4%;width:34.2%;height:29%}#design-top .right-portrait{right:19.7%;top:35%;width:14.5%;height:63%}#design-top .right-small{right:0;top:35%;width:18.9%;height:34%}#design-top .right-bottom{right:0;top:71%;width:18.9%;height:27%}#design-top .left-small video,#design-top .right-small video{object-position:center 25%}#design-top #works{padding-top:35px}#design-top .section-title p{margin-bottom:35px}#design-top .spotlights{grid-template-columns:1fr 1.22fr 1fr;align-items:end;gap:20px}#design-top .spotlights>.work-card{height:430px}#design-top .spotlights>.featured{height:530px;background:radial-gradient(ellipse at 52% 40%,#b6ab8e22,transparent 65%);overflow:visible}#design-top .featured .photo{position:relative;z-index:2}#design-top .featured .photo img{object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 80%,transparent 100%)}#design-top .featured:after{display:none}#design-top .featured .award{inset:10px -8px auto;width:auto;background:none;text-shadow:none;color:#ede7da;z-index:1;padding:0;text-align:center}#design-top .featured .award span{font-size:13px;letter-spacing:.12em;display:block}#design-top .featured .award strong{display:block;font-size:clamp(36px,4.8vw,76px);font-weight:650;letter-spacing:-.06em;line-height:1.1}#design-top .featured .card-meta{z-index:3;bottom:20px}#design-top .featured .card-meta h3{font-size:38px;mix-blend-mode:exclusion}#design-top .featured .card-bottom{background:#14244075;padding:10px 12px;backdrop-filter:blur(8px);margin:0 -10px}#design-top .portfolio{margin-top:34px}#design-top .portfolio-controls{justify-content:space-between}#design-top .tabs{gap:24px}#design-top .tabs button{font-size:11px;padding:9px 0}#design-top .tabs button.active{border-color:#bb7c52}#design-top .rail-buttons{gap:14px}#design-top .rail-buttons button{font-size:20px;padding:4px}#design-top #filters{margin:13px 0 22px;gap:25px;align-items:center;border-bottom:0;padding-bottom:12px}#design-top #filters label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:10px;color:#ede7da99}#design-top #filters select,#design-top #filters input{font:inherit;font-size:11px;color:#ede7da;border:0;background:transparent;min-width:0;padding:7px 20px 7px 0;outline-offset:3px;border-radius:0}#design-top #filters input{width:185px;padding-right:0}#design-top #filters input::placeholder{color:#ede7da}#design-top #filters select option{background:#263936}#design-top #resetFilters{padding:7px;font-size:10px;opacity:.6;margin-left:auto}#design-top .rail-group .work-card{width:250px;height:315px}#design-top .rail-group .card-meta{left:13px;right:13px;bottom:14px}#design-top .rail-group .card-meta h3{font-size:21px;margin-bottom:14px}#design-top .rail-group .author{font-size:8px;gap:6px;max-width:135px}#design-top .rail-group .author img{width:25px;height:25px}#design-top .rail-group .work-actions{gap:0}#design-top .rail-group .work-actions button{padding:3px;font-size:9px}#design-top .rail-group .work-actions svg{width:16px;height:16px}#design-top .rail-group .card-bottom{flex-wrap:nowrap}#design-top #railStatus{margin:12px 0;font-size:9px}@media(max-width:1100px){#design-top header{grid-template-columns:1fr 120px 1fr}#design-top .hero{min-height:780px}#design-top .backline{top:210px}#design-top .mosaic{top:270px}#design-top .frontline{top:calc(270px + 34vw - 50px)}#design-top .spotlights>.work-card{height:360px}#design-top .spotlights>.featured{height:440px}#design-top .spotlights{gap:12px}#design-top #filters{gap:18px}#design-top #filters label{gap:5px}#design-top #filters input{width:155px}#design-top .featured .card-meta h3{font-size:30px}}@media(max-width:640px){#design-top header{grid-template-columns:1fr 68px 1fr;gap:5px}#design-top .book{padding:11px 10px;font-size:10px}#design-top .motto{display:none}#design-top .orbit-item:nth-child(1){--x:-62px;--y:45px}#design-top .orbit-item:nth-child(2){--x:-32px;--y:71px}#design-top .orbit-item:nth-child(3){--x:6px;--y:80px}#design-top .orbit-item:nth-child(4){--x:44px;--y:70px}#design-top .orbit-item:nth-child(5){--x:73px;--y:43px}#design-top #cityPanel{left:calc(4% + 28px);top:72px}#design-top #menu{top:100px}#design-top .hero{height:680px;min-height:0}#design-top .backline{top:154px;font-size:11.8vw}#design-top .mosaic{top:184px;height:340px}#design-top .central{left:21%;width:58%;height:76%}#design-top .left-wide{left:-15%;width:35%;height:22%;top:8%}#design-top .left-portrait{left:-9%;width:29%;height:36%;top:32%}#design-top .left-small{left:0;width:31%;height:27%;top:71%}#design-top .left-bottom{left:0;width:31%;height:22%;top:100%}#design-top .right-wide{right:-15%;width:35%;height:22%;top:8%}#design-top .right-portrait{right:-9%;width:29%;height:36%;top:32%}#design-top .right-small{right:0;width:31%;height:27%;top:71%}#design-top .right-bottom{right:0;width:31%;height:22%;top:100%}#design-top .frontline{top:397px;left:5%;font-size:14.5vw}#design-top .spotlights{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:10px;margin:0;padding:0}#design-top .spotlights>.featured{grid-column:1/-1;grid-row:1;height:455px;margin-bottom:12px}#design-top .spotlights>.work-card:not(.featured){height:285px}#design-top .spotlights .card-meta{left:12px;right:12px;bottom:14px}#design-top .spotlights .card-meta h3{font-size:18px;margin-bottom:12px}#design-top .spotlights .featured .card-meta h3{font-size:32px}#design-top .spotlights .card-bottom{flex-wrap:wrap;gap:10px}#design-top .spotlights .featured .card-bottom{flex-wrap:nowrap}#design-top .spotlights .author{font-size:8px}#design-top .spotlights .award{font-size:8px;top:12px;left:10px;right:10px;padding:6px}#design-top .spotlights .featured .award strong{font-size:58px}#design-top .spotlights .featured .award span{font-size:12px}#design-top .portfolio{margin-top:25px}#design-top .portfolio-controls{gap:10px}#design-top .tabs{gap:17px}#design-top #filters{align-items:stretch;margin:10px 0;padding-bottom:15px;gap:10px}#design-top #filters label{justify-content:space-between}#design-top #filters select,#design-top #filters input{width:70%;font-size:12px}#design-top #resetFilters{margin:0;align-self:flex-start}#design-top #rail{margin-top:12px}#design-top .rail-group .work-card{width:230px;height:300px}#design-top .featured .card-meta{left:22px;right:22px}#design-top .section-title p{margin-bottom:15px}}#design-top .backline{mix-blend-mode:normal;color:#ede7da;text-shadow:0 2px 16px #14244040}#design-top .left-small video,#design-top .right-small video{object-fit:contain;background:#555658}#design-top .featured .award{top:0}#design-top .hero:after{background:linear-gradient(transparent,#343e3d 95%)}#design-top .frontline{z-index:auto}#design-top .frontline em{position:relative;z-index:8}#design-top .brand-dot{z-index:8}#design-top /* Revision 08 — ink,#design-top breathing transitions and a second-screen entrance */ .filter-defs{position:absolute;width:0;height:0;pointer-events:none}#design-top .motto{width:56%;opacity:.74;filter:url(#fine-ink)}#design-top .backline{mix-blend-mode:exclusion;color:#fff3df;text-shadow:0 1px 2px #14244020}#design-top .loader-motto{position:absolute;left:50%;width:230px;margin-left:-115px;transform:rotate(-6deg);pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0)}#design-top .loader-motto img{display:block;width:100%;filter:url(#fine-ink)}#design-top .loader-top{top:17%}#design-top .loader-bottom{bottom:17%}#design-top #loader.leaving .loader-motto{transition:opacity .4s;opacity:0!important}#design-top .hero:after{height:260px;background:linear-gradient(transparent 0%,#343e3d 100%)}#design-top #works{background:linear-gradient(#343e3d 0px,transparent 360px),radial-gradient(ellipse at 85% 35%,#716f5650,transparent 50%),linear-gradient(#343e3d,#3d443e 42%,#273638 85%,#172a3e)}#design-top .stone-texture{top:0;mask-image:linear-gradient(transparent,#000 32%,#000 65%,transparent),radial-gradient(ellipse,#000,transparent 72%);mask-composite:intersect}#design-top #works .reveal{transition-delay:var(--reveal-delay,0ms)}body.js #design-top .section-title h2 span.reveal{opacity:0;transform:translateY(34px);clip-path:inset(0 0 100% 0);transition:opacity 1s,transform 1.3s cubic-bezier(.2,.7,.2,1),clip-path 1.4s cubic-bezier(.2,.7,.2,1)}body.js #design-top .section-title h2 span.reveal.visible{opacity:1;transform:none;clip-path:inset(0)}#design-top .section-title h2 span+span{transition-delay:140ms!important}body.js #design-top #spotlights .reveal{transform:translateY(55px);opacity:0;transition:opacity 1.2s var(--reveal-delay),transform 1.5s cubic-bezier(.2,.7,.2,1) var(--reveal-delay)}body.js #design-top #spotlights .reveal.visible{transform:none;opacity:1}body.js #design-top #spotlights .reveal:not(.visible) .photo img{transform:scale(1.07)}#design-top #spotlights .photo img{transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}body.js #design-top #filters.reveal{transform:translateY(15px)}body.js #design-top #filters.reveal.visible{transform:none}body.paused #design-top .reveal{transition:none!important}body.paused #design-top .reveal:not(.visible){opacity:1;transform:none;clip-path:none}@media(max-width:640px){#design-top .loader-motto{width:185px;margin-left:-92.5px}#design-top .loader-top{top:26%}#design-top .loader-bottom{bottom:26%}#design-top .hero:after{height:160px}}@media(prefers-reduced-motion:reduce){body.js #design-top .reveal,body.js #design-top .section-title h2 span.reveal,body.js #design-top #spotlights .reveal{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}body.js #design-top .section-title h2 span.reveal{clip-path:none}body.js #design-top .section-title h2 span.reveal.visible{clip-path:none}#design-top /* Accepted photo direction: grayscale collection,#design-top color on engagement. */ #works .work-card:not(.featured) .photo img{filter:grayscale(1);transition:filter .7s ease,transform 1s cubic-bezier(.2,.7,.2,1)}#design-top #works .work-card:not(.featured):is(:hover,:focus-within) .photo img{filter:grayscale(0);transform:scale(1.035)}#design-top #works .featured .photo img{filter:none} #design-top /* Approved signature lettering: naturally fine strokes,#design-top quiet hierarchy. */ header .motto{width:96%;max-width:290px;height:66px;object-fit:contain;opacity:1;filter:none;transform:rotate(-4deg)}#design-top header.compact .motto{opacity:0;transform:rotate(-4deg) translateY(-12px)}#design-top .loader-motto{width:320px;margin-left:-160px;transform:rotate(-4deg)}#design-top .loader-motto img{filter:none;opacity:1}@media(max-width:1100px){#design-top header .motto{display:none}}@media(max-width:640px){#design-top .loader-motto{width:260px;max-width:82vw;margin-left:0;transform:translateX(-50%) rotate(-4deg)}} @font-face{font-family:Golos;src:url(design-assets/golos-v1.woff2);font-weight:100 900} :root{--navy:#142440;--ivory:#ede7da;--mineral:#343e3d;--olive:#62694e;--terracotta:#bb7c52} html{scroll-padding-top:94px;background:var(--navy)} body{background:var(--navy);color:var(--ivory);font-family:Golos,Arial,sans-serif} button,input,select,textarea{font-family:inherit} button{background:transparent;color:inherit;border-color:#ede7da45} button:hover{background:#ede7da0b} a{color:inherit}small,.note,.muted{color:#d0cbbc} select,input,textarea{color:var(--ivory);background:#142440;border-color:#ede7da40;accent-color:var(--terracotta)} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--terracotta);outline-offset:5px} body>main{overflow:hidden} .integrated>main>section{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:100px max(4vw,calc((100vw - 1440px)/2));border:0;background:radial-gradient(ellipse at 80% 40%,#62694e16,transparent 60%),linear-gradient(180deg,#273638,var(--section-tint,#192c40))} .integrated>main>section:before{content:'';position:absolute;inset:0;z-index:-1;background:url(media/stone-clean-web-v2.webp) 60% 20%/cover;opacity:.08;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);pointer-events:none} .integrated>main>section:after{content:'';position:absolute;inset:-50px 0 auto;height:110px;background:linear-gradient(transparent,#273638);z-index:-1;pointer-events:none} .integrated .sectiontitle{grid-template-columns:1fr 3fr 1.4fr;gap:30px;margin-bottom:50px} .integrated .sectiontitle h2,.integrated .team-intro-copy h2{font-size:clamp(36px,5.6vw,84px);letter-spacing:-.06em;font-weight:650;line-height:1.02} .integrated .sectiontitle>span{font-size:10px;letter-spacing:.17em;opacity:.8} .integrated .sectiontitle>p{color:#d0cbbc;line-height:1.8;font-size:13px} .integrated .sectiontitle>p,.integrated .team-intro-copy>p{color:#d0cbbc!important} .primary,.tabs .active{background:var(--ivory);color:var(--navy);border-color:var(--ivory)} .primary:hover,.tabs .active:hover{background:#d3bfa1;color:var(--navy)} .integrated .placeholder{background:radial-gradient(ellipse at 25% 25%,#62694e44,transparent 65%),url(media/stone-clean-web-v2.webp) center/cover;color:var(--ivory);border:1px solid #ede7da25} .placeholder small{color:inherit;opacity:.8} .integrated .card,.integrated .panel,#branchCardNew{background:#14244040;border-color:#ede7da30} .integrated .card>.body{padding:24px} .integrated .card h3{font-weight:550} .integrated .toolbar{gap:20px;margin:24px 0 35px} .integrated .tabs button{border:0;border-bottom:1px solid transparent;background:transparent;opacity:.65;padding:11px 4px;margin-right:14px} .integrated .tabs .active{color:var(--ivory);opacity:1;border-color:var(--terracotta)} .price-wrap,.price-table,.price-table td,.price-table th,details{border-color:#ede7da35!important} .price-table th,.price-table tbody tr:hover,.price-table details[open],.price-description{background:#14244055!important;color:var(--ivory)} summary:hover{background:#ede7da09} .team-intro{gap:6vw;align-items:center}.team-intro-copy p{color:#d0cbbc;line-height:1.85} .team-intro-film{position:relative;overflow:hidden;min-height:400px}.team-intro-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.66}.team-intro-film small{position:relative;text-shadow:0 2px 16px #000} .integrated .team-ambition{border-color:#ede7da40;background:transparent} .integrated .member img,.integrated .person-avatar img{filter:grayscale(1);transition:filter .6s,transform .7s} .integrated .member:hover img,.integrated .member:focus-within img{filter:grayscale(0);transform:scale(1.025)} .integrated .identity-origin,.integrated .identity-branch,.integrated .identity-manifesto,.integrated .manifesto-heading{border-color:#ede7da30;color:var(--ivory)} .integrated .identity-portrait{background:#343e3d url(media/rings.svg) center/cover;color:var(--ivory)} .integrated .identity-branch summary,.integrated .identity-branch p,.identity-origin p,.manifesto-heading p{color:var(--ivory)} .integrated .identity-branch[open],.integrated .identity-branch:hover{background:#ede7da06} .integrated .map,.integrated .schematic-map{filter:grayscale(.5);border-color:#ede7da30} .integrated .review-card,.integrated .review-body{color:var(--ivory);background:#14244055;border-color:#ede7da30} .integrated .review-text{color:var(--ivory)} dialog{background:#182b40;color:var(--ivory);border-color:#ede7da45}dialog::backdrop{background:#071323c9;backdrop-filter:blur(10px)}.dialogtop{border-color:#ede7da35}.bookingSummary{background:#343e3d}.grade-tooltip{background:#ede7da;color:#142440} footer{background:#142440;color:var(--ivory);border-top:1px solid #ede7da20} footer .footer-brand{color:var(--ivory)} .world-reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--delay,0ms),transform 1s var(--delay,0ms)} .world-reveal.world-visible{opacity:1;transform:none} /* Clear prototype layout rules before applying the scoped, approved design. */ #design-top{line-height:normal;font-size:16px;--cream:#ede7da;--navy:#142440} #design-top section{width:100%;max-width:none;border:0;margin:0;padding:0} #design-top header{height:auto;border:0;max-width:none;background:transparent} #design-top header.compact{background:#142440ee;backdrop-filter:blur(20px)} #design-top header .logo{position:static;left:auto;transform:none;display:block} #design-top button{padding:2px 6px;font-weight:400} #design-top nav{width:auto;min-width:0;grid-template-columns:1fr;gap:0;border:0} #design-top .mosaic{display:block;margin:0;gap:0} #design-top .spotlights .featured{display:block;grid-template-columns:none;gap:0} #design-top #spotlights .work-card{width:100%;min-width:0} #design-top .award{height:auto;min-height:0} #design-top .photo img{border:0} #design-top .loader-stage{position:absolute} #design-top #loader{display:block;gap:0} #design-top label{display:grid;align-items:initial} #design-top .card-meta h3{line-height:1.15} #design-top .book{font-weight:500} #design-top #menu:not([hidden]){display:flex;flex-direction:column;max-height:75vh;overflow:auto} body>header{background:#142440;color:var(--ivory);border-color:#ede7da30} body>nav{background:#192c40;color:var(--ivory)} @media(max-width:800px){.integrated>main>section{padding:65px 5%}.integrated .sectiontitle{grid-template-columns:1fr;gap:20px}.integrated .sectiontitle>p{max-width:420px}.team-intro-film{min-height:260px}.integrated .sectiontitle h2{font-size:clamp(36px,9vw,64px)}} @media(prefers-reduced-motion:reduce){.world-reveal{opacity:1;transform:none;transition:none}} /* TAIGA / continuous editorial canvas. Precise fields, natural surface, human scale. */ .editorial{--ink:#142440;--paper:#ede7da;--copper:#bb7c52;--hairline:color-mix(in srgb,currentColor 22%,transparent)} .editorial *{box-sizing:border-box} .editorial main>section{--text:var(--paper);color:var(--text);background:var(--field)!important;padding:110px max(5vw,calc((100vw - 1440px)/2));overflow:visible} .editorial main>section[data-field=ivory]{--text:var(--ink);--hairline:#14244030} .editorial main>section:before{inset:0;opacity:.15;background:url(media/stone-clean-web-v2.webp) center/cover;mix-blend-mode:soft-light;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)} .editorial main>section[data-field=ivory]:before{background:url(media/rings.svg) 70% 50%/cover;mix-blend-mode:multiply;opacity:.055} .editorial main>section:after{display:none} .editorial main>section.field-transition{padding-top:200px} .editorial main>section.field-transition:after{display:block;inset:0 0 auto;height:130px;background:linear-gradient(var(--previous),transparent);z-index:-1} .editorial main>section:not(.field-transition)+section:not(.field-transition){padding-top:60px} .editorial #design-top #works{background:var(--navy);padding-bottom:100px} .editorial #design-top .hero:after{background:linear-gradient(transparent,var(--navy))} .editorial #design-top #works .stone-texture{opacity:.2} .editorial #design-top .hero{background-color:var(--navy)} .editorial .sectiontitle{display:grid;grid-template-columns:1.8fr 1fr;align-items:end;gap:24px 7%;margin:0 0 60px} .editorial .sectiontitle>.chapter-index{grid-column:1/-1} .editorial .sectiontitle h2,.editorial .team-intro-copy h2,.editorial .chapter-title{font-family:Golos,Arial,sans-serif;font-size:clamp(42px,5.6vw,86px);font-weight:850;letter-spacing:-.065em;line-height:.98;text-transform:uppercase;margin:0;max-width:950px;text-wrap:balance} .editorial .sectiontitle>p,.editorial .team-intro-copy>p,.editorial .reviews-intro p{font-size:15px!important;line-height:1.75!important;color:var(--text)!important;opacity:.84;max-width:450px;margin:0} .editorial .chapter-index,.editorial .eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:.85} .chapter-index:before{content:'';display:inline-block;width:6px;height:6px;background:var(--copper);border-radius:50%;margin:0 12px 1px 0} .editorial h3{font-family:Golos,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12} .editorial main>section p{line-height:1.7} .accent-dot{color:var(--copper)} .editorial main>section button,.editorial main>section a{transition:color .3s,background .3s,border-color .3s,transform .45s} .editorial main>section button:not(.pin):not(.award-medal):not(.film-play):not(.member-portrait):not(.grade-help):not([data-part]){border-radius:0;font-weight:500} .editorial main>section .primary,.editorial .branch-actions button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 23px;background:var(--copper);color:var(--ink);border:1px solid var(--copper);text-decoration:none;font-weight:650} .editorial main>section .primary:hover,.editorial .branch-actions button:hover{background:var(--paper);border-color:var(--paper)} .editorial main>section[data-field=ivory] .primary:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)} .editorial .toolbar{gap:24px;margin:30px 0;padding:12px 0;border-block:0;align-items:center} .editorial .toolbar label{font-size:10px;letter-spacing:.04em;color:inherit;gap:10px} .editorial main>section select{background:transparent;color:inherit;border:0;border-bottom:1px solid var(--hairline);border-radius:0;padding:10px 25px 10px 0;font-size:13px;max-width:100%} .editorial select option{color:var(--ink);background:var(--paper)} .editorial .tabs button,.editorial .route-links a{color:inherit!important;opacity:.72;border:0;border-bottom:1px solid var(--hairline);padding:12px 2px;background:none!important} .editorial .tabs button.active{opacity:1;border-color:var(--copper)} .editorial .note,.editorial .muted,.editorial small{color:inherit} .editorial-film{position:relative;margin:0;overflow:hidden;background:#0d192b;min-width:0;isolation:isolate} .editorial-film video{display:block;width:100%;height:100%;object-fit:cover} .film-play{position:absolute;inset:0;display:flex;align-items:flex-end;gap:14px;padding:24px!important;background:linear-gradient(transparent 55%,#091423a6)!important;border:0!important;color:var(--paper)!important;text-align:left;font-size:11px;letter-spacing:.08em} .play-disc{width:46px;height:46px;display:grid;place-items:center;flex:none;border:1px solid #ede7da99;border-radius:50%;font-size:22px;transition:background .3s,transform .4s} .film-play:hover .play-disc{background:var(--copper);border-color:var(--copper);color:var(--ink);transform:scale(1.1)} .film-play>span:last-child{padding-bottom:15px} .editorial #transformation .sectiontitle{grid-template-columns:1fr;max-width:1000px} .editorial .transformation-layout{display:block} .transformation-cinema{width:100%;height:clamp(400px,52vw,720px)} .transformation-cinema video{object-fit:contain;background:#0c1523} .editorial .transformation-caption{max-width:650px;margin:32px 0 0 auto;font-size:17px} .editorial .price-wrap{background:transparent;border:0;overflow:auto} .editorial .price-table{border:0;background:none;font-size:16px} .editorial .price-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;padding:25px 10px;background:transparent!important;color:inherit;border-color:var(--hairline)!important} .editorial .price-table td{padding:22px 10px;border-color:var(--hairline)!important;background:transparent!important;color:inherit} .editorial .price-table tbody tr:hover,.editorial .price-table details[open],.editorial .price-description{background:transparent!important;color:var(--ink)} .editorial .price-table summary{font-weight:600;font-size:18px;padding:0;min-width:220px} .editorial .price-description{font-size:14px;max-width:400px;padding:20px 0!important} .editorial .grade-help{border:1px solid var(--hairline);border-radius:50%;color:inherit;opacity:.7;width:20px;height:20px;min-height:0;padding:0;font-size:11px} .editorial .pathways{gap:0;border-top:1px solid var(--hairline)} .editorial .pathways>button{position:relative;border:0;border-right:1px solid var(--hairline);background:transparent;color:var(--ink);padding:36px 6% 32px 0;min-height:280px;text-align:left} .editorial .pathways>button+button{padding-left:10%} .editorial .pathways>button:last-child{border-right:0} .editorial .pathways h3{font-size:clamp(25px,3vw,44px);font-weight:650;margin:35px 0 20px} .editorial .pathways b{display:inline-block;color:#955c36;border-bottom:1px solid #bb7c5280;padding-bottom:8px;margin-top:25px;font-size:13px} .editorial .pathways>button:hover{background:#bb7c520c;transform:translateY(-5px)} .editorial .team-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-bottom:70px} .editorial .team-intro h2{font-size:clamp(40px,4.7vw,72px);margin:24px 0 30px} .team-cinema{height:620px} .editorial .team-ambition{border:0;border-left:2px solid var(--copper);padding:0 0 0 20px;margin:35px 0 0;background:transparent} .editorial .team-ambition p{font-size:17px;max-width:360px} .editorial .team-swipe{gap:22px;scrollbar-color:var(--copper) transparent;padding-bottom:25px} .editorial .team-swipe>.member{flex:0 0 245px;width:245px;border:0;background:transparent} .editorial .member-portrait{display:block;width:100%;height:300px;padding:0;border:0;overflow:hidden;background:#343e3d} .member-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1);transition:filter .5s,transform .8s} .member-portrait:hover img{filter:none;transform:scale(1.035)} .editorial .team-swipe .body{padding:18px 0;border-bottom:0} .editorial .team-swipe h3{font-size:22px;color:var(--paper)} .editorial .team-swipe .body p{font-size:12px;color:var(--paper);opacity:.7} .editorial .team-swipe .body button{padding:10px 0;border:0;color:var(--copper)} .editorial #mapPanel{display:grid;grid-template-columns:1.7fr 1fr;gap:6%;align-items:center} .editorial .city-map{position:relative;min-height:0;height:auto;aspect-ratio:2400/2140;container-type:inline-size;background:#101f36;border:0;filter:none;overflow:hidden;isolation:isolate} .city-map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1} .editorial .map-city{position:absolute;display:block;top:35px;left:35px;letter-spacing:.17em;font-size:12px;color:var(--paper);z-index:1} .map-city small{display:block;margin-top:9px;font-size:9px;opacity:.6} .editorial .city-map>small{position:absolute;bottom:15px;left:20px;right:20px;font-size:9px;color:#ede7daaa;z-index:1} .editorial .city-map .pin{position:absolute;display:grid;place-items:center;border:0;padding:0;width:clamp(16px,4cqw,34px);height:clamp(16px,4cqw,34px);border-radius:50%;background:var(--copper);color:var(--ink);transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 0 6px #bb7c5216;transition:transform .35s,box-shadow .35s} .taiga-mark{display:block;width:65%;height:65%;background:var(--ink);mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat} .editorial .city-map .pin:hover,.editorial .city-map .pin:focus-visible,.editorial .city-map .pin.active{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 24px #bb7c5299,0 0 0 7px #bb7c5220;z-index:4} .pin-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 7px;font-size:9px;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;white-space:nowrap} .pin:hover .pin-label,.pin.active .pin-label,.pin:focus-visible .pin-label{opacity:1} .editorial #branchCardNew{border:0;background:transparent;padding:0} .branch-caption{font-size:10px;letter-spacing:.15em;color:var(--copper);margin-bottom:20px} .editorial #branchCardNew h3{font-size:clamp(26px,3.5vw,50px);font-weight:750} .editorial .branch-contact-icons{gap:12px} .editorial .branch-contact-icons a,.editorial .branch-contact-icons button{background:transparent;color:var(--paper);border:1px solid var(--hairline);width:40px;height:40px;padding:10px;border-radius:50%!important} .editorial .branch-contact-icons svg{width:20px;height:20px;opacity:1} .editorial .branch-avatar-row{gap:7px;margin:25px 0} .editorial .branch-avatar-row button{width:46px;height:46px;background:none;border:0;padding:0;border-radius:50%!important;overflow:hidden} .editorial .branch-avatar-row img{width:100%;height:100%;object-fit:cover} .editorial .branch-actions{margin:25px 0;gap:15px} .editorial .branch-actions a{border:0;border-bottom:1px solid var(--hairline);padding:12px 0;font-size:13px} .editorial .route-links{gap:18px} .editorial .route-links a{font-weight:400;font-size:12px} .editorial #branchCardNew>p{font-size:13px} .editorial #branchCardNew>p>button{padding:9px 0;border:0;border-bottom:1px solid var(--hairline);font-size:12px} .editorial #reviews .sectiontitle{grid-template-columns:1.8fr 1fr} .editorial #reviews h2{font-size:clamp(40px,5vw,76px)} .handwritten-phrase{display:block;text-transform:none;font-family:'Taiga Accent','Segoe Script',cursive;font-weight:400;font-size:.8em;letter-spacing:-.045em;transform:rotate(-4deg);margin-top:18px;color:#a16b48;line-height:1.35} .editorial #reviewGridNew{gap:35px} .editorial .review-card{color:var(--ink)} .editorial .review-card p,.editorial .review-text,.editorial .review-author-name{color:var(--ink)!important} .editorial .review-card .review-author{color:var(--ink)} .editorial .review-card .review-source,.editorial .review-card a{color:#955c36} .editorial .review-invitations{border-color:var(--hairline);margin-top:40px} .editorial .review-invitations p{color:var(--ink);opacity:.75} .editorial #gifts .split{display:grid;grid-template-columns:1.6fr 1fr;gap:6%;align-items:center} .certificate-art{margin:0;margin-left:-6vw;position:relative} .certificate-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply} .editorial #gifts .split h3{font-size:clamp(28px,3vw,44px);font-weight:650} .editorial #gifts .note{font-size:11px;max-width:320px;opacity:.65} .editorial #gifts #giftBuy{margin-top:15px} .editorial #identity{padding-bottom:130px} .editorial .identity-heading{grid-template-columns:2fr 1fr} .editorial .identity-heading h2{max-width:970px} .editorial .living-branches{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:23%;row-gap:18px;border:0;padding:60px 5% 75px;min-height:700px} .leaf-veins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#62694e;stroke-width:1;opacity:.5;z-index:-1} .leaf-veins .leaf-spine{stroke-width:2.5}.leaf-veins .small-veins{stroke-width:.5;opacity:.7} .editorial .identity-branch{background:transparent!important;border:0!important;padding:15px 0;min-height:120px;position:relative} .editorial .identity-branch:nth-of-type(even){transform:translateY(30px)} .editorial .identity-branch summary{min-height:70px;padding:0 28px 8px 0;border-bottom:1px solid #62694e55;color:var(--ink);background:transparent} .editorial .identity-branch strong{font-size:clamp(18px,1.8vw,27px);font-weight:600;margin-top:12px;line-height:1.15;letter-spacing:-.035em;color:var(--ink)} .editorial .identity-branch .eyebrow{color:#62694e;font-size:9px} .editorial .identity-branch .identity-toggle{color:var(--copper);font-size:22px} .editorial .identity-branch p{color:var(--ink);font-size:14px;line-height:1.65;max-width:400px;background:var(--paper);margin-top:16px} .editorial .identity-branch[open] strong,.editorial .identity-branch:hover strong{color:#95613e} .editorial .identity-origin{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;border:0;padding:100px 0;margin:60px 0 0} .founder-portrait{position:relative;margin:0;align-self:end} .founder-portrait img{width:100%;height:660px;object-fit:cover;object-position:center 18%;mix-blend-mode:multiply;mask-image:linear-gradient(#000 80%,transparent)} .founder-portrait figcaption{position:absolute;left:0;bottom:20px;font-size:11px;letter-spacing:.1em} .founder-portrait figcaption span{display:block;font-size:11px;opacity:.65;letter-spacing:0;margin-top:6px} .editorial .identity-origin h3{font-size:clamp(30px,3.8vw,58px);font-weight:750;line-height:1.04;letter-spacing:-.055em;margin:25px 0;color:var(--ink)} .editorial .identity-origin p{color:var(--ink);font-size:17px} .editorial .identity-link{font-size:13px;color:#955c36;font-weight:550;border-bottom:1px solid #bb7c5270} .editorial .identity-manifesto{border:0;margin:80px -5.6vw -130px;padding:120px 5.6vw;background:var(--navy);color:var(--paper);position:relative} .editorial .identity-manifesto:before{content:'';position:absolute;inset:0;background:url(media/stone-clean-web-v2.webp) center/cover;opacity:.12;pointer-events:none} .editorial .manifesto-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;border:0;margin-bottom:55px} .editorial .manifesto-heading>.eyebrow{grid-column:1/-1} .editorial .identity-manifesto .manifesto-heading h3{font-size:clamp(36px,4.3vw,66px);font-weight:850;letter-spacing:-.06em;line-height:1;text-transform:uppercase} .editorial .manifesto-heading p{color:var(--paper);align-self:end;font-size:14px} .editorial .manifesto-layout{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center} .editorial .manifesto-art{border:0;background:transparent;overflow:visible} .editorial .manifesto-zone{fill:transparent;stroke:none;pointer-events:all;transition:fill .5s} .editorial .manifesto-zone.selected,.editorial .manifesto-zone:hover,.editorial .manifesto-zone:focus-visible{fill:var(--copper);stroke:none} .editorial .manifesto-pager{gap:16px} .editorial .manifesto-pager button{background:transparent;color:var(--paper);border:0;border-bottom:1px solid #ede7da35;padding:8px 2px;font-size:11px} .editorial .manifesto-pager button.selected{color:var(--copper);border-color:var(--copper);background:none} .manifesto-words{display:flex;flex-direction:column;gap:16px} .editorial .manifesto-words button{display:flex;align-items:baseline;gap:18px;border:0;padding:0;background:none;text-align:left;color:#ede7da8c;transition:color .45s,transform .45s;text-transform:uppercase} .manifesto-words sup{font-size:10px;letter-spacing:.1em;flex:none} .manifesto-words span{font-family:Golos,Arial,sans-serif;font-size:clamp(25px,3vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.055em} .editorial .manifesto-words button:hover,.editorial .manifesto-words button:focus-visible,.editorial .manifesto-words button.selected{color:var(--copper);background:none;transform:translateX(6px)} .editorial .manifesto-reading{border:0;border-left:0;padding:25px 0;background:transparent;min-height:0;max-height:none;color:var(--paper);position:static;overflow:visible} .editorial .manifesto-reading h3{font-size:30px;color:var(--paper);margin:24px 0;font-weight:600} .editorial .manifesto-reading>p:not(.note){font-size:16px;line-height:1.8;color:var(--paper);opacity:.9} .editorial .manifesto-summary{font-size:17px;color:var(--paper);border-color:#ede7da30} .editorial .manifesto-heading{grid-template-columns:1fr} .editorial .identity-manifesto .manifesto-heading h3{font-weight:750;letter-spacing:-.055em;max-width:1100px} .editorial .manifesto-heading p{margin:0;justify-self:end} .editorial #achievements{--previous:#142440!important} .editorial #achievements .featured{position:relative;display:block;margin:0 0 55px} .achievement-photo{margin:0;width:100%;height:660px} .achievement-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block} .achievement-caption{position:absolute;bottom:0;left:0;right:0;padding:70px 40px 30px;background:linear-gradient(transparent,#080f1bcc);color:var(--paper);pointer-events:none} .editorial .achievement-caption h3{font-size:clamp(26px,3.7vw,56px);font-weight:850;letter-spacing:-.06em;margin:15px 0} .achievement-caption h3 br{display:none} .achievement-caption p{margin:0;font-size:14px} .awards-belt{overflow:hidden;margin:0 -5vw;padding:40px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} .awards-motion{display:flex;width:max-content;animation:awards-flow 70s linear infinite} .awards-group{display:flex;gap:32px;padding-right:32px;align-items:center} .award-medal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:115px;height:155px;padding:0;background:transparent;border:0;flex:none;position:relative} .award-medal img{width:100px;height:100px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .45s,opacity .45s,transform .45s,drop-shadow .45s} .award-medal span{font-size:9px;line-height:1.2;margin-top:15px;opacity:.7;max-width:110px} .award-medal:hover img,.award-medal:focus-visible img{filter:grayscale(0) drop-shadow(0 0 13px #edc79666);opacity:1;transform:scale(1.18)} .awards-belt:hover .awards-motion,.awards-belt:focus-within .awards-motion{animation-play-state:paused} @keyframes awards-flow{to{transform:translateX(-50%)}} .editorial #concept .sectiontitle{grid-template-columns:1.8fr 1fr} .editorial #concept .chapter-title{font-size:clamp(60px,9vw,138px)} .editorial #concept .split{grid-template-columns:1.6fr 1fr;align-items:center;gap:8%} .goat-cinema{height:590px} .editorial #concept .split h3{font-size:clamp(32px,3.8vw,56px);font-weight:750} .editorial #concept .split p{font-size:16px;opacity:.85} .goat-explainer{width:55%;margin:50px 0 0 auto} .goat-explainer .editorial-film{height:360px} .goat-explainer video{object-fit:contain} .editorial #ecoGrid{gap:0;border-top:1px solid var(--hairline)} .editorial #ecoGrid>.card{background:transparent;border:0;border-right:1px solid var(--hairline);padding:28px 20px} .editorial #ecoGrid>.card:last-child{border-right:0} .editorial #ecoGrid .placeholder{background:none;border:0;height:80px;min-height:80px;align-items:flex-start;color:var(--copper)} .editorial #ecoGrid .body{padding:0} .editorial #ecoGrid h3{font-size:27px} .editorial #ecoGrid button{border:0;border-bottom:1px solid var(--hairline);padding:10px 0;font-size:12px} .editorial #journal .card{background:transparent;border:0;border-top:1px solid var(--hairline);color:var(--ink)} .editorial #journal .card .body{padding:22px 0} .editorial #journal h3{font-size:26px;font-weight:650} .editorial #journal .placeholder{background:url(media/stone-clean-web-v2.webp) center/cover;height:230px;min-height:0;border:0;color:var(--paper)} .editorial #faq details{border:0;border-bottom:1px solid var(--hairline)!important;padding:23px 0} .editorial #faq summary{font-size:clamp(19px,2vw,28px);font-weight:550;padding:0} .editorial #faq details p{font-size:15px;max-width:650px} .editorial #partners .panel{border:0;background:transparent;padding:35px 0} .editorial #partners .grid{gap:7%} .editorial #partners h2,.editorial .lastcall h2{font-family:Golos,Arial,sans-serif;font-size:clamp(42px,5.6vw,86px);font-weight:850;line-height:.98;letter-spacing:-.065em} .editorial #partners .panel button{border:0;border-bottom:1px solid var(--copper);padding:14px 0;color:var(--copper)} .editorial .lastcall{text-align:center;padding-block:120px} .editorial .lastcall p{font-size:10px;letter-spacing:.15em;line-height:1.6} .editorial .lastcall h2{font-size:clamp(60px,10vw,150px)} #editorial-dialog{width:min(1000px,94vw);padding:40px;background:var(--navy);color:var(--paper);border:1px solid #ede7da30;max-height:92vh;overflow:auto} #editorial-dialog h2{font-family:Golos,Arial,sans-serif;font-size:clamp(24px,3vw,42px);line-height:1.05;font-weight:750;letter-spacing:-.045em;margin:0 40px 25px 0} #editorial-dialog video{width:100%;max-height:72vh;background:#0b1422} #editorial-dialog .editorial-close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:32px;color:var(--paper)} .award-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:30px} .award-detail>img{max-width:100%;max-height:400px;object-fit:contain} .award-detail p{font-size:16px;line-height:1.7} .award-detail .chapter-index{margin-bottom:25px} .editorial-reveal{opacity:0;transform:translateY(25px);transition:opacity .85s,transform 1.2s cubic-bezier(.2,.7,.2,1)} .editorial-reveal.in-view{opacity:1;transform:none} .editorial .sectiontitle h2,.editorial .team-intro-copy h2,.editorial .chapter-title,.editorial #partners h2,.editorial .lastcall h2,.editorial #concept .chapter-title{font-weight:750;letter-spacing:-.055em} .editorial #design-top .section-title h2{font-weight:750;font-size:clamp(42px,5.6vw,86px);letter-spacing:-.055em} .editorial #identity .identity-heading{grid-template-columns:1fr} .editorial #identity .identity-heading h2{max-width:1100px} .editorial #identity .identity-heading>p{justify-self:end;max-width:380px} .editorial .achievement-story{max-width:750px;margin:30px 0 15px auto;font-size:15px} .editorial #ecoNew{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hairline)} .editorial #ecoNew>.card{background:transparent;border:0;border-right:1px solid var(--hairline);padding:30px 24px} .editorial #ecoNew>.card:last-child{border-right:0} .editorial #ecoNew .placeholder{background:none;border:0;min-height:60px;height:60px;color:var(--copper);font-size:30px} .editorial #ecoNew .placeholder small{display:none} .editorial #ecoNew .body{padding:20px 0 0} .editorial #ecoNew h3{font-size:27px} .editorial #ecoNew button{border:0;border-bottom:1px solid var(--hairline);padding:12px 0;font-size:12px} @media(max-width:680px){.editorial #ecoNew{grid-template-columns:1fr 1fr}.editorial #ecoNew>.card{padding:20px 12px}.editorial #ecoNew h3{font-size:22px}.editorial #identity .identity-heading>p{justify-self:start}.editorial #design-top .section-title h2{font-size:40px}} @media(min-width:1600px){.editorial .identity-manifesto{margin-inline:calc(-1 * max(5vw,calc((100vw - 1440px)/2)));padding-inline:max(5vw,calc((100vw - 1440px)/2))}} @media(max-width:1000px){.editorial .sectiontitle,.editorial .identity-heading,.editorial #reviews .sectiontitle{grid-template-columns:1fr}.editorial .sectiontitle>p,.editorial .reviews-intro{max-width:600px}.editorial .team-intro{grid-template-columns:1fr 1fr;gap:5%}.team-cinema{height:500px}.editorial .living-branches{column-gap:15%;padding-inline:0}.editorial #mapPanel{grid-template-columns:1.3fr 1fr;gap:4%}.editorial .city-map{height:auto;min-height:0}.editorial .branch-actions{align-items:flex-start;flex-direction:column}.editorial .identity-origin{gap:5%}.founder-portrait img{height:550px}.editorial .manifesto-layout{gap:5%}.editorial .manifesto-reading{padding-left:20px}.achievement-photo{height:520px}.editorial #gifts .split{grid-template-columns:1.3fr 1fr}.editorial .team-intro h2{font-size:42px}} @media(max-width:680px){.editorial main>section{padding:70px 6%}.editorial main>section.field-transition{padding-top:145px}.editorial main>section.field-transition:after{height:90px}.editorial .sectiontitle{gap:22px;margin-bottom:36px}.editorial .sectiontitle h2,.editorial .team-intro h2{font-size:40px;line-height:1.02}.editorial .sectiontitle>p,.editorial .reviews-intro p{font-size:14px!important}.editorial .transformation-cinema{height:470px}.editorial .transformation-caption{font-size:15px;margin-top:25px}.editorial .toolbar{gap:15px;align-items:flex-start;flex-wrap:wrap}.editorial .toolbar label{flex:1 1 130px;display:flex;flex-direction:column;align-items:flex-start}.editorial .toolbar select{max-width:100%;width:100%;font-size:12px}.editorial .pathways{grid-template-columns:1fr}.editorial .pathways>button,.editorial .pathways>button+button{min-height:0;padding:24px 0;border:0;border-bottom:1px solid var(--hairline)}.editorial .pathways h3{font-size:30px;margin:12px 0}.editorial .pathways h3 br{display:none}.editorial .pathways b{margin-top:10px}.editorial .team-intro{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.team-cinema{height:480px}.editorial .team-swipe>.member{flex-basis:220px;width:220px}.editorial #mapPanel{grid-template-columns:1fr;gap:35px}.editorial .city-map{height:auto;min-height:0}.editorial #branchCardNew h3{font-size:36px}.editorial .branch-actions{flex-direction:row;align-items:center}.editorial #reviews h2{font-size:36px}.handwritten-phrase{font-size:.8em}.editorial #reviewGridNew{grid-template-columns:1fr;gap:10px}.editorial #gifts .split{grid-template-columns:1fr;gap:30px}.certificate-art{margin-inline:-7%}.editorial .living-branches{column-gap:0;grid-template-columns:1fr;padding:10px 0 35px 25px;min-height:0}.leaf-veins{display:none}.editorial .living-branches:before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:#62694e55}.editorial .identity-branch{min-height:0;padding:12px 0}.editorial .identity-branch:before{content:'';position:absolute;top:30px;left:-25px;width:18px;height:1px;background:var(--copper)}.editorial .identity-branch:nth-of-type(even){transform:none}.editorial .identity-branch strong{font-size:23px}.editorial .identity-origin{grid-template-columns:1fr;padding:25px 0;margin-top:20px}.founder-portrait img{height:500px;object-fit:contain}.editorial .identity-origin h3{font-size:36px}.editorial .identity-origin p{font-size:15px}.editorial .identity-manifesto{margin:60px -6.82vw -70px;padding:80px 6.82vw}.editorial #identity{padding-bottom:70px}.editorial .manifesto-heading,.editorial .manifesto-layout{grid-template-columns:1fr;gap:25px}.editorial .manifesto-words{gap:18px}.manifesto-words span{font-size:28px}.editorial .manifesto-reading{border-left:0;border-top:0;padding:25px 0;min-height:320px}.editorial .manifesto-reading h3{font-size:25px}.editorial .manifesto-reading>p:not(.note){font-size:14px}.achievement-photo{height:380px}.achievement-caption{padding:70px 20px 20px}.editorial .achievement-caption h3{font-size:27px}.awards-group{gap:22px;padding-right:22px}.award-medal{width:90px}.award-medal img{width:80px;height:80px}.editorial #concept .sectiontitle,.editorial #concept .split{grid-template-columns:1fr;gap:30px}.editorial #concept .chapter-title{font-size:64px}.goat-cinema{height:460px}.goat-explainer{width:100%;margin-top:30px}.goat-explainer .editorial-film{height:390px}.editorial #ecoGrid{grid-template-columns:1fr 1fr}.editorial #ecoGrid>.card{padding:25px 12px;border-bottom:1px solid var(--hairline)}.editorial #ecoGrid h3{font-size:23px}.editorial #journal .grid,.editorial #partners .grid{grid-template-columns:1fr}.editorial #partners h2{font-size:44px}.award-detail{grid-template-columns:1fr;padding:10px;gap:25px}.award-detail>img{max-height:210px;margin:auto}.editorial #design-top #works{padding-bottom:60px}} @media(prefers-reduced-motion:reduce){.editorial-reveal{opacity:1;transform:none;transition:none}.awards-motion{animation:none}.awards-belt{overflow:auto}.awards-group:nth-child(2){display:none}} .handwritten-phrase{transform:none;margin:0;line-height:1}.handwritten-phrase img{display:block;width:min(100%,680px);height:auto;margin:0} /* Side mosaic footage has been individually framed before export. */ .editorial #design-top .mosaic .tile:not(.central) video{object-fit:cover;object-position:50% 50%;background:#142440} /* Native attribution remains legible at every map size. */ @media(max-width:680px){.editorial .map-city{top:18px;left:18px;font-size:11px}.map-city small{font-size:8px;margin-top:6px}.editorial .city-map .pin{box-shadow:0 0 0 3px #bb7c5216}} @media(max-width:640px){.editorial #design-top .left-wide,.editorial #design-top .left-portrait{left:0;width:20%}.editorial #design-top .right-wide,.editorial #design-top .right-portrait{right:0;width:20%}} .editorial .city-map .pin.map-hover{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 24px #bb7c5299,0 0 0 7px #bb7c5220;z-index:5} /* Transformation / a vertical film and two equal before-after portraits. */ .editorial #transformation .sectiontitle{grid-template-columns:1.7fr 1fr;max-width:none;align-items:end} .editorial #transformation .sectiontitle>p{max-width:420px} .editorial .transformation-layout{display:grid;grid-template-columns:.84fr 1fr 1fr;gap:20px;align-items:stretch} .editorial .transformation-cinema{height:auto;width:100%;min-height:0;align-self:stretch} .editorial .transformation-cinema video{object-fit:cover;object-position:50% 45%;background:#0c1523;position:absolute;inset:0} .editorial .transformation-cinema .film-play{padding:20px!important;letter-spacing:.03em} .editorial .transformation-pair{margin:0;min-width:0;overflow:hidden} .transformation-compare{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;background:#0c1523;cursor:ew-resize;touch-action:pan-y;user-select:none} .transformation-compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none} .transformation-compare>.compare-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)} .compare-label{position:absolute;top:18px;z-index:2;font-size:10px;font-weight:650;letter-spacing:.13em;background:#142440c9;color:#ede7da;padding:7px 9px;pointer-events:none} .compare-label-before{left:14px}.compare-label-after{right:14px} .compare-line{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#bb7c52;transform:translateX(-50%);z-index:3;pointer-events:none} .compare-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e3b693;background:#bb7c52;color:#142440;border-radius:50%;font-size:25px;font-family:Arial,sans-serif;box-shadow:0 3px 18px #0003} .compare-line i{height:15px;width:1px;background:#14244060} .transformation-compare>input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;margin:0;z-index:4} .transformation-compare:focus-within{outline:2px solid #bb7c52;outline-offset:4px} .transformation-compare:hover .compare-line>span,.transformation-compare:focus-within .compare-line>span{background:#d79669} .transformation-pair figcaption{display:flex;align-items:center;gap:11px;padding:15px 0 0;color:#ede7da;min-height:58px;font-size:13px} .transformation-pair figcaption>img{width:36px;height:36px;object-fit:cover;border-radius:50%;flex:none} .transformation-pair figcaption>span{display:flex;flex-direction:column;gap:3px} .transformation-pair figcaption small{font-size:9px;opacity:.6;letter-spacing:.05em} @media(max-width:1000px){.editorial #transformation .sectiontitle{grid-template-columns:1fr}.editorial .transformation-layout{gap:14px}.transformation-pair figcaption{font-size:11px}} @media(max-width:680px){.editorial .transformation-layout{grid-template-columns:1fr 1fr;gap:24px 12px}.editorial .transformation-cinema{grid-column:1/-1;aspect-ratio:9/16;width:min(100%,360px);justify-self:start;height:auto}.compare-label{top:10px;font-size:8px;padding:5px 6px}.compare-label-before{left:7px}.compare-label-after{right:7px}.compare-line>span{width:35px;height:35px;font-size:21px;gap:4px}.transformation-pair figcaption{gap:7px;align-items:flex-start;font-size:11px;line-height:1.35}.transformation-pair figcaption>img{width:28px;height:28px}.transformation-pair figcaption small{font-size:8px}} /* Keep the portrait in the page blending context from its first frame. */ .identity-origin.editorial-reveal{opacity:1;transform:none;transition:none} /* Shared controls: navy, ivory and one warm selection accent. */ .taiga-master-search,.taiga-select{display:inline-block;position:relative;min-width:0;vertical-align:middle;text-align:left;white-space:normal} .taiga-select-trigger{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:9px 0;color:inherit;background:transparent;border:0;border-bottom:1px solid #ede7da44;cursor:pointer;font:inherit;font-size:12px;text-align:left;white-space:nowrap} .taiga-select-trigger:focus-visible{outline:1px solid #bb7c52;outline-offset:4px}.select-chevron{font-size:15px;color:#bb7c52} .taiga-options{position:absolute;top:calc(100% + 9px);left:0;z-index:65;min-width:100%;width:max-content;max-width:min(300px,85vw);max-height:270px;overflow-y:auto;overscroll-behavior:contain;background:#142440;color:#ede7da;border:1px solid #ede7da30;padding:6px;box-shadow:0 14px 36px #0003;text-transform:none;letter-spacing:0;scrollbar-width:thin;scrollbar-color:#bb7c52 #142440} .taiga-options[hidden]{display:none!important} .taiga-options>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;background:transparent!important;color:#ede7da!important;border:0!important;border-radius:0;font:inherit;font-size:12px;text-align:left;white-space:nowrap;cursor:pointer} .taiga-options>button:hover,.taiga-options>button:focus-visible,.taiga-options>button[aria-selected=true]{background:#ede7da10!important;color:#dba17b!important;outline:none} .taiga-options>button[aria-selected=true]{box-shadow:inset 2px 0 #bb7c52} .taiga-options>button>img{width:29px;height:29px;object-fit:cover;border-radius:50%;flex:none} .master-options{min-width:245px}.search-empty{font-size:12px;padding:10px;margin:0;color:#ede7da99} .editorial #design-top #filters{overflow:visible;position:relative;z-index:8}.editorial #design-top #filters label{overflow:visible} .editorial #design-top #filters .taiga-select-trigger{font-size:11px;padding:7px 0}.editorial #design-top #filters #master{outline:none;border-bottom:1px solid #ede7da44;padding:8px 0;width:190px} .editorial #design-top #filters #master:focus{border-color:#bb7c52}.editorial #design-top #filters .taiga-options button{font-size:12px;padding:11px 13px} .editorial #design-top #filters .master-options button{padding:8px 10px} .editorial #design-top .featured .card-bottom{background:transparent;backdrop-filter:none;padding:0;margin:0} .editorial #design-top #header.compact{grid-template-columns:1fr 40px 1fr;gap:18px;padding:7px 3%;min-height:54px;background:#142440f5} .editorial #design-top #header.compact .header-left{grid-column:1;grid-row:1}.editorial #design-top #header.compact .header-right{grid-column:3;grid-row:1} .editorial #design-top #header.compact .motto{display:none} .editorial #design-top #header.compact .logo{grid-column:2;grid-row:1;height:36px;width:32px;justify-self:center;background:#ede7da;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat} .editorial #design-top #header.compact .book{padding:10px 16px;font-size:11px;min-height:36px}.editorial #design-top #header.compact .book span{font-size:15px} .editorial #design-top #header.compact .icon-button,.editorial #design-top #header.compact #contactBtn{padding:6px} .editorial #design-top .orbit-item{width:34px;height:34px;background:transparent;border:1px solid #ede7da75;color:#ede7da;box-shadow:none} .editorial #design-top .orbit-item:nth-child(1){--x:-144px;--y:48px}.editorial #design-top .orbit-item:nth-child(2){--x:-110px;--y:76px}.editorial #design-top .orbit-item:nth-child(3){--x:-70px;--y:88px}.editorial #design-top .orbit-item:nth-child(4){--x:-30px;--y:76px}.editorial #design-top .orbit-item:nth-child(5){--x:4px;--y:48px} .channel-glyph{display:block;width:18px;height:18px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat} .editorial #design-top .orbit-item:hover,.editorial #design-top .orbit-item:focus-visible{background:#142440;border-color:currentColor;outline:none} .editorial #design-top .orbit-item[data-channel=whatsapp]:is(:hover,:focus-visible){color:#25d366}.editorial #design-top .orbit-item[data-channel=telegram]:is(:hover,:focus-visible){color:#2aabee}.editorial #design-top .orbit-item[data-channel=vk]:is(:hover,:focus-visible){color:#0077ff}.editorial #design-top .orbit-item[data-channel=phone]:is(:hover,:focus-visible){color:#bb7c52} .editorial #design-top .orbit-item[data-channel=instagram]:is(:hover,:focus-visible){color:#e66892}.editorial #design-top .orbit-item[data-channel=instagram]:is(:hover,:focus-visible) .channel-glyph{background:linear-gradient(35deg,#f9ce34,#ee2a7b,#6228d7)} #taiga-contact-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:40px 30px 28px;margin:auto;background:#142440;color:#ede7da;border:1px solid #ede7da35;font-family:Golos,Arial,sans-serif;box-shadow:0 30px 100px #0005} #taiga-contact-dialog::backdrop{background:#07101bbd;backdrop-filter:blur(7px)} #taiga-contact-dialog .contact-close{position:absolute;right:14px;top:9px;width:34px;height:34px;border:0;color:#ede7da;background:transparent;font-size:25px;cursor:pointer} .contact-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.contact-heading h2{font-size:24px;line-height:1.15;letter-spacing:-.04em;margin:0;font-weight:650} .contact-channel-icon{width:27px;height:27px;background:#ede7da;mask:var(--channel-icon) center/contain no-repeat;flex:none} .contact-prompt{font-size:12px;line-height:1.6;color:#ede7da99;margin:20px 0 10px} .contact-branches{display:grid;grid-template-columns:1fr 1fr;gap:0 22px} .contact-branches>a{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:14px 0;border-bottom:1px solid #ede7da26;color:inherit;text-decoration:none;font-size:12px;transition:color .2s} .contact-branches>a:hover,.contact-branches>a:focus-visible,.contact-main-number:hover{color:#dba17b}.contact-branches>a>span:last-child{color:#bb7c52}.contact-branches small{font-size:10px;opacity:.75} .contact-main-number{display:grid;grid-template-columns:1fr auto;gap:6px;color:inherit;text-decoration:none;border-bottom:1px solid #ede7da40;padding:0 0 18px}.contact-main-number small{grid-column:1/-1;font-size:11px;opacity:.65}.contact-main-number strong{font-size:34px;font-weight:600;letter-spacing:-.04em}.contact-main-number>span{color:#bb7c52;align-self:center} #taiga-contact-dialog:has(.contact-main-number) .contact-branches{grid-template-columns:1fr}.contact-bot{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #ede7da40;font-size:13px;color:#ede7da;text-decoration:none}.contact-bot small{display:block;font-size:10px;opacity:.55;margin-top:4px}.bot-icon{color:#bb7c52;font-size:22px} @media(max-width:680px){.editorial #design-top #filters label{display:flex;justify-content:space-between;gap:12px}.editorial #design-top #filters .taiga-master-search,.editorial #design-top #filters .taiga-select{width:70%}.editorial #design-top #filters #master{width:100%}.master-options{left:auto;right:0;min-width:240px}.editorial #design-top #header.compact{gap:8px;padding:7px 4%}.editorial #design-top #header.compact .book{padding:9px 10px;font-size:10px}.editorial #design-top #header.compact .header-right,.editorial #design-top #header.compact .header-left{gap:6px}.editorial #design-top #header.compact .logo{height:30px;width:27px}#taiga-contact-dialog{padding:38px 22px 25px}.contact-heading h2{font-size:22px}} /* Header menus sit on small, quiet surfaces instead of mixing with photographs. */ .editorial #design-top #menu{left:3%;top:106px;width:255px;max-height:calc(100dvh - 125px);overflow-y:auto;padding:5px;display:flex;flex-direction:column;gap:3px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;scrollbar-width:thin;scrollbar-color:#bb7c52 transparent} .editorial #design-top #menu[hidden],.editorial #design-top #cityPanel[hidden]{display:none!important} .editorial #design-top #menu>a,.editorial #design-top #cityPanel>button{display:block;padding:10px 13px;color:#ede7da;background:#142440ed;border:1px solid #ede7da0d;backdrop-filter:blur(14px);font-size:12px;font-weight:450;line-height:1.4;text-decoration:none;transform-origin:left center;transition:background .2s,color .2s,transform .2s,border-color .2s} .editorial #design-top #menu>a:hover,.editorial #design-top #menu>a:focus-visible,.editorial #design-top #cityPanel>button:hover,.editorial #design-top #cityPanel>button:focus-visible{background:#20344e;color:#dba17b;border-color:#bb7c5255;transform:translateX(3px) scale(1.018);outline:none} .editorial #design-top #cityPanel{left:calc(3% + 48px);top:95px;padding:5px;width:190px;background:transparent;border:0;box-shadow:none;backdrop-filter:none} .editorial #design-top #cityPanel>button{width:100%;text-align:left}.editorial #design-top #cityPanel>button[hidden]{display:none}.editorial #design-top #cityPanel small:empty{display:none} .editorial #design-top:has(#header.compact) #menu{top:61px;max-height:calc(100dvh - 80px)}.editorial #design-top:has(#header.compact) #cityPanel{top:57px} #taiga-contact-dialog{isolation:isolate;border:1px solid #ede7da25;border-top-color:#bb7c5277;background:#142440;padding:43px 32px 30px} #taiga-contact-dialog:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(130deg,#142440d9,#142440f7),url(media/stone-clean-web-v2.webp) center/cover} #taiga-contact-dialog:after{content:'';position:absolute;left:32px;top:0;width:34px;height:2px;background:#bb7c52} .contact-content{position:relative}.contact-content:before{content:'';position:absolute;right:2px;top:-10px;width:92px;height:90px;background:#ede7da;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat;opacity:.045;pointer-events:none;z-index:-1} .contact-heading{gap:15px;margin-bottom:25px}.contact-heading h2{font-weight:650;font-size:25px;max-width:330px}.contact-channel-icon{width:31px;height:31px;color:#bb7c52;background:currentColor} .contact-prompt{font-size:12px;letter-spacing:.01em;margin-bottom:13px}.contact-branches{gap:6px 15px} .contact-branches>a{border:1px solid #ede7da12;background:#ede7da03;padding:13px 12px;font-weight:450;transition:background .25s,border-color .25s,color .25s,transform .25s} .contact-branches>a:hover,.contact-branches>a:focus-visible{background:#ede7da09;border-color:#bb7c5266;transform:translateY(-1px);outline:none;color:#dba17b}.contact-branches>a>span:last-child{transition:transform .25s}.contact-branches>a:hover>span:last-child{transform:translate(2px,-2px)} .contact-bot{margin-top:23px;padding-top:20px;border-color:#bb7c523a}.contact-bot:hover,.contact-bot:focus-visible{color:#dba17b} @media(max-width:680px){.editorial #design-top #menu{left:4%;width:238px;top:80px}.editorial #design-top #cityPanel{left:calc(4% + 32px);top:77px;width:175px}#taiga-contact-dialog{padding:40px 22px 25px}.contact-heading h2{font-size:22px}.contact-branches{gap:6px 10px}.contact-branches>a{padding:12px 9px}.contact-heading{gap:12px}.contact-channel-icon{width:26px;height:26px}} .editorial #design-top #menu>button{display:block;align-self:flex-start;padding:10px 13px;color:#ede7da;background:#142440ed;border:1px solid #ede7da0d;backdrop-filter:blur(14px);font-size:12px;font-weight:450;line-height:1.4;transform-origin:left center;transition:background .2s,color .2s,transform .2s,border-color .2s}.editorial #design-top #menu>button:hover,.editorial #design-top #menu>button:focus-visible{background:#20344e;color:#dba17b;border-color:#bb7c5255;transform:translateX(3px) scale(1.018);outline:none} /* A shared, feathered shade supports navigation without separate rectangular tiles. */ .editorial #design-top #menu{isolation:isolate;overflow-x:visible;padding:12px 18px 16px;width:258px;gap:2px;background:transparent} .editorial #design-top #menu:before,.editorial #design-top #cityPanel:before{content:'';position:absolute;inset:-15px -30px -22px -18px;z-index:-1;pointer-events:none;background:#101f37f2;filter:blur(13px);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 65%,transparent)} .editorial #design-top #menu>a,.editorial #design-top #menu>button,.editorial #design-top .world-menu-row>a,.editorial #design-top #worldMenuChildren>a,.editorial #design-top #cityPanel>button{padding:9px 7px;background:transparent;border:0;backdrop-filter:none;box-shadow:none;text-decoration:none!important;font-size:12px;line-height:1.45;transition:color .2s,transform .2s;background-color:transparent} .editorial #design-top #menu>a:hover,.editorial #design-top #menu>button:hover,.editorial #design-top .world-menu-row>a:hover,.editorial #design-top #worldMenuChildren>a:hover,.editorial #design-top #cityPanel>button:hover,.editorial #design-top #menu :is(a,button):focus-visible,.editorial #design-top #cityPanel>button:focus-visible{color:#dba17b;background:transparent;border:0;transform:translateX(3px);outline:none} .editorial #design-top #menu>a:active,.editorial #design-top #menu>button:active{color:#ede7da;transform:translateX(5px)} .world-menu-row{display:flex;align-items:center;justify-content:space-between;width:100%}.editorial #design-top .world-menu-row>a{flex:1;color:#ede7da;text-decoration:none}.editorial #design-top #worldMenuToggle{width:36px;height:34px;background:transparent;border:0;color:#bb7c52;font-size:24px;padding:0;transition:transform .25s,color .25s}.editorial #design-top #worldMenuToggle[aria-expanded=true]{transform:rotate(90deg)} #worldMenuChildren{padding:2px 0 6px 14px;margin:0 0 4px 7px;border-left:1px solid #bb7c5266}.editorial #design-top #worldMenuChildren>a{display:block;color:#ede7daaa;font-size:11px} .editorial #design-top #cityPanel{isolation:isolate;padding:7px 9px;width:175px}.editorial #design-top #cityPanel:before{inset:-8px -20px;filter:blur(10px)} /* Price categories and rows have distinct hover, selected and pressed states. */ .editorial #serviceTabsNew{gap:28px;align-items:baseline}.editorial #serviceTabsNew button{font-size:14px;font-weight:500;padding:10px 1px 13px;border-bottom:4px solid transparent;opacity:.72;transition:color .2s,font-weight .2s,transform .2s,border-color .2s} .editorial #serviceTabsNew button:hover,.editorial #serviceTabsNew button:focus-visible{color:#9c5e3c;opacity:1}.editorial #serviceTabsNew button.active{font-weight:850;opacity:1;border-color:#bb7c52;color:#142440;transform:scale(1.055)}.editorial #serviceTabsNew button:active{color:#8e4e2c;transform:scale(1.075)} .editorial .price-table .price-values,.editorial .price-table .price-values td,.editorial .price-table .price-values summary{transition:color .2s,background .2s} .editorial .price-table tbody tr.price-values:hover,.editorial .price-table tbody tr.price-values:focus-within{color:#9b5c38;background:#bb7c5208!important}.editorial .price-table tbody tr.price-values:hover :is(td,summary,summary span),.editorial .price-table tbody tr.price-values:focus-within :is(td,summary,summary span){color:#9b5c38!important} .editorial .price-table tbody tr.price-values:has(details[open]){background:#bb7c5212!important}.editorial .price-table tbody tr.price-values:has(details[open]) td{color:#8e4e2c}.long-hair-name{font-size:18px;font-weight:500} .editorial .price-table .grade-help{display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:#bb7c52;color:#ede7da;font-size:12px;font-weight:650;line-height:1;cursor:help;vertical-align:middle;transition:background .2s,transform .2s} .editorial .price-table .grade-help:hover,.editorial .price-table .grade-help:focus-visible{background:#9b5c38;transform:scale(1.12);outline:2px solid #bb7c5244;outline-offset:3px} .editorial #gradeTooltip{background:#142440;color:#ede7da;border:1px solid #bb7c5266;box-shadow:0 10px 24px #0002;font-size:12px;line-height:1.65;padding:16px;z-index:80} /* Matching contact icons across header and branch cards. */ .editorial .branch-contact-icons :is(a,button){display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ede7da75;border-radius:50%;background:transparent;color:#ede7da;transition:color .2s,border-color .2s,background .2s,transform .2s} .editorial .branch-contact-icons :is(a,button):is(:hover,:focus-visible){background:#142440;border-color:currentColor;transform:translateY(-2px);outline:none} .editorial .branch-contact-icons [data-contact-kind=phone]:is(:hover,:focus-visible){color:#bb7c52}.editorial .branch-contact-icons [data-contact-kind=whatsapp]:is(:hover,:focus-visible){color:#25d366}.editorial .branch-contact-icons [data-contact-kind=vk]:is(:hover,:focus-visible){color:#0077ff}.editorial .branch-contact-icons [data-contact-kind=telegram]:is(:hover,:focus-visible){color:#2aabee} .editorial .branch-contact-icons :is(a,button):active{transform:translateY(0) scale(.94)} .editorial .route-links a:hover,.editorial .route-links a:focus-visible,.editorial [data-parking]:hover,.editorial [data-parking]:focus-visible,.editorial .branch-actions a:hover{color:#dba17b!important;border-color:#bb7c52!important;opacity:1;outline:none}.editorial .route-links a:active,.editorial [data-parking]:active{color:#ede7da!important;transform:translateY(1px)} .editorial :where(a,button,summary){transition:color .2s,background-color .2s,border-color .2s,transform .2s}.editorial :where(a,button,summary):focus-visible{outline:2px solid #bb7c52;outline-offset:4px}.editorial main>section:not([data-field=ivory]) :where(a,button,summary):hover{color:#dba17b}.editorial main>section[data-field=ivory] :where(a,button,summary):hover{color:#9b5c38}.editorial :where(a,button,summary):active{filter:brightness(1.13)} @media(max-width:680px){.editorial #serviceTabsNew{gap:17px;flex-wrap:wrap}.editorial #serviceTabsNew button{font-size:12px}.editorial #design-top #menu{width:240px}.long-hair-name{font-size:16px}} .editorial #design-top #menu{overflow:visible;max-height:none}@media(max-height:760px){.editorial #design-top #menu,.editorial #design-top:has(#header.compact) #menu{max-height:calc(100dvh - 115px);overflow-y:auto;overflow-x:hidden}} .long-hair-name{display:block;padding:18px 0;font-weight:600;line-height:1.5} .editorial #design-top #menu:before,.editorial #design-top #cityPanel:before{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 65%,transparent),linear-gradient(transparent,#000 6%,#000 90%,transparent);mask-composite:intersect} /* Interaction, scale and composition pass — TAIGA. */ .editorial #design-top :is(#menuBtn,#cityBtn,#contactBtn){transition:color .2s,transform .25s,opacity .2s;background:transparent} .editorial #design-top :is(#menuBtn,#cityBtn,#contactBtn):is(:hover,:focus-visible){color:#dba17b;transform:scale(1.075);background:transparent} .editorial #design-top :is(#menuBtn,#cityBtn,#contactBtn):active{transform:scale(.97);color:#ede7da} .editorial #design-top .logo{transition:transform .35s,background .3s}.editorial #design-top .logo:is(:hover,:focus-visible){transform:scale(1.1);background:#dba17b;outline:none}.editorial #design-top .logo:active{transform:scale(1.03)} .editorial #design-top .world-menu-row{justify-content:flex-start;gap:8px}.editorial #design-top .world-menu-row>a{flex:none}.editorial #design-top #worldMenuToggle{width:25px;font-size:19px}.editorial #design-top #worldMenuToggle[aria-expanded=true]{transform:rotate(180deg)} .editorial #design-top .hero .hero-seo{position:absolute;z-index:9;display:block;font-size:clamp(10px,.9vw,13px);font-weight:450;line-height:1.5;letter-spacing:.015em;color:#ede7da;white-space:nowrap;margin:0;text-transform:none;opacity:.88} .editorial #design-top .tabs button{border-bottom:3px solid transparent;padding-bottom:10px;transition:color .2s,font-weight .2s,transform .2s;opacity:.75} .editorial #design-top .tabs button:is(:hover,:focus-visible){color:#dba17b;opacity:1;background:none;transform:translateY(-1px)}.editorial #design-top .tabs button.active{font-weight:800;border-color:#bb7c52;opacity:1} .editorial #design-top #filters :is(button,input):hover{color:#dba17b;background:transparent!important}.editorial #design-top #resetFilters:is(:hover,:focus-visible){opacity:1;color:#dba17b;transform:scale(1.05)} .editorial #design-top .rail-buttons button:is(:hover,:focus-visible){color:#dba17b;transform:scale(1.18);background:transparent}.editorial #design-top .rail-buttons button:active{transform:scale(.98)} .editorial #design-top a.portfolio-link{border:0!important;text-decoration:none!important;transition:color .2s,transform .3s;display:inline-block}.editorial #design-top a.portfolio-link:is(:hover,:focus-visible){color:#dba17b;transform:translateX(3px);outline:none} .editorial .taiga-select-trigger:is(:hover,:focus-visible),.editorial .taiga-select-trigger[aria-expanded=true]{color:#dba17b;background:transparent!important;box-shadow:none;border-bottom-color:#bb7c52}.editorial [data-field=ivory] .taiga-select-trigger:is(:hover,:focus-visible){color:#955938} .editorial .taiga-options>button:is(:hover,:focus-visible),.editorial .taiga-options>button[aria-selected=true]{background:transparent!important;box-shadow:none;color:#dba17b!important}.editorial .taiga-select-trigger:active{color:#ede7da} .compare-line{background:#bb7c52}.compare-line>span,.transformation-compare:hover .compare-line>span,.transformation-compare:focus-within .compare-line>span{width:54px;height:48px;gap:6px;border-color:#bb7c52;background:#bb7c52;color:#142440;font-size:23px;box-shadow:0 3px 18px #0003;transition:transform .25s,box-shadow .25s} .compare-line .compare-brand{width:19px;height:23px;background:#142440;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat;flex:none} .transformation-compare:hover .compare-line>span,.transformation-compare:focus-within .compare-line>span{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 20px #bb7c5255} .comparison-hint{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:#ede7daaf;font-size:11px;letter-spacing:.025em;margin:22px 0 0}.comparison-hint>span{color:#bb7c52;font-size:21px} .ambient-film{cursor:default}.ambient-film video{pointer-events:none} .editorial .team-ambition{margin:30px 0 0;padding:23px 0 20px 24px;border-left:3px solid #bb7c52;max-width:540px}.editorial .team-ambition .eyebrow{font-size:10px;color:#dba17b;opacity:1;letter-spacing:.16em}.editorial .team-ambition p{font-size:clamp(24px,2.8vw,39px);line-height:1.15;letter-spacing:-.045em;font-weight:650;margin:13px 0 0;color:#ede7da}.team-ambition strong{color:#dba17b;font-weight:800} .editorial .team-cinema{height:clamp(500px,43vw,650px)}.editorial .team-cinema video{object-position:50% 30%} .founder-portrait img{height:clamp(420px,41vw,580px);mask-image:linear-gradient(#000 88%,transparent);object-position:center 15%;mix-blend-mode:multiply} .editorial .founder-portrait figcaption{position:static;display:block;padding:18px 0 5px 18px;border-left:2px solid #bb7c52;color:#142440;font-size:14px;font-weight:750;letter-spacing:.05em;line-height:1.5}.editorial .founder-portrait figcaption span{font-size:12px;color:#344157;opacity:1;font-weight:450;letter-spacing:0;margin-top:4px} .editorial #achievements .featured{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;margin-bottom:18px}.editorial .achievement-photo{height:clamp(300px,28vw,420px)} .editorial .achievement-caption{position:static;padding:0;background:transparent;color:#ede7da}.editorial .achievement-caption h3{font-size:clamp(28px,3vw,43px);font-weight:750;line-height:1.02;margin:20px 0}.editorial .achievement-caption .achievement-story{margin:23px 0 0;font-size:14px;line-height:1.8;max-width:590px;color:#ede7dadb} .editorial #achievements .award-medal,.editorial #achievements .award-medal:is(:hover,:focus-visible,:active){background:transparent!important;box-shadow:none!important;border:0}.editorial #achievements .award-medal span{font-size:10px;line-height:1.3;transition:font-weight .2s,transform .2s,color .2s;max-width:115px} .editorial #achievements .award-medal:is(:hover,:focus-visible) span{color:#142440!important;font-weight:850;opacity:1;transform:scale(1.08)}.editorial #achievements .award-medal:focus-visible{outline:1px solid #142440;outline-offset:4px} .editorial #concept .sectiontitle{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:center;gap:30px 5%}.editorial #concept .chapter-title{font-size:clamp(44px,5.4vw,82px);white-space:nowrap;letter-spacing:-.065em;line-height:1.03} .concept-note{display:grid;grid-template-columns:1fr 95px;align-items:center;gap:15px}.concept-note>p{font-size:13px;line-height:1.7;margin:0;color:#ede7da}.editorial .concept-note>.editorial-film{width:95px;height:145px}.concept-note video{object-fit:cover}.concept-note .film-play{padding:0!important;align-items:center;justify-content:center;background:transparent!important}.concept-note .film-play>span:last-child{display:none}.concept-note .play-disc{width:33px;height:33px;font-size:17px;background:#14244044} .editorial .goat-cinema{height:clamp(310px,30vw,460px)}.editorial #concept .split{gap:6%} .editorial .signature-composition{position:relative;overflow:visible!important}.composition-print{display:block}.composition-script{display:block;width:85%;margin:-8px 0 -4px 15%;transform:rotate(-5deg);position:relative;z-index:2}.composition-script img{display:block;width:100%;height:auto} .editorial #reviews h2.signature-composition{font-size:clamp(38px,5.1vw,76px);line-height:1;max-width:850px}.editorial #identity h2.signature-composition{max-width:1100px;line-height:1}.editorial #identity .composition-script{width:65%;max-width:700px;margin:-18px 0 0 30%;transform:rotate(-5deg)} /* Palette transitions follow broad organic contours, echoed by thin terrain lines. */ .editorial main>section.field-transition{padding-top:190px}.editorial main>section.field-transition:after{display:block;inset:0 0 auto;height:150px;background:var(--previous);opacity:1;filter:blur(.6px);mask:var(--taiga-section-wave-mask) center/100% 100% no-repeat;z-index:-1} .section-contour{position:absolute;inset:0 0 auto;width:100%;height:155px;z-index:-1;stroke:#bb7c52;stroke-width:.8;fill:none;opacity:.24;pointer-events:none} .editorial .identity-manifesto:after{content:'';position:absolute;top:0;left:0;right:0;height:85px;pointer-events:none;background:#ede7da;mask:var(--taiga-section-wave-mask) center/100% 100% no-repeat} .editorial main>section{position:relative;isolation:isolate}.field-glow{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 350px 290px at var(--glow-x,50%) var(--glow-y,50%),#ede7da1a,transparent 72%);opacity:0;transition:opacity .6s}.glow-active>.field-glow{opacity:1}.editorial [data-field=ivory]>.field-glow{background:radial-gradient(ellipse 350px 290px at var(--glow-x,50%) var(--glow-y,50%),#bb7c521c,transparent 72%)} /* The same material and warm edge in every modal. */ .editorial dialog.taiga-modal{isolation:isolate;background:#142440!important;color:#ede7da;border:1px solid #ede7da30;border-top-color:#bb7c5277;box-shadow:0 25px 90px #0005}.editorial dialog.taiga-modal:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(130deg,#142440db,#142440fa),url(media/stone-clean-web-v2.webp) center/cover}.editorial dialog.taiga-modal:after{content:'';position:absolute;left:32px;top:0;width:35px;height:2px;background:#bb7c52}.editorial dialog.taiga-modal::backdrop{background:#07101bbd;backdrop-filter:blur(7px)} .editorial dialog.taiga-modal :is(h2,h3,p){color:#ede7da}.editorial .award-detail>img{max-height:270px}.editorial .award-detail{gap:35px;padding:20px}.editorial .award-detail p{font-size:14px;line-height:1.8} .editorial #journalTabs button{border-bottom:3px solid transparent;padding:10px 1px 12px;font-size:13px;transition:color .2s,font-weight .2s,transform .2s}.editorial #journalTabs button:is(:hover,:focus-visible){color:#9b5c38;background:transparent;transform:translateY(-1px)}.editorial #journalTabs button.active{border-color:#bb7c52;font-weight:800} .editorial #journalGrid>.card[data-interactive-card]{cursor:pointer;transition:transform .4s,border-color .3s;isolation:isolate}.editorial #journalGrid>.card[data-interactive-card]:is(:hover,:focus-visible){transform:translateY(-5px);border-color:#bb7c52;outline:none}.editorial #journalGrid>.card:is(:hover,:focus-visible) h3{color:#9b5c38}.editorial #journalGrid>.card .placeholder{transition:transform .5s,filter .5s;transform-origin:center}.editorial #journalGrid>.card:is(:hover,:focus-visible) .placeholder{transform:scale(1.025);filter:brightness(1.12)} .editorial #partners .panel[data-interactive-card]{cursor:pointer;transition:color .3s,transform .4s,border-color .3s}.editorial #partners .panel[data-interactive-card]:is(:hover,:focus-visible){transform:translateY(-4px);border-color:#bb7c52;outline:none}.editorial #partners .panel:is(:hover,:focus-visible) :is(h2,p){color:#dba17b} .editorial footer :is(a,button){border:0!important;text-decoration:none!important;background:transparent;transition:color .2s,transform .2s}.editorial footer :is(a,button):is(:hover,:focus-visible){color:#dba17b!important;transform:translateX(2px);outline:none}.editorial footer :is(a,button):active{color:#ede7da!important} @media(max-width:1000px){.editorial #concept .sectiontitle{grid-template-columns:1fr}.editorial #concept .chapter-title{font-size:clamp(35px,6.5vw,70px)}.concept-note{max-width:380px}.editorial #achievements .featured{grid-template-columns:1fr 1fr;gap:25px}} @media(max-width:680px){.editorial #design-top .hero .hero-seo{font-size:8px;line-height:1.35;letter-spacing:0;white-space:normal;max-width:290px}.comparison-hint{font-size:10px;line-height:1.5;justify-content:flex-start;align-items:flex-start;margin-top:18px}.compare-line>span,.transformation-compare:hover .compare-line>span,.transformation-compare:focus-within .compare-line>span{width:44px;height:39px;font-size:20px;gap:4px}.compare-line .compare-brand{width:15px;height:20px}.editorial .team-ambition{padding:18px 0 18px 18px}.editorial .team-ambition p{font-size:29px}.editorial .team-cinema{height:490px}.editorial #achievements .featured{grid-template-columns:1fr;gap:25px}.editorial .achievement-photo{height:300px}.editorial .achievement-caption h3{font-size:32px}.editorial .achievement-caption .achievement-story{font-size:13px}.editorial #concept .chapter-title{font-size:clamp(30px,7.3vw,46px)}.concept-note{grid-template-columns:1fr 82px}.editorial .concept-note>.editorial-film{width:82px;height:126px}.editorial .goat-cinema{height:360px}.editorial #reviews h2.signature-composition{font-size:36px}.composition-script{width:94%;margin:0 0 -3px 5%;transform:rotate(-5deg)}.editorial #identity h2.signature-composition{font-size:37px}.editorial #identity .composition-script{width:85%;margin:0 0 0 13%}.editorial main>section.field-transition{padding-top:140px}.editorial main>section.field-transition:after,.section-contour{height:100px}.editorial .identity-manifesto:after{height:55px}.editorial .founder-portrait figcaption{font-size:12px}.founder-portrait img{height:460px}} @media(prefers-reduced-motion:reduce){.field-glow{display:none}.editorial #journalGrid>.card,.editorial #partners .panel{transition:none}} .composition-script{aspect-ratio:4.4/1;overflow:hidden}.composition-script img{width:100%;height:100%;object-fit:cover} .editorial #achievements .sectiontitle h2{font-size:clamp(38px,4.3vw,64px)} @media(max-width:680px){.editorial #design-top .hero .hero-seo{font-size:9px}.editorial #achievements .sectiontitle h2{font-size:38px}} /* S11: same content, compact mobile crop and two-column introduction. */ .editorial .transformation-intro{display:contents} @media(max-width:680px){ .editorial #transformation .sectiontitle{margin-bottom:22px} .editorial .transformation-intro{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:16px;align-items:start} .editorial .transformation-intro .transformation-cinema{grid-column:auto;width:100%;height:auto;min-height:0;aspect-ratio:4/5;align-self:start;justify-self:stretch;margin:0} .editorial .transformation-intro .transformation-cinema video{object-fit:cover;object-position:center top} .editorial .transformation-intro>p{margin:0;min-width:0;max-width:none;font-size:14px;line-height:1.6} .editorial .transformation-intro video::-webkit-media-controls{display:none!important} } /* Dense, frosted glass keeps each contact icon readable over photographs and type. */ .editorial #design-top .orbit-item,.editorial #design-top .orbit-item:is(:hover,:focus-visible){background:linear-gradient(145deg,#ede7da33,#142440d9 68%)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid #ede7da80;box-shadow:inset 0 1px 1px #fff5,inset 0 -1px 2px #06101d66,0 5px 15px #050e1b50} .editorial #design-top .orbit-item:is(:hover,:focus-visible){border-color:currentColor;box-shadow:inset 0 1px 1px #fff7,0 5px 20px #050e1b80}.editorial #design-top .orbit-item:active{filter:brightness(1.2)} /* Adjacent fields receive the same moving light, including outside their own bounds. */ .editorial [data-field=ivory]>.field-glow{background:radial-gradient(ellipse 350px 290px at var(--glow-x,50%) var(--glow-y,50%),#bb7c5240,transparent 72%)} .editorial main>section{border:0!important;box-shadow:none} .editorial .taiga-select-trigger,.editorial .taiga-select-trigger:is(:hover,:focus-visible),.editorial #design-top #filters .taiga-select-trigger{border-bottom:0!important;text-decoration:none!important}.editorial .taiga-options button:is(:hover,:focus-visible){text-decoration:none!important} .editorial #achievements .award-medal span{font-size:10px;line-height:1.35;min-height:27px;font-weight:500;max-width:125px}.editorial #achievements .award-medal:is(:hover,:focus-visible) span{color:#fff3df!important;font-size:11px;font-weight:850;transform:scale(1.14);text-shadow:0 1px 5px #14244099;opacity:1}.editorial #achievements .award-medal:is(:hover,:focus-visible) img{transform:scale(1.24);filter:grayscale(0) drop-shadow(0 0 16px #edc79666)} .founder-blog{display:inline-flex;align-items:center;gap:8px;color:#955938;font-weight:550;font-size:12px;letter-spacing:0;text-decoration:none;margin-top:13px;transition:color .2s,transform .2s}.founder-blog .channel-glyph{width:16px;height:16px}.founder-blog:hover,.founder-blog:focus-visible{color:#142440;transform:translateX(2px)} .editorial #giftTabs{gap:27px;align-items:baseline;margin:24px 0}.editorial #giftTabs button{padding:10px 0 12px;font-size:14px;font-weight:500;border:0;border-bottom:4px solid transparent;background:transparent;transition:color .2s,font-weight .2s,transform .2s;text-decoration:none}.editorial #giftTabs button:is(:hover,:focus-visible){background:transparent!important;color:#9b5c38;transform:translateY(-1px)}.editorial #giftTabs button.active{font-weight:850;border-bottom-color:#bb7c52;color:#142440;transform:scale(1.04)}.editorial #giftTabs button:active{color:#8e4e2c;transform:scale(1.06)} .editorial #giftText{font-size:14px;line-height:1.8;max-width:430px}.editorial .gift-amount-control .taiga-select-trigger{font-size:30px;font-weight:650;letter-spacing:-.04em;gap:25px;min-width:165px;padding:12px 0;color:#142440}.editorial .gift-amount-control .select-chevron{font-size:18px}.editorial .gift-amount-control .taiga-options>button{font-size:17px;padding:13px 18px} .editorial #ecoNew>.project-link{cursor:pointer;background:transparent!important;transition:transform .35s,border-color .25s}.editorial #ecoNew>.project-link:is(:hover,:focus-visible){transform:translateY(-5px);border-color:#bb7c52;outline:none}.editorial #ecoNew>.project-link:is(:hover,:focus-visible) :is(h3,p){color:#dba17b}.editorial #ecoNew>.project-link:active{transform:translateY(-1px)}.editorial #ecoNew>.project-link h3,.editorial #ecoNew>.project-link p{transition:color .25s}.editorial #ecoNew>.project-link button[hidden]{display:none!important}.editorial #ecoNew>.project-link .placeholder{display:none}.editorial #ecoNew>.project-link .body{padding-top:10px} /* Footer identity and a quiet second level for company and document information. */ .editorial footer .footer-brand{display:block;width:175px;padding:0;margin:0;text-decoration:none}.footer-logo{display:block;width:175px;height:94px;background:#ede7da;mask:url(design-assets/taiga-logo.webp) center/contain no-repeat;transition:background .25s,transform .3s}.footer-brand:hover .footer-logo{background:#dba17b;transform:scale(1.035)} .footer-legal{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr 1.2fr;gap:25px 5%;border-top:1px solid #ede7da26;padding-top:30px;margin-top:15px;color:#ede7da99;font-size:11px;line-height:1.7} .footer-company{display:flex;flex-direction:column;gap:3px}.footer-company strong{color:#ede7da;font-size:12px;font-weight:550;margin-bottom:5px}.footer-mail{display:flex;flex-direction:column;gap:7px}.footer-mail>a{font-size:13px;color:#ede7da;text-decoration:none}.footer-documents{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-documents>a,.footer-documents>button{font:inherit;color:#ede7da;background:transparent;border:0;padding:0;text-align:left;text-decoration:none;cursor:pointer}.pending-offer{opacity:.7}.pending-offer small{font-size:9px;color:#bb7c52;margin-left:7px}.footer-reference{grid-column:1/-1;max-width:1000px;margin:7px 0 0;color:#ede7da80;font-size:10px;line-height:1.8}.footer-copyright{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ede7da14;padding-top:18px;font-size:10px;color:#ede7da75} /* Cookies: small non-modal notice, equally available accept and decline choices. */ #cookie-notice{position:fixed;bottom:20px;left:20px;z-index:85;width:min(650px,calc(100vw - 40px));display:flex;gap:16px;padding:18px 21px;background:#142440f2;color:#ede7da;border:1px solid #ede7da30;border-top-color:#bb7c5277;box-shadow:0 10px 40px #07101b44;backdrop-filter:blur(15px);font-family:Golos,Arial,sans-serif} #cookie-notice[hidden]{display:none!important}.cookie-mark{display:block;flex:none;width:25px;height:34px;background:#bb7c52;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat}.cookie-copy{font-size:11px;line-height:1.65;max-width:555px}.cookie-actions{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:11px}.cookie-actions>button{padding:5px 0;border:0;background:transparent;color:#ede7da;font:inherit;font-size:10px;cursor:pointer;text-decoration:none;transition:color .2s,transform .2s}.cookie-actions>button:hover,.cookie-actions>button:focus-visible{color:#dba17b;transform:translateY(-1px)}.cookie-actions>[data-cookie-choice=accept]{color:#dba17b;font-weight:700}.cookie-actions>[data-cookie-details]{opacity:.7} #cookie-settings{width:min(530px,calc(100vw - 32px));padding:40px 30px 28px;max-height:calc(100dvh - 40px);overflow:auto;font-family:Golos,Arial,sans-serif}#cookie-settings h2{font-size:28px;line-height:1.05;letter-spacing:-.045em;font-weight:650;margin:5px 30px 20px 0}#cookie-settings>p{font-size:12px;line-height:1.8;color:#ede7daaa}.cookie-close{position:absolute;right:14px;top:9px;width:32px;height:32px;padding:0;border:0;background:none;color:#ede7da;font-size:26px;cursor:pointer}.cookie-setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ede7da25}.cookie-setting>span:first-child{display:flex;flex-direction:column;gap:5px}.cookie-setting strong{font-size:14px;font-weight:550}.cookie-setting small{font-size:10px;color:#ede7da88}.cookie-required{font-size:10px;color:#bb7c52;white-space:nowrap} #cookie-analytics{appearance:none;position:relative;flex:none;width:42px;height:24px;border:1px solid #ede7da55;border-radius:20px;background:#ede7da12;cursor:pointer;transition:background .2s}#cookie-analytics:before{content:'';position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#ede7da;transition:transform .2s}#cookie-analytics:checked{background:#bb7c52;border-color:#bb7c52}#cookie-analytics:checked:before{transform:translateX(18px)}#cookie-analytics:focus-visible{outline:2px solid #bb7c52;outline-offset:4px} #cookie-settings .cookie-policy a{font-size:11px;color:#dba17b;text-decoration:none}.cookie-settings-actions{display:flex;justify-content:space-between;gap:20px;margin-top:24px}.cookie-settings-actions button{font:inherit;font-size:11px;line-height:1.5;padding:10px 0;color:#ede7da;background:transparent;border:0;cursor:pointer}.cookie-settings-actions [data-cookie-save]{color:#dba17b;font-weight:650}.cookie-settings-actions button:hover{color:#dba17b} @media(max-width:900px){.footer-legal{grid-template-columns:1fr 1fr}.footer-documents{grid-column:1/-1}}@media(max-width:680px){.footer-legal{grid-template-columns:1fr;gap:22px}.footer-documents{grid-column:auto}.footer-copyright{flex-direction:column;gap:6px}.editorial footer .footer-brand,.footer-logo{width:145px}.footer-logo{height:80px}.editorial #giftTabs{gap:22px}.editorial .gift-amount-control .taiga-select-trigger{font-size:28px}#cookie-notice{left:12px;bottom:12px;width:calc(100vw - 24px);padding:14px;gap:12px}.cookie-copy{font-size:10px}.cookie-actions{gap:5px 15px}.cookie-actions>button{font-size:10px}.cookie-mark{width:21px;height:29px}#cookie-settings{padding:37px 22px 24px}#cookie-settings h2{font-size:26px}.cookie-setting{gap:15px}.cookie-setting small{max-width:190px}.cookie-settings-actions{gap:15px}.cookie-required{font-size:9px}} .editorial footer{position:relative;isolation:isolate}.founder-blog .channel-glyph{margin:0;opacity:1;color:inherit} #cookie-settings .cookie-setting{flex-direction:row;text-align:left}#cookie-settings .cookie-setting>span:first-child{align-items:flex-start} /* Frosted lenses: a visible milk-glass body, softened backdrop and curved highlights. */ .editorial #design-top .orbit-item,.editorial #design-top .orbit-item:is(:hover,:focus-visible){width:38px;height:38px;border:0!important;background:linear-gradient(145deg,#f8f7efb8 0%,#c3cedb88 43%,#9faec477 74%,#e1e6ec99 100%)!important;color:#142440;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);box-shadow:inset 1px 2px 3px #ffffffb0,inset -1px -2px 4px #53637a4d,0 4px 12px #05122530;isolation:isolate} .editorial #design-top .orbit-item:before{content:'';position:absolute;inset:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#fff6,transparent 35%,transparent 67%,#fff3);z-index:-1}.editorial #design-top .orbit-item:is(:hover,:focus-visible){box-shadow:inset 1px 2px 4px #ffffffdb,inset -1px -2px 5px #53637a4d,0 4px 18px #ede7da26;filter:brightness(1.13)} .editorial #design-top .hero .hero-seo{white-space:nowrap;max-width:none;line-height:1.15;letter-spacing:0;font-weight:400;color:#fff3df;mix-blend-mode:exclusion;opacity:1} /* One light crosses every edge and contour without inheriting container geometry. */ .editorial footer{width:100%;max-width:none;margin:0;border-top:0;padding:55px max(5vw,calc((100vw - 1440px)/2));background:#142440} .editorial main>section.field-transition:after{filter:none;top:-1px;height:151px}.editorial .section-contour{display:none} .editorial .transformation-pair{position:relative;display:flex;flex-direction:column}.editorial .transformation-compare{height:100%;min-height:0;flex:1;aspect-ratio:4/5}.editorial .transformation-pair figcaption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:42px 15px 17px;background:linear-gradient(transparent,#081525c9);pointer-events:none;min-height:0}.transformation-author{display:flex;gap:10px;align-items:center;padding:0!important;border:0!important;background:transparent!important;color:#ede7da!important;text-align:left;pointer-events:auto;font-size:12px;transition:color .2s,transform .25s}.transformation-author>img{width:34px;height:34px;object-fit:cover;border-radius:50%}.transformation-author>span{display:flex;flex-direction:column;gap:2px}.transformation-author small{opacity:.7;font-size:9px}.transformation-author:is(:hover,:focus-visible){color:#dba17b!important;transform:translateX(2px)} .editorial .team-cinema{width:min(100%,360px);height:auto;aspect-ratio:9/16;justify-self:center}.editorial .team-cinema video{object-fit:contain} .editorial #concept .sectiontitle.concept-heading-only{grid-template-columns:1fr;margin-bottom:35px}.editorial #concept .split{align-items:start}.concept-note{grid-column:1;display:grid;grid-template-columns:95px 1fr;gap:23px;align-items:center;max-width:430px;margin:0 0 30px}.editorial .concept-note>.editorial-film{width:95px;height:auto;aspect-ratio:9/16;grid-column:1;grid-row:1}.concept-note>p{grid-column:2;grid-row:1}.editorial #concept .goat-cinema{grid-column:2;grid-row:1/span 2}.editorial #concept .split>div:not(.concept-note){grid-column:1} .editorial #ecoNew .project-sign{display:block;width:min(100%,205px);height:110px;object-fit:contain;object-position:left center;margin:22px 0 0;opacity:0;transform:translateY(9px);transition:opacity .35s,transform .4s;filter:drop-shadow(0 3px 9px #0002)}.editorial #ecoNew .project-link:is(:hover,:focus-visible) .project-sign{opacity:1;transform:none} #master-profile{width:min(1040px,calc(100vw - 36px));max-height:91dvh;padding:48px;overflow:auto;font-family:Golos,Arial,sans-serif}#master-profile .profile-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#ede7da;font-size:29px;line-height:1;padding:8px}.profile-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}.profile-portrait{position:relative;margin:0;min-width:0;background:radial-gradient(ellipse at 50% 40%,#7c847766,transparent 72%);overflow:hidden;aspect-ratio:3/4}.profile-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);mask-image:linear-gradient(#000 85%,transparent)}.profile-portrait-mark{position:absolute;right:15px;bottom:10px;width:32px;height:40px;background:#bb7c5288;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat}.profile-story .chapter-index{font-size:9px;color:#ede7da80;margin-bottom:22px}.profile-grade{display:inline-block;color:#dba17b;font-size:11px;letter-spacing:.06em;margin-bottom:10px}#master-profile h2{font-size:clamp(28px,3vw,43px);font-weight:700;line-height:1.04;letter-spacing:-.045em;margin:0 15px 20px 0}#master-profile blockquote{font-size:20px;line-height:1.5;letter-spacing:-.025em;margin:0 0 19px;padding:0 0 0 16px;border-left:2px solid #bb7c52;color:#ede7da}#master-profile .profile-bio{font-size:12px;line-height:1.85;color:#ede7daba;margin-bottom:21px}.profile-facts{margin:0 0 24px}.profile-facts>div{display:grid;grid-template-columns:135px 1fr;gap:12px;border-top:1px solid #ede7da22;padding:11px 0}.profile-facts dt{font-size:10px;color:#ede7da80}.profile-facts dd{margin:0;font-size:11px;color:#ede7da;line-height:1.6}.profile-book{display:inline-flex;gap:28px;align-items:center;color:#142440;background:#bb7c52;padding:15px 21px;text-decoration:none;font-size:12px;font-weight:650;transition:background .2s,transform .2s}.profile-book:is(:hover,:focus-visible){background:#ede7da;transform:translateY(-2px)}.profile-works{width:100%;max-width:none;padding:32px 0 0;margin:30px 0 0;border:0;border-top:1px solid #ede7da30}.profile-works h3{font-size:27px;margin:10px 0 22px}.profile-works .chapter-index{font-size:9px;color:#dba17b}.profile-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.profile-work-grid button{padding:0;border:0;background:transparent;text-align:left;overflow:hidden}.profile-work-grid img{display:block;width:100%;height:200px;object-fit:cover;transition:transform .4s}.profile-work-grid button:hover img{transform:scale(1.04)}.profile-work-grid span{display:block;padding:12px 0;font-size:12px;color:#ede7da}.profile-work-grid button:hover span{color:#dba17b}#master-profile .profile-draft{font-size:9px;line-height:1.7;color:#ede7da66;margin:20px 0 0}#master-profile .profile-empty{font-size:13px;color:#ede7da99}.profile-work-full{display:block;max-height:70dvh;max-width:100%;margin:auto;object-fit:contain}.profile-back{padding:6px 0;border:0;background:transparent;color:#dba17b;margin-bottom:20px;font-size:12px} .award-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;padding:15px 8px}.award-emblem{position:relative;min-height:290px;display:grid;place-items:center;background:radial-gradient(ellipse,#c4ad6c20,transparent 70%);padding:25px}.award-emblem>img{max-width:100%;width:auto;height:auto;max-height:255px;filter:drop-shadow(0 12px 22px #050d1e55)}.award-emblem-mark{position:absolute;bottom:0;right:10px;width:27px;height:36px;background:#bb7c5255;mask:url(design-assets/T-white-lossless-v1.webp) center/contain no-repeat}.award-story-copy{border-left:1px solid #ede7da25;padding:15px 0 15px 32px}.award-story .chapter-index{font-size:9px;color:#dba17b;margin-bottom:23px}.award-year{display:block;font-size:13px;color:#dba17b;margin-bottom:12px}#editorial-dialog .award-story h2{font-size:clamp(32px,4vw,52px);margin:0 20px 20px 0}.award-story .award-lead{font-size:17px;line-height:1.7;max-width:400px}.award-story .award-context{font-size:12px;color:#ede7daaa;line-height:1.8;margin-top:18px}.award-source{display:inline-block;text-decoration:none;color:#dba17b;font-size:11px;margin-top:20px}.award-source:hover{color:#ede7da}.award-evidence{grid-column:1/-1;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-top:30px;border-top:1px solid #ede7da25}.award-evidence :is(img,video){width:100%;max-height:420px;object-fit:contain} @media(hover:none){.editorial #ecoNew .project-sign{opacity:.75;transform:none}} @media(max-width:680px){.editorial footer{padding:40px 6%}.editorial main>section.field-transition:after{height:101px}.editorial .transformation-pair figcaption{padding:35px 9px 11px}.transformation-author{font-size:10px;gap:7px}.transformation-author>img{width:26px;height:26px}.transformation-author small{font-size:8px}.editorial .team-cinema{width:min(100%,300px);height:auto}.editorial #concept .goat-cinema{grid-row:auto;grid-column:1}.concept-note{grid-template-columns:82px 1fr;max-width:100%;gap:19px;margin-bottom:0}.editorial .concept-note>.editorial-film{width:82px;height:auto}.concept-note>p{font-size:12px}.editorial #ecoNew .project-sign{width:150px;height:80px;margin-top:20px}#master-profile{padding:45px 23px 26px}.profile-intro{grid-template-columns:1fr;gap:25px}.profile-portrait{width:70%;max-width:250px;justify-self:center;max-height:310px}.profile-story .chapter-index{margin-bottom:15px}#master-profile h2{font-size:32px}#master-profile blockquote{font-size:18px}.profile-work-grid{gap:12px;grid-template-columns:1fr 1fr}.profile-work-grid img{height:175px}.profile-facts>div{grid-template-columns:125px 1fr}.award-story{grid-template-columns:1fr;gap:22px;padding:0}.award-emblem{min-height:190px;padding:10px}.award-emblem>img{max-height:185px}.award-story-copy{border-left:0;border-top:1px solid #ede7da25;padding:24px 0 0}.award-story .chapter-index{margin-bottom:15px}#editorial-dialog .award-story h2{font-size:34px}.award-story .award-lead{font-size:15px}} @media(prefers-reduced-motion:reduce){.editorial #ecoNew .project-sign{transition:none}} /* S15: the same approved artwork and IVORY as the production header. */ .editorial #ecosystem #ecoNew .project-production-logo{position:relative}.project-production-logo>span{position:absolute;left:0;display:block;width:100%;background:#ede7da;mask-position:left center;mask-repeat:no-repeat;mask-size:contain}.project-production-logo .project-production-caption{top:0;height:10%;mask-image:url("design-assets/pokoroche-caption-white.webp")}.project-production-logo .project-production-main{bottom:0;height:85.424%;mask-image:url("design-assets/pokoroche-main-white.webp")} /* Preview only: the two landscape films keep their original color. */ body[data-treatment=hybrid] #design-top .tile:not(.central):not(.left-wide):not(.right-wide) video{filter:grayscale(1) contrast(1.04)} body[data-treatment=hybrid] #design-top :is(.left-wide,.right-wide) video{filter:none} .editorial #design-top .treatments{flex-wrap:wrap} /* Lower, illuminated diamond keeps the face unobstructed. */ .compare-line>span,.transformation-compare:is(:hover,:focus-within) .compare-line>span{top:80%;width:66px;height:56px;border:0;border-radius:0;background:transparent;color:#142440;box-shadow:none;gap:5px;isolation:isolate;font-size:25px} .compare-line>span:before{content:'';position:absolute;width:41px;height:41px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:#bb7c52;border:1px solid #dba17b;z-index:-1;box-shadow:0 0 17px #bb7c5270,0 0 32px #bb7c5220;transition:box-shadow .3s,background .3s} .compare-line .compare-brand{width:24px;height:29px}.transformation-compare:is(:hover,:focus-within) .compare-line>span:before{background:#d09369;box-shadow:0 0 23px #bb7c5299,0 0 40px #bb7c5240} .compare-hint{position:absolute;top:80%;left:calc(var(--reveal) + 41px);transform:translateY(-50%);z-index:3;font-size:10px;line-height:1.4;max-width:calc(50% - 50px);color:#ede7da;text-shadow:0 1px 5px #081525,0 0 12px #081525;background:#14244070;padding:5px 7px;pointer-events:none;transition:opacity .25s}.comparison-used .compare-hint{opacity:0;visibility:hidden} /* Compact text gives the ambient film the larger share of the composition. */ .editorial #concept .split{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);column-gap:4%;row-gap:18px;align-items:start}.editorial #concept .concept-note{grid-column:1;grid-row:1;max-width:100%;margin:0 0 12px;gap:19px}.editorial #concept .concept-copy{grid-column:1;grid-row:2;min-width:0}.editorial #concept .goat-cinema{grid-column:2;grid-row:1/span 2;height:clamp(420px,40vw,620px);width:100%}.editorial #concept .concept-copy h3{font-size:clamp(30px,3.2vw,46px);line-height:1.04;letter-spacing:-.05em;margin:0 0 23px}.editorial #concept .concept-copy p{font-size:14px;line-height:1.8;max-width:100%;overflow-wrap:break-word;margin:15px 0}.editorial #concept .concept-note>p{font-size:12px;line-height:1.7}.editorial #concept .concept-copy .goat-wordplay{font-size:11px} /* Shared logo baseline, softly present at rest. */ .editorial #ecoNew>.project-link{transform:none!important;display:flex;flex-direction:column}.editorial #ecoNew>.project-link .body{display:flex;flex-direction:column;flex:1;min-width:0}.editorial #ecoNew .project-link h3{min-height:60px;margin:0 0 15px}.editorial #ecoNew .project-link .body>p{min-height:76px;margin:0 0 18px}.editorial #ecoNew .project-sign{width:min(100%,160px);height:95px;margin:auto auto 0;object-position:center;opacity:.5;transform:none;filter:grayscale(.4);transition:opacity .3s,transform .35s,filter .3s}.editorial #ecoNew .project-link:is(:hover,:focus-visible) .project-sign{opacity:1;transform:scale(1.09);filter:none} /* Flat, semi-frosted contact surfaces without modeled highlights. */ .editorial #design-top .orbit-item,.editorial #design-top .orbit-item:is(:hover,:focus-visible){background:#dce4eb38!important;color:#ede7da;border:1px solid #ede7da45!important;box-shadow:none!important;backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);filter:none}.editorial #design-top .orbit-item:before{display:none}.editorial #design-top .orbit-item:is(:hover,:focus-visible){background:#dce4eb55!important;border-color:#ede7da88!important} .editorial .branch-avatar-row button{transition:transform .25s,box-shadow .25s,filter .25s;overflow:visible}.editorial .branch-avatar-row button img,.editorial .branch-avatar-row .work-author-avatar{border-radius:50%}.editorial .branch-avatar-row button:is(:hover,:focus-visible){transform:scale(1.17);box-shadow:0 0 0 2px #bb7c52,0 0 18px #bb7c525c;filter:brightness(1.12);z-index:2}.editorial .branch-avatar-row button:active{transform:scale(1.08)} .editorial #branchCardNew .branch-route-open,.editorial #branchCardNew .branch-parking-open{padding:7px 0;border:0;background:transparent;text-decoration:none;font-size:12px;transition:color .2s,transform .2s}.editorial #branchCardNew :is(.branch-route-open,.branch-parking-open):is(:hover,:focus-visible){color:#dba17b;transform:translateX(2px)} .editorial .feedback-emphasis{transition:color .2s,box-shadow .2s,border-color .2s}.editorial .feedback-emphasis:is(:hover,:focus-visible){border-color:#bb7c52!important;box-shadow:inset 0 0 0 2px #bb7c52;color:#955938!important} #route-dialog{width:min(580px,calc(100vw - 32px));padding:45px 35px 32px;max-height:90dvh;overflow:auto;font-family:Golos,Arial,sans-serif}.route-close{position:absolute;right:13px;top:8px;border:0;background:transparent;font-size:29px;color:#ede7da;padding:7px}.route-dialog-body>.chapter-index{font-size:9px;color:#dba17b;margin-bottom:20px}#route-title{font-size:38px;letter-spacing:-.045em;font-weight:700;line-height:1.05;margin:0 20px 15px 0}.route-address{font-size:13px;opacity:.75}.route-prompt{font-size:11px;color:#ede7da99!important;margin-top:25px}.route-choices{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:12px 0 25px}.route-choices>a{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-top:1px solid #ede7da40;text-decoration:none;background:none;transition:color .2s,border-color .2s,transform .2s}.route-choices>a>span{font-size:9px;color:#bb7c52}.route-choices strong{font-size:23px;font-weight:600;letter-spacing:-.035em}.route-choices small{font-size:10px;opacity:.65}.route-choices>a:is(:hover,:focus-visible){color:#dba17b;border-color:#bb7c52;transform:translateY(-2px)}.route-parking{border:0;border-block:1px solid #ede7da25;padding:0}.route-parking summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:18px 0;font-size:13px}.route-parking summary::-webkit-details-marker{display:none}.route-parking summary>span{color:#bb7c52;font-size:22px}.route-parking[open] summary>span{transform:rotate(45deg)}.route-parking summary:is(:hover,:focus-visible){color:#dba17b}.route-parking>div{padding-bottom:20px}.route-parking p,.route-parking a{font-size:11px;line-height:1.8}.route-parking a{color:#dba17b;text-decoration:none}.route-parking img{max-width:100%;height:auto} @media(max-width:1000px){.editorial #concept .split{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:20px}.editorial #concept .concept-note{grid-template-columns:80px 1fr;gap:12px}.editorial #concept .concept-note>.editorial-film{width:80px}.editorial #concept .concept-note>p{font-size:11px}.editorial #ecoNew .project-link h3{min-height:75px}.editorial #ecoNew .project-link .body>p{min-height:105px}} @media(max-width:680px){.compare-line>span,.transformation-compare:is(:hover,:focus-within) .compare-line>span{width:52px;height:45px;font-size:22px;gap:3px}.compare-line>span:before{width:32px;height:32px}.compare-line .compare-brand{width:21px;height:25px}.compare-hint{font-size:8px;line-height:1.3;left:calc(var(--reveal) + 29px);max-width:calc(50% - 34px);padding:3px 4px}.editorial #concept .split{grid-template-columns:1fr;gap:25px}.editorial #concept .concept-note{grid-column:1;grid-row:1;grid-template-columns:82px 1fr;gap:19px}.editorial #concept .concept-copy{grid-column:1;grid-row:2}.editorial #concept .goat-cinema{grid-column:1;grid-row:3;height:clamp(300px,90vw,470px)}.editorial #concept .concept-copy h3{font-size:35px}.editorial #ecoNew .project-link h3{min-height:55px}.editorial #ecoNew .project-link .body>p{min-height:100px}.editorial #ecoNew .project-sign{width:120px;height:80px;margin:0 auto}#route-dialog{padding:42px 24px 25px}#route-title{font-size:32px}.route-choices{gap:17px}.route-choices strong{font-size:20px}} .editorial #ecoNew .project-link .project-sign{margin:auto auto 0} /* Krasnoyarsk illustrations share the approved pen strokes and the site's real controls. */ .editorial #design-top header .motto{display:none!important} .editorial #design-top header:not(.compact){grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr)} .editorial #design-top header .header-left{grid-column:1;grid-row:1}.editorial #design-top header .logo{grid-column:2;grid-row:1}.editorial #design-top header .header-right{grid-column:3;grid-row:1} @media(max-width:1100px){.editorial #design-top header:not(.compact){grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr)}} @media(max-width:640px){.editorial #design-top header:not(.compact){grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr)}} .bridge-signature{position:absolute;left:9%;top:57%;width:clamp(170px,19vw,290px);aspect-ratio:1800/353;background:#142440;mask:url(design-assets/motto-left-signature-lossless-v1.webp) center/contain no-repeat;transform:rotate(-13deg);transform-origin:center;opacity:.88;z-index:1;pointer-events:none} .bridge-signature-right{left:60%;top:15%;mask-image:url(design-assets/motto-right-signature-lossless-v1.webp)} @media(min-width:681px){.editorial #city-bridge.bridge-seam{height:clamp(300px,31vw,490px)}.bridge-signature{width:clamp(240px,27vw,430px);left:8%;top:51%}.bridge-signature-right{left:60%;top:15%}.editorial #design-top .loader-motto{width:clamp(400px,30vw,580px);max-width:70vw;margin-left:0;transform:translateX(-50%) rotate(-4deg)}} .identity-grain{position:absolute;left:0;top:0;width:100%;z-index:-1;pointer-events:none;fill:none;stroke:#8f8168;stroke-width:1.15;opacity:.075;overflow:hidden} .editorial #city-bridge.bridge-seam{margin-top:0} @media(max-width:680px){.bridge-signature{left:7%;top:36%;width:clamp(145px,36vw,200px)}.bridge-signature-right{left:58%;top:4%}} .editorial .stolby-world{position:relative;margin:40px -3vw 0;color:var(--ink);isolation:isolate} .stolby-surface{position:relative;background:var(--paper);isolation:isolate} .stolby-rings{position:absolute;inset:-4% -4%;width:108%;height:108%;fill:none;stroke:#9b927b;stroke-width:1.2;opacity:.095;z-index:-1;pointer-events:none} .stolby-canvas{position:relative;aspect-ratio:3/2;max-width:1320px;margin:auto} .stolby-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:url(#landmark-ink);mix-blend-mode:multiply} .editorial .meaning-point{position:absolute;left:var(--point-x);top:var(--point-y);width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer;padding:0!important;z-index:3;color:#142440!important} .meaning-dot{width:11px;height:11px;background:#b36540;border-radius:50%;box-shadow:0 0 0 0 #bb7c5200;transition:box-shadow .3s,transform .3s} .meaning-point small{position:absolute;left:31px;top:2px;font-size:10px;font-weight:600;letter-spacing:.02em} .meaning-point:is(.is-preview,.is-open) .meaning-dot{transform:scale(1.25);box-shadow:0 0 0 7px #bb7c5224,0 0 0 14px #bb7c5210} .meaning-point:focus-visible{outline:2px solid #9b5c38!important;outline-offset:3px} .editorial .meaning-tooltip{position:absolute;left:var(--tip-x);top:var(--tip-y);transform:translate(28px,-50%);display:flex;align-items:center;gap:20px;max-width:min(420px,37%);padding:13px 18px!important;background:#f4f0e7f5!important;color:#142440!important;border:1px solid #c9c0b080!important;border-radius:40px!important;box-shadow:0 4px 16px #1424400c;font-size:clamp(12px,1.2vw,17px);line-height:1.3;font-weight:550!important;text-align:left;z-index:5;cursor:pointer} .meaning-tooltip.tip-left{transform:translate(calc(-100% - 28px),-50%)} .meaning-tooltip b{color:#b36540;font-size:22px;font-weight:450;flex:none} .meaning-tooltip[aria-expanded=true] b{transform:rotate(45deg)} .editorial .meaning-reading{position:absolute;bottom:9%;left:14%;width:39%;padding:12px 32px 12px 22px;border-left:2px solid #b36540;background:#ede7daf2;z-index:4} .meaning-reading[hidden]{display:none!important} .editorial .meaning-reading h3{font-size:clamp(16px,1.6vw,22px);line-height:1.15;letter-spacing:-.03em;font-weight:650;margin:8px 0 12px;color:#142440} .editorial .meaning-reading p{font-size:clamp(12px,1.05vw,15px);line-height:1.65;margin:0;color:#142440} .meaning-category{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#81573d} .editorial .meaning-close{position:absolute;right:0;top:0;width:28px;height:28px;border:0;background:transparent!important;font-size:23px;padding:0;color:#9b5c38!important;cursor:pointer} .editorial .meaning-hint{font-size:10px;letter-spacing:.08em;margin:12px 0 0 4%;opacity:.6} .landmark-seam{position:relative;isolation:isolate;pointer-events:none;overflow:hidden;background:#ede7da} .landmark-wave{position:absolute;inset:auto 0 -1px;width:100%;height:90px;fill:#142440;z-index:2} .editorial .chapel-seam{height:340px;margin:0 calc(-1 * max(5vw,calc((100vw - 1440px)/2))) -1px} .chapel-art{position:absolute;width:190px;height:310px;object-fit:contain;left:70%;bottom:18px;transform:translateX(-50%);mix-blend-mode:multiply;filter:url(#landmark-ink)} .editorial .identity-origin{padding-bottom:25px;margin-bottom:0} .editorial .identity-manifesto.has-chapel-seam{margin-top:0;padding-top:95px} .editorial .identity-manifesto.has-chapel-seam:after{display:none} .editorial .bridge-seam{height:clamp(280px,29vw,490px);margin:0;z-index:1} .bridge-art{position:absolute;bottom:-40px;left:0;width:100%;height:auto;mix-blend-mode:multiply;pointer-events:none} .bridge-seam .landmark-wave{height:90px} .editorial main>section#partners.has-bridge-seam{padding-top:85px} .editorial #partners.has-bridge-seam:after,.editorial #partners.has-bridge-seam>.section-contour{display:none} .editorial #journal{padding-bottom:35px} @media(max-width:1000px){.editorial .meaning-reading{left:8%;width:45%;bottom:6%}.editorial .meaning-tooltip{max-width:40%;gap:12px;padding:10px 13px!important}.editorial .chapel-seam{height:290px}.chapel-art{height:270px;width:170px}} @media(max-width:680px){ .editorial .stolby-world{margin:25px -5vw 0}.stolby-canvas{aspect-ratio:auto;padding-bottom:0}.stolby-art{width:100%;height:auto;aspect-ratio:3/2} .stolby-rings{inset:-3% 0;width:100%;height:100%}.meaning-point small{font-size:8px;left:29px;top:5px}.meaning-dot{width:9px;height:9px} .editorial .meaning-tooltip,.editorial .meaning-tooltip.tip-left{position:relative;left:auto;top:auto;transform:none;max-width:none;width:calc(100% - 36px);margin:10px 18px 0;padding:14px 17px!important;justify-content:space-between;font-size:15px;border-radius:0!important;box-shadow:none;border:0!important;border-bottom:1px solid #bb7c5244!important;background:#ede7da!important;min-height:60px} .editorial .meaning-reading{position:relative;left:auto;bottom:auto;width:auto;margin:20px 26px 0;padding:7px 30px 10px 17px}.editorial .meaning-reading h3{font-size:20px}.editorial .meaning-reading p{font-size:14px}.meaning-category{font-size:8px} .editorial .meaning-hint{margin:17px 24px 0;letter-spacing:.03em;font-size:9px}.editorial .chapel-seam{height:230px;margin-inline:-6.82vw}.chapel-art{width:120px;height:220px;left:72%;bottom:12px}.landmark-wave{height:60px} .editorial .identity-manifesto.has-chapel-seam{padding-top:65px}.editorial .bridge-seam{height:200px}.bridge-art{width:150%;max-width:none;left:-25%;bottom:-14px}.bridge-seam .landmark-wave{height:60px}.editorial main>section#partners.has-bridge-seam{padding-top:65px} } @media(prefers-reduced-motion:reduce){.meaning-dot,.editorial .meaning-tooltip{transition:none}} .stolby-scene{position:absolute;inset:0}.chapel-art{width:155px}.stolby-art{opacity:.8} @media(max-width:680px){.stolby-scene{position:relative;inset:auto;aspect-ratio:3/2}.chapel-art{width:110px}} @media(min-width:681px){.editorial .meaning-tooltip{transform:translate(-30%,calc(-100% - 25px))}.editorial .meaning-tooltip.tip-left{transform:translate(calc(-100% + 10px),calc(-100% - 25px))}} .editorial .identity-manifesto.has-chapel-seam{margin-inline:calc(-1 * max(5vw,calc((100vw - 1440px)/2)))} @media(max-width:680px){.editorial .chapel-seam,.editorial .identity-manifesto.has-chapel-seam{margin-inline:-6vw}} /* Reading rhythm: tighter chapter transitions and legible secondary copy. */ .editorial main>section{padding-block:78px} .editorial main>section.field-transition{padding-top:135px} .editorial main>section.field-transition:after{height:105px} .editorial main>section:not(.field-transition)+section:not(.field-transition){padding-top:42px} .editorial .sectiontitle{margin-bottom:36px;column-gap:5%;align-items:end} .editorial .sectiontitle>p,.editorial .team-intro-copy>p,.editorial .reviews-intro p{font-size:17px!important;line-height:1.6!important;max-width:470px;text-wrap:pretty} .editorial .chapter-index,.editorial .eyebrow{font-size:11px;letter-spacing:.11em} .editorial main>section h2,.editorial main>section h3{text-wrap:balance} .editorial main>section p{text-wrap:pretty} .editorial .team-intro{gap:5%;margin-bottom:38px;align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)} .editorial .team-intro h2{font-size:clamp(40px,4.1vw,65px);margin:20px 0 23px} .editorial .team-ambition{margin-top:26px;padding:0;border:0;max-width:none} .editorial .team-ambition .eyebrow{font-size:12px;letter-spacing:.12em;color:#dba17b;margin-bottom:10px} .editorial .team-ambition p{font-size:clamp(24px,2.4vw,35px);max-width:none;line-height:1.16;margin:0;text-wrap:initial} .editorial .team-cinema{width:min(100%,320px)} .editorial #reviews{padding-bottom:40px}.editorial #gifts{padding-top:40px;padding-bottom:45px} .editorial #identity{padding-top:35px;padding-bottom:60px} .editorial #identity .identity-heading{margin-bottom:12px;gap:10px 5%} .editorial #identity .identity-heading>p{max-width:470px} .editorial .stolby-world{margin-top:0} .editorial #identity:before{display:none;background:none} .stolby-surface{background:transparent} .identity-grain{position:absolute;left:0;top:0;width:100%;z-index:-1;pointer-events:none;fill:none;stroke:#8f8168;stroke-width:1.15;opacity:.075;overflow:hidden} .editorial .identity-origin{margin-top:5px;padding:22px 0 0;gap:6%;align-items:center} .editorial .identity-origin h3{font-size:clamp(32px,3.45vw,54px);margin:18px 0} .editorial .identity-origin p{font-size:17px;line-height:1.65;max-width:640px} .editorial .chapel-seam{height:285px;margin-top:-105px;background:transparent;z-index:1} .chapel-art{left:79%;height:275px;width:138px;bottom:20px} .editorial .identity-manifesto.has-chapel-seam{padding-top:60px;padding-bottom:55px;margin-bottom:-60px} .editorial .manifesto-heading{margin-bottom:32px}.editorial .manifesto-layout{gap:5%;grid-template-columns:1fr 1fr} .editorial .manifesto-art{max-width:490px}.editorial .manifesto-reading{min-height:280px} .editorial .manifesto-reading>p:not(.note){font-size:16px;line-height:1.7} .editorial #achievements{padding-bottom:25px}.editorial #achievements .awards-belt{padding-block:22px;margin-top:18px} .editorial #concept{padding-top:120px} .editorial #journal{padding-bottom:0} .editorial #journalGrid{gap:30px 22px}.editorial #journalGrid>.card .placeholder{height:auto;aspect-ratio:1.9/1;min-height:0} .editorial #journalGrid>.card .body{padding:14px 0 0}.editorial #journalGrid h3{font-size:clamp(21px,1.9vw,28px);line-height:1.12;margin:7px 0 14px} .editorial #journalGrid .body>small{font-size:12px}.editorial #journalGrid .body>button{font-size:13px;padding:4px 0} .journal-all{display:flex;justify-content:flex-end;margin:24px 0 0} .journal-all a{color:#8f5433;text-decoration:none;font-size:15px;padding:8px 0;border-bottom:1px solid #bb7c5266} .editorial .bridge-seam{height:clamp(200px,24vw,380px);margin-top:0;z-index:0;overflow:visible} .bridge-seam .bridge-art{bottom:-40px}.bridge-seam:before{content:'';position:absolute;inset:0 0 70px;background:#ede7da;z-index:-1} .editorial #journal{position:relative;z-index:1;background:var(--field)!important;pointer-events:auto} .editorial #journal :is(a,button,.card,.tabs){pointer-events:auto}.editorial #journal:before{mask-image:linear-gradient(#000,transparent 90%)} .editorial main>section#partners.has-bridge-seam{padding-top:55px} .editorial #ecoNew{gap:15px;border:0;align-items:stretch} .editorial #ecoNew>.project-link{position:relative;padding:26px 22px!important;border:1px solid #ede7da20!important;background:#ede7da03!important;transition:transform .28s,background .28s,box-shadow .28s!important;min-height:240px} .editorial #ecoNew>.project-link:is(:hover,:focus-visible){transform:translateY(-4px) scale(1.015);background:#ede7da0b!important;border-color:#ede7da20!important;box-shadow:inset 0 0 0 1px #bb7c5266,0 14px 30px #07101b25;outline:0} .editorial #ecoNew>.project-link:before,.editorial #ecoNew>.project-link:after{display:none!important} .editorial #ecoNew>.project-link h3{font-size:clamp(23px,2vw,30px);margin-bottom:12px}.editorial #ecoNew>.project-link p{font-size:14px;line-height:1.6} .editorial #ecoNew .project-sign{height:75px;margin-top:18px;opacity:.65;transform:none} /* A single expandable bubble follows the chosen semantic anchor. */ .meaning-popover{position:absolute;z-index:8;width:max-content;max-width:min(390px,42%);background:#f5f0e7f7;border:1px solid #cbc1b380;border-radius:28px;box-shadow:0 7px 24px #14244012;overflow:hidden;color:#142440} .meaning-popover[hidden],.meaning-detail[hidden],.meaning-dismiss[hidden]{display:none!important} .editorial .meaning-popover .meaning-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 19px;border:0;border-radius:0;background:transparent!important;color:#142440!important;text-align:left;font-weight:600;font-size:17px;line-height:1.3;cursor:pointer} .meaning-toggle b{color:#a25c37;font-size:21px;font-weight:450}.meaning-popover.is-expanded{width:430px;max-width:46%;border-radius:23px} .meaning-popover.is-expanded .meaning-toggle{padding-right:38px}.meaning-popover.is-expanded .meaning-toggle b{display:none} .meaning-detail{padding:0 20px 21px}.meaning-detail .meaning-category{display:block;font-size:10px;letter-spacing:.1em;margin:4px 0 11px;color:#9b5c38} .editorial .meaning-detail p{font-size:15px;line-height:1.65;margin:0;color:#142440} .editorial .meaning-dismiss{position:absolute;right:9px;top:9px;width:29px;height:29px;line-height:1;background:transparent!important;border:0;color:#9b5c38;font-size:23px;cursor:pointer} .meaning-dot{position:relative}.meaning-dot:before,.meaning-dot:after{content:'';position:absolute;inset:-3px;border:1px solid #bb7c5280;border-radius:50%;animation:meaning-ripple 2.8s ease-out infinite;pointer-events:none} .meaning-dot:after{animation-delay:1.4s}.meaning-point:nth-of-type(2n) .meaning-dot:before{animation-delay:.3s}.meaning-point:nth-of-type(2n) .meaning-dot:after{animation-delay:1.7s} .meanings-paused .meaning-dot:before,.meanings-paused .meaning-dot:after{animation:none;opacity:0} @keyframes meaning-ripple{0%{transform:scale(.8);opacity:.65}85%,100%{transform:scale(3);opacity:0}} .branches-city-control{margin-left:12px}.editorial #branches .toolbar{gap:24px}.editorial #branches .toolbar label:last-child{margin-left:auto} .editorial .branches-city-control select{font:inherit;background:transparent;color:inherit;border:0;border-bottom:1px solid #ede7da33;padding:10px 24px 10px 0;cursor:pointer;font-size:14px}.branches-city-control option{background:#142440;color:#ede7da} .blag-pin{left:33.66%;top:46.42%}.editorial .city-map .blag-pin{z-index:6} .editorial .blag-card h3{font-size:clamp(26px,3.1vw,44px)!important}.blag-card .branch-contact-icons{margin:23px 0}.blag-card .branch-actions>a.primary{background:#bb7c52;color:#142440;padding:16px 22px;border:0} .editorial #branchSwipe.is-blag{display:grid;grid-template-columns:1fr}.editorial #branchSwipe.is-blag[hidden]{display:none!important} @media(max-width:1000px){.editorial .team-intro{grid-template-columns:1.2fr .8fr}.editorial .team-ambition p{font-size:27px}.editorial .sectiontitle{grid-template-columns:1fr}.editorial .sectiontitle>p{justify-self:start!important}.editorial .chapel-seam{margin-top:-45px;height:260px}.chapel-art{height:250px}.meaning-popover{max-width:46%}.meaning-popover.is-expanded{max-width:55%}} @media(max-width:680px){ .editorial main>section{padding-block:50px}.editorial main>section.field-transition{padding-top:98px}.editorial main>section.field-transition:after{height:78px}.editorial main>section:not(.field-transition)+section:not(.field-transition){padding-top:30px} .editorial .sectiontitle{margin-bottom:25px;gap:16px}.editorial .sectiontitle>p,.editorial .team-intro-copy>p,.editorial .reviews-intro p{font-size:15px!important;line-height:1.65!important}.editorial .chapter-index,.editorial .eyebrow{font-size:10px} .editorial .team-intro{grid-template-columns:1fr;margin-bottom:26px;gap:24px}.editorial .team-ambition p{font-size:26px}.editorial .team-ambition .eyebrow{font-size:11px}.editorial .team-cinema{max-width:260px} .editorial #reviews{padding-bottom:28px}.editorial #gifts{padding-block:28px}.editorial #identity{padding-top:30px;padding-bottom:45px}.editorial .identity-origin{margin-top:4px;padding-top:16px}.editorial .identity-origin h3{font-size:34px}.editorial .identity-origin p{font-size:15px} .editorial .chapel-seam{margin-top:-8px;height:205px}.chapel-art{left:81%;height:205px;width:103px;bottom:13px}.editorial .identity-manifesto.has-chapel-seam{padding-block:45px;margin-bottom:-45px}.editorial .manifesto-reading>p:not(.note){font-size:15px} .editorial #achievements{padding-bottom:10px}.editorial #concept{padding-top:95px}.editorial .bridge-seam{height:170px;margin-top:-20px}.bridge-seam .bridge-art{bottom:-14px}.journal-all{margin-top:18px;justify-content:flex-start}.journal-all a{font-size:14px} .editorial #journalGrid{grid-template-columns:1fr 1fr!important;gap:22px 14px}.editorial #journalGrid h3{font-size:20px}.editorial #journalGrid .body>small{font-size:10px}.editorial #journalGrid>.card .placeholder{aspect-ratio:1.4} .editorial #ecoNew{grid-template-columns:1fr 1fr;gap:12px}.editorial #ecoNew>.project-link{padding:18px 14px!important;min-height:220px}.editorial #ecoNew>.project-link h3{font-size:23px}.editorial #ecoNew>.project-link p{font-size:12px}.editorial #ecoNew .project-sign{height:55px} .meaning-popover,.meaning-popover.is-expanded{position:relative;left:auto!important;top:auto!important;width:auto;max-width:none;margin:14px 16px 0;border-radius:22px}.editorial .meaning-popover .meaning-toggle{font-size:16px}.editorial .meaning-detail p{font-size:14px}.meaning-detail .meaning-category{font-size:10px}.editorial .meaning-hint{font-size:10px;margin-top:15px} .editorial #branches .toolbar{gap:12px;align-items:start}.editorial #branches .toolbar label:last-child{margin-left:0}.editorial .branches-city-control{margin-left:0!important;min-width:160px;flex:1}.editorial .branches-city-control select{font-size:13px;max-width:100%} } @media(prefers-reduced-motion:reduce){.meaning-dot:before,.meaning-dot:after{animation:none;opacity:0}.editorial #ecoNew>.project-link{transition:none!important}} .journal-all{justify-content:flex-start} .editorial .city-map .pin[hidden],.editorial #branches label[hidden],.editorial #branchSwipe .card[hidden],.editorial #journalGrid>.card[hidden]{display:none!important} .editorial .team-ambition{display:block}.editorial .team-ambition .eyebrow{display:block;font-size:13px;margin:0 0 12px}.editorial .team-intro-copy>p{max-width:650px!important} @media(max-width:680px){.editorial .team-ambition .eyebrow{font-size:11px}} .identity-grain{mask-image:linear-gradient(transparent,#000 8%,#000 88%,transparent)} .editorial main>section .sectiontitle.editorial-reveal{opacity:1;transform:none} /* A handwritten beginning, floating above the founder's story. */ .editorial .founder-portrait figcaption{border-left:0;padding-left:0} .editorial .identity-origin{position:relative} .editorial .identity-origin>.founder-beginning{position:absolute;top:4px;left:52%;width:46%;height:auto;transform:rotate(-6deg);pointer-events:none} /* One quiet glint on opening, with a soft halo behind the award itself. */ .award-emblem{background:none;isolation:isolate} .award-emblem:before{content:'';position:absolute;inset:10% 7%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#e0bb843d 0%,#b7cad91c 35%,transparent 72%);filter:blur(17px)} .award-object{position:relative;display:block;width:fit-content;max-width:100%} .award-object>img{display:block;max-width:100%;width:auto;height:auto;max-height:255px;filter:drop-shadow(0 0 11px #e6a16ac2) drop-shadow(0 0 26px #c67c4a8c) drop-shadow(0 10px 18px #050d1e66)} .award-object:after{content:'';position:absolute;inset:0;pointer-events:none;mask:var(--award-image) center/100% 100% no-repeat;-webkit-mask:var(--award-image) center/100% 100% no-repeat;background:linear-gradient(115deg,transparent 40%,#fff4d275 48%,#ffffff9c 50%,#fff4d250 53%,transparent 61%);background-size:300% 100%;background-position:130% 0;opacity:0;animation:award-opening-sheen 8s ease-in-out .15s infinite} @keyframes award-opening-sheen{0%{background-position:130% 0;opacity:0}4%{opacity:.6}17%{opacity:.6}21%,100%{background-position:-30% 0;opacity:0}} @media(max-width:680px){.editorial .identity-origin>.founder-beginning{position:static;grid-row:2;max-width:440px;width:94%;justify-self:center;margin:0 0 8px;transform:rotate(-6deg)}.editorial .identity-origin>div{grid-row:3}.award-object>img{max-height:185px}} @media(prefers-reduced-motion:reduce){.award-object:after{animation:none}} @media(max-width:680px){.editorial .identity-origin{row-gap:16px}} .editorial #concept .goat-terracotta,.editorial #concept .chapter-title>.accent-dot{color:#bb7c52} .goat-footnote-mark{position:relative;top:-1.12em;font-size:.44em;line-height:0;vertical-align:baseline;margin-left:.06em;margin-right:.04em;letter-spacing:0} /* Animate the ink itself, so its blend and stacking never change mid-arrival. */ .editorial #design-top .frontline{z-index:auto!important;mix-blend-mode:normal} .editorial #design-top .frontline>span{opacity:1!important;transform:none!important;transition:none!important} .editorial #design-top .frontline em{display:inline-block;position:relative;z-index:8;mix-blend-mode:exclusion;color:#fff3df;opacity:1;transform:translateX(0);transition:transform 1.8s cubic-bezier(.2,.7,.2,1) .35s,opacity 1.4s .35s} .editorial #design-top .frontline .brand-dot{position:relative;z-index:8;opacity:1;transform:translateX(0);transition:transform 1.8s cubic-bezier(.2,.7,.2,1) .35s,opacity 1.4s .35s} body.js:not(.entered).editorial #design-top .frontline em{opacity:0;transform:translateX(8%)}body.js:not(.entered).editorial #design-top .frontline .brand-dot{opacity:0;transform:translateX(6vw)} .editorial #branches .toolbar label:last-child,.editorial #branches .branches-branch-control{margin-left:0}.editorial #branches .toolbar{justify-content:flex-start}.editorial .branches-city-control{margin-left:12px}.editorial #branches .branches-city-control .taiga-select-trigger{font-size:13px;min-width:135px}.editorial .branches-branch-control .taiga-select-trigger:disabled{opacity:.8;cursor:default}.editorial .branches-branch-control .taiga-select-trigger:disabled .select-chevron{visibility:hidden} .editorial .branch-contact-icons [data-contact-kind=instagram]:is(:hover,:focus-visible){color:#e66892}.editorial .branch-team-pending{align-items:center;flex-wrap:wrap}.branch-avatar-placeholder{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #ede7da30;color:#ede7da60;flex:none}.branch-avatar-placeholder svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.2}.branch-team-pending>small{font-size:10px;line-height:1.5;opacity:.6;margin-left:5px}.editorial .branch-actions [data-blago-about]{background:transparent;border:0;color:inherit;padding:10px 0;font-size:12px}.editorial .branch-actions [data-blago-about]:is(:hover,:focus-visible){color:#dba17b} .editorial #partners .panel,.editorial #partners .panel:is(:hover,:focus-visible,:active),.editorial #partners .panel button,.editorial #partners .panel button:is(:hover,:focus-visible,:active){background:transparent!important;box-shadow:none!important}.editorial #partners .panel button:is(:hover,:focus-visible){color:#dba17b} /* A photographic enlargement: all metadata is inside the image. */ .editorial dialog#work-lightbox{width:min(92vw,calc(88dvh * var(--photo-ratio,.75)));max-width:94vw;max-height:92dvh;padding:0;border:0;background:transparent!important;color:#ede7da;overflow:visible;box-shadow:0 18px 70px #0005;font-family:Golos,Arial,sans-serif} .editorial dialog#work-lightbox:before,.editorial dialog#work-lightbox:after{display:none!important}.work-lightbox::backdrop{background:#07101bc7;backdrop-filter:blur(7px)}.work-lightbox-photo{position:relative;isolation:isolate;margin:0;width:100%;aspect-ratio:var(--photo-ratio,.75);overflow:hidden}.work-lightbox-image{display:block;width:100%;height:100%;object-fit:contain}.work-lightbox-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08152540 35%,#081525e6);pointer-events:none;z-index:1}.work-lightbox-close{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#14244077;color:#ede7da;font-size:29px;line-height:1;padding:0;transition:background .2s,transform .2s}.work-lightbox-close:hover{background:#142440bb;transform:scale(1.06)}.work-lightbox-award{position:absolute;z-index:2;top:22px;left:24px;right:65px;font-size:10px;letter-spacing:.045em;font-weight:550;text-shadow:0 1px 9px #07101b}.work-lightbox-meta{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:25px 27px 27px}.work-lightbox h2{font-size:clamp(26px,3vw,42px);font-weight:650;line-height:1.05;letter-spacing:-.04em;margin:0 0 22px;color:#ede7da;text-shadow:0 1px 12px #0003}.work-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-lightbox-author{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#ede7da;text-align:left;font-size:12px}.work-lightbox-author>img{width:35px;height:35px;border-radius:50%;object-fit:cover}.work-lightbox-author>span{display:flex;flex-direction:column;gap:3px}.work-lightbox-author small{font-size:9px;opacity:.65}.work-lightbox-author:hover{color:#dba17b;background:transparent}.work-lightbox .work-actions{display:flex;align-items:center;gap:10px}.work-lightbox .work-actions button{display:flex;align-items:center;gap:7px;padding:7px 3px;background:transparent;border:0;color:#ede7da;font-size:12px;transition:color .2s,transform .2s}.work-lightbox .work-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.work-lightbox .work-actions button:is(:hover,:focus-visible){color:#dba17b;transform:scale(1.08)}.work-lightbox .work-actions button[aria-pressed=true]{color:#dba17b}.work-lightbox .work-actions button[aria-pressed=true] svg{fill:#bb7c5266} @media(max-width:680px){.editorial .branches-city-control{margin-left:0}.editorial #branches .toolbar label:last-child{margin-left:0}.work-lightbox-meta{padding:20px 16px}.work-lightbox h2{font-size:29px;margin-bottom:16px}.work-lightbox-author{font-size:10px;gap:7px}.work-lightbox-author>img{width:29px;height:29px}.work-lightbox .work-actions{gap:7px}.work-lightbox .work-actions svg{width:19px;height:19px}.work-lightbox-award{left:16px;top:18px;font-size:8px}.work-lightbox-close{top:9px;right:9px;width:31px;height:31px;font-size:25px}} /* Quiet periodic invitation, with motion disabled for reduced-motion preferences. */ .editorial #design-top #book{position:relative;overflow:hidden;animation:book-reminder 14s ease-in-out infinite} .editorial #design-top #book:after{content:'';position:absolute;inset:-60% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ede7da66 50%,transparent 65%);transform:translateX(-140%);opacity:0;animation:book-sheen 14s ease-in-out infinite} .editorial #design-top #book:is(:hover,:focus-visible),.editorial #design-top #book:is(:hover,:focus-visible):after{animation-play-state:paused} @keyframes book-sheen{0%,40%{opacity:0;transform:translateX(-140%)}44%{opacity:.65}55%{opacity:0;transform:translateX(140%)}100%{opacity:0;transform:translateX(140%)}} @keyframes book-reminder{0%,67%,76%,100%{transform:translateX(0) rotate(0)}69%,73%{transform:translateX(-1.5px) rotate(-.35deg)}71%,75%{transform:translateX(1.5px) rotate(.35deg)}} .work-lightbox .work-lightbox-award{top:20px;left:22px;right:auto;max-width:calc(100% - 85px);width:fit-content;font-size:clamp(12px,1.3vw,16px);font-weight:650;line-height:1.45;letter-spacing:.015em;color:#fff3df;background:#142440d9;padding:9px 13px;border-left:2px solid #bb7c52;text-shadow:none;backdrop-filter:blur(8px)} .editorial #branchSwipe.is-blag{display:flex}.editorial #branchSwipe .blag-card h3{font-size:21px!important} .editorial #branches .blag-card .branch-contact-icons{margin:16px 0}.editorial #branches .branch-avatar-placeholder{width:46px;height:46px} .editorial #branchCardNew .blag-card h3{font-size:clamp(26px,3.5vw,50px)!important} .editorial #branches .branch-actions :is(a:not(.primary),[data-blago-about]){padding:12px 0;font-size:13px;background:transparent!important;border:0;border-bottom:1px solid var(--hairline);color:inherit;box-shadow:none!important} .editorial #branches .branch-actions :is(a:not(.primary),[data-blago-about]):is(:hover,:focus-visible,:active){background:transparent!important;box-shadow:none!important;color:#dba17b!important;border-bottom-color:#bb7c52;outline:none} .editorial #branches .branch-actions :is([data-book],a.primary){padding:17px 23px;background:#bb7c52;border:1px solid #bb7c52;color:#142440;font-size:15px;font-weight:650;gap:25px} .editorial #branches .branch-actions :is([data-book],a.primary):is(:hover,:focus-visible){background:#ede7da;border-color:#ede7da} .champion-media{min-width:0}.achievement-film{width:100%;aspect-ratio:16/9;background:#142440;position:relative;overflow:hidden}.champion-play{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#ede7da;overflow:hidden}.champion-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .4s}.champion-play:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#08152599);pointer-events:none}.champion-play-disc{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid #ede7da99;background:#142440b3;color:#ede7da;font-size:32px;transition:background .25s,transform .25s}.champion-video-label{position:absolute;z-index:2;left:23px;bottom:20px;font-size:13px;font-weight:550}.champion-play:is(:hover,:focus-visible) img{transform:scale(1.025);filter:brightness(1.08)}.champion-play:is(:hover,:focus-visible) .champion-play-disc{background:#bb7c52;transform:translate(-50%,-50%) scale(1.08)}.achievement-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.champion-youtube-link{display:inline-block;font-size:11px;color:#ede7daaa;text-decoration:none;margin-top:12px;transition:color .2s}.champion-youtube-link:hover{color:#fff3df}.editorial .champion-names{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px!important;line-height:1.6}.champion-names>span{display:block;color:#ede7dac9}.champion-names strong{font-weight:650;color:#fff3df;margin-left:7px} @media(max-width:680px){.work-lightbox .work-lightbox-award{top:15px;left:15px;font-size:12px;padding:7px 10px;max-width:calc(100% - 70px)}.editorial #branchCardNew .blag-card h3{font-size:36px!important}.champion-play-disc{width:52px;height:52px;font-size:27px}.champion-video-label{font-size:11px;left:17px;bottom:15px}.editorial .champion-names{font-size:13px!important}.champion-names strong{margin-left:5px}} @media(prefers-reduced-motion:reduce){.editorial #design-top #book,.editorial #design-top #book:after{animation:none}.editorial #design-top .frontline em,.editorial #design-top .frontline .brand-dot{transition:none}.champion-play img{transition:none}} /* Centre the ambition in the space from the intro copy to the filter divider (38px below the row). */ @media(min-width:681px){.editorial #team .team-intro-copy{display:grid;grid-template-rows:auto auto auto minmax(min-content,1fr);align-self:stretch}.editorial #team .team-ambition{align-self:center;margin:26px 0 -12px}} .manifest-flash-stop{transition:stop-opacity .28s linear}@media(prefers-reduced-motion:reduce){.manifest-flash-stop{transition:none}} /* The awards follow the palette boundary while their emblems stay upright. */ .editorial #achievements .awards-belt.awards-on-wave{padding-block:42px 40px} .awards-on-wave .awards-motion{position:relative} .awards-on-wave .award-medal{will-change:transform} body:has(#editorial-dialog[open]) .awards-motion{animation-play-state:paused} @media(max-width:680px){.editorial #achievements .awards-belt.awards-on-wave{padding-block:32px}} /* A restored focus or an empty part of the belt must never keep the strip paused. */ .awards-belt:is(:hover,:focus-within) .awards-motion{animation-play-state:running} .awards-belt:has(.award-medal:hover) .awards-motion, body:has(#editorial-dialog[open]) .awards-belt .awards-motion{animation-play-state:paused} /* A small ivory pen drawing with a restrained, warm light signal. */ .editorial .manifesto-art{position:relative} .manifest-lantern{display:none;position:absolute;right:-9px;top:-69px;align-items:center;gap:5px;pointer-events:none;color:#ede7da;z-index:2;isolation:isolate} .manifest-lantern>span{font-size:11px;font-weight:450;letter-spacing:.025em;white-space:nowrap;opacity:.84;transform:translateY(-6px)} .editorial .manifest-lantern>svg{display:block;width:68px;height:71px;max-width:none;overflow:visible;flex:none} .lantern-ink{stroke:#ede7da;stroke-width:1.35;opacity:.88}.lantern-ink .lantern-fine{stroke-width:.65;opacity:.52} .lantern-rays{stroke:#dba17b;stroke-width:2.6;filter:drop-shadow(0 0 2px #dba17ba6) drop-shadow(0 0 6px #bb7c5280);animation:lantern-signal 1.9s ease-in-out infinite;animation-play-state:paused} .manifest-lantern:after{content:'';position:absolute;right:16px;top:20px;width:70px;height:70px;border-radius:50%;z-index:-1;background:radial-gradient(circle,#e2a46b4d 0%,#dba17b26 30%,#bb7c520d 51%,transparent 72%);animation:lantern-halo 1.9s ease-in-out infinite;animation-play-state:paused} .manifest-lantern.is-visible .lantern-rays,.manifest-lantern.is-visible:after{animation-play-state:running} @keyframes lantern-signal{0%,8%,78%,100%{opacity:.28}30%,50%{opacity:1}} @keyframes lantern-halo{0%,8%,78%,100%{opacity:.2;transform:scale(.86)}30%,50%{opacity:1;transform:scale(1)}} @media(hover:hover) and (pointer:fine){.manifest-lantern{display:flex}.editorial .manifesto-layout{padding-top:54px}} @media(prefers-reduced-motion:reduce){.manifest-lantern .lantern-rays{animation:none;opacity:.85}.manifest-lantern:after{animation:none;opacity:.6;transform:none}} /* Brand interaction rule: color only, without text underlines. */ .editorial :is(a,button){text-decoration:none!important} .champion-names .champion-person{pointer-events:auto;display:inline;padding:0;margin:0 0 0 7px;border:0;border-radius:0;background:transparent;color:#fff3df;font:inherit;font-weight:650;line-height:inherit;cursor:pointer;text-decoration:none!important;transition:color .2s} .champion-names .champion-person:is(:hover,:focus-visible){color:#dba17b} .champion-names .champion-person:focus-visible{outline:1px solid currentColor;outline-offset:4px} .profile-photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 35% 30%,#31435b,#172940 75%);color:#ede7da99} .profile-photo-placeholder svg{width:76px;height:90px;fill:none;stroke:currentColor;stroke-width:1.1} .profile-photo-placeholder small{font-size:10px;letter-spacing:.16em;text-transform:uppercase} @media(max-width:680px){.champion-names .champion-person{margin-left:5px}} .editorial .champion-names{gap:12px} .champion-names>span{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .champion-names .champion-person{display:inline-flex;align-items:center;gap:9px;margin:0;vertical-align:middle;text-align:left;line-height:1.3} .champion-avatar{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:cover;object-position:center 30%;border-radius:50%;background:#ede7da;overflow:hidden} .champion-avatar-placeholder{display:grid;place-items:center;background:#ede7da17;color:#ede7dab3;box-shadow:inset 0 0 0 1px #ede7da35} .champion-avatar-placeholder svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2} .champion-names .champion-person-name{color:inherit} @media(max-width:680px){.champion-names>span{gap:9px}.champion-names .champion-person{margin:0;gap:8px}.champion-avatar{width:30px;height:30px;flex-basis:30px}} /* Canonical homepage header; all page shells import this file last. */ @font-face{font-family:Golos;src:url(design-assets/golos-v1.woff2);font-weight:100 900} #design-top[data-taiga-header]{font:16px Golos,Arial,sans-serif;text-align:left} #design-top[data-taiga-header] :is(header,button,a,img,nav){margin:0} #design-top[data-taiga-header] header{font-weight:400;line-height:normal} #design-top[data-taiga-header] .logo{padding:0;border:0;font-weight:700;line-height:1.5} #design-top[data-taiga-header] :is(button,a){touch-action:manipulation} #design-top[data-taiga-header] #book > span{ display: none; } #design-top[data-taiga-header] *{ box-sizing: border-box; } #design-top[data-taiga-header]{ --cream: #ede7da; --navy: #142440; } #design-top[data-taiga-header]{ margin: 0px; background: var(--navy); color: var(--cream); font-family: Golos, Arial, sans-serif; } #design-top[data-taiga-header] a{ color: inherit; text-decoration: none; } #design-top[data-taiga-header] button, #design-top[data-taiga-header] select{ font: inherit; } #design-top[data-taiga-header] button{ color: inherit; cursor: pointer; border: 0px; background: none; } #design-top[data-taiga-header] [hidden]{ display: none !important; } #design-top[data-taiga-header] svg{ width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 1.5; } #design-top[data-taiga-header] header{ position: fixed; inset: 0px 0px auto; z-index: 40; display: grid; grid-template-columns: 1fr 1.15fr 135px 1.15fr 1.2fr; align-items: center; gap: 18px; padding: 20px 3%; transition: background 0.5s, padding 0.5s; } #design-top[data-taiga-header] header.compact{ padding: 10px 3%; background: rgba(20, 36, 64, 0.91); backdrop-filter: blur(20px); } #design-top[data-taiga-header] .header-left, #design-top[data-taiga-header] .header-right{ display: flex; align-items: center; gap: 16px; } #design-top[data-taiga-header] .header-right{ justify-content: flex-end; } #design-top[data-taiga-header] .header-left button{ white-space: nowrap; font-size: 11px; } #design-top[data-taiga-header] #cityBtn{ display: flex; gap: 10px; } #design-top[data-taiga-header] .icon-button{ padding: 8px; } #design-top[data-taiga-header] .logo{ display: block; height: 80px; background: var(--cream); mask: url("design-assets/taiga-logo.webp") center center / contain no-repeat; transition: height 0.5s; } #design-top[data-taiga-header] .compact .logo{ height: 52px; } #design-top[data-taiga-header] .motto{ width: 100%; height: 80px; object-fit: contain; transition: opacity 0.4s, transform 0.5s; } #design-top[data-taiga-header] .compact .motto{ opacity: 0; transform: translateY(-12px); pointer-events: none; } #design-top[data-taiga-header] .book{ display: flex; align-items: center; gap: 24px; background: var(--cream); color: var(--navy); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; padding: 19px 22px; white-space: nowrap; transition: background 0.25s; } #design-top[data-taiga-header] .book:hover{ background: rgb(201, 184, 148); } #design-top[data-taiga-header] .book span{ font-size: 20px; } #design-top[data-taiga-header] .contact-hub{ position: relative; } #design-top[data-taiga-header] #contactBtn{ display: flex; align-items: center; gap: 6px; padding: 10px; } #design-top[data-taiga-header] .chevron{ transition: transform 0.3s; } #design-top[data-taiga-header] [aria-expanded="true"] > .chevron{ transform: rotate(180deg); } #design-top[data-taiga-header] #orbit{ position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; } #design-top[data-taiga-header] .orbit-item{ position: absolute; width: 44px; height: 44px; border-radius: 50%; background: var(--cream); border: 1px solid rgb(178, 166, 143); display: grid; place-items: center; opacity: 0; transform: translate(-50%, -50%) scale(0.3); transition-behavior: normal, normal; transition-duration: 0.45s, 0.3s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), ease; transition-property: transform, opacity; transition-delay: calc(var(--i)*35ms); pointer-events: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px; } #design-top[data-taiga-header] .orbit-item img{ width: 21px; height: 21px; } #design-top[data-taiga-header] .contact-hub.open .orbit-item{ opacity: 1; pointer-events: auto; transform: translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1); } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -108px; --y: 18px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -82px; --y: 82px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: -20px; --y: 112px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 48px; --y: 100px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 96px; --y: 48px; } #design-top[data-taiga-header] .popover{ position: fixed; z-index: 42; top: 104px; left: 3%; padding: 28px; background: rgba(23, 41, 64, 0.96); backdrop-filter: blur(20px); box-shadow: rgba(0, 0, 0, 0.267) 0px 15px 50px; min-width: 270px; } #design-top[data-taiga-header] .popover a, #design-top[data-taiga-header] .popover > button{ display: block; padding: 12px 0px; } #design-top[data-taiga-header] .popover p{ font-size: 10px; letter-spacing: 2px; } #design-top[data-taiga-header] .popover small{ display: block; line-height: 1.6; max-width: 260px; margin-top: 16px; } #design-top[data-taiga-header] .popover label{ margin-top: 20px; } #design-top[data-taiga-header] select{ background: rgb(37, 57, 54); color: var(--cream); border: 1px solid rgba(237, 231, 218, 0.25); padding: 12px 30px 12px 12px; min-width: 190px; font-size: 12px; } @media (max-width: 1100px){#design-top[data-taiga-header] header{ grid-template-columns: 1fr 120px 1fr; } #design-top[data-taiga-header] .motto{ display: none; }} @media (max-width: 640px){#design-top[data-taiga-header] header{ padding: 15px 4%; grid-template-columns: 1fr 68px 1fr; gap: 5px; } #design-top[data-taiga-header] .logo{ height: 55px; } #design-top[data-taiga-header] .header-left{ gap: 0px; } #design-top[data-taiga-header] .icon-button{ padding: 5px; } #design-top[data-taiga-header] .icon-button svg{ width: 20px; } #design-top[data-taiga-header] .header-left button{ font-size: 9px; } #design-top[data-taiga-header] #cityBtn{ gap: 3px; } #design-top[data-taiga-header] .header-right{ gap: 5px; } #design-top[data-taiga-header] #contactBtn{ padding: 7px 3px; } #design-top[data-taiga-header] #contactBtn svg{ width: 20px; } #design-top[data-taiga-header] #contactBtn .chevron{ display: none; } #design-top[data-taiga-header] .book{ padding: 14px 10px; font-size: 9px; letter-spacing: 0px; gap: 0px; } #design-top[data-taiga-header] .book span{ display: none; } #design-top[data-taiga-header] .compact .logo{ height: 45px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 62px; --y: 50px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 37px; --y: 107px; } #design-top[data-taiga-header] .popover{ top: 85px; }} @media (prefers-reduced-motion: reduce){#design-top[data-taiga-header] *, #design-top[data-taiga-header] ::before, #design-top[data-taiga-header] ::after{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }} #design-top[data-taiga-header] header{ grid-template-columns: 180px 1fr 135px 1fr 225px; gap: 12px; } #design-top[data-taiga-header] .motto{ width: 67%; justify-self: center; transform: rotate(-7deg); height: 70px; } #design-top[data-taiga-header] .compact .motto{ transform: rotate(-7deg) translateY(-12px); } #design-top[data-taiga-header] .book{ font-size: 12px; font-weight: 500; letter-spacing: 0.01em; padding: 13px 19px; gap: 18px; border: 1px solid rgba(237, 231, 218, 0.396); background: rgba(237, 231, 218, 0.04); color: var(--cream); border-radius: 2px; } #design-top[data-taiga-header] .book:hover{ background: rgb(237, 231, 218); color: rgb(20, 36, 64); } #design-top[data-taiga-header] .book span{ font-size: 15px; font-weight: 400; } #design-top[data-taiga-header] .orbit-item{ width: 32px; height: 32px; box-shadow: none; border: 0px; background: rgb(237, 231, 218); } #design-top[data-taiga-header] .orbit-item img{ width: 16px; height: 16px; } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -69px; --y: 43px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -39px; --y: 70px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: 0px; --y: 80px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 39px; --y: 70px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 69px; --y: 43px; } #design-top[data-taiga-header] .popover{ background: none; backdrop-filter: none; box-shadow: none; padding: 0px; min-width: 0px; top: 89px; text-shadow: rgb(20, 36, 64) 0px 2px 12px; } #design-top[data-taiga-header] .popover a, #design-top[data-taiga-header] .popover > button{ font-size: 11px; padding: 9px 0px; width: fit-content; } #design-top[data-taiga-header] #cityPanel{ left: calc(3% + 52px); } #design-top[data-taiga-header] #menu{ left: 3%; top: 115px; } #design-top[data-taiga-header] #menu a{ font-size: 12px; line-height: 1.6; } @media (max-width: 1100px){#design-top[data-taiga-header] header{ grid-template-columns: 1fr 120px 1fr; }} @media (max-width: 640px){#design-top[data-taiga-header] header{ grid-template-columns: 1fr 68px 1fr; gap: 5px; } #design-top[data-taiga-header] .book{ padding: 11px 10px; font-size: 10px; } #design-top[data-taiga-header] .motto{ display: none; } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -62px; --y: 45px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -32px; --y: 71px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: 6px; --y: 80px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: 44px; --y: 70px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 73px; --y: 43px; } #design-top[data-taiga-header] #cityPanel{ left: calc(4% + 28px); top: 72px; } #design-top[data-taiga-header] #menu{ top: 100px; }} #design-top[data-taiga-header] .motto{ width: 56%; opacity: 0.74; filter: url("#fine-ink"); } #design-top[data-taiga-header] header .motto{ width: 96%; max-width: 290px; height: 66px; object-fit: contain; opacity: 1; filter: none; transform: rotate(-4deg); } #design-top[data-taiga-header] header.compact .motto{ opacity: 0; transform: rotate(-4deg) translateY(-12px); } @media (max-width: 1100px){#design-top[data-taiga-header] header .motto{ display: none; }} #design-top[data-taiga-header]{ line-height: normal; font-size: 16px; --cream: #ede7da; --navy: #142440; } #design-top[data-taiga-header] header{ height: auto; border: 0px; max-width: none; background: transparent; } #design-top[data-taiga-header] header.compact{ background: rgba(20, 36, 64, 0.933); backdrop-filter: blur(20px); } #design-top[data-taiga-header] header .logo{ position: static; left: auto; transform: none; display: block; } #design-top[data-taiga-header] button{ padding: 2px 6px; font-weight: 400; } #design-top[data-taiga-header] .book{ font-weight: 500; } #design-top[data-taiga-header] #menu:not([hidden]){ display: flex; flex-direction: column; max-height: 75vh; overflow: auto; } #design-top[data-taiga-header] #header.compact{ grid-template-columns: 1fr 40px 1fr; gap: 18px; padding: 7px 3%; min-height: 54px; background: rgba(20, 36, 64, 0.96); } #design-top[data-taiga-header] #header.compact .header-left{ grid-area: 1 / 1; } #design-top[data-taiga-header] #header.compact .header-right{ grid-area: 1 / 3; } #design-top[data-taiga-header] #header.compact .motto{ display: none; } #design-top[data-taiga-header] #header.compact .logo{ grid-area: 1 / 2; height: 36px; width: 32px; justify-self: center; background: rgb(237, 231, 218); mask: url("design-assets/T-white-lossless-v1.webp") center center / contain no-repeat; } #design-top[data-taiga-header] #header.compact .book{ padding: 10px 16px; font-size: 11px; min-height: 36px; } #design-top[data-taiga-header] #header.compact .book span{ font-size: 15px; } #design-top[data-taiga-header] #header.compact .icon-button, #design-top[data-taiga-header] #header.compact #contactBtn{ padding: 6px; } #design-top[data-taiga-header] .orbit-item{ width: 34px; height: 34px; background: transparent; border: 1px solid rgba(237, 231, 218, 0.46); color: rgb(237, 231, 218); box-shadow: none; } #design-top[data-taiga-header] .orbit-item:nth-child(1){ --x: -144px; --y: 48px; } #design-top[data-taiga-header] .orbit-item:nth-child(2){ --x: -110px; --y: 76px; } #design-top[data-taiga-header] .orbit-item:nth-child(3){ --x: -70px; --y: 88px; } #design-top[data-taiga-header] .orbit-item:nth-child(4){ --x: -30px; --y: 76px; } #design-top[data-taiga-header] .orbit-item:nth-child(5){ --x: 4px; --y: 48px; } #design-top[data-taiga-header] .orbit-item:hover, #design-top[data-taiga-header] .orbit-item:focus-visible{ background: rgb(20, 36, 64); border-color: currentcolor; outline: none; } #design-top[data-taiga-header] .orbit-item[data-channel="whatsapp"]:is(:hover, :focus-visible){ color: rgb(37, 211, 102); } #design-top[data-taiga-header] .orbit-item[data-channel="telegram"]:is(:hover, :focus-visible){ color: rgb(42, 171, 238); } #design-top[data-taiga-header] .orbit-item[data-channel="vk"]:is(:hover, :focus-visible){ color: rgb(0, 119, 255); } #design-top[data-taiga-header] .orbit-item[data-channel="phone"]:is(:hover, :focus-visible){ color: rgb(187, 124, 82); } #design-top[data-taiga-header] .orbit-item[data-channel="instagram"]:is(:hover, :focus-visible){ color: rgb(230, 104, 146); } #design-top[data-taiga-header] .orbit-item[data-channel="instagram"]:is(:hover, :focus-visible) .channel-glyph{ background: linear-gradient(35deg, rgb(249, 206, 52), rgb(238, 42, 123), rgb(98, 40, 215)); } @media (max-width: 680px){#design-top[data-taiga-header] #header.compact{ gap: 8px; padding: 7px 4%; } #design-top[data-taiga-header] #header.compact .book{ padding: 9px 10px; font-size: 10px; } #design-top[data-taiga-header] #header.compact .header-right, #design-top[data-taiga-header] #header.compact .header-left{ gap: 6px; } #design-top[data-taiga-header] #header.compact .logo{ height: 30px; width: 27px; }} #design-top[data-taiga-header] #menu{ left: 3%; top: 106px; width: 255px; max-height: calc(100dvh - 125px); overflow-y: auto; padding: 5px; display: flex; flex-direction: column; gap: 3px; background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; scrollbar-width: thin; scrollbar-color: rgb(187, 124, 82) transparent; } #design-top[data-taiga-header] #menu[hidden], #design-top[data-taiga-header] #cityPanel[hidden]{ display: none !important; } #design-top[data-taiga-header] #menu > a, #design-top[data-taiga-header] #cityPanel > button{ display: block; padding: 10px 13px; color: rgb(237, 231, 218); background: rgba(20, 36, 64, 0.93); border: 1px solid rgba(237, 231, 218, 0.05); backdrop-filter: blur(14px); font-size: 12px; font-weight: 450; line-height: 1.4; text-decoration: none; transform-origin: left center; transition: background 0.2s, color 0.2s, transform 0.2s, border-color 0.2s; } #design-top[data-taiga-header] #menu > a:hover, #design-top[data-taiga-header] #menu > a:focus-visible, #design-top[data-taiga-header] #cityPanel > button:hover, #design-top[data-taiga-header] #cityPanel > button:focus-visible{ background: rgb(32, 52, 78); color: rgb(219, 161, 123); border-color: rgba(187, 124, 82, 0.333); transform: translateX(3px) scale(1.018); outline: none; } #design-top[data-taiga-header] #cityPanel{ left: calc(3% + 48px); top: 95px; padding: 5px; width: 190px; background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; } #design-top[data-taiga-header] #cityPanel > button{ width: 100%; text-align: left; } #design-top[data-taiga-header] #cityPanel > button[hidden]{ display: none; } #design-top[data-taiga-header] #cityPanel small:empty{ display: none; } #design-top[data-taiga-header]:has(#header.compact) #menu{ top: 61px; max-height: calc(100dvh - 80px); } #design-top[data-taiga-header]:has(#header.compact) #cityPanel{ top: 57px; } @media (max-width: 680px){#design-top[data-taiga-header] #menu{ left: 4%; width: 238px; top: 80px; } #design-top[data-taiga-header] #cityPanel{ left: calc(4% + 32px); top: 77px; width: 175px; }} #design-top[data-taiga-header] #menu > button{ display: block; align-self: flex-start; padding: 10px 13px; color: rgb(237, 231, 218); background: rgba(20, 36, 64, 0.93); border: 1px solid rgba(237, 231, 218, 0.05); backdrop-filter: blur(14px); font-size: 12px; font-weight: 450; line-height: 1.4; transform-origin: left center; transition: background 0.2s, color 0.2s, transform 0.2s, border-color 0.2s; } #design-top[data-taiga-header] #menu > button:hover, #design-top[data-taiga-header] #menu > button:focus-visible{ background: rgb(32, 52, 78); color: rgb(219, 161, 123); border-color: rgba(187, 124, 82, 0.333); transform: translateX(3px) scale(1.018); outline: none; } #design-top[data-taiga-header] #menu{ isolation: isolate; overflow-x: visible; padding: 12px 18px 16px; width: 258px; gap: 2px; background: transparent; } #design-top[data-taiga-header] #menu::before, #design-top[data-taiga-header] #cityPanel::before{ content: ""; position: absolute; inset: -15px -30px -22px -18px; z-index: -1; pointer-events: none; background: rgba(16, 31, 55, 0.95); filter: blur(13px); mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 13%, rgb(0, 0, 0) 65%, transparent); } #design-top[data-taiga-header] #menu > a, #design-top[data-taiga-header] #menu > button, #design-top[data-taiga-header] .world-menu-row > a, #design-top[data-taiga-header] #worldMenuChildren > a, #design-top[data-taiga-header] #cityPanel > button{ padding: 9px 7px; background: transparent; border: 0px; backdrop-filter: none; box-shadow: none; font-size: 12px; line-height: 1.45; transition: color 0.2s, transform 0.2s; text-decoration: none !important; } #design-top[data-taiga-header] #menu > a:hover, #design-top[data-taiga-header] #menu > button:hover, #design-top[data-taiga-header] .world-menu-row > a:hover, #design-top[data-taiga-header] #worldMenuChildren > a:hover, #design-top[data-taiga-header] #cityPanel > button:hover, #design-top[data-taiga-header] #menu :is(a, button):focus-visible, #design-top[data-taiga-header] #cityPanel > button:focus-visible{ color: rgb(219, 161, 123); background: transparent; border: 0px; transform: translateX(3px); outline: none; } #design-top[data-taiga-header] #menu > a:active, #design-top[data-taiga-header] #menu > button:active{ color: rgb(237, 231, 218); transform: translateX(5px); } #design-top[data-taiga-header] .world-menu-row > a{ flex: 1 1 0%; color: rgb(237, 231, 218); text-decoration: none; } #design-top[data-taiga-header] #worldMenuToggle{ width: 36px; height: 34px; background: transparent; border: 0px; color: rgb(187, 124, 82); font-size: 24px; padding: 0px; transition: transform 0.25s, color 0.25s; } #design-top[data-taiga-header] #worldMenuToggle[aria-expanded="true"]{ transform: rotate(90deg); } #design-top[data-taiga-header] #worldMenuChildren > a{ display: block; color: rgba(237, 231, 218, 0.667); font-size: 11px; } #design-top[data-taiga-header] #cityPanel{ isolation: isolate; padding: 7px 9px; width: 175px; } #design-top[data-taiga-header] #cityPanel::before{ inset: -8px -20px; filter: blur(10px); } @media (max-width: 680px){#design-top[data-taiga-header] #menu{ width: 240px; }} #design-top[data-taiga-header] #menu{ overflow: visible; max-height: none; } @media (max-height: 760px){#design-top[data-taiga-header] #menu, #design-top[data-taiga-header]:has(#header.compact) #menu{ max-height: calc(100dvh - 115px); overflow: hidden auto; }} #design-top[data-taiga-header] #menu::before, #design-top[data-taiga-header] #cityPanel::before{ mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 13%, rgb(0, 0, 0) 65%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 90%, transparent); mask-composite: intersect; } #design-top[data-taiga-header] :is(#menuBtn, #cityBtn, #contactBtn){ transition: color 0.2s, transform 0.25s, opacity 0.2s; background: transparent; } #design-top[data-taiga-header] :is(#menuBtn, #cityBtn, #contactBtn):is(:hover, :focus-visible){ color: rgb(219, 161, 123); transform: scale(1.075); background: transparent; } #design-top[data-taiga-header] :is(#menuBtn, #cityBtn, #contactBtn):active{ transform: scale(0.97); color: rgb(237, 231, 218); } #design-top[data-taiga-header] .logo{ transition: transform 0.35s, background 0.3s; } #design-top[data-taiga-header] .logo:is(:hover, :focus-visible){ transform: scale(1.1); background: rgb(219, 161, 123); outline: none; } #design-top[data-taiga-header] .logo:active{ transform: scale(1.03); } #design-top[data-taiga-header] .world-menu-row{ justify-content: flex-start; gap: 8px; } #design-top[data-taiga-header] .world-menu-row > a{ flex: 0 0 auto; } #design-top[data-taiga-header] #worldMenuToggle{ width: 25px; font-size: 19px; } #design-top[data-taiga-header] #worldMenuToggle[aria-expanded="true"]{ transform: rotate(180deg); } #design-top[data-taiga-header] .orbit-item, #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ backdrop-filter: blur(18px) saturate(150%); border: 1px solid rgba(237, 231, 218, 0.5); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 1px inset, rgba(6, 16, 29, 0.4) 0px -1px 2px inset, rgba(5, 14, 27, 0.314) 0px 5px 15px; background: linear-gradient(145deg, rgba(237, 231, 218, 0.2), rgba(20, 36, 64, 0.85) 68%) !important; } #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ border-color: currentcolor; box-shadow: rgba(255, 255, 255, 0.467) 0px 1px 1px inset, rgba(5, 14, 27, 0.5) 0px 5px 20px; } #design-top[data-taiga-header] .orbit-item:active{ filter: brightness(1.2); } #design-top[data-taiga-header] .orbit-item, #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ width: 38px; height: 38px; color: rgb(20, 36, 64); backdrop-filter: blur(16px) saturate(115%); box-shadow: rgba(255, 255, 255, 0.69) 1px 2px 3px inset, rgba(83, 99, 122, 0.3) -1px -2px 4px inset, rgba(5, 18, 37, 0.19) 0px 4px 12px; isolation: isolate; border: 0px !important; background: linear-gradient(145deg, rgba(248, 247, 239, 0.72) 0%, rgba(195, 206, 219, 0.533) 43%, rgba(159, 174, 196, 0.467) 74%, rgba(225, 230, 236, 0.6) 100%) !important; } #design-top[data-taiga-header] .orbit-item::before{ content: ""; position: absolute; inset: 2px; border-radius: inherit; pointer-events: none; background: linear-gradient(155deg, rgba(255, 255, 255, 0.4), transparent 35%, transparent 67%, rgba(255, 255, 255, 0.2)); z-index: -1; } #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ box-shadow: rgba(255, 255, 255, 0.86) 1px 2px 4px inset, rgba(83, 99, 122, 0.3) -1px -2px 5px inset, rgba(237, 231, 218, 0.15) 0px 4px 18px; filter: brightness(1.13); } #design-top[data-taiga-header] .orbit-item, #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ color: rgb(237, 231, 218); backdrop-filter: blur(12px) saturate(110%); filter: none; background: rgba(220, 228, 235, 0.22) !important; border: 1px solid rgba(237, 231, 218, 0.27) !important; box-shadow: none !important; } #design-top[data-taiga-header] .orbit-item::before{ display: none; } #design-top[data-taiga-header] .orbit-item:is(:hover, :focus-visible){ background: rgba(220, 228, 235, 0.333) !important; border-color: rgba(237, 231, 218, 0.533) !important; } #design-top[data-taiga-header] header .motto{ display: none !important; } #design-top[data-taiga-header] header:not(.compact){ grid-template-columns: minmax(0px, 1fr) 135px minmax(0px, 1fr); } #design-top[data-taiga-header] header .header-left{ grid-area: 1 / 1; } #design-top[data-taiga-header] header .logo{ grid-area: 1 / 2; } #design-top[data-taiga-header] header .header-right{ grid-area: 1 / 3; } @media (max-width: 1100px){#design-top[data-taiga-header] header:not(.compact){ grid-template-columns: minmax(0px, 1fr) 120px minmax(0px, 1fr); }} @media (max-width: 640px){#design-top[data-taiga-header] header:not(.compact){ grid-template-columns: minmax(0px, 1fr) 68px minmax(0px, 1fr); }} #design-top[data-taiga-header] .logo{left:auto;position:static;transform:none;flex:none} #design-top[data-taiga-header] .logo:is(:hover,:focus-visible){transform:scale(1.1);background:#dba17b} #design-top[data-taiga-header] .logo:active{transform:scale(1.03)} #design-top[data-taiga-header][data-header-spacer]{height:120px;background:#142440} #design-top[data-taiga-header] #menu{position:fixed;display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none;right:auto;bottom:auto;z-index:45;flex-wrap:nowrap} #design-top[data-taiga-header] #cityPanel{position:fixed;right:auto;bottom:auto;z-index:45} #design-top[data-taiga-header] #menu button{border-radius:0} #design-top[data-taiga-header] .world-menu-row{display:flex;align-items:center;gap:8px} #design-top[data-taiga-header] #worldMenuChildren{padding-left:16px} #design-top[data-taiga-header] #worldMenuChildren a{display:block} @media(max-width:640px){#design-top[data-taiga-header][data-header-spacer]{height:85px}} @media(prefers-reduced-motion:reduce){#design-top[data-taiga-header] *,#design-top[data-taiga-header] *:before,#design-top[data-taiga-header] *:after{animation:none!important;transition:none!important}} /* The header's contact dialog also works on older page bodies. */ #taiga-contact-dialog{width:min(480px,calc(100% - 32px));padding:40px 28px 28px;margin:auto;max-height:calc(100dvh - 40px);overflow:auto;background:#142440;color:#ede7da;border:1px solid #ede7da30;font:14px/1.6 Golos,Arial,sans-serif} #taiga-contact-dialog::backdrop{background:#07101bbd;backdrop-filter:blur(7px)} #taiga-contact-dialog .contact-close{position:absolute;right:10px;top:8px;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font:28px Golos;cursor:pointer} #taiga-contact-dialog h2{font:650 30px/1.1 Golos;letter-spacing:-.04em;margin:0 24px 20px 0} #taiga-contact-dialog p{font-size:13px;color:#ede7daaa} #taiga-contact-dialog .contact-dialog-channels{display:grid;gap:12px} #taiga-contact-dialog .contact-dialog-channels button{display:flex;align-items:center;gap:15px;text-align:left;min-height:44px;padding:8px 0;background:transparent;border:0;color:inherit;font:14px Golos;cursor:pointer} #taiga-contact-dialog .channel-glyph{display:block;width:22px;height:22px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat} #taiga-contact-dialog .contact-branches{display:grid;gap:12px} #taiga-contact-dialog .contact-branches>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #ede7da25;color:inherit;text-decoration:none;font-size:13px} #taiga-contact-dialog .contact-branches small{display:block;margin-top:6px;color:#ede7da99;font-size:11px} #taiga-contact-dialog :is(a,button):hover{color:#dba17b} #taiga-contact-dialog :focus-visible{outline:2px solid #dba17b;outline-offset:3px} /* Inner pages have a light first section: keep the same NAVY support behind the full header. */ #design-top[data-taiga-header]:not([data-header-home]) #header:not(.compact){background:#142440} #design-top[data-taiga-header] #book{line-height:normal} /* Contact glyphs belong to the shared header, independent of homepage CSS. */ #design-top[data-taiga-header] .orbit-item .channel-glyph{display:block;width:18px;height:18px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat;-webkit-mask:var(--channel-icon) center/contain no-repeat} /* Quiet dropdown: scrolling remains available without visible tracks or arrows. */ #design-top[data-taiga-header] #menu{overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100dvh - 110px)!important;scrollbar-width:none!important;-ms-overflow-style:none;overscroll-behavior:contain} #design-top[data-taiga-header] #menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important} #design-top[data-taiga-header] #menu::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important} /* C01: opaque contact surfaces preserve the approved arc on every field. */ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle), :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is(:hover,:focus-visible){width:44px;height:44px;color:#ede7da!important;background:#142440!important;backdrop-filter:none!important;border:1px solid #ede7da8c!important;box-shadow:0 4px 14px #07101b26!important;filter:none!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is(:hover,:focus-visible){color:#fff3df!important;background:#243752!important;border-color:#dba17b!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):focus-visible{outline:2px solid #dba17b;outline-offset:3px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(1){--x:-174px;--y:48px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(2){--x:-136px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(3){--x:-86px;--y:99px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(4){--x:-36px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(5){--x:2px;--y:48px} @media(max-width:640px){ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(1){--x:-142px;--y:48px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(2){--x:-106px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(3){--x:-56px;--y:98px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(4){--x:-6px;--y:84px} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):nth-child(5){--x:30px;--y:48px} } /* Monochrome at rest; brand accents on hover and keyboard focus. */ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle) .channel-glyph{background:currentColor!important} /* C01: colored glyphs, no hover tooltip; accessible names remain in markup. */ :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="phone"],[data-contact-kind="phone"]):is(:hover,:focus-visible){color:#dba17b!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="vk"],[data-contact-kind="vk"]):is(:hover,:focus-visible){color:#4c9bff!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="instagram"],[data-contact-kind="instagram"]):is(:hover,:focus-visible){color:#ed85b3!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="telegram"],[data-contact-kind="telegram"]):is(:hover,:focus-visible){color:#2aabee!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="whatsapp"],[data-contact-kind="whatsapp"]):is(:hover,:focus-visible){color:#25d366!important} :is(#design-top[data-taiga-header] .orbit-item,.taiga-contact-circle):is([data-channel="instagram"],[data-contact-kind="instagram"]):is(:hover,:focus-visible) .channel-glyph{background:linear-gradient(35deg,#f9ce34,#ee2a7b,#a66cef)!important} /* C01 direct channel links: same circle, immediate branch action. */ .taiga-contact-circles{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.taiga-contact-circles .taiga-contact-circle{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;text-decoration:none;transition:background .2s,color .2s}.taiga-contact-circle .channel-glyph{display:block;width:18px;height:18px;background:currentColor;mask:var(--channel-icon) center/contain no-repeat;-webkit-mask:var(--channel-icon) center/contain no-repeat} /* C01 production brand: same shell/controllers, brand-specific artwork and compact crop. */ #design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr 240px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"] .motto{visibility:hidden;pointer-events:none} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo{position:relative;width:240px;height:82px;justify-self:center;mask:none;background:none;transition:width .5s,height .5s,opacity .2s} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo>span{display:block;position:absolute;left:0;width:100%;background:var(--cream);mask-position:left center;mask-size:contain;mask-repeat:no-repeat} #design-top[data-taiga-header] #header[data-header-brand="production"] .production-logo-main{bottom:0;height:85.424%;mask-image:url("design-assets/pokoroche-main-white.webp")} #design-top[data-taiga-header] #header[data-header-brand="production"] .production-logo-caption{top:0;height:10%;mask-image:url("design-assets/pokoroche-caption-white.webp");transition:opacity .25s} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo:hover{opacity:.78} #design-top[data-taiga-header] #header[data-header-brand="production"] .logo:focus-visible{outline:1px solid var(--cream);outline-offset:5px} #design-top[data-taiga-header] #header[data-header-brand="production"].compact{grid-template-columns:1fr 154px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .logo{width:154px;height:45px} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .production-logo-main{height:100%} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .production-logo-caption{opacity:0;visibility:hidden} @media(max-width:1100px){#design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr 220px 1fr}#design-top[data-taiga-header] #header[data-header-brand="production"] .logo{width:220px;height:75px}} @media(max-width:640px){#design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr clamp(100px,32vw,180px) 1fr;gap:5px}#design-top[data-taiga-header] #header[data-header-brand="production"] .logo{width:100%;height:auto;aspect-ratio:1729/590}#design-top[data-taiga-header] #header[data-header-brand="production"].compact{grid-template-columns:1fr 100px 1fr}#design-top[data-taiga-header] #header[data-header-brand="production"].compact .logo{width:100px;height:30px}} @media(max-width:360px){ #design-top[data-taiga-header] #header[data-header-brand="production"]{grid-template-columns:1fr 90px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"].compact{grid-template-columns:1fr 80px 1fr} #design-top[data-taiga-header] #header[data-header-brand="production"].compact .logo{width:80px;height:24px} #design-top[data-taiga-header] #header[data-header-brand="production"] #cityBtn .chevron{display:none} #design-top[data-taiga-header] #header[data-header-brand="production"] .header-left{gap:0} #design-top[data-taiga-header] #header[data-header-brand="production"] .header-right{gap:3px} #design-top[data-taiga-header] #header[data-header-brand="production"] .book{font-size:9px;padding:10px 8px} #design-top[data-taiga-header] #header[data-header-brand="production"] #contactBtn{padding:3px} } /* C01: align the age to the painted logo, with the label over the softened ink. */ #design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:1fr 1.15fr 245px 1.15fr 1.2fr} #design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:135px;--brand-digit-size:96px;--brand-age-width:98px;--brand-gap:12px;display:flex;align-items:center;gap:var(--brand-gap);width:calc(var(--brand-logo-width) + var(--brand-age-width) + var(--brand-gap));justify-self:center} #design-top[data-taiga-header] .taiga-header-brand .logo{flex:none;width:var(--brand-logo-width)} #design-top[data-taiga-header] .taiga-anniversary{position:relative;display:block;flex:none;width:var(--brand-age-width);height:calc(var(--brand-logo-width)*271/520);overflow:visible;cursor:default;user-select:none;transition:opacity .25s,visibility .25s;pointer-events:none;font-family:Golos,Arial,sans-serif} #design-top[data-taiga-header] .taiga-anniversary-number{position:absolute;left:0;bottom:-.12em;display:block;width:max-content;padding:0 .18em 0 .02em;font-size:var(--brand-digit-size);font-weight:800;line-height:1;letter-spacing:-.08em;background-clip:text;-webkit-background-clip:text;color:transparent} #design-top[data-taiga-header] .taiga-anniversary-years{position:absolute;z-index:2;right:4px;bottom:0;font-size:12px;font-weight:650;line-height:1;letter-spacing:.04em;color:#ede7da} #design-top[data-taiga-header] #header.compact .taiga-header-brand{grid-area:1/2;width:32px;gap:0} #design-top[data-taiga-header] #header.compact .taiga-anniversary{opacity:0;visibility:hidden;width:0;height:0;overflow:hidden} @media(max-width:1100px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:minmax(0,1fr) 218px minmax(0,1fr)}#design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:120px;--brand-digit-size:86px;--brand-age-width:88px;--brand-gap:10px}} @media(max-width:640px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)}#design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:56px;--brand-digit-size:40px;--brand-age-width:44px;--brand-gap:4px}#design-top[data-taiga-header] .taiga-anniversary-years{font-size:7px;bottom:0;right:2px}#design-top[data-taiga-header] #header.compact .taiga-header-brand{width:27px}} @media(max-width:360px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact){grid-template-columns:minmax(0,1fr) 97px minmax(0,1fr)}#design-top[data-taiga-header] .taiga-header-brand{--brand-logo-width:52px;--brand-digit-size:37px;--brand-age-width:41px}} @media(prefers-reduced-motion:reduce){#design-top[data-taiga-header] .taiga-anniversary{transition:none}} @media(min-width:1101px){#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .taiga-header-brand{grid-area:1/3}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .header-left{grid-area:1/1}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .header-right{grid-area:1/5}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .motto-left{grid-area:1/2}#design-top[data-taiga-header] #header:not([data-header-brand="production"]):not(.compact) .motto-right{grid-area:1/4}} /* C01 anniversary: still glyphs, soft upward appearance, then the word from left. */ #design-top[data-taiga-header] .taiga-anniversary-number{opacity:0;background-image:linear-gradient(180deg,#bb7c52 5%,#bb7c52d9 32%,#bb7c5273 56%,#bb7c520d 85%,#bb7c5200 100%);mask-image:linear-gradient(to top,#000 0%,#000 34%,transparent 68%);mask-size:100% 300%;mask-position:0 0;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 34%,transparent 68%);-webkit-mask-size:100% 300%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat} #design-top[data-taiga-header] .taiga-anniversary-number::after{content:'11';position:absolute;inset:0;color:#bb7c5299;filter:blur(1.8px);mask-image:linear-gradient(180deg,transparent 30%,#000 62%,#0008 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 62%,#0008 80%,transparent 100%);pointer-events:none} #design-top[data-taiga-header] .taiga-anniversary-years{opacity:0;clip-path:inset(0 100% 0 0)} #design-top[data-taiga-header] .is-anniversary-visible .taiga-anniversary-number{animation:taiga-anniversary-appear 1.5s cubic-bezier(.2,.65,.3,1) both} #design-top[data-taiga-header] .is-anniversary-visible .taiga-anniversary-years{animation:taiga-anniversary-write .95s cubic-bezier(.35,0,.35,1) 1.65s both} @keyframes taiga-anniversary-appear{0%{opacity:0;mask-position:0 0;-webkit-mask-position:0 0}100%{opacity:1;mask-position:0 100%;-webkit-mask-position:0 100%}} @keyframes taiga-anniversary-write{0%{opacity:0;clip-path:inset(0 100% 0 0)}18%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0)}} @media(max-width:640px){#design-top[data-taiga-header] .taiga-anniversary-number::after{filter:blur(1.2px)}} @media(prefers-reduced-motion:reduce){#design-top[data-taiga-header] .taiga-anniversary-number{opacity:1;mask-position:0 100%;-webkit-mask-position:0 100%;animation:none!important}#design-top[data-taiga-header] .taiga-anniversary-years{opacity:1;clip-path:none;animation:none!important}} /* C01: diagonal dissolution; the lower right foot disappears into NAVY. */ #design-top[data-taiga-header] .taiga-anniversary-number{background-image:linear-gradient(135deg,#bb7c52 4%,#bb7c52e6 24%,#bb7c5266 45%,#bb7c5214 62%,#bb7c5200 77%)} #design-top[data-taiga-header] .taiga-anniversary-number::after{background:linear-gradient(135deg,#bb7c5280 12%,#bb7c5226 40%,transparent 68%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:blur(2.6px);mask-image:none;-webkit-mask-image:none} @media(min-width:1600px){ #design-top[data-taiga-header] #header :is(#cityBtn,.book){font-size:clamp(13px,.48vw,16px)} #design-top[data-taiga-header] #header :is(#menuBtn,#contactBtn){min-width:48px;min-height:48px} #design-top[data-taiga-header] #header :is(#menuBtn,#contactBtn)>svg{width:25px;height:25px} #design-top[data-taiga-header] #header .book{min-height:46px;padding:14px 22px} } /* C01: mobile menu is a native vertical scroller; nested groups never shrink. */ @media(max-width:680px){ #design-top[data-taiga-header] #menu{position:fixed;top:var(--mobile-menu-top,70px)!important;max-height:var(--mobile-menu-height,calc(100dvh - 90px))!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:auto;overflow-anchor:none;padding-bottom:max(16px,env(safe-area-inset-bottom))} #design-top[data-taiga-header] #menu>*{flex-shrink:0} } /* Shared homepage composition updates, 28.10.2026. Live system samples use this same file. */ @media(min-width:1101px){ .editorial #design-top .spotlights{width:min(100%,1440px);margin-inline:auto;gap:24px} .editorial #design-top .spotlights>.work-card{height:clamp(380px,36vw,520px)} .editorial #design-top .spotlights>.featured{height:clamp(460px,43vw,620px)} } .editorial #design-top #works{padding-bottom:36px} .editorial main>section#transformation{padding-bottom:36px} .editorial main>section#services{padding-bottom:24px;padding-top:115px} .editorial main>section#booking{padding-top:32px;padding-bottom:38px} .editorial main>section#team{padding-bottom:36px;padding-top:112px} .editorial main>section#branches{padding-top:38px} .editorial main>section#gifts{padding-bottom:32px} .editorial main>section#identity{padding-top:44px;padding-bottom:40px} .editorial #identity>.sectiontitle{margin-bottom:18px} .editorial #identity .stolby-world{margin-top:8px} .editorial #team .team-swipe{margin-inline:calc(-1 * max(5vw,calc((100vw - 1440px)/2)));padding-inline:max(4vw,20px);padding-bottom:16px;scroll-snap-type:x proximity;scroll-padding-inline:max(4vw,20px);overscroll-behavior-x:contain} .editorial #team .team-swipe>.member{scroll-snap-align:start} .team-rail-controls{display:flex;justify-content:flex-end;gap:14px;margin-top:6px} .team-rail-controls button{background:transparent;border:0;color:#ede7da;font-size:22px;padding:5px;min-width:44px;min-height:44px} .team-rail-controls button:hover{color:#dba17b}.team-rail-controls button:disabled{opacity:.3;cursor:default} .editorial .chapel-seam{height:210px} .editorial .chapel-art{height:200px;width:115px;bottom:8px} .editorial #city-bridge.bridge-seam{height:auto;aspect-ratio:2172/830;margin:0;overflow:hidden} .bridge-composition{display:block;width:100%;height:auto;aspect-ratio:2172/830;overflow:hidden;pointer-events:none} .editorial .bridge-composition .bridge-ink{mix-blend-mode:multiply} .editorial .bridge-composition .bridge-ground{fill:#142440} .editorial .champion-names{display:flex;flex-direction:column;gap:12px;align-items:start} .editorial .champion-names>span{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:center;flex-wrap:nowrap;width:100%} .editorial .champion-role{white-space:nowrap;font-size:13px} .editorial .champion-person{white-space:nowrap;font-size:14px;line-height:1.35} .editorial .achievement-caption .championship-source{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:550;color:#ede7da;text-decoration:none;border-bottom:0;margin-top:8px;pointer-events:auto;cursor:pointer;transition:color .2s,border-color .2s} @media(max-width:900px){ .editorial #ecoNew{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .editorial #ecoNew>.project-link{min-height:0;height:auto} .editorial #ecoNew>.project-link>.body{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;padding:20px} .editorial #ecoNew h3{font-size:21px;line-height:1.18;margin:0} .editorial #ecoNew p{font-size:13px;line-height:1.5;margin:0} .editorial #ecoNew .project-sign{width:100%;height:52px;margin-top:auto;padding-top:8px;opacity:.8;transform:none} } @media(max-width:680px){ .editorial main>section#transformation{padding-top:38px;padding-bottom:24px} .editorial main>section#services{padding-top:98px;padding-bottom:22px} .editorial main>section#booking{padding-top:26px;padding-bottom:25px} .editorial main>section#team{padding-top:100px;padding-bottom:22px} .editorial main>section#branches{padding-top:30px} .editorial main>section#gifts{padding-bottom:18px} .editorial main>section#identity{padding-top:30px} .editorial #team .team-swipe{margin-inline:-6vw;padding-inline:6vw;scroll-padding-inline:6vw} .editorial .identity-origin{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:18px 14px;padding:0;margin-top:8px;align-items:start} .editorial .origin-mobile-heading{grid-column:1/-1;grid-row:1;min-width:0} .editorial .origin-mobile-heading>.founder-beginning{display:block;position:static;width:85%;height:auto;max-width:360px;margin:0 0 6px;transform:rotate(-6deg)} .editorial .origin-mobile-heading h3{font-size:clamp(25px,7vw,34px);line-height:1.08;margin:12px 0 4px} .editorial .identity-origin>.founder-portrait{grid-column:1;grid-row:2;align-self:start;margin:0} .editorial .founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 10%;mask-image:linear-gradient(#000 78%,transparent)} .editorial .founder-portrait figcaption{padding:0;margin:-12px 0 0;position:relative;font-size:10px;line-height:1.4;letter-spacing:.015em} .editorial .founder-portrait figcaption>span{font-size:10px;margin-top:4px} .editorial .founder-portrait .founder-blog{font-size:10px;margin-top:8px;gap:4px;line-height:1.45} .editorial .identity-origin>.origin-copy{grid-column:2;grid-row:2;min-width:0} .editorial .origin-copy>.eyebrow{display:none} .editorial .origin-copy p{font-size:13px;line-height:1.65;margin:0 0 14px} .editorial .origin-copy .identity-link{font-size:12px;display:inline-block;min-height:36px} .editorial .chapel-seam{height:145px;margin-top:0} .editorial .chapel-art{height:142px;width:80px;bottom:4px;left:78%} .editorial .identity-manifesto.has-chapel-seam{margin-inline:-6vw;margin-bottom:-40px;padding:36px 6vw} .editorial .manifesto-heading{display:block;margin-bottom:20px} .editorial .identity-manifesto .manifesto-heading h3{font-size:34px;margin:14px 0} .editorial .manifesto-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-top:0} .editorial .manifesto-art{width:calc(100% + 12vw);max-width:none;margin-inline:-6vw;justify-self:stretch} .editorial .manifesto-contour-map{display:block;width:100%;max-width:none;height:auto;max-height:none} .editorial .manifesto-reading{width:100%;max-width:none;min-height:0;padding:0;border:0;margin:0} .editorial .manifesto-reading h3{font-size:27px;margin:16px 0} .editorial .manifesto-reading>p:not(.note){font-size:15px;line-height:1.7} .editorial .manifesto-pager{flex-wrap:wrap;gap:12px} .editorial #reviewGridNew{display:grid;grid-template-columns:minmax(0,1fr);gap:0} .editorial #reviews .review-invitations{margin-top:22px} .editorial #ecoNew>.project-link>.body{padding:16px;gap:10px} .editorial #ecoNew h3{font-size:18px} .editorial #ecoNew p{font-size:12px;line-height:1.5} .editorial #ecoNew .project-sign{height:44px} .editorial .champion-names>span{grid-template-columns:94px minmax(0,1fr);gap:8px} .editorial .champion-role{font-size:11px} .editorial .champion-person{font-size:12px;gap:6px} .editorial .champion-avatar{width:24px;height:24px;flex-basis:24px} } @media(prefers-reduced-motion:reduce){.team-swipe{scroll-behavior:auto!important}} /* Avoid independent large-screen scaling of the drawing and its captions. */ .editorial #city-bridge.bridge-seam{aspect-ratio:auto} .editorial #city-bridge>.bridge-composition{height:100%;aspect-ratio:auto} @media(max-width:900px){ .editorial #ecosystem #ecoNew>.project-link{padding:0!important;min-height:0;height:auto} .editorial #ecosystem #ecoNew>.project-link>.body{padding:20px;min-height:0;height:100%;gap:12px} .editorial #ecosystem #ecoNew>.project-link h3{font-size:21px;line-height:1.18;margin:0} .editorial #ecosystem #ecoNew>.project-link p{font-size:13px;line-height:1.5;margin:0} .editorial #ecosystem #ecoNew .project-sign{height:52px;margin-top:auto;padding-top:8px} } @media(max-width:680px){ .editorial .identity-origin>.origin-mobile-heading{grid-column:1/-1;grid-row:1} .editorial .identity-origin>.origin-copy{grid-column:2;grid-row:2} .editorial .founder-crop{width:100%;aspect-ratio:4/5;position:relative;overflow:hidden} .editorial .founder-crop>img{position:absolute;left:-25%;top:-7%;width:150%;max-width:none;height:auto;aspect-ratio:auto;mask-image:linear-gradient(#000 58%,transparent 75%)} .editorial #ecosystem #ecoNew>.project-link>.body{padding:16px;gap:10px} .editorial #ecosystem #ecoNew>.project-link h3{font-size:18px} .editorial #ecosystem #ecoNew>.project-link p{font-size:12px;line-height:1.5} .editorial #ecosystem #ecoNew .project-sign{height:44px} } @media(max-width:680px){.editorial .founder-crop{mix-blend-mode:multiply;mask-image:linear-gradient(#000 82%,transparent)}.editorial .founder-crop>img{mask-image:none}} .editorial .champion-names .champion-person{margin:0;padding:0;align-self:center} /* Balanced short rails and large-format manifesto, 28.10.2026. */ @media(min-width:1101px){.editorial #team .team-swipe{justify-content:safe center}} @media(min-width:1600px){ .editorial .manifesto-art{width:100%;max-width:clamp(540px,27vw,680px)} .editorial .manifesto-contour-map{display:block;width:100%;height:auto;max-width:none;max-height:none} } @media(max-width:680px){ .editorial .manifesto-layout{padding-top:82px} .editorial .manifest-lantern{right:0;max-width:100%} } /* A09: responsive chapel scale, with a closer mobile boundary. */ @media(min-width:1200px){ .editorial .chapel-seam{height:165px} .editorial .chapel-art{--chapel-size:clamp(290px,13.5vw,440px);height:var(--chapel-size);width:calc(var(--chapel-size)/2);left:78%;bottom:8px} } @media(max-width:680px){.editorial .chapel-seam{height:calc(105px + var(--chapel-clearance,0px))}} @media(min-width:2000px){.editorial .chapel-art{left:max(78%,calc(50% + 760px + var(--chapel-size)/4))}} .editorial .chapel-seam{overflow:visible;background:transparent} @media(min-width:1200px) and (max-width:1999px){.editorial .chapel-seam{height:235px}} /* Mobile compact composition, owner revision 29.10.2026. Shared with live system samples. */ @media(max-width:680px){ .editorial #booking .pathways{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0} .editorial #booking .pathways>button{box-sizing:border-box;aspect-ratio:1;min-width:0;min-height:0;padding:12px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--hairline);text-align:left;gap:6px} .editorial #booking .pathways small{font-size:9px;line-height:1.3} .editorial #booking .pathways h3{font-size:clamp(18px,5vw,26px);line-height:1.08;margin:0;text-wrap:initial;letter-spacing:-.05em} .editorial #booking .pathways h3 br{display:block} .editorial #booking .pathways p{font-size:11px;line-height:1.35;margin:0;text-wrap:initial} .editorial #booking .pathways b{font-size:11px;line-height:1.4;margin-top:auto;padding:0;min-height:0} .editorial #team .team-intro{grid-template-columns:minmax(0,1fr) minmax(0,.58fr);gap:18px 16px;align-items:start} .editorial #team .team-intro-copy{display:contents} .editorial #team .team-intro-copy>.chapter-index,.editorial #team .team-intro-copy>h2{grid-column:1/-1;margin:0} .editorial #team .team-intro-copy>p{grid-column:1;grid-row:3;margin:0;min-width:0;align-self:center} body.editorial #team .team-intro-copy>p.taiga-section-quote{--quote-mark:18px;--quote-gap:8px;font-size:clamp(13px,3.6vw,15px)!important;line-height:1.5!important} .editorial #team .team-ambition{grid-column:1/-1;grid-row:4;margin:6px 0 0;min-width:0} .editorial #team .team-ambition p{font-size:clamp(26px,7.2vw,36px);line-height:1.16} .editorial #team .team-cinema{grid-column:2;grid-row:3;align-self:center;justify-self:end;width:100%;max-width:200px;min-height:0;height:auto;aspect-ratio:9/16;margin:0} .editorial #team>.toolbar{display:flex;flex-wrap:nowrap;gap:18px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none} .editorial #team>.toolbar>label{flex:0 0 auto!important;min-width:0;max-width:none;margin:0} .editorial #team>.toolbar .taiga-control-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .editorial #team>.toolbar .taiga-select{width:max-content!important;max-width:none} .editorial #team>.toolbar .taiga-select-trigger{width:max-content!important;max-width:none;min-width:0;align-items:center!important;white-space:nowrap!important} .editorial #team>.toolbar .taiga-select-trigger>span:first-child{white-space:nowrap;overflow:visible;text-overflow:clip} .editorial #team>.toolbar::-webkit-scrollbar{display:none} .editorial #team .team-swipe{padding-bottom:4px} .editorial #team .team-rail-controls{margin-top:0;gap:8px} .editorial main>section#team{padding-bottom:8px} .editorial main>section#branches{padding-top:12px} .editorial #ecosystem #ecoNew>.project-link>.body{box-sizing:border-box;height:auto;min-height:196px;gap:14px} .editorial #ecosystem #ecoNew>.project-link :is(h3,p){min-height:0;height:auto} .editorial #ecosystem #ecoNew>.project-link p{flex:1} .editorial #ecosystem #ecoNew .project-sign{flex:none;box-sizing:border-box;height:40px;padding-top:0} } @media(max-width:359px){ .editorial #booking .pathways p{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)} .editorial #booking .pathways>button{padding:10px;gap:8px} .editorial #ecosystem #ecoNew>.project-link>.body{padding:12px;min-height:206px} } /* Editorial rhythm: lettering and commentary are separate reading steps. */ @media(max-width:1000px){ body.editorial #reviews .reviews-intro{margin-top:14px} body.editorial #identity>.identity-heading>p.taiga-section-quote{margin-top:18px} } @media(max-width:680px){ body.editorial #reviews .reviews-intro{margin-top:20px} body.editorial #identity>.identity-heading>p.taiga-section-quote{margin-top:22px} body.editorial #achievements>.sectiontitle{row-gap:28px;margin-bottom:34px} } /* S19/S20: concise closing composition; the main actions and copy stay intact. */ body.editorial main>section.lastcall{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:24px;padding-top:56px;padding-bottom:40px} body.editorial main>.lastcall>p.taiga-section-quote{width:min(100%,29ch);max-width:29ch!important;margin:0 auto;letter-spacing:normal;text-transform:none;text-align:left} body.editorial main>.lastcall>h2{margin:0;max-width:100%} body.editorial main>.lastcall>.primary{align-self:center;margin:0;min-height:44px} body.editorial main>.lastcall:after{content:'';display:block;position:absolute;top:auto;bottom:0;left:max(5vw,calc((100vw - 1440px)/2));right:max(5vw,calc((100vw - 1440px)/2));height:1px;background:#ede7da38;mask:none;opacity:1;pointer-events:none;z-index:1} @media(max-width:680px){ /* Both filters form one row. Accessible button names remain in shared-select. */ body.editorial #reviews>.toolbar{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:18px;overflow:visible;min-width:0;padding:8px 0;margin:24px 0} body.editorial #reviews>.toolbar::-webkit-scrollbar{display:none} body.editorial #reviews>.toolbar>label{display:flex;flex:0 0 auto;width:auto;min-width:0;margin:0} body.editorial #reviews>.toolbar .taiga-control-caption{display:none} body.editorial #reviews>.toolbar .taiga-select{min-width:0;width:auto} body.editorial #reviews>.toolbar .taiga-select-trigger{width:max-content;max-width:none;min-height:44px;font-size:16px;gap:8px} body.editorial #reviews>.toolbar .taiga-select-trigger>span:first-child{overflow:visible;text-overflow:clip;white-space:nowrap;max-width:none} /* Separate the caption, then bring the manifesto image closer. */ body.editorial .identity-manifesto .manifesto-heading{margin-bottom:18px} body.editorial .identity-manifesto .manifesto-heading>p.taiga-section-quote{margin-top:26px} body.editorial .identity-manifesto .manifesto-layout{padding-top:8px} /* Fine-pointer narrow windows keep the lantern in flow, away from the caption. */ body.editorial .identity-manifesto .manifesto-art{display:flex;flex-direction:column} body.editorial .identity-manifesto .manifest-lantern{position:relative;top:auto;right:auto;align-self:flex-end;order:-1;margin:0 10px 12px} /* Less space above the section, more separation before the quote. */ body.editorial main>section#ecosystem{padding-top:26px} body.editorial #ecosystem>.sectiontitle{row-gap:16px} body.editorial #ecosystem>.sectiontitle>p.taiga-section-quote{margin-top:24px!important} /* Two sibling cards, modeled on the booking grid. */ body.editorial main>section#partners.has-bridge-seam{padding-top:28px;padding-bottom:18px} body.editorial #partners>.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body.editorial #partners .panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;min-width:0;min-height:228px;border:0} body.editorial #partners .panel>.chapter-index{margin:0;font-family:Golos,Arial,sans-serif;flex:none} body.editorial #partners .panel>h2{font-size:clamp(19px,5.4vw,23px);line-height:1.08;letter-spacing:-.04em;margin:0;overflow-wrap:normal;text-wrap:balance} body.editorial #partners .panel>p{font-size:12px;line-height:1.5;margin:0;max-width:none} body.editorial #partners .panel>button{margin-top:auto;padding:8px 0;min-height:44px;font-size:12px;line-height:1.4;text-align:left;border:0!important} body.editorial main>section.lastcall{padding-top:34px;padding-bottom:28px;gap:22px} body.editorial main>.lastcall:after{left:6vw;right:6vw} body.taiga-home-tail>footer{padding-top:32px} } @media(max-width:359px){body.editorial #reviews>.toolbar{gap:14px}body.editorial #partners .panel{padding:12px;gap:10px}} @media(min-width:681px) and (max-width:1000px){ body.editorial #partners>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} body.editorial #partners .panel{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:20px;min-width:0;border:0} body.editorial #partners .panel>h2{font-size:32px;line-height:1.08;margin:0} body.editorial #partners .panel>p{font-size:14px;line-height:1.6;margin:0} body.editorial #partners .panel>button{margin-top:auto;min-height:44px;border:0!important} } @media(max-width:680px){body.editorial main>.lastcall>h2{font-size:clamp(46px,15.5vw,60px)}} .editorial #teamSwipe .team-profile-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:500;color:#dba17b;text-decoration:none;padding:10px 0} .editorial #teamSwipe .team-profile-link:hover{color:#ede7da} .editorial #teamSwipe .team-profile-link:focus-visible{outline:2px solid #bb7c52;outline-offset:4px} /* Franchise is a real page; keep the established compact partner tile action. */ body.editorial #partners .panel>a.taiga-text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;font:inherit;color:#dba17b;text-decoration:none}body.editorial #partners .panel>a.taiga-text-link:hover{color:#ede7da}@media(max-width:680px){body.editorial #partners .panel>a.taiga-text-link{font-size:12px;line-height:1.5}} /* S19: the complete career tile opens S25, including before runtime. */ .editorial #partners .career-entry{text-decoration:none;color:inherit;cursor:pointer}.editorial #partners .career-entry>.taiga-text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;font-size:14px;font-weight:500;transition:color .2s}.editorial #partners .career-entry:hover>.taiga-text-link{color:#dba17b}.editorial #partners .career-entry:focus-visible{outline:2px solid #bb7c52;outline-offset:4px} @media(max-width:680px){.editorial #team .team-copy-extra{display:none}.editorial #team>.team-scroll-hint{margin-right:0}} /* A05: the shared Taiga cursor light. Decorative, never captures input. */ #canvas-light{position:fixed;inset:0;pointer-events:none;z-index:45;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse 350px 290px at var(--light-x,-1000px) var(--light-y,-1000px),#cda78022,transparent 74%)} #canvas-light.is-visible{opacity:1} @media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){#canvas-light{display:none}} @media print{#canvas-light{display:none}} /* S04: consistent branch card in both map and list views. */ .editorial #mapPanel{align-items:stretch} .editorial #branchCardNew,.editorial #branchSwipe>.card>.body:has(.branch-cover){display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0} .editorial #branchCardNew:has(>.blag-card){display:block} .editorial #branches .branch-heading{margin:0} .editorial #branches .branch-heading .branch-caption{margin:0 0 12px} .editorial #branches .branch-heading h3{margin:0 0 10px;line-height:1.06} .editorial #branches .branch-address{margin:0;font-size:13px;line-height:1.5} .editorial #branches .branch-cover{position:relative;display:block;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:2.25;flex:none;background:#233550;color:#ede7da;text-decoration:none;border:0;padding:0} .editorial #branches .branch-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s} .editorial #branches .branch-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#071221cc);pointer-events:none;z-index:1} .editorial #branches .branch-cover-label{position:absolute;inset:auto 18px 16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600} .editorial #branches .branch-cover-label svg{width:23px;height:23px;flex:none;transition:transform .25s} .editorial #branches .branch-cover:is(:hover,:focus-visible) img{transform:scale(1.045);filter:brightness(1.08)} .editorial #branches .branch-cover:is(:hover,:focus-visible) .branch-cover-label svg{transform:translateX(4px)} .editorial #branches .branch-cover:focus-visible{outline:2px solid #bb7c52;outline-offset:5px} .branch-cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 35% 15%,#ede7da0c,transparent 70%);transition:background-color .25s} .branch-cover-placeholder>.taiga-mark{width:40px;height:40px;background:#bb7c52;opacity:.65} .branch-cover-placeholder>span:last-child{font-size:12px;color:#ede7da99} .branch-cover:hover .branch-cover-placeholder{background-color:#ede7da08} .editorial #branches .branch-hours{margin:0;font-size:13px;line-height:1.5} .editorial #branches :is(#branchCardNew,#branchSwipe) .branch-contact-icons{margin:0;flex-wrap:wrap} .editorial #branches :is(#branchCardNew,#branchSwipe) .branch-avatar-row{margin:0;flex-wrap:wrap} .editorial #branches .branch-card-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0} .editorial #branches .branch-card-actions>[data-book]{flex:none;padding:17px 18px;font-size:13px;white-space:nowrap;gap:0} .editorial #branches .branch-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0} .editorial #branches .branch-navigation>button{padding:0;border:0;background:transparent;color:#ede7da;font-size:12px;line-height:1.5;text-align:left;font-weight:500;transition:color .2s} .editorial #branches .branch-navigation>button:is(:hover,:focus-visible){background:transparent;color:#dba17b;transform:none} @media(max-width:1200px) and (min-width:1001px){.editorial #branchCardNew{gap:12px}.editorial #branches .branch-card-actions{flex-wrap:wrap}.editorial #branches .branch-navigation{flex-direction:row;flex-wrap:wrap;gap:12px}} @media(max-width:1000px){.editorial #mapPanel{grid-template-columns:1fr;gap:30px}.editorial #branchCardNew{justify-content:flex-start;gap:20px}.editorial #branches .branch-cover{aspect-ratio:2.25}.editorial #branches .branch-heading h3{font-size:36px}.editorial #branchSwipe>.card>.body:has(.branch-cover){gap:18px}} @media(max-width:380px){.editorial #branches .branch-card-actions{align-items:flex-start;flex-direction:column}.editorial #branches .branch-navigation{gap:6px}.editorial #branches .branch-cover-label{inset:auto 12px 12px;font-size:12px}} @media(prefers-reduced-motion:reduce){.editorial #branches .branch-cover img,.editorial #branches .branch-cover-label svg{transition:none;transform:none!important}} .editorial #branches .branch-navigation>a{font:500 12px/1.5 Golos,Arial,sans-serif;color:#ede7da;text-decoration:none}.editorial #branches .branch-navigation>a:hover{color:#dba17b}.branch-tour-pending{font-size:11px;opacity:.65} .editorial #branches .tabs button{border-bottom:3px solid transparent} .editorial #branches .tabs button.active{border-bottom-color:var(--copper,#bb7c52)} /* Shared editorial roles: homepage is the visual reference; branch layouts reuse these roles. */ .editorial{--taiga-title-size:clamp(42px,5.6vw,86px);--taiga-title-line:.98;--taiga-title-weight:750;--taiga-title-tracking:-.055em;--taiga-copy-size:17px} .editorial .sectiontitle h2,.editorial .taiga-display{font-family:Golos,Arial,sans-serif;font-size:var(--taiga-title-size);font-weight:var(--taiga-title-weight);line-height:var(--taiga-title-line);letter-spacing:var(--taiga-title-tracking);text-transform:uppercase;text-wrap:balance;max-width:950px;margin:0} .editorial .taiga-section-heading{display:grid;grid-template-columns:1.8fr 1fr;align-items:end;gap:24px 5%;margin:0 0 36px} .editorial .taiga-section-heading>.taiga-section-index{grid-column:1/-1} .editorial .taiga-section-heading>p{font-size:var(--taiga-copy-size);line-height:1.6;max-width:470px;margin:0;opacity:.84} .editorial .taiga-section-index{display:block;font:500 10px/1.5 Golos,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:inherit;opacity:.85} .editorial .taiga-section-index::before{content:'';display:inline-block;width:6px;height:6px;background:#bb7c52;border-radius:50%;margin:0 12px 1px 0} .editorial .taiga-prose{font:400 17px/1.75 Golos,Arial,sans-serif;max-width:68ch} .editorial .taiga-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:100%;min-height:48px;padding:14px 22px;border:1px solid #ede7da;background:#ede7da;color:#142440;font:500 14px/1.5 Golos,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,color .2s} .editorial [data-field=ivory] .taiga-primary{border-color:#142440;background:#142440;color:#ede7da} .editorial .taiga-primary:hover{background:#d7c6a9;color:#142440} .editorial [data-field=ivory] .taiga-primary:hover{background:#293b56;color:#ede7da} .editorial .taiga-primary:focus-visible{outline:2px solid #bb7c52;outline-offset:4px} @media(max-width:1000px){.editorial .taiga-section-heading{grid-template-columns:1fr}} @media(max-width:680px){.editorial{--taiga-title-size:40px;--taiga-title-line:1.02;--taiga-copy-size:16px}.editorial .taiga-section-heading{gap:22px;margin-bottom:25px}.editorial .taiga-prose{font-size:16px}} @media(prefers-reduced-motion:reduce){.editorial .taiga-primary{transition:none}} .editorial .taiga-display>span{color:#bb7c52} /* F02/F03: shared editorial rhythm, 04.11.2026. */ .editorial{--taiga-space-1:4px;--taiga-space-2:8px;--taiga-space-3:12px;--taiga-space-4:16px;--taiga-space-6:24px;--taiga-space-8:32px;--taiga-space-12:48px;--taiga-space-16:64px;--taiga-space-24:96px;--taiga-heading-gap:24px;--taiga-heading-after:32px;--taiga-title-line:1.02} body.editorial :is(.sectiontitle h2,.team-intro-copy h2,.chapter-title,.taiga-display){font-family:Golos,Arial,sans-serif;font-size:var(--taiga-title-size);font-weight:var(--taiga-title-weight);line-height:var(--taiga-title-line);letter-spacing:var(--taiga-title-tracking);margin:0;text-wrap:balance;white-space:normal} body.editorial :is(.sectiontitle,.taiga-section-heading){gap:var(--taiga-heading-gap) 5%;margin-bottom:var(--taiga-heading-after)} body.editorial .team-intro-copy{row-gap:var(--taiga-heading-gap)} body.editorial :is(.sectiontitle,.team-intro-copy) h2 br{display:block} body.editorial :is(.sectiontitle,.team-intro-copy)>p{margin-top:0;margin-bottom:0} body.editorial .taiga-prose p+p{margin-top:var(--taiga-space-4)} @media(max-width:680px){.editorial{--taiga-title-size:clamp(32px,8.7vw,40px);--taiga-heading-gap:16px;--taiga-heading-after:24px}} /* One chapter-title role, including compound headings and split introductions. */ body.editorial :is(#transformation,#services,#booking,#team,#branches,#reviews,#gifts,#identity,#achievements,#concept,#ecosystem,#journal) :is(.sectiontitle h2,.team-intro-copy h2,.chapter-title){font-size:var(--taiga-title-size);font-weight:var(--taiga-title-weight);line-height:var(--taiga-title-line);letter-spacing:var(--taiga-title-tracking);white-space:normal} /* C23 surface; S11 content inside the shared dialog. */ .booking-entry.taiga-modal.taiga-form-dialog{width:min(860px,calc(100vw - 28px));max-width:860px} .booking-entry .booking-entry-body{display:grid;gap:24px} .booking-entry .booking-entry-body>h2,.booking-entry .booking-entry-body>p{margin:0} .booking-entry .booking-entry-body>p,.booking-entry-intro p{font-size:16px;line-height:1.6} .booking-entry-intro{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center} .booking-entry-intro p{margin:0} .booking-video-placeholder{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;border:1px dashed #ede7da66;background:#ede7da08} .booking-video-placeholder span{font-size:16px;font-weight:650}.booking-video-placeholder small{font-size:12px;line-height:1.5;opacity:.7} .booking-entry-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .booking-entry-paths>button{position:relative;display:grid;align-content:start;gap:12px;min-height:150px;padding:20px 32px 20px 20px;border:1px solid #ede7da55;background:transparent;color:#ede7da;text-align:left;cursor:pointer} .booking-entry-paths>button:is(:hover,:focus-visible){border-color:#bb7c52;background:#ede7da09} .booking-entry-paths h3{font:650 24px/1.08 Golos,Arial,sans-serif;letter-spacing:-.035em;margin:0}.booking-entry-paths p{font:400 14px/1.5 Golos,Arial,sans-serif;margin:0;opacity:.8}.booking-entry-paths small{font:500 10px/1.5 Golos,Arial,sans-serif;letter-spacing:.12em}.booking-entry-paths button>span{position:absolute;right:16px;top:16px} .booking-entry-back,.booking-standard{justify-self:start;font:500 14px/1.5 Golos,Arial,sans-serif;color:#ede7da;border:0;padding:6px 0;background:transparent;text-decoration:none;cursor:pointer}.booking-entry-back:hover,.booking-standard:hover{color:#dba17b} body.editorial #booking>.booking-launch{display:flex;justify-content:flex-start}body.editorial #booking>.booking-launch button{font-size:16px;min-height:52px} @media(max-width:580px){.booking-entry .booking-entry-body{gap:20px}.booking-entry-intro{grid-template-columns:1fr;gap:16px}.booking-video-placeholder{width:100%;max-width:260px;aspect-ratio:16/9}.booking-entry-paths{grid-template-columns:1fr}.booking-entry-paths>button{min-height:0;padding:16px 30px 16px 16px;gap:8px}.booking-entry-paths h3{font-size:22px}} @media(max-width:680px){ body.editorial #booking>.booking-launch{justify-content:center} body.editorial #booking>.booking-launch button{background:#bb7c52;border-color:#bb7c52;color:#142440;min-width:210px;font-weight:650} body.editorial #booking>.booking-launch button:is(:hover,:focus-visible){background:#a96a43;border-color:#a96a43;color:#ede7da} } /* A07: one measured composition; all nine tiles and both slogans share one gutter. */ .editorial #design-top .hero{--hero-header:120px;box-sizing:border-box;height:auto;min-height:0;padding:calc(var(--hero-header) + 8px) 0 20px;overflow:hidden} .editorial #design-top .hero>.light-wash{display:none!important} .editorial #design-top .hero-composition{--hero-gap:clamp(6px,.5vw,12px);position:relative;isolation:isolate;container-type:inline-size;width:min(94%,1280px);height:calc(100svh - var(--hero-header) - 28px);min-height:440px;margin-inline:auto;aspect-ratio:auto} .editorial #design-top .hero h1{position:static;margin:0;font-size:var(--hero-type,12cqw);line-height:1} .editorial #design-top .hero :is(.backline,.frontline){position:absolute;left:50%;width:max-content;max-width:100%;transform:translateX(-50%);font-size:var(--hero-type,12cqw);line-height:1;white-space:nowrap;z-index:8;margin:0} .editorial #design-top .hero .backline{top:var(--hero-back-top,32px);bottom:auto} .editorial #design-top .hero .frontline{top:var(--hero-front-top,auto);bottom:0} .editorial #design-top .hero .hero-seo{position:absolute;top:var(--hero-caption-top,0px)!important;left:var(--hero-caption-left,0px)!important;width:var(--hero-caption-width,58%)!important;max-width:none;font-size:var(--hero-caption-size,1.7cqw)!important;font-weight:400;line-height:1.3;white-space:nowrap;margin:0;letter-spacing:0} .editorial #design-top .hero .mosaic{position:absolute;inset:var(--hero-media-top,160px) 0 auto;width:100%;height:var(--hero-media-height,58%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--hero-gap)} .editorial #design-top .hero .tile{position:relative;inset:auto!important;width:100%!important;height:100%!important;aspect-ratio:auto;transform:none;margin:0} .editorial #design-top .hero .central{grid-area:1/3/4/4} .editorial #design-top .hero .left-wide{grid-area:1/1/2/3} .editorial #design-top .hero .left-portrait{grid-area:2/1/4/2} .editorial #design-top .hero .left-small{grid-area:2/2/3/3} .editorial #design-top .hero .left-bottom{grid-area:3/2/4/3} .editorial #design-top .hero .right-wide{grid-area:1/4/2/6} .editorial #design-top .hero .right-portrait{grid-area:2/4/4/5} .editorial #design-top .hero .right-small{grid-area:2/5/3/6} .editorial #design-top .hero .right-bottom{grid-area:3/5/4/6} .editorial #design-top .hero .tile video{object-fit:cover;background:#142440} .editorial #design-top .hero .mosaic video::-webkit-media-controls{display:none!important} .editorial #design-top .hero:after{height:70px;z-index:-1} @media(min-width:1600px){.editorial #design-top .hero{--hero-header:136px}.editorial #design-top .hero-composition{width:min(94%,calc((100svh - 164px)*2.5));min-height:440px}} @media(max-width:700px){ .editorial #design-top .hero{--hero-header:85px;padding-bottom:16px} .editorial #design-top .hero-composition{width:min(94%,460px);height:calc(100svh - 109px);min-height:410px;max-height:760px} .editorial #design-top .hero .mosaic{grid-template-columns:1fr 1.05fr 1.05fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr))} .editorial #design-top .hero .central{grid-area:2/2/5/4} .editorial #design-top .hero .left-wide{grid-area:1/1/2/3} .editorial #design-top .hero .right-wide{grid-area:1/3/2/5} .editorial #design-top .hero .left-portrait{grid-area:2/1/3/2} .editorial #design-top .hero .left-small{grid-area:3/1/4/2} .editorial #design-top .hero .left-bottom{grid-area:4/1/5/2} .editorial #design-top .hero .right-portrait{grid-area:2/4/3/5} .editorial #design-top .hero .right-small{grid-area:3/4/4/5} .editorial #design-top .hero .right-bottom{grid-area:4/4/5/5} } /* Stable first frame and shared intro. */ html[data-taiga-intro=skip] #loader{display:none!important} #loader{position:fixed;inset:0;z-index:100;background:#142440;overflow:hidden;transition:opacity .6s} #loader[hidden]{display:none!important}#loader.leaving{opacity:0;pointer-events:none} #design-top #loader>svg{width:100%;height:100%;stroke:none}#loader #camera{transform:translate(960px,540px) scale(.54) translate(-560px,-700px)}#loader #ink{stroke-dasharray:1;stroke-dashoffset:1} #loader .loader-motto{position:absolute;left:50%;width:320px;margin-left:-160px;transform:rotate(-4deg);opacity:0;clip-path:inset(0 100% 0 0)}#loader .loader-motto img{display:block;width:100%}#loader .loader-top{top:17%}#loader .loader-bottom{bottom:17%}#loader #skip{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);padding:12px;background:transparent;color:#ede7da;border:0;font:14px Golos,Arial,sans-serif;cursor:pointer} @media(max-width:640px){#loader .loader-motto{width:260px;max-width:82vw;margin-left:0;transform:translateX(-50%) rotate(-4deg)}} #design-top .tile .hero-poster{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none} #design-top .tile .hero-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%} #design-top .tile.central .hero-poster img{object-fit:contain} #design-top .tile video[data-hero-src]{position:static;opacity:0;transition:filter .7s} #design-top .tile video[data-hero-ready='1']{opacity:1} #design-top .tile[data-hero-ready='1'] .hero-poster{display:none} @media(max-width:700px){#design-top .tile.central .hero-poster img{object-fit:cover}} @media(min-width:1600px){#design-top .tile.central .hero-poster img{object-fit:cover}} html[data-taiga-intro=skip] body.js:not(.entered) #design-top .tile{opacity:1;translate:none} html[data-taiga-intro=skip] body.js:not(.entered) #design-top :is(.backline,.frontline)>span{opacity:1;transform:none} [data-static-shell] .hero .light-wash{display:none!important}