@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-extrabold.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--blue:#2456f5;--ink:#111;--muted:#68707e;--rule:#e1e4e9;--pale:#f2f4f7;--gutter:clamp(22px,3.3vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.55 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{color:white;background:var(--blue)}.wrap{width:min(calc(100% - 2 * var(--gutter)),1700px);margin-inline:auto}.skip-link{position:fixed;z-index:20;top:-100px;left:20px;background:var(--ink);color:#fff;padding:15px}.skip-link:focus{top:20px}.site-header{border-bottom:1px solid var(--rule)}.header-inner{min-height:103px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.brand{position:relative;width:210px;aspect-ratio:6;overflow:hidden;display:block}.brand img{position:absolute;max-width:none;width:108.7%;height:auto;left:-4.35%;top:-54.2%}.header-inner nav{display:flex;align-self:stretch;gap:42px;align-items:center}.header-inner nav a{display:flex;align-items:center;gap:9px;position:relative;height:100%;font-weight:700;font-size:15px}.header-inner nav .active{color:var(--blue)}.header-inner nav .active:after{content:'';position:absolute;bottom:-1px;left:-5px;right:-5px;height:3px;background:var(--blue)}.header-inner nav a:hover{color:var(--blue)}.header-monogram{justify-self:end;width:47px;height:47px;border-radius:50%;overflow:hidden}.header-monogram img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.explorer{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.5fr);gap:clamp(38px,4vw,82px);padding-block:58px 60px;align-items:start}.project-index{padding-top:3px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.11em;margin:0 0 20px;line-height:1.6}.project-index .eyebrow{color:var(--muted)}h1{font-size:clamp(52px,5.2vw,91px);font-weight:800;line-height:1.01;letter-spacing:-.065em;margin:0 0 24px}.blue{color:var(--blue)}.intro{font-size:clamp(18px,1.6vw,25px);letter-spacing:-.03em;color:var(--muted);margin:0 0 38px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter{font-size:14px;font-weight:700;background:#f3f4f6;padding:10px 19px;border-radius:30px;transition:background .2s,color .2s}.filter:hover{background:#e6ebfc}.filter.selected{background:var(--blue);color:white}.project-list{border-top:1px solid var(--rule)}.project-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:18px;padding:25px 12px 25px 20px;border-bottom:1px solid var(--rule);transition:background .2s}.project-number{font-size:16px;color:var(--muted);font-variant-numeric:tabular-nums}.project-label strong{font-size:clamp(19px,1.55vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.04em;display:block}.project-label>span{font-size:15px;color:var(--muted);display:block;margin-top:5px;line-height:1.45}.row-arrow{font-size:23px;font-weight:400;color:var(--muted);transition:transform .2s}.project-row.selected:before{content:'';position:absolute;left:0;top:26px;bottom:26px;width:4px;border-radius:8px;background:var(--blue)}.project-row.selected strong,.project-row.selected .row-arrow{color:var(--blue)}.project-row:hover{background:#f7f9ff}.project-row:hover .row-arrow{transform:translate(2px,-2px)}.index-note{font-size:14px;line-height:1.7;color:var(--muted);margin:28px 0 0 20px}.project-stage{min-width:0}.project-panel{scroll-margin-top:25px;animation:appear .25s ease-out}.preview-shell{border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--pale)}.preview-caption{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;color:var(--muted);font-size:12px;line-height:1.4}.preview-caption>span:first-child{font-weight:700;letter-spacing:.065em}.bina-app{margin:0 17px;display:grid;grid-template-columns:84px minmax(0,1.7fr) minmax(150px,1fr);min-height:490px;background:white;border:1px solid #e2e5ea;border-radius:9px;overflow:hidden;box-shadow:0 4px 22px #15234906}.bina-sidebar{display:flex;flex-direction:column;border-right:1px solid #edf0f4;background:#fafbfc;padding:20px 10px}.bina-logo{font-weight:800;font-size:23px;letter-spacing:-.065em;align-self:center;margin-bottom:30px}.bina-read{font-size:14px;color:var(--blue);background:#eaf0ff;padding:10px 8px;border-radius:4px;font-weight:700;border-left:3px solid var(--blue)}.sidebar-bottom{font-size:12px;line-height:1.4;color:var(--muted);margin-top:auto;text-align:center}.reader{padding:24px 22px 15px;min-width:0}.reader-top{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-bottom:27px}.reader h2{font:700 clamp(29px,2.7vw,43px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 7px}.psalm-label{font:12px/1.5 Georgia,serif;letter-spacing:.055em;color:#78808d;margin:0 0 23px}.verse{width:100%;display:grid;grid-template-columns:14px 1fr;gap:9px;background:transparent;text-align:left;font:16px/1.53 Georgia,serif;padding:8px 6px;margin:0 0 7px -6px;border-radius:5px;transition:background .2s}.verse:hover{background:#f2f5ff}.verse.selected{background:#f7f9ff}.verse mark{background:transparent;color:inherit}.verse.selected mark{background:#dfe8ff;padding:2px 3px;border-radius:3px}.verse-number{font:12px/2 Manrope,sans-serif;color:#89909a}.reader-foot{font-size:12px;color:var(--muted);margin:18px 0 0 23px}.context-panel{min-width:0;border-left:1px solid #eff1f5;padding:23px 19px;background:#fcfdff}.context-label{color:var(--blue)!important;display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:13px;font-size:14px;font-weight:700;margin:0 0 26px!important}.context-label span{font-size:18px}.context-kicker{font-size:12px!important;letter-spacing:.055em;font-weight:700;margin:0 0 10px!important}.context-panel h3{font-size:20px;line-height:1.3;letter-spacing:-.035em;margin:0 0 16px}.context-panel p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.context-connection{border-top:1px solid var(--rule);margin-top:27px;padding-top:18px}.context-connection>span{font-size:12px;font-weight:700;letter-spacing:.04em}.context-connection p{font-size:13px;margin-top:9px}.preview-hint{font-size:12px;color:var(--muted);margin:12px 22px 14px}.preview-hint>span{color:var(--blue);font-size:16px;margin-right:7px}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}.project-kind{font-size:12px;letter-spacing:.075em;font-weight:700;color:var(--muted);margin:0 0 8px}.project-meta h2{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.055em;line-height:1.2;font-weight:800;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0}.status{font-size:14px;letter-spacing:0;color:var(--blue);border:1px solid #8fa7f8;border-radius:20px;padding:6px 12px;white-space:nowrap;font-weight:700}.meta-number{font-size:12px;color:var(--muted);white-space:nowrap}.project-description{font-size:17px;color:var(--muted);max-width:670px;line-height:1.7;margin:16px 0 0;letter-spacing:-.016em}.project-details{margin-top:21px}.project-details summary{display:inline-flex;gap:30px;align-items:center;cursor:pointer;color:var(--blue);font-size:14px;font-weight:700;list-style:none;user-select:none}.project-details summary::-webkit-details-marker{display:none}.project-details summary span{font-size:23px;line-height:1;font-weight:400;transition:transform .2s}.project-details[open] summary span{transform:rotate(45deg)}.project-details>div{padding:18px 0 0;border-top:1px solid var(--rule);margin-top:15px}.project-details>div p{font-size:16px;line-height:1.7;color:var(--muted);max-width:650px;margin:0 0 12px}
.identity-shell{background:#f5f5f5}.stationery-image{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.identity-caption{background:var(--blue);display:flex;align-items:center;justify-content:space-between;color:white;padding:22px 28px}.identity-caption>span{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.03em}.identity-caption img{width:95px;height:65px;object-fit:cover;mix-blend-mode:lighten}
.section-divider{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--rule);padding:20px 0;color:var(--muted);font-size:13px}.section-divider>span:first-child{font-size:12px;letter-spacing:.06em;font-weight:700}.section-divider a{color:var(--ink);font-size:14px}.section-divider a span{margin-left:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);align-items:center;padding-block:100px 110px}.about-art{aspect-ratio:1;overflow:hidden;background:var(--blue);border-radius:2px}.about-art img{height:100%;width:100%;object-fit:cover}.about-copy .eyebrow{font-size:12px;color:var(--muted);margin-bottom:23px}.about-copy h2{font-size:clamp(44px,4.5vw,72px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:0 0 30px}.about-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;letter-spacing:-.02em;max-width:600px;color:var(--muted);margin:0 0 18px}.contact-link{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--blue);margin-top:14px;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px}.contact-link:hover span{transform:translate(2px,-2px)}.email-address{display:block;width:fit-content;font-size:14px;color:var(--muted);margin-top:15px}.email-address:hover{color:var(--blue)}.site-footer{border-top:1px solid var(--rule);display:flex;align-items:center;gap:40px;padding-block:32px}.footer-brand{width:175px}.site-footer p{font-size:14px;color:var(--muted)}.site-footer>a:last-child{margin-left:auto;font-size:14px}.site-footer>a:last-child span{margin-left:24px}@keyframes appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px){.bina-app{min-height:575px;grid-template-columns:100px minmax(0,1.6fr) minmax(180px,1fr)}.reader{padding:30px}.verse{font-size:19px;margin-bottom:13px}.context-panel{padding:30px 25px}.context-panel p{font-size:16px}.context-panel h3{font-size:25px}.project-row{padding-block:31px}.project-index .intro{margin-bottom:50px}}
@media(max-width:1150px){.explorer{grid-template-columns:minmax(290px,.9fr) minmax(0,1.4fr);gap:35px}.bina-app{grid-template-columns:minmax(0,1.5fr) minmax(155px,1fr);margin:0 12px}.bina-sidebar{display:none}.reader{padding:22px 15px}.context-panel{padding:22px 15px}.project-row{grid-template-columns:25px 1fr 16px;gap:10px;padding-left:15px}.project-label strong{font-size:19px}.project-label>span{font-size:14px}.filter{padding:9px 15px}.preview-caption{font-size:12px;padding-inline:16px}.project-meta h2{font-size:25px}.meta-number{display:none}.about{padding-block:80px;gap:55px}.about-copy>p:not(.eyebrow){font-size:16px}.header-inner{min-height:90px}.brand{width:185px}}
@media(max-width:900px){.explorer{grid-template-columns:1fr;gap:35px;padding-top:38px}.project-index{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.project-index>.eyebrow,.project-index>h1,.project-index>.intro{grid-column:1;align-self:start}.project-index>.eyebrow{grid-row:1;margin-bottom:20px}.project-index>h1{grid-row:2;font-size:clamp(48px,6.5vw,64px);margin-bottom:15px}.project-index>.intro{grid-row:3;font-size:19px;margin:0}.filters{grid-column:2;grid-row:1;margin:0 0 14px;gap:6px}.filter{font-size:14px;padding:7px 13px}.project-list{grid-column:2;grid-row:2/5}.project-row{padding-block:18px}.project-label strong{font-size:18px}.project-label>span{font-size:14px}.project-number{font-size:14px}.index-note{display:none}.bina-app{grid-template-columns:90px minmax(0,1.6fr) minmax(180px,1fr);min-height:470px}.bina-sidebar{display:flex}.reader{padding:25px}.reader h2{font-size:38px}.verse{font-size:17px}.context-panel{padding:25px}.preview-caption{padding:18px 22px}.project-description{max-width:100%}.header-inner nav{gap:27px}.header-inner{grid-template-columns:1fr auto}.header-monogram{display:none}.about{gap:40px;padding-block:65px}.about-copy h2{font-size:43px}.about-copy .eyebrow{font-size:12px}.about-art{aspect-ratio:.8}.about-art img{object-fit:cover}}
@media(max-width:600px){:root{--gutter:22px}.header-inner{min-height:82px;gap:15px}.brand{width:153px}.header-inner nav{gap:18px}.header-inner nav a{font-size:14px}.header-inner nav a:last-child{font-size:0;gap:0}.header-inner nav a:last-child span{font-size:22px}.header-inner nav .active:after{height:2px}.explorer{padding-top:33px;padding-bottom:38px;gap:28px}.project-index{display:block}.project-index .eyebrow{margin-bottom:16px;font-size:12px}.project-index h1{font-size:clamp(48px,11.7vw,69px);letter-spacing:-.06em;line-height:1.02;margin-bottom:16px}.intro{font-size:19px!important;margin-bottom:27px!important}.filters{margin:0 0 17px;gap:8px}.filter{padding:9px 18px;font-size:14px}.project-row{grid-template-columns:27px minmax(0,1fr) 23px;padding:18px 10px 18px 16px;gap:13px}.project-label strong{font-size:19px}.project-label>span{font-size:14px;margin-top:4px}.project-row.selected:before{top:20px;bottom:20px}.project-number{font-size:14px}.preview-shell{border-radius:11px}.preview-caption{padding:15px 13px;gap:10px;font-size:12px}.preview-caption>span:first-child{letter-spacing:0}.bina-app{margin:0 9px;grid-template-columns:1fr;min-height:0}.bina-sidebar{display:none}.reader{padding:22px 20px 18px}.reader-top{margin-bottom:23px}.reader h2{font-size:37px}.psalm-label{margin-bottom:14px}.verse{font-size:17px;line-height:1.55;padding:8px 6px;margin-bottom:3px}.reader-foot{margin-top:10px}.context-panel{border-left:0;border-top:1px solid var(--rule);padding:19px 20px 23px;background:#f8faff}.context-label{padding-bottom:10px;margin-bottom:15px!important}.context-kicker{font-size:12px}.context-panel h3{font-size:22px;margin-bottom:9px}.context-panel p{font-size:15px;line-height:1.7}.context-connection{display:none}.preview-hint{font-size:12px;margin-left:17px}.project-meta{margin-top:23px}.project-meta h2{font-size:27px;gap:12px}.project-kind{font-size:12px}.status{font-size:14px;padding:5px 10px}.project-description{font-size:16px;line-height:1.65}.project-details{margin-top:16px}.identity-caption{padding:20px}.identity-caption>span{font-size:18px}.identity-caption img{width:77px}.stationery-image{aspect-ratio:1.1}.section-divider{padding:17px 0;font-size:12px;gap:15px}.section-divider>span:nth-child(2){display:none}.section-divider a{font-size:14px}.section-divider a span{margin-left:15px}.about{grid-template-columns:1fr;gap:34px;padding-block:42px 52px}.about-art{aspect-ratio:1.5}.about-copy .eyebrow{font-size:12px;margin-bottom:18px}.about-copy h2{font-size:48px;margin-bottom:23px}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.7}.contact-link{font-size:21px;margin-top:15px}.site-footer{flex-wrap:wrap;gap:15px;padding-block:25px}.footer-brand{width:150px}.site-footer p{font-size:13px;order:3;flex-basis:100%;margin:0}.site-footer>a:last-child{font-size:14px}.site-footer>a:last-child span{margin-left:12px}}
@media(max-width:360px){.brand{width:125px}.header-inner nav{gap:12px}.filter{padding-inline:14px}.project-label strong{font-size:17px}.preview-caption{font-size:12px}.preview-caption>span:first-child{max-width:140px}.project-meta h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* October studio refresh: an open notebook, with room for a closer look. */
:root { --paper: #fbf8f2; --ink: #171817; --muted: #5f646b; --rule: #d9d9d2; --pale: #f0f0ea; --gutter: clamp(22px, 4.2vw, 80px); }
body { background: var(--paper); }
.wrap { max-width: 1480px; }
.header-inner { min-height: 100px; }
.header-inner nav { gap: 32px; }
.header-inner nav a { font-size: 14px; }
.eyebrow, .note-tag, .practice-strip, .preview-caption, .project-kind, .case-notes>div>span { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 10px; font-weight: 400; letter-spacing: .1em; }
.opening { display: grid; grid-template-columns: 1.2fr 1fr; gap: 5%; padding-block: 68px 56px; align-items: center; }
.opening .eyebrow { margin-bottom: 35px; }
.opening h1 { font-size: clamp(70px, 8.8vw, 142px); line-height: .94; margin-bottom: 38px; }
.opening h1>span { color: var(--blue); }
.opening-bottom { display: flex; align-items: end; gap: 25px; justify-content: space-between; }
.opening-bottom p { font-size: 16px; line-height: 1.6; margin: 0; color: var(--muted); }
.text-link { display: inline-flex; gap: 24px; align-items: center; font-size: 14px; font-weight: 700; border-bottom: 1px solid currentColor; padding-bottom: 6px; width: fit-content; }
.text-link:hover { color: var(--blue); }
.opening-image { margin: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.opening-image>img { aspect-ratio: 1.15; width: 100%; object-fit: cover; object-position: right; }
.opening-image figcaption { display: flex; justify-content: space-between; padding: 17px 0 0; gap: 15px; font: 10px/1.5 'SFMono-Regular', Consolas, monospace; color: var(--muted); }
.practice-strip { display: flex; justify-content: space-between; gap: 20px; padding-block: 21px; border-block: 1px solid var(--rule); letter-spacing: .04em; }
.practice-strip>span:last-child { color: var(--muted); }
.explorer { padding-block: 75px 80px; grid-template-columns: minmax(280px,.76fr) minmax(0,1.5fr); gap: 7%; }
.project-index h2 { font-size: clamp(38px, 3.7vw, 59px); font-weight: 800; line-height: 1.03; letter-spacing: -.06em; margin: 0 0 20px; }
.project-index .intro { font-size: 16px; line-height: 1.6; margin-bottom: 29px; letter-spacing: 0; }
.filters { gap: 3px; border-bottom: 1px solid var(--rule); padding-bottom: 12px; margin-bottom: 12px; }
.filter { border-radius: 0; background: transparent; padding: 8px 13px; font-size: 12px; }
.filter.selected { background: var(--ink); }
.project-row { padding-block: 24px; padding-left: 12px; }
.project-row.selected:before { border-radius: 0; width: 2px; }
.project-label strong { font-size: 19px; }
.project-label>span { font-size: 13px; }
.index-note { margin-left: 12px; font-size: 12px; }
.preview-shell { border-radius: 0; }
.bina-app { box-shadow: none; border-radius: 0; }
.stage-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.stage-nav>.eyebrow { margin: 0; color: var(--muted); }
.stage-nav>div { display: flex; align-items: center; gap: 15px; }
.stage-nav button { background: transparent; width: 36px; height: 36px; border: 1px solid var(--rule); transition: background .2s, color .2s; }
.stage-nav button:hover { background: var(--ink); color: white; }
.stage-nav button:disabled { opacity: .35; cursor: default; }
#project-position { font: 10px/1.5 'SFMono-Regular', Consolas, monospace; color: var(--muted); }
.status { font-size: 11px; padding: 5px 8px; border-radius: 0; border-color: var(--rule); }
.project-details { border-top: 1px solid var(--rule); padding-top: 16px; }
.project-details summary { width: 100%; justify-content: space-between; }
.case-notes { display: grid; gap: 16px; margin: 24px 0; }
.case-notes>div { display: grid; grid-template-columns: 130px 1fr; gap: 20px; }
.case-notes>div>span { color: var(--blue); padding-top: 4px; }
.case-notes>div>p { margin: 0!important; font-size: 14px!important; }
.workbench { padding-block: 67px 75px; border-top: 1px solid var(--rule); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 40px; }
.section-heading h2 { font-size: clamp(38px, 4.2vw, 66px); line-height: 1.03; font-weight: 800; letter-spacing: -.06em; margin: 0; }
.section-heading>p { max-width: 300px; font-size: 14px; color: var(--muted); margin: 0 0 4px; }
.note-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: start; }
.bench-note { border-top: 2px solid var(--ink); padding-top: 21px; }
.bench-note summary { display: flex; flex-direction: column; cursor: pointer; list-style: none; }
.bench-note summary::-webkit-details-marker { display: none; }
.note-tag { color: var(--muted); }
.note-title { font-size: clamp(24px, 2.2vw, 34px); font-weight: 800; letter-spacing: -.045em; line-height: 1.15; margin-top: 27px; }
.note-summary { color: var(--muted); font-size: 14px; line-height: 1.6; max-width: 270px; min-height: 50px; margin-top: 15px; }
.note-action { display: flex; justify-content: space-between; font-size: 12px; color: var(--blue); margin-top: 27px; border-bottom: 1px solid var(--rule); padding-bottom: 15px; }
.note-action>span { font-size: 20px; line-height: 1; }
.bench-note[open] .note-action>span { transform: rotate(45deg); }
.bench-note>div { padding-top: 12px; font-size: 14px; color: var(--muted); }
.bench-note>div p { line-height: 1.8; }
.bench-note>div .text-link { margin-top: 12px; color: var(--blue); font-size: 12px; }
.about { padding-block: 75px 85px; grid-template-columns: .8fr 1fr; }
.about-art { aspect-ratio: 1.1; border-radius: 0; }
.studio-principles { margin-top: 27px; border-top: 1px solid var(--rule); }
.studio-principles p { font-size: 14px; margin: 0; border-bottom: 1px solid var(--rule); padding: 13px 0; }
.studio-principles span { margin-right: 25px; color: var(--muted); font: 10px 'SFMono-Regular', Consolas, monospace; }
.contact-link { font-size: 16px; margin-top: 27px; }
.contact-section { background: var(--blue); color: white; padding-block: 65px; }
.contact-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; align-items: end; }
.contact-inner h2 { font-size: clamp(48px, 5.4vw, 84px); letter-spacing: -.06em; font-weight: 800; line-height: .98; margin: 27px 0 0; }
.contact-copy p { font-size: 16px; line-height: 1.7; margin-bottom: 26px; }
.contact-copy>a { display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid #ffffff70; padding-bottom: 14px; font-size: clamp(18px, 2vw, 29px); font-weight: 700; letter-spacing: -.03em; }
.contact-copy>a:hover { border-color: white; }
.contact-small { display: block; font-size: 12px; margin-top: 17px; }
.site-footer { border-top: 0; padding-block: 30px; }
.site-footer p, .site-footer>a:last-child { font-size: 12px; }
@media(max-width:1000px) {
  .opening { gap: 4%; padding-top: 48px; }
  .opening h1 { font-size: 8.5vw; }
  .opening-bottom { display: block; }
  .opening-bottom .text-link { margin-top: 20px; }
  .explorer { gap: 35px; }
  .bina-app { grid-template-columns: minmax(0,1.5fr) minmax(155px,1fr); }
  .bina-sidebar { display: none; }
  .reader { padding: 22px 15px; }
  .context-panel { padding: 22px 15px; }
  .section-heading { gap: 30px; }
}
@media(max-width:900px) {
  .explorer { grid-template-columns: 1fr; }
  .project-index { display: block; }
  .project-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; border-top: 0; }
  .project-row { align-items: start; grid-template-columns: 1fr 15px; padding: 15px 8px; border-top: 1px solid var(--rule); }
  .project-number { display: none; }
  .project-label strong { font-size: 16px; }
  .project-label>span { font-size: 12px; }
  .project-row.selected:before { left: 0; top: -1px; right: 0; width: 100%; height: 2px; bottom: auto; }
  .project-index h2 { font-size: 47px; }
  .note-grid { gap: 20px; }
  .note-title { font-size: 25px; }
}
@media(max-width:600px) {
  .header-inner { min-height: 80px; }
  .header-inner nav { gap: 16px; }
  .header-inner nav a { font-size: 12px; }
  .header-inner nav a:nth-child(3) { display: none; }
  .header-inner nav a:last-child { font-size: 0; }
  .opening { grid-template-columns: 1fr; padding-block: 35px 30px; gap: 30px; }
  .opening .eyebrow { max-width: 250px; font-size: 9px; margin-bottom: 25px; }
  .opening h1 { font-size: clamp(66px, 16.5vw, 100px); margin-bottom: 28px; }
  .opening-bottom { display: flex; align-items: end; gap: 15px; }
  .opening-bottom p { font-size: 13px; }
  .opening-bottom .text-link { font-size: 12px; max-width: 115px; gap: 12px; }
  .opening-image>img { aspect-ratio: 1.65; }
  .opening-image figcaption { font-size: 9px; padding-top: 12px; }
  .practice-strip { padding-block: 17px; flex-direction: column; gap: 8px; font-size: 9px; }
  .explorer { padding-block: 42px 44px; gap: 24px; }
  .project-index h2 { font-size: 40px; }
  .project-index .intro { font-size: 14px!important; margin-bottom: 22px!important; }
  .filter { font-size: 12px; padding: 8px 13px; }
  .project-list { display: block; }
  .project-row { grid-template-columns: 24px 1fr 18px; gap: 12px; border-top: 0; padding-block: 17px; }
  .project-number { display: block; font-size: 12px; }
  .project-label strong { font-size: 18px; }
  .project-row.selected:before { top: 19px; bottom: 19px; height: auto; width: 2px; }
  .bina-app { grid-template-columns: 1fr; }
  .reader { padding: 22px 20px 18px; }
  .context-panel { padding: 19px 20px 23px; }
  .stage-nav { margin-bottom: 12px; }
  .project-meta h2 { font-size: 26px; }
  .preview-caption { font-size: 9px; }
  .case-notes>div { grid-template-columns: 1fr; gap: 5px; }
  .workbench { padding-block: 43px 40px; }
  .section-heading { display: block; margin-bottom: 30px; }
  .section-heading h2 { font-size: 40px; }
  .section-heading>p { margin-top: 21px; max-width: 100%; }
  .note-grid { grid-template-columns: 1fr; gap: 32px; }
  .note-title { font-size: 29px; margin-top: 20px; }
  .note-summary { min-height: 0; max-width: none; }
  .note-action { margin-top: 20px; }
  .about { grid-template-columns: 1fr; padding-block: 38px 47px; }
  .about-art { aspect-ratio: 1.5; }
  .about-copy h2 { font-size: 45px; }
  .contact-section { padding-block: 42px; }
  .contact-inner { grid-template-columns: 1fr; gap: 25px; }
  .contact-inner h2 { font-size: 58px; margin-top: 22px; }
  .contact-copy p { font-size: 14px; }
  .contact-copy>a { font-size: 21px; }
}
.opening-image>img { height: auto; }
.brand img { mix-blend-mode: multiply; }
/* Crop the existing concept to its artwork, excluding the mockup's interface. */



/* Original product work: complete screens, with their native proportions. */
.product-shell { background: #f3efe4; }
.product-screens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; padding: 6px 32px 25px; }
.product-screens figure { margin: 0; min-width: 0; }
.product-screens img { width: 100%; height: auto; max-height: 570px; object-fit: contain; }
.product-screens figcaption { text-align: center; font-size: 11px; color: var(--muted); margin-top: 13px; }
.rankboard-shell { background: #e9ebed; }
.project-outbound { color: var(--blue); margin-top: 20px; }
.pips-shell { background: #121b1b; color: #f5ead0; }
.pips-shell .preview-caption { color: #d5c9af; }
.pips-showcase { display: grid; grid-template-columns: .82fr 1fr; gap: 24px; padding: 5px 25px 25px; align-items: stretch; }
.pips-game { margin: 0; }
.pips-game>img { width: 100%; height: auto; max-height: 590px; object-fit: contain; }
.pips-game figcaption, .pips-art-caption { display: block; font-size: 10px; color: #d5c9af; margin-top: 13px; }
.pips-game figcaption { text-align: center; }
.pips-world { display: flex; flex-direction: column; justify-content: space-between; }
.pips-world>img { width: 100%; height: auto; aspect-ratio: 1.1; object-fit: cover; object-position: 35% center; }
.pips-world>div { padding-block: 30px 7px; }
.pips-world .eyebrow { color: #d5c9af; font-size: 9px; }
.pips-world p { font-size: clamp(24px, 2.5vw, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -.05em; margin: 20px 0 28px; }
@media (min-width: 601px) and (max-width: 900px) {
  .project-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1150px) {
  .product-screens { padding-inline: 20px; gap: 20px; }
  .pips-showcase { padding-inline: 18px; gap: 18px; }
}
@media (max-width: 600px) {
  .product-screens { padding: 5px 10px 18px; gap: 9px; }
  .product-screens figcaption { font-size: 9px; margin-top: 9px; }
  .project-outbound { font-size: 13px; }
  .pips-showcase { grid-template-columns: 1fr 1fr; padding: 5px 10px 18px; gap: 12px; }
  .pips-world>img { aspect-ratio: 1; }
  .pips-world>div { padding-top: 16px; }
  .pips-world p { font-size: 21px; margin: 15px 0; }
  .pips-world .eyebrow { font-size: 8px; }
  .pips-game figcaption, .pips-art-caption { font-size: 8px; }
}

/* Current PIPS uses landscape scenes; keep both captures uncropped. */
.pips-current-screens { display: grid; gap: 22px; padding: 0 18px 22px; }
.pips-current-screens figure { margin: 0; min-width: 0; }
.pips-current-screens img { width: 100%; height: auto; aspect-ratio: 800 / 368; }
.pips-current-screens figcaption { font-size: 10px; color: #d5c9af; padding: 10px 0 0; }
@media (max-width: 600px) {
  .pips-current-screens { padding: 0 8px 15px; gap: 17px; }
  .pips-current-screens figcaption { font-size: 9px; padding-top: 8px; }
}