.dovetail-hero{isolation:isolate;color:#182027;background:#f4f0e8;height:min(820px,100svh - 72px);min-height:580px;position:relative;overflow:clip}.dovetail-hero-art,.dovetail-hero-art img{width:100%;height:100%;position:absolute;inset:0}.dovetail-hero-art{z-index:-2}.dovetail-hero-art img{object-fit:cover;object-position:center 65%}.dovetail-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#f7f4ecb8 0%,#f7f4ec52 32%,#0000 53%,#10202b12 75%,#0e1a29b8 100%);position:absolute;inset:0}.dovetail-hero-copy{text-align:center;width:min(900px,100% - 48px);margin:0 auto;padding-top:clamp(28px,4svh,58px);animation:.6s cubic-bezier(.22,1,.36,1) both dovetail-arrive}.dovetail-eyebrow{color:#394a56;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;font-size:10px;line-height:1.6;display:flex}.dovetail-eyebrow>span{background:var(--color-voltage);border-radius:50%;width:6px;height:6px}.dovetail-hero h1{letter-spacing:-.065em;margin-top:16px;font-size:clamp(54px,6.4vw,96px);font-weight:500;line-height:.99}.dovetail-hero h1>span{color:#536268}.dovetail-intro{text-wrap:balance;color:#34444b;max-width:480px;margin:18px auto 0;font-size:17px;line-height:1.5}.dovetail-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;margin-top:20px;display:flex}.dovetail-primary{min-height:52px;padding-inline:24px;font-size:14px}.dovetail-manifesto{text-underline-offset:4px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.dovetail-manifesto:hover{text-decoration:underline}.dovetail-manifesto:focus-visible,.dovetail-caption a:focus-visible{outline:3px solid var(--color-voltage);outline-offset:4px;border-radius:4px}.dovetail-scene-labels{pointer-events:none;color:#fff;text-shadow:0 1px 8px #14202cb3;font-size:11px;font-family:var(--font-mono);letter-spacing:.025em;justify-content:space-between;gap:16px;display:flex;position:absolute;inset:auto 6% 82px}.dovetail-scene-labels>span{align-items:center;gap:9px;display:flex}.dovetail-scene-labels i{background:#e9c795;border:1px solid #fffb;border-radius:50%;width:6px;height:6px}.dovetail-scene-labels>span:last-child i{background:#8fb3ff}.dovetail-caption{color:#fff;border-top:1px solid #ffffff38;justify-content:space-between;align-items:center;gap:12px;padding-top:5px;font-size:11px;display:flex;position:absolute;inset:auto 6% 13px}.dovetail-caption>span{color:#edf0f4}.dovetail-caption a{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:inline-flex}.dovetail-caption a:hover svg{transform:translateY(3px)}.dovetail-caption svg{transition:transform .18s ease-out}#starter-example-title{scroll-margin-top:88px}@media (width>=768px){.site-header:has(+main .dovetail-hero){flex-direction:row;align-items:center;padding-left:16px}.site-header:has(+main .dovetail-hero) .site-header-back{flex-shrink:0;order:0}.site-header:has(+main .dovetail-hero) .page-back-bar{padding:0}.site-header:has(+main .dovetail-hero) .back-control{background:0 0;border:0;justify-content:center;width:44px;min-height:44px;padding:0}.site-header:has(+main .dovetail-hero) .back-control span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header:has(+main .dovetail-hero) .site-header-inner{flex:1;min-width:0;padding-left:8px}}@keyframes dovetail-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){#starter-example-title{scroll-margin-top:76px}.dovetail-hero{height:calc(100svh - 118px - env(safe-area-inset-bottom,0px));background:#f5f2eb;min-height:600px;max-height:790px}.dovetail-hero-art{height:68%;top:auto;-webkit-mask-image:linear-gradient(#0000,#000 16%);mask-image:linear-gradient(#0000,#000 16%)}.dovetail-hero-art img{object-position:center 72%}.dovetail-hero:before{background:linear-gradient(#f5f2eb 0% 38%,#f5f2eb00 61%,#1220320a 76%,#101b2dcc 100%)}.dovetail-hero-copy{width:calc(100% - 36px);padding-top:clamp(22px,4svh,34px)}.dovetail-eyebrow{letter-spacing:.05em;font-size:9px}.dovetail-hero h1{letter-spacing:-.06em;margin-top:20px;font-size:clamp(36px,10vw,62px);line-height:1.04}.dovetail-intro{max-width:295px;margin-top:17px;font-size:15px}.dovetail-actions{flex-direction:column;gap:0;margin-top:20px}.dovetail-primary{min-width:208px;min-height:50px}.dovetail-manifesto{font-size:12px}.dovetail-scene-labels{font-size:9px;inset:auto 20px 71px}.dovetail-scene-labels>span{gap:5px}.dovetail-caption{font-size:9px;inset:auto 20px 8px}.dovetail-caption>span{max-width:160px}.dovetail-caption a{text-align:right;gap:6px}.dovetail-caption svg{flex-shrink:0}}@media (width<=360px){.dovetail-hero-copy{padding-top:18px}.dovetail-hero h1{font-size:34px}.dovetail-intro{font-size:14px}}@media (prefers-reduced-motion:reduce){.dovetail-hero-copy{animation:none}.dovetail-caption svg{transition:none}.dovetail-caption a:hover svg{transform:none}}.dovetail-video .skill-video-wall{z-index:-2}.dovetail-video .skill-wall-labels,.dovetail-video .skill-wall-shade,.dovetail-video .skill-wall-caption{display:none}.dovetail-video:before{background:linear-gradient(#f5f2ebf5 0%,#f5f2ebe8 38%,#f5f2eb38 62%,#101b2ddd 100%)}.dovetail-motion{z-index:2;color:#182027;cursor:pointer;background:#fff9;border:1px solid #18202724;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;right:20px}.dovetail-motion:focus-visible{outline:3px solid var(--color-voltage);outline-offset:3px}.dovetail-pending{background:radial-gradient(at 75% 75%,#9cb4ce,#0000 60%),#f5f2eb}.dovetail-pending .dovetail-caption{color:#263b52;border-color:#263b5240}.dovetail-pending .dovetail-caption>span{visibility:hidden}.landing-preview-controls{border:1px dashed #9ba8b5;border-radius:16px;max-width:1100px;margin:24px auto;padding:20px 24px}.landing-preview-controls p{color:#556273;margin-bottom:8px;font-size:12px}.landing-preview-controls nav{flex-wrap:wrap;gap:8px;display:flex}.landing-preview-controls a{background:#edf0f4;border-radius:10px;align-items:center;min-height:44px;padding:8px 14px;font-size:13px;display:inline-flex}.landing-preview-controls a[aria-current=page]{color:#fff;background:#254fa5}.landing-preview-controls a:focus-visible{outline:3px solid var(--color-voltage);outline-offset:2px}.landing-community{max-width:1160px;margin:0 auto}.landing-community:has(.community-showcase){padding:36px 24px 28px}.community-showcase .public-video-activity-header{margin-bottom:14px}.community-showcase .public-video-activity-header h2{font-size:22px}.community-showcase .public-video-activity-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.community-showcase .public-video-activity-list>li{border:0;min-width:0}.community-showcase .public-video-activity-row{background:#fafffc;border:1px solid #dce2e5;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:0;transition:transform .18s ease-out,box-shadow .18s ease-out;display:flex;position:relative;overflow:hidden}.community-showcase .public-video-activity-thumbnail{flex:auto;width:100%;height:148px;display:block}.community-showcase .public-video-activity-thumbnail img{filter:saturate(.8);border-radius:0}.community-showcase .public-video-activity-thumbnail:after{content:"";background:linear-gradient(#0000 45%,#19271dc9);position:absolute;inset:0}.community-showcase-category{z-index:1;color:#fff;font-size:12px;font-weight:600;position:absolute;bottom:14px;left:16px}.community-showcase .public-video-activity-event-icon{z-index:1;border:0;border-radius:50%;width:28px;height:28px;bottom:12px;right:13px}.community-showcase .public-video-activity-copy{padding:16px 18px 20px}.community-showcase .public-video-activity-copy strong{letter-spacing:-.025em;margin:7px 0;font-size:18px}.community-showcase .public-video-activity-credit{padding-right:20px}.community-showcase .public-video-activity-open{position:absolute;bottom:22px;right:18px}.community-showcase .public-video-activity-more{margin-top:16px}.community-showcase .public-video-activity-skeleton{min-height:240px}.landing-measurement{z-index:65;color:#263344;background:#fffffff5;border:1px solid #d0dae8;border-radius:20px;width:min(430px,100% - 32px);padding:20px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 48px #182a4529}.landing-measurement strong{font-size:15px}.landing-measurement p{color:#536172;margin-top:6px;font-size:12px;line-height:1.6}.landing-measurement p a{color:#2754ac;text-decoration:underline}.landing-measurement-actions{gap:8px;margin-top:14px;display:flex}.landing-measurement-actions button{color:#23457e;cursor:pointer;background:#f3f6fc;border:1px solid #b8c5d9;border-radius:10px;flex:1;min-height:44px;padding:8px 10px;font-size:12px;font-weight:550}.landing-measurement-actions button:hover{background:#e4edff}.landing-measurement :is(button,a):focus-visible{outline:3px solid var(--color-voltage);outline-offset:3px}.landing-measurement-settings .landing-measurement{width:100%;box-shadow:none;margin:24px 0;position:static}@media (hover:hover) and (pointer:fine){.community-showcase .public-video-activity-row:hover{transform:translateY(-3px);box-shadow:0 8px 24px #314a6612}}@media (width<=767px){.dovetail-video .skill-video-wall{height:65%;top:auto}.dovetail-video:before{background:linear-gradient(#f5f2eb 0% 40%,#f5f2eb48 65%,#101b2dd9 100%)}.dovetail-motion{background:#ffffffeb;top:auto;bottom:72px;right:18px}.landing-community:has(.community-showcase){padding:28px 18px 16px}.community-showcase .public-video-activity-header h2{font-size:20px}.community-showcase .public-video-activity-list{scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 14px;display:flex;overflow-x:auto}.community-showcase .public-video-activity-list>li{scroll-snap-align:start;flex:0 0 min(78vw,290px)}.community-showcase .public-video-activity-copy strong{font-size:17px}.landing-measurement{bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:16px;right:16px}}@media (prefers-reduced-motion:reduce){.community-showcase .public-video-activity-row{transition:none}.community-showcase .public-video-activity-row:hover{transform:none}.community-showcase .public-video-activity-list{scroll-snap-type:none}}