/* Gabriel Scicluna Photography | Maltese Islands homepage refresh */
body:not(.gallery-page){background:#f5f2ea;color:#293b2c}
.site-header .logo.brand-lockup .brand-emblem img{content:url('/brand/gs-maltese-mark.svg')}
.site-header .logo.brand-lockup .brand-emblem{width:52px;flex-basis:52px;height:60px}
.site-header .logo.brand-lockup .brand-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(25px,2.13vw,34px);letter-spacing:-.045em}
.site-header .logo.brand-lockup .brand-descriptor{
 font-size:7.2px;letter-spacing:.19em;color:#a08150;font-weight:700;margin-top:9px
}
body:not(.gallery-page) #app .ed-hero{
 width:100%;min-height:630px;height:min(83svh,830px);
 display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);
 position:relative;background:#f6f3ec;overflow:hidden
}
#app .ed-hero-copy{
 padding:clamp(55px,6.3vw,106px) clamp(35px,5.1vw,98px);
 align-self:center;position:relative;z-index:2
}
#app .ed-overline{
 display:flex;align-items:center;gap:15px;
 font:700 clamp(9px,.85vw,11px)/1.4 'DM Sans',Arial,sans-serif;
 letter-spacing:.18em;text-transform:uppercase;color:#887652;
 white-space:normal
}
#app .ed-line{height:1px;background:#b99a68;width:38px;flex:0 0 38px}
#app .ed-hero-copy h1{
 margin:39px 0 27px;
 font:500 clamp(78px,8vw,130px)/.80 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.054em;color:#2c422e
}
#app .ed-hero-copy h1 em,#app .ed-section-head h2 em,#app .ed-story h2 em,#app .ed-contact h2 em{
 font-weight:400;font-style:italic
}
#app .ed-hero-copy p{
 color:#646a5b;font:400 clamp(14px,1.15vw,17px)/1.8 'DM Sans',Arial,sans-serif;
 max-width:350px;margin:0 0 29px
}
#app .ed-main-cta{
 display:inline-flex;align-items:center;justify-content:space-between;
 min-width:235px;gap:34px;
 text-decoration:none;white-space:nowrap;
 background:#344932;color:#f7f4e9;border:1px solid #344932;
 padding:16px 17px 16px 23px;
 font:700 10px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:.125em;text-transform:uppercase;
 transition:background .25s,transform .25s,border-color .25s;
 border-radius:2px
}
#app .ed-main-cta span{font-size:20px;line-height:0;font-weight:400}
#app .ed-main-cta:hover{background:#506649;border-color:#506649;transform:translateY(-2px)}
#app .ed-hero-visual{position:relative;margin:0;overflow:hidden;background:#d7d8c9}
#app .ed-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
#app .ed-hero-visual:after{
 content:"";position:absolute;inset:40% 0 0;
 background:linear-gradient(0deg,rgba(8,25,17,.47),transparent);
 pointer-events:none
}
#app .ed-hero-visual figcaption{
 position:absolute;bottom:clamp(20px,3vw,42px);left:clamp(23px,3.4vw,54px);
 font:600 10px/1.4 'DM Sans',Arial,sans-serif;
 letter-spacing:.21em;text-transform:uppercase;color:#faf5e8;z-index:1
}
#app .ed-hero-visual figcaption span{color:#d2bf9b;padding:0 5px}
#app .ed-collections{
 background:#f6f3ec;
 padding:clamp(78px,8.2vw,142px) clamp(22px,5.1vw,90px) clamp(88px,9vw,145px);
 scroll-margin-top:84px
}
#app .ed-section-head{
 display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
 padding:0 0 clamp(33px,4vw,64px);max-width:1640px;margin:0 auto
}
#app .ed-kicker{
 display:block;color:#937954;
 font:700 10px/1.5 'DM Sans',Arial,sans-serif;
 letter-spacing:.22em;text-transform:uppercase
}
#app .ed-kicker span{color:#afa187;margin-left:11px;font-weight:400}
#app .ed-section-head h2{
 margin:16px 0 0;color:#283d2e;
 font:500 clamp(56px,5.7vw,93px)/.85 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.045em
}
#app .ed-section-head>p{
 font:400 14px/1.8 'DM Sans',Arial,sans-serif;color:#6b6e60;
 max-width:350px;margin:0 0 8px
}
#app .ed-collection-grid{
 display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.6vw,25px);
 max-width:1640px;margin:0 auto
}
#app .ed-collection-card{
 min-width:0;grid-column:span 4;position:relative;
 display:flex;flex-direction:column;
 background:#e6e0d3;text-decoration:none;isolation:isolate;
 transition:transform .25s ease
}
#app .ed-collection-card:nth-child(4),#app .ed-collection-card:nth-child(5){grid-column:span 6}
#app .ed-collection-card:hover{transform:translateY(-3px)}
#app .ed-card-image{height:clamp(230px,27vw,395px);display:block;overflow:hidden;position:relative;background:#d9d5c6}
#app .ed-collection-card:nth-child(n+4) .ed-card-image{height:clamp(230px,24vw,335px)}
#app .ed-collection-card:nth-child(n+6) .ed-card-image{height:clamp(220px,22vw,300px)}
#app .ed-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease}
#app .ed-collection-card:hover .ed-card-image img{transform:scale(1.04)}
#app .ed-card-label{
 display:flex;align-items:center;gap:13px;padding:17px 19px 18px;
 min-height:72px;background:#eae6da;color:#314632
}
#app .ed-card-index{
 font:600 10px/1 'DM Sans',Arial,sans-serif;color:#ac8f62;letter-spacing:.09em
}
#app .ed-card-label strong{
 font:500 clamp(24px,2.15vw,35px)/.96 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.025em;flex:1
}
#app .ed-card-arrow{font:400 22px/1 'DM Sans',Arial,sans-serif;color:#8a916f}
#app .ed-story{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);
 gap:clamp(35px,7vw,120px);
 background:#e9e7da;padding:clamp(85px,9vw,155px) clamp(22px,8vw,165px)
}
#app .ed-story h2,#app .ed-contact h2{
 font:500 clamp(58px,6vw,94px)/.91 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.04em;margin:0 0 25px;max-width:790px
}
#app .ed-story h2{color:#304733}
#app .ed-story p,#app .ed-contact p{
 font:400 15px/1.95 'DM Sans',Arial,sans-serif;
 max-width:530px;margin:0 0 28px
}
#app .ed-story p{color:#687063}
#app .ed-text-link{
 display:inline-flex;align-items:center;gap:30px;
 padding:6px 0 10px;color:#3b553a;
 border-bottom:1px solid #9ba78c;text-decoration:none;
 font:700 10px/1.5 'DM Sans',Arial,sans-serif;
 text-transform:uppercase;letter-spacing:.16em
}
#app .ed-contact{
 display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);
 align-items:end;gap:50px;
 background:#263c30;padding:clamp(86px,9vw,145px) clamp(22px,8vw,165px)
}
#app .ed-contact .ed-kicker{color:#c7b18e}
#app .ed-contact h2{margin-top:18px;color:#f9f5eb}
#app .ed-contact p{color:#b6c0b1}
#app .ed-contact-links{display:flex;flex-direction:column;gap:0;margin-bottom:10px}
#app .ed-contact-links a{
 display:flex;justify-content:space-between;align-items:center;gap:22px;
 padding:24px 0;border-bottom:1px solid #677566;text-decoration:none;color:#f6f1e7;
 font:500 14px/1.5 'DM Sans',Arial,sans-serif
}
#app .ed-contact-links a:hover{color:#d8c6a2}
#app .ed-contact-links a span{font-size:23px;font-weight:400}
@media(max-width:1100px){
 #app .ed-hero{grid-template-columns:44% 56%;min-height:560px;height:640px}
 #app .ed-hero-copy{padding:45px 34px}
 #app .ed-hero-copy h1{font-size:clamp(68px,8.5vw,100px)}
 #app .ed-section-head{align-items:flex-start;flex-direction:column;gap:22px}
}
@media(max-width:700px){
 body:not(.gallery-page) #app .ed-hero{
  display:flex;flex-direction:column;height:auto;min-height:0
 }
 #app .ed-hero-copy{
  padding:clamp(37px,8.5vw,55px) 25px 33px;align-self:stretch
 }
 #app .ed-overline{font-size:9px;letter-spacing:.16em}
 #app .ed-line{width:25px;flex-basis:25px}
 #app .ed-hero-copy h1{font-size:clamp(67px,15vw,94px);margin:24px 0 17px;line-height:.76}
 #app .ed-hero-copy p{font-size:13px;line-height:1.65;margin-bottom:21px;max-width:290px}
 #app .ed-main-cta{min-width:206px;padding:13px 14px 13px 17px;font-size:9px}
 #app .ed-hero-visual{width:100%;height:clamp(300px,46svh,450px);flex:0 0 auto}
 #app .ed-hero-visual figcaption{left:22px;bottom:18px;font-size:9px}
 #app .ed-collections{padding:72px 17px 85px;scroll-margin-top:74px}
 #app .ed-section-head{padding:0 6px 30px}
 #app .ed-section-head h2{font-size:clamp(55px,13vw,79px)}
 #app .ed-section-head>p{font-size:13px;margin:0;max-width:330px}
 #app .ed-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 #app .ed-collection-card,#app .ed-collection-card:nth-child(4),#app .ed-collection-card:nth-child(5){grid-column:span 1}
 #app .ed-collection-card:first-child{grid-column:span 2}
 #app .ed-card-image,#app .ed-collection-card:nth-child(n+4) .ed-card-image,#app .ed-collection-card:nth-child(n+6) .ed-card-image{height:clamp(150px,42vw,210px)}
 #app .ed-collection-card:first-child .ed-card-image{height:clamp(245px,66vw,360px)}
 #app .ed-card-label{min-height:61px;padding:10px 11px 13px;gap:5px}
 #app .ed-card-label strong{font-size:clamp(19px,5.1vw,27px);line-height:1.0}
 #app .ed-card-index{font-size:9px}
 #app .ed-card-arrow{font-size:16px}
 #app .ed-story{grid-template-columns:1fr;gap:22px;padding:75px 25px 84px}
 #app .ed-story h2,#app .ed-contact h2{font-size:clamp(58px,13vw,82px)}
 #app .ed-story p,#app .ed-contact p{font-size:13px}
 #app .ed-contact{grid-template-columns:1fr;gap:15px;padding:80px 25px 84px}
 #app .ed-contact-links a{font-size:13px;padding:19px 0}
 .site-header .logo.brand-lockup .brand-emblem{width:43px;flex-basis:43px;height:50px}
 .site-header .logo.brand-lockup .brand-name{font-size:25px}
 .site-header .logo.brand-lockup .brand-descriptor{font-size:6.35px;letter-spacing:.12em;margin-top:6px}
}
@media(max-width:375px){
 .site-header .logo.brand-lockup{gap:6px}
 .site-header .logo.brand-lockup .brand-emblem{width:37px;flex-basis:37px}
 .site-header .logo.brand-lockup .brand-name{font-size:23px}
 .site-header .logo.brand-lockup .brand-descriptor{font-size:5.9px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
 #app .ed-collection-card,#app .ed-card-image img,#app .ed-main-cta{transition:none}
}