@font-face{font-family:'Cinzel';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cinzel-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/eb-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/eb-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/eb-garamond-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Tiro Devanagari Hindi';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/tiro-devanagari-hindi-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
html,body{margin:0;background:#FDF6EA}
@media (prefers-color-scheme: dark){html,body{background:#16060B}}

.ps{--ground:#FDF6EA;--ink:#2F2623;--muted:#66503F;--brand:#5A0B1D;--label:#5A0B1D;--rule:#DCC7A1;--gold:#B8914A;--veil:rgb(253 246 234 / 0%);
 min-height:100vh;box-sizing:border-box;background:var(--ground);color:var(--ink);font:400 18px/1.7 'EB Garamond',Georgia,serif;
 -webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
.ps.night{--ground:#16060B;--ink:#F7EBD5;--muted:#CDB9A0;--brand:#D4AF67;--label:#D4AF67;--rule:#4A2A26;--gold:#D4AF67}
.ps *{box-sizing:border-box}
.ps a{color:inherit;text-decoration:none}
.ps a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}

/* front page: an arched window onto the house, the name beside it */
.door{flex:1;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:34px;padding:40px 24px 8px}
.arch{position:relative;margin:0;width:min(72vw,300px);aspect-ratio:0.66}
.arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:psFade 1.8s ease-out both}
.arch .frame{position:absolute;inset:-12px;pointer-events:none}
.arch .frame svg{display:block;width:100%;height:100%;overflow:visible}
.arch .frame path{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.85}
.name{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.lockup{width:min(64vw,250px)}
.lockup img{display:block;width:100%;height:auto}
.defs{position:absolute}
.lockup{margin:0}
.top .home{display:flex;align-items:center;gap:12px}
.line{margin:0;max-width:22ch;font:italic 500 22px/1.3 'Cormorant Garamond',serif;letter-spacing:.01em;color:var(--ink)}
.line[lang=hi]{font:400 20px/1.6 'Tiro Devanagari Hindi',serif;max-width:none}
@keyframes psFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){.arch img{animation:none}}

/* footer: three words and the language */
.foot{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 24px 30px}
.foot nav{display:flex;gap:14px;align-items:center;font:500 14px/1 Cinzel,serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.foot nav i{font-style:normal;color:var(--gold)}
.foot nav a:hover,.lang a:hover{color:var(--ink)}
.lang{display:flex;gap:12px;font:400 15px/1 'EB Garamond',serif;color:var(--muted)}
.lang [aria-current]{color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:3px}
.lang a[lang=hi],.lang span[lang=hi]{font-family:'Tiro Devanagari Hindi',serif}

@media (min-width: 900px){
 .door{grid-template-columns:1fr 1px 1fr;align-items:center;gap:0;padding:64px 7vw 0}
 .door::before{content:"";grid-column:2;grid-row:1;width:1px;height:46vh;background:linear-gradient(transparent,var(--rule),transparent)}
 .arch{grid-column:1;grid-row:1;justify-self:end;margin-right:7vw;width:auto;height:min(68vh,620px)}
 .name{grid-column:3;grid-row:1;justify-self:start;margin-left:7vw;gap:26px}
 .lockup{width:380px}
 .line{font-size:30px} .line[lang=hi]{font-size:27px}
 .foot{flex-direction:row;justify-content:space-between;padding:30px 7vw 36px}
}

/* reading pages */
.top{display:flex;align-items:center;gap:12px;padding:28px 24px;font:500 14px/1 Cinzel,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--brand)}
.top img{width:30px;height:auto}
.read{flex:1;width:100%;max-width:680px;margin:0 auto;padding:28px 24px 64px}
.eyebrow{font:500 14px/1 Cinzel,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--label)}
.read h1{margin:18px 0 14px;font:600 44px/1.05 'Cormorant Garamond',serif;color:var(--brand);letter-spacing:.005em}
.night .read h1{color:var(--ink)}
.meta{display:flex;gap:10px;flex-wrap:wrap;font:400 15px/1.4 'EB Garamond',serif;color:var(--muted)}
.meta i{font-style:normal;color:var(--gold)}
.rule{height:1px;margin:34px 0 10px;background:linear-gradient(90deg,var(--rule),transparent)}
.read section{padding:30px 0 6px}
.read h2{display:flex;gap:16px;align-items:baseline;margin:0 0 10px;font:600 26px/1.2 'Cormorant Garamond',serif;color:var(--ink)}
.read h2 span{font:500 14px/1 Cinzel,serif;letter-spacing:.1em;color:var(--label);min-width:22px}
.read .lead{margin:0 0 12px;font-style:italic;font-size:19px;color:var(--ink)}
.read .counsel{margin:0;padding:2px 0 2px 16px;border-left:1px solid var(--rule);font-size:16px;color:var(--muted)}
.read p{margin:0 0 14px}
.block{padding:34px 0 8px}
.read .intro{margin:22px 0 0;font-size:18px}
.read section p{margin:0 0 12px}
.read b{font-weight:500;color:var(--ink)}
.read a.inline{color:var(--brand);border-bottom:1px solid var(--rule)}
.night .read a.inline{color:var(--ink)}
.read ol.law{margin:4px 0 16px;padding-left:22px}
.read ol.law li{margin:0 0 8px;padding-left:4px}
.read ol.law li::marker{font:500 14px Cinzel,serif;color:var(--label)}
.fill{background:rgb(212 175 103 / 22%);border-bottom:1px dashed var(--gold);padding:0 3px;border-radius:2px}
.block .eyebrow{display:block;margin-bottom:14px}
.mail{display:inline-block;margin:6px 0 12px;font:500 28px/1.2 'Cormorant Garamond',serif;color:var(--brand);border-bottom:1px solid var(--rule);padding-bottom:4px}
.night .mail{color:var(--ink)}
.person{font:600 24px/1.3 'Cormorant Garamond',serif;margin:0 0 2px}
.clock{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin-top:10px;font-size:17px}
.clock b{font:500 14px/1.9 Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:500}
@media (min-width: 900px){.top{padding:34px 7vw}.read{padding-top:40px}.read h1{font-size:60px}}

/* not found */
.lost{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:40px 24px}
.lost img{width:110px;height:auto}
.lost p{margin:0;font:italic 500 28px/1.3 'Cormorant Garamond',serif}
.lost a{font:500 14px/1 Cinzel,serif;letter-spacing:.22em;text-transform:uppercase;color:var(--label);border-bottom:1px solid var(--rule);padding-bottom:6px}

/* share image */
.share{width:1200px;height:630px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#5A0B1D}
.share .lockup{width:520px}
.share p{margin:0;font:italic 500 34px/1.2 'Cormorant Garamond',serif;color:#F7EBD5}

@media (prefers-color-scheme: dark){
.ps.auto{--ground:#16060B;--ink:#F7EBD5;--muted:#CDB9A0;--brand:#D4AF67;--label:#D4AF67;--rule:#4A2A26;--gold:#D4AF67}
.auto .read h1{color:var(--ink)}
.auto .read a.inline{color:var(--ink)}
.auto .mail{color:var(--ink)}
}