*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f0e9;color:#25221f;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7ce;background:#f5f0e9;position:sticky;top:0;z-index:20}.wordmark{font:600 34px "Playfair Display",serif;letter-spacing:-3px}.wordmark span{color:#d07866}.nav{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.04em}.nav a{transition:color .2s}.nav a:hover,.text-link:hover{color:#c16e5c}.nav-cta{border:1px solid #28231f;padding:12px 18px;border-radius:30px}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:690px;padding:105px 8% 65px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden}.hero-copy{align-self:center;z-index:2}.eyebrow,.section-kicker,.hero-bottom,.result-label,.service-number,.work-meta b{font-size:10px;letter-spacing:.16em;font-weight:700}.eyebrow{color:#9b6659;display:flex;align-items:center;gap:10px}.eyebrow-line{width:27px;height:1px;background:#bd7868}.hero h1{font:500 clamp(54px,6.5vw,92px)/.99 "Playfair Display",serif;letter-spacing:-.055em;margin:28px 0}.hero h1 em,h2 em{font-weight:500;color:#b96f5e}.hero-intro{max-width:460px;color:#68615b;line-height:1.8;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 22px;border-radius:40px;font-size:12px;font-weight:600}.button-dark{background:#292521;color:#fff}.button-dark:hover{background:#b96f5e}.text-link,.under-link{font-size:12px;border-bottom:1px solid #b9aaa0;padding-bottom:8px}.text-link span{margin-left:12px}.hero-art{position:relative;min-height:470px}.image-placeholder{background:linear-gradient(145deg,#d9b9a9,#c58c7c 52%,#8f6258);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.image-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#ffffff35,transparent 40%),linear-gradient(35deg,#33251d30,transparent 55%)}.image-placeholder span{position:relative;font-size:10px;letter-spacing:.15em;line-height:1.8;color:#fff9}.hero-main{position:absolute;right:4%;top:0;width:78%;height:440px;border-radius:48% 48% 5px 5px}.hero-sticker{position:absolute;left:0;top:65px;background:#e6c9b9;border-radius:50%;width:118px;height:118px;display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:.12em;line-height:1.5;transform:rotate(-12deg)}.hero-sticker b{font-size:22px}.hero-caption{position:absolute;right:0;bottom:10px;font:italic 20px "Playfair Display";line-height:1.3}.hero-bottom{position:absolute;bottom:25px;left:8%;right:8%;display:flex;justify-content:space-between;color:#9b9188;font-size:9px}.section-pad{padding:105px 8%}.section-kicker{color:#9c6a5d}.intro{background:#e9d8cc}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;margin-top:48px}.portrait{height:500px;background:linear-gradient(145deg,#d0a18e,#8b6258);border-radius:48% 48% 4px 4px}.intro-copy h2,.section-top h2,.feature h2,.results h2,.collabs h2,.contact h2{font:500 clamp(42px,5vw,68px)/1.04 "Playfair Display";letter-spacing:-.04em;margin:22px 0}.intro-copy>p:not(.eyebrow){max-width:520px;color:#6b625b;line-height:1.9;font-size:14px;margin:28px 0}.under-link{display:inline-block;margin-top:12px}.services{background:#f5f0e9}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-top h2{margin-bottom:0}.section-top>p{max-width:330px;color:#777069;font-size:13px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{position:relative}.service-number{color:#a58e81;margin-bottom:14px}.service-image{height:300px;margin-bottom:22px}.service-one{background:linear-gradient(145deg,#d7b6a7,#9b6d60)}.service-two{background:linear-gradient(145deg,#c4c3ad,#8b8d76)}.service-three{background:linear-gradient(145deg,#c9a5a0,#865c60)}.service-card h3{font:500 25px "Playfair Display";margin:0 0 10px}.service-card p{font-size:12px;color:#777069;line-height:1.8;max-width:310px}.service-card>a{position:absolute;right:0;bottom:0;border:1px solid #c9bdb2;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.feature{background:#282521;color:#f5f0e9}.feature .section-kicker{color:#c99a89}.feature-heading{display:flex;justify-content:space-between;align-items:end;margin:20px 0 48px}.feature h2{margin:0}.feature-heading>p{max-width:310px;color:#c0b7ae;font-size:13px;line-height:1.8}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:38px 24px}.work-large{grid-row:span 2}.work-image{height:260px;background:linear-gradient(145deg,#bd8d7e,#75544b)}.work-large .work-image{height:570px}.work-item:nth-child(2) .work-image{background:linear-gradient(145deg,#c7b39e,#8a7564)}.work-item:nth-child(3) .work-image{background:linear-gradient(145deg,#a6a38c,#626a5b)}.work-meta{display:flex;justify-content:space-between;align-items:start;padding-top:16px}.work-meta b{color:#c49a89;font-size:9px}.work-meta h3{font:500 23px "Playfair Display";margin:8px 0}.work-meta>span{font-size:20px}.results{background:#e8d7ca;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.results-copy>p:not(.eyebrow){max-width:410px;color:#6e625a;font-size:13px;line-height:1.9}.result-panel{background:#292521;color:#f5f0e9;padding:42px;min-height:330px;position:relative;overflow:hidden}.result-label{color:#c99a89;font-size:9px}.result-stats{display:flex;gap:50px;margin:55px 0 38px}.result-stats strong{display:block;font:500 clamp(40px,5vw,62px) "Playfair Display"}.result-stats span{font-size:11px;color:#c9bdb4}.result-note{font-size:10px;color:#c9bdb4;border-top:1px solid #ffffff30;padding-top:18px}.result-graphic{position:absolute;right:25px;top:35px;font-size:40px;color:#b96f5e}.collabs{background:#f5f0e9}.collab-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;margin-top:45px}.collab-grid p{max-width:420px;color:#716860;font-size:13px;line-height:1.9;margin:25px 0 30px}.collab-visual{height:420px;background:linear-gradient(145deg,#c7a28e,#79594e)}.collab-tag{position:absolute;right:0;bottom:0;background:#e7cfc0;color:#6c4d43;padding:20px;font-size:10px;letter-spacing:.13em;line-height:1.6}.brand-strip{border-top:1px solid #d8cec4;border-bottom:1px solid #d8cec4;margin-top:80px;padding:24px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:9px;letter-spacing:.17em;color:#8c7c71}.contact{background:#e9d8cc}.contact-layout{display:grid;grid-template-columns:1fr .7fr;gap:10%;align-items:end;margin-top:35px}.contact h2{font-size:clamp(60px,8vw,100px)}.contact-intro{max-width:390px;color:#6e625a;line-height:1.8;font-size:13px;margin:25px 0}.email-link{display:inline-block;margin-top:15px;font:500 20px "Playfair Display";border-bottom:1px solid #b78d7b;padding-bottom:8px}.contact-card{background:#f5f0e9;padding:35px;display:flex;flex-direction:column;gap:18px}.contact-card>span{font-size:9px;letter-spacing:.16em;color:#9c6a5d}.contact-card>a{font:500 21px "Playfair Display"}.contact-card p{font-size:11px;color:#82776f;line-height:1.7;border-top:1px solid #ddd2c8;padding-top:18px;margin:5px 0 0}footer{padding:28px 8%;display:flex;align-items:center;justify-content:space-between;background:#292521;color:#e9d8cc}footer .wordmark{font-size:28px}footer>span,footer>a:not(.wordmark),footer small{font-size:9px;letter-spacing:.1em;color:#c7b8ad}.menu-toggle{display:none}
@media(max-width:800px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:6px;z-index:22}.menu-toggle span{width:25px;height:1px;background:#292521}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#f5f0e9;padding:25px 7% 32px;flex-direction:column;align-items:flex-start;gap:23px;border-bottom:1px solid #ddd}.nav.open{display:flex}.hero{padding:75px 7% 80px;grid-template-columns:1fr;gap:40px}.hero h1{font-size:60px}.hero-art{min-height:390px}.hero-main{height:360px;width:80%}.hero-bottom{left:7%;right:7%;font-size:8px}.section-pad{padding:75px 7%}.intro-grid,.results,.collab-grid,.contact-layout{grid-template-columns:1fr;gap:38px}.portrait{height:390px;max-width:420px}.section-top,.feature-heading{display:block}.section-top>p,.feature-heading>p{margin-top:22px}.service-grid{grid-template-columns:1fr;gap:40px}.service-image{height:330px}.work-grid{grid-template-columns:1fr}.work-large{grid-row:auto}.work-large .work-image{height:360px}.work-image{height:300px}.result-panel{padding:30px}.result-stats{gap:30px}.collab-visual{height:330px}.brand-strip{margin-top:55px}.contact h2{font-size:70px}footer{padding:25px 7%;gap:18px;flex-wrap:wrap}footer>span{display:none}}
@media(max-width:420px){.hero h1{font-size:51px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-main{height:320px}.hero-art{min-height:350px}.result-stats{gap:20px}.result-stats strong{font-size:42px}.email-link{font-size:17px}}


/* Original Canva palette and recovered photography */
:root {
  --cream: #f2ece4;
  --pink: #f0529b;
  --blush: #f7dfe6;
  --rose: #f0529b;
  --dark: #292323;
}
body, .site-header, .services { background: var(--cream); color: var(--dark); }
.intro, .contact, .collabs { background: var(--cream); }
.feature, .services { background: var(--pink); }
.feature { color: #fffaf8; }
.feature .section-kicker, .feature h2 em { color: #fff4f8; }
.hero h1 em, h2 em, .eyebrow, .section-kicker { color: var(--pink); }
.button-dark { background: var(--pink); color: white; border-radius: 40px; }
.nav-cta { border-color: var(--pink); }
.hero-main {
  background: url("images/hero-portrait.jpg") center 38% / cover no-repeat;
  border: 2px solid var(--pink);
  border-radius: 80px;
}
.portrait {
  background: url("images/about-portrait.jpg") center 30% / cover no-repeat;
  border: 2px solid var(--pink);
}
.service-one { background: url("images/vlogger-service.jpg") center / cover no-repeat; }
.service-two { background: url("images/brand-service.jpg") center / cover no-repeat; }
.service-three { background: url("images/event-host-service.jpg") center / cover no-repeat; }
.service-image { border-radius: 35px; }
.work-large .work-image {
  background: url("images/ice-rink.jpg") center / cover no-repeat;
}
.work-item:nth-child(2) .work-image {
  background: url("images/food-collaboration.jpg") center / cover no-repeat;
}
.work-item:nth-child(3) .work-image {
  background: url("images/about-portrait.jpg") center 35% / cover no-repeat;
}
.collab-visual {
  background: url("images/food-collaboration.jpg") center / cover no-repeat;
}
.analytics-proof {
  display: block;
  width: 44%;
  max-height: 210px;
  object-fit: cover;
  border-radius: 28px;
  margin-top: 22px;
  border: 2px solid var(--pink);
}
.result-panel {
  background: var(--blush);
  color: var(--dark);
}
.result-label, .result-stats span, .result-note { color: #6f4a59; }
.result-note { border-color: #d9a8bc; }
.contact-card { background: var(--pink); color: white; }
.contact-card > span, .contact-card p { color: white; }
.contact-card > a { color: white; }
.contact-portrait {
  width: 100%;
  height: 145px;
  object-fit: cover;
  border-radius: 45px;
  border: 2px solid white;
}
footer { background: var(--pink); color: white; }
footer > span, footer > a:not(.wordmark), footer small { color: white; }
.hero-sticker, .collab-tag { background: var(--pink); color: white; }
.image-placeholder span { display: none; }
@media(max-width:800px) {
  .hero-main { border-radius: 55px; }
  .analytics-proof { width: 100%; max-height: 190px; }
}

/* Content-creator refinement: original pink and cream identity */
:root { --cream:#f2ece4; --pink:#f0529b; --blush:#f7dfe6; --rose:#f0529b; --dark:#292323; }
body,.site-header,.services,.collabs { background:var(--cream); color:var(--dark); }
.intro,.contact { background:#f2ece4; }
.feature { background:var(--pink); color:#fffaf8; }
.feature .section-kicker,.feature h2 em,.work-meta b { color:#fff4f8; }
.hero h1 em,h2 em,.eyebrow,.section-kicker { color:var(--pink); }
.button-dark { background:var(--pink); color:#fff; border-radius:40px; }
.button-dark:hover { background:#d93f86; }
.nav-cta { border-color:var(--pink); }
.hero-main { background:url("images/hero-portrait.jpg") center 38%/cover no-repeat; border:2px solid var(--pink); border-radius:80px; }
.portrait { background:url("images/about-portrait.jpg") center 30%/cover no-repeat; border:2px solid var(--pink); }
.service-one { background:url("images/vlogger-service.jpg") center/cover no-repeat; }
.service-two { background:url("images/brand-service.jpg") center/cover no-repeat; }
.service-three { background:url("images/event-host-service.jpg") center/cover no-repeat; }
.service-image { border-radius:35px; }
.work-large .work-image { background:url("images/ice-rink.jpg") center/cover no-repeat; }
.work-item:nth-child(2) .work-image { background:url("images/food-collaboration.jpg") center/cover no-repeat; }
.work-item:nth-child(3) .work-image { background:url("images/about-portrait.jpg") center 35%/cover no-repeat; }
.collab-visual { background:url("images/food-collaboration.jpg") center/cover no-repeat; }
.result-panel { background:var(--blush); color:var(--dark); border:1px solid #efb5d0; }
.result-label,.result-stats span,.result-note { color:#744b5c; }
.result-note { border-color:#d9a8bc; }
.analytics-proof { width:46%; max-height:210px; object-fit:cover; border-radius:22px; border:2px solid var(--pink); }
.contact-card { background:var(--pink); color:white; }
.contact-card>span,.contact-card p,.contact-card>a { color:white; }
.contact-portrait { width:100%; height:145px; object-fit:cover; border-radius:40px; border:2px solid white; }
footer { background:var(--pink); color:white; }
footer>span,footer>a:not(.wordmark),footer small { color:white; }
.hero-sticker,.collab-tag { background:var(--pink); color:white; }
.image-placeholder span { display:none; }
@media(max-width:800px) { .hero-main { border-radius:55px; } .analytics-proof { width:100%; max-height:190px; } }

/* Professional contact form */
.contact {
  min-height: 700px;
  padding: 120px 7vw 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7vw;
  align-items: center;
}

.contact-heading { max-width: 500px; }
.contact-eyebrow { font-size: 12px; letter-spacing: 3px; margin-bottom: 25px; }

.contact-heading h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(55px, 7vw, 90px);
  line-height: .95;
  font-weight: 400;
  margin: 0 0 25px;
}

.contact-heading h2 em {
  font-family: 'Pinyon Script', cursive;
  font-weight: 400;
}

.contact-intro { font-size: 16px; line-height: 1.8; max-width: 390px; }

.contact-socials { display: flex; gap: 30px; margin-top: 35px; }

.contact-socials a {
  color: #f34f99;
  text-decoration: none;
  border-bottom: 1px solid #f34f99;
  padding-bottom: 5px;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 520px;
}

.contact-form label { font-size: 13px; letter-spacing: .5px; margin-top: 10px; }

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 15px 16px;
  border: 1px solid #e8a4c2;
  border-radius: 9px;
  background: #fffaf8;
  color: #49313c;
  font: inherit;
  outline: none;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus { border-color: #f34f99; }

.contact-form textarea { min-height: 130px; resize: vertical; }

.contact-form button {
  margin-top: 15px;
  padding: 17px 25px;
  border: 1px solid #f34f99;
  border-radius: 40px;
  background: #f34f99;
  color: white;
  font: inherit;
  cursor: pointer;
  transition: .2s;
}

.contact-form button:hover {
  background: transparent;
  color: #f34f99;
}

@media (max-width: 760px) {
  .contact {
    grid-template-columns: 1fr;
    padding: 100px 7vw 65px;
    gap: 35px;
  }
  .contact-form { max-width: 100%; }
  .contact-socials { margin-top: 25px; }
}


/* Align contact form beside the heading */
.contact {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.contact-mark {
  display: none;
}

.contact-heading {
  grid-column: 1;
  grid-row: 1;
}

.contact-form {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  margin-top: 0;
}

@media (max-width: 760px) {
  .contact-heading,
  .contact-form {
    grid-column: 1;
    grid-row: auto;
  }
}


/* PREMIUM MOBILE REFINEMENTS */
@media (max-width: 800px) {
  html, body {
    overflow-x: hidden;
    width: 100%;
  }

  * {
    box-sizing: border-box;
  }

  .site-header {
    padding: 0 6%;
    height: 68px;
  }

  .nav {
    z-index: 30;
    box-shadow: 0 12px 20px rgba(0,0,0,.05);
  }

  .hero {
    padding: 65px 7% 75px;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .hero h1 {
    font-size: clamp(45px, 12vw, 64px);
    line-height: .98;
    overflow-wrap: break-word;
  }

  .hero-intro {
    font-size: 15px;
    line-height: 1.8;
    max-width: 100%;
  }

  .hero-actions {
    gap: 16px;
    flex-wrap: wrap;
  }

  .hero-art {
    min-height: 340px;
    width: 100%;
  }

  .hero-main {
    width: 82%;
    height: 320px;
  }

  .hero-sticker {
    right: 0;
    font-size: 10px;
  }

  .hero-caption {
    font-size: 12px;
  }

  .hero-bottom {
    font-size: 8px;
    gap: 8px;
  }

  .section-pad {
    padding: 70px 7%;
  }

  .intro-grid,
  .results,
  .collab-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .portrait {
    width: 100%;
    height: 370px;
  }

  .intro-copy h2,
  .section-top h2,
  .feature-heading h2,
  .results-copy h2,
  .collab-grid h2 {
    font-size: clamp(42px, 11vw, 58px);
    line-height: 1;
  }

  .section-top > p,
  .feature-heading > p {
    margin-top: 18px;
  }

  .service-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .service-image {
    height: 300px;
  }

  .work-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .work-large {
    grid-row: auto;
  }

  .work-image,
  .work-large .work-image {
    height: 300px;
  }

  .result-panel {
    padding: 22px;
    width: 100%;
  }

  .analytics-proof {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: contain;
  }

  .result-stats {
    gap: 18px;
    flex-wrap: wrap;
  }

  .result-stats strong {
    font-size: 38px;
  }

  .collab-visual {
    height: 300px;
  }

  .brand-strip {
    flex-wrap: wrap;
    gap: 15px 22px;
    line-height: 1.8;
  }

  .contact {
    display: grid;
    grid-template-columns: 1fr;
    padding: 75px 7% 65px;
    gap: 32px;
    min-height: auto;
  }

  .contact-heading,
  .contact-form {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
  }

  .contact-heading h2 {
    font-size: clamp(48px, 12vw, 65px);
  }

  .contact-form {
    gap: 10px;
  }

  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    width: 100%;
    min-width: 0;
    font-size: 16px;
    padding: 15px;
  }

  .contact-form button {
    width: 100%;
    min-height: 54px;
  }

  .contact-socials {
    gap: 25px;
    flex-wrap: wrap;
  }

  footer {
    padding: 25px 7%;
    gap: 15px;
    flex-wrap: wrap;
  }
}

@media (max-width: 420px) {
  .hero h1 {
    font-size: 47px;
  }

  .hero-art {
    min-height: 310px;
  }

  .hero-main {
    height: 285px;
  }

  .section-pad {
    padding: 60px 6%;
  }

  .service-image {
    height: 260px;
  }

  .work-image,
  .work-large .work-image {
    height: 260px;
  }

  .contact {
    padding-left: 6%;
    padding-right: 6%;
  }
}