.work-page{width:min(1180px,100% - 2.5rem);margin:auto;padding-bottom:80px}.work-heading{max-width:960px;padding:65px 0 45px}.work-heading h1{font:750 clamp(2.8rem,7vw,6rem)/.98 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0}.work-heading h1 em{font-style:italic;font-weight:500}.work-heading>p:last-child{max-width:660px;color:var(--muted);margin:25px 0 0;font-size:1.1rem;line-height:1.75}.work-filter-bar{border-block:1px solid var(--soft-line);margin-bottom:35px;padding:18px 0}.work-filters{flex-wrap:wrap;gap:9px;display:flex}.work-filters[hidden]{display:none}.work-filters a{border:1px solid var(--soft-line);border-radius:4px;padding:10px 14px;font-size:.8rem;text-decoration:none}.work-filters a[aria-current=true]{color:#fff;background:#a63e00;border-color:#a63e00}.work-count{color:var(--muted);margin:16px 0 0;font-size:.78rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px;display:grid}.work-card{min-width:0}.work-card[hidden]{display:none}.work-card-main{text-decoration:none;display:block}.work-cover{aspect-ratio:1.5;background:#ecddca;border:1px solid #30221b44;border-radius:5px 12px 5px 9px;position:relative;overflow:hidden}.work-cover img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.work-type-cover{background:repeating-linear-gradient(0deg,#0000,#0000 31px,#30221b0b 32px);flex-direction:column;justify-content:space-between;gap:15px;height:100%;padding:24px;display:flex}.work-cover--ai{background-color:#f6d7b9}.work-cover--business{background-color:#dce4d0}.work-cover--mobile{background-color:#f0dfa9}.work-cover--open{background-color:#d9e3e5}.work-type-cover>span{letter-spacing:.025em;font-size:.63rem}.work-type-cover strong{max-width:95%;font:700 clamp(1.6rem,2.6vw,2.5rem)/1 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere}.work-cover-arrow{font-size:1.4rem;position:absolute;top:10px;right:12px}.work-card-copy{padding:18px 0}.work-context{color:#806656;margin:0 0 10px;font-size:.7rem;line-height:1.5}.work-card h2{font:700 1.6rem/1.12 var(--display);letter-spacing:-.025em;margin:0 0 12px}.work-card-copy>p:not(.work-context){color:var(--muted);margin:0 0 16px;font-size:.87rem;line-height:1.75}.work-card-action{color:#a63e00;font-size:.8rem;font-weight:650}.work-card-main:hover h2{text-underline-offset:4px;text-decoration:underline}.work-page :focus-visible{outline-offset:5px;outline:3px solid #b94200}.work-enquiry{border:1px solid var(--soft-line);background:#f6e7d2;border-radius:5px 12px 5px 9px;margin-top:65px;padding:40px}.work-enquiry h2{font:700 clamp(1.8rem,4vw,3rem)/1.08 var(--display);letter-spacing:-.035em;margin:0 0 20px}.work-enquiry p:not(.section-kicker){color:var(--muted);max-width:620px;line-height:1.75}.work-enquiry a{text-underline-offset:6px;color:#923500;margin-top:12px;font-weight:650;display:inline-block}.case-facts{border-block:1px solid var(--soft-line);flex-wrap:wrap;gap:28px 60px;margin:0 0 60px;padding:24px 0;display:flex}.case-facts>div{flex:220px;min-width:0}.case-facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.case-facts dd{overflow-wrap:anywhere;margin:10px 0 0;font-size:.9rem;line-height:1.7}.case-story{grid-template-columns:1fr 1fr;gap:60px;display:grid}.case-story h2,.case-capabilities h2,.case-related h2{font:700 clamp(1.7rem,3vw,2.5rem)/1.1 var(--display);letter-spacing:-.03em;margin:0 0 20px}.case-story p:not(.section-kicker){color:var(--muted);font-size:1rem;line-height:1.85}.case-capabilities{margin-top:55px}.case-capabilities ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0 0;padding:0;list-style:none;display:grid}.case-capabilities li{border-top:1px solid var(--soft-line);padding-top:20px}.case-capabilities li>span{color:#a63e00;font-family:var(--scribble)}.case-capabilities li p{color:var(--muted);line-height:1.8}.case-gallery{grid-template-columns:1fr 1fr;gap:32px;margin:55px 0;display:grid}.case-gallery figure{min-width:0;margin:0}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{border:1px solid var(--soft-line);background:#ede6da;border-radius:8px;width:100%;height:auto;display:block}.case-gallery figcaption{flex-direction:column;gap:6px;padding-top:15px;font-size:.8rem;line-height:1.65;display:flex}.case-gallery figcaption span{color:var(--muted)}.case-links{border-block:1px solid var(--soft-line);justify-content:space-between;gap:20px;margin-top:50px;padding:25px 0;display:flex}.case-links a{color:#923500;text-underline-offset:6px;font-weight:650}.case-related{margin-top:60px}.case-related ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;list-style:none;display:grid}.case-related a{text-underline-offset:5px;font-weight:650}.case-related p{color:var(--muted);font-size:.85rem;line-height:1.75}@media (width<=1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-type-cover strong{font-size:clamp(1.8rem,4vw,2.5rem)}}@media (width<=640px){.work-heading{padding:40px 0 30px}.work-grid,.case-story,.case-capabilities ol,.case-related ul,.case-gallery{grid-template-columns:1fr}.work-heading>p:last-child{font-size:1rem}.work-type-cover strong{font-size:clamp(2rem,8vw,3rem)}.work-filters a{padding:10px;font-size:.75rem}.work-enquiry{padding:28px 22px}.case-story{gap:28px}.case-gallery figure:first-child{grid-column:auto}}.work-live-link{color:#923500;text-underline-offset:5px;font-size:.83rem;font-weight:650}.work-design-link{border-top:1px solid var(--soft-line);color:var(--muted);margin:45px 0 0;padding-top:22px;font-size:.85rem;line-height:1.8}.work-design-link a{color:#923500;text-underline-offset:4px}.case-cover{border:1px solid var(--soft-line);background:#fffdf8;border-radius:8px;margin:0 0 40px;overflow:hidden}.case-cover img{object-fit:contain;width:100%;height:auto;max-height:650px;display:block}.case-cover figcaption{color:var(--muted);padding:15px 20px;font-size:.75rem;line-height:1.6}.project-story-heading{max-width:1000px;padding-bottom:38px}.project-visit{color:#923500;text-underline-offset:5px;margin-top:24px;font-size:.85rem;font-weight:650;display:inline-block}.project-overview{border-block:1px solid var(--soft-line);grid-template-columns:1.25fr 1fr;gap:45px;padding:32px 0;display:grid}.project-workflow{border:1px solid var(--soft-line);background:#f1e7d5;border-radius:5px 14px 6px 10px;padding:28px}.project-workflow h2{font:700 clamp(1.5rem,3vw,2rem)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 28px}.project-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:0;list-style:none;display:grid}.project-workflow li{flex-direction:column;gap:17px;min-width:0;display:flex;position:relative}.project-workflow li>span{z-index:1;color:#923500;width:37px;height:37px;font:700 .8rem var(--scribble);background:#fffdf8;border:1px solid #bda78d;border-radius:50%;place-items:center;display:grid;position:relative}.project-workflow li:not(:last-child):after{content:"";border-top:1px dashed #a4896d;width:calc(100% - 32px);position:absolute;top:18px;left:40px}.project-workflow strong{font-size:.8rem;font-weight:650;line-height:1.55}.project-features{align-self:center}.project-features h2{font:700 1.45rem var(--display);letter-spacing:-.025em;margin:0 0 20px}.project-features ul{margin:0;padding:0;list-style:none}.project-features li{border-bottom:1px solid var(--soft-line);color:var(--muted);padding:14px 0 14px 20px;font-size:.88rem;line-height:1.7;position:relative}.project-features li:before{content:"";background:#b14b12;border-radius:50%;width:5px;height:5px;position:absolute;top:23px;left:0}.project-tech{flex-wrap:wrap;align-items:center;gap:14px 25px;padding:22px 0;display:flex}.project-tech>p{color:var(--muted);margin:0;font-size:.73rem}.project-tech ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-tech li{border:1px solid var(--soft-line);border-radius:4px;padding:6px 9px;font-size:.68rem}.project-gallery-section{padding-top:35px}.project-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.project-section-heading h2,.project-related h2{font:700 1.8rem var(--display);letter-spacing:-.025em;margin:0}.project-section-heading p{color:var(--muted);margin:0;font-size:.75rem}.project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-gallery figure{min-width:0;margin:0}.project-gallery a{border:1px solid var(--soft-line);background:#eee7da;border-radius:7px;place-items:center;height:230px;padding:12px;display:grid}.project-gallery img{object-fit:contain;width:100%;height:100%;display:block}.project-gallery figcaption{color:var(--muted);padding-top:12px;font-size:.7rem;line-height:1.6}.project-gallery--mobile a{background:#f1e4ba;height:450px;padding:18px}.project-related{margin-top:35px}.project-related ul{grid-template-columns:1fr 1fr;gap:25px;margin:24px 0 0;padding:0;list-style:none;display:grid}.project-related li{border-top:1px solid var(--soft-line);padding-top:16px}.project-related li>span{color:var(--muted);margin-bottom:9px;font-size:.65rem;display:block}.project-related a{font:650 1.2rem var(--display);text-underline-offset:5px}.work-card-copy h2{margin-top:0}@media (width<=800px){.project-overview{grid-template-columns:1fr;gap:28px}.project-gallery{grid-template-columns:1fr}.project-gallery a{height:330px}.project-gallery--mobile{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-gallery--mobile a{height:310px;padding:6px}}@media (width<=480px){.project-workflow{padding:23px 18px}.project-workflow ol{gap:10px}.project-workflow strong{font-size:.73rem}.project-related ul,.project-gallery--mobile{grid-template-columns:1fr}.project-gallery--mobile a{height:450px;padding:16px}.case-links{flex-direction:column}}.case-jump-links{border-block:1px solid var(--soft-line);flex-wrap:wrap;gap:10px 24px;padding:17px 0;display:flex}.case-jump-links a{color:#923500;padding:6px 0;font-size:.75rem;font-weight:600;text-decoration:none}.case-jump-links a:hover{text-underline-offset:5px;text-decoration:underline}.case-background{padding:45px 0 38px}.case-background header{max-width:760px}.case-background h2{font:700 clamp(1.9rem,3.8vw,3rem)/1.08 var(--display);letter-spacing:-.035em;margin:0}.case-audience{color:var(--muted);margin:17px 0 0;font-size:.78rem}.case-background-columns{grid-template-columns:1fr 1fr;gap:50px;margin-top:32px;display:grid}.case-background-columns h3{font:650 1.2rem var(--display);margin:0 0 12px}.case-background-columns p{color:var(--muted);max-width:540px;margin:0;font-size:.92rem;line-height:1.85}.case-deep-dive{padding:40px 0 0}.case-notes{border-top:1px solid var(--soft-line)}.case-notes details{border-bottom:1px solid var(--soft-line)}.case-notes summary{cursor:pointer;font:650 1.1rem/1.4 var(--display);grid-template-columns:30px 1fr 24px;align-items:center;gap:18px;padding:22px 0;list-style:none;display:grid}.case-notes summary::-webkit-details-marker{display:none}.case-note-number{color:#923500;font:700 .75rem var(--scribble)}.case-note-toggle{font:400 1.6rem var(--display);color:#923500;justify-self:end}.case-notes details[open] .case-note-toggle{transform:rotate(45deg)}.case-notes details>p{max-width:800px;color:var(--muted);margin:0;padding:0 42px 25px 48px;font-size:.9rem;line-height:1.85}.case-example{background:#f3e9d8;border-left:3px solid #c65c1c;border-radius:0 9px 9px 0;margin-top:35px;padding:30px}.case-example h2{font:650 1.45rem/1.2 var(--display);letter-spacing:-.02em;margin:0 0 15px}.case-example>p:last-child{color:#6d5746;max-width:850px;margin:0;font-size:.92rem;line-height:1.85}.case-background,.case-deep-dive,.case-example,#workflow-heading,#screens-heading{scroll-margin-top:110px}@media (width<=700px){.case-background-columns{grid-template-columns:1fr;gap:24px}.case-jump-links{gap:6px 17px}.case-background{padding-top:32px}.case-notes summary{grid-template-columns:23px 1fr 20px;gap:12px;font-size:1rem}.case-notes details>p{padding:0 10px 24px 35px}.case-example{padding:25px 22px}}.case-delivery{padding-top:40px;scroll-margin-top:110px}.case-delivery-grid{grid-template-columns:1.6fr 1fr;gap:28px;display:grid}.case-capability-map{border-block:1px solid var(--soft-line)}.case-map-heading,.case-map-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.case-map-heading{color:#923500;text-transform:uppercase;letter-spacing:.04em;padding:13px 0;font-size:.65rem;font-weight:650}.case-map-row{border-top:1px solid var(--soft-line);padding:16px 0}.case-map-row p{color:var(--muted);margin:0;font-size:.83rem;line-height:1.75}.case-map-row p:last-child{color:var(--ink)}.case-output-panel{background:#edf0e5;border:1px solid #bbbea947;border-radius:6px 12px 6px 9px;padding:24px}.case-output-panel h3{font:650 1.25rem var(--display);margin:0 0 18px}.case-output-panel ul{margin:0;padding:0;list-style:none}.case-output-panel li{color:#4c5c47;border-top:1px solid #71806130;padding:12px 0 12px 20px;font-size:.83rem;line-height:1.7;position:relative}.case-output-panel li:before{content:"";background:#6a7d57;border-radius:50%;width:5px;height:5px;position:absolute;top:21px;left:0}.case-workflow-change{grid-template-columns:1fr 1fr;gap:24px;margin-top:25px;display:grid}.case-workflow-change section{border:1px solid var(--soft-line);border-radius:6px;padding:22px}.case-workflow-change section:last-child{background:#f2e7d5}.case-workflow-change h3{font:650 1.1rem var(--display);margin:0 0 12px}.case-workflow-change p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.8}@media (width<=700px){.case-delivery-grid,.case-workflow-change{grid-template-columns:1fr}.case-map-heading,.case-map-row{gap:16px}}.work-grid{gap:22px}.work-card{border:1px solid var(--soft-line);background:#fffdf8;border-radius:6px 16px;flex-direction:column;padding:clamp(24px,3vw,36px);display:flex}.work-card-main{flex-direction:column;flex:1;display:flex}.work-card-meta{color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:36px;font-size:.72rem;display:flex}.work-card-meta>span:last-child{color:#a63e00;font-variant-numeric:tabular-nums}.work-card-copy{flex-direction:column;flex:1;padding:0;display:flex}.work-card h2{max-width:460px;font-size:clamp(1.65rem,3vw,2.3rem)}.work-card-copy>p:not(.work-context){margin-bottom:24px}.work-card-action{border-bottom:1px solid var(--soft-line);margin-top:auto;padding-block:12px;display:block}.work-live-link{align-self:flex-start;padding-top:16px}.case-jump-links a{align-items:center;min-height:44px;display:inline-flex}.project-story section[id],.project-story h2[id]{scroll-margin-top:110px}.case-notes summary{min-height:64px}@media (width<=640px){.case-links{flex-direction:column}.case-links a{padding-block:8px}}
