:root{--night:#08100c;--forest:#11231a;--paper:#eee9df;--stone:#d8d0c3;--gold:#c89a60;--ink:#151b17}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.nav{height:76px;padding:0 clamp(24px,4.4vw,78px);display:flex;align-items:center;background:#090f0c;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:20}
.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand span{font:400 27px/1 Georgia,serif;letter-spacing:.14em}.brand small{font-size:8px;letter-spacing:.2em;margin-top:8px;color:#d3cfc5}
.nav nav{margin-left:auto;display:flex;align-items:center;gap:clamp(15px,1.55vw,28px)}.nav nav a{color:#e6e5df;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.055em;white-space:nowrap}.nav nav .active{color:#e9c790;position:relative}.nav nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:2px;background:#d8ad70}.nav nav .start{border:1px solid #766d60;border-radius:30px;padding:13px 23px;color:#c7bca9}.menu{display:none;margin-left:auto;border:0;background:none;width:32px}.menu i{display:block;height:1px;background:#ddd;margin:7px 0}
.atlas-hero{height:calc(100vh - 76px);min-height:650px;position:relative;overflow:hidden;background:#111;color:#fff}.atlas-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,7,.78) 0%,rgba(5,10,7,.22) 57%,rgba(5,10,7,.08)),linear-gradient(0deg,rgba(4,8,6,.7),transparent 45%)}
.hero-top{position:absolute;top:36px;left:clamp(28px,6vw,92px);right:clamp(28px,6vw,92px);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em}.hero-top b{font-weight:500;color:#d3bd9a}
.hero-title{position:absolute;left:clamp(28px,6vw,92px);top:50%;transform:translateY(-52%)}.hero-title small,.atlas-index small,.chapter-story small,.double-study small,.decision-line small,.atlas-cta small{font-size:9px;letter-spacing:.19em;color:#d0a365;font-weight:700}.hero-title h1{font:400 clamp(62px,7.3vw,116px)/.86 Georgia,serif;letter-spacing:-.055em;margin:25px 0 0}.hero-title h1 em{font-weight:400;color:#d8ad72}
.hero-foot{position:absolute;left:clamp(28px,6vw,92px);right:clamp(28px,6vw,92px);bottom:34px;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);padding-top:20px}.hero-foot p{max-width:520px;margin:0;color:#dddcd7;font-size:13px;line-height:1.6}.hero-foot a,.atlas-cta a{color:#fff;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.16em;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:10px}.hero-foot a span,.atlas-cta a span{margin-left:18px}
.atlas-index{padding:clamp(90px,11vw,165px) clamp(28px,8vw,130px);display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:#eee9df}.index-intro h2{font:400 clamp(50px,5.5vw,84px)/.96 Georgia,serif;letter-spacing:-.05em;margin:22px 0 32px}.index-intro p{max-width:520px;color:#59605b;font-size:15px;line-height:1.75}.atlas-index ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(16,24,19,.24)}.atlas-index li{min-height:82px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;border-bottom:1px solid rgba(16,24,19,.24)}.atlas-index li span{font:400 13px Georgia,serif;color:#a2733e}.atlas-index li b{font:400 25px Georgia,serif}.atlas-index li i{font-style:normal;color:#777d78;font-size:10px;letter-spacing:.13em}
.chapter{position:relative;min-height:900px;display:grid;overflow:hidden}.chapter-number{position:absolute;z-index:3;top:31px;left:32px;width:55px;height:55px;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;color:#fff;font:400 16px Georgia,serif}.chapter-image{overflow:hidden}.chapter-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}.chapter:hover .chapter-image img{transform:scale(1.025)}.chapter-story{padding:clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.chapter-story h2{font:400 clamp(48px,5.5vw,83px)/.96 Georgia,serif;letter-spacing:-.05em;margin:25px 0 28px}.chapter-story>p{font-size:16px;line-height:1.75;max-width:560px;color:#575e59}.story-line{margin-top:48px;padding:19px 0;border-top:1px solid rgba(18,27,21,.18);border-bottom:1px solid rgba(18,27,21,.18);display:grid;grid-template-columns:130px 1fr;gap:20px}.story-line span{font-size:8px;letter-spacing:.16em;color:#9e7040}.story-line b{font:400 14px Georgia,serif}
.chapter-one{grid-template-columns:1.18fr .82fr;background:#e9e4da}.chapter-two{grid-template-columns:.82fr 1.18fr;background:#0c1510;color:#f1eee7}.chapter-two .chapter-number{left:auto;right:32px}.chapter-two .chapter-story>p{color:#adb4ae}.chapter-two .story-line{border-color:rgba(255,255,255,.14)}.chapter-three{grid-template-columns:1fr 1fr;background:#d8d0c3}
.double-study{padding:clamp(90px,10vw,150px) clamp(28px,6vw,95px);background:#eae5db}.double-study>header{margin-bottom:65px}.double-study h2{font:400 clamp(50px,5.5vw,82px)/.96 Georgia,serif;letter-spacing:-.05em;margin:20px 0 0}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.study-grid article{background:#101813;color:#f2eee6}.study-image{height:620px;overflow:hidden}.study-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.study-grid article:hover img{transform:scale(1.03)}.study-copy{position:relative;padding:38px 38px 46px}.study-copy>span{position:absolute;right:35px;top:31px;font:400 52px Georgia,serif;color:rgba(255,255,255,.18)}.study-copy h3{font:400 35px/1.05 Georgia,serif;margin:18px 0}.study-copy p{color:#aeb4ae;font-size:13px;margin:0}
.decision-line{padding:clamp(90px,10vw,150px) clamp(28px,7vw,110px);background:#c9bfaf}.decision-lead{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:65px}.decision-lead h2{grid-column:2;font:400 clamp(48px,5vw,76px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0}.decision-line ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(17,26,20,.3);border-bottom:1px solid rgba(17,26,20,.3)}.decision-line li{min-height:250px;padding:28px;border-right:1px solid rgba(17,26,20,.3)}.decision-line li:last-child{border-right:0}.decision-line li span{font:400 13px Georgia,serif;color:#8d5f2c}.decision-line h3{font:400 27px/1.05 Georgia,serif;margin:48px 0 15px}.decision-line p{font-size:13px;line-height:1.6;color:#555c57}
.atlas-cta{padding:clamp(110px,13vw,200px) 25px;text-align:center;background:#09110d;color:#fff}.atlas-cta h2{font:400 clamp(58px,7vw,105px)/.9 Georgia,serif;letter-spacing:-.055em;margin:28px 0 42px}.atlas-cta a{display:inline-block}
footer{min-height:170px;padding:45px clamp(25px,6vw,90px);display:flex;align-items:flex-end;gap:40px;background:#070c09;color:#aeb2ad}footer .brand{margin-right:auto}footer p{font-size:8px;letter-spacing:.14em;margin:0}
@media(max-width:1050px){.nav nav{display:none}.menu{display:block}.chapter,.chapter-one,.chapter-two,.chapter-three{grid-template-columns:1fr;min-height:auto}.chapter-two .chapter-story{order:2}.chapter-image{height:650px}.atlas-index{grid-template-columns:1fr;gap:70px}.study-image{height:520px}.decision-line ol{grid-template-columns:1fr 1fr}.decision-line li:nth-child(2){border-right:0}}
@media(max-width:620px){.nav{height:68px;padding:0 20px}.brand span{font-size:23px}.atlas-hero{height:780px;min-height:0}.atlas-hero>img{object-position:58% center}.hero-top{top:25px}.hero-top b{display:none}.hero-title{top:46%}.hero-title h1{font-size:55px}.hero-foot{align-items:flex-start;flex-direction:column;gap:25px}.atlas-index{padding:85px 22px}.index-intro h2,.chapter-story h2,.double-study h2,.decision-lead h2{font-size:45px}.atlas-index li{grid-template-columns:45px 1fr}.atlas-index li i{display:none}.chapter-image{height:460px}.chapter-story{padding:75px 22px}.chapter-number{top:18px;left:18px}.chapter-two .chapter-number{right:18px}.story-line{grid-template-columns:1fr;gap:9px}.double-study{padding:85px 18px}.study-grid{grid-template-columns:1fr}.study-image{height:430px}.study-copy{padding:30px 24px 38px}.decision-line{padding:85px 20px}.decision-lead{grid-template-columns:1fr;gap:30px}.decision-lead h2{grid-column:1}.decision-line ol{grid-template-columns:1fr}.decision-line li{border-right:0;border-bottom:1px solid rgba(17,26,20,.3);min-height:210px}.decision-line li:last-child{border-bottom:0}.atlas-cta h2{font-size:56px}footer{align-items:flex-start;flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* V4 refinement: disciplined image boundaries, consistent type scale and a complete final section. */
@media(min-width:1051px){
  .atlas-hero{
    height:calc(100vh - 76px);
    min-height:650px;
    display:grid;
    grid-template-columns:44% 56%;
    background:#09110d;
  }
  .atlas-hero>img{
    position:relative;
    inset:auto;
    grid-column:2;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .hero-shade{
    grid-column:2;
    background:linear-gradient(90deg,rgba(9,17,13,.45),transparent 35%),linear-gradient(0deg,rgba(8,15,11,.28),transparent 45%);
  }
  .hero-top{left:42px;right:42px}
  .hero-title{
    left:clamp(42px,5vw,78px);
    width:calc(44% - 90px);
    top:48%;
    transform:translateY(-50%);
  }
  .hero-title h1{font-size:clamp(58px,5.45vw,84px);line-height:.93;letter-spacing:-.047em}
  .hero-foot{
    left:clamp(42px,5vw,78px);
    right:auto;
    width:calc(44% - 90px);
    align-items:flex-start;
    flex-direction:column;
    gap:17px;
  }
  .hero-foot p{font-size:12px;line-height:1.55}
  .chapter{min-height:760px}
  .chapter-one{grid-template-columns:56% 44%}
  .chapter-two{grid-template-columns:44% 56%}
  .chapter-three{grid-template-columns:56% 44%}
  .chapter-story{padding:clamp(62px,6vw,96px)}
  .chapter-story h2{font-size:clamp(48px,4.6vw,66px);line-height:1;letter-spacing:-.042em}
  .chapter-story>p{font-size:15px}
  .study-image{height:520px}
  .atlas-cta{
    text-align:left;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:10vw;
    align-items:end;
    padding:clamp(95px,10vw,145px) clamp(48px,8vw,130px);
  }
  .atlas-cta h2{font-size:clamp(52px,5.8vw,82px);line-height:.94;margin-bottom:0}
  .cta-side{border-top:1px solid rgba(255,255,255,.22);padding-top:24px}
}
.atlas-cta .cta-side p{color:#adb4ae;font-size:14px;line-height:1.75;max-width:500px;margin:0 0 28px}
.atlas-cta .cta-side>a{display:inline-block;margin-bottom:32px}
.atlas-cta .cta-side>span{display:block;color:#887b69;font-size:7px;letter-spacing:.17em;border-top:1px solid rgba(255,255,255,.14);padding-top:17px}
footer{border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:620px){
  .atlas-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:0;background:#09110d}
  .atlas-hero>img{position:relative;inset:auto;width:100%;height:420px;object-position:center;order:1}
  .hero-shade{display:none}
  .hero-top{position:relative;order:0;top:auto;left:auto;right:auto;padding:24px 20px}
  .hero-title{position:relative;order:2;top:auto;left:auto;transform:none;padding:52px 20px 28px}
  .hero-title h1{font-size:49px;line-height:.96;margin-top:18px}
  .hero-foot{position:relative;order:3;left:auto;right:auto;bottom:auto;margin:0 20px;padding:24px 0 52px;align-items:flex-start;gap:23px}
  .chapter-image{height:410px}
  .chapter-story{padding:65px 20px 72px}
  .chapter-story h2{font-size:42px;line-height:1.02}
  .study-image{height:390px}
  .study-copy h3{font-size:31px}
  .atlas-cta{text-align:left;padding:85px 20px}
  .atlas-cta h2{font-size:48px;line-height:.97;margin-bottom:55px}
  .cta-side{border-top:1px solid rgba(255,255,255,.2);padding-top:25px}
  footer{padding-top:38px;padding-bottom:38px}
}

/* V5 balance pass: smaller media, quieter typography, more controlled page rhythm. */
.atlas-index{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.index-intro h2{font-size:clamp(43px,4.5vw,66px)}
.index-intro p{font-size:14px}
.double-study{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.double-study h2{font-size:clamp(43px,4.6vw,66px)}
.decision-line{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.decision-lead h2{font-size:clamp(42px,4.3vw,62px)}
.decision-line li{min-height:215px}
.decision-line h3{font-size:24px;margin-top:38px}
@media(min-width:1051px){
  .atlas-hero{height:590px;min-height:590px;grid-template-columns:48% 52%}
  .hero-title{width:calc(48% - 105px)}
  .hero-title h1{font-size:clamp(52px,4.65vw,70px);line-height:.96}
  .hero-foot{width:calc(48% - 105px)}
  .chapter{min-height:620px;max-height:650px}
  .chapter-one{grid-template-columns:52% 48%}
  .chapter-two{grid-template-columns:48% 52%}
  .chapter-three{grid-template-columns:52% 48%}
  .chapter-story{padding:clamp(54px,5vw,78px)}
  .chapter-story h2{font-size:clamp(40px,3.8vw,54px);line-height:1.02;margin-top:20px;margin-bottom:22px}
  .chapter-story>p{font-size:14px;line-height:1.7}
  .story-line{margin-top:34px}
  .study-image{height:410px}
  .study-copy{padding:31px 32px 38px}
  .study-copy h3{font-size:30px}
  .atlas-cta{padding-top:92px;padding-bottom:92px}
  .atlas-cta h2{font-size:clamp(45px,4.7vw,66px)}
}
@media(max-width:620px){
  .atlas-hero>img{height:320px}
  .hero-title{padding-top:42px;padding-bottom:22px}
  .hero-title h1{font-size:40px;line-height:1}
  .hero-foot{padding-bottom:42px}
  .atlas-index{padding-top:68px;padding-bottom:68px}
  .index-intro h2,.double-study h2,.decision-lead h2{font-size:37px}
  .atlas-index li{min-height:69px}
  .atlas-index li b{font-size:22px}
  .chapter-image{height:320px}
  .chapter-story{padding:55px 20px 60px}
  .chapter-story h2{font-size:34px;line-height:1.05;margin-top:17px;margin-bottom:19px}
  .chapter-story>p{font-size:14px}
  .study-image{height:300px}
  .study-copy h3{font-size:27px}
  .decision-line li{min-height:185px}
  .decision-line h3{font-size:24px;margin-top:30px}
  .atlas-cta{padding-top:72px;padding-bottom:72px}
  .atlas-cta h2{font-size:39px;margin-bottom:42px}
  .atlas-cta .cta-side p{font-size:13px}
}

/* V6 disciplined scale: compact editorial proportions requested for review. */
@media(min-width:1051px){
  .atlas-hero{height:520px;min-height:520px;grid-template-columns:50% 50%}
  .hero-title{width:calc(50% - 112px)}
  .hero-title h1{font-size:clamp(46px,4.05vw,61px)}
  .hero-foot{width:calc(50% - 112px)}
  .atlas-index{grid-template-columns:1fr 1fr;gap:7vw}
  .index-intro h2{font-size:clamp(39px,3.8vw,55px)}
  .chapter{min-height:550px;max-height:580px}
  .chapter-one,.chapter-three{grid-template-columns:50% 50%}
  .chapter-two{grid-template-columns:50% 50%}
  .chapter-story{padding:clamp(46px,4vw,65px)}
  .chapter-story h2{font-size:clamp(36px,3.2vw,47px)}
  .study-image{height:340px}
  .study-copy h3{font-size:27px}
  .double-study h2{font-size:clamp(39px,3.9vw,56px)}
  .decision-lead h2{font-size:clamp(38px,3.7vw,53px)}
  .decision-line li{min-height:190px;padding:24px}
  .decision-line h3{font-size:22px;margin-top:30px}
  .atlas-cta{padding-top:78px;padding-bottom:78px}
  .atlas-cta h2{font-size:clamp(40px,4vw,56px)}
}
@media(max-width:620px){
  .atlas-hero>img{height:265px}
  .hero-title{padding-top:34px}
  .hero-title h1{font-size:34px;line-height:1.03}
  .hero-foot{padding-bottom:36px}
  .index-intro h2,.double-study h2,.decision-lead h2{font-size:32px}
  .chapter-image{height:275px}
  .chapter-story{padding:46px 20px 52px}
  .chapter-story h2{font-size:30px}
  .study-image{height:255px}
  .study-copy h3{font-size:24px}
  .atlas-cta{padding-top:62px;padding-bottom:62px}
  .atlas-cta h2{font-size:34px}
  body.projects-menu-open{overflow:hidden}
  body.projects-menu-open .nav nav{
    display:flex;
    position:fixed;
    inset:68px 0 0;
    padding:34px 24px;
    background:#090f0c;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
    z-index:30;
  }
  body.projects-menu-open .nav nav a{font-size:12px}
  body.projects-menu-open .nav nav .active:after{bottom:-8px}
}