/* MAIN&FRANK typography playground — 2026-10-12
Settings: {"bodyTracking":0.04,"navTracking":0.04,"headingTracking":0.04,"titleTracking":0.04,"logoTracking":-0.015,"menu":"spreadBeside","navGap":0,"layout":"list","columns":2,"gridGap":64,"crop":"3 / 2","imageFit":"contain","gray":0,"round":0,"palette":"white","caseStyle":"sentence","rules":"off","guides":"off","hoverStyle":"none","gridAlign":"body","gridWidth":96,"cropX":50,"cropY":50,"cardAlign":"end","captionAlign":"center","freeOffset":300,"wordmarkPosition":"left","wordmarkX":0,"wordmarkY":0,"uiFont":"grotesk","bodyFont":"grotesk","bodySize":13.5,"uiSize":13.5,"navSize":14,"headingSize":14.5,"logoSize":14.5,"uiWeight":500,"bodyWeight":500,"headingWeight":500,"logoWeight":900,"tracking":0.04,"lineHeight":1.5,"key":140,"gap":20,"gutter":8,"band":105,"imageWidth":57,"imageOpacity":1,"navWidth":97,"navSpreadEnabled":true,"projectX":-31,"projectY":77,"filterSize":11,"filterWeight":500,"bodyWidth":410,"bodyWidthEnabled":true,"navY":0,"navAlign":"start","wordmarkInNav":"on","navWeight":500,"projectAlign":"centre","headingAlign":"original","previewMode":"cursor","previewFade":0,"previewSize":330,"previewGap":54}
Custom font, if selected: none; supply the licensed font separately. */
:root{--font:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif;--display:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif;--text:13.5px;--key:140px;--colgap:20px;--gutter:8px;--band:105px}
body,.pagebody,.gh-content,.funnel-copy{font-family:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif;font-weight:500;line-height:1.5}
input,textarea,select,.enquiry-question input,.enquiry-question textarea{font-family:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif;font-weight:500}
.site-head nav,.footnav,.key,.stamp,.section-index,.reg .entry,.taxonomy button,.pipeline-link,button,.btn,label,legend{font-family:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif!important;font-weight:500!important;letter-spacing:0.04em!important}
.reg .entry,.reg .entry a{font-size:13.5px!important;letter-spacing:0.04em!important}
.site-head nav a{font-size:14px!important}
h1,h2,h3,h4,.pagehead h1,.reg-row .pagehead h1,.working-page .funnel-copy>h2,.working-page .funnel-copy>h3,.working-page .funnel-head h1,.working-page .enquiry-intro h2{font-family:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif!important;font-size:14.5px!important;font-weight:500!important;letter-spacing:0.04em!important}
.site-head .mark,.markw{font-family:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif!important;font-weight:900!important}
.site-head .mark{font-size:14.5px!important}
.brand-amp{font-weight:inherit}
.peek.on{opacity:1}
@media(min-width:900px){.peek{left:auto;right:3vw;width:57vw}.project-page .split-r{width:57vw}}

/* Selected layout and typography. */
:root{--paper:#ffffff;--ink:#000000;--blue:#0000ff}
body,.foot,.topbar{background:var(--paper);color:var(--ink)}
p,.pagebody,.gh-content,.funnel-copy{letter-spacing:0.04em}
.site-head nav a{letter-spacing:0.04em!important;font-weight:500!important}
h1,h2,h3,h4,.pagehead h1,.reg-row .pagehead h1{letter-spacing:0.04em!important}
.reg .entry,.reg .entry a{letter-spacing:0.04em!important}
.site-head .mark,.markw{letter-spacing:-0.015em!important}
.site-head nav{gap:4px 0px}
.peek img,.caro img{filter:grayscale(0%);border-radius:0px}
.site-head nav a,.pagehead h1,.reg-row .pagehead h1,.key,.stamp,.taxonomy button,.reg .entry{text-transform:none!important}
@media(min-width:720px){.site-head nav{left:0;justify-content:space-between;width:100%}}
.site-head .mark{position:relative;left:0px;top:0px}
@media(min-width:720px){.site-head nav{position:relative;left:auto;right:auto;transform:none;width:min(97vw,calc(100vw - 2 * var(--gutter)));min-width:max-content;max-width:calc(100vw - 2 * var(--gutter));gap:4px 0;justify-content:space-between;justify-self:end;grid-column:1/-1;flex-direction:row;flex-wrap:wrap;margin-top:12px}}
@media(min-width:720px){
:root{--body-column:min(410px,max(0px,calc(100vw - 2 * var(--gutter) - var(--key) - var(--colgap))))}
.reg-row{grid-template-columns:var(--key) minmax(0,var(--body-column))}
.notes-register-head{grid-template-columns:var(--key) minmax(0,var(--body-column))}
.working-page .funnel-copy,.working-page .enquiry-section{grid-template-columns:var(--key) minmax(0,var(--body-column))}
.working-page .funnel-copy p,.working-page .enquiry-form,.working-page .enquiry-intro p:not(.section-index){max-width:none}
.split:not(.split--lib),.project-page .split:not(.split--lib){grid-template-columns:minmax(0,calc(var(--key) + var(--colgap) + var(--body-column))) minmax(0,1fr)}
.split:not(.split--lib) > .split-l .pagebody{width:var(--body-column);max-width:100%;margin-left:calc(var(--key) + var(--colgap))}
.split:not(.split--lib) > .split-l .pagebody .row{grid-template-columns:var(--key) minmax(0,var(--body-column));margin-left:calc(-1 * (var(--key) + var(--colgap)))}
}
@media(min-width:720px){.site-head{align-items:start}.site-head nav{align-items:start;translate:0 0px}}
@media(min-width:720px){
.site-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:8px 0px;width:min(97vw,100%);min-width:max-content;max-width:100%;box-sizing:border-box;padding-left:var(--gutter);padding-right:var(--gutter);margin-left:0;margin-right:auto;translate:0 0px}
.site-head nav{display:contents;translate:none;transform:none}
.site-head .mark{display:block;position:static;left:auto;top:auto;flex:0 0 auto;margin:0;transform:none;translate:none}
.site-head nav a{flex:0 0 auto}
}

/* Project button offsets compose with the existing header positioning. */
.start-link{translate:-31vw 77px!important}
/* Project metadata stays in the key column, not beside the title. */
.project-page > .pagehead > .stamp{display:none}
/* Shared text baseline for headings and their first filter row. */
.reg-row{align-items:first baseline}
.reg-row>.key{align-self:first baseline}
.reg-row .pagehead,.reg-row .pagehead h1,.reg-row .key .pagehead h1{margin:0;padding-top:0;line-height:1.3}
.reg-row .taxonomy{margin-top:0;align-items:baseline;line-height:1.3}
.reg-row .taxonomy button{line-height:1.3}
.notes-register-head{align-items:first baseline}
.taxonomy button,.reg-row .taxonomy button{font-size:11px!important;font-weight:500!important;color:var(--ink)}
.relation-through,.relation-meta,.explore-item p,.fine,.stamp,.key,figcaption{color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--ink);opacity:1}
.arw,.tick-sep{opacity:1}
.taxonomy button:hover,.taxonomy button[aria-pressed="true"]{color:var(--blue)}
.peek,.peek.on{transition:opacity 0ms ease,visibility 0s!important}
.peek{display:none!important}

/* Keep the invitation on screen on narrow devices. */
@media(max-width:719px){.start-link{translate:0 77px!important}}