/* ======================================================
BASE
====================================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.7;
color:#081C2C;
background:#fff;
overflow-x:hidden;

}

img{

display:block;
max-width:100%;
height:auto;

}

a{

text-decoration:none;
transition:.35s;

}

ul{

list-style:none;

}

.container{

width:min(1320px,92%);
margin:auto;

}

.section{

padding:120px 0;

}

h1,
h2,
h3,
h4{

font-family:'Cormorant Garamond',serif;
font-weight:600;
line-height:1.1;
color:#081C2C;

}

h1{

font-size:74px;

}

h2{

font-size:56px;
margin-top:12px;
margin-bottom:28px;

}

h3{

font-size:38px;

}

p{

margin-bottom:22px;
color:#55606B;

}

span{

display:inline-block;
letter-spacing:3px;
font-size:12px;
font-weight:600;
text-transform:uppercase;
color:#C6A56A;

}

/* ======================================================
BUTTONS
====================================================== */

.hero-button,
.outline-button{

display:inline-flex;
align-items:center;
justify-content:center;
height:56px;
padding:0 34px;
border-radius:999px;
font-size:13px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
transition:.35s;

}

.hero-button{

background:#C6A56A;
color:#fff;

}

.hero-button:hover{

transform:translateY(-3px);
box-shadow:0 18px 35px rgba(198,165,106,.35);

}

.outline-button{

border:1px solid #C6A56A;
color:#C6A56A;
background:transparent;

}

.outline-button:hover{

background:#C6A56A;
color:#fff;

}

/* ======================================================
LAYOUT
====================================================== */

.about-grid,
.boat-grid,
.location-grid,
.captain-grid,
.contact-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;

}

.about-image img,
.boat-image img,
.captain-image img{

width:100%;
border-radius:24px;

}

.gallery-grid{

display:grid;
grid-template-columns:repeat(12,1fr);
gap:20px;

}

.gallery-item{

overflow:hidden;
border-radius:22px;

}

.gallery-item.large{

grid-column:span 7;

}

.gallery-item.wide{

grid-column:span 8;

}

.gallery-item:not(.large):not(.wide){

grid-column:span 5;

}

.gallery-item img{

width:100%;
height:100%;
object-fit:cover;
transition:.5s;

}

.gallery-item:hover img{

transform:scale(1.05);

}