.preview-statement{display:block;padding:100px var(--g) 85px;scroll-margin-top:80px}
.preview-heading{display:grid;grid-template-columns:1.8fr 1fr;align-items:end;gap:40px;margin-bottom:48px}
.preview-heading .eyebrow{font-size:10px;letter-spacing:.08em}
.preview-statement .preview-heading h2{font-size:clamp(38px,4.5vw,76px);line-height:1.16;margin:25px 0 0;letter-spacing:-.06em}
.preview-heading>p{font-size:16px;line-height:1.85;justify-self:end;padding-bottom:5px;color:#756b7f}.preview-heading>p strong{color:var(--ink);font-weight:550}
.preview-body{display:grid;grid-template-columns:1.45fr 1fr;gap:5vw;align-items:start}
.preview-showcase{min-width:0}
.preview-selector{display:flex;gap:22px;border-bottom:1px solid #211d2930;margin-bottom:20px}
.preview-selector button{padding:12px 0 15px;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px;color:#746b7d;position:relative}
.preview-selector button[aria-pressed=true]{color:var(--purple);border-color:var(--purple);font-weight:650}
.preview-selector button:hover{color:var(--purple)}
.preview-browser{background:#282630;box-shadow:0 18px 30px -25px #211d2990;border:1px solid #211d2920}
.preview-toolbar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:8px;letter-spacing:.1em;color:#c6bfce}
.preview-toolbar>span:first-child{font-size:6px;letter-spacing:3px;color:#8a8294}.preview-toolbar>b{font-weight:500}
.preview-image-button{position:relative;display:block;width:100%;height:clamp(325px,31vw,540px);padding:0;overflow:hidden;text-align:left;background:#232e30;isolation:isolate}
.preview-image-button>img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;display:block;transition:object-position 2.2s cubic-bezier(.2,.7,.2,1),filter .45s}
@media(hover:hover){.preview-image-button:hover>img{object-position:50% 22%;filter:brightness(.88)}}
.preview-expand{position:absolute;right:20px;bottom:20px;display:flex;gap:28px;align-items:center;background:#f0ede7;color:#211d29;font-size:11px;padding:12px 16px;box-shadow:0 2px 20px #0002}
.preview-expand i{font-size:23px;font-style:normal;transition:transform .3s}.preview-image-button:hover .preview-expand i{transform:rotate(45deg)}
.preview-caption{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-top:22px}
.preview-caption>div>span{font-size:10px;color:#796f83}.preview-caption h3{font-size:23px;font-weight:550;letter-spacing:-.045em;margin-top:8px}
.preview-caption>p{font-size:12px;line-height:1.8;color:#655b70;padding-top:3px;word-break:keep-all}
.preview-disclaimer{font-size:10px;line-height:1.8;margin-top:15px;color:#857b8d;word-break:keep-all;max-width:640px}
.preview-side-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:8px 0 22px}.preview-side-heading>span{font-size:11px;color:var(--purple);line-height:1.7;margin-top:4px}
.preview-side-heading h3{font-size:clamp(27px,2.5vw,42px);font-weight:550;line-height:1.15;letter-spacing:-.05em}
.preview-deliverables ol{padding:0;margin:0;list-style:none}
.preview-deliverables li{display:grid;grid-template-columns:27px 1fr;gap:16px;border-top:1px solid #211d2930;padding:22px 0}
.preview-step{font-size:11px;line-height:2.1;color:#8a7d98}.preview-deliverables h4{margin:0;font-size:clamp(16px,1.5vw,24px);font-weight:550;letter-spacing:-.04em;line-height:1.5;word-break:keep-all}
.preview-deliverables h4 em{color:var(--purple);font-style:normal;white-space:nowrap}
.preview-deliverables li p{font-size:13px;line-height:1.8;color:#746a7d;margin-top:10px;word-break:keep-all}
.preview-deliverables li small{display:block;font-size:11px;color:#39264e;margin-top:12px}.preview-deliverables li small:before{content:'↳';color:var(--purple);margin-right:8px}
.preview-decision{margin-top:40px;padding:30px 35px;background:#e2d8f1;display:flex;justify-content:space-between;align-items:center;gap:30px;border-left:3px solid var(--purple)}
.preview-decision>div>span{font-size:9px;letter-spacing:.07em;color:var(--purple)}.preview-decision h3{font-size:clamp(21px,2vw,32px);font-weight:550;letter-spacing:-.04em;line-height:1.4;margin-top:9px}
.preview-decision .solid-action{min-width:300px;font-size:15px;padding:20px 25px;min-height:62px}.preview-decision p{font-size:10px;color:#756583;margin-top:12px;line-height:1.6;word-break:keep-all}
.preview-statement button:focus-visible,.preview-statement a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
@media(max-width:1100px){.preview-body{gap:35px;grid-template-columns:1.3fr 1fr}.preview-heading>p{font-size:14px}.preview-selector{gap:17px}.preview-selector button{font-size:11px}.preview-side-heading{display:block;padding-top:9px}.preview-side-heading h3{font-size:30px;margin-top:15px}.preview-side-heading h3 br{display:none}.preview-deliverables li{padding:18px 0;gap:8px}.preview-deliverables li p{font-size:12px}.preview-caption{display:block}.preview-caption>p{margin-top:12px}.preview-image-button{height:400px}.preview-decision{padding:25px}.preview-decision .solid-action{min-width:260px;font-size:13px}}
@media(max-width:700px){.preview-statement{padding:65px var(--g);scroll-margin-top:65px}.preview-heading{display:block;margin-bottom:30px}.preview-heading .eyebrow{font-size:8px}.preview-statement .preview-heading h2{font-size:9.7vw;margin-top:20px;line-height:1.2}.preview-heading>p{margin-top:22px;font-size:13px;line-height:1.8}.preview-heading>p br:first-child{display:none}.preview-heading>p strong{display:block}.preview-body{display:flex;flex-direction:column;gap:32px}.preview-showcase{width:100%}.preview-selector{gap:0;justify-content:space-between;margin-bottom:16px}.preview-selector button{font-size:10px;min-height:44px;padding:12px 0}.preview-image-button{height:66vw;min-height:220px;max-height:400px}.preview-toolbar{height:30px;padding:0 12px;font-size:7px}.preview-expand{bottom:12px;right:12px;padding:9px 12px;gap:15px;font-size:10px}.preview-caption{display:flex;gap:15px;margin-top:18px}.preview-caption h3{font-size:18px}.preview-caption>p{font-size:10px;margin-top:0;max-width:47%}.preview-caption>div>span{font-size:8px}.preview-disclaimer{font-size:9px;margin-top:13px}.preview-deliverables{width:100%}.preview-side-heading{display:flex;align-items:center;padding:0 0 20px}.preview-side-heading h3{margin:0;font-size:27px}.preview-side-heading h3 br{display:block}.preview-side-heading>span{font-size:10px}.preview-deliverables li{padding:20px 0;gap:12px}.preview-deliverables h4{font-size:18px}.preview-deliverables li p{font-size:12px}.preview-deliverables li small{font-size:10px}.preview-decision{display:block;margin-top:15px;padding:25px 22px}.preview-decision h3{font-size:22px;word-break:keep-all}.preview-decision .solid-action{margin-top:24px;width:100%;min-width:0;font-size:12px;padding:16px;min-height:55px}.preview-decision p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.preview-image-button>img{transition:none}.preview-expand i{transition:none}}
.reduced .preview-image-button>img{transition:none}
@media(max-width:700px){.preview-heading>p{justify-self:start}.preview-heading>p br:first-child{display:initial}}

/* Curated projects: image-led browsing, scoped to the requested preview. */
.reference-gallery{--gallery-line:#211d2926;min-width:0}
.reference-gallery-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gallery-line);margin-bottom:20px;gap:16px}
.reference-filters{display:flex;gap:26px}
.reference-filters button{font-size:14px;font-weight:550;padding:15px 0;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:48px;color:#807487}
.reference-filters button b{font:10px Arial;vertical-align:super;margin-left:6px}
.reference-filters button[aria-pressed=true]{color:var(--purple);border-color:var(--purple)}
.reference-gallery-head>span{font-size:9px;letter-spacing:.1em;color:#766c80}
.reference-gallery .preview-image-button{height:auto;aspect-ratio:1.62;background:#e5e1dc}
.reference-gallery .preview-image-button>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:none}
.reference-gallery .preview-image-button:hover>img{object-position:top;filter:none}
.reference-gallery .preview-expand{border:1px solid #fff8;background:#f0ede7ed;backdrop-filter:blur(12px);font-size:12px;right:18px;bottom:18px}
.reference-status{position:absolute;left:15px;bottom:15px;max-width:65%;font-size:11px;background:#f0ede7;color:#211d29;pointer-events:none;padding:7px 10px}.reference-status:empty{display:none}
.reference-selection{display:flex;align-items:center;justify-content:space-between;padding:23px 0 18px;gap:16px}
.reference-kind{font-size:8px;letter-spacing:.12em;color:#817589}.reference-selection h3{margin:7px 0 0;font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.3}
.reference-arrows{display:flex;gap:8px}.reference-arrows button{display:grid;place-items:center;border:1px solid #211d2940;border-radius:50%;width:46px;height:46px;font-size:23px;transition:background .2s,color .2s,border-color .2s}.reference-arrows button:hover{background:var(--purple);border-color:var(--purple);color:white}
.reference-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/5);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:#b7a6d4 #e5ddec}
.reference-rail button{min-width:0;text-align:left;scroll-snap-align:start;border-bottom:2px solid transparent;padding-bottom:8px;opacity:.6;transition:opacity .2s,border-color .2s}.reference-rail button[hidden]{display:none}.reference-rail button:hover,.reference-rail button[aria-pressed=true]{opacity:1}.reference-rail button[aria-pressed=true]{border-color:var(--purple);color:var(--purple)}
.reference-rail img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;background:#ddd5e7;border:1px solid #211d2915;margin-bottom:9px}.reference-rail span{font-size:10px;line-height:1.4;display:block;white-space:nowrap}
.reference-gallery .preview-disclaimer{margin-top:12px;font-size:11px;color:#756b7d}
#reference-project{width:min(1240px,96vw);max-width:96vw;height:92vh;max-height:92vh;margin:auto;padding:0;background:#f0ede7;color:#211d29;border:0;overflow:auto;overscroll-behavior:contain}
#reference-project .dialog-top{position:sticky;top:0;background:#f0ede7f5;backdrop-filter:blur(16px);z-index:2;padding:18px 25px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #211d2925}
#reference-title{font-size:18px;font-weight:550;margin:0;flex:1;letter-spacing:-.02em}
#reference-project .reference-arrows{align-items:center;gap:12px}.reference-dialog-count{font-size:11px;min-width:36px;text-align:center}
#reference-project [data-close]{font-size:14px;min-height:44px;padding:0 10px}
#reference-project>img{display:block;width:100%;height:auto;max-height:none;margin:0}
#reference-project button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(min-width:1101px){.preview-body:has(.reference-gallery){grid-template-columns:1.8fr 1fr;gap:4vw}.preview-body:has(.reference-gallery) .preview-deliverables{padding-top:10px}}
@media(max-width:1100px) and (min-width:701px){.preview-body:has(.reference-gallery){grid-template-columns:1fr}.preview-body:has(.reference-gallery) .preview-deliverables ol{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.preview-body:has(.reference-gallery) .preview-side-heading{display:flex;align-items:center}}
@media(max-width:700px){.reference-gallery-head{margin-bottom:16px;gap:8px}.reference-gallery-head>span{display:none}.reference-filters{width:100%;gap:27px}.reference-filters button{font-size:13px}.reference-filters button b{font-size:9px}.reference-gallery .preview-image-button{min-height:0;max-height:none;aspect-ratio:1.38}.reference-gallery .preview-expand{font-size:10px;padding:9px 12px;bottom:10px;right:10px;gap:18px}.reference-selection{padding:19px 0 15px}.reference-selection h3{font-size:21px}.reference-kind{font-size:7px}.reference-rail{grid-auto-columns:30%;gap:9px}.reference-rail span{font-size:10px}.reference-gallery .preview-disclaimer{font-size:10px;line-height:1.7}.reference-arrows button{width:44px;height:44px}#reference-project{width:100vw;max-width:100vw;height:96dvh;max-height:96dvh}#reference-project .dialog-top{padding:10px 12px;gap:6px;flex-wrap:wrap}#reference-title{font-size:14px;flex-basis:calc(100% - 80px)}#reference-project .reference-arrows{order:3;justify-content:center;width:100%;gap:20px}#reference-project .reference-arrows button{width:40px;height:40px}.reference-status{font-size:10px;bottom:55px}}
@media(prefers-reduced-motion:reduce){.reference-gallery *{scroll-behavior:auto!important;transition:none!important}}

/* Complete collection: each industry exposes all of its designs. */
.reference-industries{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.reference-industries[hidden]{display:none}
.reference-industries button{font-size:12px;padding:11px 16px;min-height:44px;border:1px solid #211d292b;border-radius:3px;color:#655a70}
.reference-industries button b{font-size:10px;font-weight:400;margin-left:8px}
.reference-industries button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.reference-industries button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.reference-rail span{white-space:normal;word-break:keep-all;min-height:2.8em}
@media(max-width:700px){.reference-industries{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.reference-industries button{padding:10px 8px;font-size:12px}.reference-rail{grid-auto-columns:38%}}