:root{--demo-page: #fff;--demo-surface: #f0f0ef;--demo-ink: #171717;--demo-muted: #606060;--demo-line: #d9d9d7;--demo-accent: #087f91;--demo-mono: var(--font-code, "JetBrains Mono", monospace);--demo-sans: var(--font-display, "Montserrat", sans-serif)}body.demo-dark{--demo-page: #101112;--demo-surface: #181a1c;--demo-ink: #f2f3f3;--demo-muted: #aaadaf;--demo-line: #35383a;--demo-accent: #74d8db;background:var(--demo-page);color:var(--demo-ink)}.demo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]:not(.demo-card){display:none!important}.demo-card[hidden]{display:none}@media(scripting:none){.demo-card[hidden]{display:block!important}}.signature,.destination-row,.demo-portfolio,.demo-project,.demo-review{font-family:var(--demo-sans);color:var(--demo-ink);letter-spacing:0;box-sizing:border-box}.signature *,.destination-row *,.demo-portfolio *,.demo-project *,.demo-review *{box-sizing:border-box;letter-spacing:0}.signature a,.destination-row a,.demo-portfolio a,.demo-project a,.demo-review a{color:inherit;text-decoration:none}.signature button,.demo-portfolio button,.demo-review button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}.signature a:focus-visible,.signature button:focus-visible,.destination-row a:focus-visible,.demo-portfolio a:focus-visible,.demo-portfolio button:focus-visible,.demo-project a:focus-visible,.demo-review :focus-visible{outline:2px solid var(--demo-accent);outline-offset:5px}.signature{background:var(--demo-page);padding:12px 32px 0;position:relative}.signature-stage{height:min(600px,calc(100svh - 285px));min-height:340px;display:grid;place-items:center;position:relative}.signature-plate{height:100%;aspect-ratio:1;position:relative;max-width:100%;min-width:0;min-height:0;contain:size;filter:drop-shadow(0 18px 20px #00000013)}.signature-plate>a{display:block;width:100%;height:100%}.signature-poster{width:100%;height:100%;object-fit:contain;display:block}.signature-renderer{position:absolute;inset:0;pointer-events:none}.signature-renderer[data-ready=true]{pointer-events:none}.signature-renderer canvas{width:100%;height:100%;display:block}.authored-plate{position:absolute;inset:0;overflow:hidden}.authored-plate>img,.authored-layer{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;transform-origin:center}.authored-layer svg{width:100%;height:100%;display:block}.signature-caption{max-width:1376px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;border-bottom:1px solid var(--demo-line);font:12px/1.4 var(--demo-mono)}.signature-caption>a{display:flex;align-items:center;gap:12px;width:fit-content}.signature-caption>a:first-child{font-family:var(--demo-sans);font-size:16px;font-weight:500}.signature-controls{display:flex;align-items:center;gap:8px}.signature-controls button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.signature-controls button:hover{background:var(--demo-surface)}.signature-controls button:disabled{opacity:.4;cursor:default}.signature-count{font-size:10px;color:var(--demo-muted);min-width:52px;text-align:center}.signature-caption .signature-browse{justify-self:end}.destination-row{max-width:1440px;margin:auto;display:flex;justify-content:center;gap:52px;padding:24px 32px;font:12px/1.5 var(--demo-mono)}.destination-row a{display:flex;align-items:center;gap:14px}.destination-row a:hover,.signature-caption a:hover{color:var(--demo-accent)}.demo-portfolio{padding:32px;background:var(--demo-surface);scroll-margin-top:125px}.gallery-toolbar{max-width:1376px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font:12px/1.6 var(--demo-mono)}.collection-tabs,.category-tabs{display:flex;flex-wrap:wrap;gap:24px}.gallery-toolbar a{padding:8px 0;border-bottom:1px solid transparent;color:var(--demo-muted)}.gallery-toolbar a[aria-current=true]{border-color:var(--demo-ink);color:var(--demo-ink)}.category-tabs a[aria-current=true]{color:var(--demo-accent);border-color:var(--demo-accent)}.demo-grid{max-width:1376px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.demo-card{min-width:0;animation:card-in .4s both}.demo-card a{display:block}.demo-card-image{aspect-ratio:1;overflow:hidden;position:relative;background:transparent;transition:box-shadow .35s,transform .35s}.demo-card-image img{width:100%;height:100%;display:block;object-fit:contain}.demo-card a:hover .demo-card-image{transform:translateY(-3px);box-shadow:0 14px 24px #0000001a}.demo-card-label{display:flex;justify-content:space-between;gap:12px;padding-top:14px;align-items:start}.demo-card-label h2{font-size:14px;font-weight:500;line-height:1.5;margin:0;overflow-wrap:anywhere}.demo-card-label>span{font:10px/1.6 var(--demo-mono);color:var(--demo-muted);display:flex;align-items:center;gap:8px;flex-shrink:0}.demo-card-label svg{width:14px;height:14px}.gallery-end{max-width:1376px;display:flex;justify-content:center;gap:48px;align-items:center;margin:40px auto 16px;font:12px/1.6 var(--demo-mono)}.gallery-end button,.gallery-end a{display:flex;align-items:center;gap:16px;min-height:44px;border-bottom:1px solid var(--demo-line);padding:8px}.demo-project{max-width:1440px;padding:50px 32px;margin:auto}.demo-project-head{display:grid;grid-template-columns:1fr 300px;gap:48px;margin-bottom:44px}.demo-project-head h1{font-size:40px;line-height:1.2;margin:24px 0 16px;font-weight:500}.demo-project-head p{font-size:16px;line-height:1.8;max-width:660px;margin:0}.demo-project-head a{display:flex;align-items:center;gap:8px;font:12px var(--demo-mono)}.demo-project-head dl{font:11px/1.7 var(--demo-mono);margin:44px 0 0}.demo-project-head dt{color:var(--demo-muted);margin-top:16px}.demo-project-head dd{margin:4px 0 0}.project-main-image{display:block;text-align:center}.project-main-image img{display:block;max-width:100%;max-height:1000px;width:auto;height:auto;margin:auto}.project-details{display:grid;gap:64px;max-width:1120px;margin:72px auto}.project-details figure{margin:0}.project-details img{width:100%;height:auto;display:block}.project-details figcaption{font:10px var(--demo-mono);margin-top:12px;color:var(--demo-muted)}.project-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;border-top:1px solid var(--demo-line);padding:32px 0;margin-top:64px;font:12px/1.5 var(--demo-mono)}.project-pagination a{display:flex;align-items:center;gap:12px}.project-pagination a:last-child{justify-self:end;text-align:right}.demo-review{max-width:1120px;padding:56px 32px;margin:auto}.demo-review h1{font-size:40px;font-weight:500}.demo-review h2{font-size:22px}.demo-review p{font-size:14px;line-height:1.7;color:var(--demo-muted)}.review-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:40px 0;border-top:1px solid var(--demo-line)}.review-links a{display:flex;justify-content:space-between;gap:20px;padding:28px 16px;border-bottom:1px solid var(--demo-line)}.review-links span{display:flex;align-items:center;gap:8px;font:12px var(--demo-mono)}.demo-review form{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.demo-review form>h2,.demo-review form>p,.review-notes{grid-column:1/-1}.demo-review label{display:grid;gap:10px;font-size:13px}.demo-review select,.demo-review textarea{width:100%;padding:12px;border:1px solid var(--demo-line);background:var(--demo-page);color:var(--demo-ink);font:14px var(--demo-sans)}.demo-review button{display:flex;align-items:center;gap:12px;justify-self:start;min-height:44px;border-bottom:1px solid var(--demo-ink)}.demo-review .review-checkpoint{margin-top:48px;font:11px var(--demo-mono)}.demo-dark .signature{padding-top:24px}.demo-dark .signature-stage{height:min(660px,calc(100svh - 360px))}.demo-dark .signature-caption{border-color:#35383a}.demo-dark .signature-plate{filter:drop-shadow(0 20px 40px #0008)}.demo-dark .demo-grid{gap:40px 20px}.demo-dark .demo-card-label h2{font-size:15px}.demo-dark .destination-row{justify-content:space-between;padding-right:8%;padding-left:8%}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1600px){.signature-stage{height:660px}.signature{padding-top:24px}}@media(max-width:1000px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-stage{height:560px;min-height:0}.signature-caption{grid-template-columns:1fr auto}.signature-browse{display:none!important}.demo-project-head{grid-template-columns:1fr 220px;gap:28px}.demo-dark .signature-stage{height:560px}.review-links{grid-template-columns:1fr}}@media(max-width:650px){.signature{padding:12px 16px 0}.signature-stage,.demo-dark .signature-stage{height:auto;aspect-ratio:1;min-height:0}.signature-plate{width:100%;height:auto}.signature-caption{min-height:100px;gap:8px;grid-template-columns:1fr}.signature-caption>a:first-child{font-size:15px;margin-top:16px}.signature-controls{justify-self:end;margin-top:-3px;margin-bottom:8px}.signature-count{min-width:44px}.signature-controls button{width:36px;height:36px}.destination-row,.demo-dark .destination-row{padding:20px 16px;gap:20px;justify-content:space-between;font-size:10px}.destination-row a{gap:4px}.destination-row svg{width:13px}.demo-portfolio{padding:20px 16px;scroll-margin-top:140px}.gallery-toolbar{gap:10px;margin-bottom:20px}.collection-tabs{gap:18px}.category-tabs{gap:20px}.gallery-toolbar{font-size:11px}.demo-grid{grid-template-columns:1fr;gap:28px}.demo-card-label h2{font-size:15px}.gallery-end{flex-wrap:wrap;gap:20px}.demo-project{padding:28px 16px}.demo-project-head{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.demo-project-head h1{font-size:30px;overflow-wrap:anywhere}.demo-project-head dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:8px}.demo-project-head dt,.demo-project-head dd{margin:0}.project-details{gap:36px;margin:40px 0}.project-pagination{grid-template-columns:1fr 1fr;font-size:10px;gap:20px}.project-pagination a:nth-child(2){grid-column:1/-1;grid-row:2;justify-self:center}.demo-review{padding:32px 16px}.demo-review h1{font-size:30px}.demo-review form{grid-template-columns:1fr}.review-links a{padding:24px 0}.review-links span{font-size:10px}}@media(prefers-reduced-motion:reduce){.demo-card{animation:none}.demo-card-image{transition:none}.demo-card a:hover .demo-card-image{transform:none}}