element **/
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
.boost-visual {
z-index: 2;
aspect-ratio: 1;
justify-self: center;
width: min(46vw,660px);
position: relative;
}
.boost-visual {
width: min(43vw,530px);
}
.boost-visual {
width: min(90vw,600px);
margin: 70px auto 0;
}
.button, .boost-visual {
width: 100%;
}
/** For the
element **/
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
.hero-copy {
z-index: 3;
max-width: 690px;
position: relative;
}
.hero-copy {
max-width: 650px;
}
/** For the
element **/
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
.expertise-bar {
border-top: 1px solid #c59a4375;
align-items: center;
gap: clamp(12px,1.8vw,28px);
padding: 17px 0 0;
display: flex;
position: absolute;
bottom: 28px;
left: clamp(24px,5vw,76px);
right: clamp(24px,5vw,76px);
}
.expertise-bar {
flex-wrap: wrap;
}
/** For the element **/
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
.hero {
background: radial-gradient(circle at 79% 42%,#c59a431f,#0000 25%),linear-gradient(120deg,#fffefa 0%,#faf8f4 68%,#f6efe6 100%);
grid-template-columns: minmax(0,.94fr) minmax(520px,1.06fr);
align-items: center;
min-height: 100vh;
padding: 140px clamp(24px,5vw,76px) 112px;
display: grid;
position: relative;
overflow: hidden;
}
.hero {
grid-template-columns: 1fr .85fr;
}
.hero {
min-height: auto;
padding-top: 128px;
padding-bottom: 150px;
display: block;
}
/** For the element **/
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
/** For the element **/
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
}
body {
background: var(--cream);
color: var(--ink);
font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
margin: 0;
}
.__variable_geist_0tvmz3h {
--font-geist-sans: 'Geist', sans-serif;
}
.__variable_geist_mono_1diim1n {
--font-geist-mono: 'Geist Mono', sans-serif;
}
