/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.7
 * Text Domain: xlate
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */


header, footer {display: none!important;}

#main-container {position:relative;}
body {cursor: none;}
.custom-cursor .cursor-dot {background-color:#A5A5A5;width:8px;height:8px;}
.custom-cursor .cursor-circle {border-color:#A5A5A5;border-width:2px;}

.title30 {font-size:30px;line-height:39px;font-weight:bold;}
.main-txt {font-size:20px;line-height:28px;}

.row-01 {height: 100vh;}
.row-01 iframe {position: absolute;top: 50%;left: 50%;width: 100vw;height: 56.25vw;min-height:100vh;min-width: 177.78vh;transform: translate(-50%, calc(-50% - .5px));border: 0;pointer-events: none;}
.row-01 .video-wrapper {position: absolute;width: 100%;overflow:hidden;aspect-ratio:16/9;pointer-events:none;}

.row-01-inn {position: relative;bottom: -25vh;left:4vw;}
.row-01-ico {position: absolute;top: 40px;right:40px;z-index: 9;width: 100vw;display: flex;justify-content: flex-end;max-width: 1200px;}
.row-01-tit {font-size: clamp(50px,7vw,130px);line-height:113%;font-weight: 800;opacity: 0;}
.row-01-tit-lef {color: #fff;transform: translateX(-200px);}
.row-01-tit-rig {color: rgba(255,255,255,.2);-webkit-text-stroke: 2px #fff;transform: translate(200px, 0);margin:0 auto;}
.row-01-cir {position: absolute;cursor:pointer;bottom: 40px;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/small-arrow-down.svg);background-repeat: no-repeat;background-position: center 16px;}
.row-01-cir img {animation: rot 5s 2s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(1,0.08,0.08,1);}
@keyframes rot {0% {transform:rotate(0deg);} 50% {transform:rotate(360deg)}; 100% {transform:rotate(360deg);}}

.row-02 {height:100vh;background-color:#2C2C2C;position:relative;overflow:hidden;}
.row-02-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.row-02-img img {max-width: 80%; max-height: 80%; object-fit: contain;position:absolute;}
.row-02-tit {top:70px;font-size: clamp(50px,5vw,96px);line-height:113%;font-weight: 800;color:#fff; position: relative; z-index: 2;}
.row-02-tit span {-webkit-text-stroke: 2px #fff;color: #2c2c2c;}
.row-02-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(255,255,255,.4) 50%, #fff 50%);background-size: 200% 100%;background-position: 100% 0%;}
.row-02-lis {padding: 0 5px; position: absolute; z-index: 2;margin:0 auto;transform: translate(0, -50%);top: 50vh;align-self: center;}
.row-02-lis-sin {padding:50px 40px;border:2px solid #fff;border-radius:6px;backdrop-filter:blur(5px);gap:80px;color:#fff;}

.row-03 {background-color:#fff;margin-top:70px;position:relative;padding-bottom:30vh;}
.row-03-lef {gap:40px;position: sticky;height:fit-content;top: 10vw;z-index:9;}
.row-03-lef-tit {font-size:clamp(50px,5vw,96px);line-height: 113%;font-weight: 800;color:#2C2C2C; position: relative; z-index: 2;}
.row-03-lef-tit span {-webkit-text-stroke: 2px #2C2C2C;color: #fff;}
.row-03-lef-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(0, 0, 0, 0.4) 50%, #2C2C2C 50%);background-size: 200% 100%;width: max-content;background-position: 100% 0%;}
.row-03-lef-txt {font-size:26px;line-height:180%;color:#2C2C2C;}
.row-03-rig {gap:100px;padding-top:200px;align-items: flex-end;}
.row-03-rig-sin {background-repeat:no-repeat;width: 580px;height: 670px;}
.row-03-rig-sin img {transform:scale(.85,.85);transition:transform .3s ease-in-out;}
.row-03-rig-sin:hover img {transform:scale(1,1);}
.row-03-rig-sin-tit {font-size:36px;line-height:39px;font-weight:800;color:#2C2C2C;width: 300px;}
.row-03-rig-sin-txt {font-size:20px;line-height:28px;font-weight:400;color:#2C2C2C;width: 320px;max-height:0px;overflow:hidden;}
.row-03-rig-one {background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/01/row-03-tria-1.svg);background-position: center bottom;padding-top: 20px;}
.row-03-rig-one .row-03-rig-sin-tit {align-self: flex-end;text-align: right;transform: translateY(80px);transition: transform .3s ease-in-out .1s;margin-right:clamp(20px,8vw,70px);}
.row-03-rig-one:hover .row-03-rig-sin-tit {transform: translateY(20px);transition-delay:0s;}
.row-03-rig-one .row-03-rig-sin-txt {align-self: flex-end;text-align: right;transform: translateY(35px); transition: max-height .3s ease-in-out;margin-right:clamp(20px,8vw,70px);}
.row-03-rig-one:hover .row-03-rig-sin-txt {max-height:140px;transition-delay: .1s;}
.row-03-rig-two {background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/01/row-03-tria-2.svg);background-position: left -10px center;}
.row-03-rig-two .row-03-rig-sin-tit {margin-left: clamp(40px,10vw,90px);transform: translateY(-50px);transition: transform .3s ease-in-out .1s;}
.row-03-rig-two:hover .row-03-rig-sin-tit {transform: translateY(-90px);transition-delay:0s;}
.row-03-rig-two .row-03-rig-sin-txt {margin-left: clamp(40px,10vw,90px);margin-top: -70px;transition: max-height .3s ease-in-out;}
.row-03-rig-two:hover .row-03-rig-sin-txt {max-height:140px;transition-delay: .1s;}
.row-03-rig-tri {background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/01/row-03-tria-3.svg);background-position: center bottom;}
.row-03-rig-tri img {position: relative;left: -5px;}
.row-03-rig-tri .row-03-rig-sin-tit {align-self: flex-end;text-align: right;transform: translateY(80px);transition: transform .3s ease-in-out .1s;margin-right:clamp(20px,8vw,70px);}
.row-03-rig-tri:hover .row-03-rig-sin-tit {transform: translateY(20px);transition-delay:0s;}
.row-03-rig-tri .row-03-rig-sin-txt {align-self: flex-end;text-align: right;transform: translateY(35px); transition: max-height .3s ease-in-out;margin-right:clamp(20px,8vw,70px);}
.row-03-rig-tri:hover .row-03-rig-sin-txt {max-height:140px;transition-delay: .1s;}

#p5jsEffect {height: 100%;position: absolute;top: 0;z-index:-1;}
.row-04 {position:relative;padding:clamp(80px,10vh,140px) 0;}
.row-04-tit {font-size: clamp(50px,5vw,96px);line-height: 113%;font-weight: 800;color:#2C2C2C; position: relative; z-index: 2;}
.row-04-tit span {-webkit-text-stroke: 2px #2C2C2C;color: #fff;}
.row-04-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(0,0,0,.4) 50%, #2C2C2C 50%);background-size: 200% 100%;width: max-content;background-position: 100% 0%;}
.row-04-lis {margin-top:60px;}
.row-04-lis-sin-tit {font-size:clamp(80px,10vw,110px);line-height:70%;font-weight:800;color:var(--main-color);}
.row-04-lis-sin-txt {font-size:clamp(16px,2vw,23px);line-height:clamp(21px,2vw,27px);font-weight:600;color:#2C2C2C}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.row-04-lis-sin{--b:5px;--a:0deg;border-radius: 6px;padding:70px 20px;gap:50px;position:relative;width:288px;height:320px;aspect-ratio:1;background:rgba(255,255,255,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow:hidden}
.row-04-lis-sin::before{content:"";position:absolute;inset:0;border-radius:inherit;border:var(--b) solid transparent;background:conic-gradient(from var(--a),#ff661b 26%,#009add 30%,#009add 66%,#45C2B1 70%,#45C2B1 86%, #ff661b 90%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); -webkit-mask-composite:destination-out;mask-composite:exclude;animation:borderSpin 24s linear infinite;pointer-events:none}
.row-04-lis-sin::after{content:"";position:absolute;inset:0;border-radius:inherit;border:var(--b) solid transparent;background:radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%,#ffffff 0,#ffffff 3px,transparent 3px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0,#ffffff 0,#ffffff 3px,transparent 3px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0,#ffffff 0,#ffffff 3px,transparent 3px) 100% 100%/8px 8px no-repeat,    linear-gradient(#ffffff,#ffffff) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff,#ffffff) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat;border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}
@keyframes borderSpin{to{--a:360deg}}
.row-04-card-1 {z-index:2;}
.row-04-card-1::before {--a:90deg;}
.row-04-card-2 {z-index:4;}
.row-04-card-2::before {--a:180deg;}
.row-04-card-3 {z-index:3;}
.row-04-card-3::before {--a:-90deg;}
.row-04-card-4 {z-index:1;}
.row-04-card-4::before {--a:-180deg;}

.KrausmannMarquee {margin-top: 100px;transform: rotate(-7deg) scale(1.04,1.04);z-index: 99;overflow-x: clip;}
.KrausmannMarquee__wrapper, .KrausmannMarquee__wrapper02 {white-space: nowrap;position: relative;}
.KrausmannMarquee__wrapper {color:transparent;-webkit-text-stroke: 2px #D9DAD9;}
.KrausmannMarquee__wrapper02 {color:#D9DAD9;}
.KrausmannMarquee__wrapper02 {margin-top: -54px;}
.KrausmannMarquee__wrapper .KrausmannMarquee__text, .KrausmannMarquee__wrapper02 .KrausmannMarquee__text {display: inline-block;}
.KrausmannMarquee__wrapper .KrausmannMarquee__text:first-child::after {content: ' ';}
.KrausmannMarquee__wrapper .KrausmannMarquee__text {font-weight: 800;font-size: 109px;line-height: 160px;letter-spacing: 7.5px;-webkit-text-stroke: 1px var(--color-6);text-stroke: 1px var(--color-6);}
.KrausmannMarquee__wrapper02 .KrausmannMarquee__text {color: var(--color-6);font-weight: 800;font-size: 24px;line-height: 35px;}
.KrausmannMarquee__wrapper .KrausmannMarquee__text span {margin: 0 10px;}
.KrausmannMarquee__wrapper02 .KrausmannMarquee__text span {margin: 0 20px;}

@media(max-width: 1366px) {
  .KrausmannMarquee {margin-top: 50px;}
  .KrausmannMarquee__wrapper02 {margin-top: -42px;}
  .KrausmannMarquee__wrapper .KrausmannMarquee__text {font-size: 80px;line-height: 120px;letter-spacing: 5.5px;}
  .KrausmannMarquee__wrapper02 .KrausmannMarquee__text {font-size: 18px;line-height: 26px;}
}

@media(max-width: 781px) {
  .KrausmannMarquee__wrapper02 {margin-top: -28px;}
  .KrausmannMarquee__wrapper .KrausmannMarquee__text {font-size: 48px;line-height: 70px;letter-spacing: 3.3px;}
  .KrausmannMarquee__wrapper02 .KrausmannMarquee__text {font-size: 16px;line-height: 24px;}
}

.row-05 {position:relative;padding:clamp(80px,20vh,140px) 0 40px;z-index:9;}
.row-05-tit {font-size: clamp(50px,5vw,96px);line-height: 113%;font-weight: 800;color:#2C2C2C; position: relative; z-index: 2;}
.row-05-tit span {-webkit-text-stroke: 2px #2C2C2C;color: #fff;}
.row-05-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(0,0,0,.4) 50%, #2C2C2C 50%);background-size: 200% 100%;width: max-content;background-position: 100% 0%;}
.row-05-txt {margin-top:40px;color:#2C2C2C;font-size:clamp(18px,4vw,26px);line-height:180%;}

.row-06 {position: relative; height:100vh;max-height: 1080px;overflow: hidden;}
.row-06 .falling-item {position: absolute;top: 0;left: 0;border-radius:6px;display: flex;justify-content: center;align-items: center;color: #fff;font-weight: 800;font-size: 20px;padding: 0px 15px;white-space: nowrap;user-select: none;will-change: transform;}

.row-07-08 {background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/01/row-07-bg.jpg);background-attachment: fixed;background-position:center;background-size:cover;background-repeat:no-repeat;}
.row-07 {padding:60px 0;}
.row-07-inn {gap:150px;}
.row-07-slider .slider-viewport { touch-action: pan-y; }
/* Smooth snap when NOT dragging */
#sliderTrack {
  transition: transform 300ms ease;
  will-change: transform;
}

/* No transition during drag */
#sliderTrack.is-dragging {
  transition: none !important;
}

/* Keep vertical scroll allowed, but horizontal handled by JS */
.slider-viewport {
  touch-action: pan-y;
}
.row-07-tit {font-size:clamp(50px,5vw,96px);line-height: 113%;font-weight: 800;color:#2C2C2C; position: relative; z-index: 0;}
.row-07-tit span {-webkit-text-stroke: 2px #fff;color: #2c2c2c;}
.row-07-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(255,255,255,.4) 50%, #fff 50%);background-size: 200% 100%;width: max-content;background-position: 100% 0%;}
#revealEffect {width: 100%;max-width: 969px;height: 500px;margin: 0 auto;position: relative;overflow: visible;}
#revealEffect canvas {width: 100% !important;height: 500px !important;display: block;}
.row-07-arr {position:absolute;top:0;left:0;width: 100%;height: 100%;}
.row-07-arr label {pointer-events: all;cursor: pointer;width: 48px;height: 48px;display: flex;background: transparent;border-radius: 999px;position: relative;z-index: 2;}
.row-07-arr label::before, .row-07-arr label::after{ content: "";position: absolute;inset: 0;border-radius: inherit;padding: 2px;width:48px;height:48px;-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: spin 10s linear infinite;}
.row-07-arr label::before{ background: linear-gradient(90deg, #fff 0%, #fff 23%, #FF661b 50%);opacity: 1;transition: opacity .35s ease;}
.row-07-arr label::after{ background: linear-gradient(90deg, #ff661b 0%, #ff661b 23%, #ff661b 50%);opacity: 0;transition: opacity .35s ease;}
.row-07-arr label:hover::after{ opacity: 1; }
.row-07-arr label:hover::before{ opacity: 0; }
.row-07-arr label img {position: absolute;width: 44px;height: 44px;left: 24px;top: 24px;z-index: 9;display: flex;object-fit: cover;transform: translate(-50%, -50%);}
@keyframes spin { to { transform: rotate(360deg); } }
.row-07-arr .arrow-01 {position:absolute;z-index:2;pointer-events: none;bottom: 1%;left: -3%;}
.row-07-arr .arrow-01 label {left: 1px;top: -65px;transform: translate( -50%, -50%);}
.row-07-arr .arrow-02 {position:absolute;z-index:2;pointer-events: none;left: 19%;top: -9%;}
.row-07-arr .arrow-02 label {left: -24px;top: -114px;transform: translate( -50%, -50%);}
.row-07-arr .arrow-03 {position:absolute;z-index:2;pointer-events: none;left: 52%;top: -17%;}
.row-07-arr .arrow-03 label {left: 1px;top: -113px;transform: translate( -50%, -50%);}
.row-07-arr .arrow-04 {position:absolute;z-index:2;pointer-events: none;right: 16%;top: -1%;}
.row-07-arr .arrow-04 label {left: 134px;top: -133px;transform: translate( -50%, -50%);}
.row-07-arr .arrow-05 {position:absolute;z-index:2;pointer-events: none;right: -5%;top: 54%;}
.row-07-arr .arrow-05 label {left: 108px;top: 20px;transform: translate( -50%, -50%);}
.row-07-tip-con {will-change: transform, opacity;pointer-events: none;transition:transform 350ms cubic-bezier(.2,.9,.2,1), opacity 200ms ease;position:absolute;opacity:0;z-index: 1;width: 180px;height: 180px;text-align: center;color: #fff;background-position: center;background-repeat: no-repeat;background-size: contain;}
.row-07-tip-con::before {content:'';position:absolute;pointer-events:none;background-repeat:no-repeat;z-index:10;}
.row-07-tip-con-inn {text-align:center;font-size: 15px;line-height: 130%;}
.row-07-tip1-con {left: -89px;bottom: 110px;padding: 25px 10px 20px;transform: translateX(-14px) rotate(-45deg);transform-origin: bottom center;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/tooltipbg.svg);}
.row-07-tip1-con.is-in {opacity: 1;transform: translateX(0) rotate(0deg);}
.row-07-tip1-con.is-out {opacity: 0;transform: translateX(14px) rotate(45deg);}
.row-07-tip1-con::before {top:-34px;background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/01/arrow-1-deco.png);background-position:center;width:100%;height:64px;background-size:90px 64px;}
.row-07-tip2-con {left:-202px;top: -88px;padding: 0 32px;transform: translateX(-14px) rotate(-45deg);transform-origin: right center;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/tooltip2.svg);}
.row-07-tip2-con.is-in {opacity: 1;transform: translateX(0) rotate(0deg);}
.row-07-tip2-con.is-out {opacity: 0;transform: translateX(14px) rotate(45deg);}
.row-07-tip2-con::before {background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/01/arrow-2-deco.png);width:77px;height:65px;background-size:77px 65px;left:-42px;top:3px;}
.row-07-tip3-con {left: -89px;top: -200px;padding: 20px 20px 15px;transform: translateX(-14px) rotate(-45deg);transform-origin: bottom center;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/tooltipbg.svg);}
.row-07-tip3-con.is-in {opacity: 1;transform: translateX(0) rotate(0deg);}
.row-07-tip3-con.is-out {opacity: 0;transform: translateX(14px) rotate(45deg);}
.row-07-tip3-con::before {background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/arrow-3-deco.png);width: 162px;height: 27px;background-size: 162px 27px;left: auto;top: 5px;}
.row-07-tip4-con {right: -202px;top: -120px;padding: 0 20px 0 20px;transform: translateX(-14px) rotate(-45deg);transform-origin: left center;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/tooltip4.svg);}
.row-07-tip4-con.is-in {opacity: 1;transform: translateX(0) rotate(0deg);}
.row-07-tip4-con.is-out {opacity: 0;transform: translateX(14px) rotate(45deg);}
.row-07-tip4-con::before {background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/arrow-4-deco.png);width: 122px;height: 60px;background-size: 122px 60px;right: -36px;top: -21px;}
.row-07-tip5-con {right: -89px;top: 72px;padding: 0 28px;transform: translateX(-14px) rotate(45deg);transform-origin: top center;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/01/tooltipbg5.svg);}
.row-07-tip5-con.is-in {opacity: 1;transform: translateX(0) rotate(0deg);}
.row-07-tip5-con.is-out {opacity: 0;transform: translateX(14px) rotate(45deg);}
.row-07-arr .arrow-01:hover .row-07-tip1-con {opacity:1;transform: rotate(0deg);}
.row-07-slider {flex-direction: column;align-items: center;width: 100%;user-select: none;-webkit-user-select: none;}
.slider-viewport {width: 100%;overflow-x: clip;position: relative;display: flex;justify-content: flex-start;align-items: flex-end;height: 600px!important;padding-bottom: 100px;}
#sliderCanvas {display: block;width: 969px;transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);will-change: transform;left: 13vw;position: relative;transform: translateX(120px);}
.slider-dots {display: flex;gap: 10px;margin-top: 16px;}
.slider-dot {width: 10px;height: 10px;border-radius: 50%;border: none;background: #ccc;cursor: pointer;padding: 0;transition: background 0.3s ease, transform 0.3s ease;}
.slider-dot.active {background: #333;transform: scale(1.3);}

.row-08 {height: 100vh; display: flex; align-items: center; overflow: hidden; position: relative;margin-bottom:-90vh;}
.row-08-inn {display: flex; flex-wrap: nowrap; align-items: center; gap: 100px; padding-left: clamp(150px,15vw,300px); padding-right: clamp(100px, 15vw, 200px); flex-shrink: 0;}
.row-08-tit {font-size: clamp(50px,5vw,96px);line-height: 113%;font-weight: 800;color:#fff; position: relative; z-index: 2;min-width: 55vw;}
.row-08-tit span {-webkit-text-stroke: 2px #fff;color: #2c2c2c;}
.row-08-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(255,255,255,.4) 50%, #fff 50%);background-size: 200% 100%;width: max-content;background-position: 100% 0%;}
.row-08-sli {flex-wrap: nowrap; flex-shrink: 0;}
.row-08-txt {position: absolute;letter-spacing:6px;z-index: 99;font-size: clamp(12px,2vw,28px);bottom:20%;color: #fff;right: 80px;will-change:transform;white-space:nowrap;}
.row-08-sin {flex-shrink: 0; display: flex; justify-content: center; align-items: center;min-width: 300px;height: 300px;}
.row-08-sin:nth-child(2n) {transform: translateY(-70px);}
.row-08-sin img {width: 100%; height: auto; max-width: 400px;}
.row-08-zoo {min-width:30vw;z-index: 9;}

.row-09 {background-color:#fff;position: relative;margin-bottom: 400vh;}
.row-09-inn {min-height: 100vh; height: auto;overflow:hidden;}
.row-09-container {justify-content: center;align-items: center;height: 100vh;display: flex;position: relative;transform-style: preserve-3d;top: auto;}
.row-09-wrapper {perspective: 165px;flex-flow: column;justify-content: center;align-items: center;height: 100vh;display: flex;position: absolute;inset: 0%;transform: perspective(110px) translate(0);}
.row-09-depth {z-index: 1;background-image: linear-gradient(180deg, #1d1d1d00, #fff 50%, #0000);position: absolute;inset: 25% 0%;}
.row-09-tit {z-index: 2;color: var(--main-color);text-align: center;font-size: 5vw;font-weight:800;line-height: 1;display: block;position: absolute;transform-style: preserve-3d;will-change: filter, transform, opacity;}
.row-09-tit-01{ filter:blur(0px);transform: translate3d(0px, 0px, 0vw) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.row-09-tit-02{ opacity:0;filter:blur(0px);transform: translate3d(0px, 0px, -50vw) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.row-09-tit-03{ opacity:0;filter:blur(0px);transform: translate3d(0px, 0px, -100vw) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.row-09-tit-04{ opacity:0;filter:blur(0px);transform: translate3d(0px, 0px, -150vw) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.row-09-top{z-index: 0;perspective-origin: 50%;transform-origin: 50% 0;transform-style: preserve-3d;flex-flow: column;justify-content: flex-start;align-items: center;height: 250vw;display: flex;position: absolute;inset: 0% 0% auto;transform: rotateX(-90deg) rotateY(0) rotateZ(0);}
.row-09-bot{z-index: 0;transform-origin: 50% 100%;transform-style: preserve-3d;flex-flow: column-reverse;justify-content: flex-start;align-items: center;height: 300vw;display: flex;position: absolute;inset: auto 0% 0%;transform: rotateX(90deg) rotateY(0) rotateZ(0);}
.row-09-top-lis{flex-flow: column;justify-content: flex-start;align-items: center;height: 5.5%;display: flex;overflow: hidden;}
.row-09-bot-lis{flex-flow: column;justify-content: flex-end;align-items: center;height: 4.5%;display: flex;overflow: hidden;}
.row-09-top-lis-sin, .row-09-bot-lis-sin {color: #000;text-align: center;font-size: 17vw;line-height: .8;font-weight: 800;}

.row-10{position:relative;z-index:9;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/02/puzzlebg-1.webp);background-size: cover;background-repeat: repeat-y;background-position: top center;margin-bottom:20vh;}
.row-10-lef-tit {font-size: clamp(50px,5vw,96px);line-height: 113%;font-weight: 800;color:#2C2C2C; position: relative; z-index: 2;}
.row-10-lef-tit span {-webkit-text-stroke: 2px #2C2C2C;color: #fff;}
.row-10-lef-tit div {max-width: fit-content;background-attachment: scroll;-webkit-background-clip: text;background-clip: text;background-repeat: no-repeat;color: transparent;background-image: linear-gradient(-90deg,rgba(0, 0, 0, 0.4) 50%, #2C2C2C 50%);background-size: 200% 100%;width: max-content;background-position: 100% 0%;}
.row-10-squ-overlay {opacity:0;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background-color: rgba(255, 255, 255, 0.5);z-index: -1;}
.row-10-txt {color:#2C2C2C;font-size: clamp(18px, 4vw, 26px);line-height: 180%;}
.row-10-inn {position:relative;z-index: 3;padding-top: clamp(24px, 6vh, 90px);}
.row-10-squ {position:absolute;z-index: 2;pointer-events:none;width: min(504px, 80vw);aspect-ratio: 1 / 1;display:flex;align-items:center;justify-content:center;}
.row-10-squ svg {width: 100%;height: 100%;display:block;}
.row-10-squ-text {color:#2C2C2C;position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding: clamp(12px, 4vw, 28px);font-size: clamp(38px, 4vw, 60px);line-height: 113%;font-weight: 700;opacity:0;pointer-events:none;}
.row-10 .svg-rect-draw {vector-effect: non-scaling-stroke;}
.row-10-squ{top: 50vh;left: 50%;transform: translate(-50%, -50%);}

.row-11{background: #fff;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/02/krausmann-footer-bg.svg);background-position: left bottom;background-repeat: no-repeat;}
.row-11-box {color:#2C2C2C;}
.row-11-box-tit {position: relative;padding: 20px 40px;border: 2px solid #979899;font-size: clamp(50px,5vw,96px);line-height: 113%;font-weight:800;}
body.page-id-101 .row-11-box-tit {font-size: clamp(50px,5vw,76px)}
.row-11-box-tit span {color:transparent;-webkit-text-stroke: 2px #2c2c2c;}
.row-11-box-tit::before {content:'20 ΧΡΟΝΙΑ';font-size:36px;font-weight:800;color:var(--main-color);position:absolute;left:0px;right:0;top:-20px;margin:0 auto;width:100%;height:40px;background-color:#fff;padding:0 20px;display: flex;max-width: fit-content;line-height: 36px;}
body.page-id-101 .row-11-box-tit::before {content:'20 YEARS';}
.row-11-but {padding: 0;height: 42px;border: 2px solid var(--main-color);font-weight: 700;font-size: 16px;line-height: 24px;color: var(--color-9);border-radius: 100vh;display: inline-flex;align-items: center;position: relative;z-index: 3;transition: padding .3s, background-color .3s, border-color .3s, box-shadow .3s;}
.row-11-but span {margin: 0;padding: 0 50px;height: 38px;background-color: #fff;border-radius: 100vh;text-wrap: nowrap;display: flex;align-items: center;justify-content: center;transition: margin .3s, padding .3s, background-color .3s;}
.row-11-but::after {content: '';display: block;width: 16px;height: 16px;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/02/arrow-small.svg);background-repeat: no-repeat;background-size: 16px;background-position: center;position: absolute;top: calc(50% - 8px);right: 14px;opacity: 0;transition: opacity .3s;}
.row-11-but:hover {padding: 0 20px;background-color: var(--main-color);border-color: var(--main-color);box-shadow: 0px 4px 8px rgba(255,102,27,.3);}
.row-11-but:hover span {margin: 0 20px 0 -20px;padding: 0 30px;background-color: #fff;}
.row-11-but:hover::after {opacity: 1;}
.row-11-lis {overflow: hidden;position:absolute;width:100%;height:100%;top:0;left:0;z-index:4!important;}
.row-11-lis img {position:absolute;transform:translate(0,0);}
.row11-parallax-layer {width:100%;height:100%;}

.row-12 {height:10px;background: linear-gradient(90deg, rgba(255,102,27,1) 0%, rgba(255,102,27,1) 50%, rgba(69,194,177,1) 50%, rgba(69,194,177,1) 75%, rgba(0,154,221,1) 75%, rgba(0,154,221,1) 100%);}

.row-13 {padding: 13px 18px;background-color:#000;font-size: 11px;line-height: normal;color:#fff;}
.row-13::before {content: '';width: 42px;height: 18px;background-image: url(https://krausmann.gr/20years/wp-content/uploads/2026/02/papadeas-logo.svg);background-repeat:no-repeat;}
.row-13 p {margin: 0;padding: 0;font-size: 11px;color:#fff;}
.row-13 a {color:#fff;text-decoration: none;}

@media (max-width:1280px){
  .row-03-rig-tri img {transform: scale(1);}
  body {cursor: default;}
  .row-11-box-tit::before {font-size:16px;}
  .custom-cursor {display:none;}
}

@media(max-width:1200px){
  .row-02-lis-sin {padding: 30px 20px;}
  .row-08-tit {min-width: 60vw;display: flex;flex-wrap: wrap;}
}

@media (max-width:1100px){
  body {max-width: 100vw;overflow: hidden;}
  #revealEffect {transform:scale(0.85);}
  .row-01-tit {font-size: clamp(50px,5vw,96px);line-height: 113%;}
  .row-02-lis {align-items:center;}
  .row-02-lis-sin {max-width: 370px;}
  .row-03 {pointer-events:none;padding-bottom: 0;}
  .row-03-lef {position:relative;top:0;}
  .row-03-rig {align-items:center;padding-top: 50px;}
  .row-03-rig-sin-txt {overflow:visible;}
  .row-03-rig-one .row-03-rig-sin-tit {transform: translateY(20px);}
  .row-03-rig-two .row-03-rig-sin-tit {transform: translateY(-90px);}
  .row-03-rig-tri .row-03-rig-sin-tit {transform: translateY(20px);}
  .row-03-rig-sin .row-03-rig-sin-txt {max-height: 140px;}
  .row-08-tit {position: absolute;top: 70px;left: 20px;right: 20px;z-index:0;}
  .row-08-sli {align-self: flex-start;margin-bottom: 150px;margin-left:80px;}
  .row-08-inn {position: relative;padding: 300px 0 0 0;margin-top: 120px;}
  .row-08-txt {bottom: 20%;}
}

@media (max-width:1000px){
  #revealEffect {transform:scale(0.8);}
  .row-08-inn {padding: 150px 0 0 0;margin-top: -150px;}
  .row-08-sli {margin-bottom: -150px;}
  .row-10-squ {width:323px;height:323px;}
}

@media (max-width: 900px) {
  .row-07-inn {width:100vw;}
  #revealEffect {display:none;}
  #sliderTrack {will-change: transform;transition: transform 0.6s ease;}
  .slider-viewport { --slider-focus-x: clamp(80px, 12vw, 120px); }
  .row-07-slider {display:flex;}
  .row-07-arr .arrow-01 {bottom: -2%;left: 22%;}
  .row-07-arr .arrow-02 {left: 48%;top: -6%;}
  .row-07-arr .arrow-03 {left: 75%;}
  .row-07-arr .arrow-04 {right: -7%;}
  .row-07-arr .arrow-05 {right: -30%;}
  .row-07-arr .active label::before {opacity: 0;}
  .row-07-arr .active label::after {opacity: 1;}
  .row-07-arr .active .row-07-tip-con {opacity: 1;transform: rotate(0deg);}
}

@media (max-width:800px){
  .row-03-rig-sin img {transform:scale(1,1);}
  .row-09-bot {max-height: 150vw;}
  .row-10 {margin-bottom:25vh;}
  .row-10-squ {margin-top:-100px;}
  .row-07-08 {background-image:url(https://krausmann.gr/20years/wp-content/uploads/2026/02/row-07-bg.webp);background-attachment:scroll;}
  .row-07-arr .arrow-01 {left: 19%;}
  .row-07-arr .arrow-04 {right: -5%;}
  .row-09-bot-lis {height:10%;}
  .row-01-ico {justify-content: center;right: 0;}
  .row-11-but {top:45%;}
}

@media (max-width:700px){
  .row-04-lis-sin {width: calc(50% - 10px);height: 230px;max-width: 207px;}
}

@media (max-width:601px){
  .row-03 {padding-bottom: 0vh;}
  .row-03-lef-txt {font-size:18px;}
  .row-03-rig-sin-tit {font-size: 25px;line-height: 30px;}
  .row-03-rig-sin-txt {font-size: 14px;line-height: 19px;max-width: 260px;}
  .row-03-rig-sin {width:100%;background-size: contain;height: 100vw;}
  .row-07-arr .arrow-01 {left: 16%;}
  .row-07-arr .arrow-02 {left: 39%;}
  .row-07-arr .arrow-04 {right: -2%;}
  .row-07-arr .arrow-05 {right: -26%;}
  .row-08-tit {top: 50px;}
  .row-08-inn {margin-top: -10vh;}
  .row-08-sin {min-width: 240px;height: 240px;}
  .row-04-lis-sin-txt {max-height: 34px;}
  .row-11-lis img {max-width: calc(100vw - 20px);}
  .row-03-rig-tri img {transform: scale(.85,.85);left: 12px;}
}

@media (max-width:480px){
  .row-03-rig-sin img {transform:translateY(-60px);}
  .row-03-rig-two img {transform:translateY(20px);}
  .row-03-rig-tri img {transform: scale(.85,.85) translate(2px,-60px);}
  .row-11 {margin-top: -35vh;}
  .row-03-rig-one .row-03-rig-sin-tit {transform: translateY(0px);}
  .row-03-rig-one .row-03-rig-sin-txt {transform: translateY(15px);}
  .row-03-rig-two .row-03-rig-sin-tit {transform: translateY(-130px);}
  .row-03-rig-two .row-03-rig-sin-txt {margin-top: -110px;}
  .row-03-rig-tri .row-03-rig-sin-tit {transform: translateY(0px);}
  .row-03-rig-tri .row-03-rig-sin-txt {transform: translateY(10px);}
  .row-04-lis-sin-tit {font-size: clamp(60px,10vw,110px);}
  .row-04-lis-sin-txt {font-size: clamp(14px,2vw,23px);line-height: clamp(17px,2vw,27px);}
  .row-08-txt {right: 0;}  
  .row-08-sli {margin-left: 25px;}
  .row-08-txt {right: -15px;}
}

@media (max-width:430px){
  .row-03-rig-tri .row-03-rig-sin-tit {transform: translateY(-50px);}
  .row-03-rig-tri .row-03-rig-sin-txt {transform: translateY(-35px);}
}

@media (max-width:384px){
  .row-11-but {margin-top:-20px;}
}