/*
Theme Name: Places to Learn — Coming Soon
Theme URI: https://placestolearn.us
Author: Education Design International + Claude
Description: Holding theme for placestolearn.us — the forthcoming knowledge platform for school facilities planning and innovative learning-environment design, developed and maintained by Education Design International. Sister theme to educationdesign.com and prakashnair.com: inherits the family design tokens (Fraunces + Inter, warm paper, ink) and introduces this site's own dominant accent, Editorial Slate, reserving EDI orange strictly as the "cross over to EDI" signal. Every front-end request renders the coming-soon page. Replace with the full Places to Learn theme at launch.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ptl
*/

:root{
  --ink:#0E0E0C; --ink-soft:#2A2A28; --ink-mute:#6B6B66; --ink-faint:#A3A39E;
  --paper:#FAFAF7; --paper-warm:#F2F0E9; --line:#E6E4DC; --line-soft:#EFEDE5;
  --slate:#3E5F6B; --slate-ink:#26424C; --slate-wash:#E9EEF0;
  --edi:#EA6A2A; /* reserved: EDI hand-off only */
  --serif:'Fraunces','Times New Roman',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;
  min-height:100dvh;display:flex;flex-direction:column}
::selection{background:var(--slate);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.ptl-wrap{width:100%;max-width:960px;margin:0 auto;padding:0 32px}

/* top bar */
.ptl-top{padding:26px 0;border-bottom:1px solid var(--line-soft)}
.ptl-top .ptl-wrap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.ptl-mark{font-family:var(--serif);font-weight:400;font-size:17px;letter-spacing:-0.01em}
.ptl-mark em{font-style:italic;color:var(--slate)}
.ptl-top-note{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ink-mute)}

/* main */
.ptl-main{flex:1;display:flex;align-items:center;padding:72px 0}
.ptl-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:var(--slate);margin-bottom:30px}
.ptl-eyebrow::before{content:"";width:34px;height:1px;background:var(--slate);display:inline-block}
.ptl-h1{font-family:var(--serif);font-weight:300;font-size:clamp(44px,7.5vw,88px);
  line-height:1.03;letter-spacing:-0.025em;margin-bottom:28px}
.ptl-h1 em{font-style:italic;font-weight:300;color:var(--slate)}
.ptl-dek{font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(19px,2.2vw,24px);line-height:1.5;color:var(--ink-mute);max-width:640px;margin-bottom:44px}

.ptl-coming{display:flex;flex-wrap:wrap;gap:12px 38px;padding:22px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:44px}
.ptl-coming span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink-soft)}
.ptl-coming span::before{content:"— ";color:var(--slate)}

.ptl-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:40px}
.ptl-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  transition:all .3s ease;border:1px solid var(--ink)}
.ptl-btn svg{width:14px;height:14px;transition:transform .3s ease}
.ptl-btn:hover svg{transform:translateX(3px)}
.ptl-btn-edi{background:var(--ink);color:#fff;border-color:var(--ink)}
.ptl-btn-edi:hover{background:var(--edi);border-color:var(--edi)}
.ptl-btn-ghost{background:none;color:var(--ink)}
.ptl-btn-ghost:hover{background:var(--paper-warm)}

.ptl-sponsor{font-size:14px;color:var(--ink-mute)}
.ptl-sponsor a{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:1px;transition:color .25s,border-color .25s}
.ptl-sponsor a:hover{color:var(--edi);border-bottom-color:var(--edi)}

/* footer */
.ptl-foot{border-top:1px solid var(--line-soft);padding:24px 0}
.ptl-foot .ptl-wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:12px;color:var(--ink-faint);letter-spacing:.03em}
.ptl-foot a{color:var(--ink-mute);transition:color .25s}
.ptl-foot a:hover{color:var(--slate-ink)}
.ptl-foot .sep{margin:0 8px;color:var(--line)}

@media (max-width:640px){
  .ptl-wrap{padding:0 22px}
  .ptl-main{padding:56px 0}
  .ptl-coming{gap:8px 20px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}