/* Project information and editorial review. */
.project-section { position:relative; overflow:hidden; background:radial-gradient(ellipse at 95% 10%,rgba(47,86,53,.22),transparent 48%),#0b2017; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.project-section::before { content:''; position:absolute; width:700px; height:700px; border:1px solid rgba(231,193,106,.06); border-radius:50%; right:-340px; top:-280px; pointer-events:none; }
.project-intro { display:grid; grid-template-columns:1.05fr 1fr; gap:80px; align-items:start; }
.project-section h2 { font-size:clamp(48px,5.4vw,75px); letter-spacing:-1.4px; line-height:1.04; margin:0 0 25px; }
.project-section h2 em,.project-section h3 em { color:var(--gold); font-weight:400; }
.project-origin { max-width:400px; font-size:9px; letter-spacing:1.3px; text-transform:uppercase; color:var(--muted); line-height:1.9; margin-bottom:0; }
.project-description > p { color:#cdd6c5; font-size:14px; line-height:1.95; margin-bottom:20px; }
.project-description > p:first-child { color:var(--cream); font-size:15px; }
.project-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding-top:22px; margin-top:27px; border-top:1px solid var(--line); }
.project-stats > div { min-width:0; }
.project-stats strong { display:block; color:var(--gold); font:500 42px/1 var(--display); margin-bottom:11px; }
.project-stats span { display:block; color:var(--muted); font-size:9px; line-height:1.6; }
.project-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:54px; }
.project-pillar { display:flex; flex-direction:column; padding:30px 28px 26px; border:1px solid var(--line); background:linear-gradient(155deg,rgba(32,62,42,.52),rgba(7,25,16,.55)); min-width:0; transition:border-color .25s,transform .25s; }
.project-pillar:hover { border-color:rgba(231,193,106,.6); transform:translateY(-3px); }
.project-pillar-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
.project-pillar-number { color:var(--gold); font-size:10px; letter-spacing:2px; }
.project-pillar-icon { width:50px; height:50px; color:var(--gold); opacity:.85; }
.project-pillar h3 { font-size:35px; line-height:1.08; margin-bottom:20px; }
.project-pillar p { font-size:12px; line-height:1.9; color:#c4cfbd; margin-bottom:30px; }
.project-pillar .text-link { margin-top:auto; display:inline-flex; justify-content:space-between; align-items:center; gap:20px; font-size:10px; color:var(--gold); padding:10px 0 0; border-top:1px solid rgba(231,193,106,.2); }
.project-review { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; margin-top:56px; padding:45px 0 0; border-top:1px solid var(--line); }
.project-review h3 { font-size:clamp(35px,3.8vw,49px); line-height:1.09; margin-bottom:23px; }
.project-review-copy > p:last-child { color:#c4cfbd; font-size:12px; line-height:1.95; max-width:500px; margin-bottom:0; }
.project-method { border-top:1px solid var(--line); }
.project-method:last-child { border-bottom:1px solid var(--line); }
.project-method summary { display:flex; justify-content:space-between; align-items:center; gap:20px; list-style:none; color:var(--cream); cursor:pointer; padding:20px 0; font-size:12px; font-weight:600; }
.project-method summary::-webkit-details-marker { display:none; }
.project-method summary::marker { content:''; }
.project-method summary::after { content:'+'; font-size:22px; line-height:1; font-weight:400; color:var(--gold); flex:none; }
.project-method[open] summary::after { content:'−'; }
.project-method summary:hover { color:var(--gold); }
.project-method summary:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.project-method p { color:#bdcbb5; font-size:12px; line-height:1.9; margin:0; padding:0 25px 22px 0; }
.project-invitation { display:flex; justify-content:space-between; gap:45px; align-items:center; margin-top:43px; padding:28px 30px; background:rgba(231,193,106,.035); border:1px solid rgba(231,193,106,.16); }
.project-invitation p { margin:0; max-width:660px; font-size:12px; line-height:1.9; color:#c4cfbd; }
.project-links { display:flex; flex-direction:column; align-items:flex-start; gap:12px; flex:none; }
.project-links a { display:inline-flex; gap:18px; justify-content:space-between; align-items:center; color:var(--gold); font-size:10px; border-bottom:1px solid rgba(231,193,106,.4); padding-bottom:5px; }
.project-credit { margin:22px 0 0; font-size:9px; color:#9fae96; line-height:1.8; }
/* Keep the expanded header comfortable while retaining the flag beside YouTube. */
@media(min-width:1281px) { .header-inner { gap:20px; } header .nav { gap:15px; font-size:11px; } }
@media(max-width:1280px) { header .menu { display:block; margin-left:auto; } header .nav { display:none; position:absolute; top:100%; left:0; width:100%; background:#07140f; padding:22px 32px 28px; flex-wrap:wrap; border-bottom:1px solid var(--line); gap:18px 26px; margin-left:0; } header .nav.open { display:flex; } }
@media(max-width:1000px) { .project-intro { gap:40px; } .project-pillars { gap:17px; } .project-pillar { padding:25px 22px; } .project-pillar h3 { font-size:30px; } .project-review { gap:40px; } .project-invitation { flex-direction:column; align-items:flex-start; gap:20px; } .project-links { flex-direction:row; flex-wrap:wrap; gap:18px 30px; } }
@media(max-width:700px) { .project-intro { grid-template-columns:1fr; gap:28px; } .project-section h2 { font-size:clamp(44px,8.5vw,60px); letter-spacing:-1px; } .project-origin { font-size:8px; } .project-description > p { font-size:12px; } .project-description > p:first-child { font-size:13px; } .project-stats { margin-top:24px; gap:12px; } .project-stats strong { font-size:37px; } .project-stats span { font-size:8px; } .project-pillars { grid-template-columns:1fr; margin-top:34px; gap:18px; } .project-pillar { padding:25px 25px 23px; } .project-pillar-top { margin-bottom:17px; } .project-pillar-icon { width:42px; height:42px; } .project-pillar h3 { font-size:33px; margin-bottom:17px; } .project-pillar p { margin-bottom:22px; } .project-review { grid-template-columns:1fr; gap:27px; margin-top:37px; padding-top:32px; } .project-review h3 { font-size:37px; } .project-method summary { font-size:11px; } .project-invitation { padding:24px; margin-top:31px; } .project-credit { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .project-pillar { transition:none; } .project-pillar:hover { transform:none; } }