@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');

:root{--ink:#101412;--muted:#657069;--line:#dbe2dc;--green:#1d7a56;--paper:#f4f6f1;--white:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,calc(100% - 48px));margin:auto}
.detail-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.16em}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#9fe2bc;font-size:14px}
.back-link{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:90px 0 75px}
.eyebrow{margin:0 0 18px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
h1,h2{font-family:'Playfair Display',serif;letter-spacing:-.04em;line-height:.98}h1{max-width:560px;margin:0;font-size:clamp(48px,7vw,84px)}h1 span{display:block;color:var(--green)}
.lead{max-width:520px;margin:28px 0 0;color:var(--muted);font-size:17px;line-height:1.75}
.detail-image{height:480px;overflow:hidden;border-radius:24px;background-position:center;background-size:cover;box-shadow:20px 25px 60px rgba(16,20,18,.12)}
.cove{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=90')}.saffron{background-image:url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1400&q=90')}.vertex{background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1400&q=90')}.aegis{background-image:url('https://images.unsplash.com/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1400&q=90')}
.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 0 100px}.detail-panel{padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55)}.detail-panel h2{margin:0 0 18px;font-size:31px}.detail-panel p{margin:0;color:var(--muted);line-height:1.8}.detail-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.detail-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.detail-list li:last-child{border-bottom:0}.detail-footer{padding:24px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.detail-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;padding:0 0 100px}.story-image{min-height:360px;border-radius:20px;background-position:center;background-size:cover}.story-copy h2{margin:0 0 18px;font-size:36px}.story-copy p{margin:0;color:var(--muted);line-height:1.85}.cove-story{background-image:url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=1200&q=85')}.saffron-story{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=85')}.vertex-story{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1200&q=85')}.aegis-story{background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=85')}
@media(max-width:760px){.container{width:min(100% - 32px,560px)}.detail-hero{grid-template-columns:1fr;gap:36px;padding:60px 0 55px}.detail-image{height:330px;order:-1}.detail-content,.detail-story{grid-template-columns:1fr;padding-bottom:60px}.story-image{min-height:280px;order:-1}.detail-nav{padding:18px 0}.back-link{font-size:10px}}