:root{--ink:#17201c;--cream:#f2eee5;--sand:#d8cbb9;--gold:#b58e54;--line:rgba(23,32,28,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav-wrap{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.26)}.brand{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;letter-spacing:-.08em;font-size:14px;padding-right:2px}nav{display:flex;gap:34px;font-size:12px}nav a{opacity:.84;transition:.2s}nav a:hover{opacity:1}.nav-cta{justify-self:end;text-transform:uppercase;letter-spacing:.14em;font-size:10px;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:7px}.nav-cta span{margin-left:10px}.hero{min-height:760px;height:100vh;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('https://www.clyfix.com/wp-content/uploads/2023/08/Adel-Keshavarz-04-495x400.jpg');background-size:cover;background-position:center 38%;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,14,.78) 0%,rgba(10,18,14,.25) 55%,rgba(10,18,14,.35)),linear-gradient(0deg,rgba(10,18,14,.5),transparent 45%)}.hero-content{position:absolute;left:8vw;right:8vw;top:49%;transform:translateY(-38%)}.eyebrow{margin:0 0 26px;text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:700;color:#7e7467}.eyebrow.light{color:#d9c8ad}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;margin:0}h1{font-size:clamp(70px,8.8vw,142px);line-height:.82;max-width:1100px}.hero-bottom{margin-top:54px;display:flex;align-items:flex-end;justify-content:space-between;max-width:930px}.hero-bottom p{max-width:530px;font-family:Georgia,serif;font-size:19px;line-height:1.55;margin:0;color:rgba(255,255,255,.85)}.circle-link{width:56px;height:56px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:20px}.hero-tag{position:absolute;right:4vw;bottom:40px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;line-height:1.7;text-align:right}.section-pad{padding:130px 8vw}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:start}.intro h2,.about h2,.process h2{font-size:clamp(48px,5.4vw,82px);line-height:.98}.intro-grid>div{padding-top:10px;max-width:500px}.intro p,.about-copy p{font-size:15px;line-height:1.85;color:#525950}.intro .lead,.about-copy .lead{font-family:Georgia,serif;color:var(--ink);font-size:20px;line-height:1.55}.services{background:var(--ink);color:var(--cream)}.section-head{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:70px}.section-head h2{font-size:clamp(58px,7vw,105px);line-height:.9}.service-list{border-top:1px solid rgba(255,255,255,.2)}.service{display:grid;grid-template-columns:100px 1fr 1.2fr;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid rgba(255,255,255,.16)}.service>span{color:#b6aa99;font-size:10px;letter-spacing:.18em}.service h3,.step h3{margin:0;font-family:Georgia,serif;font-size:29px;font-weight:400}.service p{margin:0;max-width:530px;color:#b8bdb8;font-size:13px;line-height:1.8}.about{display:grid;grid-template-columns:.88fr 1fr;gap:10vw;align-items:center;background:#e8e0d3}.portrait{aspect-ratio:4/5;background:url('https://www.clyfix.com/wp-content/uploads/2023/08/Mr.-Adel-Keshavarz.jpg') center 25%/cover;filter:saturate(.72)}.portrait-caption{display:block;margin-top:16px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;line-height:1.7}.about-copy h2{margin-bottom:42px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:45px;padding-top:28px;border-top:1px solid var(--line)}.credentials div{display:flex;flex-direction:column;gap:8px}.credentials strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.credentials span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#726d64}.quote-band{padding:110px 12vw;background:#ae8a58;color:#fff;text-align:center}.quote-band p{max-width:1050px;margin:0 auto 26px;font-family:Georgia,serif;font-size:clamp(35px,4.3vw,66px);line-height:1.12;letter-spacing:-.03em}.quote-band span{text-transform:uppercase;letter-spacing:.2em;font-size:9px}.process{background:#f6f3ed}.process-title{display:grid;grid-template-columns:.55fr 1.45fr;margin-bottom:90px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:28px 30px 0 0;border-right:1px solid var(--line);min-height:200px}.step:not(:first-child){padding-left:30px}.step:last-child{border:0}.step>span{color:#a17c48;font-size:10px;letter-spacing:.15em}.step h3{margin:42px 0 12px}.step p{color:#6b706b;line-height:1.6;font-size:12px;max-width:180px}.contact{min-height:720px;position:relative;color:#fff;display:flex;align-items:center}.contact-image{position:absolute;inset:0;background:url('https://www.clyfix.com/wp-content/uploads/2023/08/Adel-Keshavarz-01-495x400.jpg') center 40%/cover}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,20,.83),rgba(16,24,20,.15))}.contact-inner{position:relative;margin-left:8vw;max-width:700px}.contact h2{font-size:clamp(62px,7.2vw,108px);line-height:.88}.contact-inner>p:not(.eyebrow){width:450px;max-width:90vw;margin:35px 0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.75)}.contact-inner>a{display:inline-flex;align-items:center;justify-content:space-between;min-width:250px;padding:18px 0;border-bottom:1px solid #fff;text-transform:uppercase;letter-spacing:.15em;font-size:10px}footer{min-height:160px;background:#111713;color:#fff;padding:45px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer>p{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:8px;color:#9da39e}footer>div{justify-self:end;display:flex;gap:25px;font-size:10px;color:#b7bcb8}@media(max-width:800px){.nav-wrap{height:72px;grid-template-columns:1fr auto;padding:0 22px}nav{display:none}.brand>span:last-child{display:none}.nav-cta{font-size:8px}.hero{min-height:700px}.hero-content{left:22px;right:22px;top:43%}h1{font-size:clamp(58px,19vw,86px)}.hero-bottom{margin-top:36px;align-items:center}.hero-bottom p{font-size:16px;max-width:75%}.hero-tag{right:22px;bottom:24px}.section-pad{padding:90px 24px}.intro-grid,.about,.section-head,.process-title{grid-template-columns:1fr;gap:38px}.service{grid-template-columns:46px 1fr;gap:10px}.service p{grid-column:2}.about{gap:60px}.portrait{aspect-ratio:4/4.8}.steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line);padding-bottom:30px}.step:nth-child(even){border-right:0;padding-left:20px}.quote-band{padding:85px 24px}.contact{min-height:650px}.contact-inner{margin:0 24px}footer{grid-template-columns:1fr auto}footer>p{display:none}}@media(max-width:480px){.hero-image{background-position:58% center}.circle-link{width:45px;height:45px}.intro h2,.about h2,.process h2{font-size:46px}.service{padding:28px 0}.service h3{font-size:24px}.credentials{grid-template-columns:1fr}.contact h2{font-size:57px}}