@import url(https://use.typekit.net/fzk2qtl.css); body{
background-image: url(https://amietsseafood.fr/wp-content/themes/twentytwentyfive-child/assets/img/amiets-plage.png);
background-repeat: no-repeat;
} :root {
--color-beige: #EBE8D8;
--color-blue-light: #1F4B93;
--color-black: #000000;
--color-white: #ffffff;
--color-orange: #FF2E00;
--font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-md: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.5rem; --font-size-xxl: 2rem; --font-size-hero: 3rem; --font-size-base: 1rem;
--font-size-h1: clamp(2rem, 5vw, 6rem);
--font-size-h2: clamp(2.5rem, 3vw, 5rem);
--font-size-h3: clamp(1.5rem, 3vw, 2.5rem);
--font-size-h4: clamp(1.5rem, 3vw, 2.5rem);
--font-size-quote: clamp(1.5rem, 3vw, 2.5rem);
--font-size-text: clamp(1rem, 1.2vw, 2rem);
}
html{
scroll-behavior: smooth;
scroll-padding-top: 188px; 
}  .logo-menu{
width: inherit; height: auto;
transform-origin: left center;
transition: transform .3s ease;
}
.main-menu {
position: sticky;
top:0px;
z-index: 1000;
transition: all 0.3s ease;
}
.main-menu.scrolled .logo-menu{
transform: scale(0.6);  
transition: all 0.3s ease;         
}
.main-menu.scrolled {
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 100%);
}
.main-menu .nav-item{
font-family: "Sofia Sans Extra Condensed", sans-serif;
color: var(--color-blue-light);
text-transform: uppercase;
font-weight: 400;
font-size: var(--font-size-lg);
transition: all 0.3s ease;   
}
.main-menu .nav-item:hover{
letter-spacing: 1px;
color: var(--color-orange);
transition: all 0.3s ease;   
text-underline-offset:0em;
} .hero-title{
display: flex;
align-items: baseline;
}
.logo-hero{
margin-right: 30px !important;
min-width:200px;
}
.bloc-baseline{
display: flex;
align-items: center;
justify-content: flex-start;
} .groupe-num{
display:flex;
align-items: center;
}
.groupe-mail{
display:flex;
align-items: center;
}
.trait{
border: none;
border-top: 1px double var(--color-blue-light);
color: var(--color-blue-light);
overflow: visible;
text-align:left; width: 25%;
margin-right:15px !important;
}
.trait-mail{
border: none;
border-top: 1px double var(--color-blue-light);
color: var(--color-blue-light);
overflow: visible;
text-align:left; width: 60px;
margin-left:15px !important;
}
.trait-num{
border: none;
border-top: 1px double var(--color-blue-light);
color: var(--color-blue-light);
overflow: visible;
text-align:left; width: 60px;
margin-right:15px !important;
}
.hero-section{
scroll-snap-align: start;
min-height: 100vh;
position: relative;
}
.h1-hero{
text-align: left;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: 194px;
font-weight: 200;
letter-spacing: 9.7px;
color: var(--color-black);
}
.h2-hero { font-family: Javanese Text, sans-serif;
font-size: var(--font-size-h2);
color: var(--color-blue-light);
}
.hero-coordonnees-num{
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-text);
font-weight: 400;
letter-spacing: 1.1px;
color: var(--color-blue-light);
text-transform: uppercase;
opacity: 1;
} .hero-coordonnees-mail{
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-text);
font-weight: 400;
letter-spacing: 1.1px;
color: var(--color-blue-light);
text-transform: uppercase;
opacity: 1;
} .coordonnees{
display: flex;
justify-content: space-between;
min-width: 100vw;
position: absolute;
top: calc(100vh - 300px);
}  .presentation {
min-height: 100vh; 
}
.bloc-presentation {
display:flex;
}
.pin-presentation{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
width: 10px;
}
.pin-presentation line{
stroke-dasharray: var(--dash, 1);
stroke-dashoffset: var(--dash, 1);
}
.h2-section {
scroll-snap-align: start;
text-align: center;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-h2);
font-weight: 400;
color: var(--color-blue-light);
}
.emphase {
color: var(--color-black);
font-style: normal;
}
.labeur {
text-align: left;
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
font-size: var(--font-size-text);
color: var(--color-black);
line-height: 200%;
} .pin-quote-1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -115%);
width: 10px;
}
.pin-quote-1 line{
stroke-dasharray: var(--dash, 1);
stroke-dashoffset: var(--dash, 1);
}
.pin-quote-2{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
width: 10px;
}
.pin-quote-2 line{
stroke-dasharray: var(--dash, 1);
stroke-dashoffset: var(--dash, 1);
}
.img-quote {
scroll-snap-align: start;
}
.quote{
text-align: center;
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
font-size: var(--font-size-quote);
color: var(--color-white);
font-weight: 400;
} .bloc-services{
display:flex;
}
.pin-services {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 25%);
width: 10px;
}
.pin-services line{
stroke-dasharray: var(--dash, 1);
stroke-dashoffset: var(--dash, 1);
} .h2-partenaires {
scroll-snap-align: start;
text-align: left;
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
font-size: var(--font-size-h2);
font-weight: 400;
color: var(--color-white);
}
.h3-partenaires {
text-align: right;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: clamp(1.5rem, 3vw, 5rem);
font-weight: 400;
color: var(--color-white);
}
.h4-partenaires {
text-align: right;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-h4);
font-weight: 400;
color: var(--color-orange);
}
.labeur-partenaires{
text-align: right;
color:var(--color-white);
font-family: sofia-pro-variable, sans-serif; 
font-size: var(--font-size-base);
}
.emphase-orange {
color:var(--color-orange);
font-style: normal;
}
.bloc-partenaires{
display:flex;
gap: clamp(24px, 4vw, 64px);
align-items: flex-start;
}
.partners-grid{
flex: 2 1 0;
min-width: 0; }
.partners-text{
flex: 2 1 0;
min-width: 0;
} .equipe-blocs{
display: flex;
}
.nom-equipe {
text-align: left;
color:var(--color-blue-light);
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
font-size: var(--font-size-h2);
}
.metier-equipe {
text-align: left;
color:var(--color-black);
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
font-size: var(--font-size-h3);
}
.text-equipe{
text-align: left;
color:var(--color-black);
font-family: sofia-pro-variable, sans-serif; 
font-size: var(--font-size-text);
line-height: 200%;
} .contact {
display: flex;
}
.h2-section-contact {
scroll-snap-align: start;
text-align: left;
color:var(--color-blue-light);
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
font-size: var(--font-size-h2);
text-transform: capitalize;
}
.contact-text{
text-align: left;
color:var(--color-black);
font-family: sofia-pro-variable, sans-serif; 
font-size: var(--font-size-text);
}
.coordonnees-contact {
text-align: left;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-h4);
font-weight: 400;
color: var(--color-blue-light);
}
.bloc-form{
min-width: 650px;
}
#wpforms-submit-79{
background-color: #FF2E00;
text-align: right;
}
.wpforms-submit-container{
display: flex; justify-content: end;
}
.wpforms-field-container input:focus{
border-color: #FF2E00;
} .footer{
scroll-snap-align: start;
display: flex;
justify-content:start;
}
.coordonnees-footer{
text-align: left;
font-family: "Javanese text", Georgia, 'Times New Roman', Times, serif;
color:var(--color-white);
font-size: var(--font-size-text);
}
.footer-menu {
display: flex;
flex-direction: column;
align-items :start;
}
.footer-menu .nav-item {
text-align: left;
color:var(--color-white);
font-family: sofia-pro-variable, sans-serif; 
font-size: var(--font-size-base);
text-transform: capitalize;
} .client-grid{
display:grid;
gap:24px;
margin: 0px 25px;
}
.client-grid--cols-1{ grid-template-columns:1fr; }
.client-grid--cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-grid--cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-grid--cols-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width: 900px){
.client-grid--cols-3, .client-grid--cols-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px){
.client-grid{ grid-template-columns:1fr !important; }
}
.client-card__title{
text-align: left;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-text);
font-weight: 400;
color: var(--color-orange);
padding: 5px 0px;
border-bottom: solid 1px var(--color-orange);
margin: 0;
}
.client-card__socials p {
margin: 0;
}
.client-card__socials{
margin-bottom: 10px ;
padding: 5px 0px;
border-bottom: solid 1px rgba(255, 255, 255, .25);
}
.client-card__logoWrap{
background: rgba(255, 255, 255, .55);
padding: 16px;
aspect-ratio: 1 / 1;
position: relative;
overflow: hidden;
}
.client-card__logoWrap img.client-card__logo{
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 64px);
height: calc(100% - 64px);
transform: translate(-50%, -50%);
object-fit: contain;
object-position: center;
display: block;
}
.client-card__logo--placeholder{
position: absolute;
inset: 16px;
background: rgba(255,255,255,.12);
}
.client-card__meta{ margin-top: 10px; }
.client-card__socials{
display:flex;
flex-direction: row;
align-items:center;
}
.client-card__social{
text-decoration:none;
opacity:.9;
}
.client-icon{
color:var(--color-white);
margin-right: 5px;
}
.client-card__social:hover{ opacity:1; text-decoration:underline; }
.client-card__downloads{
display:flex;
flex-direction:column;
gap:6px;
}
.client-card__download{
text-decoration:none;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: var(--font-size-base);
font-weight: 400;
color: var(--color-white);
letter-spacing: .02em;
text-transform: uppercase;
}
.client-card__download:hover{ text-decoration:underline; } .partners-grid .client-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1200px){
.partners-grid .client-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px){ .h1-hero{
font-size : 5.5rem;
}
.trait-num{
display: none;
}
.trait-mail{
display: none;
} .bloc-presentation{
flex-direction:column;
} .bloc-partenaires{
flex-direction: column-reverse;
} .bloc-services{
flex-direction: column;
} .equipe-blocs{
flex-direction:column;
} .contact{
flex-direction: column;
}
.bloc-form{
min-width: 400px;
} .footer{
flex-direction: column;
justify-content: flex-start;
}
.partners-grid .client-grid{
grid-template-columns: 1fr;
}
}   .hero-spotlight{
pointer-events: none;
position: absolute;
z-index: 2; width: 25%;
height: 55%; transform-origin: 0 0;
left: 500px;
top: 0;
border-radius: 50%; background: radial-gradient(
ellipse at 35% 35%,
rgba(255, 247, 212, 0) 0%,
rgba(255, 253, 132, 0.041) 28%,
rgba(255, 252, 93, 0.205) 62%
);
filter: blur(70px); mix-blend-mode: plus-lighter; opacity: 0.015;  will-change: transform, opacity;
backface-visibility: hidden;  animation:
heroSpotIn 1.6s ease 0.2s forwards,
heroSunRay 10s ease-in-out 1.6s infinite,
heroGlow 6s ease-in-out 1.6s infinite;
} @media (min-width: 1024px){
.hero-spotlight{
width: 43%;
height: 78%;
}
} @keyframes heroSpotIn{
0%{
opacity: 0;
transform: translate(-18%, -22%) scale(0.65) rotate(-8deg);
}
100%{
opacity: 0.85; transform: translate(-10%, -18%) scale(1) rotate(-8deg);
}
} @keyframes heroSunRay{
0%{
transform: translate(-10%, -18%) scale(1) rotate(-8deg);
}
50%{
transform: translate(-10%, -18%) scale(1.02) rotate(50deg);
}
100%{
transform: translate(-10%, -18%) scale(1) rotate(-8deg);
}
}
@keyframes heroGlow {
0% {
opacity: 0.25;
}
25% {
opacity: 0.50;
}
45% {
opacity: 0.88;
}
65% {
opacity: 1;
}
85% {
opacity: 0.50;
}
100% {
opacity: 0.25;
}
} @media (prefers-reduced-motion: reduce){
.hero-spotlight{
animation: none;
opacity: 0.6;
transform: translate(-10%, -18%) scale(1) rotate(-8deg);
}
}