/* Contact popover and a compact model workspace. */
.contact-area{position:relative;flex-shrink:0}button.contact-link{display:block;background:none;border:0;border-bottom:1px solid #333;border-radius:0;font:inherit;font-size:12px;padding:10px 0;cursor:pointer}.contact-card{position:absolute;top:calc(100% + 20px);right:0;width:320px;max-width:calc(100vw - 32px);padding:22px 24px 25px;background:#fff;border:1px solid #e1e4dd;border-radius:17px;box-shadow:0 18px 55px #25312624;text-align:left;z-index:35}.contact-card-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.contact-card-heading h2{margin:0;font-size:18px;letter-spacing:0;font-weight:600}.contact-card-heading button{padding:5px;background:none;border:0;display:grid;place-items:center}.contact-card-heading img{width:17px;height:17px}.contact-item+ .contact-item{margin-top:19px}.contact-item>span{font-size:10px;letter-spacing:1px;color:#8a9185;display:block;margin-bottom:7px}.contact-item>a{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere;color:#272e23}.contact-item>a:hover{color:#3154e8}
.case-page.compact-dialog{width:min(1050px,94vw);padding:0;background:#fff;border-radius:20px;overflow:auto;max-height:94vh}.compact-viewer.reference-viewer{border:0;border-radius:0;overflow:hidden}.compact-heading{padding:22px 28px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.compact-heading h2{font-size:27px;line-height:1.35;font-weight:600;letter-spacing:-.5px;margin:0}.compact-heading p{font-size:9px;letter-spacing:1.6px;color:#99a08f;margin:7px 0 0}.dialog-close{width:34px;height:34px;border:1px solid #e6e8e1;background:#f8f9f6;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.dialog-close img{width:16px;height:16px}.case-page #viewport.model-viewport{height:clamp(450px,65vh,720px);min-height:0;aspect-ratio:auto;overflow:hidden}.viewport-help{position:absolute;top:22px;left:24px;z-index:2;font-size:10px;color:#f0f2f3a6;display:flex;gap:8px;align-items:center;pointer-events:none}.viewport-help img{height:15px;width:13px;filter:brightness(0) invert(1);opacity:.65}.viewer-orientation{top:22px;right:22px;width:110px;height:110px;min-width:0;max-width:none}.viewer-statusbar.compact-status{padding:15px 24px;min-height:72px;background:#fff;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.triangle-stat{font-size:11px;color:#8d9688;white-space:nowrap;display:flex;align-items:center;gap:9px}.triangle-stat strong{font-size:13px;color:#485642;font-variant-numeric:tabular-nums;font-weight:600}.compact-status .toolbar{gap:7px}.compact-viewer .compact-status .toolbar button{min-height:37px;padding:0 14px;border-radius:9px;font-size:12px;background:#f7f8f5;border-color:#e7eae3}.compact-viewer .compact-status .toolbar button[aria-pressed=true]{border-color:#b4c5ff;background:#edf2ff;color:#2454e8}.compact-viewer .compact-status .toolbar .icon-button{width:38px;padding:0}.compact-status .icon-button img{width:19px;height:19px}.compact-status .tool-divider{height:22px;margin:0 4px;background:#e5e8e0}
#model-panel #animation-controls.animation-dock{position:absolute;bottom:20px;left:20px;right:20px;z-index:3;padding:13px 16px 15px;border:1px solid #ffffff24;border-radius:15px;background:#20272ce8;color:#eef2f5;box-shadow:0 10px 30px #0c131d35;backdrop-filter:blur(18px);font-size:12px;container-type:normal}.animation-dock-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.animation-dock .clip-list{display:flex;gap:6px;margin:0;overflow-x:auto;flex-wrap:nowrap;min-width:0}.animation-dock #clip-count{font-size:10px;color:#a7b0b9;white-space:nowrap;flex-shrink:0}#model-panel #animation-controls.animation-dock .clip-list button{font-size:12px;line-height:1.3;padding:7px 13px;border:1px solid #ffffff19;background:#ffffff09;color:#b9c4ce;border-radius:8px;white-space:nowrap}#model-panel #animation-controls.animation-dock .clip-list button[aria-pressed=true]{background:#3154e8;border-color:#5574fa;color:#fff}.animation-dock .timeline{display:flex;gap:12px;padding-top:12px;margin-top:0;border:0;align-items:center}#model-panel #animation-controls.animation-dock .play-toggle{width:32px;height:32px;min-width:32px;background:#f4f7fa;border:0;border-radius:50%;padding:0;display:grid;place-items:center}.animation-dock .play-toggle img{width:16px;height:16px;filter:none}.animation-dock .timeline-time{font-size:10px;color:#c3ccd5;min-width:85px}.animation-dock .timeline input[type=range]{height:21px}.animation-dock .timeline input[type=range]::-webkit-slider-runnable-track{height:5px;border:0;background:linear-gradient(to right,#6f8dff 0%,#6f8dff var(--progress,0%),#ffffff30 var(--progress,0%),#ffffff30 100%)}.animation-dock .timeline input[type=range]::-webkit-slider-thumb{width:13px;height:13px;background:#dfe7ff;margin-top:-4px}.animation-dock .timeline input[type=range]::-moz-range-track{height:5px;border:0;background:#ffffff30}.animation-dock .timeline input[type=range]::-moz-range-progress{height:5px;background:#6f8dff}.animation-dock .timeline input[type=range]::-moz-range-thumb{height:13px;width:13px;background:#dfe7ff}
.case-page .compact-viewer:fullscreen #viewport{height:calc(100dvh - 169px);aspect-ratio:auto;min-height:0}.compact-viewer:fullscreen .compact-heading{padding-top:18px;padding-bottom:15px}
@media(max-width:680px){button.contact-link{font-size:11px}.contact-card{top:calc(100% + 15px);width:295px;padding:20px}.compact-heading{padding:18px 18px 16px}.compact-heading h2{font-size:23px}.compact-heading p{font-size:8px;margin-top:6px}.dialog-close{height:30px;width:30px}.case-page.compact-dialog{width:96vw;max-height:95dvh;border-radius:16px}.case-page #viewport.model-viewport{height:clamp(420px,64dvh,580px)}.viewport-help{top:16px;left:16px;font-size:9px;gap:6px}.viewer-orientation{width:84px;height:84px;top:15px;right:15px}.viewer-statusbar.compact-status{padding:12px 14px;min-height:64px;gap:10px}.triangle-stat{font-size:10px;gap:6px}.triangle-stat strong{font-size:12px}.compact-viewer .compact-status .toolbar{gap:5px}.compact-viewer .compact-status .toolbar button{font-size:11px;min-height:34px;padding:0 11px}.compact-viewer .compact-status .toolbar .icon-button{width:34px}.compact-status .tool-divider{height:20px;margin:0 2px}.compact-status .icon-button img{width:17px;height:17px}#model-panel #animation-controls.animation-dock{left:12px;right:12px;bottom:13px;padding:11px 12px 12px;border-radius:12px}.animation-dock-top{gap:10px}.animation-dock #clip-count{font-size:9px}#model-panel #animation-controls.animation-dock .clip-list button{font-size:11px;padding:6px 11px}.animation-dock .timeline{gap:10px;padding-top:10px}.animation-dock .timeline-time{font-size:9px;min-width:77px}#model-panel #animation-controls.animation-dock .play-toggle{height:29px;width:29px;min-width:29px}.animation-dock .play-toggle img{width:15px;height:15px}.case-page .compact-viewer:fullscreen #viewport{height:calc(100dvh - 146px);min-height:0}}
@media(max-width:370px){.viewer-statusbar.compact-status{padding:11px 10px}.triangle-stat{gap:4px;font-size:9px}.triangle-stat strong{font-size:11px}.compact-viewer .compact-status .toolbar button{padding:0 8px}.compact-viewer .compact-status .toolbar .icon-button{width:31px}.compact-status .tool-divider{margin:0 1px}.animation-dock #clip-count{display:none}}
#model-panel.compact-viewer:fullscreen #viewport{height:calc(100dvh - 169px);min-height:0}@media(max-width:680px){#model-panel.compact-viewer:fullscreen #viewport{height:calc(100dvh - 146px);min-height:0}}

/* Latest action selector: buttons only, vertically centered on the left. */
#model-panel #animation-controls.animation-rail{position:absolute;top:50%;left:18px;right:auto;bottom:auto;transform:translateY(-50%);z-index:3;width:100px;max-height:calc(100% - 100px);padding:7px;background:#20272cd9;border:1px solid #ffffff24;border-radius:14px;box-shadow:0 6px 20px #0c131d2a;backdrop-filter:blur(14px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
.animation-rail #clips.clip-list{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:7px;margin:0;padding:0;overflow:visible}
#model-panel #animation-controls.animation-rail .clip-list button{position:relative;width:100%;min-height:42px;flex-shrink:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#cbd4de;font-size:13px;font-weight:500;line-height:1.35;text-align:left;white-space:normal;overflow-wrap:anywhere;transition:background .15s,color .15s,border-color .15s}
#model-panel #animation-controls.animation-rail .clip-list button:hover{background:#ffffff13;color:#fff}
#model-panel #animation-controls.animation-rail .clip-list button[aria-pressed=true]{background:#3154e8;border-color:#6681ff;color:#fff;box-shadow:0 3px 9px #102ba944}
#model-panel #animation-controls.animation-rail .clip-list button:focus-visible{outline:2px solid #b9c8ff;outline-offset:2px}
@media(max-width:680px){#model-panel #animation-controls.animation-rail{left:12px;width:83px;padding:6px;border-radius:12px;max-height:calc(100% - 100px)}.animation-rail #clips.clip-list{gap:6px}#model-panel #animation-controls.animation-rail .clip-list button{min-height:38px;padding:9px 10px;font-size:12px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){#model-panel #animation-controls.animation-rail .clip-list button{transition:none}}

/* Final placement: one row below the viewport, using the gizmo's neutral palette. */
#model-panel #animation-controls.action-strip{position:static;transform:none;padding:12px 24px;display:flex;align-items:center;justify-content:center;min-height:62px;background:#f2f3f3;border-bottom:1px solid #e3e6e7;border-top:1px solid #e3e6e7;overflow:hidden}
.action-strip #clips.clip-list{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;padding:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b1b7bb transparent}
#model-panel #animation-controls.action-strip .clip-list button{flex-shrink:0;min-width:80px;min-height:37px;padding:8px 20px;border:1px solid #d7dcdf;border-radius:9px;background:#fbfcfc;color:#5a6268;font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
#model-panel #animation-controls.action-strip .clip-list button:hover{background:#e5e8e9;border-color:#c7cdd1;color:#242a2e}
#model-panel #animation-controls.action-strip .clip-list button[aria-pressed=true]{background:#565e64;border-color:#565e64;color:#fff;box-shadow:0 2px 4px #1c252b12}
#model-panel #animation-controls.action-strip .clip-list button:focus-visible{outline:2px solid #919ba3;outline-offset:2px}
#model-panel.compact-viewer:fullscreen{display:flex;flex-direction:column;height:100dvh;overflow:hidden}#model-panel.compact-viewer:fullscreen .compact-heading,#model-panel.compact-viewer:fullscreen .viewer-statusbar,#model-panel.compact-viewer:fullscreen #animation-controls{flex:0 0 auto}#model-panel.compact-viewer:fullscreen #viewport{flex:1 1 auto;height:auto!important;min-height:0;aspect-ratio:auto}
@media(max-width:680px){#model-panel #animation-controls.action-strip{padding:11px 16px;min-height:59px}.action-strip #clips.clip-list{gap:7px}#model-panel #animation-controls.action-strip .clip-list button{min-width:72px;min-height:35px;padding:8px 17px;font-size:12px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){#model-panel #animation-controls.action-strip .clip-list button{transition:none}}

/* Compact action buttons float inside the viewport; no full-width bar. */
#model-panel #animation-controls.action-floating{position:absolute;left:50%;right:auto;top:auto;bottom:16px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:max-content;max-width:calc(100% - 32px);min-height:0;padding:6px;background:#eef0f2e8;border:1px solid #ffffff9c;border-radius:13px;box-shadow:0 5px 18px #111c272e;backdrop-filter:blur(12px);overflow:hidden}
.action-floating #clips.clip-list{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;margin:0;padding:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a3abb0 transparent}
#model-panel #animation-controls.action-floating .clip-list button{flex-shrink:0;min-width:70px;min-height:34px;padding:7px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#5e666c;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .15s,color .15s}
#model-panel #animation-controls.action-floating .clip-list button:hover{background:#dfe3e5;color:#292f33}
#model-panel #animation-controls.action-floating .clip-list button[aria-pressed=true]{background:#565e64;border-color:#565e64;color:#fff;box-shadow:0 2px 5px #25303920}
#model-panel #animation-controls.action-floating .clip-list button:focus-visible{outline:2px solid #8c989f;outline-offset:-2px}
@media(max-width:680px){#model-panel #animation-controls.action-floating{bottom:13px;padding:5px;max-width:calc(100% - 24px);border-radius:11px}#model-panel #animation-controls.action-floating .clip-list button{min-width:64px;min-height:32px;padding:6px 13px;font-size:11px;border-radius:7px}}
@media(prefers-reduced-motion:reduce){#model-panel #animation-controls.action-floating .clip-list button{transition:none}}

/* Viewport HUD: hint/statistics at left, model tools directly to their right. */
.viewport-hud{position:absolute;top:20px;left:24px;z-index:4;display:flex;align-items:flex-start;gap:18px;width:max-content;max-width:calc(100% - 48px)}.hud-info{display:flex;flex-direction:column;justify-content:center;gap:7px;padding-top:2px;flex-shrink:0}.hud-hint{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.4;color:#c1c6ca;white-space:nowrap;pointer-events:none}.hud-hint img{width:13px;height:15px;filter:brightness(0) invert(1);opacity:.65}.viewport-hud .triangle-stat{display:flex;align-items:center;gap:7px;padding-left:20px;font-size:10px;line-height:1.4;color:#939ca3;pointer-events:none}.viewport-hud .triangle-stat strong{font-size:11px;font-weight:500;color:#adb5bc;font-variant-numeric:tabular-nums}.compact-viewer .viewport-hud .toolbar{gap:4px;padding:4px;flex-wrap:nowrap;align-items:center;background:#eceff1ed;border:1px solid #ffffff70;border-radius:11px;box-shadow:0 4px 14px #0a18241a;backdrop-filter:blur(12px)}.compact-viewer .viewport-hud .toolbar button{min-height:31px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#58636c;font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap}.compact-viewer .viewport-hud .toolbar button:hover{background:#dce1e5;color:#2b3339}.compact-viewer .viewport-hud .toolbar button[aria-pressed=true]{color:#fff;border-color:#69747d;background:#69747d}.compact-viewer .viewport-hud .toolbar .icon-button{width:31px;min-height:31px;padding:0;display:grid;place-items:center}.viewport-hud .icon-button img{height:17px;width:17px}.viewport-hud .tool-divider{height:18px;margin:0 3px;background:#cbd2d7}.compact-viewer .viewport-hud .toolbar button:focus-visible{outline:2px solid #a7b8c5;outline-offset:1px}.compact-viewer .viewport-hud .toolbar button:disabled{opacity:.4;cursor:wait}
@media(max-width:680px){.viewport-hud{top:15px;left:16px;gap:13px;max-width:calc(100% - 32px)}.hud-hint{font-size:9px;gap:6px}.hud-hint img{width:12px;height:14px}.hud-info{gap:6px}.viewport-hud .triangle-stat{font-size:9px;padding-left:18px;gap:6px}.viewport-hud .triangle-stat strong{font-size:10px}.compact-viewer .viewport-hud .toolbar{padding:3px;gap:3px;border-radius:10px}.compact-viewer .viewport-hud .toolbar button{font-size:10px;min-height:29px;padding:0 9px}.compact-viewer .viewport-hud .toolbar .icon-button{width:29px;min-height:29px}.viewport-hud .icon-button img{width:16px;height:16px}.viewport-hud .tool-divider{margin:0 2px;height:17px}}
@media(max-width:520px){.viewport-hud{left:12px;top:13px;gap:11px;max-width:calc(100% - 24px)}.viewer-orientation{top:78px;right:13px;width:70px;height:70px}.hud-info{padding-top:1px}.compact-viewer .viewport-hud .toolbar button{padding:0 8px}.compact-viewer .viewport-hud .toolbar .icon-button{width:28px}}
@media(max-width:370px){.viewport-hud{gap:8px}.hud-hint{font-size:8px;gap:4px}.hud-hint img{height:12px;width:10px}.viewport-hud .triangle-stat{padding-left:14px;font-size:8px}.viewport-hud .triangle-stat strong{font-size:9px}.compact-viewer .viewport-hud .toolbar{gap:2px;padding:3px}.compact-viewer .viewport-hud .toolbar button{padding:0 7px;font-size:9px;min-height:27px}.compact-viewer .viewport-hud .toolbar .icon-button{width:27px;min-height:27px}.viewport-hud .tool-divider{margin:0 1px}}

/* Sphere mode icons and translucent action selector. */
.viewport-hud .mode-button.icon-button img{width:22px;height:22px}
.viewport-hud .mode-button.icon-button[aria-pressed="true"] img{filter:brightness(0) invert(1)}
#model-panel #animation-controls.action-floating{background:rgba(232,236,240,.5);border-color:rgba(255,255,255,.28);backdrop-filter:blur(9px)}
#model-panel #animation-controls.action-floating .clip-list button{color:#35424b}
#model-panel #animation-controls.action-floating .clip-list button.active{background:rgba(75,84,91,.84);border-color:transparent;color:#fff}
@media(max-width:680px){.viewport-hud .mode-button.icon-button img{width:20px;height:20px}}

/* Compact single-line title, dark translucent tools, lower action selector. */
.compact-heading{padding:14px 24px;gap:18px;min-height:62px}
.compact-heading>div{display:flex;align-items:center;gap:17px;min-width:0}
.compact-heading h2{font-size:24px;line-height:1.25;flex-shrink:0}
.compact-heading p{margin:0;padding-left:17px;border-left:1px solid #e2e6e1;font-size:9px;line-height:1.5;letter-spacing:1.1px;white-space:nowrap}
.compact-heading .dialog-close{width:30px;height:30px}
.compact-viewer:fullscreen .compact-heading{padding-top:14px;padding-bottom:14px}
.compact-viewer .viewport-hud .toolbar{background:rgba(28,34,39,.68);border-color:rgba(255,255,255,.14);box-shadow:0 4px 16px #11182026;backdrop-filter:blur(12px)}
.viewport-hud .icon-button img,.viewport-hud .mode-button.icon-button img{filter:brightness(0) invert(1);opacity:.83}
.compact-viewer .viewport-hud .toolbar button:hover{background:rgba(255,255,255,.12);color:#fff}
.compact-viewer .viewport-hud .toolbar button[aria-pressed=true]{background:rgba(220,227,232,.22);border-color:rgba(255,255,255,.2);color:#fff}
.viewport-hud .mode-button.icon-button[aria-pressed=true] img{opacity:1}
.viewport-hud .tool-divider{background:rgba(223,230,235,.2)}
#model-panel #animation-controls.action-floating{padding:3px;border-radius:10px}
#model-panel #animation-controls.action-floating .clip-list button{min-height:28px;padding:4px 14px;line-height:1.2;border-radius:7px}
#model-panel #animation-controls.action-floating .clip-list button[aria-pressed=true]{background:rgba(75,84,91,.84);border-color:transparent;color:#fff}
@media(max-width:680px){.compact-heading{padding:12px 16px;gap:12px;min-height:54px}.compact-heading>div{gap:11px}.compact-heading h2{font-size:20px}.compact-heading p{font-size:8px;letter-spacing:.6px;padding-left:11px}.compact-heading .dialog-close{width:28px;height:28px}.compact-viewer:fullscreen .compact-heading{padding-top:12px;padding-bottom:12px}#model-panel #animation-controls.action-floating{padding:3px;border-radius:9px}#model-panel #animation-controls.action-floating .clip-list button{min-height:26px;padding:4px 12px;line-height:1.2;border-radius:6px}}
@media(max-width:370px){.compact-heading{padding:11px 12px;gap:9px}.compact-heading>div{gap:8px}.compact-heading h2{font-size:18px}.compact-heading p{padding-left:8px;font-size:7px;letter-spacing:.4px}}

/* Tools first, followed by quiet guidance and geometry statistics. */
.viewport-hud{flex-direction:column;align-items:flex-start;gap:10px}
.viewport-hud .hud-info{gap:5px;padding-top:0;padding-left:1px}
.compact-viewer .viewport-hud .toolbar{background:rgba(232,236,240,.5);border-color:rgba(255,255,255,.28);border-radius:10px;box-shadow:0 4px 14px #111c2724;backdrop-filter:blur(9px)}
.viewport-hud .icon-button img,.viewport-hud .mode-button.icon-button img{filter:brightness(0) saturate(100%);opacity:.66}
.compact-viewer .viewport-hud .toolbar button:hover{background:rgba(255,255,255,.24);color:#35424b}
.compact-viewer .viewport-hud .toolbar button[aria-pressed=true]{background:rgba(75,84,91,.84);border-color:transparent;color:#fff}
.viewport-hud .mode-button.icon-button[aria-pressed=true] img{filter:brightness(0) invert(1);opacity:1}
.viewport-hud .tool-divider{background:rgba(65,77,86,.22)}
@media(max-width:680px){.viewport-hud{gap:9px}.viewport-hud .hud-info{gap:4px}}

/* Smaller model tool buttons and a tighter enclosing pill. */
.compact-viewer .viewport-hud .toolbar{gap:2px;padding:3px;border-radius:8px}
.compact-viewer .viewport-hud .toolbar .icon-button{width:26px;min-width:26px;height:26px;min-height:26px;border-radius:5px}
.viewport-hud .icon-button img{width:15px;height:15px}
.viewport-hud .mode-button.icon-button img{width:18px;height:18px}
.viewport-hud .tool-divider{height:15px;margin:0 2px}
@media(max-width:680px){.compact-viewer .viewport-hud .toolbar{padding:2px;gap:2px;border-radius:7px}.compact-viewer .viewport-hud .toolbar .icon-button{width:24px;min-width:24px;height:24px;min-height:24px;border-radius:4px}.viewport-hud .icon-button img{width:14px;height:14px}.viewport-hud .mode-button.icon-button img{width:17px;height:17px}.viewport-hud .tool-divider{height:14px;margin:0 1px}}

/* All four viewport tool icons use solid white in every enabled state. */
.viewport-hud .icon-button img,.viewport-hud .mode-button.icon-button img{filter:brightness(0) invert(1);opacity:1}

/* Mobile view cube aligns with the upper toolbar; model bytes precede triangles. */
@media(max-width:680px){.viewer-orientation{top:16px}}

/* Compact introduction and a dedicated, searchable tag toolbar. */
.hero{padding:34px 5% 22px}.hero .eyebrow{margin:0;font-size:9px;letter-spacing:1.8px;line-height:1.5}.hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.15;margin:17px 0 13px;letter-spacing:-1.8px}.hero .intro{font-size:12px;line-height:1.75;margin:0}
.works.section{padding-top:12px}.gallery-toolbar{position:sticky;top:94px;z-index:10;padding:12px 0 18px;background:#f7f7f2f5;backdrop-filter:blur(14px)}.gallery-toolbar .filter-row{position:static;margin:0;padding:0;gap:12px;background:transparent;backdrop-filter:none}.gallery-toolbar .search{height:46px;padding:0 17px;gap:10px;background:#fff;border:1px solid #e2e4dd;border-radius:13px;color:#8a9187}.gallery-toolbar .search:focus-within{border-color:#8d9df0;box-shadow:0 0 0 3px #3154e80a}.gallery-toolbar .search svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.gallery-toolbar .search input{font-size:12px;outline:none;padding:10px 0}.gallery-toolbar .filters button{height:46px;padding:0 19px;border-radius:13px;font-size:12px;background:#252925;color:#fff;display:flex;align-items:center;gap:10px}.gallery-toolbar .filters sup{margin:0;font-size:9px;color:#e0e4dd;position:static}.tag-filter-row{display:flex;align-items:center;gap:13px;margin-top:12px}.tag-filter-row>span{font-size:10px;color:#979c93;flex-shrink:0}.tag-filters{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.tag-filters button{border:1px solid #e3e5de;background:transparent;border-radius:9px;padding:7px 14px;color:#777f73;font-size:11px;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.tag-filters button:hover{background:#e9ece4;border-color:#d3d9ca}.tag-filters button[aria-pressed=true]{border-color:#c9d3fe;background:#edf0ff;color:#3154e8}.gallery-toolbar .filters button[aria-pressed=false]{background:#e9ece4;color:#475342}.gallery-toolbar .filters button[aria-pressed=false] sup{color:#6f7a68}
.animation-badge{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:4px;padding:5px 8px 5px 6px;background:#28312f94;color:#fff;border:1px solid #ffffff35;backdrop-filter:blur(12px);border-radius:7px;font-size:10px;line-height:1.2;pointer-events:none}.animation-badge svg{width:13px;height:13px}
.contact-card{top:calc(100% + 12px);width:292px;padding:15px 16px 8px;border-radius:15px;box-shadow:0 12px 35px #2531261f}.contact-card-heading{margin:0 0 6px;gap:12px}.contact-card-heading h2{font-size:14px;line-height:1.4;letter-spacing:0}.contact-card-heading button{width:25px;height:25px;padding:5px;border-radius:50%;background:#f5f6f2}.contact-card-heading img{width:14px;height:14px}.contact-item{display:flex;align-items:center;gap:10px;padding:10px 0}.contact-item+.contact-item{margin:0;border-top:1px solid #f0f1eb}.contact-icon{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#f0f2ec;color:#76816e}.contact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.contact-item>div{min-width:0;flex:1}.contact-item>div>span{display:block;font-size:9px;color:#969e8e;line-height:1.4;margin-bottom:3px;letter-spacing:.4px}.contact-item a{display:block;font-size:13px;color:#343e2e;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.contact-arrow{color:#929c88;font-size:13px;align-self:center}
@media(max-width:680px){.hero{padding:26px 6% 20px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(30px,7.6vw,42px);line-height:1.16;margin:16px 0 12px;letter-spacing:-1.2px}.hero .intro{font-size:11px;line-height:1.8}.works.section{padding-top:6px}.gallery-toolbar{top:76px;padding:10px 0 16px}.gallery-toolbar .filter-row{gap:9px}.gallery-toolbar .search{height:42px;padding:0 13px;border-radius:12px;gap:8px}.gallery-toolbar .search input{font-size:11px}.gallery-toolbar .filters button{height:42px;padding:0 13px;font-size:11px;border-radius:12px;gap:6px}.tag-filter-row{margin-top:10px;gap:10px}.tag-filters{flex-wrap:nowrap;overflow-x:auto;padding:1px 2px 3px;scrollbar-width:thin;scrollbar-color:#d4d9ce transparent}.tag-filters button{padding:7px 12px;font-size:10px;border-radius:8px}.animation-badge{left:9px;top:9px;padding:4px 6px 4px 4px;font-size:9px;gap:2px}.animation-badge svg{width:12px;height:12px}.contact-card{top:calc(100% + 10px);padding:13px 14px 6px;width:278px}}
.contact-item>.contact-icon{display:grid;margin:0;letter-spacing:0}.contact-item>.contact-arrow{display:block;margin:0;letter-spacing:0}