.detail-main{padding:0 clamp(24px,5.5vw,100px)}.detail-back{display:inline-block;margin:38px 0 32px;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.11em;color:var(--mint)}.detail-back:hover{color:#fff}.detail-hero{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center;padding:34px 0 100px}.detail-intro h1{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.08em;line-height:.98;font-size:clamp(65px,8vw,118px);margin:25px 0 30px}.detail-intro>p{font-size:18px;line-height:1.65;color:#bcc3bc;max-width:560px}.detail-intro .project-tags{margin-top:34px}.detail-visual{height:460px;border:1px solid #52615a;position:relative;overflow:hidden;box-shadow:15px 15px 0 #242b27}.detail-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000)}.detail-visual:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:'Space Grotesk',sans-serif;font-size:clamp(80px,13vw,180px);font-weight:700;letter-spacing:-.15em}.visual-server{background:radial-gradient(circle at center,#3e6860,#1a3531 58%,#152522)}.visual-server:after{content:'▰';color:#bce2cb;text-shadow:20px 25px 0 #638c7a,40px 50px 0 #2e5e50}.visual-press{background:radial-gradient(circle at center,#75594c,#302523 65%,#231f1e)}.visual-press:after{content:'⌗';font-size:260px;color:#e4bd94;text-shadow:12px 17px 0 #583c2f}.visual-site{background:radial-gradient(circle at center,#5d596c,#2b2c3b 62%,#1f222d)}.visual-site:after{content:'W.';color:#d2e8d7;text-shadow:12px 14px 0 #778d88}.detail-body{border-top:1px solid var(--line);display:grid;grid-template-columns:.35fr 1fr;gap:70px;padding:85px 0 130px}.detail-side{padding-right:30px}.detail-meta{border-top:1px solid #424846;padding:18px 0;margin-top:24px;display:flex;justify-content:space-between;gap:10px}.detail-meta span{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.1em;color:#848f88}.detail-meta strong{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:500;text-align:right}.detail-story h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,4vw,65px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:0 0 30px}.detail-story h3{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:500;letter-spacing:-.04em;margin:45px 0 10px}.detail-story>p{max-width:720px;color:#b1b9b1;font-size:16px;line-height:1.8}.next-panel{background:#1f2723;border-left:3px solid var(--mint);margin-top:55px;padding:30px}.next-panel p{font-size:15px;color:#c8d4ca;line-height:1.6;margin:15px 0 0}.detail-next{border-top:1px solid var(--line);padding:80px 0 110px}.detail-next h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(45px,5vw,75px);font-weight:500;letter-spacing:-.06em;margin:20px 0 28px}.detail-next .button{width:max-content}@media(max-width:800px){.detail-hero{grid-template-columns:1fr;padding-bottom:75px}.detail-visual{height:330px}.detail-body{grid-template-columns:1fr;gap:40px;padding:70px 0 90px}.detail-side{padding:0}.detail-intro h1{font-size:clamp(57px,12vw,90px)}}