/* Complements /assets/site.css. All selectors are scoped to project pages. */
.detail-hero{background:var(--night);color:#fff}.detail-hero .container{padding-block:clamp(60px,8vw,110px)}.detail-back{display:inline-flex;align-items:center;gap:10px;color:#a8c6c7;font-size:.77rem;font-weight:700;margin-bottom:55px}.detail-back:hover{color:var(--aqua)}.detail-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:clamp(40px,7vw,110px)}.detail-hero h1{font-size:clamp(3.5rem,7vw,7.2rem);line-height:1;letter-spacing:-.075em;margin:0 0 28px}.detail-hero h1 em{display:block;color:var(--aqua);font-family:var(--serif);font-weight:400}.detail-hero-lead{font-size:clamp(1.07rem,1.55vw,1.35rem);line-height:1.62;color:#d1e3e3;max-width:580px;margin-bottom:34px}.detail-meta{display:flex;flex-wrap:wrap;gap:10px}.detail-meta span{border:1px solid #4b6c70;padding:9px 12px;border-radius:100px;color:#c7dbdc;font-size:.71rem;font-weight:700;letter-spacing:.04em}.detail-hero-figure{margin:0;position:relative}.detail-hero-figure img{width:100%;height:clamp(440px,44vw,640px);object-fit:cover}.detail-hero-figure figcaption{position:absolute;right:18px;bottom:18px;padding:8px 11px;background:#101b20bd;color:#fff;font-size:.69rem;letter-spacing:.07em}
.detail-section{padding-block:clamp(80px,9vw,130px)}.detail-section--cream{background:var(--cream)}.detail-section--dark{background:#142b30;color:#f5fbfa}.detail-section h2{max-width:790px}.detail-kicker{color:#27777b;font-size:.72rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase;margin:0 0 25px}.detail-section--dark .detail-kicker{color:var(--aqua)}.detail-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.detail-section-heading h2{margin:0}.detail-section-heading>p{max-width:410px;color:var(--muted);margin:0}.detail-section--dark .detail-section-heading>p{color:#b8cece}.detail-story{display:grid;grid-template-columns:1fr .75fr;gap:clamp(45px,9vw,160px)}.detail-story .detail-lead{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.48;color:#263e42}.detail-story .detail-side{padding-top:50px;color:var(--muted)}.detail-story .detail-side p{margin-bottom:24px}.detail-story .detail-side p:last-child{margin-bottom:0}.detail-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.detail-list article{min-height:300px;padding:clamp(23px,2.5vw,37px);background:#fff}.detail-list-num{color:#27777b;font-size:.7rem;font-weight:800;letter-spacing:.14em}.detail-list h3{font-size:clamp(1.14rem,1.6vw,1.5rem);line-height:1.2;margin:95px 0 15px}.detail-list p{font-size:.88rem;color:var(--muted);margin:0}.detail-tech{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;border-top:1px solid var(--line);padding-top:32px;margin-top:60px}.detail-tech h3{font-size:1.38rem}.detail-tech p{color:var(--muted);margin:0 0 22px}.detail-chip-list{display:flex;flex-wrap:wrap;align-content:start;gap:9px}.detail-chip-list span{border:1px solid #a8c7c6;padding:10px 14px;border-radius:100px;color:#326668;font-size:.76rem;font-weight:700}
.detail-dashboard{margin:0;border:1px solid #4f6d6e;border-radius:18px;padding:clamp(7px,1.1vw,13px);background:#24454a;box-shadow:0 30px 75px #0617196b}.detail-dashboard-screen{display:grid;grid-template-columns:170px minmax(0,1fr);overflow:hidden;border-radius:10px;background:#eef3f1;color:#19373a;min-height:445px}.detail-dashboard-rail{background:#12373c;padding:23px 17px;display:flex;flex-direction:column;gap:8px;color:#b3d3d0}.detail-dashboard-brand{font-size:.87rem;font-weight:800;letter-spacing:.11em;color:#e7faf6;margin-bottom:30px}.detail-dashboard-nav{padding:10px 12px;border-radius:8px;font-size:.73rem}.detail-dashboard-nav--active{background:#2b8e89;color:white}.detail-dashboard-note{margin-top:auto;color:#91b8b4;font-size:.65rem;line-height:1.45}.detail-dashboard-content{min-width:0;padding:clamp(20px,3.2vw,40px)}.detail-dashboard-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}.detail-dashboard-heading small{display:block;color:#688784;font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}.detail-dashboard-heading h3{font-size:clamp(1.2rem,2vw,1.8rem);margin:0}.detail-dashboard-badge{padding:7px 10px;border-radius:100px;background:#d9efe8;color:#2e766e;font-size:.65rem;font-weight:800;white-space:nowrap}.detail-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-dashboard-card{min-height:152px;padding:18px;border:1px solid #d9e6e1;border-radius:11px;background:#fff;display:flex;flex-direction:column}.detail-dashboard-card--wide{grid-column:span 2}.detail-dashboard-card-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.detail-dashboard-card-head strong{font-size:.91rem}.detail-dashboard-symbol{color:#329d98;font-size:1.3rem;line-height:1}.detail-dashboard-card p{font-size:.7rem;color:#67817e;line-height:1.5;margin:auto 0 0}.detail-dashboard-lines{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.detail-dashboard-lines span{background:#e6f2ed;color:#347268;padding:6px 8px;border-radius:6px;font-size:.66rem;font-weight:650}.detail-dashboard-caption{font-size:.73rem;line-height:1.55;color:#b8d1cf;margin:14px 5px 0}.detail-dashboard-caption strong{color:#fff}.detail-dashboard--concept .detail-dashboard-badge{background:#f9ebd5;color:#87672d}
.detail-next{background:var(--night);color:#fff;padding-block:65px}.detail-next-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.detail-next p{color:#9bb5b6;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.detail-next h2{font-size:clamp(2rem,4vw,3.8rem);margin:0}
@media(max-width:1000px){.detail-list{grid-template-columns:repeat(2,1fr)}.detail-dashboard-grid{grid-template-columns:repeat(2,1fr)}.detail-dashboard-card--wide{grid-column:auto}}@media(max-width:760px){.detail-hero .container{padding-block:50px 70px}.detail-back{margin-bottom:40px}.detail-hero-grid,.detail-story,.detail-tech{grid-template-columns:1fr}.detail-hero-figure img{height:430px}.detail-story .detail-side{padding:0}.detail-section-heading{display:block}.detail-section-heading>p{margin-top:22px}.detail-dashboard-screen{grid-template-columns:1fr}.detail-dashboard-rail{flex-direction:row;align-items:center;gap:5px;padding:10px;overflow:auto}.detail-dashboard-brand{margin:0 auto 0 0;font-size:.72rem}.detail-dashboard-nav{white-space:nowrap}.detail-dashboard-note{display:none}.detail-next-inner{align-items:start;flex-direction:column}}@media(max-width:530px){.detail-hero h1{font-size:clamp(3.1rem,16vw,5rem)}.detail-hero-figure img{height:330px}.detail-list{grid-template-columns:1fr}.detail-list article{min-height:225px}.detail-list h3{margin-top:55px}.detail-dashboard-heading{display:block}.detail-dashboard-badge{display:inline-block;margin-top:12px}.detail-dashboard-grid{grid-template-columns:1fr}.detail-dashboard-card{min-height:125px}.detail-dashboard-card--wide{grid-column:auto}}

.detail-hero h1{font-size:clamp(2.8rem,5.5vw,6.5rem);overflow-wrap:anywhere}
.detail-hero-figure--graphic{min-height:clamp(400px,44vw,600px);padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 78% 25%,#5ce1e64d,transparent 36%),linear-gradient(135deg,#294c50,#153034 70%);border:1px solid #5e8c8c}
.detail-hero-figure--graphic span{font-size:.72rem;letter-spacing:.2em;color:#bee1df}
.detail-hero-figure--graphic strong{font-size:clamp(2.3rem,5vw,5.8rem);line-height:1;letter-spacing:-.065em;max-width:95%;color:#fff}
.detail-hero-figure--graphic i{position:absolute;right:9%;bottom:10%;font:normal clamp(8rem,20vw,20rem)/.7 Georgia,serif;color:#5ce1e628}
.detail-list article{min-height:210px;display:flex;flex-direction:column}
.detail-list article p{margin:auto 0 0;color:#263e42;font-size:1rem;line-height:1.55}
.detail-list article{min-height:270px;gap:30px}
.detail-feature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.detail-feature-head .detail-list-num{padding-top:7px}
.detail-feature-art{display:grid;place-items:center;width:78px;height:78px;flex:none;border-radius:20px;background:#eaf5f2;color:#368f92}
.detail-feature-art svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:530px){.detail-list article{min-height:235px;gap:24px}.detail-feature-art{width:70px;height:70px}.detail-feature-art svg{width:46px;height:46px}}
.detail-dashboard-card-rule{display:block;width:65%;height:7px;background:#e4f3ee;border-radius:10px;margin-top:auto}
.detail-gallery{padding-block:24px;background:#f4f6f3}
.detail-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.detail-gallery-grid img{width:100%;height:clamp(250px,36vw,520px);object-fit:cover}
.detail-gallery-grid img:only-child{grid-column:1/-1}
@media(max-width:760px){.detail-hero-figure--graphic{min-height:330px}.detail-gallery-grid{grid-template-columns:1fr}.detail-gallery-grid img{height:300px}}