/* Each portfolio piece retains its own visual identity. */
.hero-real-work{padding-top:38px;padding-bottom:85px;margin-top:13px}
.suds-hero-browser{width:100%;transform:perspective(1400px) rotateY(-8deg) rotateZ(4deg);background:#071522}
.hero-project-shot{display:block;width:100%;height:auto}
.hero-phone{position:absolute;right:-10px;bottom:45px;width:100px;height:236px;border:5px solid #3a3d32;border-radius:18px;background:#060f19;overflow:hidden;box-shadow:0 14px 30px #0006;transform:rotate(8deg);z-index:5}
.hero-phone img{display:block;width:100%;height:auto}
.hero-real-work .floating-tag{bottom:39px;left:-20px}
.hero-real-work .art-index{bottom:4px}
.hero-real-work .orbit-label{top:1px;font-size:8px}
.hero-real-work .orbit-label b{font-size:10px}
.project-suds{grid-column:1/-1}
.dr-suds-art{height:430px;background:radial-gradient(ellipse at 70% 100%,#1b4366,#101c29 70%);display:flex;align-items:center;isolation:isolate}
.dr-suds-art:before{content:'';position:absolute;width:400px;height:400px;right:-130px;top:-140px;border:1px solid #5fc8f339;border-radius:50%;z-index:-1}
.suds-project-note{position:absolute;left:34px;top:35px;bottom:36px;width:30%;display:flex;flex-direction:column;color:#e2f4ff}
.suds-project-note>span:first-child{font-size:11px;font-weight:700;letter-spacing:.15em;color:#68caf3}
.suds-project-note>strong{font-family:var(--display);font-size:35px;font-weight:500;letter-spacing:-.06em;line-height:1.1;margin-top:42px}
.suds-project-note>strong em{font-family:Georgia,serif;font-weight:400;color:#6ad0f7;font-size:39px;white-space:nowrap}
.suds-build-label{font-size:7px;letter-spacing:.07em;line-height:1.7;margin-top:30px;max-width:200px;color:#a3bdd1}
.suds-desktop-frame{position:absolute;width:61%;right:3.5%;top:55px;border:1px solid #88acd34a;border-radius:5px;overflow:hidden;box-shadow:0 20px 45px #0006;transform:rotate(-2deg);transition:transform .5s;background:#030c16}
.suds-desktop-frame>img{display:block;width:100%;height:auto}
.suds-mobile-frame{position:absolute;right:2.4%;bottom:21px;width:13%;height:74%;max-height:315px;border:5px solid #272e38;border-radius:19px;overflow:hidden;box-shadow:0 15px 30px #0008;transform:rotate(6deg);transition:transform .5s;background:#071829}
.suds-mobile-frame>img{display:block;width:100%;height:auto}
.dr-suds-art .real-project-tag{background:#5bc8f5;color:#06263f;left:34px;bottom:29px;font-size:7px;font-weight:700;letter-spacing:.08em;padding:6px 9px}
.project-suds:hover .suds-desktop-frame{transform:rotate(-1deg) translateY(-4px)}
.project-suds:hover .suds-mobile-frame{transform:rotate(3deg) translateY(-3px)}
.project-type{display:inline-block;font-family:var(--font);font-weight:500;color:var(--lime);font-size:7px;letter-spacing:.07em;border:1px solid #69783f;padding:3px 5px;margin-left:10px;vertical-align:middle;position:relative;top:-2px}
.project-slowday{grid-column:auto}
.orbit-art{background:#102a73;isolation:isolate;color:#fff;min-height:350px}
.orbit-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-2;transition:transform .7s}
.orbit-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05102ccb,transparent 90%);z-index:-1}
.orbit-mini-nav b{font-weight:700;color:#edffcc}
.orbit-mini-nav>span{font-size:6px;letter-spacing:.06em;color:#dde8ff}
.orbit-title{font-weight:700;font-size:55px;line-height:.86;margin-top:33px;letter-spacing:-.06em;text-shadow:0 2px 12px #010d4133}
.orbit-title>span{font-size:49px;color:#d9ff94}
.orbit-personal-note{position:absolute;right:23px;bottom:70px;font-size:8px;line-height:1.65;color:#f1f5ff;text-align:right}
.orbit-mini-bottom{color:#d2e2ff;font-size:5px;bottom:43px;left:26px;right:26px}
.orbit-art .concept-tag{font-size:6px;background:#e6efff22;color:#f0f5ff;bottom:14px}
.project-orbit:hover .orbit-photo{transform:scale(1.04)}
.slowday-art{background:#e9dfcb;display:grid;grid-template-columns:1.1fr 1fr;padding:0;gap:0;min-height:350px}
.slowday-art:before,.slowday-art:after{display:none}
.slowday-paper{position:relative;height:100%;padding:25px 22px;color:#5b3927;text-align:left;display:flex;flex-direction:column;z-index:1;background:#f0e6d4;background-image:repeating-linear-gradient(0deg,#815f3b05 0 1px,transparent 1px 4px)}
.slowday-script{font-family:Georgia,serif;font-size:31px;font-style:italic;letter-spacing:-.08em;font-weight:600;line-height:1}
.slowday-subtitle{font-size:4px;letter-spacing:.11em;margin-top:8px}
.slowday-paper>strong{font-family:Georgia,serif;font-size:34px;line-height:1.02;letter-spacing:-.065em;font-weight:400;margin-top:40px}
.slowday-paper>strong em{font-weight:400;white-space:nowrap;font-size:30px}
.slowday-handnote{font-family:Georgia,serif;font-size:9px;line-height:1.65;font-style:italic;transform:rotate(-3deg);margin-top:22px;color:#83634e}
.slowday-bottom{font-size:5px;letter-spacing:.1em;margin-top:auto;padding-top:20px}
.slowday-photo-wrap{height:100%;position:relative;overflow:hidden}
.slowday-photo-wrap>img{width:100%;height:100%;object-fit:cover;object-position:55% center;display:block;transition:transform .7s}
.slowday-photo-caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%) rotate(-6deg);background:#f2e2c7;color:#78533b;font-family:Georgia,serif;font-size:9px;font-style:italic;padding:7px 9px;white-space:nowrap;box-shadow:0 3px 6px #301f1726}
.slowday-art .concept-tag{font-size:6px;bottom:13px;left:16px;background:#e2d6bc;color:#76583c}
.project-slowday:hover .slowday-photo-wrap>img{transform:scale(1.04)}
.dialog-art:has(.dr-suds-art){height:345px}
.dialog-art .dr-suds-art{height:100%;min-height:0}
.dialog-art .suds-project-note{left:25px;top:24px;width:30%}
.dialog-art .suds-project-note>strong{font-size:26px;margin-top:35px}
.dialog-art .suds-project-note>strong em{font-size:28px}
.dialog-art .suds-desktop-frame{top:40px;right:5%;width:60%}
.dialog-art .suds-mobile-frame{right:3%;bottom:12px;width:12%;height:76%}
.dialog-art .suds-build-label{font-size:6px;margin-top:20px}
.dialog-art .orbit-art{min-height:0}
.dialog-art .orbit-title{font-size:55px}
.dialog-art .orbit-title>span{font-size:48px}
.dialog-art .slowday-art{grid-template-columns:1fr 1fr;min-height:0}
.dialog-art .slowday-paper{padding:25px 35px}
.dialog-art .slowday-paper>strong{margin-top:25px;font-size:39px}
.dialog-art .slowday-paper>strong em{font-size:35px}
.dialog-art .slowday-bottom{display:none}
.dialog-art .slowday-handnote{font-size:10px;margin-top:15px}
@media(min-width:1600px){.dr-suds-art{height:540px}.suds-project-note{left:45px;top:45px}.suds-project-note>strong{font-size:47px;margin-top:55px}.suds-project-note>strong em{font-size:51px}.suds-build-label{font-size:9px;max-width:250px}.suds-desktop-frame{top:65px}.suds-mobile-frame{max-height:400px;bottom:28px}.dr-suds-art .real-project-tag{left:45px;bottom:36px}.hero-phone{width:130px;height:315px;bottom:40px}.orbit-art,.slowday-art{min-height:430px}.orbit-title{font-size:76px}.orbit-title>span{font-size:68px}.slowday-paper{padding:35px}.slowday-script{font-size:42px}.slowday-paper>strong{font-size:44px;margin-top:55px}.slowday-paper>strong em{font-size:40px}.slowday-handnote{font-size:13px}.slowday-subtitle{font-size:6px}.slowday-bottom{font-size:7px}}
@media(max-width:1100px){.hero-real-work{padding-bottom:95px}.hero-phone{width:90px;height:220px;bottom:42px;right:-4px}.hero-real-work .floating-tag{left:-10px;bottom:37px}.dr-suds-art{height:375px}.suds-project-note{left:25px;top:29px}.suds-project-note>strong{font-size:28px;margin-top:36px}.suds-project-note>strong em{font-size:31px}.suds-build-label{font-size:6px;max-width:150px}.suds-desktop-frame{top:57px}.suds-mobile-frame{bottom:20px;max-height:270px;width:13%}.dr-suds-art .real-project-tag{left:25px;bottom:25px}.orbit-title{font-size:47px}.orbit-title>span{font-size:42px}.orbit-art,.slowday-art{min-height:310px}.orbit-personal-note{font-size:7px;right:20px;bottom:65px}.slowday-paper{padding:22px 17px}.slowday-script{font-size:29px}.slowday-paper>strong{font-size:29px;margin-top:34px}.slowday-paper>strong em{font-size:26px}.slowday-handnote{font-size:8px}.slowday-photo-caption{font-size:8px}}
@media(max-width:800px){.hero-real-work{width:82%;padding-top:12px;padding-bottom:95px}.hero-real-work .orbit-label{top:-20px}.hero-phone{right:-15px;width:98px;height:245px;bottom:30px}.hero-real-work .floating-tag{left:-15px;bottom:30px}.dr-suds-art{height:335px}.suds-project-note{left:22px;top:25px;width:27%}.suds-project-note>strong{font-size:24px;margin-top:35px}.suds-project-note>strong em{font-size:25px;white-space:normal}.suds-project-note>span:first-child{font-size:9px}.suds-build-label{font-size:5px;margin-top:20px}.suds-desktop-frame{top:53px;width:62%;right:4%}.suds-mobile-frame{width:13%;height:67%;bottom:27px;border-width:4px;border-radius:13px}.dr-suds-art .real-project-tag{font-size:6px;left:22px;bottom:23px}.orbit-art,.slowday-art{min-height:285px}.orbit-title{font-size:41px;margin-top:30px}.orbit-title>span{font-size:35px}.orbit-personal-note{font-size:6px;bottom:59px;right:15px}.orbit-mini-nav>span{font-size:5px}.slowday-paper{padding:20px 14px}.slowday-script{font-size:25px}.slowday-paper>strong{font-size:25px;margin-top:31px}.slowday-paper>strong em{font-size:22px}.slowday-subtitle{font-size:3px}.slowday-handnote{font-size:7px;margin-top:17px}.slowday-photo-caption{font-size:6px;padding:5px}.slowday-bottom{font-size:4px}.slowday-art .concept-tag{font-size:5px;left:10px;bottom:12px}}
@media(max-width:600px){.hero-real-work{width:91%;padding-top:10px;padding-bottom:100px;margin-top:10px}.hero-real-work .orbit-label{font-size:7px;top:-20px;right:0}.hero-real-work .orbit-label b{font-size:8px}.hero-real-work .hero-phone{width:79px;height:193px;right:-3px;bottom:38px;border-width:4px;border-radius:13px}.hero-real-work .floating-tag{left:-8px;bottom:34px;padding:10px 11px}.hero-real-work .floating-tag>div{font-size:9px}.hero-real-work .floating-tag small{font-size:7px}.hero-real-work .art-index{font-size:6px;bottom:5px}.dr-suds-art{height:390px;display:block}.suds-project-note{top:20px;left:22px;right:22px;bottom:auto;width:auto}.suds-project-note>span:first-child{font-size:8px}.suds-project-note>strong{font-size:23px;line-height:1.05;margin-top:10px;max-width:180px}.suds-project-note>strong br:first-child{display:none}.suds-project-note>strong em{font-size:25px;white-space:nowrap}.suds-build-label{position:absolute;right:0;top:5px;max-width:85px;font-size:5px;margin-top:0;text-align:right;line-height:1.7}.suds-desktop-frame{width:86%;top:135px;right:8%;border-radius:4px;transform:rotate(-3deg)}.suds-desktop-frame .browser-bar{height:16px;font-size:4px;padding:0 7px}.suds-desktop-frame .browser-dots{gap:2px}.suds-desktop-frame .browser-dots i{width:3px;height:3px}.suds-mobile-frame{width:22%;height:54%;bottom:20px;right:4%;border-width:4px;border-radius:13px;max-height:none}.dr-suds-art .real-project-tag{bottom:19px;left:20px;font-size:5px;padding:4px 6px}.project-type{font-size:6px;margin-left:7px;top:-1px}.orbit-art,.slowday-art{min-height:330px;height:330px}.orbit-title{font-size:55px;margin-top:31px}.orbit-title>span{font-size:49px}.orbit-personal-note{font-size:8px;right:20px;bottom:70px}.orbit-mini-nav>span{font-size:6px}.orbit-mini-bottom{font-size:5px;bottom:42px;left:24px;right:24px}.orbit-art .concept-tag{font-size:6px;left:18px}.slowday-paper{padding:25px 18px}.slowday-script{font-size:31px}.slowday-subtitle{font-size:4px}.slowday-paper>strong{font-size:31px;margin-top:38px}.slowday-paper>strong em{font-size:28px}.slowday-handnote{font-size:8px;margin-top:23px}.slowday-bottom{font-size:5px}.slowday-photo-caption{font-size:7px;bottom:36px}.slowday-art .concept-tag{font-size:5px;left:12px;bottom:12px}.dialog-art:has(.dr-suds-art){height:355px}.dialog-art .suds-project-note{left:20px;top:20px;width:auto}.dialog-art .suds-project-note>strong{font-size:22px;margin-top:10px;max-width:180px}.dialog-art .suds-project-note>strong em{font-size:24px}.dialog-art .suds-build-label{font-size:5px;top:5px;margin-top:0}.dialog-art .suds-desktop-frame{top:130px;width:85%;right:9%}.dialog-art .suds-mobile-frame{width:21%;height:52%;bottom:14px;right:4%}.dialog-art .orbit-title{font-size:43px;margin-top:20px}.dialog-art .orbit-title>span{font-size:38px}.dialog-art .orbit-personal-note{font-size:6px;bottom:40px}.dialog-art .orbit-mini-bottom{bottom:15px;font-size:4px}.dialog-art .slowday-paper{padding:20px 18px}.dialog-art .slowday-script{font-size:26px}.dialog-art .slowday-paper>strong{font-size:26px;margin-top:30px}.dialog-art .slowday-paper>strong em{font-size:23px}.dialog-art .slowday-handnote{font-size:7px;margin-top:15px}}