@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400;500&display=swap); :root { –color-rice:#F7F3EA; –color-paper:#FAF8F2; –color-ink:#111111; –color-teal:#1F6F61; –color-ochre:#A15C38; –color-gold:#C8A45D; –color-muted:#666666; –color-border:#E5E0D5; –font-serif:Noto Serif SC,Cormorant Garamond,serif; –font-sans:Noto Sans SC,Inter,sans-serif; } body { font-family:var(–font-sans); color:var(–color-ink); background:var(–color-paper); -webkit-font-smoothing:antialiased; line-height:1.7; } h1,h2,h3,h4,h5,h6 { font-family:var(–font-serif); font-weight:400; line-height:1.3; } a { color:inherit; text-decoration:none; transition:color 0.3s; } img { max-width:100%; height:auto; } .sf-hero { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(160deg,#1a1a1a 0%,#2a2520 40%,#1F6F61 100%); text-align:center; color:white; position:relative; overflow:hidden; } .sf-hero::before { content:””; position:absolute; top:0; left:0; right:0; bottom:0; background:url(data:image/svg+xml,%3Csvg width=60 height=60 viewBox=”0 0 60 60″ xmlns=”http://www.w3.org/2000/svg”%3E%3Cg fill=”none” fill-rule=”evenodd”%3E%3Cg fill=”%23ffffff” fill-opacity=”0.03″%3E%3Cpath d=”M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z”/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); opacity:0.5; } .sf-hero-content { position:relative; z-index:1; max-width:800px; padding:0 30px; } .sf-hero-title { font-size:clamp(48px,8vw,90px); font-weight:300; letter-spacing:0.15em; margin-bottom:15px; color:var(–color-paper); font-family:var(–font-serif); } .sf-hero-subtitle { font-size:clamp(18px,3vw,28px); letter-spacing:0.1em; color:var(–color-gold); margin-bottom:12px; font-family:var(–font-serif); font-weight:300; } .sf-hero-desc { font-size:15px; color:rgba(255,255,255,0.7); margin-bottom:40px; letter-spacing:0.05em; } .sf-hero-ctas { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; } .sf-btn { display:inline-block; padding:14px 36px; font-size:14px; letter-spacing:0.08em; text-transform:uppercase; font-weight:500; transition:all 0.4s ease; cursor:pointer; border:none; font-family:var(–font-sans); } .sf-btn-primary { background:var(–color-gold); color:var(–color-ink); } .sf-btn-primary:hover { background:#b8943e; transform:translateY(-2px); box-shadow:0 6px 20px rgba(200,164,93,0.3); } .sf-btn-ghost { background:transparent; color:white; border:1px solid rgba(255,255,255,0.4); } .sf-btn-ghost:hover { border-color:var(–color-gold); color:var(–color-gold); } .sf-section { padding:100px 0; } .sf-section-rice { background:var(–color-rice); } .sf-section-paper { background:var(–color-paper); } .sf-container { max-width:1200px; margin:0 auto; padding:0 30px; } .sf-section-header { text-align:center; margin-bottom:50px; } .sf-section-label { display:block; font-size:12px; letter-spacing:0.2em; text-transform:uppercase; color:var(–color-ochre); margin-bottom:12px; font-family:var(–font-sans); font-weight:500; } .sf-section-title { font-size:clamp(28px,4vw,42px); font-weight:400; letter-spacing:0.05em; color:var(–color-ink); } .sf-lead { font-size:17px; line-height:1.9; color:var(–color-muted); max-width:700px; margin:0 auto; text-align:center; } .sf-grid { display:grid; gap:24px; } .sf-grid-2 { grid-template-columns:repeat(2,1fr); } .sf-grid-3 { grid-template-columns:repeat(3,1fr); } .sf-grid-4 { grid-template-columns:repeat(4,1fr); } .sf-card { background:white; padding:35px 28px; border-radius:4px; transition:all 0.4s ease; border:1px solid var(–color-border); } .sf-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,0.08); border-color:var(–color-gold); } .sf-card h3 { font-size:20px; margin-bottom:10px; color:var(–color-ink); } .sf-card p { font-size:14px; color:var(–color-muted); line-height:1.7; } .sf-step { text-align:center; position:relative; } .sf-step h3 { color:var(–color-teal); margin-bottom:15px; } .sf-contact-bar { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:40px; } .sf-contact-note { text-align:center; color:var(–color-muted); font-size:14px; margin-top:40px; font-style:italic; } .sf-page-header { text-align:center; padding:80px 30px 50px; background:linear-gradient(160deg,#1a1a1a 0%,#2a2520 100%); color:white; margin-bottom:50px; } .sf-page-header h1 { font-size:clamp(32px,5vw,48px); font-weight:300; letter-spacing:0.1em; margin-bottom:10px; } .sf-page-header p { color:var(–color-gold); font-size:16px; letter-spacing:0.08em; } .sf-wa-float { position:fixed; bottom:30px; right:30px; width:56px; height:56px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,0.4); z-index:9999; transition:transform 0.3s; } .sf-wa-float:hover { transform:scale(1.1); } .sf-wa-float svg { width:28px; height:28px; fill:white; } @media(max-width:992px) { .sf-grid-4{grid-template-columns:repeat(2,1fr);} .sf-grid-3{grid-template-columns:repeat(2,1fr);} .sf-section{padding:70px 0;} } @media(max-width:768px) { .sf-grid-4,.sf-grid-3,.sf-grid-2{grid-template-columns:1fr;} .sf-hero-title{letter-spacing:0.08em;} .sf-section{padding:50px 0;} .sf-container{padding:0 20px;} .sf-hero-ctas{flex-direction:column;align-items:center;} .sf-contact-bar{flex-direction:column;align-items:center;} } @media(max-width:480px) { .sf-hero-title{font-size:36px;} .sf-hero-subtitle{font-size:16px;} .sf-btn{padding:12px 28px;font-size:13px;} .sf-card{padding:25px 20px;} } .site-header{background:rgba(17,17,17,0.95)!important;backdrop-filter:blur(10px);} .site-header .site-title a{color:var(–color-paper)!important;} .site-footer{background:var(–color-ink)!important;color:rgba(255,255,255,0.6)!important;} .woocommerce-store-notice,.coming-soon-banner,.ast-woocommerce-coming-soon{display:none!important;} ::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:var(–color-paper);} ::-webkit-scrollbar-thumb{background:var(–color-gold);border-radius:4px;} ::-webkit-scrollbar-thumb:hover{background:#b8943e;} .page .entry-title,.home .entry-title{display:none;}