/* Page méthode v4, 26/10/26 : structure et positions reprises de bluesensedigital.com.au/method (demande Martin). Complète home80.css et compact80.css. */
.cover .photo{width:100%;border-radius:4px;box-shadow:0 24px 48px #0000002e;transform:rotate(2deg)}
.jump{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:56px}
.jump a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;font-size:13px;font-weight:700;transition:border-color .2s}
.jump a:hover{border-color:var(--noir)}
.jump span{font:300 15px/1 var(--serif);color:var(--orange)}
.mh{margin-top:16px;max-width:20ch}
.chap.dk{color:var(--noir)}
.intro{margin-top:20px;max-width:44em}
.intro.dk{color:#111212cc}.intro.lt{color:#ffffffb3}
/* 01 thèse */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px;border-top:1px solid var(--line);padding-top:32px}
.trio .k,.four .w{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grisf)}
.trio h3{font:300 28px/1.1 var(--serif);letter-spacing:-.01em;margin-top:10px}
.trio p{font-size:15px;line-height:1.6;color:var(--grisf);margin-top:12px}
/* 02 angles */
.lens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.lens>div{background:#fff;color:var(--noir);border-radius:8px;padding:28px 24px;display:flex;flex-direction:column;min-height:330px}
.lens .n{font:300 44px/1 var(--serif);color:var(--orange)}
.lens h3{font:300 28px/1.1 var(--serif);margin-top:16px}
.lens p{font-size:15px;line-height:1.55;color:var(--grisf);margin-top:10px}
.lens .q{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:var(--noir);font:italic 300 20px/1.25 var(--serif)}
.lens .q span{display:block;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--grisf);margin-bottom:8px;font-style:normal}
/* 03 mesure */
.bands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.bands>div{border:1px solid #ffffff26;border-radius:8px;padding:24px 22px}
.bands>div.hi{background:var(--orange);border-color:var(--orange)}
.bands b{display:block;font:300 40px/1 var(--serif);white-space:nowrap}
.bands h3{font-size:15px;font-weight:700;margin-top:16px}
.bands p{font-size:14px;line-height:1.55;color:#ffffffb3;margin-top:8px}
.bands .hi p{color:#111212cc}.bands .hi b,.bands .hi h3{color:var(--noir)}
.rules3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.rules3>div{border-top:1px solid #ffffff26;padding-top:20px}
.rules3 h3{font:300 26px/1.15 var(--serif)}
.rules3 p{font-size:15px;line-height:1.6;color:#ffffffb3;margin-top:10px}
/* 04 créas */
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.four>div{border:1px solid var(--line);border-radius:8px;background:#fff;padding:24px 22px}
.four .w{color:var(--orange)}
.four h3{font:300 26px/1.1 var(--serif);margin-top:12px}
.four p{font-size:14.5px;line-height:1.55;color:var(--grisf);margin-top:10px}
/* 05 structure */
#structure .cols{columns:3 260px}
#structure .cols div:first-child p::first-letter{float:none;font:inherit;color:inherit;margin:0}
/* 06 principes */
.models{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;margin-top:40px}
.models>div{display:grid;grid-template-columns:56px 1fr;column-gap:16px;border-top:1px solid var(--line);padding-top:24px}
.models .n{font:300 34px/1 var(--serif);color:var(--orange);grid-row:span 2}
.models h3{font:300 26px/1.15 var(--serif)}
.models p{font-size:15px;line-height:1.6;color:var(--grisf);margin-top:10px}
@media (max-width:1000px){.four,.bands{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.trio,.lens,.rules3,.models{grid-template-columns:1fr}.lens>div{min-height:0}.jump{padding-bottom:40px}.trio,.rules3{gap:28px}}
@media (max-width:600px){.four,.bands{grid-template-columns:1fr}.models>div{grid-template-columns:40px 1fr}}