/* V3: a quieter, shorter page with centered CTA labels. */
.section-space{padding-block:52px}
.hero-content{padding-top:36px;padding-bottom:14px}
.hero h1{font-size:52px;max-width:790px;margin-top:18px;line-height:1.06}
.hero h1 em{font-size:1.05em;line-height:1.1}
.hero .community-highlight{display:table;margin:10px auto 0;padding:6px 13px 7px;border-radius:4px;background:#956c32;color:#fff;font-size:34px;font-weight:400;font-style:normal;line-height:1.2;letter-spacing:-.035em}
.hero-description{font-size:15px;line-height:1.7;margin-top:18px;max-width:620px}
.hero-actions{margin-top:20px}
.hero-facts{margin-top:20px}
.hero-facts>div{padding:12px 18px}
.motion-toggle{min-height:32px;margin-top:0}
.hero-image-note{margin-bottom:10px}
.hero-content{text-align:left}
.hero h1{max-width:540px;margin-left:0;margin-right:0}
.hero .community-highlight{margin-left:0}
.hero-description{max-width:490px;margin-left:0}
.hero-actions{justify-content:flex-start}
.hero-price{max-width:490px;text-align:left}
.hero-facts{margin-left:0}
.button{display:inline-grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;justify-content:center;text-align:center;min-height:56px;min-width:238px;padding:6px 8px}
.button>.cta-label{grid-column:2;align-self:center;display:block;line-height:1.35;text-align:center}
.button>.orbit{grid-column:3;place-self:center;flex:none}
.header-cta{grid-template-columns:36px minmax(0,1fr) 36px;min-width:194px;min-height:48px;padding:5px;gap:6px}
.price-card>.button{display:grid;margin-top:20px}
.mobile-nav>.mobile-signup{position:relative;justify-content:center;text-align:center;min-height:48px;padding-inline:44px}
.mobile-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.section-intro{margin-bottom:26px}
.section-intro h2{font-size:38px;line-height:1.15;margin-top:18px}
.section-intro>p:last-child:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:16px}
.feature-grid{gap:20px}
.feature-art{height:230px}
.feature-copy{padding:20px 24px}
.number-label{margin-bottom:12px}
.feature-copy h3{font-size:23px;line-height:1.22}
.feature-copy>p:not(.number-label):not(.feature-result){font-size:14px;line-height:1.7;margin-top:12px}
.feature-result{margin-top:14px;padding-top:12px}
.section-note{margin-top:16px}
.craft-photo{object-position:70% 25%}
.with-photo .profile-sheet{bottom:29px;width:57%}
.with-photo .profile-info{padding:11px 16px}
.with-photo .profile-info>strong{font-size:17px}
.with-photo .profile-tags{margin-top:9px}
.studio-photo{object-position:50% 18%}
.contact-heading{position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:7px 12px;border:1px solid #d0b6855c;border-radius:6px;background:#26231f;color:#fff8ea;text-align:center}
.contact-heading>strong{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:19px;font-weight:400;line-height:1.2;letter-spacing:-.02em}
.with-photo .contact-tile{bottom:30px;left:8%;width:84%;padding:9px 12px;transform:none}
.with-photo .contact-options{margin-top:0;gap:7px}
.with-photo .contact-options>span{font-size:9px;padding:8px 5px}
.map-listing{top:auto;bottom:36px;padding:12px}
.map-pin.pin-main{top:61px}
.map-pin.pin-small{top:106px}
.zero-art{font-size:104px;margin-top:30px;line-height:1.1}
.zero-art>span{font-size:45px}
.commission-stamp{bottom:35px;padding:8px 12px}
.example-panel{padding:34px 40px;gap:40px}
.example-copy h2{font-size:35px;margin-top:18px}
.example-copy>p:not(.eyebrow):not(.example-disclaimer){font-size:14px;line-height:1.7;margin-top:18px}
.example-copy .text-link{margin-top:15px}
.example-copy .example-disclaimer{margin-top:12px}
.real-image{height:180px}
.real-profile-body{padding:20px}
.real-profile-body h3{font-size:25px;margin-top:10px}
.real-contact{margin-top:16px}
.steps{gap:28px;margin-top:26px}
.steps>li{padding-top:18px}
.step-number{font-size:34px}
.steps h3{font-size:21px;margin-top:18px}
.steps p{font-size:14px;line-height:1.7;margin-top:12px}
.profession-line{margin-top:28px;padding-top:20px}
.price-layout{gap:60px}
.price-copy h2{font-size:37px;margin-top:18px}
.price-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:18px}
.price-motif{margin-top:26px;padding-top:20px}
.price-card{padding:28px 30px 24px}
.price-kicker{margin-top:20px}
.price>strong{font-size:67px}
.price-rule{margin-top:20px}
.included{margin-top:20px;gap:12px;line-height:1.6}
.price-footnote{margin-top:12px}
.faq-layout{gap:48px}
.faq-heading h2{font-size:34px;margin-top:18px}
.faq-heading>p:last-child{font-size:14px;line-height:1.7;margin-top:16px}
.faq-list summary{min-height:64px;padding-block:16px;font-size:14px;line-height:1.5}
.faq-list details>p{font-size:13px;line-height:1.75;padding-bottom:18px}
.closing h2{font-size:39px;margin-top:18px}
.closing-inner>p:not(.eyebrow):not(.closing-price){font-size:14px;line-height:1.7;margin-top:18px}
.closing .button{margin-top:20px}
.closing-price{margin-top:12px}
.closing-discover{margin-top:18px;min-height:44px}
.site-footer{padding-top:24px}
.footer-bottom{padding-top:20px;margin-top:20px}
@media(max-width:900px){
  /* Keep all four faces visible in the narrower hero without text over them. */
  .hero-photo{position:relative;z-index:0;height:clamp(170px,33vw,250px);overflow:hidden}
  .hero-photo img{object-position:50% 18%;animation:none}
  .hero-photo::after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,#22211e1f,#22211e26 60%,#22211e)}
  .hero-shade{display:none}
  .hero-content{position:relative;text-align:center;padding-top:16px}
  .hero h1{max-width:630px;margin-inline:auto}
  .hero .community-highlight{margin-inline:auto}
  .hero-description{max-width:620px;margin-inline:auto}
  .hero-actions{justify-content:center}
  .hero-price{max-width:none;text-align:center}
  .hero-facts{margin-inline:auto}
  .hero h1{font-size:44px}.hero .community-highlight{font-size:29px}
  .section-space{padding-block:44px}.section-intro h2{font-size:34px}
  .feature-copy{padding:18px 20px}.feature-copy h3{font-size:21px}
  .example-panel{padding:28px;gap:28px}.example-copy h2{font-size:32px}
  .price-copy h2{font-size:33px}.price-layout{gap:35px}.faq-layout{gap:28px}
  .with-photo .profile-sheet{width:64%}.contact-heading>strong{font-size:17px}
}
@media(max-width:767px){
  .hero-content{padding-top:16px}.hero h1{font-size:39px}
  .hero .community-highlight{font-size:27px}.hero-description{font-size:14px}
  .section-intro h2{font-size:32px}.feature-art{height:220px}
  .steps h3{font-size:20px}.faq-heading h2{font-size:31px}
  .closing h2{font-size:35px}.header-cta{display:none}
}
@media(max-width:600px){
  .feature-grid{gap:14px}.with-photo .profile-sheet{width:61%;left:6%}
  .with-photo .contact-tile{left:6%;width:88%;padding:9px 10px}
  .with-photo .contact-options>span{font-size:9px}
  .steps{gap:20px}.steps>li{grid-template-columns:30px 1fr;gap:8px 17px;padding-top:16px}
  .steps h3{margin-top:0}.steps p{margin-top:0}
  .real-image{height:155px}.real-profile{max-width:390px}
}
@media(max-width:480px){
  .section-space{padding-block:36px}.hero-content{padding-top:14px;padding-bottom:12px}
  .hero h1{font-size:30px;margin-top:15px;line-height:1.08}
  .hero h1 em{font-size:1.05em}.hero .community-highlight{font-size:23px;padding:5px 10px 6px;margin-top:9px}
  .hero-description{font-size:13px;line-height:1.7;margin-top:17px}
  .hero-actions{margin-top:18px;gap:4px}.hero-actions>.button{min-height:54px}
  .hero-facts{margin-top:16px}.hero-facts>div{padding:9px 14px;font-size:9px;gap:12px}
  .hero-facts strong{font-size:10px}.hero-price{margin-top:5px}.motion-toggle{min-height:31px}
  .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
  .hero-facts>div{justify-content:center;padding:10px 6px;border-top:0;border-left:1px solid #d4a15c33}
  .hero-facts>div:first-child{border-left:0}
  .hero-facts .icon,.hero-facts .zero-sign,.hero-facts .fact-detail{display:none}
  .hero-facts strong{margin:0;font-size:10px;line-height:1.5}
  .section-intro{margin-bottom:22px}.section-intro h2{font-size:28px;line-height:1.16;margin-top:15px}
  .section-intro>p:last-child:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:14px}
  .feature-art{height:220px}.feature-copy{padding:20px}
  .feature-copy h3{font-size:21px}.feature-copy>p:not(.number-label):not(.feature-result){font-size:14px;line-height:1.65}
  .with-photo .profile-sheet{width:72%;bottom:28px}
  .with-photo .profile-info{padding:10px 13px}.with-photo .profile-info>strong{font-size:16px}
  .with-photo .profile-tags{margin-top:8px}.with-photo .profile-line{margin-top:6px}
  .contact-heading{top:10px;padding:6px 10px}.contact-heading>strong{font-size:17px}
  .with-photo .contact-tile{bottom:29px;padding:9px 10px}.with-photo .contact-options{gap:5px}
  .with-photo .contact-options>span{font-size:8px;padding:7px 4px}
  .map-listing{bottom:35px;padding:12px}.commission-stamp{bottom:35px}
  .zero-art{font-size:102px;margin-top:32px}
  .example-panel{padding:26px 22px;gap:24px}.example-copy h2{font-size:29px;margin-top:16px}
  .real-profile-body{padding:19px}.real-profile-body h3{font-size:22px}
  .steps{margin-top:22px;gap:18px}.steps h3{font-size:20px}.step-number{font-size:29px}
  .profession-line{margin-top:24px;padding-top:18px}
  .price-copy h2{font-size:29px}.price-copy>p:not(.eyebrow){line-height:1.7;margin-top:16px}
  .price-card{padding:24px 22px}.price-layout{gap:24px}.price>strong{font-size:62px}
  .included{gap:11px;margin-top:18px}.price-rule{margin-top:17px}
  .faq-heading h2{font-size:28px}.faq-heading>p:last-child{margin-top:14px}
  .faq-list summary{min-height:64px;padding-block:15px;font-size:13px}
  .faq-list details>p{font-size:13px;line-height:1.75}
  .closing h2{font-size:29px}.closing-inner>p:not(.eyebrow):not(.closing-price){margin-top:16px}
  .button{font-size:14px}.site-footer{padding-top:22px}
}
@media(max-width:360px){
  .hero h1{font-size:26px}.hero .community-highlight{font-size:21px}
  .section-intro h2{font-size:25px}.example-copy h2,.price-copy h2,.faq-heading h2{font-size:26px}
  .closing h2{font-size:26px}.feature-copy{padding:18px}.feature-copy h3{font-size:20px}
  .contact-heading>strong{font-size:16px}
}