/* Light across a paper surface; the work itself supplies the other movement. */
/* A single ink mark keeps the four destinations connected. */
.header #mainNav.has-nav-ink{position:relative}
.header #mainNav.has-nav-ink::after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:2px;background:var(--color-accent);transform:translateX(var(--nav-ink-x));transition:transform 260ms cubic-bezier(.16,1,.3,1);pointer-events:none}
.main-content :is(.btn,.home-quick-topics button,.studio-examples button,.studio-view-tab,.community-tab,.filter-chip){transition:background-color 160ms,color 160ms,border-color 160ms,transform 160ms cubic-bezier(.16,1,.3,1)}
.main-content :is(.btn,.home-quick-topics button,.studio-examples button):active:not(:disabled){transform:translateY(1px) scale(.98)}
.gallery-cover-hit:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}
.gallery-play{transition:opacity 180ms,transform 220ms cubic-bezier(.16,1,.3,1);transform:translateY(4px)}
.gallery-cover-hit:is(:hover,:focus-visible) .gallery-play{transform:translateY(0)}
.hub-title-button{background-image:linear-gradient(currentColor,currentColor);background-position:left calc(100% - 2px);background-size:0 1px;background-repeat:no-repeat;transition:background-size 240ms cubic-bezier(.16,1,.3,1)}
.gallery-card:is(:hover,:focus-within) .hub-title-button{background-size:100% 1px}
#projectGrid .gallery-cover{transform:perspective(1000px) rotateX(var(--cover-tilt-x,0deg)) rotateY(var(--cover-tilt-y,0deg));transition:transform 400ms cubic-bezier(.16,1,.3,1)}
#projectGrid .gallery-cover::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#FFFFFF20,transparent 55%);opacity:0;transition:opacity 180ms}
#projectGrid .gallery-cover:is(:hover,:focus-within)::after{opacity:1}
@media(max-width:760px){.header #mainNav.has-nav-ink{position:fixed}.header #mainNav.has-nav-ink::after{top:0;bottom:auto;height:3px}}
@media(prefers-reduced-motion:reduce){.header #mainNav.has-nav-ink::after{transition:none}.main-content :is(.btn,.home-quick-topics button,.studio-examples button):active:not(:disabled),#projectGrid .gallery-cover{transform:none!important}.gallery-play{transform:none!important}.hub-title-button{transition:none}#projectGrid .gallery-cover::after{display:none}}
.home-light-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.home-hero-wash[data-light="ready"]::before{opacity:0}
.home-discovery-hero[data-intro]~.home-featured-grid .gallery-cover{animation:paper-work-reveal .9s cubic-bezier(.16,1,.3,1) backwards}
.home-discovery-hero[data-intro]~.home-featured-grid .gallery-card:nth-child(3n+2) .gallery-cover{animation-delay:.12s}
.home-discovery-hero[data-intro]~.home-featured-grid .gallery-card:nth-child(3n) .gallery-cover{animation-delay:.24s}
@keyframes paper-work-reveal{from{clip-path:inset(100% 0 0 0 round 12px);transform:translateY(18px)}to{clip-path:inset(0 round 12px);transform:none}}
.home-discovery-hero{--hero-shift-x:0px;--hero-shift-y:0px}
.home-discovery-hero .home-hero-wash{background:none;animation:none;opacity:1}
.home-hero-wash::before,.home-hero-wash::after{content:"";position:absolute;pointer-events:none}
.home-hero-wash::before{inset:-18% -12%;background:radial-gradient(ellipse 48% 64% at 10% 78%,#A8CEF3B8,transparent 76%),radial-gradient(ellipse 50% 70% at 86% 68%,#F3BFA0B0,transparent 73%),radial-gradient(ellipse 35% 65% at 54% 100%,#F6DFAAA8,transparent 76%);animation:paper-light-drift 12s ease-in-out infinite alternate;animation-play-state:paused;transform:translate3d(-24px,8px,0) scale(1.02)}
.home-hero-wash::after{inset:0;background:radial-gradient(ellipse 40% 70% at 48% 22%,#FFFFFFA8,transparent 76%);transform:translate3d(var(--hero-shift-x),var(--hero-shift-y),0);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.home-discovery-hero[data-motion="active"] .home-hero-wash::before{animation-play-state:running;will-change:transform}
@keyframes paper-light-drift{from{transform:translate3d(-40px,12px,0) scale(1.02)}to{transform:translate3d(58px,-34px,0) scale(1.11)}}
[data-theme="dark"] .home-hero-wash::before{background:radial-gradient(ellipse 48% 64% at 10% 78%,#65708470,transparent 76%),radial-gradient(ellipse 50% 70% at 86% 68%,#657F9E70,transparent 73%),radial-gradient(ellipse 35% 65% at 54% 100%,#A0876260,transparent 76%)}
[data-theme="dark"] .home-hero-wash::after{background:radial-gradient(ellipse 40% 70% at 48% 22%,#40444E66,transparent 76%)}
.home-discovery-hero[data-intro] .home-hero-wash{animation:paper-light-arrive 1.6s cubic-bezier(.215,.61,.355,1) backwards}
.home-discovery-hero[data-intro] h1{animation:paper-title-arrive .65s cubic-bezier(.16,1,.3,1) backwards}
.home-discovery-hero[data-intro] .home-discovery-form{animation:paper-search-arrive .75s .08s cubic-bezier(.16,1,.3,1) backwards}
.home-discovery-hero[data-intro] .home-paper-companion{animation:paper-companion-arrive .7s .12s cubic-bezier(.16,1,.3,1) backwards}
@keyframes paper-light-arrive{from{transform:translateY(165px);opacity:.2}to{transform:none;opacity:1}}
@keyframes paper-title-arrive{from{transform:translateY(10px);filter:blur(3px);clip-path:inset(0 0 100% 0)}to{transform:none;filter:none;clip-path:inset(0)}}
@keyframes paper-search-arrive{from{transform:perspective(900px) translateY(15px) rotateX(3deg);opacity:.8;clip-path:inset(0 0 7% 0 round 16px)}to{transform:none;opacity:1;clip-path:inset(0 round 16px)}}
@keyframes paper-companion-arrive{from{transform:translate(20px,10px) rotate(6deg);opacity:.3}to{transform:none;opacity:1}}
.home-discovery-form{position:relative}
.home-discovery-form:focus-within{box-shadow:0 12px 38px rgb(35 45 62 / .12)}
.home-discovery-form:focus-within+.home-paper-companion{transform:translateY(-7px) rotate(-4deg)}
.home-search-example{position:absolute;left:24px;right:22px;top:28px;overflow:hidden;white-space:nowrap;pointer-events:none;color:var(--color-text-secondary);font-size:16px;line-height:27px}
.home-search-example[hidden]{display:none}
.home-search-example::after{content:"";display:inline-block;width:1px;height:16px;margin-left:3px;background:currentColor;vertical-align:-2px;animation:example-caret 1s steps(1) infinite}
@keyframes example-caret{50%{opacity:0}}
.home-discovery-form[data-hint-active] input::placeholder{color:transparent}
.home-discovery-form button{transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s}
.home-discovery-form button:hover{transform:translateY(-2px)}
.home-discovery-form button:active{transform:translateY(0) scale(.95)}
.gallery-demo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .2s ease}
.gallery-cover-hit.is-demo-playing .gallery-demo-video{opacity:1}
.gallery-live-preview{position:absolute;z-index:1;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity 180ms;background:var(--color-surface)}
.gallery-cover-hit.is-demo-playing+.gallery-live-preview{opacity:1}
.gallery-cover-hit.is-demo-playing .gallery-play{opacity:0}
@media(max-width:760px){.home-search-example{left:18px;right:18px;top:26px;font-size:16px}.home-hero-wash::before{inset:-10% -30%}}
@media(prefers-reduced-motion:reduce){.home-hero-wash::before,.home-hero-wash::after,.home-discovery-hero[data-intro] h1,.home-discovery-hero[data-intro] .home-discovery-form,.home-discovery-hero[data-intro] .home-paper-companion{animation:none!important;transform:none!important;transition:none!important}.home-search-example,.gallery-demo-video{display:none}.home-discovery-form[data-hint-active] input::placeholder{color:var(--color-text-secondary)}}
@media(prefers-reduced-motion:reduce){.home-discovery-form button{transform:none!important;transition:background-color .16s}}
@media(prefers-reduced-motion:reduce){.gallery-live-preview{display:none}}
.findings-account{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:4px 0 24px;font-size:14px;color:var(--color-text)}
.findings-account span{color:var(--color-text-secondary);font-size:12px}
.findings-legacy{margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border)}
.findings-legacy summary{cursor:pointer;font-size:13px;color:var(--color-text-secondary);min-height:36px}
.findings-legacy>p,.finding-import-note{font-size:13px;line-height:1.8;color:var(--color-text-secondary)}
.findings-legacy .product-finding{display:block;width:100%;text-align:left}
.product-finding-form .finding-success{display:flex;align-items:center;gap:18px;margin-top:18px;padding:16px 18px;background:var(--color-surface-alt);border-radius:12px}
.product-finding-form .finding-success[hidden],#findingConflict[hidden]{display:none}
.finding-success img{width:48px;height:61px;object-fit:contain;flex:none}
.finding-success strong{display:block;font-size:16px;color:var(--color-text);font-weight:600}
.finding-success span{display:block;font-size:13px;line-height:1.8;color:var(--color-text-secondary);margin-top:5px}
#findingStatus[data-state="error"]{color:var(--color-text)}
#findingConflict{display:block;padding:16px;border:1px solid var(--color-border);border-radius:10px;font-size:13px;line-height:1.8}
#findingConflict p{white-space:pre-wrap;overflow-wrap:anywhere}
.gallery-dialog-footer{flex-wrap:wrap}
@media(max-width:760px){.gallery-dialog-footer{gap:8px}.gallery-dialog-footer .btn{padding:10px;font-size:12px}.product-finding-form .finding-success{padding:14px;gap:14px}.finding-success span{font-size:12px}}
.home-hero-wash[data-light="ready"]::before{animation:none;transform:none;will-change:auto}
.gallery-demo-video{clip-path:inset(0 100% 0 0);transition:opacity .2s ease,clip-path .5s cubic-bezier(.16,1,.3,1)}
.gallery-cover-hit.is-demo-playing .gallery-demo-video,.gallery-cover-hit.has-demo-frame .gallery-demo-video{opacity:1;clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.home-discovery-hero[data-intro]~.home-featured-grid .gallery-cover{animation:none!important;clip-path:none!important;transform:none!important}}
.home-discovery-hero::after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:85px;pointer-events:none;background:linear-gradient(transparent,var(--color-bg))}
.home-heading-explore{position:relative;display:inline-block;isolation:isolate}
.home-heading-explore::after{content:'';position:absolute;z-index:-1;left:1%;right:1%;bottom:6%;height:9%;background:#F1C96F99;border-radius:45% 30% 35% 40%;transform:rotate(-2deg);transform-origin:left center}
[data-theme='dark'] .home-heading-explore::after{background:#D3B06C66}
.home-discovery-hero[data-intro] .home-heading-explore::after{animation:paper-mark-arrive 700ms 180ms cubic-bezier(.16,1,.3,1) backwards}
@keyframes paper-mark-arrive{from{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}
.home-paper-companion{transform:translate3d(calc(var(--hero-shift-x) * .3),calc(var(--hero-shift-y) * .4),0) rotate(var(--companion-turn,0deg));transform-origin:50% 85%}
.home-featured-grid .gallery-cover{transform:perspective(1000px) rotateX(var(--cover-tilt-x,0deg)) rotateY(var(--cover-tilt-y,0deg));transform-origin:50% 70%;transition:transform 400ms cubic-bezier(.16,1,.3,1)}
.home-featured-grid .gallery-cover::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#FFFFFF28,transparent 55%);opacity:0;transition:opacity 220ms}
.home-featured-grid .gallery-cover:hover::after{opacity:1}
@media(prefers-reduced-motion:reduce){.home-heading-explore::after{animation:none!important}.home-paper-companion,.home-featured-grid .gallery-cover,.home-featured-grid .gallery-cover-hit:hover .gallery-cover-image{transform:none!important}.home-featured-grid .gallery-cover::after{display:none}.home-discovery-hero[data-intro] h1{filter:none;clip-path:none}}