.project-detail{max-width:1200px;padding:80px var(--page-padding) var(--space-xl);margin:0 auto}.project-hero{align-items:start;gap:var(--space-l);margin-bottom:var(--space-l);grid-template-columns:minmax(0,2fr) 320px;display:grid}.project-title{max-width:var(--content);min-width:0}.project-title h1{letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;margin-top:12px;font-size:clamp(72px,5vw,120px);line-height:.88}.project-index{letter-spacing:.1em;opacity:.45;font-size:14px;font-weight:700}.project-description{max-width:56ch;color:var(--color-body);overflow-wrap:anywhere;margin:0 0 5px;font-size:20px;line-height:1.8}.project-tech{color:var(--color-muted);letter-spacing:.18em;font-size:12px}.project-cover{width:100%;margin:var(--space-l) 0;border-radius:var(--radius-m);box-shadow:var(--shadow-card);display:block;overflow:hidden}.project-meta{gap:var(--space-s);flex-direction:column;display:flex;position:sticky;top:120px}.project-meta div{border-bottom:1px solid var(--color-line);padding-bottom:24px}.project-meta span{color:var(--color-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:11px;display:block}.project-meta p,.project-meta a{color:var(--color-text);margin:0;font-size:18px}.project-meta a{transition:opacity var(--speed-fast) var(--ease)}.project-meta a:hover{opacity:.6}.project-body{max-width:var(--content);margin:var(--space-l) auto 0;font-size:18px;line-height:1.95}.project-body h1{letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;margin-top:12px;line-height:1}.project-body h2{letter-spacing:.24em;color:var(--color-muted);border-bottom:2px dotted var(--color-line);border-left:solid 5px var(--color-line);margin:120px 0 40px;padding:.2em 0 .5em 20px;font-size:14px;font-weight:600;line-height:1.1}.project-body>h2:first-child{margin-top:0}.project-body h3{letter-spacing:-.02em;color:var(--color-text);margin:56px 0 20px;font-size:30px;line-height:1.25}.project-body p{color:var(--color-body);margin:20px 0;font-size:16px;line-height:1.95}.project-body ul{margin:36px 0;padding-left:28px}.project-body li{color:var(--color-body);margin:14px 0;line-height:1.9}.project-body img{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);margin:72px 0}.project-body strong{font-weight:600}.project-body hr{margin:var(--space-l) 0;border:none;border-top:1px solid var(--color-line)}.editorial{border-top:1px solid var(--color-line);grid-template-columns:220px 1fr;gap:72px;padding:72px 0;display:grid}.editorial-title h2{letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:12px;position:sticky;top:120px}.editorial-content{max-width:720px}.editorial-content>:first-child{margin-top:0}.project-body pre.astro-code{border-radius:12px;margin:48px 0;padding:24px;font-size:14px;line-height:1.7;overflow-x:auto}.project-tags{flex-wrap:wrap;gap:12px;display:flex}.project-category,.project-status{border:1px solid var(--color-line);background:var(--color-bg);letter-spacing:.14em;border-radius:999px;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;display:inline-flex}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:120px 0;display:grid}.gallery-item{border-radius:var(--radius-m);cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.gallery-item img{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);transition:transform .7s var(--ease), filter .7s var(--ease);display:block}.gallery-item:hover img{filter:brightness(.95);transform:scale(1.05)}.gallery-lightbox{z-index:1000;-webkit-backdrop-filter:var(--blur);opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility .5s var(--ease);background:#ffffffb8;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.gallery-lightbox.is-open{opacity:1;visibility:visible}.gallery-lightbox-content{flex-direction:column;align-items:center;max-width:min(1200px,90vw);max-height:90vh;display:flex}.gallery-lightbox-image{object-fit:contain;border-radius:var(--radius-s);width:auto;max-width:100%;height:auto;max-height:82vh;box-shadow:var(--shadow-card);opacity:0;transition:transform .5s var(--ease), opacity .5s var(--ease);display:block;transform:scale(.96)}.gallery-lightbox.is-open .gallery-lightbox-image{opacity:1;transform:scale(1)}.gallery-lightbox-counter{color:var(--color-muted);letter-spacing:.18em;margin:20px 0 0;font-size:11px}.gallery-lightbox-close,.gallery-lightbox-prev,.gallery-lightbox-next{border:1px solid var(--color-line);width:48px;height:48px;color:var(--color-text);font:inherit;cursor:pointer;transition:background .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease), opacity .4s var(--ease);background:#fff6;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.gallery-lightbox-close:hover,.gallery-lightbox-prev:hover,.gallery-lightbox-next:hover{background:var(--color-bg);border-color:var(--color-text)}.gallery-lightbox-close{font-size:24px;line-height:1;top:32px;right:32px}.gallery-lightbox-prev{top:50%;left:32px;transform:translateY(-50%)}.gallery-lightbox-next{top:50%;right:32px;transform:translateY(-50%)}.gallery-lightbox-prev:hover{transform:translateY(-50%)translate(-3px)}.gallery-lightbox-next:hover{transform:translateY(-50%)translate(3px)}body.gallery-lightbox-open{overflow:hidden}.project-timeline{max-width:var(--content);border-top:var(--border);margin:120px auto 0;padding-top:40px}.timeline-header p{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.24em;text-transform:uppercase;margin:0 0 48px;font-weight:600}.timeline-list{position:relative}.timeline-list:before{content:"";background:var(--color-line);width:1px;position:absolute;top:8px;bottom:8px;left:88px}.timeline-item{grid-template-columns:88px 1fr;gap:40px;padding-bottom:48px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-year{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.08em}.timeline-content{position:relative}.timeline-content:before{content:"";border:2px solid var(--color-bg);background:var(--color-text);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-46px}.timeline-content h3{margin:0;font-size:22px;line-height:1.3}.timeline-content p{color:var(--color-body);font-size:var(--text-sm);margin:12px 0 0;line-height:1.8}.project-nav{border-top:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:160px;padding-top:48px;display:grid}.project-nav a{border:var(--border);border-radius:var(--radius-m);color:inherit;transition:transform var(--speed) var(--ease), background var(--speed) var(--ease), border-color var(--speed) var(--ease);padding:40px;text-decoration:none;display:block}.project-nav a:hover{border-color:var(--color-text);background:#f7f7f4;transform:translateY(-4px)}.project-nav span{color:var(--color-light);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px;display:block}.project-nav strong{letter-spacing:-.03em;font-size:clamp(24px,3vw,40px);line-height:1.05;display:block}.project-nav p{color:var(--color-muted);font-size:var(--text-sm);margin-top:16px}.project-detail-grid{grid-template-columns:minmax(0,1fr) 240px;gap:96px;margin-top:120px;display:grid}.project-body{min-width:0;max-width:720px;margin:0}.project-toc{align-self:start;padding-top:4px;position:sticky;top:120px}.project-toc-details{margin:0}.project-toc-details>nav{display:block}.project-toc-label{color:var(--color-muted);letter-spacing:.2em;text-transform:uppercase;cursor:default;justify-content:space-between;align-items:center;margin:0 0 24px;font-size:11px;font-weight:600;display:flex}.project-toc-label::-webkit-details-marker{display:none}.project-toc-title{align-items:center;gap:8px;display:inline-flex}.project-toc-title i{opacity:.7;font-size:11px}.project-toc-toggle{display:none}.project-toc ul{margin:0;padding:0;list-style:none}.toc-list{position:relative}.toc-h1{padding-bottom:20px;padding-left:28px;position:relative}.toc-h1:not(:last-child):after{content:"";background:var(--color-line);width:1px;position:absolute;top:14px;bottom:0;left:4px}.toc-h1:before{content:"";border:1px solid var(--color-text);background:var(--color-bg);box-sizing:border-box;z-index:2;width:9px;height:9px;transition:background .35s var(--ease), transform .35s var(--ease);border-radius:50%;position:absolute;top:5px;left:0}.toc-h1:has(>a.active):before{background:var(--color-text);transform:scale(1.15)}.toc-h1>a{color:var(--color-muted);transition:color var(--speed-fast) var(--ease), opacity var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;display:block}.toc-h1>a.active{color:var(--color-text);opacity:1}.toc-h2-list{position:relative;margin-top:10px!important;padding-left:20px!important}.toc-h2{padding:4px 0 8px 16px;position:relative}.toc-h2:before{content:"";background:var(--color-line);width:44px;height:1px;position:absolute;top:11px;left:-44px}.toc-h2:after{content:"";border:1px solid var(--color-muted);background:var(--color-bg);box-sizing:border-box;z-index:2;width:7px;height:7px;transition:background .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);border-radius:50%;position:absolute;top:7px;left:0}.toc-h2:has(>a.active):after{background:var(--color-text);border-color:var(--color-text);transform:scale(1.1)}.toc-h2 a{color:var(--color-muted);opacity:.7;transition:color var(--speed-fast) var(--ease), opacity var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);font-size:12px;line-height:1.5;text-decoration:none;display:block}.project-toc a.active{color:var(--color-text);opacity:1}.toc-h1>a.active{font-weight:600}.project-toc a:hover{color:var(--color-text);opacity:1;transform:translate(3px)}@media (width<=900px){.project-hero{gap:var(--space-m);grid-template-columns:1fr}.project-meta{gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.project-cover{margin:var(--space-m) 0}.project-title h1{font-size:clamp(56px,10vw,88px)}.project-nav{gap:var(--space-s)}.project-detail-grid{grid-template-columns:1fr;gap:64px;margin-top:80px}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid;position:static}.project-meta div{padding-bottom:20px}}@media (width<=768px){.project-detail{padding:10px 0 var(--space-l)}.project-hero{grid-template-columns:1fr;gap:48px;margin-bottom:56px}.project-title h1{margin:0 0 20px;font-size:clamp(40px,10vw,60px)}.project-description{margin:0;font-size:14px;line-height:1.7}.project-tags{gap:8px;margin:10px 0}.project-category,.project-status{letter-spacing:.1em;padding:8px 14px;font-size:10px;font-weight:500}.project-tech{margin-top:10px;font-size:10px}.project-meta{gap:20px;position:static}.project-meta div{padding-bottom:20px}.project-meta p,.project-meta a{font-size:14px}.project-cover{border-radius:var(--radius-m);margin:56px 0}.project-body{order:1;width:100%;max-width:none;margin:20px 0 0;padding:0 8px;font-size:16px;line-height:1.85}.project-body h1{margin:72px 0 30px;font-size:36px;line-height:1.5}.project-body h2{letter-spacing:.1em;margin:72px 0 30px;font-size:20px;line-height:1.5}.project-body h3{margin:48px 0 16px;font-size:18px;line-height:1.5}.project-body p{margin:20px 0;font-size:14px}.project-body ul{margin:24px 0;padding-left:20px}.project-body li{margin:8px 0}.project-body hr{margin:64px 0}.project-body img{margin:var(--space-m) 0;border-radius:var(--radius-s)}.project-body pre.astro-code{border-radius:10px;margin:40px -8px;padding:20px;font-size:13px;line-height:1.65}.gallery{grid-template-columns:1fr;gap:20px;margin:64px 0}.gallery-item img{border-radius:var(--radius-s)}.gallery-lightbox{padding:24px}.gallery-lightbox-content{max-width:100%;max-height:85vh}.gallery-lightbox-image{border-radius:var(--radius-s);max-width:100%;max-height:78vh}.gallery-lightbox-close{width:42px;height:42px;top:16px;right:16px}.gallery-lightbox-prev,.gallery-lightbox-next{width:42px;height:42px;top:auto;bottom:24px}.gallery-lightbox-prev{left:24px;transform:none}.gallery-lightbox-next{right:24px;transform:none}.gallery-lightbox-prev:hover{transform:translate(-3px)}.gallery-lightbox-next:hover{transform:translate(3px)}.project-timeline{margin-top:80px}.timeline-header p{margin-bottom:36px}.timeline-list:before{left:68px}.timeline-item{grid-template-columns:68px 1fr;gap:24px;padding-bottom:40px}.timeline-content:before{left:-30px}.project-nav{grid-template-columns:1fr;gap:16px;margin-top:96px;padding-top:48px}.project-nav a{padding:24px}.project-nav strong{font-size:26px}.project-detail-grid{flex-direction:column;gap:0;margin-top:64px;display:flex}.project-toc{z-index:100;width:calc(100% + (var(--page-padding) * 2));margin-left:calc(var(--page-padding) * -1);padding:0 var(--page-padding);backdrop-filter:var(--blur);background:#fff3;margin-bottom:40px;position:sticky;top:80px}.project-toc-details{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);width:100%}.project-toc-label{color:var(--color-text);letter-spacing:.2em;cursor:pointer;justify-content:space-between;align-items:center;margin:0;padding:18px 0;font-size:11px;font-weight:600;display:flex}.project-toc-label::-webkit-details-marker{display:none}.project-toc-label::marker{content:""}.project-toc-toggle{width:14px;height:14px;display:block;position:relative}.project-toc-toggle:before,.project-toc-toggle:after{content:"";width:12px;height:1px;transition:transform .35s var(--ease), opacity .35s var(--ease);background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-toc-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.project-toc-details[open] .project-toc-toggle:after{opacity:0}.project-toc-details>nav{padding:8px 0 24px}}