.folio-page{min-width:0;min-height:70vh}.folio-crumb{color:var(--site-muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:9px;padding:26px 0 0;font-size:12px;font-weight:700;display:flex}.folio-crumb a:hover{color:var(--site-blue)}.folio-crumb span[aria-hidden=true]{color:var(--site-line)}.folio-crumb [aria-current]{color:var(--site-ink)}.folio-hero{grid-template-columns:minmax(0,1fr) minmax(270px,.52fr);align-items:end;gap:42px;padding:76px 0 70px;display:grid}.folio-hero>*{min-width:0}.folio-kicker{color:var(--site-blue);font-family:var(--site-font-mono);letter-spacing:.09em;margin:0 0 21px;font-size:11px;font-weight:700}.folio-hero h1,.detail-hero h1{color:var(--site-heading);font-family:var(--site-font-display);letter-spacing:-.075em;overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:clamp(52px,6.6vw,92px);font-weight:800;line-height:1.12}.folio-hero h1 em{color:var(--site-blue);font-style:normal}.folio-lead{max-width:640px;color:var(--site-muted);word-break:keep-all;margin:25px 0 0;font-size:17px;line-height:1.85}.folio-index{border:1px solid var(--site-line);background:var(--site-surface);min-height:160px;box-shadow:8px 8px 0 color-mix(in srgb, var(--site-line) 55%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:25px 28px 22px;display:grid;position:relative}.folio-index:before{background:var(--site-orange);width:8px;height:12px;box-shadow:0 29px 0 var(--site-orange), 0 58px 0 var(--site-orange);content:"";border-radius:5px;position:absolute;top:15px;left:-7px}.folio-index .mono{color:var(--site-blue)}.folio-index strong{color:var(--site-heading);letter-spacing:-.08em;margin:10px 0 2px;font-size:58px;line-height:1;display:block}.folio-index small{color:var(--site-muted);font-size:12px;font-weight:700}.folio-index-arrow{color:var(--site-orange);font-family:var(--site-font-mono);font-size:45px;line-height:1}.folio-controls{border-top:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:22px;padding:25px 0 18px;display:flex}.folio-controls .mono{color:var(--site-blue)}.folio-search{border:1px solid var(--site-line);background:var(--site-surface);width:min(100%,310px);min-width:0;min-height:45px;color:var(--site-muted);align-items:center;gap:11px;padding:0 14px;display:flex}.folio-search:focus-within{border-color:var(--site-blue);box-shadow:0 0 0 3px var(--site-blue-soft)}.folio-search input{width:100%;min-width:0;color:var(--site-ink);font-family:var(--site-font-body);background:0 0;border:0;outline:0;font-size:13px;font-weight:600}.folio-search input::placeholder{color:var(--site-muted)}.folio-feature{color:#edf4f7;background:#102c43;border:1px solid #294964;min-height:396px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.folio-feature>.folio-project-link{min-height:inherit;grid-template-columns:minmax(0,1fr) minmax(285px,.78fr);display:grid}.folio-feature:hover{transform:translateY(-4px);box-shadow:0 16px 25px #142d4129}.folio-feature-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(32px,4vw,55px);display:flex}.folio-feature-number{color:#9eb7c8}.folio-feature h2{letter-spacing:-.065em;overflow-wrap:anywhere;margin:45px 0 13px;font-size:clamp(34px,3.7vw,53px);line-height:1.1}.folio-feature p:not(.folio-feature-number){color:#bbced9;word-break:keep-all;max-width:440px;margin:0;font-size:15px;line-height:1.8}.folio-tags{flex-wrap:wrap;gap:7px;margin-top:23px;display:flex}.folio-tags span{color:#c9d9e4;font-family:var(--site-font-mono);overflow-wrap:anywhere;border:1px solid #cde2ee45;padding:7px 9px;font-size:10px;font-weight:700}.folio-feature-cta{color:#fff;align-items:center;gap:10px;margin-top:auto;padding-top:29px;font-size:13px;font-weight:800;display:flex}.folio-feature-art{background:#c0d0e6;place-items:center;min-width:0;min-height:100%;display:grid;position:relative;overflow:hidden}.folio-feature-art:before{content:"";background:#f6f9fa;border:1px solid #7d99be;position:absolute;inset:26px -22px 17px 26px;transform:rotate(-4deg)}.folio-image-frame{z-index:2;background:#f9fbfc;border:1px solid #7694af;border-radius:3px;width:min(82%,430px);padding:6px;position:relative;transform:rotate(3deg);box-shadow:-14px 14px #25446424}.folio-project-image{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:290px;display:block}.folio-feature-art>.art-label{z-index:3;color:#274458;font-family:var(--site-font-mono);letter-spacing:.04em;font-size:11px;font-weight:800;position:absolute;bottom:14px;right:18px}.folio-browser{background:#f9fbfc;border:1px solid #7694af;border-radius:6px 6px 0 0;position:absolute;inset:53px -21px 0 43px;transform:rotate(4deg);box-shadow:-14px 14px #25446424}.folio-feature-art:has(.folio-project-image) .folio-browser{display:none}.folio-browser-bar{background:#e8eef0;border-bottom:1px solid #cfdae1;align-items:center;gap:6px;height:29px;padding:0 12px;display:flex}.folio-browser-bar i{background:#e77c6b;border-radius:50%;width:6px;height:6px}.folio-browser-bar i:nth-child(2){background:#e6be70}.folio-browser-bar i:nth-child(3){background:#8ab69c}.folio-browser-body{padding:31px}.folio-browser-body strong{color:#254661;letter-spacing:-.07em;font-size:clamp(26px,2.8vw,40px)}.folio-browser-body strong span{color:#e86843}.folio-browser-body p{background:#cfdae1;border-radius:3px;width:73%;height:7px;margin:19px 0 0}.folio-browser-body p+p{width:56%;margin-top:8px}.folio-browser-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px;display:grid}.folio-browser-cards i{background:#d9e4ea;height:74px}.folio-browser-cards i:first-child{background:#c1d1ef}.folio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:17px 0 10px;display:grid}.folio-card{border:1px solid var(--site-line);background:var(--site-surface);min-width:0;min-height:275px;transition:border-color .2s,transform .2s,box-shadow .2s;display:block;overflow:hidden}.folio-card>.folio-project-link{min-height:inherit;grid-template-columns:minmax(0,1fr) 140px;display:grid}.folio-card:hover{border-color:var(--site-blue);box-shadow:0 12px 22px color-mix(in srgb, var(--site-ink) 9%, transparent);transform:translateY(-3px)}.folio-card-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:27px 27px 24px;display:flex}.folio-card .mono{color:var(--site-muted)}.folio-card h3{color:var(--site-heading);letter-spacing:-.055em;overflow-wrap:anywhere;margin:37px 0 9px;font-size:clamp(23px,2.2vw,31px);line-height:1.2}.folio-card p:not(.mono){color:var(--site-muted);word-break:keep-all;margin:0;font-size:13px;line-height:1.75}.folio-card .folio-tags{margin-top:16px}.folio-card .folio-tags span,.detail-side .folio-tags span{border-color:var(--site-line);color:var(--site-muted)}.folio-card-cta{color:var(--site-blue);margin-top:auto;padding-top:17px;font-size:12px;font-weight:800}.folio-card-art{background:#d9e0ce;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.folio-card-art:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 34px,#ffffff29 34px 35px);position:absolute;inset:0}.folio-card-art .folio-image-frame{border-color:#8ba3af;width:calc(100% - 20px);padding:3px;transform:rotate(4deg);box-shadow:7px 9px #27444f21}.folio-card-art .folio-project-image{max-height:200px}.folio-card-art .art-label{z-index:3;color:#274458;font-family:var(--site-font-mono);letter-spacing:.04em;font-size:11px;font-weight:800;position:absolute;bottom:20px;left:18px}.folio-card-art .art-shape{background:#f9f9ed;border:5px solid #29475c;border-radius:18px;width:135px;height:215px;position:absolute;top:31px;left:20px;transform:rotate(9deg);box-shadow:15px 17px #27444f21}.folio-card-art:has(.folio-project-image) .art-shape{display:none}.folio-card-art .art-shape:before{content:"";background:#d3c09a;border-radius:50%;height:48px;position:absolute;inset:16px 12px auto}.folio-card-art .art-shape:after{content:"";background:#a0bba6;border-radius:4px;height:55px;position:absolute;inset:80px 12px auto}.folio-card-art.art-mbti{background:#dcd8eb}.folio-card-art.art-shop{background:#e8dbc9}.folio-card-art.art-swifty{background:#cedbe9}.folio-card-art.art-blog,.folio-card-art.art-nextjs-blog{background:#c0d0e6}.folio-card-art.art-sharepetment{background:#d9e0ce}.folio-card-art.art-solo-project{background:#e8dbc9}.folio-empty{border:1px dashed var(--site-line);color:var(--site-muted);text-align:center;margin:20px 0 90px;padding:40px}.folio-bottom{color:var(--site-muted);justify-content:space-between;align-items:center;gap:18px;padding:24px 0 90px;font-size:12px;display:flex}.folio-bottom a{color:var(--site-blue);font-weight:800}.detail-hero{isolation:isolate;clip-path:inset(0 -100vmax);color:#f2f7f9;background:#102c43;margin-top:28px;position:relative;box-shadow:0 0 0 100vmax #102c43}.detail-hero-inner{grid-template-columns:minmax(0,1fr) minmax(330px,.79fr);align-items:center;gap:30px;min-height:540px;padding-top:67px;padding-bottom:68px;display:grid}.detail-hero-inner>*{min-width:0}.detail-hero .folio-kicker{color:#a9c0ff}.detail-hero h1{color:#f5f9fb;font-size:clamp(52px,6vw,82px)}.detail-hero-copy>p:not(.folio-kicker){color:#b8cbd8;word-break:keep-all;max-width:550px;margin:20px 0 0;font-size:16px;line-height:1.85}.detail-hero .folio-tags span{color:#cedce5}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.detail-actions a{color:#f3f8fa;overflow-wrap:anywhere;border:1px solid #7e9aaf;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:0 18px;font-size:12px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.detail-actions a:first-child{background:#456ce5;border-color:#abc0ff}.detail-actions a:hover{color:#102c43;background:#dce7ff}.detail-graphic{min-width:0;min-height:375px;position:relative;overflow:hidden}.detail-graphic:before{aspect-ratio:1;content:"";border:1px solid #cfe2f130;border-radius:50%;width:min(340px,90%);position:absolute;top:-4px;left:4%}.detail-sheet{color:#17354e;background:repeating-linear-gradient(0deg,#f8fbfc 0 38px,#e7edf1 39px 40px);border:1px solid #aac0cf;min-width:0;padding:23px 29px;position:absolute;inset:31px 4% 10px 8%;overflow:hidden;transform:rotate(4deg);box-shadow:16px 19px #69859f2b}.detail-sheet:before{content:"";border-left:1px solid #e7b7aa;position:absolute;top:0;bottom:0;left:19px}.detail-sheet-head{color:#586d7c;border-bottom:1px solid #cbd8e0;justify-content:space-between;gap:10px;padding-bottom:14px;display:flex}.detail-sheet-title{letter-spacing:-.08em;overflow-wrap:anywhere;margin:49px 0 12px;font-size:clamp(35px,3.4vw,49px);font-weight:800;display:block}.detail-sheet-title span{color:#e86843}.detail-sheet p{color:#557083;width:76%;margin:0;font-size:13px;line-height:1.8}.detail-sheet-list{gap:8px;margin-top:32px;display:grid}.detail-sheet-list span{background:#cbd9e2;width:78%;height:10px;display:block}.detail-sheet-list span:nth-child(2){width:62%}.detail-sheet-list span:nth-child(3){width:71%}.detail-metadata{border-bottom:1px solid var(--site-line);grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 0;display:grid}.detail-metadata div{border-right:1px solid var(--site-line);min-width:0;padding:0 25px}.detail-metadata div:first-child{padding-left:0}.detail-metadata div:last-child{border-right:0}.detail-metadata dt{color:var(--site-blue);margin:0 0 9px}.detail-metadata dd{color:var(--site-heading);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:800;line-height:1.5}.detail-layout{grid-template-columns:minmax(0,1fr) 265px;gap:clamp(45px,6vw,96px);padding:90px 0 104px;display:grid}.detail-layout>*{min-width:0}.detail-section{border-bottom:1px solid var(--site-line);padding-bottom:57px}.detail-section+.detail-section{padding-top:63px}.detail-section .folio-kicker{margin-bottom:14px}.detail-section h2{color:var(--site-heading);letter-spacing:-.065em;word-break:keep-all;margin:0 0 22px;font-size:clamp(34px,3.5vw,49px);line-height:1.2}.detail-section>p{max-width:690px;color:var(--site-muted);word-break:keep-all;margin:0;font-size:15px;line-height:2}.detail-project-visual{border:1px solid var(--site-line);background:var(--site-surface);width:100%;max-width:690px;box-shadow:8px 8px 0 color-mix(in srgb, var(--site-line) 55%, transparent);margin-top:31px;padding:8px}.detail-project-image{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:430px;display:block}.detail-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:31px;display:grid}.detail-process>*{border:1px solid var(--site-line);background:color-mix(in srgb, var(--site-surface) 52%, transparent);min-width:0;min-height:207px;padding:24px}.detail-process .mono{color:var(--site-orange-text)}.detail-process h3{color:var(--site-heading);letter-spacing:-.04em;overflow-wrap:anywhere;margin:37px 0 8px;font-size:18px}.detail-process p{color:var(--site-muted);word-break:keep-all;margin:0;font-size:12px;line-height:1.75}.detail-side{border:1px solid var(--site-line);background:var(--site-surface);align-self:start;min-width:0;padding:27px;position:sticky;top:25px}.detail-side h2{color:var(--site-heading);letter-spacing:-.04em;overflow-wrap:anywhere;margin:13px 0 19px;font-size:21px}.detail-side dl{margin:0}.detail-side dt{color:var(--site-muted);margin-top:18px}.detail-side dd{color:var(--site-ink);overflow-wrap:anywhere;margin:5px 0 0;font-size:13px;font-weight:700;line-height:1.7}.detail-side a{color:var(--site-blue);overflow-wrap:anywhere}.detail-side a:hover{text-decoration:underline}.chapter-list{border-top:1px solid var(--site-line);margin-top:29px;padding:0;list-style:none}.chapter-link{border-bottom:1px solid var(--site-line);grid-template-columns:46px minmax(0,1fr) 105px 24px;align-items:center;gap:17px;padding:23px 3px;transition:background .2s,padding-left .2s;display:grid}.chapter-link:hover{background:color-mix(in srgb, var(--site-surface) 55%, transparent);padding-left:12px}.chapter-index{color:var(--site-orange-text)}.chapter-link strong{color:var(--site-heading);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:18px}.chapter-link:hover strong{color:var(--site-blue)}.chapter-link time{color:var(--site-muted)}.chapter-link>span:last-child{color:var(--site-blue);font-size:20px}.detail-section>.chapter-count{color:var(--site-muted);margin:14px 0 0}.chapter-empty{color:var(--site-muted);padding:28px 0;font-size:14px}.detail-next{border-top:1px solid var(--site-line);justify-content:space-between;align-items:center;gap:20px;padding:30px 0 86px;display:flex}.detail-next a{color:var(--site-blue);overflow-wrap:anywhere;font-size:13px;font-weight:800}@media (max-width:980px){.folio-feature>.folio-project-link{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.folio-card>.folio-project-link{grid-template-columns:minmax(0,1fr) 100px}.folio-card-copy{padding:24px}.detail-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}.detail-layout{grid-template-columns:minmax(0,1fr) 220px;gap:35px}.detail-process{grid-template-columns:1fr}.detail-process>*{min-height:auto}.detail-process h3{margin-top:19px}}@media (max-width:760px){.folio-hero{grid-template-columns:1fr;gap:27px;padding:58px 0 48px}.folio-index{max-width:390px;min-height:120px}.folio-index strong{font-size:45px}.folio-feature>.folio-project-link{grid-template-columns:1fr}.folio-feature-copy{min-height:345px}.folio-feature h2{margin-top:25px}.folio-feature-art{min-height:235px}.folio-project-image{max-height:190px}.folio-browser{inset:25px 4% -110px 22%}.folio-grid{grid-template-columns:1fr}.folio-card>.folio-project-link{grid-template-columns:minmax(0,1fr) 132px}.detail-hero-inner{grid-template-columns:1fr;padding-top:54px}.detail-graphic{width:100%;max-width:470px;min-height:270px}.detail-sheet{inset:19px 8% -28px 7%}.detail-sheet-title{margin-top:19px}.detail-sheet-list{margin-top:13px}.detail-layout{grid-template-columns:1fr;padding-top:65px}.detail-side{order:-1;position:static}.detail-side dl{grid-template-columns:90px minmax(0,1fr);gap:8px 12px;display:grid}.detail-side dt,.detail-side dd{margin:0}}@media (max-width:530px){.folio-hero h1{font-size:clamp(42px,11vw,51px)}.folio-lead{font-size:15px}.folio-controls{flex-direction:column;align-items:stretch;gap:11px}.folio-search{width:100%}.folio-feature-copy{min-height:332px;padding:27px}.folio-card>.folio-project-link{grid-template-columns:minmax(0,1fr) 94px;min-height:265px}.folio-card h3{margin-top:28px;font-size:24px}.folio-card-art .art-label{display:none}.folio-card-art .art-shape{left:-12px}.folio-bottom{flex-direction:column;align-items:flex-start}.detail-hero h1{font-size:clamp(42px,11vw,53px)}.detail-metadata{grid-template-columns:1fr;gap:18px}.detail-metadata div{border-right:0;padding:0}.detail-section h2{font-size:35px}.chapter-link{grid-template-columns:29px minmax(0,1fr) 20px;gap:9px}.chapter-link time{display:none}.chapter-link strong{font-size:15px}}@media (max-width:390px){.folio-card>.folio-project-link{grid-template-columns:1fr}.folio-card-art{order:-1;min-height:150px}.folio-card-art .folio-image-frame{width:min(77%,215px)}.folio-card-art .folio-project-image{max-height:124px}.detail-actions a{flex:100%;justify-content:space-between}.detail-sheet{padding:16px 21px}.detail-sheet-title{font-size:33px}.detail-next{flex-direction:column;align-items:flex-start}}