/* R3 commercial page system: image-led openings, connected disciplines,
   editorial perspective, then the existing working tools. */
.interior .r3-page-opening{position:relative;isolation:isolate;background:#171719;color:#faf9f6;padding:0!important;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:620px;overflow:hidden}
.interior .r3-opening-copy{position:relative;z-index:2;padding:70px 64px 68px;align-self:center;margin:0;width:100%;max-width:none}
.interior .r3-opening-copy .eyebrow{color:#d0cdc6;margin-bottom:28px}
.interior .r3-opening-copy h1{font-size:clamp(46px,5.2vw,80px);line-height:1.02;letter-spacing:-.06em;margin:0;max-width:850px;color:#faf9f6;text-wrap:balance}
.interior .r3-opening-copy h1 em{color:#ff705d;font-style:normal}
.interior .r3-opening-intro{max-width:47ch;font-size:20px;line-height:1.6;color:#dedcd7;margin-top:28px}
.interior .r3-opening-action{display:inline-flex;gap:30px;align-items:center;min-height:52px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #ffffff60;color:#fff;text-decoration:none;font-size:17px}
.interior .r3-opening-action:hover{color:#ff705d;border-color:#ff705d}
.interior .r3-opening-action span{font-size:27px}
.interior .r3-opening-image{position:relative;margin:0;min-width:0;min-height:620px;align-self:stretch;isolation:isolate}
.interior .r3-opening-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.interior .r3-opening-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#171719a8);z-index:-1;pointer-events:none}
.interior .r3-opening-image figcaption{position:absolute;left:28px;bottom:27px;right:28px;font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#fff;line-height:1.5}
.interior .r3-page-opening--wide{min-height:680px;display:block}
.interior .r3-page-opening--wide .r3-opening-copy{max-width:980px;padding-top:90px;padding-bottom:95px;min-height:680px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.interior .r3-page-opening--wide .r3-opening-image{position:absolute;inset:0;z-index:-1;min-height:0}
.interior .r3-page-opening--wide .r3-opening-image:after{inset:0;background:linear-gradient(90deg,#111113f5 0,#111113d9 29%,#11111399 57%,#11111318 100%)}
.interior .r3-page-opening--wide .r3-opening-image figcaption{left:auto;max-width:260px;text-align:right}
.interior .r3-page-opening--wide .r3-opening-image img{object-position:67% 50%}
.interior .r3-page-opening--portrait{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:#eeece6;color:#171719}
.interior .r3-page-opening--portrait .r3-opening-copy h1{color:#171719}
.interior .r3-page-opening--portrait .r3-opening-copy h1 em{color:#b42e23}
.interior .r3-page-opening--portrait .r3-opening-copy .eyebrow{color:#605b54}
.interior .r3-page-opening--portrait .r3-opening-intro{color:#4c4945}
.interior .r3-page-opening--portrait .r3-opening-action{color:#171719;border-color:#17171970}
.interior .r3-page-opening--portrait .r3-opening-image{margin:30px 30px 30px 0;min-height:560px}
.interior .r3-discipline-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 25px;align-items:center;padding-block:23px;border-bottom:1px solid #d4d0c8}
.interior .r3-discipline-nav a{font-size:15px;text-decoration:none;display:flex;align-items:center;min-height:44px;gap:12px;color:#171719}
.interior .r3-discipline-nav a:after{content:'↗';color:#b42e23}
.interior .r3-discipline-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.interior .r3-perspective{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding-block:85px}
.interior .r3-perspective .eyebrow{margin-bottom:25px;color:#a52b22}
.interior .r3-perspective h2{font-size:clamp(35px,3.7vw,57px);line-height:1.06;letter-spacing:-.045em}
.interior .r3-perspective-copy{padding-top:38px}
.interior .r3-perspective-copy p{font-size:19px;line-height:1.65;color:#4c4945}
.interior .r3-perspective-copy p+p{margin-top:20px}
.interior .r3-principles{background:#eeece6;padding-block:50px}
.interior .r3-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.interior .r3-principles article{border-top:1px solid #bcb7ae;padding-top:22px}
.interior .r3-principles article>span{font-size:12px;color:#a92d23}
.interior .r3-principles h3{font-size:27px;line-height:1.15;margin:23px 0 15px}
.interior .r3-principles article p{font-size:17px;line-height:1.6;color:#524e48;max-width:40ch}
.interior .r3-page-close{background:#171719;color:#faf9f6;padding-block:65px;border-bottom:1px solid #ffffff25}
.interior .r3-page-close>.wrap{display:grid;grid-template-columns:1fr auto;gap:20px 50px;align-items:center}
.interior .r3-page-close .eyebrow{grid-column:1/-1;color:#c9c6bf}
.interior .r3-page-close h2{font-size:clamp(36px,4.2vw,62px);line-height:1.08;max-width:850px}
.interior .r3-page-close .primary-action{background:#faf9f6;color:#171719;white-space:normal;text-align:center}
.interior .r3-page-close .primary-action:hover{background:#ff705d}
/* The original tools remain complete below the commercial narrative.
   Reflow only those wrappers whose image has moved to the opening. */
.interior .dossier-opening{padding-block:0;min-height:0}
.interior .atlas-opening{padding-top:40px;padding-bottom:45px}
.interior .atlas-introduction{margin-top:0;padding-top:0;border:0}
.interior .atlas-detail-layout{grid-template-columns:1fr}
.interior .atlas-results article{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}
.interior .atlas-results article[hidden]{display:none}
.interior .atlas-results article>.eyebrow,.interior .atlas-results article>h3{grid-column:1/-1}
.interior .atlas-results article>h3{max-width:850px}
.interior .brief-desk{display:block}
.interior .annotated-sheet{padding:35px 0;background:transparent}
.interior .brief-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px}
.interior .brief-inputs>div{grid-template-columns:1fr;gap:12px;padding:25px 0}
.interior .brief-inputs dt{display:flex;gap:20px;align-items:baseline;font-size:25px}
.interior .brief-margin{display:flex;flex-wrap:wrap;background:#eeece6;padding:26px;gap:18px 30px}
.interior .brief-margin>p{flex:1 1 220px}
.interior .destination-composition,.interior .testing-composition{display:block}
.interior .destination-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 45px}
.interior .destination-notes:before{display:none}
.interior .test-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.interior .creative-opening{padding-top:60px;padding-bottom:65px}
.interior .materials-layout{display:block}
.interior .brief-points{margin:35px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.interior .outcome-scene{display:block;background:#eeece6}
.interior .outcome-scene-note{padding:35px;max-width:900px}
.interior .outcome-scene-note h2{font-size:40px}
.interior .preparation-table{display:block}
.interior .enquiry-outline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 45px}
.interior .enquiry-outline li:nth-child(n){padding-top:25px;border-top:1px solid #d8d6d0}
.interior .enquiry-tab{margin-top:25px;max-width:850px}
.interior .r3-company-facts{padding-top:30px;padding-bottom:70px}
@media(max-width:1050px){
 .interior .r3-opening-copy{padding:50px 36px}
 .interior .r3-opening-copy h1{font-size:55px}
 .interior .r3-page-opening--wide .r3-opening-copy{max-width:800px;padding:65px 36px}
 .interior .r3-perspective{gap:45px;padding-block:65px}
 .interior .r3-principles-grid{gap:30px}
 .interior .r3-page-opening--portrait .r3-opening-image{margin-right:20px}
}
@media(max-width:760px){
 .interior .r3-page-opening,.interior .r3-page-opening--portrait{display:flex;flex-direction:column;min-height:0}
 .interior .r3-opening-copy{padding:43px 24px 40px}
 .interior .r3-opening-copy .eyebrow{margin-bottom:23px;font-size:10px}
 .interior .r3-opening-copy h1{font-size:clamp(39px,10.7vw,65px);line-height:1.04}
 .interior .r3-opening-intro{font-size:18px;margin-top:24px;line-height:1.55}
 .interior .r3-opening-action{font-size:16px;margin-top:20px}
 .interior .r3-opening-image{height:320px;min-height:0;width:100%}
 .interior .r3-opening-image figcaption{left:23px;bottom:23px;right:23px;font-size:10px}
 .interior .r3-page-opening--portrait .r3-opening-image{height:340px;min-height:0;margin:0 16px 16px;width:calc(100% - 32px)}
 .interior .r3-page-opening--wide{min-height:620px;display:flex}
 .interior .r3-page-opening--wide .r3-opening-copy{padding:50px 24px 105px;min-height:620px;justify-content:center}
 .interior .r3-page-opening--wide .r3-opening-image{height:auto;width:100%;margin:0;position:absolute;inset:0;min-height:0}
 .interior .r3-page-opening--wide .r3-opening-image img{object-position:60% 50%}
 .interior .r3-page-opening--wide .r3-opening-image:after{background:linear-gradient(90deg,#111113ed,#111113a8)}
 .interior .r3-page-opening--wide .r3-opening-image figcaption{left:24px;right:24px;text-align:left;max-width:none;bottom:28px}
 .interior .r3-discipline-nav{gap:2px 25px;justify-content:flex-start;padding-block:18px}
 .interior .r3-discipline-nav a{font-size:14px}
 .interior .r3-perspective{display:block;padding-block:50px}
 .interior .r3-perspective h2{font-size:37px}
 .interior .r3-perspective-copy{padding-top:25px}
 .interior .r3-perspective-copy p{font-size:17px}
 .interior .r3-principles{padding-block:35px}
 .interior .r3-principles-grid{display:block}
 .interior .r3-principles article{padding-top:20px;margin-bottom:25px}
 .interior .r3-principles article:last-child{margin-bottom:0}
 .interior .r3-principles h3{font-size:26px;margin:16px 0 12px}
 .interior .r3-page-close{padding-block:45px}
 .interior .r3-page-close>.wrap{display:block}
 .interior .r3-page-close h2{font-size:38px;margin:20px 0 28px}
 .interior .atlas-results article,.interior .brief-inputs,.interior .destination-notes,.interior .test-notes,.interior .enquiry-outline,.interior .brief-points{display:block}
 .interior .atlas-results article[hidden]{display:none}
 .interior .brief-inputs>div{padding:25px 0}
 .interior .brief-margin{display:block}
 .interior .brief-margin>p{margin-top:15px}
 .interior .annotated-sheet{padding:24px 0}
 .interior .creative-opening{padding-block:40px}
 .interior .brief-points{margin-top:28px}
 .interior .outcome-scene-note{padding:28px}
 .interior .outcome-scene-note h2{font-size:33px}
 .interior .r3-company-facts{padding-block:0 45px}
}
/* Each principle reads as a numbered campaign card; the shared footer is the sole closing CTA. */
.interior .r3-principles-grid{gap:22px}
.interior .r3-principles article{position:relative;background:#faf9f6;border:1px solid #d5d0c8;padding:28px 28px 32px;box-shadow:0 9px 18px #17171909;transition:transform .3s,box-shadow .3s;overflow:hidden}
.interior .r3-principles article:before{content:'';position:absolute;top:0;left:0;width:54px;height:4px;background:#b42e23}
.interior .r3-principles article>span{display:grid;place-items:center;border:1px solid #b42e2338;width:48px;height:48px;border-radius:50%;font-size:17px;color:#a52b22}
.interior .r3-principles article:hover{transform:translateY(-5px);box-shadow:0 15px 28px #17171914}
@media(prefers-reduced-motion:reduce){.interior .r3-principles article{transition:none;transform:none}}