.work{padding-top:155px}.work-grid{grid-template-columns:repeat(12,1fr);column-gap:2.6vw;row-gap:110px}.work-item-a{grid-column:1/7;width:100%}.work-item-b{grid-column:8/13;margin-top:170px}.work-item-c{grid-column:2/8}.work-item-d{grid-column:9/13;margin-top:150px}.work-item-a .work-media{height:700px}.work-item-b .work-media{height:430px}.work-item-c .work-media{height:550px}.work-item-d .work-media{height:610px}.work-end{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:85px}.work-end .work-note{margin:0}.work-end .text-link{white-space:nowrap}.concept-canvas{overflow:hidden;position:relative}.concept-canvas-web{background:#b01d22;color:#f3f0e8;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.concept-browser{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.concept-word{font:700 clamp(64px,8vw,145px)/.86 Oswald,sans-serif;letter-spacing:-.065em;position:relative;z-index:2}.concept-thumb{position:absolute;right:4%;bottom:10%;width:35%;height:48%;transform:rotate(5deg)}.concept-foot{font-size:12px;font-weight:700;position:relative;z-index:3}.concept-canvas-app{background:#201b1c;padding:8%;display:grid;place-items:center}.app-screen{width:100%;height:100%;background:#e9dfd5;color:#21191b;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.app-top span:first-child{font:700 28px Oswald,sans-serif}.app-body{font:600 clamp(36px,4vw,68px)/.95 Oswald,sans-serif;text-transform:uppercase}.app-body img{height:225px;margin-top:20px;object-position:center 34%}.app-bottom{font-size:12px;font-weight:700;display:flex;justify-content:space-between}.solutions{background:#e6e0d5;padding:120px clamp(18px,3vw,48px) 170px}.solutions-intro{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:4vw;margin-bottom:95px}.solutions-intro h2{font:700 clamp(78px,11vw,185px)/.84 Oswald,sans-serif;letter-spacing:-.06em;color:var(--red);margin:0}.solutions-intro h2 span{color:var(--ink)}.solutions-intro p{font-size:clamp(20px,2vw,30px);line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;max-width:440px}.solution{border-top:2px solid var(--ink)}.solution:last-child{border-bottom:2px solid var(--ink)}.solution summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font:600 clamp(38px,5vw,78px)/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.035em;transition:color .2s}.solution summary::-webkit-details-marker{display:none}.solution summary:hover,.solution[open] summary{color:var(--red)}.solution-toggle{font-family:'DM Sans',sans-serif;font-size:36px;font-weight:400;transition:transform .3s}.solution[open] .solution-toggle{transform:rotate(45deg)}.solution-content{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end;padding:12px 0 45px}.solution-content p{font-size:clamp(20px,2.1vw,32px);max-width:610px;line-height:1.27;letter-spacing:-.04em;margin:0}.solution-visual{height:320px;overflow:hidden}.solution-visual img{object-position:center}.solution-type{display:flex;align-items:center;padding:25px;background:var(--paper);font:700 clamp(55px,5vw,88px)/.9 Oswald,sans-serif;letter-spacing:-.05em;color:var(--red)}.solution-type-red{background:var(--red);color:var(--paper)}.solution-type-dark{background:var(--ink);color:var(--paper)}.manifesto{background:var(--paper)}.work-page .page-intro{padding:100px clamp(18px,3vw,48px) 30px}.work-page .page-intro h1{font:700 clamp(110px,20vw,320px)/.8 Oswald,sans-serif;letter-spacing:-.065em;color:var(--red);margin:0}.work-page .page-intro p{font-size:20px;max-width:600px}.work-page .work{padding-top:70px}.work-page .work>.section-head{display:none}.work-page .work-end{justify-content:flex-start}@media(max-width:800px){.work{padding-top:90px}.work-grid{grid-template-columns:1fr 1fr;gap:70px 20px}.work-item-a,.work-item-b,.work-item-c,.work-item-d{grid-column:auto;width:100%;margin-top:0}.work-item-b,.work-item-d{margin-top:100px}.work-item-a .work-media,.work-item-d .work-media{height:65vw}.work-item-b .work-media,.work-item-c .work-media{height:48vw}.concept-word{font-size:9vw}.app-body{font-size:4vw}.app-body img{height:17vw}.solutions{padding-top:95px;padding-bottom:110px}.solutions-intro{display:block;margin-bottom:70px}.solutions-intro p{margin-top:45px}.solution-visual{height:250px}}@media(max-width:560px){.work-grid{display:block}.work-item{margin:0 0 65px}.work-item-a .work-media{height:120vw}.work-item-b .work-media{height:75vw}.work-item-c .work-media{height:96vw}.work-item-d .work-media{height:105vw}.concept-word{font-size:17vw}.app-body{font-size:8vw}.app-body img{height:40vw}.work-end{display:block;margin-top:15px}.work-end .text-link{margin-top:30px}.solutions-intro h2{font-size:16vw}.solutions-intro p{font-size:23px}.solution summary{font-size:10vw;padding:20px 0}.solution-content{display:block;padding-bottom:30px}.solution-content p{font-size:21px;margin:0 0 28px}.solution-visual{height:210px}.solution-type{font-size:13vw}.work-page .page-intro h1{font-size:22vw}}
