*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#faf7f2;--warm-white:#fffdf9;--charcoal:#1c1c1e;--charcoal-soft:#2e2e30;--slate:#5a5a6e;--sage:#7baf8e;--sage-light:#98cfaccf;--terracotta:#e17000;--terracotta-light:#ff9f45;--gold:#d4a853;--gold-light:#edd08a;--border:#1c1c1e1a;--shadow:0 4px 24px #1c1c1e14;--shadow-lg:0 12px 48px #1c1c1e1f}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--charcoal);font-family:DM Sans,sans-serif;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#faf7f2d9;justify-content:space-between;align-items:center;padding:1.25rem 4rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--charcoal);letter-spacing:-.02em;font-family:Fraunces,serif;font-size:1.4rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--terracotta)}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--slate);letter-spacing:.01em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--charcoal)}.nav-cta{background:var(--charcoal);border-radius:100px;padding:.6rem 1.4rem;color:var(--cream)!important;font-weight:500!important;transition:background .2s,transform .2s!important}.nav-cta:hover{transform:translateY(-1px);background:var(--terracotta)!important;color:#fff!important}#hero{align-items:center;min-height:100vh;padding:8rem 4rem 5rem;display:flex;position:relative;overflow:hidden}.hero-bg-blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:var(--sage-light);width:500px;height:500px;animation:8s ease-in-out infinite blobFloat;top:-100px;right:-100px}.blob-2{background:var(--gold-light);width:350px;height:350px;animation:10s ease-in-out infinite reverse blobFloat;bottom:0;left:10%}.blob-3{background:var(--terracotta-light);width:250px;height:250px;animation:7s ease-in-out 2s infinite blobFloat;top:40%;right:25%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.97)}}.hero-content{z-index:1;opacity:0;max-width:780px;animation:.9s .2s forwards fadeUp;position:relative;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta);opacity:0;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:500;animation:.7s .4s forwards fadeUp;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--terracotta);width:28px;height:2px;display:block}h1{letter-spacing:-.03em;color:var(--charcoal);opacity:0;margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.05;animation:.9s .5s forwards fadeUp}h1 em{color:var(--terracotta);font-style:italic;font-weight:300}.hero-sub{color:var(--slate);opacity:0;max-width:560px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7;animation:.9s .65s forwards fadeUp}.hero-actions{opacity:0;flex-wrap:wrap;gap:1rem;animation:.9s .8s forwards fadeUp;display:flex}.btn-primary{background:var(--charcoal);color:var(--cream);border:2px solid var(--charcoal);border-radius:100px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{background:var(--terracotta);border-color:var(--terracotta);transform:translateY(-2px);box-shadow:0 8px 24px #c8705a4d}.btn-secondary{color:var(--charcoal);border:2px solid var(--border);background:0 0;border-radius:100px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--charcoal);transform:translateY(-2px)}.hero-stats{border-top:1px solid var(--border);opacity:0;gap:3rem;margin-top:4rem;padding-top:2.5rem;animation:.9s 1s forwards fadeUp;display:flex}.stat-num{color:var(--charcoal);font-family:Fraunces,serif;font-size:2.2rem;font-weight:600;line-height:1}.stat-label{color:var(--slate);letter-spacing:.05em;text-transform:uppercase;margin-top:.3rem;font-size:.8rem}section{padding:7rem 4rem}.section-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--sage);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:500;display:inline-flex}.section-tag:before{content:"";background:var(--sage);width:20px;height:2px;display:block}h2{letter-spacing:-.03em;color:var(--charcoal);margin-bottom:1rem;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.15}h2 em{color:var(--terracotta);font-style:italic;font-weight:300}.section-intro{color:var(--slate);max-width:520px;margin-bottom:3.5rem;font-size:1.05rem;line-height:1.7}#services{background:var(--charcoal)}#services .section-tag{color:var(--sage-light)}#services .section-tag:before{background:var(--sage-light)}#services h2{color:var(--cream)}#services h2 em{color:var(--terracotta-light)}#services .section-intro{color:#faf7f299}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.service-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:2.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--terracotta), var(--gold));transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{background:#ffffff12;transform:translateY(-4px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.icon-sage{background:#7baf8e26}.icon-terra{background:#c8705a26}.icon-gold{background:#d4a85326}.icon-blue{background:#648cc826}.service-card h3{color:var(--cream);margin-bottom:.75rem;font-family:Fraunces,serif;font-size:1.3rem;font-weight:600}.service-card p{color:#faf7f28c;margin-bottom:1rem;font-size:.9rem;line-height:1.65}.service-tag{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;font-size:.75rem;font-weight:500;display:inline-block}#portfolio{background:var(--warm-white)}.portfolio-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.portfolio-item{cursor:pointer;border-radius:20px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.portfolio-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.p-item-1{grid-column:span 7}.p-item-2,.p-item-3{grid-column:span 5}.p-item-4{grid-column:span 7}.p-thumb{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;font-size:3rem;display:flex;position:relative;overflow:hidden}.p-item-1 .p-thumb{background:linear-gradient(135deg,#7baf8e 0%,#a8ccb5 100%)}.p-item-2 .p-thumb{background:linear-gradient(135deg,#c8705a 0%,#e8a090 100%)}.p-item-3 .p-thumb{background:linear-gradient(135deg,#d4a853 0%,#edd08a 100%)}.p-item-4 .p-thumb{background:linear-gradient(135deg,#5a6e8e 0%,#8aaac8 100%)}.p-thumb-label{color:#fff;background:linear-gradient(#0000,#00000080);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.p-thumb-label h4{font-family:Fraunces,serif;font-size:1.2rem;font-weight:600}.p-thumb-label span{opacity:.8;font-size:.8rem}.p-overlay{opacity:0;background:#1c1c1ebf;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .p-overlay{opacity:1}.p-overlay-text{color:#fff;text-align:center;letter-spacing:.05em;font-size:.9rem;font-weight:500}#about{background:var(--cream);grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}.about-visual{height:500px;position:relative}.about-card-main{background:var(--charcoal);border-radius:24px;justify-content:center;align-items:center;height:340px;display:flex;position:absolute;top:-25px;left:0;right:40px;overflow:hidden}.about-card-main-img{object-fit:cover;object-position:center 10%;width:100%;height:100%;display:block;transform:scale(1.3)}.about-card-accent{background:var(--terracotta);border-radius:24px;justify-content:center;align-items:center;height:200px;display:flex;position:absolute;bottom:0;left:60px;right:0}.about-card-accent-inner{text-align:center;color:#fff}.about-card-accent-inner .big-num{font-family:Fraunces,serif;font-size:3.5rem;font-weight:700;line-height:1}.about-card-accent-inner p{opacity:.85;margin-top:.25rem;font-size:.85rem}.about-floating-tag{background:var(--gold);color:var(--charcoal);letter-spacing:.05em;box-shadow:var(--shadow);border-radius:100px;padding:.5rem 1rem;font-size:.78rem;font-weight:600;position:absolute;top:0;right:10px}.about-text h2{margin-bottom:1.25rem}.about-text p{color:var(--slate);margin-bottom:1.25rem;font-size:1rem;line-height:1.75}.about-chips{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}.chip{border:1.5px solid var(--border);color:var(--charcoal);border-radius:100px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.chip:hover{border-color:var(--sage);color:var(--sage)}#contact{background:linear-gradient(135deg, var(--charcoal) 0%, var(--charcoal-soft) 100%);text-align:center}#contact h2{color:var(--cream)}#contact h2 em{color:var(--terracotta-light)}#contact .section-intro{color:#faf7f28c;margin:0 auto 3rem}.contact-form{flex-direction:column;gap:1rem;max-width:560px;margin:0 auto;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{letter-spacing:.05em;text-transform:uppercase;color:#faf7f273;text-align:left;font-size:.78rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{color:var(--cream);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:.85rem 1.1rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s,background .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:#faf7f240}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--sage);background:#ffffff17}.form-field select option{background:var(--charcoal);color:var(--cream)}.form-field textarea{resize:vertical;min-height:130px}.btn-submit{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:1rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;transition:all .25s}.btn-submit:hover{background:#b5604a;transform:translateY(-2px);box-shadow:0 8px 24px #c8705a59}.contact-status{color:var(--cream);margin-top:1rem;font-size:.95rem;line-height:1.6}.contact-status.success{color:#a8e6c1}.contact-status.error{color:#f7b3b3}.contact-alt{color:#faf7f266;margin-top:2.5rem;font-size:.88rem}.contact-alt a{color:var(--gold);text-decoration:none}.contact-alt a:hover{text-decoration:underline}footer{background:#131315;justify-content:space-between;align-items:center;padding:2rem 4rem;display:flex}.footer-logo{color:var(--cream);font-family:Fraunces,serif;font-size:1.1rem;font-weight:700;text-decoration:none}.footer-logo span{color:var(--terracotta)}.footer-copy{color:#faf7f24d;font-size:.8rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:#faf7f266;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--cream)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (max-width:900px){nav{padding:1rem 1.5rem}.nav-links{display:none}section,#hero{padding:5rem 1.5rem}#about{grid-template-columns:1fr;gap:3rem}.about-visual{height:300px}.portfolio-grid{grid-template-columns:1fr}.p-item-1,.p-item-2,.p-item-3,.p-item-4{grid-column:span 1}.form-row{grid-template-columns:1fr}footer{text-align:center;flex-direction:column;gap:1rem}.hero-stats{gap:1.5rem}}.chat-bubble{z-index:1000;background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;transition:all .25s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 24px #c8705a66}.chat-bubble:hover{transform:scale(1.08);box-shadow:0 8px 32px #c8705a80}.chat-window{z-index:1000;background:var(--warm-white);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:24px;flex-direction:column;width:360px;height:500px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:5.5rem;right:2rem;overflow:hidden;transform:translateY(16px)scale(.97);box-shadow:0 16px 64px #1c1c1e2e}.chat-window.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.chat-header{background:var(--charcoal);align-items:center;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.chat-header-avatar{background:var(--terracotta);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.chat-header-info{flex:1}.chat-header-info strong{color:var(--cream);font-size:.9rem;font-weight:600;display:block}.chat-header-info span{color:#faf7f280;font-size:.75rem}.chat-header-close{color:#faf7f280;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;transition:color .2s}.chat-header-close:hover{color:var(--cream)}.chat-messages{flex-direction:column;flex:1;gap:.85rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-msg{border-radius:16px;max-width:82%;padding:.75rem 1rem;font-size:.875rem;line-height:1.55;animation:.25s msgPop}@keyframes msgPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.bot{color:var(--charcoal);border:1px solid var(--border);background:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 8px #1c1c1e0f}.chat-msg.user{background:var(--terracotta);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-msg.typing{border:1px solid var(--border);background:#fff;align-self:flex-start;padding:.85rem 1rem}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dots span{background:var(--slate);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce;display:block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-input-row{border-top:1px solid var(--border);background:#fff;align-items:flex-end;gap:.6rem;padding:1rem;display:flex}.chat-input{border:1.5px solid var(--border);color:var(--charcoal);resize:none;background:var(--cream);border-radius:12px;outline:none;flex:1;max-height:100px;padding:.65rem .9rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .2s}.chat-input:focus{border-color:var(--terracotta)}.chat-send{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .2s;display:flex}.chat-send:hover{background:#b5604a;transform:scale(1.05)}.chat-send:disabled{background:var(--border);cursor:not-allowed;transform:none}