#yc-company{--yc-ink:#151713;--yc-dark:#090b0a;--yc-ivory:#f6f3ed;--yc-paper:#eae7df;--yc-gold:#bba078;--yc-muted:#686861;--yc-line:rgba(31,33,27,.22);position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:none;isolation:isolate;overflow:clip;background:var(--yc-ivory);color:var(--yc-ink);font:400 15px/1.65 ManropeY,Arial,sans-serif;text-align:left;-webkit-font-smoothing:antialiased} #yc-company *,#yc-company *::before,#yc-company *::after{box-sizing:border-box} #yc-company h1,#yc-company h2,#yc-company h3,#yc-company h4,#yc-company p,#yc-company figure,#yc-company blockquote,#yc-company ul,#yc-company dl,#yc-company dd{margin:0;padding:0} #yc-company a{color:inherit;text-decoration:none}#yc-company button{font:inherit;cursor:pointer}#yc-company img{display:block;width:100%;height:auto}#yc-company ul{list-style:none} #yc-company [hidden]{display:none!important}#yc-company a:focus-visible,#yc-company button:focus-visible{outline:2px solid #d6b77e;outline-offset:5px} #yc-company section,#yc-company footer{scroll-margin-top:90px} #yc-company .yc-wrap{width:min(1440px,calc(100% - 128px));margin-inline:auto} #yc-company .yc-serif{font-family:Prata,Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.037em} #yc-company .yc-index{font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.21em;text-transform:uppercase} #yc-company .yc-kicker{display:flex;gap:16px;align-items:center;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.2em;text-transform:uppercase} #yc-company .yc-kicker::before{content:"";height:1px;width:30px;flex:none;background:currentColor} #yc-company .yc-lead{font-size:clamp(15px,1.25vw,19px);line-height:1.9;color:#64645d;letter-spacing:-.012em} #yc-company .yc-rule{height:1px;background:var(--yc-line)} #yc-company .yc-arrow{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex-shrink:0} #yc-company .yc-arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} #yc-company .yc-textlink{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;border-bottom:1px solid currentColor;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.13em;transition:color .25s} #yc-company .yc-textlink:hover{color:var(--yc-gold)}#yc-company .yc-textlink:hover .yc-arrow{transform:translate(3px,-3px)} #yc-company .yc-textlink .yc-arrow{transition:transform .25s} /* Global-style header, matching current YUSUBOV six-point navigation */ #yc-company .yu-header{position:sticky;top:0;z-index:100;height:88px;margin-bottom:-88px;background:#090b0a;border-bottom:1px solid #353832;color:#f6f3ed;isolation:isolate} #yc-company .yu-header__inner{width:min(1520px,calc(100% - 128px));height:100%;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;align-items:center;gap:32px} #yc-company .yu-header__logo{display:flex;align-items:center;justify-content:flex-start;width:118px;height:76px;flex:none}#yc-company .yu-header__logo img{width:68px;height:60px;max-width:100%;object-fit:contain;object-position:left center;mix-blend-mode:normal;display:block} #yc-company .yu-header__nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,1.9vw,30px)} #yc-company .yu-header__nav a,#yc-company .yu-header__cta{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap} #yc-company .yu-header__nav a{display:flex;align-items:center;min-height:44px}#yc-company .yu-header__nav a:hover,#yc-company .yu-header__cta:hover{color:#d1b98f} #yc-company .yu-header__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid #bcb9ae} #yc-company .yu-header__toggle{display:none;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border:1px solid #85887e;border-radius:0;color:#f6f3ed;background:transparent;cursor:pointer} #yc-company .yu-header__toggle span{position:absolute;width:20px;height:1px;background:currentColor;transition:transform .2s}#yc-company .yu-header__toggle span:first-child{transform:translateY(-3px)}#yc-company .yu-header__toggle span:last-child{transform:translateY(3px)} #yc-company .yu-header.is-open .yu-header__toggle span:first-child{transform:rotate(45deg)}#yc-company .yu-header.is-open .yu-header__toggle span:last-child{transform:rotate(-45deg)} /* 01 / hero */ #yc-company .yc-hero{min-height:860px;min-height:100svh;position:relative;overflow:hidden;background:#080b09;color:var(--yc-ivory);display:flex;align-items:center} #yc-company .yc-hero__art{position:absolute;inset:0 0 0 34.5%;background:#11130f;overflow:hidden} #yc-company .yc-hero__art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,8,.06),rgba(7,9,8,.22)),radial-gradient(circle at 68% 47%,rgba(198,169,114,.12),transparent 28%);pointer-events:none} #yc-company .yc-hero__art img{height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(.22) saturate(.82) brightness(.68) contrast(1.14)} #yc-company .yc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b09 0%,#080b09 24%,rgba(8,11,9,.94) 37%,rgba(8,11,9,.72) 48%,rgba(8,11,9,.34) 64%,rgba(8,11,9,.14) 79%,rgba(8,11,9,.38) 100%),linear-gradient(180deg,rgba(8,11,9,.62) 0%,rgba(8,11,9,.08) 22%,rgba(8,11,9,.08) 74%,rgba(8,11,9,.54) 100%),radial-gradient(circle at 73% 46%,rgba(209,185,143,.10),transparent 24%);pointer-events:none} #yc-company .yc-hero__inner{position:relative;z-index:2;width:100%;padding:188px 0 144px} #yc-company .yc-hero__micro{display:flex;align-items:center;gap:24px;color:#d1b98f;margin-bottom:64px} #yc-company .yc-hero__micro .yc-index:last-child{color:#a9a699} #yc-company .yc-hero h1{font-size:clamp(65px,7.3vw,134px);line-height:1.18;max-width:760px} #yc-company .yc-hero h1 em{font-style:normal;color:#ceb089} #yc-company .yc-hero__sub{max-width:525px;margin-top:42px;font-size:15px;line-height:1.95;color:#d4d0c6} #yc-company .yc-hero__foot{position:absolute;z-index:3;bottom:38px;left:0;right:0;display:flex;justify-content:space-between;gap:30px;color:#aba99f} #yc-company .yc-hero__rail{position:absolute;z-index:3;right:22px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;color:rgba(208,200,185,.88);text-shadow:0 0 16px rgba(8,11,9,.38)} /* 02 / beginning */ #yc-company .yc-origin{background:#f6f3ed;padding:150px 0 155px} #yc-company .yc-origin__top{display:grid;grid-template-columns:1.5fr .65fr;gap:9%;align-items:end;margin:55px 0 112px} #yc-company .yc-origin h2{font-size:clamp(58px,6vw,114px);line-height:1.27} #yc-company .yc-origin__top .yc-lead{padding-bottom:13px} #yc-company .yc-chronicle{border-top:1px solid #bbb8ae} #yc-company .yc-chronicle__row{display:grid;grid-template-columns:23% 38% 1fr;gap:35px;padding:35px 0 40px;border-bottom:1px solid #bbb8ae;align-items:start} #yc-company .yc-chronicle__date{font-family:Prata,Georgia,serif;font-size:clamp(26px,3.2vw,51px);line-height:1.3;color:#9c805a} #yc-company .yc-chronicle__row h3{font-size:clamp(20px,2.1vw,29px);font-weight:500;line-height:1.5;letter-spacing:-.024em} #yc-company .yc-chronicle__row p{color:#69675f;font-size:13px;line-height:1.95;max-width:430px} /* 03 / philosophy */ #yc-company .yc-belief{position:relative;overflow:hidden;background:#121511;color:#f5f0e7;padding:154px 0 160px} #yc-company .yc-belief::after{content:"Y";position:absolute;right:-2%;top:3%;font:400 min(60vw,890px)/1 Prata,Georgia,serif;color:rgba(255,255,255,.025);pointer-events:none} #yc-company .yc-belief__head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#bfa882} #yc-company .yc-belief__statement{position:relative;z-index:1;margin:107px 0 67px;max-width:1280px;font-size:clamp(47px,6.1vw,110px);line-height:1.35} #yc-company .yc-belief__statement em{font-style:normal;color:#c9ad84} #yc-company .yc-belief__bottom{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:35px;border-top:1px solid #5d6057;align-items:start} #yc-company .yc-belief__bottom p{font-size:14px;line-height:2;max-width:500px;color:#bbbeb2} #yc-company .yc-belief__motto{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#bdad95;justify-self:end} /* 04 / principles */ #yc-company .yc-principles{background:#e9e5dc;padding:140px 0 155px} #yc-company .yc-principles__top{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin:40px 0 94px} #yc-company .yc-principles h2{font-size:clamp(59px,6.5vw,116px);line-height:1.23} #yc-company .yc-principles__top .yc-lead{max-width:455px;padding-bottom:12px;justify-self:end} #yc-company .yc-principles__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bcb5a8;border-left:0} #yc-company .yc-principle{padding:30px 8% 67px 0;border-bottom:1px solid #bcb5a8;min-height:302px;display:flex;flex-direction:column;justify-content:space-between;gap:36px} #yc-company .yc-principle:nth-child(even){padding-left:8%;border-left:1px solid #bcb5a8} #yc-company .yc-principle__meta{display:flex;justify-content:space-between;color:#927b57} #yc-company .yc-principle h3{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:clamp(30px,3.15vw,54px);line-height:1.35;margin-bottom:16px} #yc-company .yc-principle p{font-size:13px;line-height:1.9;color:#66645b;max-width:455px} /* 05 / collection */ #yc-company .yc-focus{background:#0d100e;color:#f1ede5;padding:145px 0 151px} #yc-company .yc-focus__heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:45px 0 79px} #yc-company .yc-focus h2{font-size:clamp(60px,6.5vw,120px);line-height:1.23} #yc-company .yc-focus__heading p{max-width:365px;font-size:14px;line-height:1.9;color:#c1c0b6;margin-bottom:10px} #yc-company .yc-focus__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px} #yc-company .yc-product{position:relative;min-height:720px;display:flex;align-items:end;overflow:hidden;background:#20251e;color:#f3f0e8;isolation:isolate} #yc-company .yc-product--small{min-height:350px} #yc-company .yc-focus__secondary{display:grid;grid-template-rows:1fr 1fr;gap:20px} #yc-company .yc-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.74) saturate(.75);transition:transform .8s} #yc-company .yc-product:hover img{transform:scale(1.04)} #yc-company .yc-product::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.87),transparent 54%)} #yc-company .yc-product__top{position:absolute;left:32px;right:32px;top:30px;z-index:2;color:#e0d4bf} #yc-company .yc-product__bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;position:relative;z-index:2;width:100%;padding:38px} #yc-company .yc-product__bottom h3{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:clamp(35px,3.35vw,64px);line-height:1.24} #yc-company .yc-product--small h3{font-size:clamp(28px,2.5vw,41px)} #yc-company .yc-product__bottom span{width:47px;height:47px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;flex:none;font-size:20px;transition:background .2s,color .2s} #yc-company .yc-product:hover .yc-product__bottom span{background:#f4f0e8;color:#141613} #yc-company .yc-focus__note{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid #484d45;color:#aaa79c} /* 06 / production and trust */ #yc-company .yc-quality{background:#f5f1e9;padding:145px 0 150px} #yc-company .yc-quality__layout{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:start} #yc-company .yc-quality h2{font-size:clamp(60px,6vw,111px);line-height:1.27;margin:43px 0 36px} #yc-company .yc-quality__intro{color:#5e5c55;max-width:630px} #yc-company .yc-quality__right{padding-top:100px} #yc-company .yc-quality__item{border-top:1px solid #bcb8ae;padding:24px 0 29px;display:grid;grid-template-columns:41px 1fr;gap:20px} #yc-company .yc-quality__item:last-child{border-bottom:1px solid #bcb8ae} #yc-company .yc-quality__item h3{font-size:17px;line-height:1.5;font-weight:600;margin-bottom:9px} #yc-company .yc-quality__item p{font-size:13px;line-height:1.9;color:#66645d} #yc-company .yc-quality__no{font-size:11px;font-weight:700;letter-spacing:.15em;color:#a18a62} /* 07 / partner */ #yc-company .yc-dialogue{position:relative;overflow:hidden;background:#1a1d18;color:#f5f0e7;padding:155px 0 145px} #yc-company .yc-dialogue::after{content:"";position:absolute;right:-12%;top:-45%;width:65%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(220,208,183,.1);box-shadow:0 0 0 110px rgba(220,208,183,.015),0 0 0 220px rgba(220,208,183,.012);pointer-events:none} #yc-company .yc-dialogue__heading{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:65px;margin-top:100px} #yc-company .yc-dialogue h2{font-size:clamp(66px,7vw,130px);line-height:1.25} #yc-company .yc-dialogue h2 em{font-style:normal;color:#c2a47b} #yc-company .yc-dialogue__right{padding-bottom:20px} #yc-company .yc-dialogue__right p{font-size:14px;line-height:1.95;color:#c4c4b8;margin-bottom:39px} #yc-company .yc-dialogue__button{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:70px;padding:20px 24px;background:#efeae0;color:#161812;font-size:11px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;transition:background .25s} #yc-company .yc-dialogue__button:hover{background:#d7bd93} #yc-company .yc-dialogue__foot{position:relative;z-index:1;border-top:1px solid #5c6056;margin-top:105px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#a8ac9f} /* 08 / legal disclosure */ #yc-company .yc-legal{background:#eae7df;padding:145px 0 150px} #yc-company .yc-legal__heading{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:end;margin:40px 0 78px} #yc-company .yc-legal h2{font-size:clamp(55px,6.1vw,106px);line-height:1.23} #yc-company .yc-legal__heading p{max-width:455px;color:#5f6058;padding-bottom:9px} #yc-company .yc-facts{border-top:1px solid #bbb8af} #yc-company .yc-fact{display:grid;grid-template-columns:36% 1fr;gap:35px;padding:24px 0;border-bottom:1px solid #bbb8af;align-items:start} #yc-company .yc-fact dt{font-size:10px;line-height:2;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#8a7657;padding-top:2px} #yc-company .yc-fact dd{font-size:clamp(14px,1.16vw,18px);line-height:1.8;letter-spacing:-.012em;min-width:0;overflow-wrap:anywhere} #yc-company .yc-fact__flex{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap} #yc-company .yc-copy{border:1px solid #b3afa4;background:none;color:#55554e;border-radius:0;padding:10px 14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,color .25s;min-width:120px} #yc-company .yc-copy:hover{background:#1b201b;color:#f3eee6} #yc-company .yc-legal__contact{margin-top:53px;padding:34px 0 0;border-top:1px solid #bcb8af;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start} #yc-company .yc-legal__contact p{font-size:13px;line-height:1.95;color:#66635b;max-width:545px} #yc-company .yc-legal__contact .yc-index{color:#8a7657;margin-bottom:16px} /* 09 / footer */ #yc-company .yc-footer{background:#090b0a;color:#ebe6dc;padding:84px 0 28px} #yc-company .yc-footer__main{display:grid;grid-template-columns:1.3fr .7fr;align-items:start;gap:80px} #yc-company .yc-footer__brand p{font-size:12px;line-height:1.9;color:#a8a89d;max-width:420px;margin-top:23px} #yc-company .yc-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:30px} #yc-company .yc-footer__links p{color:#bc9e73;margin-bottom:19px} #yc-company .yc-footer__links a{display:block;font-size:12px;line-height:1.8;color:#dad5ca;padding:5px 0} #yc-company .yc-footer__links a:hover{color:#d5ba92} #yc-company .yc-footer__bottom{border-top:1px solid #444840;display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:21px;color:#a9a79e} #yc-company .yc-footer__wordmark{font-size:clamp(64px,14.5vw,235px);line-height:1.15;margin-top:65px;letter-spacing:-.055em;color:#4d5048;text-align:center} /* motion: the page is visible without JavaScript */ #yc-company.yc-io .yc-rise{opacity:0;transform:translateY(24px);transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1)} #yc-company.yc-io .yc-rise.yc-visible{opacity:1;transform:none} @media(max-width:1180px){#yc-company .yc-wrap{width:calc(100% - 80px)}#yc-company .yu-header__inner{width:calc(100% - 80px);gap:24px;grid-template-columns:144px minmax(0,1fr) 144px}#yc-company .yu-header__nav a,#yc-company .yu-header__cta{font-size:9px;letter-spacing:.09em}#yc-company .yc-hero h1{font-size:clamp(60px,7.8vw,113px);max-width:700px}#yc-company .yc-hero__art{inset:0 0 0 33%}#yc-company .yc-product{min-height:640px}#yc-company .yc-product--small{min-height:310px}} @media(max-width:1080px){#yc-company .yu-header{height:76px;margin-bottom:-76px}#yc-company .yu-header__inner{width:calc(100% - 48px);grid-template-columns:1fr 44px;gap:16px}#yc-company .yu-header__logo{height:72px}#yc-company .yu-header__cta{display:none}#yc-company .yu-header__toggle{display:flex;grid-column:2}#yc-company .yu-header__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;max-height:calc(100svh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px max(20px,env(safe-area-inset-bottom));background:#090b0a;border-top:1px solid #353832;border-bottom:1px solid #53564d}#yc-company .yu-header__nav a{min-height:52px;padding:14px 0;border-bottom:1px solid #30342d;font-size:12px;letter-spacing:.12em}#yc-company .yc-hero h1{font-size:clamp(60px,8.6vw,100px);max-width:650px}#yc-company .yc-hero__art{inset:0 0 0 26%}#yc-company .yc-hero__art img{object-position:54% 50%}} @media(max-width:800px){#yc-company .yc-wrap{width:calc(100% - 48px)}#yc-company .yc-hero{min-height:830px;min-height:100svh}#yc-company .yc-hero__art{inset:0 0 35% 0}#yc-company .yc-hero__art img{object-position:50% 39%;filter:grayscale(.15) saturate(.88) brightness(.72) contrast(1.08)}#yc-company .yc-hero::after{background:linear-gradient(0deg,#080b09 6%,rgba(8,11,9,.97) 22%,rgba(8,11,9,.58) 56%,rgba(8,11,9,.18) 77%,transparent 92%)}#yc-company .yc-hero__inner{padding:350px 0 150px;align-self:end}#yc-company .yc-hero__micro{margin-bottom:29px}#yc-company .yc-hero h1{font-size:clamp(55px,9.6vw,82px)}#yc-company .yc-hero__sub{font-size:13px;max-width:450px;margin-top:25px}#yc-company .yc-hero__rail{display:none}#yc-company .yc-origin,#yc-company .yc-principles,#yc-company .yc-quality,#yc-company .yc-legal{padding:100px 0 110px}#yc-company .yc-origin__top,#yc-company .yc-principles__top,#yc-company .yc-legal__heading{grid-template-columns:1fr;gap:30px;margin-bottom:60px}#yc-company .yc-origin h2,#yc-company .yc-principles h2,#yc-company .yc-legal h2{font-size:clamp(54px,9vw,78px)}#yc-company .yc-principles__top .yc-lead{justify-self:start}#yc-company .yc-belief{padding:110px 0}#yc-company .yc-belief__statement{margin:82px 0 60px;font-size:clamp(46px,7.2vw,76px)}#yc-company .yc-focus{padding:105px 0}#yc-company .yc-focus__heading{display:block;margin-bottom:53px}#yc-company .yc-focus h2{font-size:clamp(62px,10vw,91px)}#yc-company .yc-focus__heading p{margin-top:30px;max-width:550px}#yc-company .yc-focus__grid{grid-template-columns:1fr}#yc-company .yc-focus__secondary{grid-template-columns:1fr 1fr;grid-template-rows:auto}#yc-company .yc-product{min-height:650px}#yc-company .yc-product--small{min-height:380px}#yc-company .yc-product--small h3{font-size:30px}#yc-company .yc-quality__layout{grid-template-columns:1fr;gap:48px}#yc-company .yc-quality h2{font-size:clamp(58px,9vw,92px)}#yc-company .yc-quality__right{padding-top:0}#yc-company .yc-dialogue{padding:110px 0}#yc-company .yc-dialogue__heading{grid-template-columns:1fr;gap:35px;margin-top:75px}#yc-company .yc-dialogue h2{font-size:clamp(61px,9vw,97px)}#yc-company .yc-dialogue__right{max-width:570px}#yc-company .yc-dialogue__foot{margin-top:75px}#yc-company .yc-footer__main{grid-template-columns:1fr;gap:50px}} @media(max-width:560px){#yc-company .yc-wrap{width:calc(100% - 40px)}#yc-company .yu-header__inner{width:calc(100% - 40px)}#yc-company .yc-hero{min-height:780px;min-height:max(780px,100svh)}#yc-company .yc-hero__art{inset:0 0 41% 0}#yc-company .yc-hero__art img{object-position:50% 35%}#yc-company .yc-hero__inner{padding:360px 0 152px}#yc-company .yc-hero__micro .yc-index:last-child{display:none}#yc-company .yc-hero h1{font-size:clamp(45px,10.1vw,63px);line-height:1.23}#yc-company .yc-hero__sub{font-size:12px;line-height:1.9;margin-top:26px}#yc-company .yc-hero__foot{bottom:26px;align-items:end}#yc-company .yc-hero__foot span:last-child{max-width:130px;text-align:right}#yc-company .yc-origin,#yc-company .yc-principles,#yc-company .yc-quality,#yc-company .yc-legal{padding:82px 0 92px}#yc-company .yc-origin h2,#yc-company .yc-principles h2,#yc-company .yc-legal h2{font-size:clamp(41px,10.2vw,58px)}#yc-company .yc-origin__top{margin:34px 0 52px}#yc-company .yc-chronicle__row{grid-template-columns:1fr;gap:11px;padding:22px 0 28px}#yc-company .yc-chronicle__date{font-size:31px}#yc-company .yc-chronicle__row h3{font-size:21px}#yc-company .yc-chronicle__row p{font-size:12px}#yc-company .yc-belief{padding:82px 0 92px}#yc-company .yc-belief__head{align-items:start;gap:20px}#yc-company .yc-belief__head>span:last-child{display:none}#yc-company .yc-belief__statement{font-size:clamp(36px,9.8vw,54px);line-height:1.4;margin:55px 0 48px}#yc-company .yc-belief__bottom{grid-template-columns:1fr;gap:25px}#yc-company .yc-belief__motto{justify-self:start;font-size:10px}#yc-company .yc-principles__top{margin:34px 0 49px}#yc-company .yc-principles__grid{grid-template-columns:1fr}#yc-company .yc-principle{min-height:245px;padding:24px 0 35px!important;border-left:0!important}#yc-company .yc-principle h3{font-size:37px}#yc-company .yc-focus{padding:82px 0 90px}#yc-company .yc-focus h2{font-size:clamp(50px,11.6vw,75px)}#yc-company .yc-focus__heading{margin:35px 0 42px}#yc-company .yc-focus__secondary{grid-template-columns:1fr;gap:15px}#yc-company .yc-focus__grid{gap:15px}#yc-company .yc-product{min-height:550px}#yc-company .yc-product--small{min-height:365px}#yc-company .yc-product__top{left:22px;right:22px;top:21px}#yc-company .yc-product__bottom{padding:24px}#yc-company .yc-product__bottom h3{font-size:clamp(30px,7.6vw,44px)}#yc-company .yc-product--small h3{font-size:32px}#yc-company .yc-focus__note{display:block}#yc-company .yc-focus__note span:last-child{display:block;margin-top:10px}#yc-company .yc-quality h2{font-size:clamp(43px,10.5vw,67px)}#yc-company .yc-quality__item{grid-template-columns:28px 1fr;gap:13px}#yc-company .yc-dialogue{padding:87px 0 93px}#yc-company .yc-dialogue__heading{margin-top:55px}#yc-company .yc-dialogue h2{font-size:clamp(47px,11vw,74px)}#yc-company .yc-dialogue__foot{display:block;margin-top:62px}#yc-company .yc-dialogue__foot span:last-child{display:block;margin-top:11px}#yc-company .yc-fact{grid-template-columns:1fr;gap:5px;padding:20px 0}#yc-company .yc-fact dd{font-size:14px}#yc-company .yc-fact__flex{gap:12px}#yc-company .yc-copy{padding:9px 10px;min-width:96px}#yc-company .yc-legal__contact{grid-template-columns:1fr;gap:35px}#yc-company .yc-footer{padding:74px 0 26px}#yc-company .yc-footer__links{gap:22px}#yc-company .yc-footer__bottom{margin-top:65px;flex-direction:column;gap:10px}#yc-company .yc-footer__wordmark{font-size:clamp(49px,15.5vw,81px);margin-top:46px}} @media(max-width:360px){#yc-company .yc-wrap{width:calc(100% - 30px)}#yc-company .yu-header__inner{width:calc(100% - 30px)}#yc-company .yc-hero h1{font-size:43px}#yc-company .yc-origin h2,#yc-company .yc-principles h2,#yc-company .yc-legal h2{font-size:39px}#yc-company .yc-belief__statement{font-size:35px}#yc-company .yc-quality h2{font-size:41px}#yc-company .yc-dialogue h2{font-size:44px}#yc-company .yc-product__bottom h3{font-size:30px}} @media(prefers-reduced-motion:reduce){#yc-company *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}#yc-company.yc-io .yc-rise{opacity:1!important;transform:none!important}} /* Dedicated desktop/mobile photography, retaining the existing card overlays and effects. */ #yc-company .yc-hero__art picture{display:block;width:100%;height:100%} #yc-company .yc-product > picture{position:absolute;inset:0;display:block;width:100%;height:100%} @media(max-width:1080px){#yc-company .yu-header__logo{width:96px}#yc-company .yu-header__logo img{width:60px;height:53px}} /* ===== YUSUBOV COMPANY / VIP EDITORIAL FINISH ===== Only the top navigation logo alignment and company hero layout are adjusted. The photographic sources, mobile hero scene and all content remain intact. */ /* Pixel-identical logo alignment to the approved YUSUBOV shared header. */ #yc-company .yu-header a.yu-header__logo { display:flex; align-items:center; justify-content:center; width:112px; height:76px; padding:0; } #yc-company .yu-header .yu-header__logo img { display:block; width:68px; height:auto; max-width:100%; max-height:60px; object-fit:contain; object-position:center; mix-blend-mode:normal; } @media (max-width:1080px) { #yc-company .yu-header a.yu-header__logo {height:72px} #yc-company .yu-header .yu-header__logo img {width:60px;height:auto;max-height:54px} } /* Desktop: real feathered photographic edge, not a tinted rectangular panel. A CSS alpha mask resolves the former hard vertical seam regardless of source photo brightness/texture. The separate mobile image is left untouched. */ @media (min-width:801px) { #yc-company .yc-hero { background: radial-gradient(ellipse 78% 90% at 70% 51%,rgba(50,49,42,.08),transparent 68%), linear-gradient(112deg,#0b0e0c 0%,#101310 56%,#111411 100%); } #yc-company .yc-hero__art { inset:0 0 0 42%; background:transparent; -webkit-mask-image:linear-gradient(90deg, transparent 0%,rgba(0,0,0,.05) 7%,rgba(0,0,0,.20) 16%, rgba(0,0,0,.51) 29%,rgba(0,0,0,.83) 43%,#000 60%,#000 100%); mask-image:linear-gradient(90deg, transparent 0%,rgba(0,0,0,.05) 7%,rgba(0,0,0,.20) 16%, rgba(0,0,0,.51) 29%,rgba(0,0,0,.83) 43%,#000 60%,#000 100%); } #yc-company .yc-hero__art img { object-position:50% 50%; filter:saturate(.88) brightness(.86) contrast(1.08); } #yc-company .yc-hero__art::after { z-index:1; background:linear-gradient(180deg,rgba(10,12,11,.15),transparent 25%,transparent 73%,rgba(10,12,11,.22)); } #yc-company .yc-hero::after { background: linear-gradient(90deg,rgba(11,14,12,.17) 0%,transparent 55%), linear-gradient(180deg,rgba(8,10,9,.29),transparent 25%,transparent 75%,rgba(8,10,9,.48)); } #yc-company .yc-hero h1 {max-width:760px} #yc-company .yc-hero__sub {max-width:525px} } @media (min-width:801px) and (max-width:1180px) { #yc-company .yc-hero__art {inset:0 0 0 40%} #yc-company .yc-hero__art img {object-position:55% 50%} } /* YUSUBOV / COMPANY — soft cinematic hero integration, 18.10.2026. Widen the optical transition across the photograph rather than ending it in a visible vertical band. The approved imagery, mobile layout and navigation are unchanged. These rules affect the editorial desktop hero only. */ @media (min-width:801px) { #yc-company .yc-hero { background: radial-gradient(ellipse 90% 110% at 83% 47%,rgba(35,39,33,.42) 0%,rgba(15,19,16,.22) 48%,transparent 76%), #080b09; } #yc-company .yc-hero__art { inset:0 0 0 27%; background:transparent; -webkit-mask-image:linear-gradient(90deg, transparent 0%,rgba(0,0,0,.025) 8%,rgba(0,0,0,.12) 20%, rgba(0,0,0,.32) 33%,rgba(0,0,0,.62) 48%, rgba(0,0,0,.90) 65%,#000 80%,#000 100%); mask-image:linear-gradient(90deg, transparent 0%,rgba(0,0,0,.025) 8%,rgba(0,0,0,.12) 20%, rgba(0,0,0,.32) 33%,rgba(0,0,0,.62) 48%, rgba(0,0,0,.90) 65%,#000 80%,#000 100%); } #yc-company .yc-hero__art img { object-position:54% 50%; filter:grayscale(.12) saturate(.82) brightness(.82) contrast(1.07); } #yc-company .yc-hero::after { background: linear-gradient(90deg,rgba(8,11,9,.74) 0%,rgba(8,11,9,.59) 23%, rgba(8,11,9,.30) 43%,rgba(8,11,9,.08) 61%,transparent 82%), linear-gradient(180deg,rgba(8,11,9,.28) 0%,transparent 25%, transparent 73%,rgba(8,11,9,.43) 100%); } #yc-company .yc-hero__micro {margin-bottom:56px;} #yc-company .yc-hero h1 {max-width:735px;line-height:1.17;} #yc-company .yc-hero__sub {max-width:490px;margin-top:36px;color:#d9d5ca;} } @media (min-width:801px) and (max-width:1180px) { #yc-company .yc-hero__art {inset:0 0 0 30%;} #yc-company .yc-hero__art img {object-position:57% 50%;} } /* Mobile retains its separate approved source image and stacked composition. */ /* Collection arrows: desktop = 32px bare Lion's Mane SVG; mobile = 50px circular homepage arrow; shared 1.25px vector stroke. */ #yc-company .yc-product__bottom > span.yc-company-arrow { display:grid;place-items:center;flex:none; width:32px;height:32px;padding:0;border:0;border-radius:0; background:transparent;font-size:0;line-height:0; } #yc-company .yc-product__bottom > span.yc-company-arrow svg.yc-company-arrow-svg { display:block;width:32px;height:32px;min-width:32px; flex:none;overflow:visible;stroke:currentColor; } #yc-company .yc-product:hover .yc-product__bottom > span.yc-company-arrow { background:transparent;color:inherit; } #yc-company .yc-product__bottom > span.yc-company-arrow svg.yc-company-arrow-svg path { vector-effect:non-scaling-stroke; } @media (max-width:800px) { #yc-company .yc-product__bottom > span.yc-company-arrow { width:50px;height:50px;border:1px solid rgba(255,255,255,.75); border-radius:50%;font-size:22px; transition:background .2s,color .2s; } #yc-company .yc-product__bottom > span.yc-company-arrow svg.yc-company-arrow-svg { width:22px;height:22px;min-width:22px; } #yc-company .yc-product:hover .yc-product__bottom > span.yc-company-arrow { background:#f2eee6;color:#141612; } } /* YUSUBOV | Luxury responsive refinement v1 | 18.10.2026 Layout-only. Preserves approved company hero artwork, product imagery, menus, data, links, editorial styling, footer and global HEAD behavior. */ #yc-company .yc-origin__top > *, #yc-company .yc-principles__top > *, #yc-company .yc-quality__layout > *, #yc-company .yc-dialogue__heading > *, #yc-company .yc-legal__heading > * {min-width:0;} @media (min-width:801px) and (max-width:1180px) { /* Keep long Russian words whole inside the narrower editorial columns. */ #yc-company .yc-origin__top {grid-template-columns:minmax(0,1.35fr) minmax(0,.7fr);gap:6%;} #yc-company .yc-origin h2 {font-size:clamp(53px,5.6vw,77px);} #yc-company .yc-quality__layout {grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;} #yc-company .yc-quality h2 {font-size:clamp(51px,5.6vw,78px);} #yc-company .yc-dialogue__heading {grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(30px,4vw,58px);} #yc-company .yc-dialogue h2 {font-size:clamp(56px,6.2vw,88px);} } @media (min-width:561px) and (max-width:800px) { #yc-company .yc-hero h1 {font-size:clamp(54px,8.5vw,77px);} #yc-company .yc-product {min-height:clamp(530px,78vw,650px);} #yc-company .yc-product--small {min-height:clamp(330px,49vw,380px);} } @media (max-width:700px) { #yc-company .yc-focus__secondary {grid-template-columns:minmax(0,1fr);gap:18px;} #yc-company .yc-product--small {min-height:clamp(370px,90vw,510px);} } @media (max-width:480px) { #yc-company .yc-product {min-height:clamp(455px,138vw,550px);} #yc-company .yc-product--small {min-height:clamp(345px,100vw,445px);} #yc-company .yc-chronicle__row h3 {font-size:21px;} #yc-company .yc-principle p {font-size:13px;} #yc-company .yc-dialogue__button {min-width:0;width:100%;gap:14px;} #yc-company .yc-fact__flex {min-width:0;} } @media (max-width:360px) { #yc-company .yc-product__bottom {padding:19px;gap:10px;} #yc-company .yc-product__top {left:19px;right:19px;} #yc-company .yc-hero__foot {gap:16px;} #yc-company .yc-dialogue__button {padding:17px 15px;font-size:10px;letter-spacing:.08em;} } @media (min-width:561px) and (max-width:800px) and (max-height:520px) and (orientation:landscape) { #yc-company .yc-hero {min-height:540px;} #yc-company .yc-hero__art {inset:0 0 0 43%;} #yc-company .yc-hero::after { background:linear-gradient(90deg,#080b09 0%,rgba(8,11,9,.93) 43%,rgba(8,11,9,.26) 78%),linear-gradient(0deg,rgba(8,11,9,.30),transparent 45%); } #yc-company .yc-hero__inner {align-self:center;padding:132px 0 116px;} #yc-company .yc-hero__micro {margin-bottom:21px;} #yc-company .yc-hero h1 {font-size:clamp(43px,7.2vw,61px);line-height:1.17;} #yc-company .yc-hero__sub {font-size:12px;line-height:1.7;margin-top:16px;max-width:390px;} #yc-company .yc-hero__foot {bottom:20px;} } @media (min-width:801px) and (max-width:1080px) and (max-height:520px) and (orientation:landscape) { #yc-company .yc-hero {min-height:540px;} #yc-company .yc-hero__inner {padding:146px 0 105px;} #yc-company .yc-hero__micro {margin-bottom:22px;} #yc-company .yc-hero h1 {font-size:clamp(53px,6.6vw,70px);line-height:1.14;} #yc-company .yc-hero__sub {font-size:12px;line-height:1.7;margin-top:17px;} #yc-company .yc-hero__foot {bottom:20px;} } @media (min-width:1081px) and (max-height:790px) { #yc-company .yc-hero {min-height:max(700px,100svh);} #yc-company .yc-hero__inner {padding:149px 0 120px;} #yc-company .yc-hero h1 {font-size:clamp(70px,7vw,119px);} } /* YUSUBOV | Company first-screen short-desktop refinement | 18.10.2026 Retain the approved composition; give the story room on shorter laptops. Tablet/mobile and the navigation remain unchanged. */ @media (min-width:1081px) and (max-height:790px) { #yc-company .yc-hero__inner {padding-top:150px;padding-bottom:115px;} #yc-company .yc-hero__micro {margin-bottom:48px;} #yc-company .yc-hero__sub {margin-top:30px;} } /* YUSUBOV / INTERNATIONAL RESPONSIVE SYSTEM — STAGE 2, OCT 2026 Supplementary, strictly scoped to /company. Shared HEAD/footer unchanged. */ #yc-company .yc-chronicle__row > *, #yc-company .yc-focus__grid > *, #yc-company .yc-focus__secondary > *, #yc-company .yc-principles__grid > *, #yc-company .yc-fact > * {min-width:0;} #yc-company .yc-textlink {max-width:100%;} #yc-company .yc-product__bottom h3 {min-width:0;} /* Timeline: tablet-width text should not be squeezed into a third thin column. The date remains its own editorial rail at 801–1060px. */ @media (min-width:801px) and (max-width:1060px) { #yc-company .yc-chronicle__row { grid-template-columns:minmax(115px,.32fr) minmax(0,1fr); column-gap:30px; row-gap:14px; } #yc-company .yc-chronicle__row p {grid-column:2;max-width:650px;} } /* Full-width collection and two balanced cards for compact tablets. */ @media (min-width:801px) and (max-width:980px) { #yc-company .yc-focus__grid {grid-template-columns:minmax(0,1fr);gap:18px;} #yc-company .yc-focus__secondary { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto;gap:18px; } #yc-company .yc-product {min-height:620px;} #yc-company .yc-product--small {min-height:390px;} #yc-company .yc-product--small h3 {font-size:clamp(27px,3.3vw,37px);} } /* Landscape smartphones have a different vertical budget from tablets. Move the text into the first visible frame without affecting portraits. */ @media (min-width:561px) and (max-width:1080px) and (max-height:520px) and (orientation:landscape) { #yc-company .yc-hero {align-items:flex-start;} #yc-company .yc-hero__inner { align-self:flex-start; padding-top:96px; padding-bottom:100px; } #yc-company .yc-hero__micro {margin-bottom:19px;} } /* Base typography and width fallbacks for older WebKit. */ @supports not (width:min(50px,100%)) { #yc-company .yc-wrap {width:calc(100% - 128px);max-width:1440px;} @media(max-width:1180px) {#yc-company .yc-wrap {width:calc(100% - 80px);}} @media(max-width:800px) {#yc-company .yc-wrap {width:calc(100% - 48px);}} @media(max-width:560px) {#yc-company .yc-wrap {width:calc(100% - 40px);}} @media(max-width:360px) {#yc-company .yc-wrap {width:calc(100% - 30px);}} } @supports not (font-size:clamp(1rem,2vw,2rem)) { #yc-company .yc-hero h1 {font-size:95px;} #yc-company .yc-origin h2,#yc-company .yc-principles h2 {font-size:86px;} #yc-company .yc-belief__statement {font-size:90px;} #yc-company .yc-focus h2,#yc-company .yc-quality h2, #yc-company .yc-dialogue h2,#yc-company .yc-legal h2 {font-size:85px;} @media(max-width:1180px) { #yc-company .yc-hero h1 {font-size:78px;} #yc-company .yc-origin h2,#yc-company .yc-principles h2, #yc-company .yc-quality h2,#yc-company .yc-dialogue h2 {font-size:68px;} } @media(max-width:800px) { #yc-company .yc-hero h1 {font-size:68px;} #yc-company .yc-belief__statement {font-size:58px;} #yc-company .yc-origin h2,#yc-company .yc-principles h2, #yc-company .yc-legal h2 {font-size:62px;} } @media(max-width:560px) { #yc-company .yc-hero h1,#yc-company .yc-origin h2, #yc-company .yc-principles h2,#yc-company .yc-legal h2 {font-size:43px;} #yc-company .yc-belief__statement {font-size:43px;} #yc-company .yc-focus h2,#yc-company .yc-quality h2, #yc-company .yc-dialogue h2 {font-size:52px;} } @media(max-width:360px) { #yc-company .yc-hero h1,#yc-company .yc-origin h2, #yc-company .yc-principles h2,#yc-company .yc-legal h2 {font-size:38px;} #yc-company .yc-belief__statement {font-size:36px;} } } /* YUSUBOV COMPANY / RESPONSIVE ARCHITECTURE & ART-DIRECTION / STAGE 7 Consolidated component-based adjustments for the real available space. Scoped to /company. Approved media URLs, JS, legal data and shared HEAD intact. */ /* Intermediate widths: give important editorial headings their own line. Keeping two columns merely because the viewport is >800px compresses Prata and causes large text and descriptive copy to compete for visual space. */ @media (min-width:801px) and (max-width:1180px) { #yc-company .yc-focus__heading { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:23px; margin-bottom:57px; } #yc-company .yc-focus__heading h2 {font-size:clamp(56px,6.3vw,86px);} #yc-company .yc-focus__heading p { max-width:640px; margin:0; font-size:14px; line-height:1.9; } } @media (min-width:801px) and (max-width:1100px) { #yc-company .yc-principles__top { grid-template-columns:minmax(0,1fr); gap:26px; margin-bottom:64px; } #yc-company .yc-principles__top .yc-lead { justify-self:start; padding-bottom:0; max-width:620px; } #yc-company .yc-principles h2 {font-size:clamp(59px,7vw,79px);} } @media (min-width:801px) and (max-width:980px) { #yc-company .yc-origin__top, #yc-company .yc-legal__heading, #yc-company .yc-quality__layout, #yc-company .yc-dialogue__heading { grid-template-columns:minmax(0,1fr); gap:27px; } #yc-company .yc-origin__top .yc-lead, #yc-company .yc-legal__heading p {max-width:660px;} #yc-company .yc-quality__right {padding-top:0;} #yc-company .yc-dialogue__heading {margin-top:65px;} #yc-company .yc-dialogue__right {max-width:575px;padding-bottom:0;} #yc-company .yc-dialogue h2 {font-size:clamp(58px,7.2vw,76px);} } /* Short notebooks / wide touch screens: reduce the oversized top and bottom budgets together; preserve DOM flow instead of absolutely moving copy. */ @media (min-width:801px) and (max-width:1080px) and (min-height:521px) and (max-height:750px) { #yc-company .yc-hero {min-height:600px;min-height:max(600px,100svh);} #yc-company .yc-hero__inner {padding:122px 0 100px;} #yc-company .yc-hero__micro {margin-bottom:24px;} #yc-company .yc-hero h1 {font-size:clamp(52px,6.4vw,75px);line-height:1.15;} #yc-company .yc-hero__sub {margin-top:21px;font-size:13px;line-height:1.8;max-width:490px;} #yc-company .yc-hero__foot {bottom:23px;} } @media (min-width:1081px) and (max-width:1440px) and (max-height:760px) { #yc-company .yc-hero__inner {padding:138px 0 103px;} #yc-company .yc-hero__micro {margin-bottom:31px;} #yc-company .yc-hero__sub {margin-top:25px;} #yc-company .yc-hero__foot {bottom:27px;} }