/* CARASIG Fine Jewellery — consolidated homepage styles, November 2026 */
@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Jost:wght@300;400;500&display=swap');
:root{--champagne:#f7f2e9;--ivory:#fcfaf7;--gold:#c99432;--gold-dark:#8a683d;--ink:#302b27;--body:#514b44;--line:#e7ded1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Jost','Helvetica Neue',Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
a:focus-visible{outline:2px solid var(--gold-dark);outline-offset:5px}
.announcement{padding:12px 16px;background:var(--champagne);color:var(--gold-dark);text-align:center;font-size:9px;letter-spacing:2.7px;text-transform:uppercase}
.site-header{background:var(--champagne)}
.logo-area{display:flex;justify-content:center;align-items:center;padding:4px 15px 2px}
.brand-logo{width:205px;height:auto;object-fit:contain}
.navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 38px;padding:17px 16px;border-top:1px solid var(--line)}
.navigation a{color:#514536;font-size:10px;letter-spacing:2px;text-transform:uppercase;transition:color .2s}
.navigation a:hover,.footer-links a:hover{color:var(--gold)}
.hero{background:var(--champagne);padding:48px 24px 64px;text-align:center}
.hero-content{max-width:980px;margin:0 auto}
.eyebrow{font-size:10px;letter-spacing:3.5px;line-height:1.6;text-transform:uppercase;color:#514536}
.gold-text{color:var(--gold-dark)}
h1,h2,h3{font-family:'Italiana',Georgia,serif;font-weight:400}
.hero h1{font-size:clamp(42px,5.5vw,68px);line-height:1.12;letter-spacing:-1px;margin:18px 0 18px}
.hero p{font-size:16px;line-height:1.7;color:#44372f;max-width:740px;margin:0 auto 28px}
.mobile-hero-photo{width:100%;max-width:930px;margin:0 auto 20px;overflow:hidden}
.mobile-hero-photo img{width:100%;height:auto;object-fit:cover}
.button{display:inline-block;background:var(--gold);border:1px solid var(--gold);color:white;padding:17px 31px;font:400 11px 'Jost',Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;text-align:center;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:#a87927;border-color:#a87927;transform:translateY(-2px)}
.section{padding:86px 6%}
.collections{background:var(--ivory)}
.section-heading{text-align:center;margin:0 auto 44px;max-width:720px}
.section-heading h2{font-size:clamp(40px,4.5vw,56px);line-height:1.2;margin:14px 0 18px}
.section-heading p{font-size:15px;color:var(--body);line-height:1.8;margin:0}
.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;max-width:1150px;margin:0 auto}
.collection-card{text-align:center;min-width:0}
.collection-image{aspect-ratio:4/5;overflow:hidden;background:#eee7dc}
.collection-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.collection-card:hover img{transform:scale(1.045)}
.collection-card h3{font-size:clamp(23px,2.5vw,30px);line-height:1.25;margin:17px 0 9px}
.collection-card span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dark)}
.story{background:var(--champagne);text-align:center}
.story-inner{max-width:730px;margin:0 auto}
.story h2,.bespoke h2,.contact h2{font-size:clamp(39px,5vw,58px);line-height:1.18;margin:14px 0 20px}
.gold-line{width:60px;height:1px;background:var(--gold-dark);margin:27px auto 31px;opacity:.7}
.story p,.bespoke p,.contact p{font-size:16px;line-height:1.85;color:var(--body);margin:0 auto 21px;max-width:730px}
.story p:last-child{margin-bottom:0}
.bespoke{background:var(--ivory);text-align:center}
.bespoke-inner{max-width:800px;margin:0 auto}
.bespoke h3{font-size:clamp(27px,3.2vw,34px);line-height:1.3;margin:43px auto 23px}
.bespoke .outline-button{margin-top:20px}
.contact{background:var(--champagne);text-align:center}
.contact p{max-width:660px}
.email-link{display:inline-block;margin-top:17px;padding:0 0 7px;border-bottom:1px solid var(--gold-dark);color:var(--gold-dark);font-size:17px;overflow-wrap:anywhere}
.email-link:hover{color:var(--ink)}
footer{background:#302a25;color:#f5efe7;text-align:center;padding:58px 24px 28px}
.footer-logo-link{display:inline-block}
.footer-logo{width:190px;height:auto;margin:0 auto;object-fit:contain}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 34px;margin:30px auto 36px}
.footer-links a{font-size:11px;letter-spacing:.6px;transition:color .2s}
.copyright{border-top:1px solid #4a4239;padding-top:25px;color:#c6b9aa;font-size:10px;letter-spacing:1px;line-height:1.8}
@media(max-width:900px){.collection-grid{gap:17px}.section{padding:70px 5%}}
@media(max-width:699px){
 .announcement{font-size:8px;letter-spacing:1.2px;padding:10px 9px}
 .logo-area{padding:0 12px}.brand-logo{width:165px}
 .navigation{gap:10px 15px;padding:15px 8px}.navigation a{font-size:9px;letter-spacing:.8px}
 .hero{padding:38px 18px 26px}.hero h1{font-size:clamp(35px,9vw,44px);margin:14px 0 16px}
 .hero p{font-size:15px;line-height:1.6;max-width:350px;margin-bottom:24px}
 .mobile-hero-photo{margin-bottom:12px}
 .button{font-size:10px;padding:15px 21px;letter-spacing:1.5px;max-width:100%}
 .section{padding:65px 22px}.collections{padding-top:42px;padding-bottom:70px}
 .section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(37px,9vw,47px)}.section-heading p{font-size:14px}
 .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:30px}
 .collection-card h3{font-size:clamp(22px,6vw,28px);margin:14px 0 7px}.collection-card span{font-size:9px;letter-spacing:1.3px}
 .story{padding:65px 24px 60px}.story h2{font-size:clamp(32px,8vw,40px)}
 .story .gold-line{margin:22px auto 28px}.story p{font-size:13px;line-height:1.85;margin-bottom:17px}
 .bespoke{padding:66px 23px 78px}.bespoke h2{font-size:clamp(35px,8.7vw,43px)}
 .bespoke h3{font-size:clamp(26px,7vw,31px);margin-top:34px}.bespoke p{font-size:14px;line-height:1.85;margin-bottom:20px}
 .bespoke .outline-button{margin-top:15px}
 .contact{padding:65px 22px 75px}.contact h2{font-size:43px}.contact p{font-size:14px;line-height:1.85}.email-link{font-size:15px}
 footer{padding:48px 20px 26px}.footer-logo{width:165px}.footer-links{gap:16px 22px;margin:27px auto 32px}.footer-links a{font-size:11px}.copyright{font-size:9px;letter-spacing:.5px}
}
@media(max-width:360px){.navigation{gap:10px 11px}.navigation a{font-size:8px}.hero h1{font-size:34px}.collection-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}