.tower-intro { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:70px; padding:54px 0 45px; }
.tower-intro h1 { font-size:clamp(68px,8.5vw,112px); line-height:.95; letter-spacing:-.05em; margin:0; }
.tower-intro h1 > span { display:block; font-family:var(--sans); font-size:13px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; margin-bottom:18px; }
.tower-intro h1 em { color:var(--gold); font-weight:400; }
.tower-intro-copy { padding-bottom:8px; }
.tower-intro-copy > p { font-size:15px; line-height:1.8; }
.project-status { display:flex; align-items:center; gap:8px; color:var(--gold); font-size:11px !important; text-transform:uppercase; letter-spacing:.1em; }
.project-status > span { width:5px; height:5px; border-radius:50%; background:var(--gold); }
.tower-lead { font-family:var(--serif); color:var(--cream); font-size:29px !important; line-height:1.35 !important; margin:20px 0; }
.tower-intro-copy .text-link { margin-top:10px; }
.tower-hero { margin:0; }
.tower-hero > img { width:100%; height:auto; border:1px solid var(--rule); }
.tower-hero figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-top:14px; font-size:10px; color:var(--muted); }
.tower-hero figcaption > span:first-child { color:var(--gold-deep); font-size:9px; letter-spacing:.15em; }
.tower-direction { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding:85px 0 45px; align-items:center; }
.tower-direction h2, .tower-progress h2 { font-size:43px; line-height:1.2; letter-spacing:-.035em; margin-bottom:22px; }
.tower-direction h2 em, .tower-progress h2 em { font-weight:400; color:var(--gold); }
.tower-direction p:not(.eyebrow), .tower-progress p:not(.eyebrow) { font-size:15px; line-height:1.9; }
.tower-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; padding-bottom:65px; }
.tower-pillars article { border-top:1px solid var(--rule); padding-top:25px; }
.tower-pillars .eyebrow { margin-bottom:16px; }
.tower-pillars h3 { font-size:24px; line-height:1.2; }
.tower-pillars p:not(.eyebrow) { font-size:13px; line-height:1.9; }
.tower-studies { border-top:1px solid var(--rule); padding-top:60px; }
.tower-gallery { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.tower-gallery figure { margin:0; min-width:0; }
.tower-gallery figure > div { background:#161813; border:1px solid var(--rule); }
.tower-gallery img { width:100%; height:500px; object-fit:contain; }
.tower-gallery figcaption { padding-top:23px; }
.tower-gallery figcaption > span { font-size:9px; color:var(--gold); letter-spacing:.15em; }
.tower-gallery h3 { margin:10px 0 12px; font-size:29px; line-height:1.2; }
.tower-gallery p { font-size:14px; line-height:1.8; max-width:480px; }
.tower-progress { display:grid; grid-template-columns:1.1fr 1fr; gap:90px; align-items:center; padding:70px 0 50px; margin-top:45px; border-top:1px solid var(--rule); }
.tower-progress dl { margin:0; }
.tower-progress dl > div { padding:18px 0; border-bottom:1px solid var(--rule); }
.tower-progress dt { color:var(--gold); font-size:11px; margin-bottom:8px; text-transform:uppercase; letter-spacing:.08em; }
.tower-progress dd { margin:0; font-size:16px; color:var(--cream); }
.tower-progress + .guide-help { margin-bottom:35px; }
.tower-page-nav { display:flex; flex-wrap:wrap; gap:10px 25px; padding:22px 0; margin-top:28px; border-block:1px solid var(--rule); font-size:12px; color:var(--muted); }
.tower-page-nav a:hover { color:var(--gold); }
.tower-vision { padding-top:66px; }
.tower-vision-heading { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.tower-vision h2, .tower-design-feature h2, .tower-prologue h2 { font-size:46px; line-height:1.14; letter-spacing:-.035em; margin-bottom:24px; }
.tower-vision h2 em, .tower-design-feature h2 em, .tower-prologue h2 em { color:var(--gold); font-weight:400; }
.tower-vision p:not(.eyebrow), .tower-design-feature p:not(.eyebrow), .tower-prologue p:not(.eyebrow) { font-size:15px; line-height:1.9; }
.tower-idea-tags { display:flex; flex-wrap:wrap; gap:10px; margin:17px 0 40px; }
.tower-idea-tags span { border:1px solid var(--rule); padding:7px 12px; color:var(--gold); font-size:11px; }
.tower-game-pillars { padding-bottom:35px; }
.tower-design-feature { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:55px 0; border-top:1px solid var(--rule); scroll-margin-top:30px; }
.tower-design-note { padding:16px 19px; margin:24px 0 0; border-left:2px solid var(--gold); background:rgba(194,154,84,.045); font-size:13px !important; line-height:1.9; color:var(--muted); }
.tower-expedition { list-style:none; padding:0; margin:0; }
.tower-expedition li { display:grid; grid-template-columns:30px 1fr; gap:16px; padding:19px 0; border-bottom:1px solid var(--rule); }
.tower-expedition li:first-child { padding-top:0; }
.tower-expedition li > span { color:var(--gold); font-family:var(--serif); font-size:17px; }
.tower-expedition h3 { font-size:24px; margin-bottom:8px; line-height:1.2; }
.tower-expedition p { margin:0; font-size:14px !important; }
.tower-recovery { border-top:1px solid var(--rule); padding:60px 0; scroll-margin-top:30px; }
.tower-recovery .section-intro > p { max-width:46%; width:460px; font-size:14px; }
.tower-recovery-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.tower-recovery-grid article { border:1px solid var(--rule); padding:27px; background:rgba(194,154,84,.025); }
.tower-recovery-grid article > span { display:block; color:var(--gold); font-size:9px; letter-spacing:.12em; margin-bottom:15px; }
.tower-recovery-grid h3 { font-size:27px; line-height:1.2; margin-bottom:15px; }
.tower-recovery-grid p { font-size:14px; line-height:1.85; margin:0; }
.tower-prologue { padding:45px 0 55px; border-block:1px solid var(--rule); }
.tower-prologue > div { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.tower-prologue p { margin-bottom:0; }
.tower-direction { padding-top:65px; }
@media(max-width:900px) { .tower-vision-heading, .tower-design-feature, .tower-prologue > div { gap:35px; } .tower-vision h2, .tower-design-feature h2, .tower-prologue h2 { font-size:39px; } .tower-recovery-grid { gap:20px; } .tower-recovery-grid article { padding:23px; } }
@media(max-width:760px) { .tower-vision-heading, .tower-design-feature, .tower-prologue > div { grid-template-columns:1fr; gap:12px; } .tower-vision { padding-top:45px; } .tower-design-feature { padding:40px 0; gap:22px; } .tower-recovery { padding:40px 0; } .tower-recovery .section-intro > p { max-width:100%; width:auto; } .tower-recovery-grid h3 { font-size:24px; } .tower-prologue { padding:35px 0 40px; } }
@media(max-width:620px) { .tower-page-nav { gap:12px 20px; font-size:11px; } .tower-vision h2, .tower-design-feature h2, .tower-prologue h2 { font-size:35px; } .tower-vision p:not(.eyebrow), .tower-design-feature p:not(.eyebrow), .tower-prologue p:not(.eyebrow) { font-size:14px; } .tower-recovery-grid { grid-template-columns:1fr; gap:17px; } .tower-recovery-grid article { padding:23px; } .tower-idea-tags { margin-bottom:30px; } .tower-idea-tags span { font-size:10px; padding:6px 10px; } }
@media(max-width:900px) { .tower-intro { gap:35px; } .tower-intro h1 { font-size:82px; } .tower-direction { gap:40px; } .tower-direction h2, .tower-progress h2 { font-size:36px; } .tower-progress { gap:40px; } .tower-gallery img { height:380px; } }
@media(max-width:760px) { .tower-intro { grid-template-columns:1fr; gap:30px; padding:40px 0 30px; } .tower-intro h1 { font-size:83px; } .tower-intro-copy { max-width:530px; } .tower-direction { grid-template-columns:1fr; gap:12px; padding:55px 0 25px; } .tower-direction h2 { font-size:40px; } .tower-pillars { grid-template-columns:1fr; gap:10px; padding-bottom:40px; } .tower-progress { grid-template-columns:1fr; gap:20px; padding-top:40px; } .tower-gallery { gap:23px; } .tower-gallery img { height:330px; } .tower-gallery h3 { font-size:25px; } }
@media(max-width:620px) { .tower-intro h1 { font-size:72px; } .tower-intro-copy > p { font-size:14px; } .tower-hero figcaption { font-size:9px; gap:5px; } .tower-direction h2 { font-size:35px; } .tower-direction p:not(.eyebrow), .tower-progress p:not(.eyebrow) { font-size:14px; } .tower-studies { padding-top:40px; } .tower-gallery { grid-template-columns:1fr; gap:30px; } .tower-gallery img { height:430px; } .tower-gallery h3 { font-size:28px; } .tower-progress h2 { font-size:34px; } }