/* Styz theme – styles. Section codes in comments match the preview's numbers. */
:root{
  --oat:#EFE7D8;--oat-deep:#E3D7C2;--paper:#FBF7F0;--ink:#000;--muted:#5E564C;
  --blue:#BBDCF3;--blue-deep:#1D5B8A;--pink:#FF2D87;--pink-deep:#B3004F;
  --display:Unbounded,"Arial Black",system-ui,sans-serif;
  --wrap:1240px;--gut:clamp(16px,3vw,32px);
}
body{margin:0;background:var(--oat);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
:where(.wp-site-blocks)>*{margin-block-start:0}
.styz-main{margin:0}
.styz-wrap{box-sizing:border-box;width:100%;max-width:calc(var(--wrap) + 2 * var(--gut));margin-inline:auto!important;padding-inline:var(--gut)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;background:var(--paper);color:var(--ink);display:block;height:auto;width:auto;padding:12px 16px;left:8px;top:8px;z-index:100000}
a{text-underline-offset:.18em;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.wp-block-query,.wp-block-post-template{margin:0}
.wp-block-post-template{list-style:none;padding:0}

/* ---------- Logo cuts: every story image is cut like a letter of the logo ---------- */
.styz-img{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--ph,var(--oat-deep))}
.styz-img a,.styz-img .styz-ph{display:block;width:100%;height:100%}
.styz-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto!important}
.styz-cut{-webkit-mask:var(--styz-mask) center/100% 100% no-repeat;mask:var(--styz-mask) center/100% 100% no-repeat}
.styz-cut:has(a:focus-visible){-webkit-mask:none;mask:none;outline:3px solid var(--pink);outline-offset:3px}
.styz-ph-1{--ph:var(--pink)}.styz-ph-2{--ph:var(--blue)}.styz-ph-3{--ph:var(--oat-deep)}
.styz-band .styz-ph-1{--ph:var(--blue)}
.styz-cover .styz-ph-2{--ph:var(--oat-deep)}
.styz-noimg .styz-ph{background:var(--ph)}
.styz-cut-s{--styz-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 18Q0 0 18 0H24L70 100H0Z M31 0H100V82Q100 100 82 100H77Z'/%3E%3C/svg%3E")}
.styz-cut-z{--styz-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M100 18Q100 0 82 0H76L30 100H100Z M69 0H0V82Q0 100 18 100H23Z'/%3E%3C/svg%3E")}
.styz-cut-y{--styz-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H45V58H52V0H100V82Q100 100 82 100H18Q0 100 0 82Z'/%3E%3C/svg%3E")}
.styz-cut-t{--styz-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H20V30Q20 44 6 44H0Z M27 0H100V100H27Z'/%3E%3C/svg%3E")}

/* ---------- Shared story bits ---------- */
.styz-kicker{font-family:var(--display);font-weight:600;font-size:.75rem;line-height:1.2;margin:0 0 .45rem}
.styz-kicker a{color:var(--pink-deep);text-decoration:none}
.styz-kicker a:hover{text-decoration:underline}
.styz-card__title,.styz-mini__title{font-family:var(--display);font-weight:700;letter-spacing:-.01em;margin:0}
.styz-card__title{font-size:1.0625rem;line-height:1.28}
.styz-mini__title{font-size:.875rem;line-height:1.3}
.styz-card__title a,.styz-mini__title a,.styz-cover__title a{color:var(--ink);text-decoration:none}
.styz-card__title a:hover,.styz-mini__title a:hover,.styz-cover__title a:hover{text-decoration:underline;text-decoration-thickness:2px}
.styz-excerpt{margin:.55rem 0 0;color:var(--muted);font-size:.9375rem;line-height:1.5}
.styz-excerpt p{margin:0}
.styz-meta{display:flex;flex-wrap:wrap;gap:0 .9rem;margin-top:.55rem;font-size:.8125rem;color:var(--muted)}
.styz-meta>*{margin:0!important}
.styz-date{font-size:.8125rem;color:var(--muted);margin:.35rem 0 0}
.styz-card__body{margin:0}
.styz-card__body>*{margin-block:0}

/* Section heads: a pink stencil slash before a lowercase title, like the logo */
.styz-section{padding-block:clamp(40px,6vw,72px) 0}
.styz-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1.5rem}
.styz-section__title{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1;text-transform:lowercase;letter-spacing:-.03em;margin:0;display:flex;align-items:center;gap:.5em}
.styz-section__title::before{content:"";flex:none;width:.34em;height:.82em;background:var(--pink);transform:skewX(-28deg);border-radius:0 0 .08em .08em}
.styz-section__more{margin:0;font-family:var(--display);font-weight:600;font-size:.8125rem;white-space:nowrap}
.styz-section__more a{color:var(--ink)}
.styz-section__more a:hover{color:var(--pink-deep)}

/* ---------- 020 Header ---------- */
.styz-header{background:var(--oat)}
.styz-header__bar{display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding-block:18px;margin:0}
.styz-logo{margin:0;flex:none;line-height:0}
.styz-logo img{width:120px;height:auto}
.styz-wordmark{display:inline-flex;color:var(--ink);line-height:1}
.styz-wordmark svg{width:120px;height:auto;display:block}
.styz-nav{flex:1;min-width:0;margin:0}
.styz-nav .wp-block-navigation__container{gap:clamp(14px,2vw,28px);flex-wrap:nowrap}
.styz-nav .wp-block-navigation-item__content{font-family:var(--display);font-weight:600;font-size:.9375rem;text-transform:lowercase;color:var(--ink);text-decoration:none;padding-block:6px;white-space:nowrap}
.styz-nav .wp-block-navigation-item__content:hover,.styz-nav .current-menu-item>.wp-block-navigation-item__content{color:var(--ink);box-shadow:inset 0 -4px 0 var(--pink)}
.styz-search{margin:0;flex:0 1 240px}
.styz-search .wp-block-search__inside-wrapper{border:0;padding:0;background:var(--paper);border-radius:999px;overflow:hidden}
.styz-search .wp-block-search__input{border:0;background:transparent;padding:10px 4px 10px 16px;font-size:.875rem;min-width:0;color:var(--ink)}
.styz-search .wp-block-search__button{margin:0;border:0;background:var(--ink);color:var(--oat);border-radius:999px;padding:8px 12px;margin:3px}
.styz-search .wp-block-search__button svg{fill:currentColor;min-width:20px;min-height:20px}
.styz-search--big{max-width:560px;margin-top:1.5rem}
.styz-search--big .wp-block-search__inside-wrapper{border-radius:999px;background:var(--paper);padding:4px}
.styz-search--big .wp-block-search__input{font-size:1rem;padding:12px 18px;border:0;background:transparent}
.styz-search--big .wp-block-search__button{font-family:var(--display);font-weight:600;font-size:.8125rem;padding:10px 18px}

/* ---------- 100 Cover ---------- */
.styz-cover{background:var(--blue);padding-block:clamp(28px,4vw,52px);margin:0}
.styz-cover__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin:0}
.styz-cover__lead>li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:center}
.styz-cover__lead .styz-img{max-width:520px}
.styz-cover__title{font-family:var(--display);font-weight:800;font-size:clamp(1.75rem,3.1vw,2.75rem);line-height:1.06;letter-spacing:-.03em;margin:0}
.styz-cover .styz-kicker a{color:var(--ink);background:var(--pink);padding:.3em .6em;display:inline-block;margin-bottom:.4rem}
.styz-cover .styz-excerpt{color:#25303a;font-size:1rem;margin-top:.9rem}
.styz-cover .styz-meta,.styz-cover .styz-date{color:#2c3a46}
.styz-cover__side{border-left:0;margin:0}

/* Minis (image beside headline) */
.styz-minis{display:grid;gap:18px}
.styz-minis>li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}
.styz-img--mini{aspect-ratio:1/1;width:96px}
.styz-minis .styz-kicker{font-size:.6875rem;margin-bottom:.25rem}
.styz-minis .styz-date{font-size:.75rem;margin-top:.25rem}
.styz-minis--2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:22px}

/* ---------- Card grids (110 Latest, rows, related, archives) ---------- */
.styz-grid{display:grid;gap:clamp(20px,2.4vw,32px)}
.styz-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.styz-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.styz-grid .styz-img{margin-bottom:.9rem}

/* Row look 1: feature + minis */
.styz-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:start;margin:0}
.styz-feature__q,.styz-feature__side{margin:0}
.styz-feature .styz-img--feature{margin-bottom:1rem;max-width:460px}
.styz-feature .styz-card__title{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.15}

/* Row look 3: pink band */
.styz-band{background:var(--pink);margin-top:clamp(40px,6vw,72px);padding-bottom:clamp(36px,5vw,60px)}
.styz-band .styz-section{padding-top:clamp(32px,5vw,56px)}
.styz-band .styz-section__title::before{background:var(--ink)}
.styz-band .styz-kicker a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px}
.styz-band .styz-excerpt,.styz-band .styz-meta,.styz-band .styz-date{color:var(--ink)}
.styz-band .styz-section__more a:hover{color:var(--paper)}

/* More stories list */
.styz-list{display:grid;gap:28px}
.styz-list>li{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(18px,2.5vw,32px);align-items:center;padding-bottom:28px;border-bottom:2px solid var(--oat-deep)}
.styz-list .styz-card__title{font-size:clamp(1.0625rem,1.6vw,1.375rem)}
.styz-more{padding-bottom:clamp(40px,6vw,72px)}

/* Pagination */
.styz-pager{margin-top:2rem;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--display);font-weight:600;font-size:.875rem}
.styz-pager a,.styz-pager .page-numbers{color:var(--ink);text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--paper)}
.styz-pager .page-numbers.current{background:var(--ink);color:var(--oat)}
.styz-pager a:hover{background:var(--pink)}
.styz-pager .wp-block-query-pagination-numbers{display:flex;gap:6px;margin:0}

/* ---------- 200 Archive / search / page heads ---------- */
.styz-band-head{background:var(--blue);padding-block:clamp(36px,6vw,72px) clamp(28px,4vw,48px);margin:0}
.styz-band-head__in{margin:0}
.styz-band-head__title{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1;letter-spacing:-.04em;text-transform:lowercase;margin:0}
.styz-band-head__title--search{text-transform:none;font-size:clamp(1.6rem,3.6vw,2.6rem);letter-spacing:-.02em}
.styz-band-head__desc{max-width:62ch;margin:1rem 0 0;font-size:1.0625rem}
.styz-band-head__desc p{margin:0}
.styz-archive__q{padding-block:clamp(32px,5vw,56px) clamp(40px,6vw,72px)}
.styz-empty{font-size:1.125rem}

/* ---------- 300 Story ---------- */
.styz-article{padding-top:clamp(28px,5vw,56px)}
.styz-article__head{max-width:900px;margin:0 0 clamp(24px,3.5vw,40px)}
.styz-article__head .styz-kicker{font-size:.8125rem}
.styz-article__head .styz-kicker a{color:var(--ink);background:var(--pink);padding:.35em .7em;display:inline-block}
.styz-article__title{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.04;letter-spacing:-.035em;margin:.6rem 0 0}
.styz-article__standfirst{font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.5;color:var(--muted);margin:1rem 0 0;max-width:62ch}
.styz-article__standfirst p{margin:0}
.styz-article__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);align-items:start;margin:0}
.styz-article__main{min-width:0;margin:0}
.styz-img--single{max-width:720px;margin:0 0 2rem}
.styz-body{font-size:1.125rem;line-height:1.72;max-width:68ch}
.styz-body>*{margin-block:0 1.2em}
.styz-body h2,.styz-body h3,.styz-body h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;margin-top:1.8em}
.styz-body h2{font-size:1.5rem}.styz-body h3{font-size:1.25rem}.styz-body h4{font-size:1.0625rem}
.styz-body a{color:var(--pink-deep);text-decoration:underline}
.styz-body a:hover{color:var(--ink)}
.styz-body blockquote{margin:2em 0;padding:0 0 0 1.4em;position:relative;font-family:var(--display);font-weight:600;font-size:1.25rem;line-height:1.4;letter-spacing:-.01em}
.styz-body blockquote::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:.4em;background:var(--pink);transform:skewX(-14deg)}
.styz-body blockquote p{margin:0}.styz-body blockquote cite{display:block;margin-top:.6em;font-family:system-ui,sans-serif;font-weight:400;font-size:.875rem;font-style:normal;color:var(--muted)}
.styz-body figure{margin-inline:0}.styz-body figcaption{font-size:.8125rem;color:var(--muted)}
.styz-body img{border-radius:0}
.styz-tags{display:flex;flex-wrap:wrap;gap:8px;margin:2rem 0 0;font-size:0}
.styz-tags a{font-size:.8125rem;color:var(--ink);background:var(--blue);padding:6px 12px;border-radius:999px;text-decoration:none}
.styz-tags a:hover{background:var(--pink)}
.styz-tags .wp-block-post-terms__separator{display:none}
.styz-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:1.5rem 0 0}
.styz-share__label{font-family:var(--display);font-weight:700;font-size:.875rem;margin-right:6px}
.styz-share a{font-size:.8125rem;color:var(--ink);border:2px solid var(--ink);padding:5px 12px;border-radius:999px;text-decoration:none;font-weight:600}
.styz-share a:hover{background:var(--ink);color:var(--oat)}
.styz-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2.5rem 0 0}
.styz-prevnext>div{margin:0;background:var(--paper);padding:18px 20px;font-family:var(--display);font-weight:600;font-size:.875rem;line-height:1.35}
.styz-prevnext>div:empty{background:none}
.styz-prevnext__next{text-align:right}
.styz-prevnext a{color:var(--ink);text-decoration:none}
.styz-prevnext a:hover{text-decoration:underline}
.styz-aside{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;margin:0}
.styz-aside__inner{background:var(--paper);padding:22px;margin:0}
.styz-aside__title{font-family:var(--display);font-weight:800;font-size:1.25rem;text-transform:lowercase;letter-spacing:-.02em;margin:0 0 1rem;display:flex;align-items:center;gap:.45em}
.styz-aside__title::before{content:"";width:.34em;height:.82em;background:var(--pink);transform:skewX(-28deg)}
.styz-aside .styz-minis>li{grid-template-columns:72px minmax(0,1fr);gap:12px}
.styz-aside .styz-img--mini{width:72px}
.styz-related{padding-bottom:clamp(40px,6vw,72px)}

/* ---------- 400 Pages ---------- */
.styz-page__body{padding:clamp(32px,5vw,56px) var(--gut) clamp(40px,6vw,72px)}
.styz-page__body>*{max-width:700px}

/* Contact form */
.styz-form p{margin:0 0 1rem}
.styz-form label{display:block;font-family:var(--display);font-weight:600;font-size:.8125rem;margin-bottom:6px}
.styz-form input,.styz-form select,.styz-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:12px 14px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:10px}
.styz-form button{cursor:pointer;padding:14px 22px;border-radius:999px}
.styz-form button:hover{background:var(--pink);color:var(--ink)}
.styz-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.styz-form__errors{background:var(--pink);padding:14px 18px;margin-bottom:1.2rem}
.styz-form__errors p,.styz-form__errors ul{margin:0}
.styz-form__done{background:var(--blue);padding:18px 22px}
.styz-form__done p{margin:0 0 .4rem}

/* ---------- 900 Footer ---------- */
.styz-footer{background:var(--ink);color:var(--oat);margin:0;padding-block:clamp(44px,6vw,72px) 24px}
.styz-footer a{color:var(--oat);text-decoration:none}
.styz-footer a:hover{color:var(--pink);text-decoration:underline}
.styz-footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px;margin:0}
.styz-footer__brand,.styz-footer__col{margin:0}
.styz-logo--footer .styz-wordmark{color:var(--oat)}
.styz-logo--footer .styz-wordmark svg,.styz-logo--footer img{width:180px}
.styz-footer__tag{margin:1rem 0 0;max-width:32ch;color:#cfc6b6}
.styz-footer__title{font-family:var(--display);font-weight:700;font-size:1rem;text-transform:lowercase;margin:0 0 .9rem;color:var(--pink)}
.styz-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.9375rem}
.styz-footer__list li{margin:0}
.styz-footer__base{margin-top:48px!important;padding-top:20px;background:linear-gradient(#3a3631,#3a3631) top/100% 1px no-repeat;background-origin:content-box;background-clip:border-box;font-size:.8125rem;color:#b9afa1}
.styz-footer__base p{margin:0}

/* ---------- Tablet ---------- */
@media (max-width:1000px){
  .styz-grid--4,.styz-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .styz-grid>li,.styz-list>li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:start}
  .styz-grid .styz-img,.styz-list .styz-img{margin:0}
  .styz-grid .styz-excerpt{display:none}
  .styz-cover__side .styz-minis{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .styz-feature .styz-img--feature{max-width:520px}
  .styz-cover__grid{grid-template-columns:1fr}
  .styz-feature{grid-template-columns:1fr}
  .styz-cover__lead .styz-img{max-width:none}
  .styz-article__grid{grid-template-columns:1fr}
  .styz-aside{position:static;max-height:none}
  .styz-header__bar{flex-wrap:wrap;row-gap:10px}
  .styz-nav{order:3;flex-basis:100%;overflow-x:auto;scrollbar-width:none}
  .styz-nav::-webkit-scrollbar{display:none}
  .styz-search{margin-left:auto}
  .styz-footer__grid{grid-template-columns:1fr 1fr}
  .styz-footer__brand{grid-column:1/-1}
}
/* ---------- Phone ---------- */
@media (max-width:640px){
  .styz-cover__lead>li{grid-template-columns:1fr;gap:16px}
  .styz-grid--4,.styz-grid--3{grid-template-columns:1fr;gap:20px}
  .styz-grid>li,.styz-list>li{grid-template-columns:112px minmax(0,1fr);gap:14px}
  .styz-list .styz-excerpt{display:none}
  .styz-cover__side .styz-minis{grid-template-columns:1fr}
  .styz-header__bar{flex-wrap:wrap}
  .styz-search{flex:1 1 0;min-width:0;max-width:240px}
  .styz-list>li{padding-bottom:20px}
  .styz-minis--2{grid-template-columns:1fr}
  .styz-section__head{flex-wrap:wrap}
  .styz-logo img,.styz-wordmark svg{width:96px}
  .styz-prevnext{grid-template-columns:1fr}
  .styz-footer__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
