/* ============================================================
   INCREDIBLE KARNATAKA — V2  |  page.css
   Worldwide Media Corporation Group, USA
   Utility pages: contact, advertise, newsletter, subscribe,
   login, search, legal, archive, editor's desk, 404.
   Loads AFTER section.css and reuses its nav, footer and atoms.
   ============================================================ */

/* ===== PAGE SHELL ===== */
.pg{max-width:1180px;margin:0 auto;padding:0 2rem 4rem;}
.pg-lede{font-size:.92rem;line-height:1.9;color:var(--muted);max-width:640px;margin-bottom:2.5rem;}
.pg-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:start;}
.pg-narrow{max-width:760px;}

/* ===== PROSE ===== */
.prose h2{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;font-weight:400;
  margin:2.6rem 0 1rem;padding-top:1.8rem;border-top:1px solid var(--line);}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:none;}
.prose h3{font-family:'Playfair Display',Georgia,serif;font-size:1.1rem;font-weight:400;margin:1.8rem 0 .6rem;}
.prose p{font-size:.92rem;line-height:1.95;color:var(--body);margin-bottom:1.2rem;}
/* links inside body copy were the same colour as the text - unreadable as links */
.prose a{color:var(--gold);border-bottom:1px solid var(--line);transition:border-color .2s;}
.prose a:hover{border-bottom-color:var(--gold);}
.prose ul{margin:0 0 1.2rem 1.1rem;}
.prose li{font-size:.9rem;line-height:1.9;color:var(--body);margin-bottom:.4rem;}

/* ===== FORMS ===== */
.form-card{border:1px solid var(--line);padding:2rem 2rem 2.2rem;}
.fld{margin-bottom:1.2rem;}
.fld label{display:block;font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.5rem;}
.fld input,.fld select,.fld textarea{width:100%;border:1px solid var(--line);background:var(--surface);
  padding:.8rem .9rem;font-family:'DM Sans',sans-serif;font-size:.84rem;color:var(--ink);outline:none;
  transition:border-color .2s;border-radius:0;}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--gold);}
.fld textarea{min-height:150px;resize:vertical;}
.btn-solid{display:inline-block;background:var(--ink);color:#fff;border:none;cursor:pointer;
  padding:.95rem 2.4rem;font-family:'DM Sans',sans-serif;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;transition:background .2s;}
.btn-solid:hover{background:var(--gold);color:var(--ink);}
.btn-line{display:inline-block;border:1px solid var(--ink);background:none;color:var(--ink);cursor:pointer;
  padding:.9rem 2.2rem;font-family:'DM Sans',sans-serif;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;transition:all .2s;}
.btn-line:hover{background:var(--ink);color:#fff;}
.hp{position:absolute;left:-9999px;}
.form-note{font-size:.66rem;color:var(--meta);margin-top:1rem;line-height:1.7;}

/* ===== INFO PANEL ===== */
.info-card{border:1px solid var(--line);padding:1.8rem 1.6rem;}
.info-card + .info-card{margin-top:1.4rem;}
.info-h{font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);
  padding-bottom:.8rem;border-bottom:1px solid var(--line);margin-bottom:1rem;}
.info-row{padding:.7rem 0;border-bottom:1px solid var(--line-soft);}
.info-row:last-child{border-bottom:none;}
.info-lbl{font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--meta);margin-bottom:.2rem;}
.info-val{font-size:.84rem;color:var(--ink);}

/* ===== PRICING ===== */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-bottom:3rem;}
.price-card{border:1px solid var(--line);padding:2rem 1.6rem 2.2rem;text-align:center;transition:all .25s;}
.price-card:hover{box-shadow:0 18px 44px rgba(26,20,32,.10);transform:translateY(-3px);}
.price-card.pick{border-color:var(--gold);border-width:2px;}
.price-tag{font-size:.52rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.price-amt{font-family:'Playfair Display',Georgia,serif;font-size:2.6rem;font-weight:400;line-height:1;}
.price-per{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--meta);margin-top:.4rem;}
.price-list{list-style:none;margin:1.6rem 0;padding-top:1.4rem;border-top:1px solid var(--line);}
.price-list li{font-size:.78rem;color:var(--muted);padding:.45rem 0;}

/* ===== SEARCH ===== */
.search-box{display:flex;border:1px solid var(--ink);max-width:680px;margin-bottom:1.4rem;}
.search-box input{flex:1;border:none;padding:1.1rem 1.2rem;font-family:'DM Sans',sans-serif;
  font-size:1rem;color:var(--ink);outline:none;background:none;}
.search-box button{background:var(--ink);color:#fff;border:none;cursor:pointer;padding:0 2rem;
  font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-family:'DM Sans',sans-serif;}
.search-box button:hover{background:var(--gold);color:var(--ink);}
.search-hint{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--meta);margin-bottom:2.5rem;}
.search-state{border:1px solid var(--line);padding:3rem 2rem;text-align:center;}
.search-state p{font-size:.84rem;color:var(--muted);}

/* ===== ARCHIVE ===== */
.arc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;}
.arc-item .img{aspect-ratio:3/4;margin-bottom:.9rem;
  box-shadow:0 18px 36px rgba(0,0,0,.18);}
.arc-item .m{font-family:'Playfair Display',Georgia,serif;font-size:1rem;}
.arc-item .y{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--meta);margin-top:.2rem;}
.arc-item:hover .m{color:var(--gold);}
.arc-year{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;margin:3rem 0 1.4rem;
  padding-bottom:.7rem;border-bottom:1px solid var(--line);}
.arc-year:first-of-type{margin-top:0;}

/* ===== EDITOR'S DESK ===== */
.ed-wrap{display:grid;grid-template-columns:300px 1fr;gap:3.5rem;align-items:start;}
.ed-portrait .img{aspect-ratio:3/4;margin-bottom:1rem;}
.ed-name{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;}
.ed-role{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:.3rem;}
.ed-sign{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.5rem;
  margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);}

/* ===== ACCOUNT ===== */
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;}
.acc-h{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;font-weight:400;margin-bottom:1.5rem;}

/* ===== 404 ===== */
.nf{text-align:center;padding:5rem 0 4rem;}
.nf-num{font-family:'Playfair Display',Georgia,serif;font-size:clamp(5rem,16vw,11rem);
  line-height:.9;color:var(--ink);}
.nf-t{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.6rem,4vw,2.4rem);
  font-weight:400;margin:1.2rem 0 .8rem;}
.nf p{font-size:.88rem;color:var(--muted);max-width:460px;margin:0 auto 2.2rem;line-height:1.9;}
.nf-links{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px){
  .pg-cols{grid-template-columns:1fr;gap:2.5rem;}
  .ed-wrap{grid-template-columns:220px 1fr;gap:2.5rem;}
  .arc-grid{grid-template-columns:repeat(3,1fr);}
  .price-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .pg{padding:0 1.25rem 3rem;}
  .acc-grid{grid-template-columns:1fr;gap:2rem;}
  .ed-wrap{grid-template-columns:1fr;gap:1.8rem;}
  .ed-portrait{max-width:220px;}
  .arc-grid{grid-template-columns:1fr 1fr;gap:1.4rem;}
  .form-card{padding:1.4rem 1.2rem 1.6rem;}
}

/* ===== DROP-IN IMAGE RULE =====
   Every black placeholder reserves its exact box. Put a real <img> inside the
   placeholder element and it fills that box with no layout shift:
       <span class="img"><img src="..." alt="..." width="700" height="440"></span>
   Always set width= and height= on the tag. IMAGE-SPECS.txt lists the size
   required for every slot. */
.img > img,
.ph > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  display:block;z-index:0;}
.img,.ph{position:relative;}

/* ===== EDITOR'S LETTER — the note as the magazine prints it ===== */
.ed-kicker{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;line-height:1.3;
  color:var(--ink);margin:0 0 1.4rem;}
.ed-close{border-left:2px solid var(--gold);padding-left:1.2rem;margin-top:2.2rem;
  font-family:'Cormorant Garamond',Georgia,serif;font-size:45px;line-height:1.25;
  font-style:italic;color:var(--ink);}
.ed-signrole{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);margin-top:-.4rem;}

/* ===== MASTHEAD — the credits page, set as label / names rows ===== */
.mh-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;}
.mh-card{border:1px solid var(--line);padding:1.4rem 1.5rem;background:var(--surface);}
.mh-h{font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
  padding-bottom:.7rem;margin-bottom:.9rem;border-bottom:1px solid var(--line);}
.mh-row{padding:.55rem 0;border-bottom:1px solid var(--line);}
.mh-row:last-child{border-bottom:none;}
.mh-lbl{font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--meta);}
.mh-val{font-size:.9rem;line-height:1.5;color:var(--ink);margin-top:.2rem;}
@media(max-width:820px){ .mh-grid{grid-template-columns:1fr;} }

/* the notice the magazine prints, set apart from our own wording */
.lg-quote{margin:0 0 1.4rem;padding:1.2rem 1.4rem;border-left:2px solid var(--gold);
  background:var(--bg-alt);}
.lg-quote p{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;
  line-height:1.7;font-style:italic;color:var(--ink);}

/* Adobe Fave Script Pro quotations */
.lg-quote,.lg-quote p{font-family:'fave-script-pro',sans-serif !important;font-weight:400;font-style:normal;}


/* Editor's Desk closing quote */
.ed-close{font-family:'fave-script-pro',sans-serif !important;font-weight:400;font-style:normal;}







/* Match the quote to the Dr. Alexander signature font */
.ed-close{font-family:'Cormorant Garamond',Georgia,serif !important;font-style:italic;font-weight:400;}


/* Strong black contrast for the editor quote and signature */
.ed-close,.ed-sign{color:#000 !important;}


/* Increase editor quote and signature visibility */
.ed-close{font-size:20px !important;font-weight:500 !important;color:#000 !important;}
.ed-sign{font-weight:600 !important;color:#000 !important;}





/* Match Dr. Alexander's name to the quote */
.ed-sign{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:20px !important;font-style:italic;font-weight:500 !important;color:#000 !important;}


/* Match editor quote and name to the reference serif style */
.ed-close,.ed-sign{font-family:'Playfair Display',Georgia,serif !important;font-style:normal !important;font-weight:500 !important;color:#000 !important;}


/* Final editor typography: preserve quote style, update name only */
.ed-close{font-family:'Cormorant Garamond',Georgia,serif !important;font-style:italic !important;font-weight:500 !important;color:#000 !important;}
.ed-name,.ed-sign{font-family:'Playfair Display',Georgia,serif !important;font-style:normal !important;font-weight:500 !important;color:#000 !important;}