.portfolio-gallery{width:100%;min-width:0;margin:28px 0}.portfolio-axis{position:relative;height:510px;overflow:hidden;touch-action:pan-y;perspective:1400px}.portfolio-client{position:absolute;width:clamp(220px,34vw,350px);left:calc(50% - clamp(110px,17vw,175px));top:24px;transform:translateX(calc(var(--offset)*115%)) scale(var(--depth));transform-origin:center;text-decoration:none;color:#fff;transition:transform 400ms cubic-bezier(.6,0,.1,1);border-radius:18px;overflow:hidden;background:#071525;box-shadow:0 12px 32px #0002}.portfolio-client>img{width:100%;height:280px;display:block;object-fit:cover}.portfolio-entry{display:grid;grid-template-columns:1fr;text-align:center;gap:8px;padding:16px;background:radial-gradient(ellipse at 40% 40%,#244e7e,#071525 85%)}.portfolio-entry strong{font:normal clamp(23px,3vw,34px) Georgia,serif}.portfolio-entry small{color:#e6e9ee;font-size:14px}.portfolio-entry>span{border:1px solid #ffffff60;border-radius:28px;min-height:44px;display:grid;place-items:center;font:16px system-ui}.portfolio-client[data-theme="olive"] .portfolio-entry,.portfolio-client[data-theme="earth"] .portfolio-entry{background:radial-gradient(ellipse at 40% 40%,#665a32,#202218 85%)}.portfolio-gallery nav{display:flex;align-items:center;justify-content:center;gap:20px}.portfolio-gallery nav button,.board-tools button,.board-viewer button{min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #b4aa98;border-radius:24px;background:#f6f2ea;color:#2a2620;font:14px system-ui;cursor:pointer}.portfolio-client:focus-visible,.board-media:focus-visible{outline:3px solid #8a7555;outline-offset:5px}.project-page{margin:0;background:#e8e2d7;color:#2a2620;font-family:system-ui}.project-heading{padding:16px;display:flex;align-items:center;gap:24px;min-height:60px}.project-heading h1{font:normal 25px Georgia,serif;margin:0}.project-heading a{color:inherit;min-height:44px;display:flex;align-items:center}.board-viewport{height:calc(100dvh - 180px);min-height:360px;overflow:hidden;position:relative;touch-action:none;background:#f8f6f1}.board-canvas{position:absolute;transform-origin:0 0}.board-lines{position:absolute;inset:0;stroke:#afa99e;stroke-width:1}.board-media{position:absolute;width:260px;padding:8px;background:#fff;border:1px solid #d2cec5;box-shadow:0 3px 8px #0001;text-align:left;color:#2a2620;cursor:pointer}.board-media img{display:block;width:100%;height:205px;object-fit:contain;background:#f5f3ef}.board-media small{display:block;padding:8px 2px;font:13px system-ui}.board-film{display:grid;height:205px;place-items:center;background:#252820;color:#fff;font:24px Georgia}.board-tools{display:flex;justify-content:center;gap:12px;padding:12px}.board-help{text-align:center;font-size:13px;margin:0 16px 16px}.board-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#080808;color:white}.board-stage{position:absolute;inset:0;display:grid;place-items:center}.board-stage>*{width:100%;height:100%;object-fit:contain;max-height:100dvh}.board-viewer .board-close{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:12px}.board-viewer nav{position:absolute;bottom:calc(64px + env(safe-area-inset-bottom));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.board-viewer nav>*{pointer-events:auto}.board-viewer [role=status]{padding:8px;background:#222c;border-radius:20px}.board-viewer button{background:#242424df;color:#fff;border-color:#fff4}@media(max-width:600px){.portfolio-axis{height:455px}.portfolio-client>img{height:240px}.portfolio-entry{padding:12px;gap:6px}}@media(prefers-reduced-motion:reduce){.portfolio-client{transition:none}}@supports not(height:100dvh){.board-viewer{height:100vh}.board-viewport{height:70vh}}

.board-inquiry{display:block;text-align:center;padding:12px;min-height:44px;color:inherit}.board-media:active{opacity:.7}.portfolio-client:active{filter:brightness(.9)}