/* DDI LAYOUT TEMPLATES — shared CSS
   Include once per page: <link rel="stylesheet" href=".../layout-styles.css">
   Or enqueue in functions.php:
   wp_enqueue_style('ddi-layouts', get_template_directory_uri().'/template-parts/layouts/layout-styles.css', [], '1.0.0');
*/
:root{--tpl-cream:#F5F0E8;--tpl-ink:#06111F;--tpl-red:#C8102E;--tpl-sans:'Mulish',sans-serif;--tpl-serif:'Playfair Display',serif;}
.tpl-label{display:inline-block;font-family:var(--tpl-sans);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--tpl-red);margin-bottom:.9rem;}
.tpl-label--light{color:var(--tpl-red);}
.tpl-h2{font-family:var(--tpl-serif);font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:700;color:var(--tpl-ink);margin:0 0 .5rem;line-height:1.15;}
.tpl-h3{font-family:var(--tpl-serif);font-size:1.2rem;font-weight:700;color:var(--tpl-ink);margin:1.8rem 0 .6rem;}
.tpl-rule{width:40px;height:3px;background:var(--tpl-red);margin-bottom:1.5rem;}
/* [B] SPLIT */
.tpl-split{padding:5.5rem 0;}.tpl-split--cream{background:var(--tpl-cream);}.tpl-split--white{background:#fff;}
.tpl-split__inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.tpl-split__inner--rev .tpl-split__text{order:-1;}.tpl-split__inner--rev .tpl-split__photo{order:1;}
.tpl-split__photo img{width:100%;height:560px;object-fit:cover;display:block;}
.tpl-split__photo--stack{position:relative;}
.tpl-split__float{position:absolute;bottom:2rem;right:-1.5rem;background:var(--tpl-red);color:#fff;padding:1.2rem 1.6rem;text-align:center;z-index:3;}
.tpl-split__float-num{display:block;font-family:var(--tpl-serif);font-size:2.4rem;font-weight:800;line-height:1;}
.tpl-split__float-lbl{display:block;font-family:var(--tpl-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin-top:.3rem;line-height:1.3;}
.tpl-split__text p{font-family:var(--tpl-sans);font-size:.97rem;color:rgba(6,17,35,.72);line-height:1.85;margin-bottom:.9rem;}
.tpl-pillars{display:flex;flex-direction:column;gap:1.4rem;margin-top:.5rem;}
.tpl-pillar{padding-left:1rem;border-left:2px solid var(--tpl-red);}
.tpl-pillar__title{display:block;font-family:var(--tpl-sans);font-size:.92rem;font-weight:800;color:var(--tpl-ink);margin-bottom:.4rem;}
.tpl-pillar p{font-family:var(--tpl-sans);font-size:.88rem;color:rgba(6,17,35,.65);line-height:1.75;margin:0;}
/* [C] SPLIT-SCREEN DARK */
.tpl-types{display:grid;grid-template-columns:1fr 1fr;min-height:680px;}
.tpl-types__left{background:var(--tpl-cream);position:relative;overflow:hidden;}
.tpl-types__photo-wrap{height:100%;min-height:620px;position:relative;}
.tpl-types__photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;min-height:620px;}
.tpl-types__badge{position:absolute;bottom:2rem;left:2rem;z-index:3;background:var(--tpl-ink);color:#fff;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-family:var(--tpl-sans);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.tpl-types__right{background:var(--tpl-ink);padding:5rem 5%;}
.tpl-types__h2{font-family:var(--tpl-serif);font-size:clamp(1.6rem,2.5vw,2.1rem);font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.15;}
.tpl-types__intro{font-family:var(--tpl-sans);font-size:.95rem;color:rgba(255,255,255,.55);line-height:1.8;margin-bottom:2rem;}
.tpl-types__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
.tpl-types__item{padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.07);}
.tpl-types__item:last-child{border-bottom:none;}
.tpl-types__tag{display:inline-block;font-family:var(--tpl-sans);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tpl-red);margin-bottom:.4rem;}
.tpl-types__item p{font-family:var(--tpl-sans);font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.75;margin:0;}
/* [D] DARK 4 CARDS */
.tpl-dark4{position:relative;padding:6rem 0;overflow:hidden;}
.tpl-dark4__bg{position:absolute;inset:0;}
.tpl-dark4__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.tpl-dark4__overlay{position:absolute;inset:0;background:rgba(6,17,35,.88);}
.tpl-dark4__inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem;}
.tpl-dark4__header{max-width:680px;margin-bottom:3.5rem;}
.tpl-dark4__h2{font-family:var(--tpl-serif);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:#fff;margin:.4rem 0 1rem;}
.tpl-dark4__intro{font-family:var(--tpl-sans);font-size:.97rem;color:rgba(255,255,255,.58);line-height:1.8;margin:0;}
.tpl-dark4__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.tpl-dark4__card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:2rem 1.5rem;transition:border-color .2s;}
.tpl-dark4__card:hover{border-color:var(--tpl-red);}
.tpl-dark4__num{display:block;font-family:var(--tpl-serif);font-size:1.8rem;font-weight:800;color:var(--tpl-red);line-height:1;margin-bottom:.8rem;}
.tpl-dark4__card-title{font-family:var(--tpl-sans);font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.6rem;}
.tpl-dark4__card p{font-family:var(--tpl-sans);font-size:.83rem;color:rgba(255,255,255,.5);line-height:1.72;margin:0;}
/* [E] VS */
.tpl-vs{background:var(--tpl-cream);padding:5.5rem 0;}
.tpl-vs__inner{max-width:1100px;margin:0 auto;padding:0 2rem;}
.tpl-vs__header{max-width:680px;margin-bottom:3rem;}
.tpl-vs__h2{font-family:var(--tpl-serif);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;color:var(--tpl-ink);margin:.4rem 0 .5rem;}
.tpl-vs__header p{font-family:var(--tpl-sans);font-size:.97rem;color:rgba(6,17,35,.65);line-height:1.8;}
.tpl-vs__cards{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;margin-bottom:2rem;}
.tpl-vs__card{background:var(--tpl-ink);color:#fff;padding:2.5rem 2rem;}
.tpl-vs__card--alt{background:#fff;border:1px solid rgba(6,17,35,.1);}
.tpl-vs__card-tag{display:inline-block;font-family:var(--tpl-sans);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;background:var(--tpl-red);color:#fff;padding:.3rem .7rem;margin-bottom:1rem;}
.tpl-vs__card-tag--alt{background:var(--tpl-ink);}
.tpl-vs__card-h3{font-family:var(--tpl-serif);font-size:1.2rem;font-weight:700;color:inherit;margin:0 0 .8rem;}
.tpl-vs__card--alt .tpl-vs__card-h3{color:var(--tpl-ink);}
.tpl-vs__card p{font-family:var(--tpl-sans);font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.75;margin:0;}
.tpl-vs__card--alt p{color:rgba(6,17,35,.65);}
.tpl-vs__divider{font-family:var(--tpl-serif);font-size:1.4rem;font-weight:800;color:var(--tpl-red);padding:0 1.5rem;text-align:center;}
.tpl-vs__note{font-family:var(--tpl-sans);font-size:.92rem;color:rgba(6,17,35,.6);line-height:1.8;max-width:800px;margin:0;padding-top:1.5rem;border-top:1px solid rgba(6,17,35,.1);}
/* [F] NUMBERED GRID */
.tpl-prep{background:var(--tpl-ink);padding:5.5rem 0;}
.tpl-prep__inner{max-width:1200px;margin:0 auto;padding:0 2rem;}
.tpl-prep__header{margin-bottom:3rem;}
.tpl-prep__h2{font-family:var(--tpl-serif);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;color:#fff;margin:.4rem 0 .5rem;}
.tpl-prep__sub{font-family:var(--tpl-sans);font-size:.95rem;color:rgba(255,255,255,.5);margin:0;}
.tpl-prep__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.tpl-prep__tip{border-top:2px solid rgba(255,255,255,.1);padding-top:1.5rem;}
.tpl-prep__num{display:block;font-family:var(--tpl-serif);font-size:2.2rem;font-weight:800;color:var(--tpl-red);line-height:1;margin-bottom:.8rem;}
.tpl-prep__tip p{font-family:var(--tpl-sans);font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.8;margin:0;}
/* [G] OVERLAP PHOTOS */
.tpl-exp__media{position:relative;height:600px;}
.tpl-exp__img-back{position:absolute;top:0;left:0;width:80%;height:90%;}
.tpl-exp__img-back img{width:100%;height:100%;object-fit:cover;display:block;}
.tpl-exp__img-front{position:absolute;bottom:0;right:0;width:55%;height:65%;z-index:2;border:6px solid #fff;}
.tpl-exp__img-front img{width:100%;height:100%;object-fit:cover;display:block;}
.tpl-exp__badge{position:absolute;bottom:2rem;left:2rem;z-index:4;background:var(--tpl-red);color:#fff;display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-family:var(--tpl-sans);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
/* [H] FUN CARDS */
.tpl-fun{background:#fff;}
.tpl-fun__hero{position:relative;height:520px;overflow:hidden;}
.tpl-fun__hero-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;}
.tpl-fun__hero-overlay{position:absolute;inset:0;background:rgba(6,17,35,.72);}
.tpl-fun__hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 5%;}
.tpl-fun__h2{font-family:var(--tpl-serif);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.1;margin:.5rem 0 1rem;}
.tpl-fun__intro{font-family:var(--tpl-sans);font-size:.97rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:560px;margin:0;}
.tpl-fun__cards-wrap{background:#fff;padding:0 5%;position:relative;}
.tpl-fun__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;transform:translateY(-3.5rem);}
.tpl-fun__card{background:#fff;border:1px solid rgba(6,17,35,.09);padding:2rem 1.75rem;box-shadow:0 4px 24px rgba(6,17,35,.06);}
.tpl-fun__card--mid{transform:translateY(-1.25rem);}
.tpl-fun__card-title{font-family:var(--tpl-sans);font-size:.95rem;font-weight:800;color:var(--tpl-ink);margin-bottom:.7rem;}
.tpl-fun__card-body{font-family:var(--tpl-sans);font-size:.87rem;color:rgba(6,17,35,.6);line-height:1.75;margin:0;}
.tpl-fun__tips-wrap{background:var(--tpl-cream);padding:4rem 5% 5rem;}
.tpl-fun__tips-inner{max-width:1100px;margin:0 auto;}
.tpl-fun__tips-head{margin-bottom:2.5rem;}
.tpl-fun__tips-label{display:inline-block;font-family:var(--tpl-sans);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--tpl-red);margin-bottom:.7rem;}
.tpl-fun__tips-h3{font-family:var(--tpl-serif);font-size:clamp(1.3rem,2vw,1.75rem);font-weight:700;color:var(--tpl-ink);margin:0;}
.tpl-fun__tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.tpl-fun__tip{border-top:2px solid rgba(6,17,35,.1);padding-top:1.4rem;}
.tpl-fun__tip-num{display:block;font-family:var(--tpl-serif);font-size:2rem;font-weight:800;color:var(--tpl-red);line-height:1;margin-bottom:.7rem;}
.tpl-fun__tip p{font-family:var(--tpl-sans);font-size:.87rem;color:rgba(6,17,35,.6);line-height:1.78;margin:0;}
/* RESPONSIVE */
@media(max-width:900px){
  .tpl-split__inner,.tpl-split__inner--rev{grid-template-columns:1fr;gap:2.5rem;}
  .tpl-split__inner--rev .tpl-split__text{order:1;}.tpl-split__inner--rev .tpl-split__photo{order:-1;}
  .tpl-split__photo img{height:300px;}
  .tpl-types{grid-template-columns:1fr;}.tpl-types__photo-wrap,.tpl-types__photo-wrap img{min-height:300px;}
  .tpl-dark4__cards{grid-template-columns:1fr 1fr;}
  .tpl-vs__cards{grid-template-columns:1fr;gap:1rem;}.tpl-vs__divider{padding:1rem 0;}
  .tpl-prep__grid{grid-template-columns:1fr 1fr;}
  .tpl-fun__cards{grid-template-columns:1fr;transform:none;padding-top:2rem;}.tpl-fun__card--mid{transform:none;}
  .tpl-fun__tips-grid{grid-template-columns:1fr 1fr;}
  .tpl-exp__inner{grid-template-columns:1fr!important;gap:2.5rem!important;}.tpl-exp__media{height:380px;}
}
@media(max-width:560px){
  .tpl-dark4__cards,.tpl-prep__grid,.tpl-fun__tips-grid{grid-template-columns:1fr;}
}