.device-switch{display:flex;justify-content:center;gap:10px;margin:12px 0 20px;flex-wrap:wrap}.device-switch button{font:inherit;font-size:13px;padding:12px 20px;border:1px solid #d5b9e9;border-radius:25px;color:#632582;background:white}.device-switch button[aria-pressed=true]{background:#7024b7;color:white;border-color:#7024b7}#interactive-preview{text-align:center}#interactive-preview .laptop{transition:width .3s,border-radius .3s;margin:auto;width:100%}#interactive-preview.mobile-preview .laptop{width:min(220px,100%);border:8px solid #241330;border-radius:25px;overflow:hidden}#interactive-preview.mobile-preview .project-screen,.mobile-preview .zoom-device .project-screen{aspect-ratio:.52;background-size:450% auto;background-position:84% 69%}#interactive-preview.mobile-preview .laptop-base{display:none}#enlarge-preview{display:inline-block;min-height:44px;padding:12px}#visual-dialog{width:min(1000px,calc(100% - 28px));max-width:1000px;max-height:90dvh;overflow:auto;padding:30px}#visual-title{font-size:30px;padding-right:40px}.visual-close{position:sticky;top:0;float:right;width:44px;height:44px;border:1px solid #dac3eb;border-radius:50%;background:white;font-size:28px;color:#59247e}.zoom-device{width:100%;margin:auto;border:7px solid #e3dbea;border-radius:15px;overflow:hidden}.mobile-preview .zoom-device{width:min(230px,100%);border-color:#241330;border-radius:24px}#visual-caption{font-size:13px;margin:20px 0 0;color:var(--muted)}.tilt-card{transition:transform .18s ease-out}.motion-off .tilt-card{transform:none!important}@media(prefers-reduced-motion:reduce){.tilt-card{transform:none!important}#interactive-preview .laptop{transition:none}}@media(max-width:600px){#visual-dialog{padding:20px}.device-switch button{font-size:12px;padding:11px 14px}}
/* Curated portfolio: shared visual rhythm and complete device frames. */
.curated-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.curated-projects .featured-project{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;background:#fff}.featured-visual{background:#eae1f5;padding:32px;overflow:hidden}.featured-visual img{display:block;width:100%;height:auto;border:7px solid #fff;border-radius:12px;box-shadow:0 15px 25px #25133c24;transition:transform .35s}.featured-project:hover img{transform:scale(1.025)}.curated-projects .home-project-label{padding:26px;display:flex;flex-direction:column;flex:1}.curated-projects .home-project:not(.featured-project){display:flex;flex-direction:column}.curated-projects .home-project-label h3{font-size:20px;margin:4px 0 12px}.curated-projects .featured-project h3{font-size:38px}.project-description{color:#594c69;font-size:14px;line-height:1.75;margin-bottom:24px}.project-discover{display:block;color:#8423ad;font-size:12px;margin-top:auto;padding-top:8px}.curated-projects .home-project-label p{font-size:10px;line-height:1.7}.home-project:focus-visible{outline:3px solid #8724da;outline-offset:5px}.identity-board,.showcase-art{box-sizing:border-box;width:100%;aspect-ratio:4/3;min-width:0;overflow:hidden;background:#eee5f8}.identity-board{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:15px}.identity-signature{background:#180c38;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 12px;color:white}.identity-signature img{width:36px;height:66px;object-fit:contain}.identity-signature span{font-size:13px;letter-spacing:2px;font-weight:700}.identity-signature small{display:block;font-size:8px;color:#f08cdb;letter-spacing:.4px;margin-top:8px}.identity-palette{display:flex;height:22px;border-radius:7px;overflow:hidden}.identity-palette i{flex:1;background:#180c38}.identity-palette i:nth-child(2){background:#8420e9}.identity-palette i:nth-child(3){background:#ef36b8}.identity-palette i:nth-child(4){background:#48b9ee}.identity-type{display:flex;align-items:center;gap:18px;font-size:32px;font-weight:700;color:#180c38}.identity-type span{font-size:10px;font-weight:500;line-height:1.6}.showcase-art{display:flex;align-items:center;justify-content:center;padding:32px}.showcase-device{width:95%;border:7px solid #211239;border-radius:13px;box-shadow:0 16px 20px #33135e26;position:relative}.showcase-screen{aspect-ratio:1.45;background:#160a38 url('/assets/cosmos-illustration.png') center/cover;padding:18px;color:white;border-radius:5px;display:flex;flex-direction:column;justify-content:center}.showcase-screen>span{font-size:6px;letter-spacing:1px;margin-bottom:12px}.showcase-screen strong{font-size:clamp(12px,1.6vw,20px);line-height:1.35}.showcase-screen i{width:45%;height:8px;border-radius:15px;background:linear-gradient(90deg,#ff36b2,#8513fc);margin-top:14px}.showcase-desktop{border-bottom-width:16px;margin-bottom:16px}.showcase-desktop:after{content:'';position:absolute;width:36%;height:18px;left:32%;bottom:-32px;background:#c6b9d6;clip-path:polygon(35% 0,65% 0,70% 75%,100% 85%,100% 100%,0 100%,0 85%,30% 75%)}.showcase-phone{width:38%;border-radius:19px;border-width:5px}.showcase-phone .showcase-screen{aspect-ratio:.52;border-radius:13px;padding:10px}.showcase-phone .showcase-screen strong{font-size:14px}.second-stage .identity-board{max-width:430px;justify-self:center;border-radius:16px}.stage-caption p{display:block}.exploration-grid .showcase-art{aspect-ratio:4/3}.project-stage .project-screen{background-image:url('/assets/sp2e-desktop.jpg');background-position:center top;background-size:contain;background-repeat:no-repeat;aspect-ratio:16/9}
@media(max-width:950px){.curated-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.curated-projects .featured-project{grid-template-columns:1fr 1fr}.curated-projects .identity-board,.curated-projects .showcase-art{aspect-ratio:4/3}.featured-visual{padding:20px}.curated-projects .home-project-label{padding:22px}}
@media(max-width:600px){.home-page .curated-projects{grid-template-columns:1fr}.curated-projects .featured-project{display:flex;flex-direction:column;align-items:stretch}.featured-visual{padding:24px}.curated-projects .home-project-label h3{font-size:22px}.curated-projects .identity-board{padding:28px 36px}.identity-signature{padding:22px}.identity-type{font-size:34px}.showcase-art{padding:34px 44px}.showcase-screen strong{font-size:20px}.curated-projects .home-project-label{padding:24px}.exploration-grid figure{display:block}.stage-caption p{display:block}.second-stage{padding:24px}.second-stage .identity-board{padding:20px}.portfolio-bottom{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.featured-visual img{transition:none}.featured-project:hover img{transform:none}}
.motion-off .featured-visual img{transition:none;transform:none}
.client-portfolio{margin:80px 0}.client-intro{max-width:680px;color:#594c69;line-height:1.8;margin-bottom:32px}.client-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.client-project{min-width:0;overflow:hidden;background:#fff;border:1px solid #e9ddf6;border-radius:22px;box-shadow:0 12px 36px #421b6508;display:flex;flex-direction:column}.client-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:26px;background:#eee5f8}.client-browser{width:100%;border:5px solid #211239;border-radius:10px;overflow:hidden;box-shadow:0 16px 24px #35145620;transition:transform .3s ease}.client-preview:hover .client-browser{transform:scale(1.025)}.browser-bar{display:flex;gap:4px;align-items:center;background:#211239;height:20px;padding:0 5px;color:#e4d5f6}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#b399cc}.browser-bar span{font-size:7px;letter-spacing:.3px;margin:auto}.client-browser img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#fff}.client-copy{padding:26px;display:flex;flex-direction:column;flex:1}.client-copy h3{font-size:25px;line-height:1.25;margin:10px 0}.client-copy p{font-size:14px;line-height:1.75;color:#594c69}.client-copy .client-kind{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#8522ba;margin:0}.client-copy .client-sector{color:#25103f;font-weight:600;margin:0 0 12px}.client-copy .client-scope{font-size:11px;border-top:1px solid #eee5f8;padding-top:16px;margin-top:8px}.client-copy .text-link{margin-top:auto;align-self:flex-start;min-height:44px;display:flex;align-items:center;gap:6px}.client-project a:focus-visible{outline:3px solid #8420e9;outline-offset:-3px}.client-copy a:focus-visible{outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.client-project-grid{grid-template-columns:1fr}.client-portfolio{margin:52px 0}.client-preview{padding:22px}.client-copy{padding:22px}.client-copy h3{font-size:24px}.client-portfolio h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.client-browser{transition:none!important;transform:none!important}}.motion-off .client-browser{transition:none;transform:none!important}

.home-project .showcase-device,.home-project .identity-signature{transition:transform .3s ease}.home-project:hover .showcase-device,.home-project:hover .identity-signature{transform:scale(1.025)}.identity-type{font-family:"Barlow Condensed",Impact,sans-serif}.identity-type span{font-family:Montserrat,Arial,sans-serif}@media(prefers-reduced-motion:reduce){.home-project .showcase-device,.home-project .identity-signature{transition:none;transform:none!important}}.motion-off .showcase-device,.motion-off .identity-signature{transition:none!important;transform:none!important}