/* V2.2 jump list on Work */
.jump{margin:34px 0 6px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0}
.jump ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}
.jump a{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}
.jump a:hover,.jump a:focus{color:var(--accent);border-bottom-color:var(--accent)}
.work-sec{scroll-margin-top:24px}

@font-face{font-family:'Syncopate';src:url(/assets/fonts/Syncopate-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow';src:url(/assets/fonts/Barlow-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url(/assets/fonts/Barlow-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url(/assets/fonts/SpaceGrotesk-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Fahkwang';src:url(/assets/fonts/Fahkwang-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Figtree';src:url(/assets/fonts/Figtree-Light.woff2) format('woff2');font-weight:300 400;font-display:swap}
/* V2.0 ivory palette (ruled 2026-09-06). ink/paper 14.9:1, accent/paper 6.9:1, muted/paper 6.0:1 */
:root{--paper:#F4EFE6;--band:#E9E2D4;--ink:#1C1C1C;--muted:#5F5A52;--accent:#2B5672;--rule:#D6CEBF;--error:#9B2C2C;--mz:1;--dz:1}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--paper);padding:8px 12px;z-index:100;text-decoration:none}
.skip:focus{left:8px}
a{color:inherit}
a.plain{text-decoration:none}
a.ul{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main{position:relative}
.canvas{position:relative;margin:0 auto;overflow:hidden}
.canvas.desk{width:1440px;display:block;zoom:var(--dz)}
.canvas.mob{width:320px;display:none;zoom:var(--mz)}
@media (max-width:1000px){.canvas.desk{display:none}.canvas.mob{display:block}}
/* Wix keeps the 980 column centred and lets the page bleed on wider screens */
@media (min-width:1441px){.canvas.desk{width:100%}.canvas.desk>*{margin-left:calc((100% - 1440px)/2)}.canvas.desk>.box.full{margin-left:0;width:100%!important}}
.box,.t,.pic,.vid,.soc,.map,form>*{position:absolute;margin:0;padding:0}
.canvas.desk::before{content:"";position:absolute;left:0;top:0;width:100%;height:96px;background:var(--band)}
.canvas.mob::before{content:"";position:absolute;left:0;top:0;width:100%;height:125px;background:var(--band)}
.t{white-space:pre-wrap;word-wrap:break-word;font-weight:400}
h1.t,h2.t{font-weight:inherit}
/* V2.0 seven-item nav in Wix's band */
.nav-bar{position:absolute;left:230px;top:113px;width:980px;height:38px;background:var(--band)}
.topnav{position:absolute;left:230px;top:113px;width:980px;height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;margin:0;z-index:2}
.nav-item{font:15px/38px 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav-item:hover{color:var(--accent)}
.nav-item.active{color:var(--accent)}
.news-src{color:var(--muted);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.news-title{color:var(--ink);font-size:20px;line-height:30px}
.wordmark a{text-decoration:none;color:inherit}
.tagline{margin:0}
.pic{display:block;overflow:hidden}
.pic img{width:100%;height:100%;display:block}
.vid{background:#000}
.vid video{width:100%;height:100%;display:block;object-fit:contain;background:#000;filter:brightness(.75)}
.vid.playing video{filter:none}
.vid .play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.35);cursor:pointer;padding:0}
.vid .play::after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}
.vid.playing .play{display:none}
.soc img{width:100%;height:100%;display:block}
.diamond{position:absolute;display:block}
.diamond .edge{position:absolute;inset:0;background:var(--rule);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.diamond img{position:absolute;left:4%;top:4%;width:92%;height:92%;object-fit:cover;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
/* forms on ivory */
.lbl{font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:16px;color:var(--ink)}
.req{color:var(--ink)}
input.line{background:transparent;border:0;border-bottom:1px solid var(--rule);color:var(--ink);font:16px 'Space Grotesk',sans-serif;padding:0 2px;outline:none;border-radius:0}
input.line:focus{border-bottom-color:var(--accent)}
.pill{background:var(--accent);color:var(--paper);border:0;border-radius:24px;font:14px 'Fahkwang',sans-serif;cursor:pointer;padding:0}
.pill.sq{border-radius:0}
.pill:hover{filter:brightness(1.12)}
.fld{background:var(--paper);border:1px solid var(--rule);color:var(--ink);font:14px 'Space Grotesk',sans-serif;padding:6px 8px;outline:none;border-radius:0;resize:none}
.fld:focus{border-color:var(--accent)}
.thanks{display:none;font:14px 'Space Grotesk',sans-serif;color:var(--ink)}
.notyet{color:var(--muted);font-size:12px;display:block}
.err{display:none;font:13px 'Space Grotesk',sans-serif;color:var(--error)}
.err a{color:var(--error)}
form.failed .err{display:block}
form.busy .pill{opacity:.5;pointer-events:none}
form.sent .thanks{display:block}
form.sent .line,form.sent .pill,form.sent .lbl,form.sent .fld{visibility:hidden}
.map{background:#e5e3df}
.map iframe{width:100%;height:100%;border:0;display:block}
/* mobile chrome */
.burger{position:absolute;right:20px;top:20px;width:28px;height:22px;background:transparent;border:0;padding:0;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);margin:0 0 7px}
.mmenu{position:fixed;inset:0;background:var(--band);z-index:50;padding:70px 24px;overflow:auto}
.mmenu[hidden]{display:none}
.mmenu ul{list-style:none;margin:0;padding:0}
.mmenu li a{display:block;font:17px/3 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.mmenu li a.active{color:var(--accent)}
.mmenu .close{position:absolute;right:20px;top:14px;background:none;border:0;color:var(--ink);font-size:34px;cursor:pointer}
.totop{position:fixed;right:20px;bottom:40px;width:44px;height:44px;border:0;background:transparent;padding:0;cursor:pointer;z-index:40}
.totop[hidden]{display:none}
@media (min-width:1001px){.totop{display:none}}
.lightbox{border:0;background:transparent;padding:0;max-width:96vw;max-height:96vh}
.lightbox::backdrop{background:rgba(28,28,28,.92)}
.lightbox img{max-width:96vw;max-height:92vh;display:block}
.lb-close{position:fixed;right:18px;top:10px;background:none;border:0;color:var(--paper);font-size:40px;cursor:pointer}
@media (prefers-reduced-motion:no-preference){.pic img{transition:opacity .2s}.pic:hover img{opacity:.92}}
/* ---------- V2.0 flow chrome: footer strip, flow header, home "built" section, flow pages ---------- */
.col{width:980px;max-width:100%;margin:0 auto;padding:0}
@media (max-width:1000px){.col{width:auto;padding:0 24px}}
.site-footer{background:var(--band);color:var(--ink);padding:36px 0 40px;margin-top:0;font:15px/1.7 'Space Grotesk',sans-serif}
.site-footer p{margin:0}
.site-footer a{color:var(--ink)}
.site-footer a:hover{color:var(--accent)}
.site-footer .sep{margin:0 12px;color:var(--muted)}
.foot-small{font-size:13px;color:var(--muted);margin-top:8px!important}
.foot-small a{color:var(--muted);text-decoration:underline}
@media (max-width:600px){.foot-line span:not(.sep),.foot-line a{display:block}.foot-line .sep{display:none}}
.eyebrow{font:13px/1.4 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.eyebrow.ink{color:var(--ink)}
.flow.built{padding:56px 0 64px;background:var(--paper)}
.builtbox{position:absolute;margin:0;padding:0;overflow:hidden}
.builtbox .eyebrow{margin:0 0 18px}
.builtbox.mob .built-list{grid-template-columns:1fr;gap:18px}
.builtbox.mob .built-name{font-size:18px}.builtbox.mob .built-desc{font-size:13px;line-height:19px}
.built-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}
@media (max-width:1000px){.built-list{grid-template-columns:1fr}}
.built-name{font:500 22px/1.3 'Barlow',sans-serif;color:var(--ink);text-decoration:none}
.built-name:hover{color:var(--accent)}
.built-desc{margin:4px 0 0;font:16px/1.55 'Space Grotesk',sans-serif;color:var(--ink);max-width:66ch}
/* flow header: 96 px band with the wordmark, 17 px of paper, the 980 x 38 nav band (same geometry as the canvases) */
.fh{position:relative}
.fh-band{height:96px;background:var(--band);position:relative}
.fh-wordmark{position:absolute;left:0;right:0;top:6px;line-height:81px;text-align:center;font:700 51px/81px 'Syncopate','Lulo Clean One Bold',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
.fh .burger{display:none}
.fh-nav{width:980px;height:38px;margin:17px auto 0;background:var(--band);display:flex;justify-content:space-between;align-items:center;padding:0 18px}
@media (max-width:1000px){
  /* same geometry as the zoomed 320 mobile canvas: 125 px band, 22 px wordmark at (20,30), burger at right 20 / top 20 */
  .fh-band{height:calc(125px * var(--mz))}
  .fh-wordmark{left:calc(20px * var(--mz));right:auto;top:calc(30px * var(--mz));width:calc(237px * var(--mz));font-size:calc(22px * var(--mz));line-height:1.25;text-align:left;white-space:normal}
  .fh .burger{display:block;right:calc(20px * var(--mz));top:calc(20px * var(--mz));width:calc(28px * var(--mz));height:calc(22px * var(--mz))}
  .fh .burger span{height:calc(2px * var(--mz));margin-bottom:calc(7px * var(--mz))}
  .fh-nav{display:none}
}
main.flow{padding:60px 0 80px}
main.flow h1{font:500 56px/1.15 'Barlow',sans-serif;margin:0 0 28px;color:var(--ink)}
main.flow h2{font:500 34px/1.2 'Barlow',sans-serif;margin:0 0 18px;color:var(--ink)}
main.flow p{font:17px/1.65 'Space Grotesk',sans-serif;color:var(--ink);max-width:66ch;margin:0 0 20px}
main.flow .intro{margin-bottom:40px}
main.flow .lead{font:500 34px/1.25 'Barlow',sans-serif;margin:0 0 24px}
.work-sec{padding:40px 0 28px;border-top:1px solid var(--rule)}
.work-sec .eyebrow{margin-bottom:12px}
.cta-row{margin-top:28px}
.pill.btn{display:inline-block;padding:0 26px;line-height:46px;text-decoration:none;font:14px/46px 'Fahkwang',sans-serif;letter-spacing:.06em}
.p-group{padding:28px 0 12px;border-top:1px solid var(--rule)}
.p-list{list-style:none;margin:0;padding:0}
.p-list li{margin:0 0 22px}
.p-name{display:block;font:500 20px/1.3 'Barlow',sans-serif;color:var(--ink)}
.p-line{display:block;font:16px/1.5 'Space Grotesk',sans-serif;color:var(--muted);margin-top:2px}
.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px;margin-top:8px}
@media (max-width:1000px){.cp-grid{grid-template-columns:1fr;gap:32px}}
.cp-block{padding:28px 0 8px;border-top:1px solid var(--rule)}
main.flow h2.eyebrow{font:13px/1.4 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
main.flow .cp-block h2.eyebrow{font-size:15px;color:var(--ink);margin-bottom:12px}
@media (max-width:1000px){main.flow h1{font-size:40px}main.flow h2{font-size:28px}main.flow .lead{font-size:28px}main.flow{padding:40px 0 60px}}