/*
 Theme Name: Cylogica — GeneratePress Child
 Theme URI: https://www.cylogica.com/
 Description: Responsive Cylogica homepage based on the approved sunset office design.
 Author: Cylogica
 Template: generatepress
 Version: 1.0.0
 Text Domain: cylogica
*/
.cy-home{margin:0;background:#101010;color:#202020;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.cy-home *{box-sizing:border-box}
.cy-home .cy-wrap{width:min(1320px,86%);margin:0 auto}
.cy-home a{color:inherit}
.cy-skip{position:absolute;left:16px;top:-100px;z-index:100000;background:#fff;padding:12px 20px}
.cy-skip:focus{top:12px}
.cy-home a:focus-visible{outline:3px solid #b60000;outline-offset:6px}
.cy-header{background:#fff}
.cy-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:145px;padding:12px 0}
.cy-logo{display:block;line-height:0;flex:none}
.cy-logo img{display:block;width:118px;height:118px;object-fit:contain}
.cy-home-link{display:inline-block;text-transform:uppercase;letter-spacing:2px;font-size:14px;text-decoration:none!important;color:#b60000!important;border-bottom:2px solid #b60000;padding:8px 0}
.cy-hero{position:relative;isolation:isolate;overflow:hidden;background:#e9c5aa;min-height:590px}
.cy-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;z-index:-3}
.cy-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,241,227,.91),rgba(255,238,218,.67) 36%,rgba(255,233,209,.14) 58%,transparent 76%)}
.cy-hero-inner{padding-top:64px;padding-bottom:125px;position:relative}
.cy-home h1{font-family:inherit;font-weight:500;line-height:1;margin:0 0 23px;max-width:750px}
.cy-welcome{display:block;text-transform:uppercase;font-size:19px;letter-spacing:7px;margin-bottom:14px;color:#252323}
.cy-brand{display:block;color:#b60000;font-size:clamp(78px,8.6vw,132px);font-weight:600;letter-spacing:-8px;line-height:1.05}
.cy-tagline{font-size:clamp(28px,2.85vw,44px);line-height:1.12;letter-spacing:-1.6px;max-width:680px;margin:0 0 23px;font-weight:500}
.cy-intro{font-size:19px;line-height:1.5;max-width:560px;margin:0;color:#292625}
.cy-principles{background:linear-gradient(180deg,#23201f,#111);color:#fff;padding:39px 0 37px}
.cy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.cy-principle{position:relative;display:grid;grid-template-columns:70px 1fr;gap:26px;padding:0 36px}
.cy-principle:first-child{padding-left:0}
.cy-principle:last-child{padding-right:0}
.cy-principle+.cy-principle:before{content:"";position:absolute;left:0;top:44px;height:94px;border-left:1px solid #4a4542}
.cy-number{color:#fb2525;font-size:13px;letter-spacing:1px;margin-top:17px;position:relative}
.cy-number:after{content:"";display:block;width:58px;border-bottom:1px solid #ec2424;margin-top:9px}
.cy-icon{display:block;width:49px;height:49px;color:#fa2525;overflow:visible;margin-bottom:15px}
.cy-home h2{font-family:inherit;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:#fff;margin:0 0 8px}
.cy-principle p{color:#c6c3c0;font-size:16px;line-height:1.65;margin:0}
.cy-footer{background:#111;color:#bdbab7;font-size:13px}
.cy-footer-inner{border-top:1px solid #55504b;display:flex;justify-content:space-between;gap:20px;padding:24px 0 28px}
.cy-footer p{margin:0;line-height:1.6}
.cy-motto{text-transform:uppercase;letter-spacing:2.5px;font-size:11px}
@media(min-width:1800px){.cy-hero{min-height:660px}.cy-hero-inner{padding-top:85px}}
@media(max-width:1100px){.cy-home .cy-wrap{width:88%}.cy-principle{grid-template-columns:36px 1fr;gap:15px;padding:0 25px}.cy-number:after{width:30px}.cy-principle p{font-size:15px}.cy-principle .cy-desktop-break{display:none}.cy-brand{letter-spacing:-6px}.cy-hero{min-height:560px}}
@media(max-width:760px){.cy-header-inner{min-height:106px;padding:10px 0}.cy-logo img{width:86px;height:86px}.cy-home-link{font-size:12px}.cy-home .cy-wrap{width:86%}.cy-hero{min-height:650px}.cy-hero-photo{object-position:61% 50%}.cy-hero-shade{background:linear-gradient(180deg,rgba(255,240,223,.96),rgba(255,236,214,.82) 35%,rgba(255,232,204,.2) 73%,transparent)}.cy-hero-inner{padding-top:43px;padding-bottom:260px}.cy-welcome{font-size:14px;letter-spacing:5px;margin-bottom:14px}.cy-brand{font-size:clamp(60px,14vw,99px);letter-spacing:-4px}.cy-home h1{margin-bottom:22px}.cy-tagline{font-size:30px;line-height:1.15;letter-spacing:-1px;max-width:480px;margin-bottom:20px}.cy-intro{font-size:16px;line-height:1.55;max-width:420px}.cy-desktop-break{display:none}.cy-principles{padding:13px 0 19px}.cy-grid{grid-template-columns:1fr}.cy-principle,.cy-principle:first-child,.cy-principle:last-child{padding:29px 0;grid-template-columns:48px 1fr;gap:20px}.cy-principle+.cy-principle{border-top:1px solid #403b36}.cy-principle+.cy-principle:before{display:none}.cy-number{margin-top:13px}.cy-number:after{width:36px}.cy-icon{width:41px;height:41px;margin-bottom:12px}.cy-home h2{font-size:17px}.cy-principle p{font-size:16px}.cy-footer-inner{flex-direction:column;gap:10px;padding:23px 0 27px}.cy-motto{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cy-home{scroll-behavior:auto}}