:root{--background:#0c1c18;--dark-teal:#142a25;--card:#203a34;--card-hover:#29463f;--orange:#ec6637;--orange-dark:#c85a32;--orange-light:#f17445;--white:#e7e9de;--muted:#aebbb4;--border:rgba(231,233,222,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 15%,rgba(20,67,55,.22),transparent 35%),var(--background);color:var(--white);font-family:"Chakra Petch",sans-serif;font-size:13px;line-height:1.45}a{color:inherit;text-decoration:none}
.site-header{padding:28px 4.5% 0;display:flex;justify-content:space-between;align-items:center;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.08em}.site-header a{color:var(--orange)}.site-header a:hover{color:var(--orange-light)}.back-link{margin:32px 4.5% 10px;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--orange)}
.project-hero{margin:0 4.5vw;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(500px,1.68fr);min-height:560px;border-bottom:1px solid var(--border)}.project-info{padding:30px 38px 35px 0;border-right:1px solid var(--border)}.project-meta{margin-bottom:17px;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.08em}.project-info h1{margin:0;font-size:clamp(41px,4vw,64px);line-height:.91;letter-spacing:-.045em}.intro{max-width:360px;margin-top:25px;font-family:"Space Mono",monospace;font-size:12px;line-height:1.65}.project-specs{max-width:360px;margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.spec-row{display:grid;grid-template-columns:105px 1fr;margin-bottom:10px;font-family:"Space Mono",monospace;font-size:12px;line-height:1.5}.spec-row>span:first-child{color:var(--muted)}
.hero-visual{position:relative;padding:14px 0 35px 35px;display:flex;flex-direction:column;justify-content:center}.visual-meta{position:absolute;top:15px;right:0;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.08em;color:var(--muted)}.hero-image-stage{position:relative;height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden}.glow{position:absolute;pointer-events:none;border-radius:50%}.glow-orange{width:58%;height:60%;left:21%;top:17%;background:radial-gradient(ellipse,rgba(236,102,55,.38),rgba(236,102,55,.16) 40%,transparent 74%);filter:blur(40px)}.glow-green{width:82%;height:82%;left:9%;top:8%;background:radial-gradient(ellipse,rgba(38,91,74,.34),rgba(38,91,74,.1) 52%,transparent 76%);filter:blur(46px)}.hero-image{position:relative;z-index:2;width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(236,102,55,.12)) drop-shadow(0 18px 28px rgba(0,0,0,.35))}.project-label{width:min(74%,610px);margin:4px auto 0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,var(--orange),#f05c32);color:#101c18;border-radius:6px;transition:.2s}.project-label:hover{transform:translateY(-2px);filter:brightness(1.05)}.project-label span{display:block;margin-bottom:4px;font-family:"Space Mono",monospace;font-size:12px;font-weight:700}.project-label strong{display:block;font-size:14px;letter-spacing:.03em}.project-label b{font-size:18px}
.story-grid{margin:0 4.5vw;padding:32px 0 34px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.story-block{padding:0 30px;border-right:1px solid var(--border)}.story-block:first-child{padding-left:0}.story-block:last-child{padding-right:0;border-right:none}.story-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.story-heading span{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-family:"Space Mono",monospace;font-size:12px}.story-heading h2{margin:0;font-size:15px;letter-spacing:.08em}.story-block p{margin:0 0 14px;font-family:"Space Mono",monospace;font-size:12px;line-height:1.75;color:#c5cec8}
.section-topline{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:18px;border-bottom:1px solid var(--border);font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.08em}.section-topline span:last-child{color:var(--orange)}
.feature-section,.impact-section,.iteration-section,.detail-section,.team-section{margin:0 4.5vw;padding:28px 0 34px;border-bottom:1px solid var(--border)}.team-section{padding-bottom:46px}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch;margin-bottom:12px}.feature-layout.reverse{grid-template-columns:1.1fr .9fr}.feature-copy,.feature-image-card{min-height:345px;border:1px solid var(--border);border-radius:11px;background:var(--card)}.feature-copy{padding:22px}.feature-number{margin-bottom:26px;color:var(--orange);font-family:"Space Mono",monospace;font-size:12px;font-weight:700}.feature-copy h2{margin:0 0 14px;font-size:22px;line-height:1;letter-spacing:.03em}.feature-copy p,.team-copy p,.impact-copy p,.iteration-card p{margin:0 0 14px;color:#c5cec8;font-family:"Space Mono",monospace;font-size:12px;line-height:1.75}.feature-image-card,.detail-card,.impact-photo,.team-photo{margin:0;padding:10px;background:var(--card);border:1px solid var(--border);border-radius:11px}.image-stage{height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:radial-gradient(ellipse at 50% 50%,rgba(236,102,55,.12),transparent 55%),#19332d}.image-stage img{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}.feature-image-card figcaption,.detail-card figcaption,.impact-photo figcaption,.team-photo figcaption{padding:11px 2px 2px;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.impact-grid{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:10px;align-items:stretch}.impact-photo img{display:block;width:100%;height:430px;object-fit:cover;border-radius:6px;background:#19332d}.impact-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,rgba(236,102,55,.11),transparent 45%),var(--card);border:1px solid var(--border);border-radius:11px}.impact-copy h2{margin:0 0 18px;font-size:clamp(26px,3vw,42px);line-height:.96;letter-spacing:-.025em}.impact-copy .impact-highlight{margin-top:6px;padding-top:16px;border-top:1px solid var(--border);color:var(--white);font-weight:700}
.iteration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.iteration-card{min-height:255px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:11px}.iteration-card>span{display:block;margin-bottom:28px;color:var(--orange);font-family:"Space Mono",monospace;font-size:12px;font-weight:700}.iteration-card h2{margin:0 0 12px;font-size:18px;line-height:1;letter-spacing:.04em}
.detail-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.detail-card .image-stage{height:360px}.team-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:10px}.team-photo img{display:block;width:100%;height:400px;object-fit:cover;border-radius:6px}.team-copy{padding:26px;background:var(--card);border:1px solid var(--border);border-radius:11px}.team-copy h2{margin:0 0 16px;font-size:26px;line-height:1}
footer{padding:28px 4.5% 34px;display:flex;justify-content:space-between;align-items:center;font-family:"Space Mono",monospace;font-size:12px;font-weight:400;letter-spacing:.08em;color:var(--muted)}footer div{display:flex;gap:18px}footer a{color:var(--orange)}footer a:hover{color:var(--white)}
@media(max-width:1050px){.impact-grid{grid-template-columns:1fr 1fr}.impact-copy{grid-column:1/-1;grid-row:1}.detail-grid{grid-template-columns:1fr 1fr}.detail-card:first-child{grid-column:1/-1}.team-grid{grid-template-columns:1fr}}
@media(max-width:900px){.project-hero{grid-template-columns:1fr}.project-info{border-right:none;border-bottom:1px solid var(--border);padding-right:0}.hero-visual{padding:35px 0}.visual-meta{position:static;margin-bottom:8px;text-align:right}.story-grid{grid-template-columns:1fr}.story-block{padding:26px 0;border-right:none;border-bottom:1px solid var(--border)}.story-block:first-child{padding-top:0}.story-block:last-child{padding-bottom:0;border-bottom:none}.feature-layout,.feature-layout.reverse{grid-template-columns:1fr}.feature-layout.reverse .feature-image-card{order:2}.feature-layout.reverse .feature-copy{order:1}.iteration-grid{grid-template-columns:1fr}}
@media(max-width:650px){.site-header,footer{gap:18px}.project-info h1{font-size:clamp(37px,11.5vw,54px)}.hero-image-stage{height:320px}.project-label{width:100%}.impact-grid,.detail-grid{grid-template-columns:1fr}.impact-copy,.detail-card:first-child{grid-column:auto}.impact-photo img,.team-photo img{height:auto;max-height:70vh}.image-stage,.detail-card .image-stage{height:auto;min-height:260px;max-height:70vh}footer{align-items:flex-start;flex-direction:column}}