.workflow-section,.portfolio-section,.contact-section{scroll-margin-top:96px}.workflow-section{padding:126px 0 0}.workflow-section .section-title{margin-bottom:8px}.workflow-intro,.portfolio-subtitle{text-align:center;color:var(--muted,#52616d);margin:0 0 41px;font-size:16px;line-height:1.35}.workflow-list{justify-items:center;gap:19px;width:min(100%,400px);margin:0 auto;padding:0;list-style:none;display:grid}.workflow-card{box-sizing:border-box;background:#fff;border:1px solid #d8e2ea;border-radius:11px;width:100%;padding:8px 21px 20px;position:relative}.workflow-card:nth-child(2n){width:90%}.workflow-card:nth-child(3){width:80%}.workflow-card h3{color:var(--ink,#24313b);font-family:var(--display-font);letter-spacing:-.02em;margin:0 0 9px;font-size:23px;line-height:1.2}.workflow-card p{color:#34414d;margin:0;font-size:14.2px;line-height:19px}.workflow-transition{text-align:center;justify-items:center;gap:0;margin-top:64px;display:grid}.workflow-transition>p{margin:0;font-size:19px;line-height:1.5}.workflow-portfolio{color:var(--ink,#24313b);margin-top:2px;font-size:19px;font-style:italic;font-weight:700;text-decoration:none}.workflow-portfolio:hover,.workflow-portfolio:focus-visible{text-decoration:none}.portfolio-section{padding:30px 0 75px}.portfolio-section .section-title{margin-bottom:8px}.portfolio-subtitle{margin-bottom:32px;font-size:17px}.portfolio-grid{flex-wrap:wrap;gap:18px 17px;display:flex}.portfolio-folder{--folder-surface:#f2f1f7;isolation:isolate;flex:0 0 calc(33.3333% - 11.3333px);min-width:0;height:98px;position:relative}.portfolio-folder-tab{z-index:1;background:var(--folder-surface);border:1px solid #bcc8d1;border-bottom:0;border-radius:6px 6px 0 0;width:min(53px,43%);height:14px;position:absolute;top:3px;left:1px}.portfolio-folder-face{z-index:3;background:var(--folder-surface);color:var(--ink,#24313b);border:1px solid #bcc8d1;border-radius:9px;align-items:flex-end;padding:0 13px 10px;text-decoration:none;transition:background-color .18s,border-color .18s;display:flex;position:absolute;inset:12px 0 0}.portfolio-folder-face:hover,.portfolio-folder-face:focus-visible,.portfolio-folder.is-preview-open .portfolio-folder-face{background:#e5edf5;border-color:#849db1;text-decoration:none}.portfolio-folder h3{color:var(--ink,#24313b);margin:0;font-size:15px;font-weight:600;line-height:1.25}.portfolio-folder-toggle{display:none}.portfolio-preview{z-index:2;pointer-events:none;height:68px;position:absolute;inset:0 0 auto}.portfolio-preview img{object-fit:cover;width:31%;height:56px;box-shadow:none;opacity:0;border:3px solid #fff;border-radius:3px;transition:opacity .18s,transform .22s;position:absolute;top:4px;left:50%;transform:translate(-50%,8px)rotate(0)scale(.9)}.portfolio-preview img[data-preview-photo="1"]{--photo-rotate:-10deg;--photo-x:-112%;--photo-y:3px}.portfolio-preview img[data-preview-photo="2"]{--photo-rotate:-1deg;--photo-x:-50%;--photo-y:0}.portfolio-preview img[data-preview-photo="3"]{--photo-rotate:9deg;--photo-x:12%;--photo-y:3px}.portfolio-preview:has(img:nth-child(4):last-child) img{width:27%}.portfolio-preview:has(img:nth-child(4):last-child) img:nth-child(2){--photo-x:-89%}.portfolio-preview:has(img:nth-child(4):last-child) img:nth-child(3){--photo-x:-11%;--photo-rotate:3deg}.portfolio-preview img:nth-child(4):last-child{--photo-x:68%;--photo-y:5px;--photo-rotate:11deg}.portfolio-preview.portfolio-preview--dense img{left:calc(17% + var(--fan-position) * 72%);--photo-x:-50%;--photo-y:calc(20px * (var(--fan-position) - .5) * (var(--fan-position) - .5));--photo-rotate:calc((var(--fan-position) - .5) * 24deg);width:22%}.portfolio-preview img:first-child,.portfolio-preview.portfolio-preview--dense img:first-child{--photo-x:0%;--photo-y:-4px;left:1%}@media (width>=701px){.portfolio-folder:hover .portfolio-preview img,.portfolio-folder:focus-within .portfolio-preview img{opacity:1;transform:translate(var(--photo-x), var(--photo-y)) rotate(var(--photo-rotate)) scale(1)}}.portfolio-folder.is-preview-open .portfolio-preview img{opacity:1;transform:translate(var(--photo-x), var(--photo-y)) rotate(var(--photo-rotate)) scale(1)}.portfolio-more{border:0;place-items:center;width:177px;min-width:177px;min-height:43px;margin:30px auto 0;display:grid}.contact-section{justify-content:space-between;align-items:center;gap:2rem;padding:22px 0 100px;display:flex}.contact-title{font-family:var(--display-font);margin:0;font-size:31px;line-height:1.12}.contact-heading{align-items:baseline;gap:16px;display:flex}.privacy-link{color:var(--muted);text-underline-offset:3px;font-size:14px;font-weight:600}.contact-links{gap:10px;display:flex}.contact-icon-link{background:var(--contact-tint,#e7f0f7);border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,box-shadow .18s;display:grid}.contact-icon-link:nth-child(2){--contact-tint:#eef1ea}.contact-icon-link:nth-child(3){--contact-tint:#f0edf7}.contact-icon-link:hover,.contact-icon-link:focus-visible{transform:translateY(-2px);box-shadow:0 4px #d9d7d0}.contact-icon-link:focus-visible{outline:2px solid var(--lead,#9188c6);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.workflow-section{padding-top:99px}.workflow-section .section-title{margin-bottom:7px}.workflow-intro{max-width:250px;margin:0 auto 35px;font-size:12px}.workflow-list{gap:17px;width:min(100%,250px)}.workflow-card{padding:8px 15px 16px}.workflow-card h3{margin-bottom:13px;font-size:16px}.workflow-card p{font-size:11.6px;line-height:14.3px}.workflow-transition{margin-top:68px}.workflow-transition>p{font-size:12.8px}.workflow-portfolio{font-size:14px}.portfolio-section{padding:136px 0 76px}.portfolio-section .section-title{margin-bottom:13px}.portfolio-subtitle{margin:0 0 44px;font-size:13px}.portfolio-grid{gap:13px 10px}.portfolio-folder{flex:0 0 calc(50% - 5px);height:68px}.portfolio-folder-face{padding:0 9px 8px;inset:8px 0 0}.portfolio-folder h3{font-size:10.3px}.portfolio-folder-toggle{z-index:4;color:#52616d;background:#fff;border:1px solid #bcc8d1;border-radius:50%;place-items:center;width:14px;height:14px;padding:0;display:grid;position:absolute;bottom:4px;right:8px}.folder-toggle-symbol:before{content:"+";font-size:11px;line-height:1}.portfolio-folder-toggle[aria-expanded=true] .folder-toggle-symbol:before{content:"−"}.portfolio-preview{height:54px;inset:0 -2px auto}.portfolio-preview img{border-width:2px;width:31%;height:37px}.portfolio-more{width:150px;min-width:150px;min-height:38px;margin-top:33px}.portfolio-folder-toggle:focus-visible{outline:2px solid var(--lead,#9188c6);outline-offset:2px}.contact-section{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 0 44px}.contact-title{font-size:24px}.contact-heading{gap:12px}.privacy-link{font-size:13px}.contact-links{gap:8px}.contact-icon-link{width:38px;height:38px}}@media (width<=360px){.workflow-list{gap:14px}.workflow-card:nth-child(2n){width:94%;padding-inline:11px}.workflow-card:nth-child(3){width:88%;padding-inline:9px}}@media (prefers-reduced-motion:reduce){.workflow-card,.portfolio-preview img,.portfolio-folder-face,.portfolio-folder-toggle,.contact-icon-link{transition-duration:.01ms}}@media (width>=701px) and (hover:hover){.portfolio-folder:has(.portfolio-preview):is(:hover,:focus-within) .portfolio-folder-face{top:46px}}@media (width<=700px){.portfolio-folder.is-preview-open .portfolio-folder-face{top:32px}}.wireframe-highlights{width:87.6%;max-width:1328px;margin-inline:auto;scroll-margin-top:90px}.wireframe-highlights-title{text-align:center;margin:0 0 clamp(42px,7vw,102px);font-family:Arial Rounded MT Bold,Nunito,Avenir Next,sans-serif;font-size:clamp(25px,5.15vw,74px);font-weight:700;line-height:1.1}.wireframe-highlights-title span{isolation:isolate;position:relative}.wireframe-highlights-title span:before{z-index:-1;content:"";background:#eeeaf6;position:absolute;inset:58% -.22em -.02em;transform:rotate(2deg)}.wireframe-highlights-title span:after{color:#9188c6;content:"✧";text-align:right;font-size:.4em;position:absolute;inset:30% -1.02em auto}.wireframe-board{isolation:isolate;aspect-ratio:664/585;position:relative}.wireframe-layout{transform-origin:0 0;height:77.78%;position:absolute;inset:10.8% 0 auto}.story-view{position:absolute;inset:0}.wireframe-board[data-story-camera] .story-view{clip-path:inset(calc(var(--story-view-top) * var(--story-crop)) 0 calc(max(0px, 100% - var(--story-view-bottom)) * var(--story-crop)))}.wireframe-layout .pinboard-background,.story-prints{display:contents}.wireframe-print{z-index:var(--print-layer,var(--layer));top:var(--y);left:var(--x);width:var(--width);height:var(--height);transform:rotate(var(--rotation));transform-origin:50%;background:#fff;border:1px solid #d0d5d6;border-radius:3px;margin:0;padding:clamp(3px,.64vw,9px);position:absolute}.wireframe-board[data-active-highlight] :is(.pinboard-background,.story-prints:not(.is-framed)) .wireframe-print img{opacity:.66}.wireframe-board[data-active-highlight] .story-prints.is-framed .wireframe-print{z-index:calc(32 + var(--print-layer,var(--layer)))}.wireframe-print-front{padding-bottom:clamp(7px,1.45vw,21px);box-shadow:2px 3px #ddd9d0}.wireframe-print-back{background:#f2f4f7;border-color:#d9e1e8}.wireframe-crop,.wireframe-crop img{width:100%;height:100%;display:block;overflow:hidden}.wireframe-crop{background:#fcfdff;position:relative}.wireframe-crop img{object-fit:cover;transition:opacity .16s}.wireframe-print-back .wireframe-crop:after{content:"";background:#fcfdff57;position:absolute;inset:0}.wireframe-back-3 img{object-position:50% 36%}.wireframe-back-research{--print-layer:9}.wireframe-back-research img{object-position:50% 38%}.story-print-amazon-1 img{object-position:84% 50%}.wireframe-taped:before{z-index:1;background:var(--tape,#cad8e7);content:"";border-radius:2px;width:32%;height:clamp(8px,1.7vw,23px);position:absolute;top:-5px;left:35%;transform:rotate(6deg)}.story-print-amazon-1{--tape:#d7e1d3}.story-print-wildhacks-1{--tape:#e2daee}.wireframe-corner:after{aspect-ratio:1;background:var(--corner,#d0deec);clip-path:polygon(100% 0,100% 100%,0 100%);content:"";width:clamp(10px,2vw,27px);position:absolute;bottom:0;right:0}.story-print-apple-2,.story-print-wildhacks-3{--print-layer:21}.wireframe-board[data-active-highlight] .wireframe-paper{opacity:0}.wireframe-paper{z-index:7;background:#e8eef4;border-radius:2px;width:87.5%;height:57.8%;transition:opacity .16s;position:absolute;top:19.6%;left:6%;transform:rotate(-5deg)}.wireframe-paper-violet{z-index:8;background:#f0ebf6;width:68.4%;height:48.4%;top:27.9%;left:16.9%;transform:rotate(8deg)}.wireframe-caption{z-index:21;top:min(100%,76svh);opacity:0;visibility:hidden;background:#fff;border:1px solid #d2d8d9;border-radius:8px;padding:.85em 1.1em;transition:opacity .18s;position:absolute;inset-inline:4%;transform:translateY(-100%)}.wireframe-caption.is-current{opacity:1;visibility:visible}.wireframe-caption h3,.wireframe-caption p{margin:0}.wireframe-caption p{margin-top:.3em}@media (width<=700px){.wireframe-highlights{width:86.1%}.wireframe-highlights-title{margin-bottom:44px;font-size:clamp(25px,8.28vw,42px)}.wireframe-board{aspect-ratio:260/655}.wireframe-layout{height:69.47%;top:14.28%}.wireframe-print{top:var(--my);left:var(--mx);width:var(--mwidth);height:var(--mheight);transform:rotate(var(--mrotation))}.wireframe-paper-blue{width:89%;height:72%;top:14%;left:5.7%;transform:rotate(7deg)}.wireframe-paper-violet{display:none}}
