.site-header nav .blog-shortcut{color:var(--orange)}
.site-header nav .nav-signup{padding:8px 12px;border-radius:999px;background:#f7e8dc;color:#b84020}
.experience-seal{position:relative;isolation:isolate;display:flex;width:118px;height:118px;flex-direction:column;align-items:center;justify-content:center;margin:0 0 24px 4px;border-radius:50%;border:1px solid #d8b99e;background:radial-gradient(circle at 36% 28%,#fff 0%,#fdf4e9 45%,#ecd8c6 100%);box-shadow:0 18px 36px rgba(94,59,31,.2),inset 0 0 0 6px #fff9f2,inset 0 0 0 8px #ddbea2;color:#342b25;text-align:center;transform:rotate(-3deg)}
.experience-seal:before{content:"";position:absolute;z-index:-1;inset:-7px;border-radius:50%;border:1px dashed rgba(199,81,41,.48)}
.experience-seal span{color:#b94b28;text-transform:uppercase;letter-spacing:.15em;font-size:.54rem;font-weight:800}
.experience-seal strong{font:700 2rem/1 "Playfair Display",serif;color:#d54b24;margin-top:2px}
.experience-seal b{font:700 .82rem/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;margin-top:2px}
.experience-seal small{max-width:92px;margin-top:6px;color:#75665c;font-size:.5rem;line-height:1.25;text-transform:uppercase;letter-spacing:.06em}
.engagement-section{position:relative;padding:92px 0;background:linear-gradient(135deg,#2d2824 0%,#49382e 100%);overflow:hidden}
.engagement-section:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-245px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.018)}
.engagement-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.engagement-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:390px;padding:42px;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.signup-card{background:linear-gradient(145deg,#fffdf9,#f5e8da);color:var(--ink)}
.review-card{background:linear-gradient(145deg,#f06036,#d84520);color:#fff}
.engagement-no{position:absolute;right:24px;top:16px;font:700 5rem "Playfair Display",serif;line-height:1;color:rgba(72,46,29,.08)}
.review-card .engagement-no{color:rgba(255,255,255,.11)}
.engagement-card h2{font-size:clamp(2rem,3.2vw,3.1rem);max-width:500px;margin-bottom:16px}
.engagement-card>p:not(.eyebrow){max-width:540px;margin:0 0 27px;color:#675f59}
.review-card .eyebrow{color:#ffe2d5}
.review-card>p:not(.eyebrow){color:#fff0e9}
.engagement-card .btn{margin-top:auto;border:0;cursor:pointer;font:700 .88rem Inter,Arial,sans-serif}
.review-button{background:#fff;color:#b43a1c}
.engagement-card>small{display:block;margin-top:16px;max-width:540px;color:#87776c;font-size:.68rem;line-height:1.5}
.review-card>small{color:#ffe2d5}
.portfolio-dialog{width:min(980px,calc(100% - 28px));max-height:92vh;padding:0;border:0;border-radius:18px;background:#fbf5ee;box-shadow:0 40px 120px rgba(20,14,10,.45);overflow:auto}
.portfolio-dialog::backdrop{background:rgba(22,16,12,.72);backdrop-filter:blur(8px)}
.portfolio-dialog[open]{animation:portfolio-in .25s ease-out}
@keyframes portfolio-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.portfolio-dialog-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:650px}
.portfolio-dialog-intro{padding:54px 40px;background:linear-gradient(145deg,#2d2824,#4d3a30);color:#fff}
.portfolio-dialog-intro h2{font-size:clamp(2.1rem,3.5vw,3.15rem)}
.portfolio-dialog-intro>p:not(.eyebrow){color:#ddd3cd}
.portfolio-dialog-intro>small{display:block;margin-top:22px;color:#cbbeb5;font-size:.68rem}
.review-privacy-box{display:flex;flex-direction:column;gap:5px;margin-top:30px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.06)}
.review-privacy-box strong{color:#fff}
.review-privacy-box span{color:#ddd3cd;font-size:.78rem}
.portfolio-review-form{padding:50px 38px;background:#fff}
.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.review-field{display:flex;flex-direction:column;gap:6px}
.review-field.wide{grid-column:1/-1}
.review-field label{font-size:.76rem;font-weight:800;color:#4b4642}
.review-field label span{font-weight:500;color:#8c8179}
.review-field input,.review-field select,.review-field textarea{width:100%;border:1px solid #d9cec4;border-radius:7px;background:#fffdfb;padding:12px 13px;color:var(--ink);font:inherit;font-size:.88rem}
.review-field input:focus,.review-field select:focus,.review-field textarea:focus{outline:2px solid rgba(240,74,29,.2);border-color:var(--orange)}
.review-consent{display:flex;gap:9px;margin:20px 0;font-size:.75rem;color:var(--muted)}
.review-consent input{accent-color:var(--orange)}
.portfolio-review-form>.btn{border:0;cursor:pointer;font:700 .88rem Inter,Arial,sans-serif}
.review-result{display:grid;gap:5px;margin-top:18px;padding:16px;border-left:3px solid var(--orange);background:#fbf1e8}
.review-result span{color:var(--muted);font-size:.78rem}
.review-result a{color:#b64020;font-weight:800;text-decoration:none;font-size:.8rem}
.review-disclosure{margin:18px 0 0;color:#8a8179;font-size:.66rem;line-height:1.55}
.review-link{background:#fff2e8;color:#9f3f22;border:1px solid #fff;text-decoration:none}
.review-link:hover{background:#fff;color:#7e2f18}
@media(max-width:1080px) and (min-width:851px){.site-header nav{gap:12px}.site-header nav a{font-size:.8rem}.brand img{width:215px}}
@media(max-width:900px){.site-header nav .nav-signup{padding:0;background:transparent}.engagement-grid,.portfolio-dialog-grid{grid-template-columns:1fr}.engagement-card{min-height:340px}.portfolio-dialog-intro{padding:42px 32px}.portfolio-review-form{padding:38px 32px}}
@media(max-width:560px){.experience-seal{width:105px;height:105px}.experience-seal strong{font-size:1.8rem}.experience-seal small{font-size:.43rem;max-width:72px}.engagement-section{padding:70px 0}.engagement-card{padding:32px 23px}.review-fields{grid-template-columns:1fr}.review-field.wide{grid-column:auto}.portfolio-dialog-intro,.portfolio-review-form{padding:34px 22px}}

/* Compact first-screen hero: the experience seal floats above the right card. */
.hero{
  min-height:clamp(600px,calc(100svh - 135px),760px);
  padding:34px 0 42px;
}
.hero-grid{
  grid-template-columns:1.08fr .92fr;
  gap:46px;
  align-items:center;
}
.hero-copy{min-width:0}
.hero h1{
  max-width:680px;
  margin-bottom:16px;
  font-size:clamp(2.85rem,4.4vw,4rem);
  line-height:1.04;
}
.hero .lead{font-size:1rem;line-height:1.58}
.hero-actions{margin:24px 0 16px}
.hero-card{
  max-width:400px;
  margin-top:142px;
  padding:26px 28px;
}
.hero-card h2{font-size:1.8rem}
.question-intro{margin-bottom:16px}
.hero-questions li{padding:10px 0}
.question-actions{margin-top:15px}
.question-disclosure{margin-top:13px}
.experience-seal{
  position:absolute;
  z-index:3;
  top:6px;
  right:12px;
  isolation:isolate;
  display:flex;
  width:128px;
  height:128px;
  margin:0;
  padding:18px 12px 15px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transform:none;
  overflow:hidden;
}
.experience-seal:before{
  z-index:0;
  inset:7px;
  border:1px solid rgba(199,81,41,.38);
  border-style:solid;
}
.experience-seal span,
.experience-seal strong,
.experience-seal b,
.experience-seal small{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  margin:0;
  text-align:center;
}
.experience-seal span{white-space:nowrap;font-size:.5rem;line-height:1;letter-spacing:.1em}
.experience-seal strong{margin-top:4px;font-size:2.05rem;line-height:.88}
.experience-seal b{margin-top:5px;font-size:.76rem;line-height:1;letter-spacing:.14em}
.experience-seal small{max-width:92px;margin-top:7px;font-size:.45rem;line-height:1.18;letter-spacing:.045em}

.hero-quote-card{
  position:relative;
  overflow:hidden;
  padding:34px 34px 28px;
}
.hero-quote-card:after{
  content:"";
  position:absolute;
  right:-72px;
  bottom:-92px;
  width:210px;
  height:210px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.015);
  pointer-events:none;
}
.hero-quote-mark{
  position:absolute;
  top:-30px;
  right:20px;
  color:rgba(245,164,135,.16);
  font:700 9rem/1 "Playfair Display",serif;
}
.hero-quote-card .question-kicker{position:relative;z-index:1;margin-bottom:17px}
.hero-quote-card blockquote{
  position:relative;
  z-index:1;
  margin:0;
  color:#fff;
  font:600 1.75rem/1.22 "Playfair Display",serif;
  letter-spacing:-.02em;
}
.hero-quote-support{
  position:relative;
  z-index:1;
  margin:20px 0 18px;
  color:#e2d6ce;
  font-size:.8rem;
  line-height:1.6;
}
.hero-quote-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  color:#f4b199;
  font-size:.72rem;
  font-weight:800;
  text-decoration:none;
}
.hero-quote-link:hover{color:#fff}
.hero-quote-card .question-disclosure{position:relative;z-index:1;margin-top:18px}

.operations-contact{
  display:inline-grid;
  grid-template-columns:auto auto;
  gap:2px 14px;
  margin-top:14px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
}
.operations-contact span{grid-column:1/-1;color:#ffe0d3;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.operations-contact a{color:#fff;font-size:1rem;font-weight:800;text-decoration:none}
.operations-contact small{align-self:center;color:#f7e0d7;font-size:.68rem}
.operations-contact a:hover{text-decoration:underline}

@media(max-width:900px){
  .hero{min-height:auto;padding:56px 0 62px}
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .experience-seal{
    position:relative;
    top:auto;
    right:auto;
    float:right;
    width:102px;
    height:102px;
    padding:14px 9px 12px;
    margin:0 0 8px 18px;
  }
  .experience-seal strong{font-size:1.65rem}
  .experience-seal small{max-width:72px;font-size:.37rem}
  .hero-card{margin:22px 0 0}
}

@media(max-width:560px){
  .hero{padding:42px 0 48px}
  .hero h1{font-size:clamp(2.45rem,12vw,3.05rem)}
  .experience-seal{width:92px;height:92px;margin-left:12px;padding:12px 8px 10px}
  .experience-seal strong{font-size:1.45rem}
  .experience-seal b{font-size:.6rem}
  .experience-seal span{font-size:.37rem;letter-spacing:.07em}
  .experience-seal small{max-width:66px;margin-top:5px;font-size:.32rem}
}

/* Refined site-wide headline scale for a calmer, more balanced hierarchy. */
.hero h1{
  font-size:clamp(2.4rem,3.6vw,3.4rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
main h2:not([data-keep-size]){
  font-size:clamp(1.85rem,2.65vw,2.75rem);
  line-height:1.12;
  letter-spacing:-.018em;
}
main h3:not([data-keep-size]){
  font-size:clamp(1.15rem,1.65vw,1.65rem);
  line-height:1.2;
}

@media(max-width:560px){
  .hero h1{font-size:clamp(2.1rem,9.5vw,2.5rem)}
  main h2:not([data-keep-size]){font-size:clamp(1.7rem,8vw,2.15rem)}
  main h3:not([data-keep-size]){font-size:clamp(1.1rem,5.5vw,1.4rem)}
}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}