/* Generated from Settings > General > Theme. Do not edit. */
:root, :root[data-theme=light] {
    --primary: #c2183c;
    --primary-foreground: #f7f2eb;
    --secondary: #f2eee9;
    --secondary-foreground: #1a1520;
    --accent: #e9a6a6;
    --accent-foreground: #1a1520;
    --background: #faf8f5;
    --foreground: #1a1520;
    --muted: #e8e2da;
    --muted-foreground: #6b6560;
    --border: #dfdddb;
    --dark: #1a1520;
    --dark-foreground: #faf8f5;
    --input: #dfdddb;
    --ring: #c2183c;
    --card: #e8e2da;
    --card-foreground: #1a1520;
    --radius: 0.5rem;
    --tvx-btn-radius: 0.5rem;
    --section-sm: 3rem;
    --section-md: 5rem;
    --section-lg: 7rem;
    --section-xl: 9rem;
    --pico-font-family-sans-serif: 'Inter', system-ui, sans-serif;
    --tvx-heading-font: 'Inter', system-ui, sans-serif;
    --pico-font-size: 100%;
    --pico-primary-hover: color-mix(in srgb, var(--primary) 85%, black);
    --pico-primary-hover-background: color-mix(in srgb, var(--primary) 85%, black);
    --pico-primary-hover-border: color-mix(in srgb, var(--primary) 85%, black);
    --pico-primary-focus: color-mix(in srgb, var(--primary) 20%, transparent);
}
body, button, input, select, textarea { font-family: var(--pico-font-family-sans-serif); }
h1, h2, h3, h4, h5, h6, .tvx-brand { font-family: var(--tvx-heading-font); }
h1 { --pico-font-size: 2.441rem; font-size: 2.441rem; }
h2 { --pico-font-size: 1.953rem; font-size: 1.953rem; }
h3 { --pico-font-size: 1.563rem; font-size: 1.563rem; }
h4 { --pico-font-size: 1.25rem; font-size: 1.25rem; }
.tvx-footer h2, .tvx-footer h3 { font-size: 1rem; }
.btn, button[type=submit].btn, .tvx-btn, .tvx-btn-lg, .tvx-btn-sm { border-radius: var(--tvx-btn-radius); }
@font-face { font-family: "Instrument Serif"; font-weight: 400; font-style: normal; font-display: swap; src: url(https://arrow.ascreative.site/storage/tavryx-fonts/6c8e8a291bdd46678c3dc97ecb41ae3e2177215a.woff2) format('woff2'); }
@font-face { font-family: "Instrument Serif"; font-weight: 400; font-style: italic; font-display: swap; src: url(https://arrow.ascreative.site/storage/tavryx-fonts/bd51d639d9f210bed8da3fdc5136c3ebe531b22d.woff2) format('woff2'); }
@font-face { font-family: "Work Sans"; font-weight: 300 600; font-style: normal; font-display: swap; src: url(https://arrow.ascreative.site/storage/tavryx-fonts/37354b7587aaaa0d38d27e1b2f608d5559cbc2b7.woff2) format('woff2'); }

/* Site-wide custom CSS */
/* Arrow Publications: "Paper Romance" (from the Lovable design). Breakpoints: 640, 768, 1024, 1280. */
:root{--paper:#faf8f5;--ink:#1a1520;--surface:#f2eee9;--raised:#fff;--crimson:#c2183c;--blush:#e9a6a6;--mut:#6b6560;--line:rgba(26,21,32,.12);--line-strong:rgba(26,21,32,.24);--serif:"Instrument Serif",Georgia,serif;--sans:"Work Sans",system-ui,sans-serif;--gut:24px;--shadow-cover:0 1px 2px rgba(0,0,0,.08),0 14px 32px -12px rgba(0,0,0,.18);--shadow-lift:0 1px 2px rgba(0,0,0,.1),0 26px 50px -20px rgba(0,0,0,.28);--ease:cubic-bezier(.22,1,.36,1);--fade:cubic-bezier(.4,0,.2,1)}
:root{--ix-facebook:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");--ix-twitter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z'/%3E%3C/svg%3E");--ix-youtube:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17'/%3E%3Cpath d='m10 15 5-3-5-3z'/%3E%3C/svg%3E");--ix-instagram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='20' x='2' y='2' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' x2='17.51' y1='6.5' y2='6.5'/%3E%3C/svg%3E");--ix-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E");--ix-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");--ix-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");--ix-message-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3Cpath d='M7.828 13.07A3 3 0 0 1 12 8.764a3 3 0 0 1 5.004 2.224 3 3 0 0 1-.832 2.083l-3.447 3.62a1 1 0 0 1-1.45-.001z'/%3E%3C/svg%3E");--ix-arrow-up-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E")}
@media (min-width:1024px){:root{--gut:40px}}

/* base */
html{scroll-behavior:smooth;overflow-x:clip}
html,body{background:var(--paper);color:var(--ink);font-family:var(--sans)}
body{line-height:1.5;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url%28%23n%29'/%3E%3C/svg%3E")}
::selection{background:var(--crimson);color:#f7f2eb}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:400;letter-spacing:normal}
.tvx-header,main#main,.tvx-footer{position:relative}
main#main{z-index:10;flex:1 0 auto}
.cms-content{display:flex;flex-direction:column;margin:0;padding:0;max-width:none}
.cms-content>.ed-wrap{box-sizing:border-box;width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.ed-btn>svg,.ed-row>svg{display:none}
@keyframes settle-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.home-hero,.cms-content:has(>.home-hero)>.text{animation:none!important}}

/* shared type: eyebrow, display headings, underlined text link */
.page-head .ed-label,.home-hero .ed-label,.home-feature .ed-label,.about-readers .ed-label,.about-follow .ed-label,.about-office>.ed-label,.contact-list h3{display:block;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--crimson)}
.page-head h1,.home-hero h1,.home-feature h2,.about-readers h2,.about-follow h2,.about-office h2,.buy-quote h2,.cms-content>.cards>.container>h2,.cards .card-text .title,.story h2,.subm-note h2,.contact-list .ed-row>span:not(.ed-label),.tvx-footer-tagline{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;color:var(--ink)}
.home-feature .ed-btn,.cms-content:has(>.home-hero)>.text .cms-text a,.about-readers .ed-btn,.about-office .ed-btn,.story .ed-btn{display:inline-block;padding-bottom:8px;border-bottom:1px solid var(--crimson);font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--crimson);text-decoration:none;transition:color .15s var(--fade)}
.home-feature .ed-btn:hover,.cms-content:has(>.home-hero)>.text .cms-text a:hover,.about-readers .ed-btn:hover,.story .ed-btn:hover{color:var(--blush)}

/* header */
.tvx-header{position:relative;top:auto;z-index:20;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line);box-shadow:none}
.tvx-header .tvx-header-inner{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:24px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px}
.tvx-header .tvx-brand{display:inline-block;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}
.tvx-header .tvx-brand:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(0,0,0,.12)}
.tvx-header .tvx-brand img{display:block;width:auto;height:48px}
.tvx-header .tvx-brand>span,.tvx-header .tvx-brand>strong{font:400 28px/1 var(--serif);letter-spacing:-.015em;color:var(--ink)}
.tvx-header .tvx-nav{display:none;margin-left:auto;min-width:0}
.tvx-header .tvx-nav .tvx-menu{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 0;margin:0;padding:0}
.tvx-header .tvx-nav .tvx-menu>li{margin:0 0 0 20px}
.tvx-header .tvx-nav .tvx-menu>li:first-child{margin-left:0}
.tvx-header .tvx-nav .tvx-menu>li:has(>.nav-social){display:none}
.tvx-header .tvx-nav a.tvx-link{position:relative;display:inline;padding:0;border-radius:0;background:none;color:var(--ink);font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;transition:color .2s ease}
.tvx-header .tvx-nav a.tvx-link:hover{background:none;color:var(--ink)}
.tvx-header .tvx-nav a.tvx-link::after{content:"";position:absolute;left:0;right:0;bottom:-.4rem;height:1px;background:var(--crimson);transform:scaleX(0);transform-origin:left;transition:transform 280ms var(--ease)}
.tvx-header .tvx-nav a.tvx-link:hover::after,.tvx-header .tvx-nav a.tvx-link[aria-current]::after{transform:scaleX(1)}
.tvx-header .tvx-nav a.nav-social{display:block;width:16px;height:16px;font-size:0;line-height:0;background:var(--mut);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:background-color .15s var(--fade)}
.tvx-header .tvx-nav a.nav-social:hover{background:var(--crimson)}
.tvx-header .tvx-nav a.nav-social::after{content:none}
.nav-facebook{--i:var(--ix-facebook)}.nav-twitter{--i:var(--ix-twitter)}.nav-youtube{--i:var(--ix-youtube)}.nav-instagram{--i:var(--ix-instagram)}
.tvx-header .tvx-mobile{display:block;position:static}
.tvx-header .tvx-mobile>summary{display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:0;background:none;color:var(--ink);cursor:pointer}
.tvx-header .tvx-mobile>summary:hover{background:none}
.tvx-header .tvx-mobile>summary .tvx-icon{display:none}
.tvx-header .tvx-mobile>summary::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--ix-menu) center/contain no-repeat;mask:var(--ix-menu) center/contain no-repeat}
.tvx-header .tvx-mobile[open]>summary::before{-webkit-mask-image:var(--ix-x);mask-image:var(--ix-x)}
.tvx-header .tvx-mobile>summary::after{content:"Menu";font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.tvx-header .tvx-mobile>nav{position:absolute;left:0;right:0;top:100%;z-index:30;display:block;max-height:none;padding:16px 24px;background:var(--surface);border-top:0;border-bottom:1px solid var(--line)}
.tvx-header .tvx-mobile .tvx-menu{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.tvx-header .tvx-mobile .tvx-menu>li{border-bottom:1px solid var(--line)}
.tvx-header .tvx-mobile .tvx-menu>li:last-child{border-bottom:0}
.tvx-header .tvx-mobile a.tvx-link{display:block;padding:12px 0;border-radius:0;background:none;color:var(--ink);font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase}
@media (min-width:640px){.tvx-header .tvx-brand img{height:56px}}
@media (min-width:768px){.tvx-header .tvx-nav{display:flex}.tvx-header .tvx-mobile{display:none}}
@media (min-width:1024px){.tvx-header .tvx-nav .tvx-menu>li{margin-left:28px}.tvx-header .tvx-nav .tvx-menu>li:first-child{margin-left:0}}
@media (min-width:1280px){.tvx-header .tvx-nav{flex:1}.tvx-header .tvx-nav .tvx-menu{flex-wrap:nowrap;width:100%}.tvx-header .tvx-nav .tvx-menu>li:first-child{margin-left:auto}.tvx-header .tvx-nav .tvx-menu>li:has(>.nav-social){display:list-item;margin-left:16px}.tvx-header .tvx-nav .tvx-menu>li:not(:has(>.nav-social))+li:has(>.nav-social){margin-left:auto;padding-left:24px}}

/* footer */
.tvx-footer{margin-top:112px;padding:64px var(--gut);background:transparent;border-top:1px solid var(--line);color:var(--mut)}
.tvx-footer-top{display:grid;gap:48px;max-width:1160px;margin:0 auto;padding:0}
.tvx-footer .tvx-footer-brand{display:block}
.tvx-footer .tvx-brand{display:block;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--crimson)}
.tvx-footer a.tvx-brand:hover{color:var(--crimson);text-decoration:none}
.tvx-footer .tvx-footer-tagline{max-width:250px;margin:16px 0 0;font-size:24px;line-height:1.25;opacity:1}
.tvx-footer .tvx-footer-columns.tvx-footer-menus{display:contents}
.tvx-footer .tvx-footer-menus nav h3{margin:0 0 16px;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.tvx-footer .tvx-footer-menus ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;line-height:20px}
.tvx-footer .tvx-footer-menus nav:first-child ul{gap:0;line-height:1.625}
.tvx-footer a{color:var(--mut);text-decoration:none;transition:color .15s var(--fade)}
.tvx-footer a:hover{color:var(--crimson);text-decoration:none}
.tvx-footer .tvx-footer-bottom{display:flex;flex-direction:column;gap:16px;max-width:1160px;margin:64px auto 0;padding:32px 0 0;border-top:1px solid var(--line);font-size:12px;line-height:16px;color:var(--mut)}
.tvx-footer .tvx-footer-bottom p::before{content:"Copyright "}
.tvx-footer .tvx-footer-bottom p::after{content:". All rights reserved."}
.tvx-footer .tvx-footer-bottom ul{gap:24px}
body:has(.about-page) .tvx-footer{margin-top:0}
body:has(.about-page) .tvx-footer-top{display:none}
body:has(.about-page) .tvx-footer .tvx-footer-bottom{margin-top:0;padding-top:0;border-top:0}
@media (min-width:640px){.tvx-footer .tvx-footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}
@media (min-width:768px){.tvx-footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* page header (About, Buy, Real Life Stories, Submissions, Contact) */
.cms-content>.ed-page.page-head{padding-top:64px;padding-bottom:48px}
.page-head h1{max-width:768px;margin-top:20px;font-size:48px;line-height:.95}
.page-head .ed-lead{max-width:672px;margin:28px 0 0;font-size:18px;line-height:1.625;color:var(--mut)}
.page-head::after{content:"";display:block;height:1px;margin-top:48px;background:linear-gradient(to right,var(--crimson),rgba(194,24,60,0))}
@media (min-width:640px){.page-head h1{font-size:60px}}
@media (min-width:1024px){.cms-content>.ed-page.page-head{padding-top:96px}.page-head h1{font-size:72px}}

/* Home */
.cms-content:has(>.home-hero){display:grid;grid-template-columns:minmax(0,1fr);box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:64px var(--gut) 80px;column-gap:64px}
.cms-content>.ed-wrap.home-hero{grid-column:1;grid-row:1;max-width:none;margin:0;padding:0;animation:settle-in 900ms var(--ease) both}
.home-hero h1{margin-top:24px;font-size:48px;line-height:.95}
.home-hero::after{content:"";display:block;max-width:384px;height:1px;margin-top:32px;background:linear-gradient(to right,var(--crimson),rgba(194,24,60,0))}
.cms-content:has(>.home-hero)>.text{grid-column:1;grid-row:2;animation:settle-in 900ms var(--ease) both}
.cms-content:has(>.home-hero)>.text>.container{max-width:none;margin:0;padding:0}
.cms-content:has(>.home-hero)>.text .cms-text{max-width:576px;margin-top:32px;font-size:18px;line-height:1.625;color:var(--mut)}
.cms-content:has(>.home-hero)>.text .cms-text p{margin:0 0 20px}
.cms-content:has(>.home-hero)>.text .cms-text p:last-child{display:flex;margin:40px 0 0;font-size:11px;line-height:1.5}
.cms-content>.ed-wrap.home-feature{grid-column:1;grid-row:3;display:block;max-width:380px;margin:48px auto 0;padding:0}
.home-feature img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:var(--surface);box-shadow:var(--shadow-cover);transition:transform 420ms var(--ease),box-shadow 420ms var(--ease)}
.home-feature img:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.home-feature .ed-label{margin-top:24px}
.home-feature h2{margin-top:12px;font-size:30px;line-height:1.25}
.home-feature p{margin:16px 0 0;font-size:16px;line-height:1.625;color:var(--mut)}
.home-feature .ed-btn{margin-top:24px}
@media (min-width:640px){.home-hero h1{font-size:60px}}
@media (min-width:768px){.cms-content:has(>.home-hero){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr}.cms-content>.ed-wrap.home-feature{grid-column:2;grid-row:1/3;margin:0 0 0 auto;width:100%}}
@media (min-width:1024px){.cms-content:has(>.home-hero){padding-top:96px}.home-hero h1{font-size:72px}}

/* About */
.cms-content>.ed-figure.about-photo{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.about-photo img{display:block;width:100%;height:auto;object-fit:cover}
.cms-content>.ed-intro.about-readers{padding-top:80px;padding-bottom:80px}
.about-readers>div{display:grid;gap:64px}
.about-readers h2,.about-follow h2{margin-top:20px;font-size:36px;line-height:1.25}
.about-readers p{margin:0;font-size:18px;line-height:1.625;color:var(--mut)}
.about-readers p+p,.about-readers .ed-btn{margin-top:24px}
.cms-content>.ed-index.about-follow{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);padding-top:80px;padding-bottom:80px}
.about-follow::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-follow .ed-heading{margin-bottom:56px}
.about-follow .ed-heading p{margin:24px 0 0;font-size:18px;line-height:1.625;color:var(--mut)}
.about-follow .ed-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:color .15s var(--fade)}
.about-follow .ed-heading+.ed-row{border-top:1px solid var(--line)}
.about-follow a.ed-row:hover{color:var(--crimson)}
.about-follow .ed-row>.ed-label{display:none}
.about-follow .ed-row h3{font:400 18px/28px var(--sans);letter-spacing:normal;color:inherit}
.about-follow .ed-row>span:not(.ed-label){font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.cms-content>.ed-notes.about-office{display:grid;grid-template-columns:minmax(0,1fr);column-gap:56px;padding-top:80px;padding-bottom:80px}
.about-office>div{display:contents}
.about-office h2{margin-top:20px;font-size:30px;line-height:1.25}
.about-office p{margin:76px 0 0;white-space:pre-line;font-size:18px;line-height:1.625;color:var(--mut)}
.about-office .ed-btn{justify-self:start;margin-top:24px;border-bottom-color:var(--line-strong);color:var(--ink)}
.about-office .ed-btn:hover{color:var(--crimson)}
@media (min-width:1024px){.about-readers>div{grid-template-columns:.8fr 1.2fr;gap:96px}.cms-content>.ed-index.about-follow{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto) 1fr;column-gap:56px}.about-follow .ed-heading{grid-column:1;grid-row:1/-1;margin-bottom:0}.about-follow .ed-row{grid-column:2}.cms-content>.ed-notes.about-office{grid-template-columns:repeat(2,minmax(0,1fr))}.about-office>.ed-label,.about-office h2{grid-column:1}.about-office p{grid-column:2;grid-row:1/3;align-self:start;margin-top:20px}.about-office .ed-btn{grid-column:2;grid-row:3}}

/* Buy */
.cms-content>.ed-notes.buy-quote{padding-bottom:80px}
.buy-quote>div{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.buy-quote h2{max-width:896px;font-size:30px;line-height:1.375}
.cms-content>.cards{border-top:1px solid var(--line)}
.cms-content>.cards>.container{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px;max-width:1240px;margin:0 auto;padding:80px var(--gut);counter-reset:titles}
.cms-content>.cards>.container>h2{grid-column:1;grid-row:1;margin:0;font-size:36px;line-height:1}
.cms-content>.cards>.container::after{content:counter(titles) " titles";grid-column:2;grid-row:1;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.cms-content>.cards .card-list{grid-column:1/-1;display:grid;margin:56px 0 0;padding:0}
.cms-content>.cards .card-item{position:relative;counter-increment:titles;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.cms-content>.cards .card-text{padding:0}
.cms-content>.cards .card-text .title a{color:inherit;text-decoration:none}
.cms-content>.cards .card-text .title a:hover{color:inherit}
.cms-content>.cards .card-text .title a::before{content:"";position:absolute;inset:0;z-index:1}
.cms-content>.cards:has(img) .card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
.cms-content>.cards:has(img) .card-item{display:block}
.cms-content>.cards .card-image{position:relative;z-index:2;display:block;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-cover);transition:transform 420ms var(--ease),box-shadow 420ms var(--ease)}
.cms-content>.cards .card-image:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.cms-content>.cards .card-item img.image{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:0}
.cms-content>.cards:has(img) .card-text{display:block}
.cms-content>.cards:has(img) .card-text .title{margin-top:16px;font-size:18px;line-height:1.375}
.cms-content>.cards:has(img) .card-text .cms-text{margin-top:4px;white-space:pre-line;font-size:12px;line-height:1.625;color:var(--mut)}
.cms-content>.cards:has(img) .card-text .cms-text p{margin:0}
.cms-content>.cards:has(img) .card-text::after{content:"Read it";display:inline-block;margin-top:12px;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--crimson);opacity:0;transition:opacity .3s var(--fade)}
.cms-content>.cards:has(img) .card-item:hover .card-text::after{opacity:1}
.cms-content>.cards:not(:has(img)){background:var(--surface)}
.cms-content>.cards:not(:has(img)) .card-list{grid-template-columns:minmax(0,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}
.cms-content>.cards:not(:has(img)) .card-item{display:flex;flex-direction:column;box-sizing:border-box;min-height:224px;padding:32px;background:var(--paper);transition:background-color .15s var(--fade)}
.cms-content>.cards:not(:has(img)) .card-item:hover{background:var(--raised)}
.cms-content>.cards:not(:has(img)) .card-text{display:flex;flex:1;flex-direction:column;gap:0}
.cms-content>.cards:not(:has(img)) .card-text .cms-text{order:-1;margin-bottom:32px;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--crimson)}
.cms-content>.cards:not(:has(img)) .card-text .cms-text p{margin:0}
.cms-content>.cards:not(:has(img)) .card-text .title{margin-top:auto;font-size:30px;line-height:1.25}
.cms-content>.cards:not(:has(img)) .card-text::after{content:"View book";margin-top:24px;font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mut);transition:color .15s var(--fade)}
.cms-content>.cards:not(:has(img)) .card-item:hover .card-text::after{color:var(--crimson)}
@media (min-width:640px){.buy-quote h2{font-size:36px}.cms-content>.cards>.container>h2{font-size:48px}.cms-content>.cards:has(img) .card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-content>.cards:not(:has(img)) .card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cms-content>.cards:has(img) .card-list{grid-template-columns:repeat(5,minmax(0,1fr))}.cms-content>.cards:not(:has(img)) .card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Real Life Stories */
.cms-content:has(>.story){display:grid;grid-template-columns:minmax(var(--gut),1fr) minmax(0,580px) minmax(0,580px) minmax(var(--gut),1fr);padding-bottom:80px}
.cms-content:has(>.story)>*{grid-column:1/-1}
.cms-content>.ed-intro.story{grid-column:2/4;box-sizing:border-box;max-width:none;margin:0;padding:32px;background:var(--paper);border-top:1px solid var(--line)}
.cms-content>.ed-intro.story-dating{border-bottom:1px solid var(--line)}
.story::before{content:"";display:block;width:32px;height:32px;background:var(--crimson);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.story-heart{--i:var(--ix-heart)}.story-dating{--i:var(--ix-message-heart)}
.story h2{margin-top:32px;font-size:30px;line-height:1.25}
.story p{margin:24px 0 0;font-size:18px;line-height:1.625;color:var(--mut)}
.story .ed-btn{display:inline-flex;align-items:center;gap:8px;margin-top:32px}
.story .ed-btn::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--ix-arrow-up-right) center/contain no-repeat;mask:var(--ix-arrow-up-right) center/contain no-repeat}
@media (min-width:640px){.cms-content>.ed-intro.story{padding:48px}.story h2{font-size:36px}}
@media (min-width:1024px){.cms-content>.ed-intro.story{padding:56px;border-bottom:1px solid var(--line)}.cms-content>.ed-intro.story-heart{grid-column:2}.cms-content>.ed-intro.story-dating{grid-column:3;border-left:1px solid var(--line)}}

/* Submissions */
.cms-content>.ed-notes.subm-note{padding-bottom:80px}
.subm-note>div{padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.subm-note h2{max-width:896px;font-size:30px;line-height:1.375}
.subm-note p{max-width:768px;margin:32px 0 0;font-size:18px;line-height:1.625;color:var(--mut)}
@media (min-width:640px){.subm-note>div{padding:64px 0}.subm-note h2{font-size:36px}}

/* Contact Us */
.cms-content:has(>.contact-list){display:grid;grid-template-columns:minmax(var(--gut),1fr) minmax(0,1160px) minmax(var(--gut),1fr);padding-bottom:80px}
.cms-content:has(>.contact-list)>*{grid-column:1/-1}
.cms-content>.ed-index.contact-list{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);row-gap:48px;max-width:none;margin:0;padding:0}
.contact-list .ed-row{display:block;color:var(--ink)}
.contact-list .ed-row>.ed-label{display:none}
.contact-list .ed-row>span:not(.ed-label){display:block;margin-top:20px;white-space:pre-line;overflow-wrap:break-word;font-size:30px;line-height:1.25;transition:color .15s var(--fade)}
.contact-list a.ed-row:hover>span:not(.ed-label){color:var(--crimson)}
.contact-list .ed-row:nth-child(4){margin-top:16px}
.cms-content>.ed-figure.contact-photo{grid-column:2;grid-row:3;justify-self:start;width:100%;max-width:320px;margin:64px 0 0}
.contact-photo img{display:block;width:100%;max-width:320px;height:auto;object-fit:cover}
@media (min-width:640px){.contact-list .ed-row>span:not(.ed-label){font-size:36px}}
@media (min-width:1024px){.cms-content>.ed-index.contact-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;margin-right:336px}.contact-list .ed-row{grid-column:1}.contact-list .ed-row:nth-child(4){grid-column:2;grid-row:1;margin-top:0}.cms-content>.ed-figure.contact-photo{grid-row:2;justify-self:end;width:256px;margin:0}}

