.portfolio-detail .hero-message{position:relative;z-index:2;max-width:690px}.portfolio-detail .hero-message h1{font-size:clamp(50px,5.8vw,82px)}.portfolio-detail .home-hero::after{background:linear-gradient(90deg,#060708,transparent 85%)}.chrome-atmosphere{position:absolute;inset:120px 0 0;z-index:-2;background:radial-gradient(ellipse at 78% 43%,#83939930,transparent 40%),radial-gradient(ellipse at 65% 60%,#6d542320,transparent 50%)}
.kinetic-chrome{position:absolute;right:3%;top:105px;width:43%;height:480px;perspective:1000px;pointer-events:none}.chrome-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-12deg) rotateZ(-20deg)}.chrome-ring{position:absolute;inset:13% 4%;border-radius:50%;transform-style:preserve-3d;background:linear-gradient(125deg,#090b0d 2%,#505b63 13%,#ecf2f4 18%,#56626a 23%,#101418 33%,#aab5ba 44%,#faffff 48%,#3c474f 52%,#12191f 64%,#adbac0 75%,#f9e8c2 81%,#3f474b 87%,#0a0c0e 97%);box-shadow:inset 2px 3px 4px #f5ffffa0,inset -3px -5px 7px #000,0 14px 20px #0009;mask:radial-gradient(ellipse,transparent 52%,#000 53%);animation:chrome-turn 22s ease-in-out infinite;animation-play-state:paused;--tilt:48deg;--angle:0deg}.ring-two{inset:8% 9%;--tilt:-45deg;--angle:65deg;animation-delay:-7s}.ring-three{inset:17% 0;--tilt:38deg;--angle:120deg;animation-delay:-14s}.chrome-axis{position:absolute;inset:40% 37%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#eef5f6,#7e898e 18%,#161e23 46%,#9b8f70 75%,#0b1014);transform:translateZ(30px);box-shadow:0 15px 30px #000b}.chrome-ground{position:absolute;bottom:15px;left:5%;right:5%;height:35px;background:radial-gradient(ellipse,#9daaa724,transparent 70%);transform:rotateX(65deg)}.chrome-caption{position:absolute;right:0;bottom:-8px;color:#b7bfc0;font-size:10px;letter-spacing:.1em}.flow-running .chrome-ring{animation-play-state:running}@keyframes chrome-turn{0%,100%{transform:rotateZ(var(--angle)) rotateY(var(--tilt)) rotateX(15deg)}50%{transform:rotateZ(calc(var(--angle) + 35deg)) rotateY(calc(var(--tilt) - 30deg)) rotateX(-12deg)}}
.project-introduction{padding-bottom:60px}.project-index{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff20}.project-index a{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:22px 20px;font-size:13px;color:#e6e0d2}.project-index a+a{border-left:1px solid #ffffff20}.project-index a>span{font-size:10px;color:#cbb47e}.project-index a:hover{background:#e4ca9009;color:#f0d99b}
.portfolio-project{padding:65px 0 90px;scroll-margin-top:130px}.portfolio-project+.portfolio-project{border-top:1px solid #ffffff15}.project-in-progress{background:#0b0d0f}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}.project-heading h2{font-size:clamp(32px,4.4vw,60px);letter-spacing:-.05em;line-height:1.08;font-weight:500;margin:12px 0 0}.project-heading h2 span{display:block;font-size:.5em;color:#acb0ae;letter-spacing:-.025em;line-height:1.3;margin-top:14px}.project-status{flex-shrink:0;padding:9px 13px;border:1px solid #a8c6b055;border-radius:3px;color:#b8d0bb;font-size:11px}.status-construction{border-color:#d7b77180;color:#efd69b;background:#e4ca9008}.portfolio-capture{display:block;position:relative;margin:0;overflow:hidden;border:1px solid #ffffff26;border-radius:8px;background:#070809}.portfolio-capture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.capture-action{position:absolute;bottom:18px;right:18px;display:flex;gap:28px;align-items:center;padding:13px 18px;background:#090b0ef5;border:1px solid #e4ca9070;border-radius:3px;color:#f0d99b;font-size:12px}.portfolio-capture:focus-visible{outline:2px solid #f0d99b;outline-offset:5px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:30px 60px;margin-top:32px}.project-story p:not(.home-eyebrow){font-size:15px;line-height:1.8;color:#b9bcbb;margin-bottom:0}.project-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.project-tags span{font-size:11px;color:#a8adad;border:1px solid #ffffff20;padding:8px 12px;border-radius:3px}
@media(max-width:1000px){.kinetic-chrome{right:1%;width:40%;height:420px;top:140px}.project-story{gap:24px 35px}}
@media(max-width:800px){.portfolio-detail .hero-layout{display:block;padding-top:65px}.portfolio-detail .hero-message{max-width:100%}.portfolio-detail .hero-message h1{font-size:clamp(44px,8vw,66px)}.kinetic-chrome{position:relative;top:auto;right:auto;width:85%;max-width:480px;height:420px;margin:20px auto 0}.project-index{grid-template-columns:1fr}.project-index a+a{border-left:0;border-top:1px solid #ffffff15}.project-heading{align-items:flex-start;flex-direction:column;gap:20px}.project-story{grid-template-columns:1fr}.portfolio-project{padding:45px 0 60px}.project-tags{grid-column:auto}}
@media(max-width:520px){.portfolio-detail .hero-message h1{font-size:clamp(40px,10.5vw,54px)}.kinetic-chrome{width:94%;height:330px}.chrome-caption{font-size:8px}.capture-action{position:relative;bottom:auto;right:auto;border:none;border-top:1px solid #ffffff20;padding:12px 14px;font-size:11px}.project-story p:not(.home-eyebrow){font-size:14px}.project-introduction{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.chrome-ring{animation:none;transform:rotateZ(var(--angle)) rotateY(var(--tilt)) rotateX(15deg)}}