/* Standalone, scoped additions for the four independent design presentations. */
html.detail-modal-open{overflow:hidden}
.design-reel{--reel-bg:#e7e5dc;--reel-ink:#25352d;--reel-muted:#616a60;--reel-line:#bec4b7;--reel-card:#f4f2eb;--reel-accent:#9f472b;padding:95px 6%;background:var(--reel-bg);color:var(--reel-ink);overflow:hidden}
.design-reel,.design-reel *{box-sizing:border-box}
.design-reel--ridge{--reel-bg:#25342e;--reel-ink:#f3f1e8;--reel-muted:#c0cbc0;--reel-line:#607466;--reel-card:#2d3d34;--reel-accent:#eba982}
.design-reel--forme{--reel-bg:#e9e2d7;--reel-ink:#3a3c31;--reel-muted:#626657;--reel-line:#b8bca9;--reel-card:#f3eee4;--reel-accent:#636f4d}
.design-reel--stillwater{--reel-bg:#e4ebe5;--reel-ink:#1c4848;--reel-muted:#4d6965;--reel-line:#a9bfb6;--reel-card:#f3f5ee;--reel-accent:#346c6b}
.design-reel--agency{--reel-bg:#090c17;--reel-ink:#f5f1ed;--reel-muted:#b5b7c5;--reel-line:#3e414e;--reel-card:#111624;--reel-accent:#ff9b95;font-family:Arial,Helvetica,sans-serif}
.design-reel .reel-heading,.design-reel .reel-track,.design-reel .reel-footer{max-width:1267px;margin-left:auto;margin-right:auto}
.design-reel .reel-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}
.design-reel .reel-eyebrow{font:600 10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--reel-muted);margin:0 0 24px}
.design-reel .reel-heading h2{font-size:clamp(38px,4.6vw,66px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:0;color:var(--reel-ink)}
.design-reel .reel-heading h2 em{font-family:Georgia,serif;font-weight:400}
.design-reel .reel-context{max-width:240px;flex-shrink:0}
.design-reel .reel-sample{display:block;font:600 11px/1.5 Arial,sans-serif;color:var(--reel-ink);margin-bottom:10px}
.design-reel .reel-context p{font:12px/1.65 Arial,sans-serif;color:var(--reel-muted);margin:0}
.design-reel .reel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 26px)/2);gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--reel-line) transparent;padding:4px 0 18px;overscroll-behavior-x:contain;scroll-behavior:smooth}
.design-reel .reel-card{scroll-snap-align:start;margin:0;background:var(--reel-card);border:1px solid var(--reel-line);padding:34px 36px;display:flex;flex-direction:column;min-height:355px}
.design-reel .reel-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;color:var(--reel-accent)}
.design-reel .reel-stars{font-size:15px;letter-spacing:3px}
.design-reel .reel-number{font:11px/1 Arial,sans-serif;letter-spacing:.06em;color:var(--reel-muted)}
.design-reel blockquote{font:400 clamp(28px,2.7vw,40px)/1.2 Georgia,serif;letter-spacing:-.04em;margin:0 0 18px;max-width:520px;color:var(--reel-ink)}
.design-reel .reel-detail{font:13px/1.7 Arial,sans-serif;color:var(--reel-muted);max-width:370px;margin:0 0 30px}
.design-reel .reel-card figcaption{display:flex;align-items:center;gap:13px;margin:auto 0 0;padding-top:12px;text-align:left}
.design-reel .reel-monogram{width:40px;height:40px;border:1px solid var(--reel-line);border-radius:50%;display:grid;place-items:center;font:22px/1 Georgia,serif;flex-shrink:0;color:var(--reel-accent)}
.design-reel figcaption strong{display:block;font:500 11px/1.5 Arial,sans-serif;color:var(--reel-ink)}
.design-reel figcaption small{display:block;font:10px/1.5 Arial,sans-serif;margin-top:3px;color:var(--reel-muted)}
.design-reel .reel-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px}
.design-reel .reel-footer>span{font:11px/1.5 Arial,sans-serif;color:var(--reel-muted)}
.design-reel .reel-controls{display:flex;gap:10px}
.design-reel .reel-controls button{border:1px solid var(--reel-line);background:transparent;color:var(--reel-ink);width:48px;height:48px;font:21px/1 Arial,sans-serif;border-radius:50%;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.design-reel .reel-controls button:hover:enabled{background:var(--reel-ink);color:var(--reel-bg);transform:translateY(-2px)}
.design-reel .reel-controls button:disabled{opacity:.35;cursor:default}
.design-reel :focus-visible{outline:2px solid var(--reel-accent);outline-offset:3px}
.design-reel [hidden]{display:none!important}
[data-detail-view]{position:relative}
.detail-open{position:absolute;right:16px;bottom:16px;z-index:4;display:flex;align-items:center;gap:15px;min-height:44px;padding:12px 16px;border:1px solid #b8c0b7;background:#f4f4eb;color:#233a33;font:11px/1.3 Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.detail-open:hover{transform:translateY(-3px);background:#e9eddf}
.detail-open:focus-visible{outline:3px solid #aa4d31;outline-offset:4px}
dialog.design-lightbox{margin:auto;width:min(1280px,94vw);max-width:94vw;max-height:92svh;padding:0;border:1px solid #72817a;background:#111b19;color:#f2f1e9;overflow:auto;box-shadow:0 30px 100px #00120a66}
dialog.design-lightbox::backdrop{background:#081513e8;backdrop-filter:blur(8px)}
.design-lightbox .lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.design-lightbox button{width:44px;height:44px;border:1px solid #788981;background:transparent;color:inherit;cursor:pointer;font-size:25px}
.design-lightbox button:focus-visible{outline:3px solid #f6cfad;outline-offset:3px}
.design-lightbox .lightbox-image{display:block;width:100%;height:auto;max-height:calc(92svh - 165px);object-fit:contain;background:#111b19}
.design-lightbox .lightbox-caption{padding:18px 22px;margin:0;font:12px/1.65 Arial,sans-serif;color:#d0dcd5}
@media(max-width:700px){.design-reel{padding:66px 6%}.design-reel .reel-heading{display:block;margin-bottom:30px}.design-reel .reel-heading h2{font-size:42px}.design-reel .reel-context{max-width:290px;margin-top:26px}.design-reel .reel-context p{font-size:11px}.design-reel .reel-track{grid-auto-columns:88%;gap:16px}.design-reel .reel-card{padding:27px 24px;min-height:380px}.design-reel blockquote{font-size:31px}.design-reel .reel-footer{gap:20px;margin-top:18px}.design-reel .reel-footer>span{font-size:10px;max-width:160px}.design-reel .reel-controls button{width:44px;height:44px}.detail-open{right:12px;bottom:12px;font-size:10px;padding:11px 13px}.design-lightbox .lightbox-top{padding:10px 14px;font-size:9px}.design-lightbox .lightbox-caption{font-size:11px;padding:15px}.design-lightbox .lightbox-image{max-height:calc(92svh - 190px)}}
@media(prefers-reduced-motion:reduce){.design-reel .reel-track{scroll-behavior:auto}.design-reel .reel-controls button,.detail-open{transition:none}.design-reel .reel-controls button:hover:enabled,.detail-open:hover{transform:none}dialog.design-lightbox::backdrop{backdrop-filter:none}}