/*
Theme Name: Iona Editable
Theme URI: https://withiona.com
Author: Iona
Description: Editable Gutenberg-friendly Iona theme. The homepage lives under Pages → Home.
Version: 3.0.0
Text Domain: iona
*/

:root{
  --iona-ink:#24211a;
  --iona-coral:#fa7785;
  --iona-teal:#377771;
  --iona-deep-teal:#0f5654;
  --iona-human-green:#d5d87d;
  --iona-sea-glass:#b1d4b6;
  --iona-paper:#faf8f2;
  --iona-white:#fffdf9;
  --iona-line:rgba(36,33,26,.14);
  --iona-muted:rgba(36,33,26,.68);
  --iona-serif:Georgia,"Times New Roman",serif;
  --iona-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--iona-paper);color:var(--iona-ink);font-family:var(--iona-sans);font-size:18px;line-height:1.55}
body.iona-modal-open{overflow:hidden}
a{color:inherit}
img{max-width:100%;height:auto}
.iona-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}

/* Header */
.iona-site-header{padding:26px 0;border-bottom:1px solid transparent}
.iona-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.iona-header-logo img{display:block;width:178px;height:auto}
.iona-header-note{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--iona-teal)}
.iona-header-note a{text-decoration:none}

/* General Gutenberg content */
.iona-main .entry-content{margin:0}
.iona-main .wp-block-group{margin-block-start:0;margin-block-end:0}
.iona-main h1,.iona-main h2,.iona-main h3{font-family:var(--iona-serif);font-weight:400;letter-spacing:-.04em;color:var(--iona-ink)}
.iona-main h1{font-size:clamp(64px,8vw,116px);line-height:.9;margin:0 0 28px}
.iona-main h2{font-size:clamp(46px,5vw,74px);line-height:1.02;margin:0 0 22px}
.iona-main h3{font-size:clamp(38px,4vw,58px);line-height:1.04;margin:0 0 18px}
.iona-main p{margin-top:0}
.iona-main .iona-eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--iona-teal);margin:0 0 18px}
.iona-main .iona-lede{font:clamp(23px,2.4vw,33px)/1.38 var(--iona-serif);color:var(--iona-muted)}
.iona-main .iona-lede strong{font-weight:400;color:var(--iona-ink)}
.iona-main .iona-small{font-size:14px;color:var(--iona-muted)}
.iona-main .wp-block-button__link,.iona-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--iona-ink);border-radius:999px;padding:14px 21px;
  background:transparent;color:var(--iona-ink);font:750 15px/1 var(--iona-sans);
  text-decoration:none!important;transition:.18s ease
}
.iona-main .wp-block-button__link:hover,.iona-btn:hover{transform:translateY(-1px)}
.iona-main .is-style-fill .wp-block-button__link,.iona-main .iona-primary .wp-block-button__link,.iona-btn-primary{background:var(--iona-ink);color:var(--iona-paper)}
.iona-main .iona-coral .wp-block-button__link{background:var(--iona-coral);border-color:var(--iona-coral);color:var(--iona-ink)}

/* Hero */
.iona-main .iona-hero{padding:72px 0 105px}
.iona-main .iona-hero>.wp-block-group__inner-container,
.iona-main .iona-thesis>.wp-block-group__inner-container,
.iona-main .iona-entrypoints>.wp-block-group__inner-container,
.iona-main .iona-closing>.wp-block-group__inner-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.iona-main .iona-hero .wp-block-columns{gap:70px;align-items:center!important}
.iona-main .iona-hero .wp-block-column:first-child{flex-basis:64%!important}
.iona-main .iona-hero .wp-block-column:last-child{flex-basis:36%!important}
.iona-main .iona-hero .iona-brand-mark{max-width:330px;margin-inline:auto}
.iona-main .iona-hero .wp-block-buttons{gap:12px;margin-top:32px}
.iona-main .iona-hero .iona-hero-copy{font:clamp(23px,2.25vw,31px)/1.38 var(--iona-serif);color:var(--iona-muted);max-width:760px}
.iona-main .iona-hero .iona-hero-copy strong{font-weight:400;color:var(--iona-ink)}

/* Thesis */
.iona-main .iona-thesis{padding:105px 0;border-top:1px solid var(--iona-line)}
.iona-main .iona-thesis .wp-block-columns{gap:80px}
.iona-main .iona-triad{font-size:14px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--iona-teal)}

/* Entry points */
.iona-main .iona-entrypoints{padding:0 0 120px}
.iona-main .iona-entrypoints .wp-block-columns{gap:18px}
.iona-main .iona-door{min-height:420px;border-radius:30px;padding:42px!important;display:flex;flex-direction:column;justify-content:space-between}
.iona-main .iona-door-dark{background:var(--iona-ink);color:var(--iona-paper)}
.iona-main .iona-door-dark h3{color:var(--iona-paper)}
.iona-main .iona-door-dark p{color:rgba(250,248,242,.75)}
.iona-main .iona-door-light{background:var(--iona-sea-glass)}
.iona-main .iona-door .iona-door-kicker{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px;opacity:.75}
.iona-main .iona-door .wp-block-buttons{margin-top:36px}
.iona-main .iona-door-dark .wp-block-button__link{background:var(--iona-coral);border-color:var(--iona-coral);color:var(--iona-ink)}

/* Closing */
.iona-main .iona-closing{text-align:center;padding:115px 0 135px;border-top:1px solid var(--iona-line)}
.iona-main .iona-closing .iona-brand-mark{width:140px;margin:0 auto 28px}
.iona-main .iona-closing p{font:24px var(--iona-serif);color:var(--iona-muted)}

/* Forms in modals */
.iona-modal{display:none;position:fixed;inset:0;z-index:9999;padding:24px;background:rgba(36,33,26,.58);backdrop-filter:blur(8px);align-items:center;justify-content:center}
.iona-modal.is-open{display:flex}
.iona-modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--iona-paper);border-radius:28px;padding:34px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.2)}
.iona-modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer}
.iona-modal-card h2{font:400 48px/1 var(--iona-serif);letter-spacing:-.04em;margin:0 38px 14px 0}
.iona-modal-card .iona-modal-intro{color:var(--iona-muted);margin-bottom:25px}
.iona-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.iona-field{display:flex;flex-direction:column;gap:7px}
.iona-field.iona-full{grid-column:1/-1}
.iona-form label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.iona-form input,.iona-form textarea{width:100%;border:1px solid var(--iona-line);border-radius:12px;background:var(--iona-white);padding:14px 15px;color:var(--iona-ink)}
.iona-form textarea{min-height:130px;resize:vertical}
.iona-form-note{font-size:13px;color:var(--iona-muted)}
.iona-notice{background:var(--iona-sea-glass);padding:13px 15px;border-radius:12px;margin:0 0 20px}
.iona-form button{border:1px solid var(--iona-ink);border-radius:999px;padding:14px 20px;background:var(--iona-ink);color:var(--iona-paper);font-weight:750;cursor:pointer}

/* Footer */
.iona-footer{padding:28px 0 42px;border-top:1px solid var(--iona-line);font-size:13px;color:var(--iona-muted)}
.iona-footer-inner{display:flex;justify-content:space-between;gap:24px}

@media(max-width:900px){
  .iona-main .iona-hero .wp-block-columns,.iona-main .iona-thesis .wp-block-columns,.iona-main .iona-entrypoints .wp-block-columns{display:block}
  .iona-main .iona-hero .wp-block-column:last-child{order:-1}
  .iona-main .iona-hero .iona-brand-mark{max-width:200px;margin-bottom:45px}
  .iona-main .iona-thesis .wp-block-column+.wp-block-column{margin-top:34px}
  .iona-main .iona-door{min-height:340px;margin-bottom:18px}
}
@media(max-width:600px){
  body{font-size:17px}
  .iona-wrap,.iona-main .iona-hero>.wp-block-group__inner-container,.iona-main .iona-thesis>.wp-block-group__inner-container,.iona-main .iona-entrypoints>.wp-block-group__inner-container,.iona-main .iona-closing>.wp-block-group__inner-container{width:min(100% - 28px,1120px)}
  .iona-header-note{display:none}
  .iona-header-logo img{width:150px}
  .iona-main .iona-hero{padding-top:42px;padding-bottom:80px}
  .iona-main h1{font-size:62px}
  .iona-main .iona-thesis{padding:78px 0}
  .iona-main .iona-entrypoints{padding-bottom:80px}
  .iona-main .iona-door{padding:28px!important}
  .iona-main .iona-closing{padding:86px 0 98px}
  .iona-form{grid-template-columns:1fr}
  .iona-field.iona-full{grid-column:auto}
  .iona-modal-card{padding:28px 22px}
  .iona-modal-card h2{font-size:40px}
  .iona-footer-inner{display:block}
  .iona-footer-inner div+div{margin-top:7px}
}

/* Editor parity */
.editor-styles-wrapper{background:var(--iona-paper);color:var(--iona-ink);font-family:var(--iona-sans)}