/*
Theme Name: Shailaja's Art Creation
Theme URI: https://example.com/
Author: OpenAI
Description: Animated coming-soon landing page for Shailaja's Art Creation – Resin and Fusion Art.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: shailajas-art-creation
*/
:root{--teal:#075e59;--teal-deep:#063f3d;--gold:#bd8b2d;--ink:#2b1914;--cream:#fffaf0;--muted:#806e60}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit}
.sac-page{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:42px 22px;background:radial-gradient(ellipse at 50% 42%,#fffefa 0%,#fffaf0 62%,#f2e7d4 100%)}
.sac-page:before,.sac-page:after{content:"";position:absolute;z-index:-1;pointer-events:none;filter:blur(.2px)}
.sac-page:before{width:54vw;height:70vh;left:-18vw;top:-19vh;border-radius:42% 58% 64% 36%/42% 38% 62% 58%;background:radial-gradient(ellipse at 72% 65%,transparent 0 28%,rgba(5,102,94,.88) 29% 42%,rgba(0,72,68,.96) 52%,transparent 70%);transform:rotate(-22deg);opacity:.95}
.sac-page:after{width:42vw;height:62vh;right:-22vw;bottom:-27vh;border-radius:56% 44% 35% 65%;background:radial-gradient(ellipse at 40% 30%,rgba(9,105,98,.88),rgba(5,69,66,.94) 46%,transparent 72%);transform:rotate(28deg)}
.sac-gold-vein{position:absolute;z-index:-1;pointer-events:none;width:62vw;height:70vh;left:-17vw;top:-20vh;border:2px solid rgba(190,142,48,.85);border-color:transparent rgba(190,142,48,.8) transparent transparent;border-radius:48%;transform:rotate(-27deg);filter:drop-shadow(0 0 5px rgba(189,139,45,.45));animation:veinGlow 5s ease-in-out infinite}
.sac-gold-vein.vein-two{width:47vw;height:54vh;left:-12vw;top:-12vh;transform:rotate(-36deg);opacity:.7;animation-delay:1.3s}
.sac-shell{width:min(100%,1050px);text-align:center;position:relative;padding:24px 18px 12px;animation:riseIn 1.1s cubic-bezier(.2,.7,.2,1) both}
.sac-logo-wrap{width:clamp(170px,24vw,270px);aspect-ratio:1;margin:0 auto 22px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#fff,#c08e31 35%,#f7e6a9 52%,#a9761d 75%,#fff);box-shadow:0 15px 42px rgba(72,48,18,.15);animation:logoFloat 6s ease-in-out infinite}
.sac-logo{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;border:4px solid #fffdf8}
.sac-eyebrow{font:600 12px/1.6 Arial,sans-serif;letter-spacing:.38em;text-transform:uppercase;color:#65462a;margin:10px 0 8px;animation:fadeUp .9s .25s both}
.sac-title{font-size:clamp(48px,8vw,104px);line-height:.98;letter-spacing:.025em;text-transform:uppercase;color:var(--teal);font-weight:700;margin:0;text-shadow:0 2px 0 rgba(255,255,255,.8);animation:titleReveal 1.2s .35s both}
.sac-rule{width:min(300px,55vw);height:3px;margin:22px auto 19px;background:linear-gradient(90deg,transparent,var(--gold),#f4d78b,var(--gold),transparent);border-radius:10px;position:relative;overflow:hidden}
.sac-rule:after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:shine 3.5s ease-in-out infinite}
.sac-copy{font-size:clamp(18px,2.2vw,25px);line-height:1.45;margin:0 auto;color:#4b3024;max-width:620px;animation:fadeUp 1s .65s both}
.sac-button{display:inline-flex;align-items:center;gap:12px;margin:30px auto 20px;padding:15px 31px;border-radius:99px;background:var(--teal);color:white;text-decoration:none;font:700 13px Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;box-shadow:0 9px 24px rgba(5,82,76,.22);transition:transform .3s,box-shadow .3s,background .3s;animation:fadeUp 1s .8s both}
.sac-button:hover{transform:translateY(-4px);background:var(--teal-deep);box-shadow:0 14px 30px rgba(5,82,76,.3);color:white}
.sac-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.sac-social{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:10px;animation:fadeUp 1s .95s both}
.sac-social a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;text-decoration:none;color:#4a2b1d;transition:transform .25s,color .25s}
.sac-social a:hover{transform:translateY(-5px) scale(1.08);color:var(--gold)}
.sac-social svg{width:25px;height:25px;fill:currentColor}
.sac-social:before,.sac-social:after{content:"";width:68px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.sac-social:after{transform:rotate(180deg)}
.sac-foot{font:11px Arial,sans-serif;letter-spacing:.18em;color:#927d68;margin-top:25px;text-transform:uppercase}
.sac-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#c99b43;box-shadow:0 0 10px #d6ad5b;opacity:0;pointer-events:none;animation:drift 8s linear infinite}
.sac-particle:nth-of-type(1){left:17%;top:32%;animation-delay:0s}
.sac-particle:nth-of-type(2){left:78%;top:24%;animation-delay:2s;width:4px;height:4px}
.sac-particle:nth-of-type(3){left:82%;top:72%;animation-delay:4s;width:6px;height:6px}
.sac-particle:nth-of-type(4){left:22%;top:78%;animation-delay:1s;width:3px;height:3px}
.sac-corner-note{position:absolute;bottom:22px;right:28px;font:10px Arial,sans-serif;letter-spacing:.2em;color:#9a835e;text-transform:uppercase}
@keyframes riseIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes titleReveal{from{opacity:0;letter-spacing:.22em;filter:blur(8px)}to{opacity:1;letter-spacing:.025em;filter:blur(0)}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(340%)}}
@keyframes veinGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(189,139,45,.25))}50%{filter:drop-shadow(0 0 9px rgba(221,178,85,.75))}}
@keyframes drift{0%{opacity:0;transform:translate3d(0,22px,0) scale(.5)}20%{opacity:.8}80%{opacity:.55}100%{opacity:0;transform:translate3d(22px,-65px,0) scale(1.25)}}
@media(max-width:700px){
 .sac-page{padding:28px 16px;min-height:100svh}
 .sac-page:before{width:100vw;height:48vh;left:-52vw;top:-15vh}
 .sac-page:after{width:80vw;height:42vh;right:-48vw;bottom:-15vh}
 .sac-gold-vein{width:100vw;height:50vh;left:-55vw;top:-13vh}
 .sac-gold-vein.vein-two{width:82vw;height:40vh;left:-40vw;top:-8vh}
 .sac-shell{padding:10px 8px}
 .sac-logo-wrap{width:clamp(150px,48vw,215px);margin-bottom:22px}
 .sac-title{font-size:clamp(43px,12vw,68px)}
 .sac-copy{font-size:18px}
 .sac-button{margin-top:25px;padding:14px 24px}
 .sac-corner-note{right:0;left:0;bottom:12px;text-align:center;font-size:9px}
 .sac-social{gap:17px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}