/*
Theme Name: Oif the Record
Theme URI: https://oiftherecord.com/
Author: Oif the Record
Description: Custom sports publication theme for Oif the Record — editorial homepage, article archive, radio, portfolio, about, and simple publishing workflow.
Version: 6.5.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: oif-the-record
*/

:root{color-scheme:light}
html{scroll-behavior:smooth}
body{margin:0;text-rendering:optimizeLegibility}
a{text-underline-offset:.18em}
.wp-site-blocks{overflow-x:hidden}
.otr-shell{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.otr-topline{border-top:5px solid #111}
.otr-header{border-bottom:1px solid #d7d4ce;background:#faf9f6}
.otr-masthead a{text-decoration:none!important}
.otr-section-label{font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.otr-rule{border-top:3px solid currentColor}
.otr-card{height:100%}
.otr-card img,.otr-feature img{aspect-ratio:16/9;object-fit:cover;width:100%}
.otr-meta{text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700;color:#6b6b6b}
.otr-card-title a,.otr-feature-title a{text-decoration:none!important}
.otr-article-body{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.8}
.otr-article-body p{margin-bottom:1.5em}
.otr-article-body h2,.otr-article-body h3{font-family:Arial,Helvetica,sans-serif;line-height:1.1;margin-top:2em}
.otr-button .wp-block-button__link{border-radius:0;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.otr-panel{border:1px solid #d7d4ce;background:#fff;padding:28px}
.otr-portfolio-card{border-top:4px solid #111;padding-top:18px}
.otr-footer{border-top:3px solid #111;margin-top:64px}
.otr-footer a{text-decoration:none}.otr-footer a:hover{text-decoration:underline}
.otr-subnav{border-top:1px solid #d7d4ce;border-bottom:1px solid #d7d4ce}
.otr-subnav a{text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.otr-back a{text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.otr-social-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:781px){.otr-shell{padding-left:18px;padding-right:18px}.otr-mobile-stack{gap:28px!important}.otr-hide-mobile{display:none!important}.otr-article-body{font-size:1.05rem}}

.otr-card-link{display:inline-block;margin-top:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:2px solid #111;padding-bottom:3px}
.otr-card-link:hover{opacity:.65}
.otr-social-links{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.otr-social-links a{font-weight:800;text-decoration:none}
.otr-social-links a:hover{text-decoration:underline}
.otr-resume-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.otr-resume-button{display:inline-block;background:#111;color:#fff!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:12px 18px}
.otr-resume-secondary{background:#fff;color:#111!important;border:2px solid #111;padding:10px 16px}
.otr-resume-frame{width:100%;height:900px;border:1px solid #d7d4ce;background:#fff}
@media(max-width:781px){.otr-resume-frame{height:620px}}


/* v4 populated-content enhancements */
.otr-hero-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:end;padding:52px 0 30px;border-bottom:3px solid #111}
.otr-hero-intro h1{font-size:clamp(3.3rem,8vw,7.4rem);line-height:.88;margin:0;letter-spacing:-.06em}
.otr-hero-intro p{font-size:1.15rem;line-height:1.55;margin:0 0 8px}
.otr-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}
.otr-resource{border:1px solid #d7d4ce;background:#fff;padding:22px;display:flex;flex-direction:column;gap:8px}
.otr-resource strong{font-size:1.15rem}
.otr-resource a{font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.otr-note{border-left:4px solid #d71920;padding-left:16px;color:#4b4b4b}
.otr-admin-helper{background:#111;color:#fff;padding:20px;border-radius:2px}
@media(max-width:781px){.otr-hero-intro{grid-template-columns:1fr;gap:18px}.otr-resource-grid{grid-template-columns:1fr}}


/* v5 lively, image-free redesign */
:root{--otr-orange:#ff5a1f;--otr-blue:#2563eb;--otr-gold:#f5b700;--otr-teal:#00a896;--otr-purple:#7c3aed;--otr-pink:#e11d75;--otr-cream:#fffaf1}
.otr-topline{border-top:0}
.otr-header{background:#fff;border-bottom:0}
.otr-color-stripe{height:8px;background:linear-gradient(90deg,var(--otr-orange) 0 20%,var(--otr-gold) 20% 40%,var(--otr-teal) 40% 60%,var(--otr-blue) 60% 80%,var(--otr-purple) 80% 100%)}
.otr-home-hero{background:linear-gradient(135deg,#fff2e8 0%,#fffbea 44%,#eef6ff 100%);border-bottom:1px solid #e6dfd2}
.otr-home-title{margin:.05em 0 .12em;text-transform:uppercase}
.otr-kicker{display:inline-block;margin:0 0 12px;background:var(--otr-orange);color:#fff;padding:6px 10px;font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;transform:rotate(-1deg)}
.otr-home-deck{max-width:720px}
.otr-section-head{border-bottom:3px solid #111;padding-bottom:10px;margin-bottom:24px}
.otr-dot{display:inline-block;width:18px;height:18px;border-radius:50%}.otr-dot-orange{background:var(--otr-orange)}
.otr-feature-card{padding:30px;border-left:10px solid var(--otr-orange);background:#fff4eb;box-shadow:6px 6px 0 #111}
.otr-story-grid{gap:20px!important}
.otr-story-card{height:100%;padding:22px;border:2px solid #111;background:#fff;box-shadow:4px 4px 0 #111;transition:transform .15s ease,box-shadow .15s ease}
.otr-story-card:nth-child(6n+1){border-top:8px solid var(--otr-orange)}
.otr-story-card:nth-child(6n+2){border-top:8px solid var(--otr-blue)}
.otr-story-card:nth-child(6n+3){border-top:8px solid var(--otr-gold)}
.otr-story-card:nth-child(6n+4){border-top:8px solid var(--otr-teal)}
.otr-story-card:nth-child(6n+5){border-top:8px solid var(--otr-purple)}
.otr-story-card:nth-child(6n+6){border-top:8px solid var(--otr-pink)}
.otr-story-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #111}
.otr-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 36px}
.otr-portfolio-tile{min-height:150px;padding:26px;border:2px solid #111;box-shadow:5px 5px 0 #111;text-decoration:none!important;color:#111!important;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease}
.otr-portfolio-tile:hover{transform:translate(-3px,-3px)}
.otr-portfolio-tile span{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.7rem,3vw,2.7rem);line-height:.95;text-transform:uppercase}
.otr-portfolio-tile small{font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.tile-orange{background:#ffd7c2}.tile-blue{background:#dce9ff}.tile-gold{background:#fff0ad}.tile-teal{background:#c9f6ec}.tile-purple{background:#e8dcff}.tile-pink{background:#ffd9eb}
.otr-research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
.otr-research-card{padding:20px 22px;border:2px solid #111;background:#fff;text-decoration:none!important;color:#111!important;display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:4px 4px 0 #111}
.otr-research-card:nth-child(5n+1){background:#ffd7c2}.otr-research-card:nth-child(5n+2){background:#dce9ff}.otr-research-card:nth-child(5n+3){background:#fff0ad}.otr-research-card:nth-child(5n+4){background:#c9f6ec}.otr-research-card:nth-child(5n+5){background:#e8dcff}
.otr-research-card strong{font-size:1.05rem}.otr-research-card span{white-space:nowrap;font-size:.76rem;font-weight:900;text-transform:uppercase}
.otr-footer{background:#111;color:#fff;border-top:8px solid var(--otr-orange)}
.otr-footer a,.otr-footer .wp-block-site-title a{color:#fff!important}
.otr-footer .otr-social-links a:nth-child(1){color:#ffb08d!important}.otr-footer .otr-social-links a:nth-child(2){color:#9ec1ff!important}.otr-footer .otr-social-links a:nth-child(3){color:#ffdc57!important}
.wp-block-post-featured-image{display:none!important}
@media(max-width:781px){.otr-portfolio-grid,.otr-research-grid{grid-template-columns:1fr}.otr-feature-card{padding:22px;box-shadow:4px 4px 0 #111}.otr-portfolio-tile{min-height:125px}.otr-research-card{align-items:flex-start;flex-direction:column}}


/* v6 brand-first redesign */
:root{--otr-navy:#071426;--otr-red:#f43b3b;--otr-cream:#f5f0e8;--otr-soft-blue:#183b67}
.otr-header{background:var(--otr-cream);border-bottom:1px solid rgba(7,20,38,.14)}
.otr-header .otr-shell{max-width:1320px}
.otr-brandmark{display:inline-flex;align-items:baseline;gap:.42rem;text-decoration:none!important;white-space:nowrap}
.otr-brandmark .otr-brand-oif{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;font-size:clamp(1.65rem,2.7vw,2.5rem);letter-spacing:-.08em;color:var(--otr-red)}
.otr-brandmark .otr-brand-record{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(.92rem,1.3vw,1.16rem);letter-spacing:.11em;color:var(--otr-navy)}
.otr-header .wp-block-navigation a{color:var(--otr-navy)!important}
.otr-header .wp-block-navigation a:hover{color:var(--otr-red)!important}
.otr-color-stripe{height:5px;background:linear-gradient(90deg,var(--otr-red) 0 46%,var(--otr-navy) 46% 76%,#e0a81d 76% 100%)}

.otr-home-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#071426 0%,#0a1b33 58%,#173a67 100%);color:#fff;border-bottom:0}
.otr-home-hero:before{content:"OTR";position:absolute;right:-2vw;bottom:-10vw;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(16rem,38vw,40rem);line-height:.72;letter-spacing:-.11em;color:rgba(255,255,255,.045);transform:rotate(-7deg);pointer-events:none}
.otr-home-hero:after{content:"";position:absolute;width:min(75vw,1000px);height:min(75vw,1000px);border:2px solid rgba(255,255,255,.075);border-radius:50%;right:-27vw;bottom:-47vw;pointer-events:none}
.otr-hero-content{position:relative;z-index:2;max-width:1280px!important;padding-top:clamp(72px,9vw,132px)!important;padding-bottom:clamp(86px,11vw,150px)!important}
.otr-brand-kicker{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-size:.78rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#c9d2df}
.otr-brand-kicker:before{content:"";width:44px;height:5px;background:var(--otr-red);display:block}
.otr-brand-hero{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(4.8rem,14vw,12rem)!important;line-height:.76!important;letter-spacing:-.085em!important;text-transform:uppercase;margin:0!important;color:#fff}
.otr-brand-hero .oif-word{color:var(--otr-red);font-style:italic;display:inline-block;margin-right:.07em}
.otr-brand-tagline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.3rem,6vw,6rem);font-style:italic;font-weight:700;line-height:.92;margin:22px 0 26px;color:var(--otr-red);letter-spacing:-.045em}
.otr-home-deck{max-width:700px!important;color:#d8dee7;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.18rem,2.1vw,1.55rem)!important;line-height:1.45}
.otr-home-hero .wp-block-button__link{background:var(--otr-red)!important;color:#fff!important;border:2px solid var(--otr-red)!important;padding:15px 22px}
.otr-home-hero .is-style-outline .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:#fff!important}
.otr-home-hero .wp-block-button__link:hover{transform:translateY(-2px)}

.otr-brand-divider{height:18px;background:linear-gradient(90deg,var(--otr-red) 0 42%,#f2b441 42% 58%,#2d75c7 58% 78%,#19a78d 78% 100%)}
.otr-section-head{border-bottom:2px solid var(--otr-navy)}
.otr-section-head h2,.otr-shell>h2{color:var(--otr-navy)}
.otr-feature-card{border-left:10px solid var(--otr-red);background:#fff;border-top:1px solid #d8d0c4;box-shadow:7px 7px 0 var(--otr-navy)}
.otr-feature-card .otr-meta{color:var(--otr-red)}
.otr-story-card{box-shadow:4px 4px 0 var(--otr-navy)}
.otr-story-card:nth-child(6n+1){border-top-color:var(--otr-red)}
.otr-story-card:nth-child(6n+2){border-top-color:#2d75c7}
.otr-story-card:nth-child(6n+3){border-top-color:#e0a81d}
.otr-story-card:nth-child(6n+4){border-top-color:#19a78d}
.otr-story-card:nth-child(6n+5){border-top-color:#7c4bc7}
.otr-story-card:nth-child(6n+6){border-top-color:#d64c82}
.otr-footer{background:var(--otr-navy);border-top:8px solid var(--otr-red)}

/* make portfolio lively without competing with the main OTR brand */
.otr-portfolio-tile{box-shadow:5px 5px 0 var(--otr-navy);border-color:var(--otr-navy)}
.tile-orange{background:#ffd8ca}.tile-blue{background:#dce9fb}.tile-gold{background:#f8e7a6}.tile-teal{background:#ccebe4}.tile-purple{background:#e5dcf6}.tile-pink{background:#f4d7e2}

@media(max-width:781px){
 .otr-brandmark .otr-brand-record{font-size:.78rem;letter-spacing:.08em}
 .otr-brand-hero{font-size:clamp(4.2rem,22vw,7rem)!important;line-height:.78!important}
 .otr-brand-tagline{font-size:clamp(2rem,12vw,3.6rem)}
 .otr-home-hero:before{right:-30vw;bottom:-3vw}
}


/* v6.5 Spanish / English portfolio writing page */
.otr-writing-page{max-width:1180px}
.otr-writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:34px 0 42px}
.otr-writing-card{min-height:190px;border:2px solid var(--otr-navy);box-shadow:5px 5px 0 var(--otr-navy);padding:24px;text-decoration:none!important;color:var(--otr-navy)!important;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:transform .15s ease,box-shadow .15s ease}
.otr-writing-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--otr-navy)}
.otr-writing-label{font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--otr-red);text-transform:uppercase}
.otr-writing-card strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.08}
.otr-writing-open{font-family:Arial,Helvetica,sans-serif;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:781px){.otr-writing-grid{grid-template-columns:1fr}}