@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-hebrew-400.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/heebo-hebrew-600.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/heebo-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/heebo-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/heebo-hebrew-700.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/heebo-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/heebo-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/heebo-hebrew-800.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/heebo-latin-ext-800.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/heebo-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-hebrew-600.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-hebrew-700.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-hebrew-800.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-latin-ext-800.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Heebo';font-weight:400;font-display:swap;src:url('/fonts/heebo-hebrew-400.woff2') format('woff2')}@font-face{font-family:'Heebo';font-weight:700;font-display:swap;src:url('/fonts/heebo-hebrew-700.woff2') format('woff2')}@font-face{font-family:'Heebo';font-weight:800;font-display:swap;src:url('/fonts/heebo-hebrew-800.woff2') format('woff2')}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/heebo-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/heebo-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-hebrew-800.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-latin-ext-800.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
.works-showcase{--cream:#FBF6EE;--cream2:#F3EAD9;--coral:#BE3E2F;--plum:#3D243C;--plum2:#2A1726;--ink:#2A1726;--muted:#6B5A64;--line:#E4D6C2;--olive:#6B7A3A;color:var(--ink);background:var(--cream);font:400 16px/1.6 Heebo,Arial,sans-serif;overflow:hidden}.works-showcase *{box-sizing:border-box}.works-showcase img{display:block}.works-showcase .hero{max-width:1200px;margin-inline:auto}.works-showcase .switch{top:100px;z-index:10}.works-showcase .switch .pill{font-family:Heebo,Arial,sans-serif;font-size:17px;min-height:48px}.works-showcase .works-contact{margin:34px auto 40px;padding:30px 36px;background:var(--coral);border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.works-showcase .works-contact h2{font-size:clamp(24px,3vw,32px);font-weight:900}.works-showcase .works-contact p{font-size:18px;margin-top:5px}.works-showcase .works-contact-actions{display:flex;gap:12px;flex-wrap:wrap}.works-showcase .works-contact .btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;background:var(--plum);padding:12px 22px;font-size:17px}.works-showcase .works-contact .btn.ghost{background:transparent;border:2px solid #fff}.works-showcase a:focus-visible,.works-showcase button:focus-visible{outline:3px solid #2A1726;outline-offset:3px}
.nav-shell .wrap,footer#contact .wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav-shell{position:sticky;top:0;z-index:1000;background:rgba(255,249,239,.97);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(10px)}.nav-shell .nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.nav-shell .links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:800}.nav-shell .nav a{color:inherit;text-decoration:none}.nav-shell .menu-toggle{font-family:Heebo,Arial,sans-serif}.nav-shell .links a.btn{background:var(--coral);color:#fff;border-radius:14px;padding:12px 22px}
footer#contact{background:var(--plum);color:var(--cream);padding:70px 0 22px;position:relative;overflow:hidden}footer#contact .footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px}footer#contact .footer-main h2{font-size:46px;line-height:1.02;margin:0 0 8px}footer#contact .footer-main p{color:#dbcddb;margin:0}footer#contact .footer-actions{display:flex;gap:10px}footer#contact .footer-actions .btn.secondary{background:transparent;border:1px solid #80657e;box-shadow:none}footer#contact .footer-small{border-top:1px solid #6a5068;margin-top:38px;padding-top:16px;display:flex;justify-content:space-between;color:#c8b6c6;font-size:12px}footer#contact .footer-small a{text-decoration:underline;color:inherit}footer#contact button.legal-trigger{font:inherit;background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer}
@media(max-width:800px){.nav-shell .wrap,footer#contact .wrap{width:calc(100% - 28px)}.nav-shell .nav{padding:16px 0;position:relative}.nav-shell .menu-toggle{display:inline-flex}.nav-shell .links{position:absolute;inset-inline:0;top:100%;display:grid;gap:5px;padding:10px;background:#fffaf3;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 12px 24px rgba(61,36,60,.15);visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none}.nav-shell .nav.menu-open .links{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.nav-shell .links a{display:flex;align-items:center;min-height:46px;padding:9px 12px;border-radius:10px}.nav-shell .links .btn{justify-content:center}.nav-shell .links a:not(.btn):hover,.nav-shell .links a:not(.btn):focus-visible{background:#f4e9dc}footer#contact .footer-main{display:block}footer#contact .footer-actions{margin-top:22px}footer#contact .footer-small{display:block}footer#contact .footer-small div:last-child{margin-top:8px}.works-showcase .switch{top:82px;padding-top:14px;padding-bottom:12px}.works-showcase .works-contact{margin:24px 14px 30px;padding:24px 20px}.works-showcase .works-contact-actions{width:100%}.works-showcase .works-contact .btn{min-height:52px;width:100%}}
@media(prefers-reduced-motion:reduce){.works-showcase *,.nav-shell *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

html{scroll-behavior:smooth}body{margin:0;background:#FBF6EE;color:#2A1726;font-family:Heebo,Arial,sans-serif;font-size:16px;line-height:1.6}body>.skip{position:absolute;top:-60px;right:16px;background:#3D243C;color:#fff;padding:10px 18px;border-radius:8px;z-index:1200}body>.skip:focus{top:12px}.nav-shell .menu-toggle{display:none;align-items:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid #E4D6C2;border-radius:11px;background:#fffaf3;color:#2A1726;font:700 16px Heebo,Arial,sans-serif;cursor:pointer}.nav-shell .menu-icon{width:22px;height:16px;display:grid;align-content:space-between}.nav-shell .menu-icon i{height:2px;background:currentColor;border-radius:2px}.nav-shell .brand-home .logo,.nav-shell .brand-home .by{display:block}.nav-shell .brand-home .logo{font-size:26px;font-weight:900}.nav-shell .brand-home .logo i{color:#BE3E2F;font-style:normal}.nav-shell .brand-home .by{font-size:12px;color:#695661}.nav-shell .links a:not(.btn){text-underline-offset:5px}.nav-shell .links .btn{font-size:16px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}footer#contact{background:#3D243C!important;color:#fff6e9!important;padding:70px 0 22px;position:relative;overflow:hidden}footer#contact .footer-main,footer#contact .footer-small{position:relative;z-index:1}footer#contact .footer-main h2{font-family:Rubik,Heebo,Arial,sans-serif}footer#contact .footer-main p,footer#contact .footer-small,footer#contact .footer-small a,footer#contact .footer-small button{color:#f5eaf4!important}footer#contact .footer-small button{font-size:12px}
@media(max-width:800px){.nav-shell .menu-toggle{display:inline-flex}.nav-shell .nav{position:relative}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
footer#contact .footer-actions .btn{background:var(--coral);color:#fff;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:900;box-shadow:0 5px 0 #b84032;text-decoration:none}footer#contact .footer-actions .btn.secondary{background:transparent;color:#fff;border:1px solid #80657e;box-shadow:none}
.nav-shell .links a.btn{background:#BE3E2F!important;color:#fff!important}

/* ===== works page, 2026-10 redesign: head, category tabs, four category layouts ===== */
.works-showcase{--w-paper:#fffaf3;--w-cream:#fff6e9;--w-apricot:#ffb27a;--w-butter:#ffd76a;--w-mint:#bdd8c5;--w-ink:#271d25;--w-plum:#3d243c;--w-coral:#bd3e2f;--w-muted:#5f4c57;--w-g:clamp(16px,3.4vw,56px);background:var(--w-paper);color:var(--w-ink)}
.works-showcase h1,.works-showcase h2,.works-showcase h3,.works-showcase h4{font-family:Rubik,Heebo,Arial,sans-serif;font-weight:800;margin:0}
.works-showcase p,.works-showcase dl,.works-showcase dd{margin:0}
.works-showcase .w-head{padding:64px var(--w-g) 40px;max-width:1440px;margin-inline:auto}
.works-showcase .w-head h1{font-size:clamp(46px,7vw,112px);line-height:.95;letter-spacing:-.035em}
.works-showcase .w-head .sub{font-size:clamp(18px,1.5vw,21px);margin-top:18px;max-width:52ch;color:var(--w-ink)}
.works-showcase .tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 var(--w-g);max-width:1440px;margin-inline:auto}
.works-showcase .tabs .pill{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:20px 22px 18px;background:var(--w-cream);color:var(--w-ink);font-family:Heebo,Arial,sans-serif;transition:background .2s,color .2s,transform .2s cubic-bezier(.2,.7,.2,1)}
.works-showcase .tabs .pill:hover{background:#f6e6d2}
.works-showcase .tabs .pill:active{transform:scale(.98)}
.works-showcase .tabs .pill b{font:800 clamp(26px,2.4vw,38px)/1 Rubik,Heebo,Arial,sans-serif}
.works-showcase .tabs .pill .n{font-size:16px;font-weight:800}
.works-showcase .tabs .pill .d{font-size:16px}
.works-showcase .tabs .pill[aria-pressed="true"]{background:var(--w-ink);color:var(--w-cream)}
.works-showcase .tabs .pill:focus-visible{outline:3px solid var(--w-coral);outline-offset:3px}
.works-showcase .cat{padding-bottom:120px}
.works-showcase .cat-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--w-g);align-items:end;padding:72px var(--w-g) 48px;max-width:1440px;margin-inline:auto}
.works-showcase .cat-intro h2{font-size:clamp(38px,4.4vw,72px);line-height:1;letter-spacing:-.03em}
.works-showcase .cat-intro p{font-size:18px;max-width:46ch}
.works-showcase .w-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-weight:800;font-size:17px}
.works-showcase .w-links a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;transition:text-underline-offset .2s}
.works-showcase .w-links a:hover{text-underline-offset:3px}
.works-showcase .w-links a.live{color:var(--w-coral)}
.works-showcase .story{font-size:18px;max-width:44ch}
.works-showcase .kind{font-size:16px;font-weight:700;margin-top:10px;color:var(--w-muted)}

/* browser frame; tall screenshots scroll themselves on hover, focus, or always on touch screens */
.works-showcase .frame{background:#efe3d4;border-radius:12px;overflow:hidden}
.works-showcase .chrome{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:700;color:var(--w-muted)}
.works-showcase .dots{display:flex;gap:6px}.works-showcase .dots i{width:10px;height:10px;border-radius:50%;background:#d8c6b3}
.works-showcase .url{flex:1;background:var(--w-paper);padding:5px 12px;border-radius:99px;direction:ltr;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.works-showcase .vp{--h:330px;height:var(--h);overflow:hidden;background:#fff}
.works-showcase .vp img{width:100%;height:auto}
.works-showcase .vp:not(.tall) img{height:100%;object-fit:cover;object-position:top}
.works-showcase .vp.tall img{animation:works-scroll var(--d,18s) ease-in-out infinite alternate;animation-play-state:paused}
.works-showcase .case:hover .vp.tall img,.works-showcase .case:focus-within .vp.tall img,.works-showcase .item:hover .vp.tall img,.works-showcase .item:focus-within .vp.tall img{animation-play-state:running}
@media (hover:none){.works-showcase .vp.tall img{animation-play-state:running}}
@keyframes works-scroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + var(--h)))}}

/* 1. clients: one wide case per client, alternating sides */
.works-showcase .case{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--w-g);align-items:center;padding:40px var(--w-g);max-width:1440px;margin-inline:auto}
.works-showcase .case:nth-of-type(even) .frame{order:2}
.works-showcase .case .vp{--h:520px}
.works-showcase .badge{display:inline-block;background:var(--w-mint);font-size:14px;font-weight:800;padding:4px 12px;border-radius:99px;margin-bottom:16px}
.works-showcase .case h3{font-size:clamp(40px,4.4vw,72px);line-height:.95;letter-spacing:-.03em}
.works-showcase .case .story{font-size:20px;margin-top:20px;max-width:36ch}
.works-showcase .facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:26px}
.works-showcase .facts dt{font:800 42px/1 Rubik,Heebo,Arial,sans-serif;color:var(--w-coral)}
.works-showcase .facts dd{font-size:16px;margin-top:4px}

/* 2. business: aisles, one colour band per field */
.works-showcase .jump{display:flex;gap:10px;flex-wrap:wrap;padding:0 var(--w-g) 40px;max-width:1440px;margin-inline:auto}
.works-showcase .jump a{background:#2f6b4f;color:#fff;font-weight:700;font-size:16px;padding:10px 16px;border-radius:6px;text-decoration:none;box-shadow:inset 0 0 0 3px #2f6b4f,inset 0 0 0 5px #fff;transition:background .2s,box-shadow .2s}
.works-showcase .jump a:hover,.works-showcase .jump a:focus-visible{background:var(--w-coral);box-shadow:inset 0 0 0 3px var(--w-coral),inset 0 0 0 5px #fff}
.works-showcase .aisle{display:grid;grid-template-columns:minmax(240px,.7fr) 2fr;gap:var(--w-g);padding:72px var(--w-g);background:var(--bg);color:var(--fg,var(--w-ink));scroll-margin-top:90px}
.works-showcase .a-cream{--bg:var(--w-cream)}.works-showcase .a-plum{--bg:var(--w-plum);--fg:var(--w-cream)}.works-showcase .a-butter{--bg:var(--w-butter)}.works-showcase .a-mint{--bg:var(--w-mint)}.works-showcase .a-apricot{--bg:var(--w-apricot)}.works-showcase .a-ink{--bg:var(--w-ink);--fg:var(--w-cream)}
.works-showcase .aisle-head h3{font-size:clamp(44px,5vw,84px);line-height:.92;letter-spacing:-.035em}
.works-showcase .aisle-head p{font-size:17px;margin-top:14px;max-width:24ch}
.works-showcase .racks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.works-showcase .racks.one{grid-template-columns:minmax(0,1fr)}
.works-showcase .racks.one .vp{--h:420px}
.works-showcase .item h4{font-size:32px;line-height:1;margin-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.works-showcase .tag{font:800 14px Heebo,Arial,sans-serif;background:var(--w-paper);color:var(--w-ink);padding:3px 10px;border-radius:99px}
.works-showcase .item p{font-size:17px;margin-top:10px;max-width:46ch}
.works-showcase .a-plum .w-links a.live,.works-showcase .a-ink .w-links a.live{color:var(--w-butter)}
.works-showcase .a-plum .frame,.works-showcase .a-ink .frame{background:#59405a}
.works-showcase .a-plum .chrome,.works-showcase .a-ink .chrome{color:#efe0ea}
.works-showcase .a-plum .dots i,.works-showcase .a-ink .dots i{background:#7c627c}
.works-showcase #cat-business{padding-bottom:0}

/* 3. products: exhibition, one poster row per product */
.works-showcase #cat-products{padding-bottom:0}
.works-showcase .ex{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--w-g);align-items:center;padding:88px var(--w-g);background:var(--bg);color:var(--fg,var(--w-ink));overflow:hidden}
.works-showcase .x-mint{--bg:var(--w-mint)}.works-showcase .x-ink{--bg:var(--w-ink);--fg:var(--w-cream)}.works-showcase .x-plum{--bg:var(--w-plum);--fg:var(--w-cream)}.works-showcase .x-butter{--bg:var(--w-butter)}.works-showcase .x-apricot{--bg:var(--w-apricot)}
.works-showcase .ex:nth-of-type(even) .pic{order:-1}
.works-showcase .ex h3{font-size:clamp(56px,7.2vw,124px);line-height:.88;letter-spacing:-.04em}
.works-showcase .ex .kind{color:inherit;font-size:18px;margin-top:16px}
.works-showcase .ex .story{font-size:19px;margin-top:16px;max-width:40ch}
.works-showcase .ex .note{font-size:16px;margin-top:10px}
.works-showcase .ex .w-links{margin-top:22px}
.works-showcase .ex .w-links a.live{color:inherit}
.works-showcase .ex .pic{transform:rotate(-2deg);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.works-showcase .ex:nth-of-type(even) .pic{transform:rotate(2deg)}
.works-showcase .ex:hover .pic,.works-showcase .ex:focus-within .pic{transform:rotate(0)}
.works-showcase .ex .pic img{width:100%;height:auto;border:10px solid var(--w-paper)}

/* 4. education: pinned pages on an apricot board */
.works-showcase #cat-education .board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 34px;padding:24px var(--w-g) 0;max-width:1440px;margin-inline:auto}
.works-showcase #cat-education{background:var(--w-apricot)}
.works-showcase .paper{background:var(--w-paper);padding:16px 16px 24px;position:relative;transform:rotate(-1.4deg);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.works-showcase .paper:nth-child(3n+2){transform:rotate(1deg)}.works-showcase .paper:nth-child(3n){transform:rotate(-.5deg)}
.works-showcase .paper:hover,.works-showcase .paper:focus-within{transform:rotate(0) translateY(-6px)}
.works-showcase .paper::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;border-radius:50%;background:var(--w-coral);transform:translateX(-50%)}
.works-showcase .paper:nth-child(3n+2)::before{background:var(--w-plum)}.works-showcase .paper:nth-child(3n)::before{background:var(--w-butter)}
.works-showcase .paper img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.works-showcase .paper h3{font-size:30px;line-height:1;margin-top:18px}
.works-showcase .paper .who{font-size:15px;font-weight:700;color:var(--w-muted);margin-top:6px}
.works-showcase .paper .story{font-size:17px;margin-top:10px}
.works-showcase .sticky{position:absolute;top:26px;inset-inline-start:-14px;z-index:1;background:var(--w-butter);padding:10px 14px;font-size:15px;font-weight:800;line-height:1.2;max-width:160px;transform:rotate(-4deg)}
.works-showcase .sticky b{display:block;font:800 32px/1 Rubik,Heebo,Arial,sans-serif}
.works-showcase #cat-education + .works-contact,.works-showcase .works-contact{max-width:1328px;margin-inline:var(--w-g)}
@media (min-width:1440px){.works-showcase .works-contact{margin-inline:auto}}

@media (max-width:900px){
 .works-showcase .w-head{padding-top:40px}
 .works-showcase .tabs{grid-template-columns:1fr 1fr}
 .works-showcase .tabs .pill{padding:16px}
 .works-showcase .cat-intro,.works-showcase .case,.works-showcase .aisle,.works-showcase .ex{grid-template-columns:minmax(0,1fr)}
 .works-showcase .cat-intro{padding-top:48px;padding-bottom:32px}
 .works-showcase .case:nth-of-type(even) .frame,.works-showcase .ex:nth-of-type(even) .pic{order:0}
 .works-showcase .case .vp{--h:420px}
 .works-showcase .racks{grid-template-columns:minmax(0,1fr)}
 .works-showcase .racks.one .vp,.works-showcase .vp{--h:300px}
 .works-showcase .aisle,.works-showcase .ex{padding-top:56px;padding-bottom:56px}
 .works-showcase .jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:28px}
 .works-showcase .jump a{white-space:nowrap}
 .works-showcase #cat-education .board{grid-template-columns:minmax(0,1fr)}
 .works-showcase .sticky{inset-inline-start:-6px}
}
@media (max-width:480px){.works-showcase .tabs .pill .d{display:none}}

.works-showcase .cat.show{animation:works-catin .35s ease both}
@keyframes works-catin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.works-showcase .works-contact .btn{color:#fff;border-radius:99px;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),filter .2s}
.works-showcase .works-contact .btn:hover{filter:brightness(1.12)}
.works-showcase .works-contact .btn:active{transform:scale(.97)}

/* Match the shared site header and center both contact calls to action. */
.nav-shell{--line:#E4D6C2;--coral:#BE3E2F;color:#2A1726}
.nav-shell .brand-home{display:block;color:inherit;text-decoration:none}
.nav-shell .brand-home .logo{font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1}
.nav-shell .brand-home .by{font-family:Rubik,Arial,sans-serif;font-size:13px;color:#76616f;margin-top:5px}
.nav-shell .links a.btn{padding:0 22px;min-height:48px;box-shadow:0 5px 0 #b84032;font-weight:900}
.works-showcase .works-contact{justify-content:center;text-align:center;flex-direction:column}
.works-showcase .works-contact-actions{justify-content:center}
footer#contact .footer-main{flex-direction:column;text-align:center}
footer#contact .footer-actions{justify-content:center;flex-wrap:wrap}
@media(max-width:800px){.nav-shell .brand-home .logo{font-size:29px}.nav-shell .links a.btn{padding:9px 12px;box-shadow:none}}

.nav-shell{--coral:#bd3e2f;--line:#dfcdbd;color:#271d25}.nav-shell .links a.btn{font-size:16px}.nav-shell .brand-home .by{font-weight:400}footer#contact{--coral:#bd3e2f;--plum:#3d243c}