*{box-sizing:border-box;margin:0;padding:0}
:root{--cream:#f4ecdf;--paper:#fffdf8;--ink:#211b17;--brown:#55372c;--gold:#c39a63;--peach:#d79a7a;--sage:#8c9a7c;--muted:#756b62;--line:#dfd2c0;--wa:#25d366}
html{scroll-behavior:smooth}
body{font-family:"Space Grotesk","DM Sans",sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}img{display:block;max-width:100%}
.page-loader{position:fixed;inset:0;background:var(--ink);z-index:100;display:grid;place-items:center;animation:loaderOut .8s 1.1s forwards}.loader-logo{width:90px;height:90px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;animation:pulse 1.2s infinite}.loader-logo img{width:72px;height:72px;object-fit:contain}
@keyframes loaderOut{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes pulse{50%{transform:scale(.92);opacity:.65}}
.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:#211813;color:#fffdf8;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:url("../assets/wisuda-07.jpg") center 50%/cover no-repeat;transform:scale(1.04);animation:heroZoom 13s ease-out forwards}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(22,15,11,.9) 0%,rgba(22,15,11,.66) 43%,rgba(22,15,11,.23) 76%,rgba(22,15,11,.42)),linear-gradient(0deg,rgba(22,15,11,.48),transparent 65%)}
@keyframes heroZoom{to{transform:scale(1)}}
.nav{position:absolute;z-index:10;top:22px;left:50%;transform:translateX(-50%);width:min(1180px,92%);padding:10px 12px 10px 20px;border:1px solid rgba(255,255,255,.35);background:rgba(255,253,248,.88);backdrop-filter:blur(15px);border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ink);box-shadow:0 15px 45px rgba(0,0,0,.12)}
.brand{display:flex;align-items:center;gap:9px;min-width:225px}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:grid}.brand strong{font:600 17px "Playfair Display",serif;letter-spacing:.03em}.brand small{font-size:7px;letter-spacing:.2em;color:var(--muted);margin-top:-1px}
.navlinks{display:flex;gap:25px;font-size:11px;font-weight:700}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:-7px;background:var(--peach);transition:.3s}.navlinks a:hover:after{right:0}
.nav-buttons{display:flex;align-items:center;gap:8px}.icon-link,.navwa{height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center}.icon-link{width:42px;border:1px solid #d8cabb;background:#fff}.icon-link svg,.navwa svg,.btn svg,.ig-button svg,.contact-icon svg,.footer-social svg,.float-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.navwa{padding:0 15px;background:var(--wa);color:#0c2c1a;font-size:10px;font-weight:800;gap:7px;box-shadow:0 8px 20px rgba(37,211,102,.2);transition:.25s}.navwa:hover{transform:translateY(-2px)}
.hero-content{padding-top:65px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700;color:#ead2ae}.eyebrow span{width:32px;height:2px;background:var(--peach)}.eyebrow b{color:var(--sage);font-size:13px}
h1{font:500 clamp(48px,7vw,84px)/.97 "Playfair Display",serif;letter-spacing:-.045em;margin:18px 0 24px}h1 em{font-style:italic;font-weight:500;color:#f3d9b4}.hero-content>p{max-width:560px;color:#eee7de;font-size:16px;line-height:1.8;margin-bottom:30px}.hero-content>p strong{color:#fff}
.actions{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.3s}.btn.primary{background:#efd09d;color:#2b1e18;box-shadow:0 10px 25px rgba(0,0,0,.15)}.btn.primary:hover{transform:translateY(-3px)}.btn.glass{color:#fff;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.btn.glass:hover{background:rgba(255,255,255,.16)}
.hero-stats{position:absolute;right:7%;bottom:82px;display:flex;color:#fff;background:rgba(22,15,11,.3);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(12px);border-radius:18px;padding:14px 19px;gap:24px;z-index:2}.hero-stats div{display:flex;align-items:center;gap:9px}.hero-stats strong{font:600 24px "Playfair Display",serif;color:#efd09d}.hero-stats span{font-size:9px;line-height:1.35;color:#e7ded5}
.hero-scroll{position:absolute;left:4%;bottom:28px;display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.72);font-size:8px;letter-spacing:.2em;text-transform:uppercase;z-index:2}.hero-scroll span{width:40px;height:1px;background:var(--peach)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7;z-index:-1}.orb-one{width:180px;height:180px;right:-60px;top:170px;border:1px solid rgba(239,208,157,.35)}.orb-two{width:80px;height:80px;right:24%;top:23%;background:rgba(140,154,124,.15)}
.section{padding:105px 0}.trust{margin-top:-42px;position:relative;z-index:4;background:rgba(255,253,248,.96);border:1px solid var(--line);border-radius:22px;padding:21px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;box-shadow:0 18px 55px rgba(65,43,29,.1)}.trust div{padding:7px 16px;border-right:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center}.trust div:last-child{border:0}.trust span{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#f0e6d8;display:grid;place-items:center;color:var(--brown)}.trust b{font-size:11px}.trust small{font-size:9px;color:var(--muted)}
.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.tag{font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--gold)}.intro h2,.head h2{font:500 clamp(42px,5.7vw,75px)/.98 "Playfair Display",serif;letter-spacing:-.04em;margin-top:13px}.intro h2 em,.head h2 em,.portfolio-banner h2 em,.quote blockquote em,.contact h2 em{font-style:italic}.intro-copy{max-width:430px}.intro-copy p{font-size:14px;line-height:1.9;color:var(--muted)}.signature{font:italic 23px "Playfair Display",serif;margin-top:27px}.signature span{color:var(--peach)}
.pricing{background:var(--cream)}.head{text-align:center;max-width:680px;margin:0 auto 48px}.head p{font-size:13px;color:var(--muted);margin-top:16px}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:31px;min-height:455px;display:flex;flex-direction:column;position:relative;transition:.4s}.card:hover{transform:translateY(-9px);box-shadow:0 22px 55px rgba(65,43,29,.12)}.card.featured{background:var(--brown);color:#fffdf8;border-color:var(--brown);transform:translateY(-15px);box-shadow:0 24px 55px rgba(70,40,27,.22)}.card.featured:hover{transform:translateY(-24px)}.badge{position:absolute;right:0;top:0;background:var(--gold);color:#fff;padding:8px 13px;border-radius:0 20px 0 12px;font-size:8px;letter-spacing:.15em;font-weight:800}.number{font:italic 18px "Playfair Display",serif;color:var(--gold);margin-bottom:31px}.card-top{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:var(--muted)}.card.featured .card-top{color:#cdbdb0}.card-top b{color:var(--gold)}.card h3{font:500 38px "Playfair Display",serif;margin:11px 0 10px}.card>p{font-size:11px;line-height:1.75;color:var(--muted);max-width:290px}.card.featured>p{color:#cfc0b5}.price{font-weight:700;font-size:13px;margin:23px 0 17px}.card ul{list-style:none;border-top:1px solid var(--line);margin-bottom:25px}.card li{font-size:10px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.card li:before{content:"✦";color:var(--gold);margin-right:8px}.card.featured li{color:#d8cbc1}.choose{margin-top:auto;display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.choose span{transition:.3s}.choose:hover span{transform:translate(4px,-3px)}.note{text-align:center;color:var(--muted);font-size:9px;margin-top:25px}
.portfolio{background:var(--paper)}.portfolio-banner{background:linear-gradient(120deg,#201712,#3b2820);border-radius:26px;color:#fff;padding:85px 25px;text-align:center;position:relative;overflow:hidden}.portfolio-banner:before{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(239,208,157,.2);border-radius:50%;right:-100px;top:-140px}.portfolio-banner:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(215,154,122,.1);left:8%;bottom:-80px}.tag.light{color:#d8b27d}.portfolio-banner h2{font:500 clamp(40px,5vw,61px)/1 "Playfair Display",serif;margin:13px 0}.portfolio-banner p{max-width:560px;margin:0 auto 29px;color:#d5cbc3;font-size:13px;line-height:1.8}.ig-button{display:inline-flex;align-items:center;gap:10px;background:#efd09d;color:#2b1e18;padding:14px 19px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.3s}.ig-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.18)}.ig-button span{font-size:16px}
.quote{background:var(--ink);color:var(--paper);min-height:540px;display:grid;place-items:center;text-align:center}.quote-inner{display:flex;flex-direction:column;align-items:center}.quote-mark{font:italic 78px "Playfair Display";color:var(--gold);line-height:.6;margin-bottom:25px}.quote blockquote{font:500 clamp(38px,5vw,70px)/1.04 "Playfair Display",serif;letter-spacing:-.04em}.quote p{margin-top:30px;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#9f948b}
.contact{background:var(--cream);padding-bottom:95px}.contact-card{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);box-shadow:0 25px 70px rgba(65,43,29,.13);border-radius:22px;overflow:hidden}.contact-copy{padding:65px clamp(30px,5vw,70px);background:var(--brown);color:#fffdf8}.contact-copy h2{font:500 clamp(42px,5vw,70px)/.98 "Playfair Display",serif;margin:15px 0 22px}.contact-copy>p{max-width:400px;color:#cbbdb2;font-size:12px;line-height:1.85}.contact-links{display:grid;gap:12px;margin-top:36px}.contact-links a{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}.contact-links a>b{margin-left:auto}.contact-links small{display:block;color:#9f9187;text-transform:uppercase;letter-spacing:.16em;font-size:7px}.contact-links strong{font-size:11px;font-weight:500}.contact-icon{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}.contact-icon.wa{color:var(--wa)}.contact-icon.ig{color:#f5d4b2}.question-form{padding:65px clamp(30px,5vw,70px);display:flex;flex-direction:column}.question-form label{font-size:9px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin:0 0 8px}.question-form label span{color:var(--peach)}.question-form input,.question-form textarea{font:13px "Space Grotesk";border:0;border-bottom:1px solid #d9cdbd;background:transparent;outline:0;padding:12px 0;margin-bottom:27px;color:var(--ink);resize:vertical}.question-form input:focus,.question-form textarea:focus{border-color:var(--gold)}.question-form input::placeholder,.question-form textarea::placeholder{color:#aaa095}.send{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font:700 10px "Space Grotesk";letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:.3s}.send:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(36,33,29,.2)}.send b{font-size:16px}.form-note{font-size:8px;color:var(--muted);margin-top:12px}
footer{background:#110c09;color:#d9cec5;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{width:44px;height:44px;object-fit:contain}.footer-brand span{display:grid}.footer-brand b{font:16px "Playfair Display",serif}.footer-brand small{font-size:7px;letter-spacing:.18em;color:#8f8279}.footer-social{display:flex;gap:8px}.footer-social a{width:36px;height:36px;border:1px solid #4c3d35;border-radius:50%;display:grid;place-items:center;color:#ead8c3}.copyright{font-size:9px;color:#897b72}
.floating-wa{position:fixed;right:20px;bottom:20px;z-index:40}.floating-wa a{display:flex;align-items:center;gap:9px;background:var(--wa);color:#10301d;border-radius:999px;padding:8px 13px 8px 8px;font-size:10px;font-weight:800;box-shadow:0 12px 30px rgba(37,211,102,.25);transition:.3s}.floating-wa a:hover{transform:translateY(-4px)}.float-icon{width:33px;height:33px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#159447}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.navlinks{display:none}.brand{min-width:auto}.hero{min-height:700px}.hero-stats{right:4%}.trust{grid-template-columns:repeat(2,1fr)}.trust div:nth-child(2){border:0}.packages{grid-template-columns:1fr}.card.featured{transform:none}.card.featured:hover{transform:translateY(-9px)}.contact-card{grid-template-columns:1fr}.intro-grid{grid-template-columns:1fr;gap:35px}.footer-inner{flex-wrap:wrap}}
@media(max-width:560px){.nav{top:12px;padding:7px 8px 7px 12px}.brand img{width:39px;height:39px}.brand strong{font-size:14px}.brand small{font-size:6px}.icon-link{width:38px;height:38px}.navwa{height:38px;padding:0 11px}.navwa span{display:none}.hero{min-height:690px}.hero-content{padding-top:80px}.hero-content>p{font-size:13px}.hero-stats{display:none}.hero-scroll{left:4%;bottom:20px}.trust{margin-top:-28px;grid-template-columns:1fr;padding:12px}.trust div{border:0;border-bottom:1px solid var(--line);padding:9px 12px}.trust div:last-child{border-bottom:0}.section{padding:78px 0}.intro-grid{gap:30px}.packages{gap:13px}.card{min-height:auto;padding:26px}.portfolio-banner{padding:65px 20px}.contact-copy,.question-form{padding:48px 28px}.footer-inner{display:grid;grid-template-columns:1fr auto}.copyright{grid-column:1/-1}.floating-wa{right:14px;bottom:14px}}