/* A quiet Mediterranean closing section; scoped to the former how-it-works block. */
.how{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(38px,7vw,110px);padding:100px 8vw 110px;background:#f0e6d7;color:#173f3a;text-align:left;overflow:hidden}
.how::before{content:"";display:block;grid-column:1;grid-row:1/4;align-self:center;min-height:570px;background:url('/hero-real/harbor.jpg') center/cover;border-radius:240px 240px 8px 8px;box-shadow:0 22px 55px #75543918;border:8px solid #faf5ed;outline:1px solid #c8b99f;z-index:1}
.how::after{content:"";position:absolute;left:3%;top:56px;width:170px;height:170px;border-radius:50%;background:#c85f43;opacity:.85;z-index:-1}
.how>.over{grid-column:2;grid-row:1;color:#ac513b;letter-spacing:2.8px;font-size:10px;margin:36px 0 22px;display:flex;align-items:center;gap:14px}
.how>.over::before{content:"";width:34px;height:1px;background:currentColor}
.how>h2{grid-column:2;grid-row:2;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(40px,4.4vw,66px);line-height:1.09;letter-spacing:-2px;max-width:540px;margin:0 0 36px;text-wrap:balance}
.how>div{grid-column:2;grid-row:3;display:block;margin:0;align-self:start;max-width:440px}
.how article{display:flex;align-items:center;gap:17px;border:0;border-top:1px solid #173f3a26;padding:18px 0;text-align:left}
.how article:last-child{border-bottom:1px solid #173f3a26}
.how article>b{display:none}
.how article::before{content:"";width:7px;height:7px;flex:0 0 7px;border:1px solid #ba6048;border-radius:50%;margin-left:2px}
.how article:nth-child(2)::before{background:#ba6048}
.how article p{font-size:16px;line-height:1.6;margin:0;color:#36544c}
@media(max-width:760px){.how{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:62px 26px 66px;row-gap:0}.how>.over{grid-column:1;grid-row:1;margin:0 0 20px;font-size:9px;letter-spacing:2px}.how>h2{grid-column:1;grid-row:2;font-size:clamp(37px,10vw,49px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 34px;max-width:440px}.how::before{grid-column:1;grid-row:3;min-height:0;height:380px;width:100%;max-width:440px;justify-self:center;border-width:6px;border-radius:200px 200px 6px 6px;background-position:55% center}.how::after{width:125px;height:125px;left:-35px;top:285px}.how>div{grid-column:1;grid-row:4;margin:30px 0 0;max-width:none}.how article{padding:16px 0}.how article p{font-size:15px}}