/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* GRID - ROOT */
.grid {width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:40px; position:relative; z-index:10; box-sizing:border-box}
.grid.center {align-items:center}
.grid.common {padding:120px 0}
.grid.common.magic {padding:170px 0 120px 0}
.grid.narrow {gap:20px}
.grid.rotate {grid-template-columns:repeat(1, 1fr)}
.grid.alpha, .grid.omega {display:flex; flex-direction:column; gap:0; align-items:flex-start; box-sizing:border-box}
.grid.alpha {padding:30px}
.grid-card-track, .grid-mask {width:100%; display:grid; grid-template-columns:0.6fr 0.4fr; gap:30px}
.grid-card-track {grid-template-columns:repeat(2, 1fr); overflow-x:auto}
.grid-mask.alt {grid-template-columns:0.4fr 0.6fr}
.grid-block, .grid-card {box-sizing:border-box}

/* GRID - Header & Footer */
.grid-heading {width:100%}
.grid-heading h1 {font-size:48px; line-height:56px; font-weight:400}
.grid-heading h1.spec, .grid-heading h3.spec {letter-spacing:-0.04em; font-weight:750}
.grid-heading h1.t64 {font-size:64px; line-height:1.05}
.grid-heading h3 {font-size:36px; line-height:44px; font-weight:500}
.grid-heading h3.t18 {font-size:18px; line-height:28px}
.grid-heading h3.t24 {font-size:24px; line-height:32px}
.grid-heading h3.t30 {font-size:30px; line-height:38px}
.grid-heading h3.t42 {font-size:42px; line-height:50px}
.grid-heading p {font-size:20px; line-height:28px; font-weight:400; margin-top:10px}
.grid-heading.text-center {text-align:center}
.grid-subheading, .grid-meta {font-size:14px; line-height:22px; font-weight:500; display:inline-flex; align-items:center; column-gap:10px}
.grid-subheading span, .grid-meta span {width:8px; height:8px; content:""}
.grid-subheading span.round, .grid-meta span.round {border-radius:50%}
.grid-subheading.mood {letter-spacing:0.10em; text-transform:uppercase}
.grid-meta {align-items:flex-start}
.grid-meta span {min-width:8px; margin-top:7px;}

.grid-heading h3 {color:#1b203d}
.grid-heading.dark h1 {color:#fff}
.grid-heading.dark h3 {color:#fff}
.grid-heading.dark p {color:#eee}
.grid-subheading {color:#222}

/* GRID 1 */
.grid-text, .grid-text p, .grid-one, .grid-subsearch-form, .grid-subsearch-field {width:100%; float:left}
.grid-text {font-size:16px; line-height:24px}
.grid-text p {margin-bottom:20px}
.grid-text p:last-child {margin-bottom:0}
.grid-text p strong {font-weight:bold}
.grid-text p a {text-decoration:underline}
.grid-buttons {float:left; width:100%; display:flex; flex-wrap:wrap; row-gap:12px; column-gap:12px}
.grid-learn {font-size:16px; line-height:24px; font-weight:500; padding:12px 30px; border-radius:100px; display:inline-flex; align-items:center; column-gap:10px}
.grid-learn span {width:18px; height:18px; font:18px/18px "WPLine"}
.grid-switcher {border-radius:8px; margin:0 auto; display:block}
.grid-switcher ul {padding:3px; display:flex; box-sizing:border-box}
.grid-switcher li {min-width:150px; text-align:center}
.grid-switcher a {display:block; font-size:15px; line-height:15px; font-weight:600; border-radius:6px; padding:18px 45px; position:relative}
.grid-switcher a span {width:12px; height:12px; content:""; border-radius:50%; position:absolute; top:-5px; right:-5px}
.grid-switcher.alpha ul {padding:4px}
.grid-one {box-sizing:border-box}
.grid-prompt {display:flex; gap:8px; padding:6px; box-sizing:border-box}
.grid-prompt span {flex:1; background:transparent; border:0; outline:0; padding:12px 14px; font-size:14px}
.grid-subsearch {width:500px; float:none; margin:0 auto; display:table}
.grid-subsearch-form {position:relative}
.grid-subsearch-form:after {position:absolute; top:12px; right:10px; content:'1'; font:20px/20px "WPLine"; width:20px; height:20px; z-index:50}
.grid-subsearch-field {padding:15px 40px 15px 20px; outline:none; border:0; border-radius:3px; position:relative; z-index:10; font-size:16px; line-height:16px; box-sizing:border-box}

.grid-text {color:#595f7a}
.grid-text p a {color:#5865B3}
.grid-text p a:hover {color:#1b203d}
.grid-text.dark {color:#d1d5db}
.grid-learn {color:#545470; border-color:#cbccd5; background:#f5f7fb}
.grid-learn:hover {background:#e5e7f0}
.grid-switcher {background:#e5e5e5}
.grid-switcher a {color:#59607B}
.grid-switcher a span {background:#ff3d3d}
.grid-switcher a.active {background:#fff; color:#1B203E; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2)}
.grid-switcher a:hover {color:#1b203d}
.grid-switcher.alpha {border:1px solid #d7d6d6}
.grid-prompt {border-color:rgba(63, 63, 63, 0.2); background:#fff}
.grid-prompt span {color:#6e6e6e}
.grid-prompt.dark {border-color:rgba(255, 255, 255, 0.2); background:rgba(16, 16, 26, 0.7)}
.grid-prompt.dark span {color:#ececf3}
.grid-subsearch-form:after {color:#444}
.grid-subsearch-field {color:#2c3543; background:#fff}

/* GRID 2 */
.grid-list-dot, .grid-list-number {width:100%; float:left}
.grid-list-dot {list-style:none; padding:0; margin:0 0 1em}
.grid-list-dot li {position:relative; padding-left:1.2em; margin:0.4em 0; line-height:1.5}
.grid-list-dot li::before {content:""; position:absolute; left:0; top:0.55em; width:5px; height:5px; border-radius: 50%; background:currentColor; opacity: 0.6}
.grid-list-number li {display:list-item; position:relative}
.grid-list-number li a {display:flex; column-gap:20px; text-decoration:none}
.grid-list-number li a:before {position:absolute; width:1px; content:""; bottom:5px; top:37px; left:15px}
.grid-list-number li span {width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:14px; line-height:14px; border-radius:50%; box-sizing:border-box}
.grid-list-number li a div, .grid-list-number li div.mask div {display:inline-flex; flex-direction:column; flex:1 1 0; margin-bottom:50px}
.grid-list-number li h3 {margin-bottom:8px}
.grid-list-number li div.mask {display:flex; column-gap:20px}
.grid-list-number li div.mask div {margin-bottom:20px; display:block}
.grid-list-number li:last-child a div {margin-bottom:0}

.grid-list-number li a span {background:#b9c2d4; color:#fff}
.grid-list-number li a {color:rgba(23, 23, 23, 0.7)}
.grid-list-number li a h3 {color:#121212}
.grid-list-number li a:before {background:#e1e1e1}
.grid-list-number li a.active span {background:#3b7eff}
.grid-list-number li a:hover span {background:#090909}
.grid-list-number li a:hover h3 {color:#555}
.grid-list-number li div.mask span {background:#E91E78; color:#fff}

/* GRID 3 */
.grid-stage {display:block; margin:0 auto; width:100%; overflow:hidden; position:relative; display:flex; flex-direction:column; box-sizing:border-box}
.grid-stage-badge {position:absolute; top:15px; left:15px; z-index:500;}
.grid-costs {width:100%; float:left}
.grid-costs-track {width:100%; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px}
.grid-cost-card {border-radius:10px; padding:18px; text-align:center; display:flex; flex-direction:column; row-gap:8px; justify-content:center; box-sizing:border-box}
.grid-cost-card span {display:block; font-size:12px; line-height:20px; font-weight:600; text-transform:uppercase}
.grid-cost-card strong {display:block; font-size:20px; line-height:28px; font-weight:600}
.grid-cost-card small, .grid-table-layout small {display:block; font-size:12px; line-height:20px; font-weight:500}
.grid-tech-box {padding:20px; display:flex; flex-direction:column; justify-content:space-between}
.grid-tech-tabs {display:flex; gap:30px; margin-bottom:20px}
.grid-tech-tabs button {background:none; border:none; padding:12px 0; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px;}
.grid-tech-tabs button.active {font-weight:500}
.grid-tech-panel {display:none; font-size:14px}
.grid-tech-panel.active {display:block}
.grid-tech-panel label { display:block; font-weight:600; margin:14px 0 6px;}
.grid-tech-panel input[type="number"], .grid-tech-panel select {width:100%; padding:10px 12px; border-radius:5px; box-sizing:border-box; font-size:15px}
.grid-tech-check {display:flex; align-items:center; gap:8px; margin-top:12px; font-weight:500}
.grid-tech-plus {display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px; box-sizing:border-box; margin-top:15px; font-size:15px; border-radius:10px}
.grid-tech-result {display:flex; flex-direction:column; row-gap:8px}
.grid-tech-total {font-size:24px; font-weight:600; line-height:1.2}

.grid-stage {background:#fff; box-shadow:0 2px 8px 4px #d9d9d970; border:1px solid #ddd}
.grid-cost-card {background:linear-gradient(135deg, #F4F7FF, #ffffff); color:#31406E; border:1px solid #dcdcdc}
.grid-cost-card.total {background:linear-gradient(135deg, #4989DC, #2C9DE1); color:#fff}
.grid-cost-card.repeat {background:linear-gradient(135deg, #E91E78, #ff1e3c); color:#fff}
.grid-tech-box {background:linear-gradient(135deg, #f4f7ff, #ffffff); border:1px solid var(--color-deep-ocean--12)}
.grid-tech-tabs {border-bottom:1px solid var(--line)}
.grid-tech-tabs button {color:var(--text)}
.grid-tech-tabs button.active {color:var(--primary); border-bottom-color:var(--primary)}
.grid-tech-panel input[type="number"], .grid-tech-panel select {border:1px solid var(--line); background:var(--bg-1); color: var(--text)}
.grid-tech-panel input:focus, .grid-tech-panel select:focus {outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(59, 130, 246, 0.15)}
.grid-tech-plus {background:var(--primary-soft); border:1px solid var(--line-1)}
.grid-tech-result {color:var(--text-cool)}
.grid-tech-total {color:var(--primary)}

/* GRID - TABLE */
.grid-table-scroll {width:100%; box-sizing:border-box; overflow:hidden}
.grid-table-layout {width:100%; border-collapse:collapse; display:table; font-size:15px; line-height:23px}
.grid-table-layout span {font-weight:500; display:inline !important}
.grid-table-layout small {margin-top:4px}
.grid-table-layout th {font-weight:700; white-space:nowrap; box-sizing:border-box; padding:15px}
.grid-table-layout thead th {text-align:center; border-top:0 !important}
.grid-table-layout thead th:first-child, .grid-table-layout tbody th:first-child {text-align:left; border-left:0}
.grid-table-layout thead th:last-child, .grid-table-layout tbody td:last-child {border-right:0}
.grid-table-layout tbody tr:last-child th, .grid-table-layout tbody tr:last-child td {border-bottom:0}
.grid-table-layout tbody td {text-align:center; overflow-wrap:break-word; padding:8px; box-sizing:border-box}
.grid-table-layout tbody td.left {text-align:left}
.grid-table-layout tbody td a {text-decoration:underline}

.grid-table-scroll {border:1px solid var(--color-deep-ocean--12); color:var(--color-thunderstorm)}
.grid-table-layout th {border:1px solid var(--color-deep-ocean--12)}
.grid-table-layout thead {background:#F4F7FF}
.grid-table-layout tbody td {border:1px solid var(--color-deep-ocean--12)}
.grid-table-layout tbody td {color:var(--color-thunderstorm)}
.grid-table-layout tbody td a {color:var(--primary)}
.grid-table-layout tbody td a:hover {color:#ff1e3c}
.grid-table-layout tbody tr:nth-child(even) td, .grid-table-layout tbody tr:nth-child(even) th {background:#FAFBFF}

/* GRID - IMAGES */
.grid-image, .grid-gallery, .grid-gallery-item {width:100%; float:left}
.grid-image {position:relative}
.grid-image img {width:100%; max-width:100%; height:auto; float:left; object-fit:cover}
.grid-image.s1 img {border-radius:8px}
.grid-image.s2 img {border-radius:12px}
.grid-image figcaption {padding-top:5px; display:block; float:left}
.grid-image.mobile, .grid-image.mask {display:none}
.grid-image.empty {display:none}
.grid-gallery .bx-wrapper {position:relative}
.grid-gallery .bx-controls {position:absolute; top:15px; right:15px}
.grid-gallery .bx-controls-direction {display:flex; column-gap:12px}
.grid-gallery .bx-controls-direction a {font:10px/10px "WP"; width:30px; height:30px; border-radius:50%; display:flex;; align-items:center; justify-content:center}
.grid-gallery .bx-prev.disabled, .grid-gallery .bx-next.disabled {display:none}
.grid-gallery-live {visibility:hidden}
.grid-gallery-item {position:relative; overflow:hidden}
.grid-gallery-item figure {width:100%; position:relative; aspect-ratio:16 / 9}
.grid-gallery-item img {position:relative; inset:0; width:100%; height:100%; object-fit:cover; display:block}
.grid-gallery-item figcaption {padding:15px}
.grid-gallery-item.film:before {content:""; position:absolute; left:0; right:0; bottom:0; top:0; background-repeat:repeat; opacity:0.2;z-index:1; aspect-ratio: 1 / 1}
.grid-gallery.square {height:auto}
.grid-gallery.square .grid-gallery-item figure {aspect-ratio:1 / 1}

.grid-image figcaption {color:#666}
.grid-image.dark figcaption {color:#b1b1b1}
.grid-gallery .bx-controls-direction a {background:rgba(0,0,0,0.8); color:#fff}
.grid-gallery .bx-controls-direction a:hover {background:rgba(0,0,0,1)}
.grid-gallery-item figcaption, .grid-image figcaption {color:#666}
.grid-gallery-item.film:before {background-image:url('../images/assets/dot.png')}





/* GRID - BLOCKS */
.grid-block ul li a:hover {text-decoration:underline}
.grid-block ul.touch, .grid-block ul.checked, .grid-block ul.number {width:100%; float:left}
.grid-block ul.touch li, .grid-block ul.checked li {display:flex; align-items:center; column-gap:12px; margin-top:12px}
.grid-block ul.touch li:first-child, .grid-block ul.checked li:first-child {margin-top:0}
.grid-block ul.touch li div {width:40px; height:40px; display:flex; justify-content:center; align-items:center; font:20px/20px "WPLine"; border-radius:50%}
.grid-block ul.touch li span {font-size:16px; line-height:24px}
.grid-block ul.touch li a {text-decoration:underline}
.grid-block ul.checked li:before {width:24px; font:24px/24px "WPLine"; content:"n"}
.grid-block ul.photos {display:flex; flex-wrap:wrap; column-gap:40px; row-gap:40px; justify-content:center}
.grid-block ul.photos li {flex:1 1 0; min-width:200px}
.grid-block ul.photos li img {width:100%; max-width:100%; height:auto; object-fit:cover; aspect-ratio: 1 / 1}
.grid-block ul.photos li figure {position:relative; display:flex; overflow:hidden}
.grid-block ul.photos li figcaption {position:absolute; bottom:15px; left:15px; margin-right:15px; padding:8px 12px; font-size:14px; line-height:22px;border-radius:4px}
.grid-block ul.number li {display:list-item; position:relative}
.grid-block ul.number li a, .grid-block ul.number li div.mask {display:flex; column-gap:20px; text-decoration:none}
.grid-block ul.number li a:before {position:absolute; width:1px; content:""; bottom:5px; top:37px; left:15px}
.grid-block ul.number li span {width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:14px; line-height:14px; border-radius:50%; box-sizing:border-box}
.grid-block ul.number li div {display:inline-flex; flex-direction:column; flex:1 1 0; margin-bottom:50px}
.grid-block ul.number li h3 {margin-bottom:8px}
.grid-block ul.number li:last-child div {margin-bottom:0}
.grid-block ul.number li div.mask {flex-direction:row; margin-bottom:0}
.grid-block ul.number li div.mask div {margin-bottom:20px}

.grid-block ul.touch li, .grid-block ul.touch li a {color:#595f7a}
.grid-block ul.touch li a:hover {color:#222}
.grid-block ul.touch li div {background:#f5f5f4}
.grid-block ul.touch.dark {color:#ddd}
.grid-block ul.touch.dark a {color:#ddd}
.grid-block ul.touch.dark a:hover {color:#fff}
.grid-block ul.photos li figcaption {background:#fff; color:#666}
.grid-block ul.number li a span {background:#b9c2d4; color:#fff}
.grid-block ul.number li a {color:rgba(23, 23, 23, 0.7)}
.grid-block ul.number li a h3 {color:#121212}
.grid-block ul.number li a:before {background:#e1e1e1}
.grid-block ul.number li a.active span {background:#3b7eff}
.grid-block ul.number li a:hover span {background:#090909}
.grid-block ul.number li a:hover h3 {color:#555}
.grid-block ul.number li div.mask span {background:#E91E78; color:#fff}



/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.grid, .grid-mask, .grid-mask.alt {grid-template-columns:repeat(1, 1fr); gap:20px}
.grid.common {padding:70px 0}
.grid.common.magic {padding:120px 0 70px 0}
.grid.alpha {padding:10px}
.grid-card-mask {overflow:hidden; display:block}
.grid-card-track {gap:16px; width:300px}
.grid-card {width:300px}

.grid-heading h1 {font-size:30px; line-height:38px}
.grid-heading h1.t64 {font-size:40px}
.grid-heading h3 {font-size:28px; line-height:36px}
.grid-heading h3.t30 {font-size:24px; line-height:32px}
.grid-heading h3.t42 {font-size:36px; line-height:44px}
.grid-heading p {font-size:16px; line-height:24px}

.grid-switcher li {min-width:120px}
.grid-switcher a {padding:15px 30px}
.grid-prompt {flex-direction:column}
.grid-subsearch {width:300px}

.grid-list-number li div.mask {column-gap:14px}

.grid-costs {overflow-x:auto; width:278px}
.grid-costs-track {width:566px; gap:10px}
.grid-tech-box {padding:10px} 

.grid-table-scroll {overflow-x:auto; width:278px}
.grid-table-layout {width:640px}
.grid-table-layout th {padding:12px}

.grid-image.mobile {margin:0 auto; display:table; width:250px; float:none}
.grid-image.desktop {display:none}
.grid-image.mobile {width:100%}




.grid-block ul.photos {column-gap:10px; row-gap:10px}
.grid-block ul.photos li {min-width:140px}
.grid-block ul.photos li figcaption {bottom:10px; left:10px; padding:6px 10px; margin-right:10px; font-size:13px; line-height:21px}
.grid-block ul.number li div {margin-bottom:30px}


}

@media only screen and (min-width:360px) and (max-width:1023px) {
.grid-card-track {width:340px}

.grid-switcher li {min-width:140px}
.grid-switcher a {padding:15px 40px}

.grid-costs {width:318px}

.grid-table-scroll {width:318px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.grid.alpha {padding:15px}
.grid-card-track {width:355px}

.grid-costs {width:323px}
.grid-costs-track {width:660px; gap:14px}
.grid-tech-box {padding:15px} 

.grid-table-scroll {width:323px}
.grid-table-layout {width:660px}


.grid-block ul.photos {column-gap:12px; row-gap:12px}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.grid-card-track {width:380px}

.grid-costs {width:348px}

.grid-table-scroll {width:348px}

.grid-image {margin:0 auto; width:380px; float:none; display:table}
.grid-image.mobile {width:380px}
.grid-image.fixed {margin:0; width:100%; float:left; display:block}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.grid.alpha {padding:20px}
.grid.common {padding:80px 0}
.grid.common.magic {padding:130px 0 80px 0}
.grid-card-track {width:460px}
.grid-card {width:320px}

.grid-heading h1 {font-size:36px; line-height:44px}

.grid-switcher li {min-width:150px}
.grid-switcher a {padding:18px 45px}
.grid-prompt {flex-direction:row}
.grid-subsearch {width:400px}

.grid-list-number li div.mask {column-gap:20px}

.grid-stage {width:400px}
.grid-costs {width:418px}
.grid-costs-track {width:760px}
.grid-tech-box {padding:20px} 

.grid-table-scroll {width:418px}
.grid-table-layout th {padding:15px}

.grid-image {width:400px}
.grid-image.mobile {width:400px}



.grid-block ul.photos {column-gap:20px; row-gap:20px; margin:0 auto}
.grid-block ul.photos li {min-width:160px}
.grid-block ul.photos li figcaption {bottom:15px; left:15px}
.grid-block ul.number li div {margin-bottom:40px}
}

@media only screen and (min-width:600px) and (max-width:1023px) {	
.grid {gap:24px}
.grid-mask {gap:20px}
.grid-card-track {width:580px}

.grid-costs {width:538px}
.grid-costs-track {width:870px; gap:20px}

.grid-table-scroll {width:538px}
.grid-table-layout {width:720px}

.grid-image {width:420px}


.grid-block ul.photos { width:500px}
.grid-block ul.photos li {min-width:200px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.grid-card-track {width:620px}
.grid-card {width:300px}

.grid-costs {width:578px}

.grid-table-scroll {width:578px}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.grid {grid-template-columns:repeat(2, 1fr); gap:30px}
.grid.common {padding:90px 0}
.grid.common.magic {padding:140px 0 90px 0}
.grid-card-track {width:100%; gap:20px}
.grid-card {width:auto}
.grid-mask, .grid-mask.alt {grid-template-columns:1fr 1fr; gap:20px}
.grid-block.spec.pad-40 {padding:10px}

.grid-heading h1 {font-size:40px; line-height:40px}
.grid-subsearch {width:500px}

.grid-list-number li div.mask {column-gap:14px}

.grid-stage {width:100%}
.grid-costs {width:698px}
.grid-tech-box {padding:15px} 

.grid-table-scroll {width:698px}
.grid-table-layout {width:760px}
.grid-table-scroll.alt {width:339px}
.grid-table-scroll.alt .grid-table-layout {width:640px}

.grid-image, .grid-image.mobile {margin:0; width:100%; float:left; display:block}
.grid-image.desktop {display:block}
.grid-image.mobile {display:none}
.grid-image.spec img {aspect-ratio: 1 / 1}




.grid-block ul.photos {column-gap:16px; row-gap:16px; margin:auto; width:auto}
.grid-block ul.photos li {min-width:160px}
.grid-block ul.photos li figcaption {bottom:10px; left:10px}
.grid-block ul.number li div {margin-bottom:30px}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.grid.alpha {padding:24px}
.grid.common {padding:100px 0}
.grid.common.magic {padding:150px 0 100px 0}
.grid-mask {gap:24px}
.grid-card-track {gap:24px}
.grid-block.spec.pad-40 {padding:20px}

.grid-heading h1 {font-size:48px; line-height:56px}

.grid-list-number li div.mask {column-gap:20px}

.grid-costs {overflow-x:visible; width:100%}
.grid-costs-track {width:100%}

.grid-table-scroll {overflow-x:visible; width:100%}
.grid-table-layout {width:100%}
.grid-table-scroll.alt {width:423px}

.grid-image.spec img {aspect-ratio:unset}



.grid-block ul.photos {column-gap:20px; row-gap:20px}
.grid-block ul.photos li {min-width:200px}
.grid-block ul.number li div {margin-bottom:40px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.grid {gap:30px}
.grid.common {padding:110px 0}
.grid.common.magic {padding:160px 0 110px 0}
.grid-card-track {gap:24px}
.grid-block.spec.pad-40 {padding:25px}

.grid-heading h1.t64 {font-size:50px}

.grid-block ul.number li div {margin-bottom:40px}



.grid-block ul.photos {column-gap:24px; row-gap:24px}

}

@media only screen and (min-width:1280px) and (max-width:1679px) {


.grid-block ul.photos {column-gap:30px; row-gap:30px}
}