/*
Theme Name: TIME Lab
Theme URI: https://architecture.technion.ac.il/
Author: TIME — Temporalities, Imaginaries, Media, Environments
Description: Custom theme for the TIME research laboratory (Technion). The design is locked in the template files; content (People, Research, Publications, Contact) is edited from the WordPress dashboard.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary — Technion / TIME Lab
Text Domain: time-lab
*/

/* The site's main stylesheet is assets/time.css (enqueued from functions.php).
   This file loads after it — article pages and WordPress-only styles live here. */

/* ---------------------------------------------------- article / page ---- */
.article{padding:clamp(120px,18vh,190px) 0 clamp(70px,12vh,120px);border-bottom:1px solid var(--hair-soft)}
.article .wrap{max-width:900px}
.article-head{margin-bottom:clamp(30px,5vh,54px)}
.article-title{font-size:calc(clamp(2rem,5vw,3.6rem) * var(--type-scale));line-height:1.03;letter-spacing:-.03em;margin:22px 0 0}
.article-sub{font-size:calc(clamp(1.05rem,1.7vw,1.4rem) * var(--type-scale));color:var(--ink-dim);margin:16px 0 0;max-width:46ch;text-wrap:pretty}
.article-head .pillar-meta{margin-top:24px}
.article-figure{margin:0 0 clamp(30px,5vh,52px);border:1px solid var(--hair-soft);overflow:hidden}
.article-figure img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.04)}
.article-body{color:var(--ink-dim);font-size:1.05rem;line-height:1.72;max-width:66ch}
.article-body>*+*{margin-top:1.1em}
.article-body h2{color:var(--ink);font-size:calc(clamp(1.3rem,2.4vw,1.9rem) * var(--type-scale));margin-top:2em;letter-spacing:-.02em}
.article-body h3{color:var(--ink);font-size:calc(clamp(1.1rem,1.9vw,1.45rem) * var(--type-scale));margin-top:1.8em;letter-spacing:-.015em}
.article-body strong{color:var(--ink)}
.article-body em{color:var(--ink)}
.article-body a{color:var(--orange);border-bottom:1px solid color-mix(in oklch,var(--orange) 45%,transparent)}
.article-body a:hover{border-bottom-color:var(--orange)}
.article-body blockquote{margin:1.6em 0;padding-left:22px;border-left:1px solid var(--orange);color:var(--ink);font-size:1.15rem;line-height:1.5}
.article-body ul,.article-body ol{padding-left:1.3em}
.article-body li+li{margin-top:.5em}
.article-body img{max-width:100%;height:auto;display:block;filter:grayscale(1) contrast(1.04)}
.article-body figcaption,.article-body .wp-caption-text{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-faint);margin-top:10px}
.article-nav{margin-top:clamp(40px,7vh,72px);padding-top:26px;border-top:1px solid var(--hair-soft)}
.back-link{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);transition:color .25s,gap .25s}
.back-link:hover{color:var(--orange)}
.article-nav .nav-links,.article-nav .page-numbers{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-dim)}
.article-nav .page-numbers.current{color:var(--orange)}

/* pop-up footer link (research → full page) */
.modal .m-foot a{color:var(--orange)}

/* Beaver Builder pages: the builder owns the full measure, not the article one */
.builder-page .wrap{max-width:var(--maxw)}
.builder-body{max-width:none;color:inherit}
.builder-body .fl-builder-content{margin-top:0}
.builder-page .ppl-grid,.builder-page .proj-grid,.builder-page .pub-list{margin-top:26px}

/* WordPress editor odds and ends */
.alignleft{float:left;margin:0 1.6em 1.2em 0}
.alignright{float:right;margin:0 0 1.2em 1.6em}
.aligncenter{margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}
@media (max-width:640px){.article{padding:104px 0 70px}}