/* Roberts WebWorks sample template: Swiss */
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;800&display=swap");
:root{--ink:#111;--red:#15803d;--g:#8a8a8a;--line:#111}
*{box-sizing:border-box}body{margin:0;font-family:"Inter Tight",Helvetica,Arial,sans-serif;color:var(--ink);background:#fafaf7;line-height:1.55}
a{color:var(--ink)}.wrap{width:min(1200px,90vw);margin:0 auto}


.swiss-head{display:flex;justify-content:space-between;align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--line)}
.brand{font-weight:800;text-decoration:none;font-size:1.05rem;letter-spacing:-.01em}
.links{list-style:none;display:flex;margin:0;padding:0}
.links li+li::before{content:"/";color:var(--g);margin:0 .7rem}
.links a{text-decoration:none;font-weight:500}.links a[aria-current],.links a:hover{color:var(--red)}
.swiss-hero{padding:3rem 0 3.5rem;border-bottom:1px solid var(--line)}
.meta{display:grid;grid-template-columns:repeat(3,1fr);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--g);margin:0 0 2rem}
.swiss-hero h1{font-size:clamp(4rem,13vw,11.5rem);line-height:.84;letter-spacing:-.06em;font-weight:800;margin:0 0 2.5rem}
.hero-row{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:end;border-top:1px solid var(--line);padding-top:1.5rem}
.statement{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:500;max-width:22ch}
.swiss-ph{aspect-ratio:1;background:#e8e8e3;display:grid;place-items:center;position:relative;overflow:hidden;filter:grayscale(1)}
.swiss-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mono{font-weight:800;font-size:4rem;color:#c9c9c2;letter-spacing:-.05em}
.ctas{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.9rem 1.4rem;font:700 .95rem "Inter Tight",sans-serif;text-decoration:none;border:1px solid var(--ink);cursor:pointer;border-radius:0}
.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover{background:var(--ink);border-color:var(--ink)}
.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--ink);color:#fff}
.label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--g);margin:0 0 1.2rem}
.swiss-grid{padding:2.5rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:2rem}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.col .n{display:block;font-size:3rem;font-weight:800;color:var(--red);line-height:1;margin-bottom:.8rem}
.col h3{font-size:1.15rem;line-height:1.25;margin:0;font-weight:700}.col a{text-decoration:none}
.swiss-index{padding:2.5rem 0 3rem;display:grid;grid-template-columns:1fr 3fr;column-gap:2rem}
.swiss-index .label{grid-row:span 4}
.swiss-index a{grid-column:2;display:flex;gap:1.5rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid #d6d6d0;text-decoration:none;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:700;letter-spacing:-.02em}
.swiss-index span{font-size:.8rem;color:var(--g);font-weight:500}.swiss-index i{margin-left:auto;font-style:normal;color:var(--red)}
.swiss-index a:hover{color:var(--red)}
.section{padding:3.5rem 0}.section-head{border-top:1px solid var(--line);padding-top:1rem}
.section-head h2{font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:-.05em;line-height:.9;margin:0 0 1.5rem;font-weight:800}
.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin:0 0 .4rem}
.card{border-top:1px solid var(--line);padding:1.25rem 0;background:none}.card h3{margin:0 0 .5rem;font-size:1.3rem;letter-spacing:-.01em}
.cite a{color:var(--g)}
.event-list{padding:0}.event-list li{border-top:1px solid var(--line);padding:1rem 0}
.contact-box{display:flex;flex-direction:column;gap:.35rem;border-top:4px solid var(--ink);padding-top:1rem}
.contact-box input,.contact-box textarea{padding:.7rem 0;border:0;border-bottom:1px solid var(--ink);background:transparent;font:inherit}
.contact-box .btn{margin-top:1rem;align-self:flex-start}
.ph:not(.swiss-ph){background:#e8e8e3;min-height:260px;display:grid;place-items:center;position:relative;overflow:hidden;filter:grayscale(1)}

.demo-strip{border-top:1px solid var(--line);text-align:left;font-size:.8rem;padding:1.5rem 5vw;color:var(--g)}
@media(max-width:760px){
 .swiss-head{flex-direction:column;gap:.6rem}.links{flex-wrap:wrap}
 .meta{grid-template-columns:1fr 1fr}.meta span:last-child{display:none}
 .hero-row{grid-template-columns:1fr 110px}
 .swiss-grid,.swiss-index{grid-template-columns:1fr}.swiss-index .label{grid-row:auto}.swiss-index a{grid-column:1}
 .cols{grid-template-columns:1fr;gap:1.2rem}
 [style*="grid-template-columns:minmax"]{grid-template-columns:1fr!important}
}

/* viewer photo fill */
.ph{position:relative}.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}