/*
Theme Name: Pyramidion
Description: Recruitment doorway into the existing Istockhomes member system.
Version: 0.1.0
Requires PHP: 8.1
*/
:root{--ink:#172d31;--muted:#506569;--paper:#f5f4ee;--gold:#dfb96a;--line:#d6ded8;--green:#dce9df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad6c00;outline-offset:5px}header,main,footer{width:min(1160px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{color:#9b742f;margin-right:10px}.nav{display:flex;gap:25px;align-items:center;font-size:14px}.nav a{text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:white;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.button.light{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button.outline{background:transparent;color:var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:72px 0 56px;align-items:center}h1,h2,h3{line-height:1.08;letter-spacing:-1.5px}h1{font-size:clamp(42px,5.7vw,76px);margin:20px 0 26px;max-width:780px}h2{font-size:clamp(30px,4vw,46px)}h3{font-size:24px;letter-spacing:-.6px}.lead{font-size:20px;max-width:640px;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 16px}.small{font-size:13px;color:var(--muted)}.art{min-height:440px;border-radius:100px 12px 12px 12px;background:#193c3f;position:relative;overflow:hidden;padding:32px;color:#eff4ed}.art svg{width:100%;height:290px;display:block}.art p{font-size:22px;line-height:1.3;max-width:260px;margin:0}.art .eyebrow{font-size:11px;margin-top:14px;color:var(--gold)}.strip{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.section{padding:55px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px}.card p{color:var(--muted)}.number{font-size:13px;color:#83632d;font-weight:750}.band{background:var(--green);border-radius:12px;padding:44px;display:flex;gap:30px;align-items:center;justify-content:space-between;margin:20px 0 65px}.band h2{margin:0 0 14px}.band p{max-width:610px}.article{max-width:820px;padding:55px 0 80px;min-height:65vh}.article h1{font-size:54px}.article h2{font-size:30px;margin-top:40px}details{border-top:1px solid var(--line);padding:20px 0}summary{font-weight:650;cursor:pointer;min-height:32px}footer{border-top:1px solid var(--line);padding:30px 0 45px;display:flex;justify-content:space-between;gap:24px;font-size:13px}footer nav{display:flex;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:5}.note{border-left:3px solid #a47c31;padding:12px 20px;background:#fff}.hub{max-width:900px;margin:auto;padding:30px}.hub input[type=text]{width:100%;padding:14px;font-size:16px}.qr svg{width:220px;height:220px;background:white;padding:12px}.status{display:inline-block;padding:4px 10px;border-radius:5px;background:var(--green);font-size:13px}@media(max-width:760px){header,main,footer{width:calc(100% - 32px)}header{flex-wrap:wrap;padding:18px 0}.nav{width:100%;justify-content:space-between;gap:10px;font-size:13px}.nav .button{padding:8px 13px}.hero{grid-template-columns:1fr;gap:30px;padding:38px 0}.art{min-height:310px;border-radius:60px 10px 10px 10px}.art svg{height:190px}.cards{grid-template-columns:1fr}.strip{flex-wrap:wrap;gap:10px 20px}.band{display:block;padding:27px}.article h1{font-size:42px}footer{display:block}.section{padding:30px 0}.art p{font-size:20px}h1{letter-spacing:-2px}.actions .button{flex:1}.small{font-size:13px}footer nav{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}