/* Ciblup — wool details around a legible, interactive CRM. */
:root { --wool-paper:#faf9f6; }
body { background:var(--wool-paper); }
.site-nav { background:color-mix(in srgb,var(--wool-paper) 94%,transparent); }
.wool-opening { position:relative; isolation:isolate; overflow:clip; }
.hero { padding:112px 0 0; overflow:visible; background:var(--wool-paper); }
.atmosphere { display:none; }
.hero-copy { position:relative; z-index:3; padding-inline:24px; }
.hero h1 { font-size:clamp(46px,5.05vw,73px); letter-spacing:-.055em; line-height:1.02; margin:17px auto; }
.hero h1 span { color:#55735d; }
.hero-description { font-size:16px; line-height:1.5; }
.hero-actions { margin-top:20px; }
.reassurance { margin-top:14px; }
.wool-stage { width:min(100%,1380px); height:600px; position:relative; margin:12px auto 0; }
.wool-world { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 32px),transparent); }
.wool-console { position:relative; z-index:2; width:69%; max-width:890px; margin-left:3%; padding-top:38px; }
.wool-console .dashboard-frame { width:100%; margin:0; border:1px solid #47514a; border-radius:15px; box-shadow:0 22px 45px -22px #26392c75,0 2px 4px #182c221a; }
.wool-console .dashboard-toolbar { padding:10px 14px; gap:12px; }
.wool-console .dashboard-label { font-size:9px; }
.wool-console .dashboard-views { gap:4px; }
.wool-console .dashboard-views button { padding:10px 13px; font-size:12px; }
.wool-console .dashboard-crop,.wool-console .dashboard-detail { height:320px; }
.wool-console .dashboard-crop { mask-image:none; }
.wool-console .dashboard-detail { padding:24px; gap:20px; grid-template-columns:.7fr 1.3fr; grid-template-rows:minmax(0,1fr); }
.wool-console .detail-visual { height:100%; min-height:0; }
.wool-console .focus-pipeline { height:100%; width:auto; max-height:none; aspect-ratio:584/482; }
.wool-console .detail-copy h3 { font-size:30px; }
.wool-console .detail-copy>p:not(.eyebrow) { font-size:13px; }
.wool-console .detail-copy a { margin-top:15px; }
.wool-console .contact-invitation { padding:14px 18px; }
.wool-console .invitation-person strong { font-size:13px; }
.wool-console .invitation-person small { font-size:9px; }
.wool-console .contact-invitation a { font-size:12px; }
.wool-console .dashboard-frame figcaption { padding:10px; font-size:10px; }
.sources { position:relative; z-index:2; padding-top:105px; padding-bottom:92px; }
.sources-heading { padding-left:0; }
.sources .finder-brief { border-block:1px dashed #becdbd; background:#faf9f6; margin-top:30px; }
.source-demo { padding:26px 0; }
.source-options button { background:#fffefa; border:1px solid #d0d7ca; border-radius:15px; box-shadow:0 4px 0 #e1e5d9; }
.source-options button[aria-selected=true] { background:#e4eddf; border-color:#96b491; box-shadow:0 4px 0 #bfceb7; }
.source-options button:active { translate:0 2px; }
.source-options button i { background:#e9eee3; border-radius:10px; }
.source-options button[aria-selected=true] i { background:#51795c; color:white; }
.source-connection>span { background:#e6eee0; border:1px dashed #9bb495; box-shadow:0 4px 0 #c2cfb9; border-radius:22px; }
.source-result { background:#fffefa; border-color:#cdd6c6; border-radius:17px; box-shadow:0 5px 0 #e4e8dc; }
.source-result-top { border-bottom-style:dashed; }
.data-highway .data-road { stroke:#d9dfd1; stroke-width:6px; }
.data-highway .data-road.is-selected { stroke:#a8bfa0; stroke-width:8px; }
.data-highway .data-packet { stroke:#5a8161; stroke-width:4px; }
.source-footer { border-top-style:dashed; }
.wool-opening .button { background:#293e30; color:#f8fbf5; }
.wool-opening .button:hover { background:#3d5b42; }
.wool-opening .button:active { transform:scale(.98); }
.reviews,.pricing,.questions { background:transparent; }
@media(min-width:801px) and (max-height:780px) {
  .hero { padding-top:94px; }
  .hero h1 { font-size:clamp(46px,4.5vw,61px); margin:13px auto; }
  .hero-copy .eyebrow { font-size:10px; }
  .hero-description { font-size:14px; }
  .hero-actions { margin-top:16px; }
  .reassurance { margin-top:12px; }
  .wool-stage { margin-top:0; height:550px; }
  .wool-console { padding-top:24px; }
  .wool-console .dashboard-crop,.wool-console .dashboard-detail { height:285px; }
}
@media(min-width:801px) and (max-width:1150px) {
  .wool-stage { height:560px; }
  .wool-console { width:69%; margin-left:2%; padding-top:52px; }
  .wool-console .dashboard-label { display:none; }
  .wool-console .dashboard-views { width:100%; }
  .wool-console .dashboard-views button { flex:1; }
  .wool-console .invitation-person strong>span:not([data-name]) { display:none; }
  .wool-console .detail-copy h3 { font-size:25px; }
  .sources-heading { padding-left:0; }
}
@media(max-width:800px) {
  .hero { padding:95px 0 0; }
  .hero-copy { padding-inline:20px; }
  .hero h1 { font-size:clamp(38px,7.8vw,54px); letter-spacing:-.052em; margin:20px auto 17px; }
  .hero-copy .eyebrow { max-width:300px; margin:auto; font-size:9px; line-height:1.6; letter-spacing:.06em; }
  .hero-description { font-size:14px; }
  .hero-actions { margin-top:21px; }
  .wool-stage { height:auto; margin-top:4px; padding:158px 18px 35px; }
  .wool-world { width:100%; height:248px; object-position:65% 40%; }
  .wool-console { width:100%; max-width:590px; padding:0; margin:auto; }
  .wool-console .dashboard-frame { border-radius:12px; }
  .wool-console .dashboard-toolbar { padding:8px 6px; }
  .wool-console .dashboard-views button { padding:10px 3px; font-size:11px; }
  .wool-console .dashboard-crop,.wool-console .dashboard-detail { height:280px; }
  .wool-console .dashboard-detail { display:block; padding:20px; }
  .wool-console .contact-invitation { padding:13px 10px; }
  .wool-console .contact-invitation a { font-size:10px; }
  .wool-console .invitation-person small { font-size:8px; }
  .wool-console .dashboard-frame figcaption { font-size:9px; }
  .sources { padding-top:45px; padding-bottom:60px; }
  .sources-heading { padding-left:0; }
  .sources .finder-brief { margin-top:20px; }
  .source-demo { padding:8px 0 0; }
  .source-options button { border-radius:10px; }
  .source-options button i { border-radius:8px; }
}
@media(prefers-reduced-motion:reduce) { .wool-console { transform:none!important; } }
.is-still .wool-console { transform:none!important; }

/* A shared environment frames the visit; product controls carry the middle. */
.source-aside { max-width:380px; flex-shrink:0; }
.source-aside p { font-size:15px; line-height:1.65; color:#62796b; }
.experience-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:36px; padding:0; }
.experience-heading h2 { font-size:40px; line-height:1.05; letter-spacing:-.045em; }
.experience-heading h2 br { display:block; }
.experience-heading h2 span { color:#bbd6c2; }
.experience-heading .eyebrow { margin-bottom:12px; }
.experience-controls { min-width:0; }
.experience-controls>p { margin:0 0 17px; font-size:13px; line-height:1.55; color:#d2ddd4; }
.experience-controls>p span { color:#a5b9ac; }
.experience-controls .steps { gap:0; border:1px solid #4d5d52; border-radius:10px; padding:4px; background:#263229; }
.experience-controls .steps button { flex:1; min-width:0; min-height:44px; padding:10px 11px; gap:8px; border-radius:6px; justify-content:center; text-align:center; font-size:13px; color:#c1cec5; transition:background .2s,color .2s; }
.experience-controls .steps button>span { color:#91a999; font-size:9px; }
.experience-controls .steps button[aria-selected=true] { background:#c3deca; color:#233729; font-weight:650; }
.experience-controls .steps button[aria-selected=true]>span { color:#3e6650; }
.experience-controls .steps button:not([aria-selected=true]):hover { background:#35473b; }
.experience-controls .steps i { display:none; }
.review-featured { background:#edf0e5; border:1px solid #dce3d4; }
.review-featured .quote-mark { position:relative; min-height:65px; }
.wool-review { position:absolute; right:-5px; top:-23px; width:96px; height:96px; object-fit:contain; transition:transform .3s ease; }
.review-featured:hover .wool-review { transform:translateY(-3px) rotate(3deg); }

.pricing { display:block; padding-block:70px; }
.pricing-title { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:32px; }
.pricing-title .eyebrow { margin-bottom:14px; }
.pricing-title h2 { font-size:46px; line-height:1.08; }
.pricing-title h2 br { display:none; }
.pricing-title>p { margin:0 0 3px; font-size:15px; line-height:1.6; }
.plans { display:grid; grid-template-columns:1.15fr 1fr; gap:20px; margin:0; }
.plans article { display:flex; flex-direction:column; padding:30px; min-width:0; background:#fffefa; }
.plans article+article { margin:0; }
.plans article:first-child { background:#eaf0e3; border-color:#c7d5c0; }
.plans .plan-soon { border-style:dashed; border-color:#b8c5b4; background:transparent; }
.plan-heading { gap:20px; }
.plan-heading h3 { font-size:27px; }
.plan-heading strong { font-size:40px; }
.plans article>p { margin-top:23px; max-width:380px; line-height:1.7; font-size:14px; }
.plans ul { color:#546c58; font-size:13px; line-height:1.9; margin:17px 0 24px; }
.plans .button,.plans .coming-button { margin-top:auto; align-self:flex-start; min-height:44px; font-size:13px; padding:10px 17px; }
.plans>small { grid-column:1/-1; font-size:11px; margin:0; color:#60745f; }
.plan-soon .plan-heading { flex-wrap:wrap; gap:12px; }
.plan-heading .coming-badge { display:inline-flex; align-items:center; gap:7px; margin:0; padding:8px 11px; background:#e6eadf; color:#44563e; border-radius:30px; font-size:11px; font-weight:650; letter-spacing:0; white-space:nowrap; }
.coming-badge i { width:5px; height:5px; background:#738866; border-radius:50%; }
.coming-button { display:inline-flex; align-items:center; justify-content:center; border:1px solid #b6c0ad; border-radius:8px; background:#e8ecdf; color:#52634a; font-weight:650; opacity:1; }

/* The footer is one landscape: information sits on its quiet left plane.
   On phones the scene is cropped around Charlie, below the same text plane. */
.wool-footer { position:relative; isolation:isolate; display:grid; min-height:470px; padding:0; margin:0; border:0; overflow:clip; }
.wool-footer .footer-wool-scene { position:absolute; inset:0; display:block; width:100%; height:100%; margin:0; overflow:hidden; pointer-events:none; z-index:-2; }
.footer-landscape { display:block; position:absolute; bottom:-18px; left:0; width:100%; height:360px; object-fit:cover; object-position:100% 70%; mask-image:linear-gradient(to bottom,transparent,#000 25%,#000); }
.wool-footer::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; background:linear-gradient(to bottom,#faf9f6 0%,#faf9f6d9 38%,#faf9f633 62%,transparent 76%); }
.wool-footer .footer-info { position:relative; display:flex; flex-direction:column; align-items:flex-start; align-self:start; gap:0; width:min(1136px,calc(100% - 48px)); min-width:0; margin:0 auto; padding:38px 0 200px; border:0; color:#20372a; }
.wool-footer .footer-info .logo img { width:112px; height:35px; }
.footer-info>p { font-size:14px; line-height:1.55; color:#36523f; margin:14px 0 16px; }
.footer-links { display:grid; grid-template-columns:repeat(2,max-content); gap:0 25px; max-width:100%; font-size:13px; color:#294632; }
.footer-links a { display:flex; align-items:center; min-height:44px; text-underline-offset:4px; }
.footer-links a:hover { text-decoration:underline; }
.footer-info>small { margin-top:12px; font-size:12px; color:#3f5845; }
@media(min-width:801px) {
  .wool-footer { min-height:450px; }
  .footer-landscape { top:-18px; bottom:auto; height:calc(100% + 36px); object-position:100% 65%; mask-image:linear-gradient(to bottom,transparent,#000 17%,#000); }
  .wool-footer::before { background:linear-gradient(100deg,#faf9f6eb 0%,#faf9f6b3 28%,#faf9f626 50%,transparent 68%); }
  .wool-footer .footer-info { width:min(1136px,calc(100% - 80px)); padding:65px 0 85px; }
  .footer-info>p { font-size:15px; margin:17px 0 21px; }
  .footer-info>small { margin-top:21px; }
}
@media(min-width:1600px) {
  .wool-footer { min-height:500px; }
  .wool-footer .footer-info { padding-top:88px; }
}
@media(min-width:801px) and (max-height:780px) {
  .experience-heading h2 { font-size:32px; }
  .experience-heading .eyebrow { margin-bottom:8px; }
  .experience-controls>p { margin-bottom:10px; font-size:12px; }
  .experience-controls .steps button { min-height:38px; padding-block:8px; }
}
@media(min-width:801px) and (max-width:1100px) {
  .experience-heading { grid-template-columns:.85fr 1fr; gap:22px; }
  .experience-heading h2 { font-size:31px; }
  .experience-controls .steps button { padding-inline:6px; font-size:12px; gap:5px; }
  .pricing-title h2 { font-size:39px; }
  .pricing-title h2 br { display:block; }
  .plans article { padding:25px; }
}
@media(max-width:800px) {
  .source-aside { max-width:none; margin-top:18px; }
  .source-aside p { font-size:14px; }
  .experience-heading { grid-template-columns:1fr; gap:14px; }
  .experience-heading h2 { font-size:29px; line-height:1.06; }
  .experience-heading h2 br { display:block; }
  .experience-heading .eyebrow { margin-bottom:8px; }
  .experience-controls>p { display:none; }
  .experience-controls .steps { border-radius:8px; padding:3px; }
  .experience-controls .steps button { min-height:36px; padding:7px 4px; font-size:11px; gap:5px; }
  .experience-controls .steps button>span { font-size:8px; }
  .pricing { padding-block:50px; }
  .pricing-title { display:block; margin-bottom:27px; }
  .pricing-title h2 { font-size:36px; line-height:1.08; }
  .pricing-title h2 br { display:block; }
  .pricing-title>p { margin-top:17px; font-size:14px; }
  .plans { grid-template-columns:1fr; gap:15px; }
  .plans article { padding:25px 21px; }
  .plan-heading h3 { font-size:23px; }
  .plan-heading strong { font-size:33px; }
  .plans article>p { font-size:13px; margin-top:19px; }
  .plans ul { font-size:12px; margin-block:14px 22px; }
  .plans>small { font-size:10px; line-height:1.6; }
}
@media(max-width:800px) and (max-height:720px) {
  .experience-heading { gap:9px; }
  .experience-heading h2 { font-size:25px; }
  .experience-heading h2 br { display:none; }
  .experience-controls .steps button { min-height:33px; padding-block:6px; }
}
.is-still .footer-landscape { transform:none!important; }
@media(prefers-reduced-motion:reduce) { .footer-landscape { transform:none!important; } }

/* Keep the approved composition fluid, including intermediate tablet widths. */
.wool-stage { width:100%; max-width:none; }
.experience-intro,.experience-controls,.pricing-title>div,.pricing-title>p { min-width:0; }
.closing { width:min(1440px,calc(100% - 48px)); margin-inline:auto; }
@media(min-width:801px) {
  .wool-stage { height:clamp(470px,48vw,1150px); }
  .wool-console { width:66%; max-width:1460px; margin-left:4.5%; padding-top:clamp(30px,2.5vw,64px); }
  .wool-console .dashboard-crop,.wool-console .dashboard-detail { height:clamp(285px,22vw,470px); }
}
@media(min-width:801px) and (max-height:780px) {
  .wool-console .dashboard-crop,.wool-console .dashboard-detail { height:clamp(265px,18vw,330px); }
}
@media(max-width:800px) {
  .hero { padding-top:88px; }
  .hero h1 { font-size:clamp(32px,1.4rem + 3.9vw,51px); line-height:1.06; }
  .wool-stage { padding-top:140px; }
  .wool-world { height:230px; }
  .experience-controls .steps button { min-height:44px; }
  .product-panel textarea { font-size:16px; line-height:1.4; }
  .follow-content input { min-height:44px; font-size:16px; }
  .panel-action .button { min-height:44px; }
  .closing { width:calc(100% - 24px); }
  .wool-review { width:82px; height:82px; top:-17px; right:-6px; }
}
@media(max-width:380px) {
  .site-nav { padding-inline:18px; }
  .site-nav .nav-actions .button { padding-inline:11px; }
  .site-nav .nav-actions .button>span { display:none; }
  .hero-copy { padding-inline:18px; }
  .experience-pin { margin-inline:12px; }
  .experience-controls .steps button { gap:4px; font-size:10px; }
  .experience-controls .steps button>span { font-size:8px; }
  .contact-meta { gap:12px; }
  .contact-rail .person small { display:none; }
  .contact-rail .person { min-height:44px; }
  .person-heading { display:grid; grid-template-columns:30px 1fr; gap:4px 8px; }
  .person-heading>img { grid-row:1/3; width:30px; height:30px; }
  .person-heading>div { min-width:0; }
  .person-heading h3 { font-size:19px; line-height:1.15; }
  .person-heading p { font-size:10px; }
  .person-heading .status-chip { grid-column:2; justify-self:start; margin:0; font-size:9px; padding:3px 6px; }
  .contact-meta { margin-block:9px; padding-bottom:9px; }
  .context-note { padding:8px 10px; }
  .context-note p { font-size:13px; line-height:1.4; }
  #panel-contact .panel-action>span { display:none; }
  .panel-action { flex-shrink:0; }
}
@media(max-width:800px) and (max-height:720px) {
  .hero h1 { margin-block:15px; }
  .hero-actions { gap:12px; margin-top:17px; }
  .wool-stage { padding-top:112px; }
  .wool-world { height:202px; }
  .experience-heading h2 { font-size:24px; }
  .experience-controls .steps button { min-height:44px; }
}

/* Three readable chapters, all driven by the same scroll clock. */
.wool-chapter,.source-chapter { position:relative; }
.scroll-view-hint { display:none; }
.scroll-scenes .scroll-view-hint { display:inline; }
.scroll-scenes .wool-stage { position:sticky; top:var(--nav); height:calc(100svh - var(--nav)); min-height:0; margin:0; display:flex; align-items:center; }
.scroll-scenes .wool-console { padding-top:0; }
.scroll-scenes .wool-world { object-position:50% 58%; }
.scroll-scenes .wool-console .dashboard-crop,.scroll-scenes .wool-console .dashboard-detail { height:clamp(260px,calc(100svh - 300px),470px); }
.scroll-scenes .sources { padding-bottom:40px; }
.scroll-scenes .sources-pin { position:sticky; top:var(--nav); height:calc(100svh - var(--nav)); display:flex; flex-direction:column; justify-content:center; padding:24px 0; }
.scroll-scenes .source-demo { margin:0 0 22px; padding:0; }
.scroll-scenes .source-footer { padding-top:16px; min-height:42px; flex-shrink:0; }
.experience { isolation:isolate; overflow:clip; }
/* One pinned canvas contains both the artwork and the interface. Its border
   box ends with the chapter, so the artwork cannot cover the following section. */
.experience-scene { position:sticky; top:var(--nav); height:calc(100svh - var(--nav)); display:flex; align-items:center; padding-inline:35px; isolation:isolate; overflow:clip; }
.experience-backdrop { position:absolute; inset:0; overflow:clip; pointer-events:none; z-index:-1; }
.experience-backdrop img { position:absolute; inset:-18px; display:block; width:calc(100% + 36px); max-width:none; height:calc(100% + 36px); object-fit:cover; object-position:50% 75%; filter:blur(6px) brightness(.5); }
.experience-pin { --scene-height:min(735px,calc(100svh - var(--nav) - 24px)); position:relative; width:100%; max-width:1136px; height:var(--scene-height); min-height:0; top:auto; margin:0 auto; padding-block:20px; z-index:1; }
.experience-foot { color:#e0ebe3; background:#1d2420e6; padding:8px 10px; border-radius:7px; }
.experience-foot a { color:#edf7ef; }
@media(min-width:801px) and (max-width:1100px) {
  .scroll-scenes .wool-console .dashboard-crop,.scroll-scenes .wool-console .dashboard-detail { height:330px; }
}
@media(min-width:801px) and (max-height:780px) {
  .scroll-scenes .wool-console .dashboard-crop,.scroll-scenes .wool-console .dashboard-detail { height:clamp(245px,calc(100svh - 285px),370px); }
  .scroll-scenes .source-result { padding:20px 24px; }
  .scroll-scenes .source-result h3 { margin:13px 0; }
  .scroll-scenes .source-result [data-source-fields] p { padding-block:8px; }
  .experience-pin { padding-block:14px; }
}
@media(max-width:800px) {
  .experience-scene { padding-inline:18px; }
  .scroll-scenes .wool-stage { padding:115px 18px 18px; align-items:center; }
  .scroll-scenes .wool-world { height:235px; object-position:65% 55%; }
  .scroll-scenes .wool-console { margin:auto; }
  .scroll-scenes .wool-console .dashboard-crop,.scroll-scenes .wool-console .dashboard-detail { height:280px; }
  .scroll-scenes .sources-pin { padding-block:16px; }
  .scroll-scenes .source-options button { min-height:72px; padding:8px 5px; gap:6px; }
  .scroll-scenes .source-connection { height:52px; }
  .scroll-scenes .source-demo { margin-bottom:15px; }
  .scroll-scenes .source-result { padding:17px 19px; min-height:0; }
  .scroll-scenes .source-result h3 { font-size:23px; margin:14px 0 12px; }
  .scroll-scenes .source-result [data-source-fields] p { padding-block:7px; font-size:12px; }
  .scroll-scenes .source-result .source-explainer { margin-top:13px; font-size:12px; line-height:1.5; }
  .scroll-scenes .source-to-contact { margin-top:12px; padding-top:12px; min-height:44px; }
  .scroll-scenes .source-footer { flex-direction:row; align-items:center; font-size:11px; }
  .scroll-scenes .source-footer>span { display:none; }
  .experience-pin { --scene-height:calc(100svh - var(--nav) - 16px); padding-block:16px; }
  .experience-backdrop img { object-position:35% 75%; }
}
@media(max-width:800px) and (max-height:720px) {
  .scroll-scenes .wool-stage { padding-top:88px; }
  .scroll-scenes .wool-world { height:205px; }
  .scroll-scenes .wool-console .dashboard-crop,.scroll-scenes .wool-console .dashboard-detail { height:265px; }
  .scroll-scenes .sources-pin { padding-block:8px; }
  .scroll-scenes .source-options button { min-height:62px; gap:4px; }
  .scroll-scenes .source-options button i { width:27px; height:27px; flex-basis:27px; }
  .scroll-scenes .source-connection { height:42px; }
  .scroll-scenes .source-connection>span { width:34px; height:34px; }
  .scroll-scenes .source-result { padding:14px 16px; }
  .scroll-scenes .source-result h3 { font-size:21px; margin:10px 0; }
  .scroll-scenes .source-result [data-source-fields] p { padding-block:6px; }
  .scroll-scenes .source-result .source-explainer { margin-top:10px; font-size:11px; }
  .scroll-scenes .source-demo { margin-bottom:10px; }
  .scroll-scenes .source-footer { min-height:34px; padding-top:8px; }
  .experience-pin { padding-block:10px; }
}
@media(max-width:380px) {
  .experience-scene { padding-inline:12px; }
  .follow-head h3 { font-size:19px; }
  .follow-head .eyebrow { margin-bottom:5px; }
  .follow-content { display:grid; grid-template-columns:58px minmax(0,1fr); gap:10px; margin-block:9px 0; align-items:start; }
  .calendar-tile { min-width:0; width:58px; }
  .calendar-tile>span { padding:5px 2px; font-size:6px; }
  .calendar-tile strong { font-size:32px; }
  .calendar-tile small { font-size:6px; padding-bottom:7px; }
  .follow-content h4 { font-size:14px; line-height:1.15; }
  .follow-content p { font-size:11px; line-height:1.35; margin-block:6px; }
  .follow-content input { width:100%; min-width:0; max-width:100%; padding-inline:5px; }
}
@media(min-width:801px) and (max-height:650px) {
  .experience-pin { gap:10px; padding-block:10px; }
  .experience-heading { align-items:center; }
  .experience-heading h2 { font-size:28px; line-height:1.05; }
  .experience-heading .eyebrow { margin-bottom:6px; }
  .experience-controls>p { display:none; }
  .crm-top { height:32px; }
  .product-panel { padding:12px 20px 10px; }
  .product-panel textarea { min-height:70px; padding-block:9px 4px; }
  .panel-action { flex-shrink:0; padding-top:8px; }
  .panel-action .button { min-height:40px; }
  .follow-head h3 { font-size:22px; }
  .follow-content { margin-block:8px 0; gap:20px; }
  .follow-content p { margin-block:5px 8px; }
  .calendar-tile strong { font-size:40px; }
  .calendar-tile small { padding-bottom:9px; }
}
.is-still .experience { height:auto; }
.is-still .experience-scene { position:relative; top:auto; }
@media(prefers-reduced-motion:reduce) {
  .experience-scene { position:relative; top:auto; }
}