/* Identity manual, 10 November 2026. Original artwork, unmodified. */
:root{--bora-red:#F53227;--bora-purple:#451A65;--bora-black:#0E0E0E;--bora-white:#FDF1D8;--bora-grey:#CACACA}
body>header .brand-lockup,body>footer .brand-lockup{display:flex;flex-direction:column;align-items:flex-end;width:132px;padding:14px 0}
body>header .brand-lockup img.wordmark,body>footer .brand-lockup img.wordmark{position:static;display:block;width:100%;height:auto;filter:none;margin:0;max-width:100%}
body>header .brand-lockup img.signature,body>footer .brand-lockup img.signature{position:static;display:block;width:75%;height:auto;filter:none;margin:-4px 0 0;max-width:100%}
body>footer .footer-logo{width:auto;height:auto;overflow:visible;transform:none}
.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.06}.hero .intro{max-width:760px}.hero .hero-copy{max-width:1020px}
.problem{background:var(--bora-black)}.workflow{background:var(--bora-white)}.steps button{white-space:normal}.brand-core-heading{max-width:1200px!important}
body>header{height:100px}body>footer{grid-template-columns:1fr auto 1fr}
@media(max-width:720px){body>header{height:86px}body>header .brand-lockup{width:104px;padding:12px 0}.hero h1{letter-spacing:-1.5px}body>header .nav-cta{font-size:9px}body>footer .brand-lockup{width:110px}.steps{overflow-x:auto}.steps button{flex:0 0 auto;min-width:112px}.brand-core-heading{padding:0 6%!important}}

/* Review: larger header lockup, centred as one unit. */
body>header>a:first-child{align-items:center;align-self:center;height:100%;justify-content:center}body>header .brand-lockup{width:174px;padding:0;flex-shrink:0}body>header .brand-lockup img.signature{margin:-4px 0 0}
@media(max-width:720px){body>header .brand-lockup{width:130px}body>header{gap:10px}}
@media(max-width:380px){body>header .brand-lockup{width:118px}}

/* Review: consistent typography and lateral film on tablet/desktop. */
html body,html body *,html body *::before,html body *::after{font-family:Montserrat,sans-serif!important}
#idea.problem{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);align-items:center;gap:5%;padding:60px 5%}
#idea .problem-portrait{grid-column:1;grid-row:1;min-width:0}
#idea .problem-copy{grid-column:2;grid-row:1;min-width:0;padding:0}
#idea .problem-portrait video{display:block;width:100%;max-width:340px;max-height:605px;height:auto;margin:0 auto;object-fit:contain}
#idea h2{font-size:clamp(28px,3.4vw,52px)}
@media(max-width:600px){#idea.problem{grid-template-columns:1fr;gap:28px;padding:38px 6%}#idea .problem-portrait{grid-column:1;grid-row:1}#idea .problem-copy{grid-column:1;grid-row:2}#idea .problem-portrait video{max-width:280px;max-height:500px}}

/* Header balance */
body>header{align-items:center;gap:22px}
body>header .brand-lockup{width:154px;padding:0}
body>header>a:first-child{display:flex;align-items:center;justify-content:center;align-self:center}
body>header nav{font-size:15px;gap:24px;line-height:1.3}
body>header .menu-toggle{font-size:14px}
@media(max-width:1000px){body>header{gap:16px}body>header nav{font-size:14px;gap:18px}body>header .brand-lockup{width:145px}}
@media(max-width:720px){body>header{gap:12px}body>header .brand-lockup{width:120px}body>header nav{font-size:15px}}
@media(max-width:380px){body>header .brand-lockup{width:110px}}

/* Footer: left aligned brand, larger descriptor, right aligned copyright. */
body>footer{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:44px 6%;text-align:left}
body>footer .footer-brand{display:flex;align-items:center;justify-content:flex-start;gap:32px}
body>footer .footer-logo{display:block;margin:0;justify-self:start}
body>footer .brand-lockup{width:190px;padding:0}
body>footer .footer-positioning{font-size:26px;font-weight:700;line-height:1.15;text-align:left;letter-spacing:-.5px}
body>footer small{margin-left:auto;text-align:right;font-size:12px;line-height:1.6}
@media(max-width:720px){body>footer{gap:28px}body>footer .footer-brand{gap:24px}body>footer .brand-lockup{width:160px}body>footer .footer-positioning{font-size:23px}body>footer small{width:100%;margin-left:0;text-align:right}}
@media(max-width:380px){body>footer .footer-brand{gap:18px}body>footer .brand-lockup{width:140px}body>footer .footer-positioning{font-size:21px}}

/* Centered standalone footer wordmark. */
body>footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
body>footer .footer-brand{grid-column:2;justify-self:center;display:block}
body>footer .brand-lockup{width:190px;padding:0}
body>footer small{grid-column:3;justify-self:end;margin:0;text-align:right}
@media(max-width:720px){body>footer{grid-template-columns:1fr;gap:24px}body>footer .footer-brand{grid-column:1;justify-self:center}body>footer .brand-lockup{width:160px}body>footer small{grid-column:1;justify-self:end;width:auto}}