.project-main{padding-top:28px}.project-breadcrumb{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a7798d}.project-breadcrumb>a:hover{color:var(--deep)}.project-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding:36px 0 35px}.project-intro .eyebrow{font-size:9px;margin-bottom:0}.project-intro h1{font-family:Outfit,Arial,sans-serif;font-size:66px;line-height:1.08;letter-spacing:-2.6px;margin:15px 0 16px}.project-summary{font-size:17px;color:var(--muted);max-width:680px;line-height:1.8}.project-intro-links{display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0;padding-bottom:5px}.project-intro-links .button{font-size:11px}.primary-media{border:1px solid #f1dae4;border-radius:16px;background:white;padding:12px;box-shadow:0 15px 35px #d99bb014;overflow:hidden}.media-topline{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 14px;gap:20px}.media-topline .micro{font-size:8px;letter-spacing:1.2px}.media-type{font-size:7px;letter-spacing:1.6px;color:#b78c9f}.banner-frame{border-radius:9px;overflow:hidden;background:#fff0f4}.banner-frame>img{display:block;width:100%;height:auto;aspect-ratio:1920/820;object-fit:cover}.media-footnote{padding:11px 10px 2px;font-size:9px;color:#b590a1}.embed-shell{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#40303c;isolation:isolate}.embed-shell.itch{aspect-ratio:16/10;background:#5b3c51}.media-launch{border:0;position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#805066,#432f3c 76%);color:#fff3f8;gap:17px;padding:25px;overflow:hidden}.media-launch:before{content:"♡";position:absolute;font-family:Fraunces,serif;right:5%;top:1%;font-size:160px;color:#c48ca029;transform:rotate(15deg);pointer-events:none}.media-launch:after{content:"";position:absolute;inset:22px;border:1px solid #d1a1b426;border-radius:5px;pointer-events:none}.embed-project-name{font-family:Fraunces,Georgia,serif;font-size:48px;font-style:italic;color:#f5dce8;line-height:1.2}.play-ring{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#f4c6d8;color:#995170;font-size:23px;padding-left:4px;box-shadow:0 0 0 10px #f7d5e911;transition:transform .2s,box-shadow .2s}.media-launch:hover .play-ring{transform:scale(1.08);box-shadow:0 0 0 15px #f7d5e91a}.media-launch>strong{font-family:Outfit,Arial,sans-serif;font-size:19px;font-weight:600}.launch-description{font-size:11px;color:#d8afc2}.embed-target{position:absolute;inset:0}.embed-target iframe{width:100%;height:100%;border:0;display:block;background:#211a24}.embed-shell:fullscreen{border-radius:0;aspect-ratio:auto;background:#17131b;width:100%;height:100%}.media-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 9px 0}.media-actions>p{font-size:10px;color:#aa8596}.media-actions>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.media-actions a,.media-actions button{font-size:10px;color:#b36686;background:transparent;border:0;padding:3px 0}.media-actions a:hover,.media-actions button:hover{text-decoration:underline}.embed-status{font-size:10px;color:#b07891;padding:0 9px}.embed-status:not(:empty){padding-top:8px}.project-facts{display:grid;grid-template-columns:1.05fr .9fr 1.3fr;gap:35px;border-block:1px solid #efdee6;padding:27px 0;margin-top:35px}.project-facts>div+div{border-left:1px solid #f1e3e9;padding-left:28px}.project-facts strong{display:block;font-size:12px;font-weight:500;color:#896c7b;margin-top:10px}.project-stack{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.project-stack>span{display:inline-flex;align-items:center;gap:7px;background:#fff2f6;border:1px solid #f2dce5;border-radius:20px;font-size:9px;padding:5px 9px;color:#a16682}.project-stack img{object-fit:contain;flex-shrink:0}.project-content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:75px;margin-top:58px;align-items:start}.overview-panel h2{font-size:34px;margin-bottom:24px}.project-reading p{font-size:14px;line-height:1.95;color:#89707d}.project-reading h3{font-size:21px;margin:26px 0 10px;letter-spacing:-.4px}.integration-panel{margin-top:35px;border-top:1px solid #f0dce6;padding-top:25px}.integration-panel h2{font-size:26px;margin-bottom:17px}.integration-panel p+p{margin-top:12px}.project-sidebar{background:#fff2f6;border:1px solid #f2dce5;border-radius:13px;padding:27px;position:sticky;top:110px}.project-sidebar .eyebrow{font-size:8px}.project-sidebar h2{font-size:26px}.project-sidebar dl{margin:23px 0 0}.project-sidebar dl>div{border-top:1px solid #efd8e3;padding:15px 0}.project-sidebar dt{font-size:8px;color:#b1849a;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.project-sidebar dd{margin:0;font-size:11px;line-height:1.8;color:#987487}.sidebar-link{display:block;border-top:1px solid #efd8e3;padding-top:17px;font-size:11px;color:#b26385}.sidebar-link:hover{color:var(--deep)}.sidebar-heart{position:absolute;right:21px;top:18px;font-family:Caveat,cursive;color:#dfa8bc;font-size:34px;transform:rotate(16deg)}.screenshot-gallery{padding-top:65px;margin-top:50px;border-top:1px solid #f0dfe6}.screenshot-gallery .section-heading{margin-bottom:26px}.screenshot-gallery h2{font-size:34px}.gallery-counter{font-size:11px;color:#b3879a;letter-spacing:1px}.gallery-stage{position:relative;background:#f6e8ef;border:8px solid #fff;border-radius:15px;box-shadow:0 12px 30px #cd8ba21a;overflow:hidden;touch-action:pan-y;cursor:grab}.gallery-stage:active{cursor:grabbing}.gallery-slide{margin:0;position:relative}.gallery-slide>img{display:block;width:100%;height:auto;max-height:580px;aspect-ratio:16/10;object-fit:contain;user-select:none}.gallery-slide figcaption{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:white;font-size:12px;color:#987186}.gallery-slide figcaption>span{font-size:9px;color:#b392a3}.gallery-arrow{position:absolute;top:calc(50% - 35px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #f0ccd9;background:#fffffff0;color:#bd688c;font-size:21px;box-shadow:0 6px 15px #ae728d14;transition:background .2s,transform .2s}.gallery-arrow:hover{background:#fff0f6;transform:scale(1.06)}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-expand{position:absolute;right:16px;top:15px;border:1px solid #efcfdd;border-radius:20px;background:#fffffff0;color:#b77896;padding:6px 12px;font-size:17px;display:flex;gap:6px;align-items:center;line-height:1.2}.gallery-expand>span{font-size:9px}.gallery-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:19px}.gallery-thumbnails button{padding:5px;background:white;border:1px solid #f1dce6;border-radius:9px;color:#a88297;text-align:left;transition:border .2s,transform .2s,box-shadow .2s}.gallery-thumbnails button[aria-pressed=true]{border-color:#da91ad;box-shadow:0 0 0 2px #f4dce7}.gallery-thumbnails button:hover{transform:translateY(-3px)}.gallery-thumbnails img{width:100%;height:94px;object-fit:cover;border-radius:5px;display:block}.gallery-thumbnails span{display:block;padding:8px 7px 5px;font-size:10px}.gallery-note{font-size:10px;color:#b492a2;margin-top:17px}.project-pagination{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #f0dce6;gap:45px;margin-top:58px;padding:28px 0}.project-pagination>a{display:flex;flex-direction:column;gap:13px}.project-pagination>a+a{border-left:1px solid #f0dce6;padding-left:45px}.project-pagination strong{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;display:flex;justify-content:space-between;gap:20px;letter-spacing:-.5px}.project-pagination strong>span{color:#c381a0}.project-pagination a:hover strong{color:var(--deep)}.detail-contact{display:flex;justify-content:space-between;align-items:center;background:#ffedf3;border:1px solid #f3dce5;border-radius:15px;padding:30px 35px;gap:30px;margin:45px 0}.detail-contact .eyebrow{font-size:8px;margin-bottom:8px}.detail-contact h2{font-size:32px}.detail-contact p{font-size:12px;color:#a17b8e;margin-top:11px}.detail-contact>.button{flex-shrink:0}.project-detail footer{padding-top:5px}.image-lightbox{padding:18px;background:#fffafa;border:1px solid #f5dce8;border-radius:15px;width:min(1100px,94vw);max-width:94vw;max-height:92vh;color:#89677a;box-shadow:0 30px 100px #51324245}.image-lightbox::backdrop{background:#35202bdb;backdrop-filter:blur(6px)}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 15px;font-size:11px}.lightbox-close{border:0;background:#ffedf4;border-radius:20px;font-size:11px;padding:8px 14px;color:#b76b8c}.lightbox-image-wrap{position:relative}.lightbox-image{width:100%;height:auto;max-height:71vh;object-fit:contain;display:block;border-radius:6px}.lightbox-prev,.lightbox-next{position:absolute;top:calc(50% - 20px);border:1px solid #edc9da;border-radius:50%;background:#fffdfcf0;color:#bc7b99;width:39px;height:39px;font-size:20px}.lightbox-prev{left:11px}.lightbox-next{right:11px}.lightbox-caption{font-size:12px;padding-top:13px;text-align:center}.lightbox-open{overflow:hidden}
@media(max-width:1050px){.project-intro{gap:25px}.project-intro h1{font-size:57px}.project-summary{font-size:15px;max-width:600px}.project-intro-links .button{font-size:10px;padding:12px 18px}.project-facts{gap:23px}.project-facts>div+div{padding-left:22px}.project-content-grid{gap:40px;grid-template-columns:1.5fr 1fr}.project-sidebar{padding:23px}.project-sidebar h2{font-size:23px}.project-reading p{font-size:13px}.project-stack>span{font-size:8px}.project-pagination strong{font-size:22px}.embed-project-name{font-size:43px}}
@media(max-width:760px){.project-main{padding-top:23px}.project-breadcrumb{font-size:10px}.project-breadcrumb .jp{font-size:9px}.project-intro{display:block;padding:29px 0 27px}.project-intro .eyebrow{font-size:8px}.project-intro h1{font-size:43px;letter-spacing:-1.7px;overflow-wrap:anywhere;line-height:1.12;margin-top:14px}.project-summary{font-size:14px;line-height:1.9}.project-intro-links{margin-top:21px;gap:10px;flex-direction:row;flex-wrap:wrap}.project-intro-links:empty{display:none}.project-intro-links .button{font-size:10px;padding:12px 17px}.primary-media{padding:7px;border-radius:12px}.media-topline{padding:5px 6px 11px;gap:12px}.media-topline .micro{font-size:6px;letter-spacing:1px}.media-type{font-size:5px;letter-spacing:1px}.banner-frame{border-radius:6px}.banner-frame>img{aspect-ratio:16/9;object-fit:cover}.media-footnote{font-size:8px;padding:9px 6px 3px}.embed-shell{aspect-ratio:16/11;min-height:230px;border-radius:7px}.embed-shell.itch{aspect-ratio:4/3;min-height:250px}.media-launch{gap:13px;padding:20px}.media-launch:before{font-size:110px;top:-10px}.media-launch:after{inset:12px}.embed-project-name{font-size:31px}.play-ring{width:47px;height:47px;font-size:17px}.media-launch>strong{font-size:15px}.launch-description{font-size:9px}.media-actions{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 6px 4px}.media-actions>p{font-size:9px}.media-actions>div{gap:15px;justify-content:flex-start}.media-actions a,.media-actions button{font-size:9px}.embed-status{font-size:9px;padding-inline:6px}.project-facts{grid-template-columns:1fr;gap:19px;padding:23px 0;margin-top:27px}.project-facts>div+div{border-left:0;padding-left:0}.project-facts strong{font-size:11px;margin-top:8px}.project-facts .micro{font-size:7px}.project-stack{margin-top:8px;gap:6px}.project-stack>span{font-size:9px}.project-content-grid{grid-template-columns:1fr;gap:28px;margin-top:39px}.overview-panel h2{font-size:31px;margin-bottom:21px}.project-reading p{font-size:13px}.project-reading h3{font-size:20px;margin-top:23px}.integration-panel{margin-top:28px;padding-top:23px}.integration-panel h2{font-size:25px}.project-sidebar{position:relative;top:0;padding:24px}.project-sidebar h2{font-size:25px}.project-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:18px}.project-sidebar dl>div:last-child{grid-column:1/-1}.project-sidebar dl>div{padding:13px 0}.project-sidebar dd{font-size:10px}.sidebar-link{font-size:10px}.screenshot-gallery{margin-top:37px;padding-top:37px}.screenshot-gallery .section-heading{display:flex;align-items:flex-end;gap:20px;margin-bottom:23px}.screenshot-gallery h2{font-size:30px}.screenshot-gallery .eyebrow{font-size:7px}.screenshot-gallery .eyebrow .jp{font-size:8px;margin-left:8px;padding-left:9px}.gallery-counter{font-size:9px;padding-bottom:2px;white-space:nowrap}.gallery-stage{border-width:5px;border-radius:10px}.gallery-slide>img{aspect-ratio:4/3;object-fit:contain;max-height:none}.gallery-slide figcaption{padding:11px 9px;font-size:10px;gap:12px}.gallery-slide figcaption>span{font-size:7px;white-space:nowrap}.gallery-arrow{width:30px;height:30px;font-size:16px;top:calc(50% - 29px)}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-expand{right:8px;top:8px;padding:4px 8px;font-size:15px}.gallery-expand>span{font-size:7px}.gallery-thumbnails{gap:8px;margin-top:14px}.gallery-thumbnails button{padding:3px;border-radius:6px}.gallery-thumbnails img{height:52px;border-radius:3px}.gallery-thumbnails span{font-size:7px;padding:7px 3px 4px;line-height:1.6;min-height:31px}.gallery-note{font-size:9px;line-height:1.8;margin-top:14px}.project-pagination{gap:20px;padding:22px 0;margin-top:35px}.project-pagination>a+a{padding-left:20px}.project-pagination .micro{font-size:6px}.project-pagination strong{font-size:17px;gap:12px}.project-pagination>a{gap:10px}.detail-contact{display:block;padding:25px 22px;margin:32px 0}.detail-contact h2{font-size:29px}.detail-contact p{font-size:11px}.detail-contact>.button{margin-top:22px;font-size:11px}.image-lightbox{padding:11px;border-radius:10px}.lightbox-toolbar{font-size:9px;padding-bottom:11px}.lightbox-close{font-size:9px;padding:7px 12px}.lightbox-image{max-height:68vh}.lightbox-caption{font-size:10px;padding-top:11px}.lightbox-prev,.lightbox-next{width:31px;height:31px;font-size:16px;top:calc(50% - 16px)}.lightbox-prev{left:6px}.lightbox-next{right:6px}.project-detail .nav-links{gap:15px;font-size:10px}.project-detail .nav-links a:last-child{display:inline}.project-detail .brand{font-size:18px}.project-detail .brand-heart{font-size:31px}.project-detail .nav-cta{flex-shrink:0}}
@media(max-width:380px){.project-detail .nav-links{gap:10px;font-size:9px}.project-intro h1{font-size:39px}.project-detail .brand{font-size:16px}.project-detail .brand-heart{font-size:28px}.project-detail .nav{gap:8px}.project-summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gallery-thumbnails button:hover,.media-launch:hover .play-ring{transform:none}}
/* Pink cover panels match the portfolio; the actual external player retains its own theme. */
.embed-shell,.embed-shell.itch{background:#f7dbe6}.media-launch{background:radial-gradient(ellipse at center,#ffeaf2,#f4cede 78%);color:#99526f}.media-launch:before{color:#d989a630}.media-launch:after{border-color:#d291ac35}.embed-project-name{color:#a65c7c}.play-ring{background:#fff8fc;color:#c26187;box-shadow:0 0 0 10px #ffffff35}.media-launch:hover .play-ring{box-shadow:0 0 0 15px #ffffff55}.launch-description{color:#b37f97}