1 line
15 KiB
CSS
1 line
15 KiB
CSS
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{color-scheme:dark}*{box-sizing:border-box}body,html{background:#121212;color:#fff;font-family:Segoe UI,Segoe UI Variable,Helvetica Neue,Arial,sans-serif}body{line-height:1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.site{overflow:hidden;position:relative}.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.btn{align-items:center;background:#cf1717;border:0;border-radius:14px;box-shadow:0 25px 50px rgba(231,0,11,.5);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;line-height:24px;padding:18px 24px;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--small{box-shadow:0 10px 15px rgba(231,0,11,.4),0 4px 6px rgba(231,0,11,.4);font-size:14px;line-height:20px;padding:10px 24px}.btn--ghost{background:rgba(41,49,51,.6);border:2px solid hsla(0,0%,100%,.2);box-shadow:none}.header{animation:slide-down .65s ease both;background:hsla(0,0%,7%,.95);border-bottom:1px solid rgba(207,23,23,.2);inset:0 0 auto;position:fixed;z-index:20}.header__inner{justify-content:space-between;min-height:72px}.header__inner,.header__nav{align-items:center;display:flex}.header__nav{gap:32px;margin-left:auto;margin-right:32px}.header__nav a{color:hsla(0,0%,100%,.8);font-size:14px;font-weight:600;line-height:20px;transition:color .2s ease}.header__nav a:hover{color:#fff}.logo{display:inline-flex;height:30px;width:137px}.logo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero{min-height:852px;padding-top:72px;position:relative}.hero__bg{background:linear-gradient(90deg,hsla(0,0%,7%,.9),hsla(0,0%,7%,.7) 50%,transparent),url(https://www.figma.com/api/mcp/asset/e5a37fb1-e23a-4258-855e-e6951519202d) 50%/cover no-repeat;inset:0;position:absolute}.hero__bg:after{background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,hsla(0,0%,100%,.045) 0 1px,transparent 1px 8px);content:"";inset:0;mix-blend-mode:soft-light;position:absolute}.hero__content{margin-left:528px;max-width:816px;padding-top:104px;position:relative;z-index:1}.hero__content>*{animation:fade-up .7s ease forwards;opacity:0}.hero__content h1{animation-delay:.15s}.hero__content p{animation-delay:.28s}.hero__content .hero__tags{animation-delay:.4s}.hero__content .hero__actions{animation-delay:.52s}.hero h1{font-size:72px;font-weight:800;line-height:90px;margin-bottom:24px;max-width:768px}.hero h1 span{color:#cf1717}.hero p{color:hsla(0,0%,100%,.8);font-size:20px;line-height:32px;margin-bottom:32px;max-width:768px}.hero__tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero__tags li{background:rgba(41,49,51,.6);border:1px solid rgba(207,23,23,.3);border-radius:999px;font-size:14px;font-weight:600;line-height:20px;padding:9px 17px;transition:border-color .25s ease,background-color .25s ease,transform .25s ease;white-space:nowrap}.hero__tags li:hover{background:rgba(41,49,51,.9);border-color:rgba(207,23,23,.55);transform:translateY(-1px)}.hero__actions{display:flex;gap:16px}.highlights{background:#293133;padding:96px 0}.highlights__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.info-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:178px;padding:33px;transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.info-card:hover{background:hsla(0,0%,7%,.62);border-color:rgba(207,23,23,.45);transform:translateY(-6px)}.info-card h3{font-size:20px;font-weight:700;line-height:28px;margin-bottom:8px}.info-card p{color:hsla(0,0%,100%,.7);font-size:16px;line-height:24px}.section{padding:96px 0;position:relative}.section>.container{position:relative;z-index:1}.section--pattern{background:#1a2124}.section--pattern:before{background-image:radial-gradient(circle at 80px 80px,rgba(207,23,23,.25) 0 2px,transparent 2px 70px),radial-gradient(circle at 120px 120px,hsla(0,0%,100%,.06) 0 1px,transparent 1px 48px);background-size:320px 320px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.section__head{margin-bottom:64px;text-align:center}.section__head h2{font-size:48px;font-weight:700;line-height:1;margin-bottom:16px}.section__head p{color:hsla(0,0%,100%,.8);font-size:28px;line-height:1.15}.advantages__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:162px;padding:25px;position:relative;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-5px)}.feature-card:before{background:rgba(207,23,23,.16);border:1px solid rgba(207,23,23,.32);border-radius:14px;content:"";display:block;height:48px;margin-bottom:16px;width:48px}.feature-card h3{font-size:20px;font-weight:700;line-height:1.2;margin-bottom:8px}.feature-card p{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.4}.objects .section__head{margin-bottom:64px}.object-card{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:48px}.object-card:last-child{margin-bottom:0}.object-card--reverse .object-card__image{order:2}.object-card--reverse .object-card__content{order:1}.object-card__image{background-position:50%;background-size:cover;border-radius:16px;min-height:400px;transition:transform .5s ease}.object-card__content{align-self:center;background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:338px;padding:33px;transition:transform .3s ease,border-color .3s ease}.object-card__content h3{font-size:34px;font-weight:700;line-height:1.1;margin-bottom:16px}.object-card__content p{color:hsla(0,0%,100%,.7);font-size:18px;line-height:28px;margin-bottom:24px}.object-card__content ul{margin-bottom:24px}.object-card__content li{color:hsla(0,0%,100%,.8);font-size:16px;line-height:28px;padding-left:14px;position:relative}.object-card__content li+li{margin-top:8px}.object-card__content li:before{background:#cf1717;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:12px;width:6px}.object-card:hover .object-card__image{transform:scale(1.02)}.object-card:hover .object-card__content{border-color:rgba(207,23,23,.4);transform:translateY(-4px)}.services{background:#293133}.services__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:260px;padding:33px;transition:transform .3s ease,border-color .3s ease}.service-card:hover{border-color:rgba(207,23,23,.45);transform:translateY(-6px)}.service-card h3{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}.service-card p{color:hsla(0,0%,100%,.7);font-size:18px;line-height:28px;margin-bottom:auto}.service-card a{background:#cf1717;border-radius:14px;display:inline-flex;font-size:14px;font-weight:700;line-height:20px;margin-top:20px;padding:10px 20px;width:-moz-fit-content;width:fit-content}.gallery{background:#1b2225}.gallery__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery__item{aspect-ratio:16/10;background-position:50%;background-size:cover;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;transition:transform .45s ease,border-color .3s ease,filter .3s ease}.gallery__item:hover{border-color:rgba(207,23,23,.55);filter:saturate(1.08);transform:scale(1.03)}.reviews{background:#1a2023}.reviews__grid{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:64px}.review-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:206px;padding:33px;transition:transform .3s ease,border-color .3s ease}.review-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-5px)}.review-card p{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.5;margin-bottom:24px}.review-card strong{display:block;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.review-card span{color:hsla(0,0%,100%,.7);font-size:16px;line-height:1.2}.stats{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{background:hsla(0,0%,7%,.4);background:#cf1717;border:0;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);min-height:144px;padding:32px;text-align:center;transition:transform .3s ease}.stats article:hover{transform:translateY(-5px)}.stats strong{color:#fff;display:block;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stats span{color:#fff;font-size:16px;line-height:1.3}.booking{background:#1b2225}.booking__wrap{display:grid;gap:48px;grid-template-columns:1fr 1fr}.booking h2{font-size:48px;font-weight:600;line-height:1.1;margin-bottom:24px}.booking p{color:hsla(0,0%,100%,.8);font-size:18px;line-height:1.45;margin-bottom:32px}.booking form{display:flex;flex-direction:column;gap:16px}.booking form .btn{height:56px;margin-top:4px;padding:0 24px;width:100%}.booking input{background:hsla(0,0%,7%,.35);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;font-size:16px;height:58px;line-height:18px;padding:0 24px;width:100%}.booking input::-moz-placeholder{color:hsla(0,0%,100%,.75)}.booking input::placeholder{color:hsla(0,0%,100%,.75)}.contacts-card,.hours-card{background:hsla(0,0%,7%,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);padding:33px;transition:transform .3s ease,border-color .3s ease}.contacts-card:hover,.hours-card:hover{border-color:rgba(207,23,23,.4);transform:translateY(-4px)}.contacts-card{margin-bottom:32px}.contacts-card h3{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:24px}.contacts-card ul{display:flex;flex-direction:column;gap:16px}.contacts-card li strong{display:block;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:8px}.contacts-card li span{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.5}.hours-card h4{font-weight:700;margin-bottom:16px}.hours-card h4,.hours-card p{font-size:16px;line-height:1.2}.hours-card p{margin:0}.footer{background:#121212;border-top:1px solid rgba(207,23,23,.1);padding:49px 0}.footer__top{display:grid;gap:32px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}.footer__col h4{font-size:16px;font-weight:700;line-height:1.2;margin-bottom:16px}.footer__col a,.footer__col p,.footer__col span{color:hsla(0,0%,100%,.8);display:block;font-size:14px;line-height:1.3}.footer__col p{line-height:1.4;margin-top:16px}.footer__col a+a,.footer__col span+span{margin-top:8px}.footer__socials{display:flex;gap:12px}.footer__socials a{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:inline-flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:transform .25s ease,border-color .25s ease,background-color .25s ease;width:40px}.footer__socials a:hover{background:rgba(207,23,23,.15);border-color:rgba(207,23,23,.5);transform:translateY(-2px)}.footer__bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:16px;justify-content:space-between;padding-top:24px}.footer__bottom a,.footer__bottom span{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.3}.footer__bottom div{display:flex;gap:24px}@media only screen and (max-width:1600px){.hero__content{margin-left:420px}.hero h1{font-size:64px;line-height:1.15}}@media only screen and (max-width:1280px){.container{padding:0 20px}.header__nav{gap:20px;margin-right:20px}.hero__content{margin-left:280px;max-width:700px}.hero h1{font-size:56px}.hero p{font-size:18px;line-height:1.6}.section__head h2{font-size:40px}.section__head p{font-size:24px}.object-card__content h3{font-size:30px}.booking h2{font-size:42px}}@media only screen and (max-width:1024px){.header__inner{min-height:64px}.header__nav{display:none}.hero{min-height:auto;padding:120px 0 80px}.hero__content{margin-left:0;max-width:100%;padding-top:0}.hero h1{font-size:48px;line-height:1.15}.hero h1,.hero p{max-width:640px}.hero__actions{flex-wrap:wrap}.advantages__grid,.footer__top,.gallery__grid,.highlights__grid,.reviews__grid,.services__grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.booking__wrap,.object-card{gap:24px;grid-template-columns:1fr}.object-card--reverse .object-card__content,.object-card--reverse .object-card__image{order:0}.section{padding:72px 0}.section__head{margin-bottom:40px}.booking__contacts{display:grid;gap:24px;grid-template-columns:1fr 1fr}.contacts-card{margin-bottom:0}.footer__bottom{align-items:flex-start;flex-direction:column}}@media only screen and (max-width:768px){.container{padding:0 16px}.btn{width:100%}.btn--small{width:auto}.hero{padding-top:108px}.hero h1{font-size:40px;max-width:100%}.hero p{font-size:16px;line-height:1.5;max-width:100%}.hero__tags li{white-space:normal}.hero__actions .btn--ghost{width:100%}.section__head h2{font-size:34px}.section__head p{font-size:20px;line-height:1.3}.advantages__grid,.booking__contacts,.footer__top,.gallery__grid,.highlights__grid,.reviews__grid,.services__grid,.stats{grid-template-columns:1fr}.booking h2,.feature-card h3,.object-card__content h3,.service-card h3{font-size:28px}.stats strong{font-size:40px}}@media only screen and (max-width:520px){.header__inner{gap:12px}.logo{height:24px;width:110px}.btn--small{font-size:13px;padding:10px 16px}.hero{padding-top:100px}.hero h1{font-size:34px}.hero__actions{gap:12px}.section{padding:64px 0}.section__head h2{font-size:32px}.section__head p{font-size:18px}.contacts-card,.feature-card,.hours-card,.info-card,.object-card__content,.review-card,.service-card,.stats article{padding:24px}.object-card__image{min-height:260px}.footer__bottom div{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.hero__content>*,.scroll-reveal{opacity:1!important}.scroll-reveal{transform:none!important}} |