/* Shared interior experience and actual project previews. */
.inner-section{padding:90px clamp(22px,6vw,100px)}.inner-section>.section-heading{max-width:850px}.detail-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.detail-tile{position:relative;padding:34px;border:1px solid #30b8e84a;border-radius:24px;background:linear-gradient(140deg,#11243c,#10162c 65%,#301a3c);transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.detail-tile:after{content:'';position:absolute;width:100px;height:3px;top:0;left:20%;background:linear-gradient(90deg,#21d9ff,#ed50c0);transition:width .35s,left .35s}.detail-tile:hover,.detail-tile:focus-within{transform:translateY(-7px);border-color:#db5ad8;box-shadow:0 16px 38px #05071844}.detail-tile:hover:after{width:80%;left:10%}.detail-tile h3{font-size:24px;margin:20px 0 14px;color:#fff}.detail-tile p{color:#c3cce0;font-size:16px;line-height:1.8}.tile-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:linear-gradient(135deg,#15b9e2,#7754e8,#d34fae);font-size:27px;font-weight:800;color:white}.scope-band{margin:20px clamp(22px,6vw,100px);padding:45px;border:1px solid #bf5cce;border-radius:28px;background:linear-gradient(110deg,#112f4a,#1d173c)}.scope-band h2{font-size:clamp(25px,3vw,42px);line-height:1.25;margin:20px 0}.scope-band p{max-width:900px;color:#c8d2e7;line-height:1.8;margin-bottom:24px}.page-hero-copy>.button{margin-top:28px}.page-hero-visual img{object-fit:cover;aspect-ratio:3/2}.portfolio-intro h1{font-size:clamp(44px,6vw,84px);line-height:1.08;margin:25px 0}.portfolio-intro p{max-width:750px;font-size:19px;color:#c4cee0;line-height:1.8}.real-project-section{padding:90px clamp(22px,6vw,100px);overflow:hidden;background:radial-gradient(ellipse at 90% 0%,#362047,transparent 55%),#090f22}.real-project-section .section-heading{max-width:850px}.project-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 2px 30px;scrollbar-width:thin;scrollbar-color:#765add #16233a}.real-project{flex:0 0 calc(50% - 14px);min-width:0;scroll-snap-align:start;border:1px solid #577ed477;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#11243b,#18152c);transition:border-color .3s,box-shadow .3s}.real-project:hover{border-color:#e464ce;box-shadow:0 0 25px #9559d822}.browser-bar{display:flex;align-items:center;gap:7px;padding:15px;background:#17213b}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#c753af}.browser-bar i:nth-child(2){background:#9165ea}.browser-bar i:nth-child(3){background:#31cbe4}.browser-bar span{font-size:11px;letter-spacing:.04em;color:#cbd5ed;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-preview{position:relative;display:block;overflow:hidden}.project-preview img{display:block;width:100%;aspect-ratio:1.48;object-fit:cover;object-position:top;transition:transform .6s}.project-preview:hover img{transform:scale(1.025)}.project-preview>span{position:absolute;bottom:16px;right:16px;padding:10px 15px;background:#11192aeb;color:white;border-radius:30px;font-size:12px;border:1px solid #64d8fa}.project-copy{padding:27px}.project-copy h3{font-size:27px;margin:14px 0}.project-copy p{font-size:16px;line-height:1.8;color:#c3cee2}.project-copy .tag-row{margin-top:20px}.project-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}.project-controls button{border:1px solid #727ed2;border-radius:30px;background:#16213b;color:white;padding:11px 18px;cursor:pointer}.project-controls button:hover{border-color:#e75bbe;background:#272141}.project-controls a{margin-left:auto;color:#72dcf4}.project-controls [data-project-count]{font-variant-numeric:tabular-nums;font-size:13px;min-width:55px}.light-section .detail-tile{box-shadow:0 12px 24px #23345115}.inner-section>h2{font-size:clamp(30px,4vw,54px);margin:20px 0 32px}.project-rail:focus-visible{outline:2px solid #6bdffa;outline-offset:5px}
@media(max-width:900px){.detail-tiles{grid-template-columns:1fr}.inner-section,.real-project-section{padding-top:65px;padding-bottom:65px}.real-project{flex-basis:80%}.scope-band{padding:30px}}
@media(max-width:600px){.real-project{flex-basis:100%}.project-copy{padding:23px}.project-copy h3{font-size:25px}.project-controls a{width:100%;margin:8px 0 0}.detail-tile{padding:27px}.scope-band{margin:10px 22px;padding:26px}.browser-bar span{font-size:10px}.project-preview>span{font-size:10px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.detail-tile,.project-preview img,.real-project{transition:none}.detail-tile:hover{transform:none}}