.portfolio-page{background:#fff;color:#1a1a19}.portfolio-page .site-header{position:relative;background:#fff;border-bottom:1px solid #eee}.portfolio-page main{max-width:1560px;margin:0 auto}.portfolio-intro{padding:80px 6vw 64px}.portfolio-intro .eyebrow{color:#777;letter-spacing:.15em}.intro-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:32px}.portfolio-intro h1{font-size:clamp(52px,6.3vw,94px);letter-spacing:-.07em;line-height:1.02;font-weight:500}.portfolio-intro h1 span{color:#969792}.intro-layout>p{font-size:13px;line-height:1.8;color:#70716b;max-width:290px;padding-bottom:7px}.portfolio-collection{padding:0 6vw 84px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #deded8;margin-bottom:12px}.gallery-heading h2{font-size:12px;font-weight:500}.gallery-heading p{display:flex;align-items:center;gap:7px;font-size:10px;color:#73746e}.gallery-status-dot{width:5px;height:5px;border-radius:50%;background:#ed6972}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px}.project-card{min-width:0}.project-link{display:block}.project-cover,.placeholder-cover{position:relative;aspect-ratio:1.36;overflow:hidden;border:1px solid #e3e3de;border-radius:3px}.michael-cover{color:#fff;background:radial-gradient(ellipse at 75% 25%,#424342,transparent 53%),linear-gradient(135deg,#292a28,#080908);border-color:#30302d}.cover-heading{position:absolute;top:27px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:4;gap:12px}.cover-heading>span:first-child{font-size:13px;font-weight:550;letter-spacing:.01em}.cover-heading>span:last-child{font-size:7px;letter-spacing:.13em;color:#b0b0aa}.device-stage{position:absolute;inset:17% 0 10%;perspective:900px;perspective-origin:55% 40%}.preview-desktop{position:absolute;width:65%;height:68%;left:24%;top:11%;border:5px solid #181a19;border-radius:8px 8px 5px 5px;background:#151515;transform:rotateX(9deg) rotateY(-15deg) rotateZ(2deg);transform-style:preserve-3d;box-shadow:0 22px 38px #0008,0 0 0 1px #777;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.preview-browser{height:12%;display:flex;align-items:center;gap:3px;padding:0 9px;background:#eee;color:#1f201e;border-radius:3px 3px 0 0}.preview-browser i{width:3px;height:3px;border-radius:50%;background:#aaa}.preview-browser span{font-size:5px;margin-left:auto;letter-spacing:.09em}.desktop-photo{height:88%;position:relative;overflow:hidden}.desktop-photo img{height:100%;width:100%;object-fit:cover;object-position:center 42%;filter:grayscale(1) brightness(.66)}.desktop-photo>span{position:absolute;left:11%;top:21%;font-size:clamp(17px,2.4vw,34px);line-height:1.1;letter-spacing:-.055em;color:#fff}.desktop-base{position:absolute;bottom:-12px;left:-11%;width:122%;height:12px;background:linear-gradient(#a0a29c,#414440 40%,#202320);border-radius:0 0 50% 50%;box-shadow:0 14px 18px #0005;transform:rotateX(30deg);transform-origin:top}.desktop-base:after{content:"";position:absolute;left:39%;width:22%;top:0;height:4px;border-radius:0 0 4px 4px;background:#464943}.preview-phone{position:absolute;width:26%;height:87%;top:9%;left:15%;overflow:hidden;border:5px solid #181a19;border-radius:20px;background:#161817;box-shadow:0 18px 32px #0009,0 0 0 1px #828680;transform:rotateY(-16deg) rotateZ(-10deg) translateZ(75px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.preview-phone img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.83);object-position:50% 70%}.phone-speaker{position:absolute;z-index:2;width:32%;height:9px;left:34%;top:0;background:#181a19;border-radius:0 0 8px 8px}.preview-phone>span{position:absolute;top:12%;left:9%;right:9%;color:#fff;font-size:clamp(6px,.85vw,12px);line-height:1.25;letter-spacing:.01em;font-weight:500}.phone-home{position:absolute;bottom:6px;width:29%;height:2px;background:#eee;left:35%;border-radius:2px}.cover-bottom{position:absolute;bottom:22px;left:28px;right:25px;display:flex;justify-content:space-between;align-items:center}.cover-bottom>span:first-child{font-size:7px;letter-spacing:.16em;color:#c1c1b9}.project-arrow{width:33px;height:33px;border:1px solid #777970;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:background .3s,color .3s}.project-link:hover .preview-desktop,.project-link:focus-visible .preview-desktop{transform:rotateX(3deg) rotateY(-9deg) rotateZ(0deg) translateY(-5px)}.project-link:hover .preview-phone,.project-link:focus-visible .preview-phone{transform:rotateY(-6deg) rotateZ(-5deg) translateZ(75px) translateY(-7px)}.project-link:hover .project-arrow,.project-link:focus-visible .project-arrow{background:#fff;color:#171917}.project-meta{padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.project-meta h3{font-size:20px;letter-spacing:-.65px;font-weight:500;line-height:1.3}.project-meta p{font-size:10px;color:#777970;margin-top:6px}.project-badge{flex-shrink:0;font-size:9px;padding:7px 11px;border:1px solid #d9dad4;border-radius:20px;white-space:nowrap}.project-note{color:#777970;font-size:10px;margin-top:10px}.project-badge.muted{color:#74766d;background:#f7f7f3;border-color:#e5e5df}.placeholder-cover{display:grid;place-items:center;background:#f3f3f0}.placeholder-editorial{background:#efefeb}.placeholder-grid{background:#f6f6f3}.placeholder-index{position:absolute;left:25px;top:22px;color:#8b8d83;font-size:11px}.placeholder-label{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.18em;color:#818479}.wireframe-window{width:62%;height:57%;border:1px solid #cdd0c6;border-radius:6px;background:#ffffff62;box-shadow:0 20px 32px #323c2810;transform:rotate(-3deg)}.placeholder-editorial .wireframe-window{transform:rotate(3deg)}.placeholder-grid .wireframe-window{transform:rotate(-2deg)}.wireframe-toolbar{height:20px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #dcddd5}.wireframe-toolbar i{width:3px;height:3px;background:#bfc3b8;border-radius:50%}.wireframe-body{padding:9%}.wireframe-title{width:50%;height:9px;border-radius:2px;background:#c6cabd;margin-bottom:12px}.wireframe-line{width:78%;height:3px;background:#d6d9ce;margin:6px 0}.wireframe-line.short{width:53%}.wireframe-calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:20px}.wireframe-calendar i{aspect-ratio:1.2;background:#e1e4da;border-radius:2px}.wireframe-calendar i:nth-child(8){background:#b8bdad}.wireframe-editorial{padding:12%;display:grid;grid-template-columns:1fr 1fr;gap:12%;height:calc(100% - 20px);align-items:center}.wireframe-image{height:100%;background:#d9ddd2;border:1px solid #c6ccbd}.wireframe-editorial .wireframe-title{width:80%;height:7px}.wireframe-editorial .wireframe-line{width:100%}.wireframe-editorial .wireframe-line.short{width:70%}.wireframe-button{width:55%;height:9px;border-radius:2px;margin-top:15px;background:#b9c0af}.wireframe-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wireframe-tiles i{height:38px;background:#dfe3d8;border:1px solid #d2d7c9}.wireframe-tiles i:nth-child(2){background:#d2d7c9}.wireframe-tiles i:nth-child(3){background:#e7e9e2}.portfolio-cta{margin:0 6vw;padding:56px 0 76px;border-top:1px solid #deded8;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.portfolio-cta .eyebrow{color:#787b70;font-size:9px}.portfolio-cta h2{font-size:clamp(35px,4.2vw,60px);letter-spacing:-.055em;line-height:1.1;margin-top:25px;font-weight:500}.portfolio-cta>a{display:flex;align-items:center;gap:38px;padding:12px 0;border-bottom:1px solid #8a8d80;font-size:12px;white-space:nowrap}.portfolio-cta>a>span{font-size:22px}.portfolio-page footer{background:#fff}.portfolio-page .site-header nav a[aria-current=page]{color:#161915}
@media(min-width:1560px){.portfolio-intro{padding-left:94px;padding-right:94px}.portfolio-collection{padding-left:94px;padding-right:94px}.portfolio-cta{margin-left:94px;margin-right:94px}}
@media(max-width:1000px){.project-meta{align-items:flex-start;flex-direction:column;gap:12px}.project-meta h3{font-size:20px}.wireframe-calendar{margin-top:13px;gap:5px}.wireframe-tiles i{height:24px}.wireframe-window{width:64%}.cover-heading{left:20px;right:20px;top:22px}.cover-bottom{left:20px;right:20px;bottom:18px}.preview-phone{border-width:4px;border-radius:15px}.intro-layout{gap:30px}.intro-layout>p{max-width:230px;font-size:12px}}
@media(max-width:760px){.portfolio-intro{padding:45px 6vw 38px}.portfolio-intro .eyebrow{font-size:8px}.intro-layout{display:block;margin-top:24px}.portfolio-intro h1{font-size:clamp(46px,9vw,67px)}.intro-layout>p{max-width:none;margin-top:24px;font-size:12px}.portfolio-collection{padding-bottom:48px}.gallery-heading{padding:17px 0;margin-bottom:7px}.gallery-heading h2{font-size:11px}.gallery-heading p{font-size:9px}.project-grid{grid-template-columns:1fr;gap:36px}.project-cover,.placeholder-cover{aspect-ratio:1.34}.project-meta{flex-direction:row;align-items:center;gap:15px;padding-top:16px}.project-meta h3{font-size:18px}.project-meta p{font-size:9px}.project-badge{font-size:8px;padding:6px 9px}.project-note{font-size:9px}.cover-heading{top:25px;left:25px;right:25px}.cover-heading>span:first-child{font-size:12px}.cover-heading>span:last-child{font-size:7px}.cover-bottom{left:25px;right:23px;bottom:20px}.desktop-photo>span{font-size:clamp(20px,5vw,35px)}.preview-phone>span{font-size:clamp(8px,1.8vw,13px)}.preview-phone{border-radius:19px;border-width:5px}.wireframe-title{height:8px}.wireframe-calendar{margin-top:17px}.wireframe-tiles i{height:35px}.portfolio-cta{padding:40px 0 50px;display:block}.portfolio-cta h2{font-size:40px}.portfolio-cta>a{margin-top:25px;width:fit-content;gap:25px;font-size:11px}.portfolio-page .site-header nav a[aria-current=page]{display:block}.portfolio-page .site-header nav{gap:12px}.portfolio-page .site-header nav .nav-action{font-size:9px}}
@media(max-width:370px){.portfolio-page .brand-logo{width:130px}.portfolio-page .site-header{padding-left:14px;padding-right:14px}.project-meta{flex-direction:column;align-items:flex-start;gap:8px}.portfolio-intro h1{font-size:43px}.wireframe-tiles i{height:26px}.cover-heading{left:18px;right:18px}.cover-bottom{left:18px;right:18px}.preview-phone{border-width:4px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.preview-desktop,.preview-phone,.project-arrow{transition:none}.project-link:hover .preview-desktop,.project-link:focus-visible .preview-desktop{transform:rotateX(9deg) rotateY(-15deg) rotateZ(2deg)}.project-link:hover .preview-phone,.project-link:focus-visible .preview-phone{transform:rotateY(-16deg) rotateZ(-10deg) translateZ(75px)}}

.conduit-cover{color:#f6f2e9;background:radial-gradient(ellipse at 65% 30%,#385066 0%,#172a35 42%,#0b171d 85%);border-color:#23323b}.conduit-cover .cover-heading>span:last-child,.conduit-cover .cover-bottom>span:first-child{color:#d8d1bd}.conduit-cover .desktop-photo img,.conduit-cover .preview-phone img{filter:brightness(.58) saturate(.75);object-position:center center}.conduit-cover .desktop-photo>span{color:#f2e8d3;font-weight:400;top:18%}.conduit-cover .preview-phone>span{color:#f2e8d3;font-weight:500;top:17%}.conduit-cover .preview-browser{background:#e9e7e0}

.coplanner-cover{color:#17364a;background:radial-gradient(ellipse at 65% 25%,#f8fbfd 0%,#dcebf2 56%,#bfd5e1 100%);border-color:#b7cbd7}.coplanner-cover .cover-heading>span:last-child,.coplanner-cover .cover-bottom>span:first-child{color:#466578}.coplanner-cover .preview-desktop,.coplanner-cover .preview-phone{border-color:#213c4d;background:#fff}.coplanner-cover .desktop-photo img,.coplanner-cover .preview-phone img{filter:none;object-position:center top}.coplanner-cover .preview-phone img{object-position:44% top}.coplanner-cover .preview-phone>span{color:#193a50;top:47%;text-shadow:0 1px 4px #fff}.coplanner-cover .preview-browser{background:#eaf1f5}
.coplanner-cover .preview-phone img{object-fit:cover;object-position:center top}