/* Emberline Essentials: Meridian. A bright, editorial site for city churches: a big serif, hairline rules, oversized folio numerals and a sticky rail of section titles. */
/* Fonts are served from this site (src/assets/fonts), never from Google. The two fallback faces match the web fonts' metrics so nothing jumps when they arrive. */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-display-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/fonts/playfair-display-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Fallback";font-style:normal;src:local("Times New Roman"),local("Liberation Serif"),local("Tinos");size-adjust:112.7%;ascent-override:96%;descent-override:22.3%;line-gap-override:0%}
@font-face{font-family:"Playfair Fallback";font-style:italic;src:local("Times New Roman Italic"),local("Liberation Serif Italic"),local("Tinos Italic");size-adjust:105.2%;ascent-override:102.8%;descent-override:23.9%;line-gap-override:0%}
@font-face{font-family:"Schibsted Fallback";src:local("Arial"),local("Liberation Sans"),local("Arimo");size-adjust:105.2%;ascent-override:92.8%;descent-override:24.5%;line-gap-override:0%}
:root{
  --serif:"Playfair Display","Playfair Fallback",Georgia,"Times New Roman",serif;
  --sans:"Schibsted Grotesk","Schibsted Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --gut:clamp(1.25rem,4vw,3.5rem);
  --max:1440px;
  --gap:clamp(1rem,2vw,2rem);
  --hdr:68px;
  --ease:cubic-bezier(.22,.7,.18,1);
  --soft:.9;
  --hair:color-mix(in srgb,var(--ink) 15%,transparent);
  --hair2:color-mix(in srgb,var(--ink) 30%,transparent);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-variant-numeric:lining-nums;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,iframe,svg{display:block;max-width:100%}
picture{display:contents}
img{height:auto}
a{color:inherit}
h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
[id]{scroll-margin-top:calc(var(--hdr) + 1.25rem)}
main:focus{outline:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.8rem 1.1rem;z-index:200;font-weight:600}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sec--field :focus-visible,.menu :focus-visible{outline-color:var(--on-field)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.wrap{padding-inline:var(--gut);max-width:var(--max);margin-inline:auto}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.arr{width:1.15em;height:1.15em;flex:none;transition:transform .35s var(--ease)}

/* Type */
.h1,.hero__h,.closing__h,.h2{font-family:var(--serif);font-weight:400;font-optical-sizing:auto;text-wrap:balance}
.h1{font-size:clamp(2.7rem,6.4vw,6.4rem);line-height:.99;letter-spacing:-.028em}
.hero__h{font-size:clamp(2.9rem,6.7vw,6.7rem);line-height:.98;letter-spacing:-.03em}
.h2{font-size:clamp(2.05rem,4.1vw,3.9rem);line-height:1.05;letter-spacing:-.022em;max-width:17em}
.h2--m{font-size:clamp(1.8rem,3.2vw,3rem)}
.h1 em,.hero__h em,.h2 em,.closing__h em,.mega__big em{font-style:italic;font-weight:400;color:var(--accent-text)}
.sec--field .h2 em{color:var(--on-field)}
.eyebrow,.k{display:flex;align-items:center;gap:.7rem;font:600 .74rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:1.7rem;height:2px;background:var(--accent);flex:none}
.k{display:block}
.lede{font-size:clamp(1.1rem,1.5vw,1.32rem);line-height:1.55;max-width:44ch;color:var(--muted)}
.h2+.lede,.h1+.lede{margin-top:1.4rem}
.copy{max-width:56ch}
.more{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1.5px solid var(--accent);padding-bottom:.1rem;color:inherit}
.more:hover .arr,.btn:hover .arr,.hero__quick a:hover .arr,.step:hover .arr{transform:translateX(4px)}
.more:hover{border-color:var(--ink)}
.more-row{margin-top:clamp(2rem,4vw,3rem)}
.fine{font-size:.92rem;color:var(--muted);margin-top:1rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;background:var(--accent);color:var(--on-accent);border:0;border-radius:3px;padding:.8rem 1.4rem;font-weight:600;font-size:.97rem;line-height:1.2;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.line:hover{background:var(--ink);color:var(--paper)}
.btn.light{background:var(--paper);color:var(--ink)}
.btn.light:hover{background:var(--tint);color:var(--ink)}
.btn.small{min-height:44px;padding:.6rem 1.05rem;font-size:.92rem}
.acts{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

/* Header */
.site-header{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--hair);transition:box-shadow .3s}
.site-header.solid{box-shadow:0 10px 30px -22px color-mix(in srgb,var(--ink) 55%,transparent)}
.hdr{display:flex;align-items:center;gap:1.25rem;min-height:var(--hdr);padding-inline:var(--gut);max-width:var(--max);margin-inline:auto}
.brand{display:block;font-family:var(--serif);font-weight:600;font-size:1.4rem;letter-spacing:-.012em;line-height:1.2;text-decoration:none;white-space:nowrap;max-width:min(46vw,17rem);overflow:hidden;text-overflow:ellipsis;flex:none;padding-block:.2rem}
.brand__logo{height:36px;width:auto;max-width:200px;object-fit:contain}
.topnav{display:flex;align-items:center;margin-left:1.2rem;min-width:0}
.nav-item{display:flex;align-items:center}
.nav-link{position:relative;display:block;padding:.6rem .35rem .6rem .7rem;font-weight:500;font-size:.96rem;text-decoration:none;white-space:nowrap}
.nav-item:not(.has-mega) .nav-link{padding-right:.7rem}
.nav-link::after{content:"";position:absolute;left:.7rem;right:.35rem;bottom:.25rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-item:not(.has-mega) .nav-link::after{right:.7rem}
.nav-link:hover::after,.nav-link[aria-current]::after,.nav-item.open .nav-link::after{transform:scaleX(1)}
.nav-caret{display:grid;place-items:center;width:26px;height:36px;margin-left:-.1rem;padding:0;border:0;background:none;border-radius:3px}
.nav-caret svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.nav-caret[aria-expanded="true"] svg,.campus-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.hdr__act{display:flex;align-items:center;gap:.6rem;margin-left:auto}
.t-short{display:none}
.campus-sel{position:relative}
.campus-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .85rem;background:var(--paper);border:1px solid var(--hair2);border-radius:3px;font-weight:500;font-size:.92rem;white-space:nowrap;max-width:15rem}
.campus-btn:hover{border-color:var(--ink)}
.campus-btn .ico{width:18px;height:18px;color:var(--accent-text)}
.campus-btn .chev{width:14px;height:14px;transition:transform .3s var(--ease)}
.campus-btn__t{overflow:hidden;text-overflow:ellipsis}
.campus-pop{position:absolute;right:0;top:calc(100% + .7rem);z-index:70;width:min(25rem,92vw);background:var(--paper);border:1px solid var(--hair2);box-shadow:0 24px 50px -20px color-mix(in srgb,var(--ink) 45%,transparent);padding:1.3rem 1.3rem 1rem}
.campus-pop[hidden],.mega[hidden],.menu[hidden]{display:none}
.pop__k{font:600 .74rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.pop__list{display:grid}
.pop__row{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;align-items:center;border-top:1px solid var(--hair);padding:.7rem 0}
.pop__pick{display:grid;gap:.1rem;text-align:left;border:0;background:none;padding:.15rem 0}
.pop__pick b{font-family:var(--serif);font-weight:500;font-size:1.2rem;line-height:1.15}
.pop__pick span{font-size:.88rem;color:var(--muted);line-height:1.35}
.pop__pick[aria-pressed="true"] b{color:var(--accent-text);font-style:italic}
.pop__pick[aria-pressed="true"] b::after{content:" (your campus)";font:600 .72rem var(--sans);font-style:normal;letter-spacing:.04em;color:var(--muted)}
.pop__go{font-weight:600;font-size:.86rem;text-decoration:none;border-bottom:1.5px solid var(--accent);white-space:nowrap}
.pop__times{font-family:var(--serif);font-size:1.35rem;line-height:1.25}
.pop__addr{color:var(--muted);margin-top:.3rem}
.pop__acts{display:flex;align-items:center;gap:1rem;margin-top:1rem}
.menu-toggle{display:none;position:relative;width:44px;height:44px;border:0;background:transparent;flex:none}
.menu-toggle span{position:absolute;left:10px;right:10px;height:2px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease)}
.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:25px}
.menu-open .menu-toggle span:first-child{top:21px;transform:rotate(45deg)}
.menu-open .menu-toggle span:last-child{top:21px;transform:rotate(-45deg)}

/* Mega menu */
.mega{position:absolute;left:0;right:0;top:100%;z-index:65;background:var(--paper);border-bottom:1px solid var(--hair2);box-shadow:0 30px 50px -28px color-mix(in srgb,var(--ink) 50%,transparent);animation:megaIn .3s var(--ease)}
@keyframes megaIn{from{opacity:0;transform:translateY(-8px)}}
.mega__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,4fr);gap:2rem 4rem;max-width:var(--max);margin-inline:auto;padding:2.4rem var(--gut) 2.8rem}
.mega__lead{display:grid;align-content:start;gap:.2rem;padding-right:1rem}
.mega__k{font:600 .74rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mega__big{font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1.12;letter-spacing:-.015em;margin:.5rem 0 .6rem}
.mega__sub{color:var(--muted);margin-bottom:1rem;max-width:36ch}
.mega__lead .btn{justify-self:start;margin-top:.5rem}
.mega__links,.mega__camps ul{display:grid;align-content:start}
.mega__links a,.mega__camps a{display:grid;gap:.1rem;padding:.8rem 0;border-top:1px solid var(--hair);text-decoration:none}
.mega__links b,.mega__camps b{font-weight:600}
.mega__links span,.mega__camps span{font-size:.9rem;color:var(--muted);line-height:1.4}
.mega__links a:hover b,.mega__camps a:hover b{color:var(--accent-text)}
.mega__links--wide{grid-column:2 / -1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}
.mega__camps .mega__k{margin-bottom:.4rem}

/* Takeover menu (small screens) */
.menu{position:fixed;inset:var(--hdr) 0 0 0;z-index:55;background:var(--paper);overflow:auto;overscroll-behavior:contain}
.menu__in{padding:1.2rem var(--gut) 3rem;max-width:44rem;margin-inline:auto}
.menu-nav{display:grid}
.menu-nav a{font-family:var(--serif);font-size:clamp(2rem,8.6vw,2.9rem);line-height:1.1;letter-spacing:-.02em;text-decoration:none;padding:.55rem 0;border-bottom:1px solid var(--hair)}
.menu-nav a[aria-current]{color:var(--accent-text);font-style:italic}
.menu-side{margin-top:2rem;display:grid;gap:1rem}
.menu-side__k{font:600 .74rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.menu-camps{display:grid}
.menu-camps a{display:grid;padding:.7rem 0;border-top:1px solid var(--hair);text-decoration:none}
.menu-camps b{font-family:var(--serif);font-weight:500;font-size:1.3rem}
.menu-camps span{color:var(--muted);font-size:.92rem}
.menu-open{overflow:hidden}

/* Photos, masks and the fallback art */
.mask{position:relative;overflow:hidden;background:var(--tint);border-radius:2px}
.mask img{width:100%;height:100%;object-fit:cover}
.photos-mono .mask img,.photos-mono .person__pic img,.photos-mono .vid__pic img{filter:grayscale(1) contrast(1.05)}
.js .mask{clip-path:inset(7% 7% 7% 7%);transition:clip-path 1.4s var(--ease)}
.js .mask.in{clip-path:inset(0)}
.js .mask img{transform:scale(1.13);transition:transform 1.8s var(--ease)}
.js .mask.in img{transform:none}
.art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--tint);color:var(--field);container-type:size}
.art__svg{width:min(92%,34rem);height:auto;opacity:.55}
.art__ini{position:absolute;left:7%;bottom:3%;font-family:var(--serif);font-style:italic;font-size:min(46cqmin,14rem);line-height:1;color:var(--accent)}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play svg{width:84px;height:84px;padding:27px 24px 27px 30px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 14px 34px -14px rgba(0,0,0,.55);transition:transform .4s var(--ease)}
a:hover>.play svg,a:hover .play svg{transform:scale(1.08)}
.fig{display:flex;gap:.8rem;margin-top:.8rem;font-size:.86rem;color:var(--muted)}
.fig span{font:600 .72rem/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase}

/* Rise-in motion: lines of a heading rise out of a mask, blocks fade up. Everything is visible without JavaScript and with reduced motion. */
.js [data-lines]:not(.lines-ready){opacity:0;animation:showIn .01s 1.6s forwards}
@keyframes showIn{to{opacity:1}}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .14em;margin:0 -.06em -.14em}
.wi{display:inline-block;transform:translateY(112%);transition:transform 1s var(--ease);transition-delay:calc(var(--l,0) * 110ms)}
.in .wi,.in.lines-ready .wi{transform:none}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.js .reveal.in{opacity:1;transform:none}
.js .rise{opacity:0;transform:translateY(18px);animation:riseIn 1s var(--ease) forwards;animation-delay:calc(var(--i,0) * 110ms + 150ms)}
@keyframes riseIn{to{opacity:1;transform:none}}

/* Sections and the rail */
main{counter-reset:folio}
.sec{position:relative;padding-block:clamp(3.5rem,8vw,8rem);counter-increment:folio}
.sec--plain{counter-increment:none}
.sec--tight{padding-block:clamp(1.5rem,3vw,3rem) clamp(3.5rem,7vw,7rem)}
.sec--tint{background:var(--tint)}
.sec--field{background:var(--field);color:var(--on-field)}
.rail{grid-column:1 / span 3;border-right:1px solid var(--hair)}
.rail__in{position:sticky;top:calc(var(--hdr) + 1.75rem);padding-right:1.25rem}
.rail__num{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(3.6rem,6.6vw,6.6rem);line-height:.9;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:lining-nums}
.rail__num::before{content:counter(folio,decimal-leading-zero) / ""}
.rail__label{margin-top:.85rem;font:600 .74rem/1.35 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);max-width:15em}
.rail--head .rail__label{margin-top:.35rem}
.sec--field .rail{border-right-color:color-mix(in srgb,var(--on-field) 30%,transparent)}
.sec--field .rail__num{color:var(--on-field)}
.sec--field .rail__label,.sec--field .lede,.sec--field .giveband__fine{color:var(--on-field);opacity:var(--soft)}
.sec__main{grid-column:4 / -1;min-width:0}
.sec__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 2rem}
.sec__row .btn{margin-bottom:.5rem}
.page-head{padding-block:clamp(2.5rem,6vw,5.5rem) clamp(2rem,4.5vw,4rem);border-bottom:1px solid var(--hair)}
.page-head--tall{min-height:62vh;display:grid;align-content:center}

/* Home hero */
.hero{padding-block:clamp(1.75rem,4vw,3.5rem) clamp(3rem,6vw,6rem)}
.hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start}
.hero__copy{grid-column:1 / span 7;padding-top:clamp(.5rem,2.5vw,2.5rem);padding-right:clamp(0rem,2vw,2rem)}
.hero__h{margin-top:1.4rem;max-width:11em}
.hero__sub{margin-top:1.5rem;font-size:clamp(1.12rem,1.6vw,1.34rem);line-height:1.5;max-width:40ch;color:var(--muted)}
.hero__times{margin-top:2.1rem;padding-top:1.1rem;border-top:1px solid var(--hair2);max-width:34rem}
.hero__times .times{display:flex;flex-wrap:wrap;margin-top:.55rem}
.hero__times .times li{font-family:var(--serif);font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.1;padding:.1rem 1.3rem .1rem 0;margin-right:1.3rem;border-right:1px solid var(--hair2)}
.hero__times .times li:last-child{border-right:0;margin-right:0;padding-right:0}
.hero__times .addr{margin-top:.7rem;color:var(--muted)}
.hero__times .addr a{text-decoration-color:var(--hair2);text-underline-offset:.2em}
.hero__acts{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero__quick{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:1.3rem}
.hero__quick a{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1.5px solid var(--hair2)}
.hero__quick a:hover{border-color:var(--accent)}
.hero__fig{grid-column:8 / -1;margin-top:clamp(0rem,3.5vw,3.5rem)}
.hero__mask{aspect-ratio:4 / 5}
.hero__mask img{position:absolute;inset:0}

/* New here */
.nh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2rem,4vw,3.5rem);border-top:2px solid var(--ink)}
.nh__c{display:grid;align-content:start;gap:.8rem;padding:1.6rem 1.6rem 1.8rem 0}
.nh__c+.nh__c{padding-left:1.6rem;border-left:1px solid var(--hair2)}
.nh__c h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.12;letter-spacing:-.01em}
.nh__c p{max-width:36ch}
.nh__times{font-family:var(--serif);font-size:1.25rem;line-height:1.3}
.nh__times b{font-weight:600}
.nh__addr{color:var(--muted)}
.nh__c .more{justify-self:start;margin-top:.4rem}

/* Latest message */
.msg{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);margin-top:clamp(2rem,4vw,3.5rem);align-items:start}
.msg__poster{display:block;aspect-ratio:16 / 9}
.msg__poster img{position:absolute;inset:0}
.meta{font-size:.92rem;color:var(--muted)}
.msg__t{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.015em;margin:.5rem 0 1.4rem}
.msg__acts{display:flex;flex-wrap:wrap;gap:.7rem}
.series{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--hair2)}
.series__n{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15;margin:.35rem 0 .5rem}
.series__p{color:var(--muted);max-width:38ch}
.msg__more{margin-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--hair2)}
.msg__more a{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--hair);text-decoration:none}
.msg__more .d{font:600 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.msg__more .t{font-family:var(--serif);font-size:1.3rem;line-height:1.2}
.msg__more .sp{color:var(--muted);font-size:.92rem}
.msg__more a:hover .t{color:var(--accent-text);font-style:italic}
.msg-soon{display:grid;gap:1.5rem;margin-top:1.5rem;justify-items:start}

/* Campuses */
.camp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:clamp(1.5rem,3.5vw,3.5rem);margin-top:clamp(1.8rem,3.5vw,3rem);align-items:start}
.camp--one{grid-template-columns:minmax(0,1fr)}
.camp__tabs{display:none;border-top:2px solid var(--ink)}
.js .camp__tabs{display:grid}
.camp__tab{position:relative;display:grid;gap:.15rem;text-align:left;padding:1.1rem .5rem 1.1rem 1.1rem;border:0;border-bottom:1px solid var(--hair);background:none;transition:background .25s}
.camp__tab::before{content:"";position:absolute;left:0;top:1rem;bottom:1rem;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .35s var(--ease)}
.camp__tab:hover{background:var(--tint)}
.camp__tab[aria-pressed="true"]::before{transform:scaleY(1)}
.camp__name{font-family:var(--serif);font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.1;letter-spacing:-.01em}
.camp__t{font-size:.9rem;color:var(--muted);line-height:1.4}
.camp__tab[aria-pressed="true"] .camp__name{color:var(--accent-text);font-style:italic}
.js .camp__panel:not(.on){display:none}
.camp__panel{display:grid;gap:1.5rem}
.camp__pic{aspect-ratio:16 / 9}
.camp__pic img{position:absolute;inset:0}
.camp__body{display:grid;gap:.7rem;align-content:start}
.camp__h{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.015em}
.camp__pastor{color:var(--muted)}
.camp__pastor b{color:var(--ink);font-weight:600;margin-left:.3rem}
.camp__addr a{text-decoration-color:var(--hair2);text-underline-offset:.2em}
.camp__times{display:flex;flex-wrap:wrap;gap:.3rem 0}
.camp__times li{font-family:var(--serif);font-size:1.3rem;line-height:1.2;padding-right:1.1rem;margin-right:1.1rem;border-right:1px solid var(--hair2)}
.camp__times li:last-child{border-right:0;margin-right:0;padding-right:0}
.camp__acts{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:.6rem}
.camp--one .camp__panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}

/* Ministries directory */
.mlist{margin-top:clamp(2rem,4vw,3rem);border-top:2px solid var(--ink)}
.mrow{position:relative;display:grid;grid-template-columns:2.2rem minmax(0,1.15fr) minmax(0,1.35fr) 8rem;grid-template-areas:"n t p i" "n t c i";column-gap:clamp(1rem,2.5vw,2.5rem);align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--hair2)}
.mrow__n{grid-area:n;font:600 .78rem/1 var(--sans);letter-spacing:.12em;color:var(--muted);align-self:start;padding-top:.8rem}
.mrow__t{grid-area:t;font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.05;letter-spacing:-.02em}
.mrow__t a{text-decoration:none}
.mrow__t a::after{content:"";position:absolute;inset:0}
.mrow__p{grid-area:p;align-self:end;color:var(--muted);max-width:40ch}
.mrow__cta{grid-area:c;align-self:start;display:inline-flex;align-items:center;gap:.45rem;margin-top:.7rem;font-weight:600;font-size:.92rem}
.mrow__cta .arr{width:1.1em;height:1.1em;transition:transform .35s var(--ease)}
.mrow__img{grid-area:i;position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--tint);border-radius:2px}
.mrow__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mrow:hover .mrow__img img{transform:scale(1.08)}
.mrow:hover .mrow__t a{color:var(--accent-text)}
.mrow:hover .mrow__cta .arr{transform:translateX(4px)}
.mrow:focus-within{outline:2px solid var(--ink);outline-offset:-2px}
.mrow a:focus-visible{outline:0}

/* Next steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:0 2rem;margin-top:clamp(2rem,4vw,3rem)}
.step{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:.6rem;height:100%;padding:1.2rem 0 1.6rem;border-top:2px solid var(--ink);text-decoration:none;transition:border-color .3s}
.step:hover{border-top-color:var(--accent)}
.step__n{font-family:var(--serif);font-size:3.2rem;line-height:1;color:var(--accent);font-variant-numeric:lining-nums}
.step__t{font-family:var(--serif);font-weight:500;font-size:1.55rem;line-height:1.15;letter-spacing:-.01em}
.step__p{color:var(--muted);max-width:30ch}
.step .arr{width:1.5rem;height:1.5rem;margin-top:.8rem}

/* Events */
.evs{margin-top:clamp(1.8rem,3.5vw,3rem);border-top:2px solid var(--ink)}
.ev{display:grid;grid-template-columns:5.5rem minmax(0,1fr) minmax(0,15rem);gap:1rem clamp(1.5rem,3vw,3rem);align-items:start;padding:1.5rem 0;border-bottom:1px solid var(--hair2)}
.ev__date{display:grid;justify-items:start;line-height:1}
.ev__w,.ev__m{font:600 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ev__d{font-family:var(--serif);font-size:clamp(3rem,4.6vw,4.2rem);line-height:1;letter-spacing:-.03em;margin:.15rem 0;font-variant-numeric:lining-nums}
.ev__body :is(h2,h3){font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.15;letter-spacing:-.01em}
.ev__body p{margin-top:.5rem;color:var(--muted);max-width:52ch}
.ev__meta{font-size:.95rem;line-height:1.5}
.ev__meta b{font-weight:600}
.ev-empty{padding:1.6rem 0;border-bottom:1px solid var(--hair2);color:var(--muted)}

/* Pastor letter */
.letter{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4.5vw,5rem);align-items:start}
.letter--solo{grid-template-columns:minmax(0,1fr);max-width:46rem}
.letter__pic{aspect-ratio:4 / 5}
.letter__pic img{position:absolute;inset:0;object-position:50% 20%}
.letter__body .h2{margin-bottom:.4rem}
.letter__p{margin-top:1.15rem;font-size:1.14rem;line-height:1.68;max-width:54ch}
.letter__p:first-of-type{font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.65rem);line-height:1.42;margin-top:1.5rem}
.sign{display:grid;gap:.2rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--hair2);max-width:20rem}
.sign__n{font-family:var(--serif);font-style:italic;font-size:1.9rem;line-height:1.1}
.sign__t{font:600 .74rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* Generosity band */
.giveband .wrap{position:relative}
.giveband__art{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);width:min(24vw,23rem);height:auto;color:var(--on-field);opacity:.3;pointer-events:none}
.giveband__main{max-width:50rem}
.giveband .h2{font-size:clamp(2.3rem,5vw,4.8rem);max-width:13em}
.giveband .lede{margin-top:1.6rem;max-width:46ch}
.giveband__acts{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.2rem}
.sec--field .more{border-bottom-color:var(--on-field)}
.sec--field .more:hover{border-color:transparent}
.giveband__fine{margin-top:1.2rem;font-size:.92rem}

/* Closing call and the visit form */
.closing{padding-block:clamp(4rem,9vw,8.5rem);border-top:1px solid var(--hair)}
.closing__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.closing__h{font-size:clamp(3rem,7vw,7rem);line-height:.98;letter-spacing:-.03em;margin-top:1.2rem;max-width:8em}
.closing .lede{margin-top:1.5rem}
.closing__facts{display:grid;gap:.3rem;margin-top:2.2rem;padding-top:1.1rem;border-top:1px solid var(--hair2);max-width:30rem}
.closing__facts b{font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.25}
.closing__facts span{color:var(--muted)}
.visit-form{background:var(--tint);border-top:3px solid var(--accent);padding:clamp(1.4rem,3vw,2.4rem);display:grid;gap:1rem}
.visit-form h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.1;letter-spacing:-.015em}
.visit-form .sub{color:var(--muted);margin-top:-.4rem}
.visit-form label{display:grid;gap:.4rem;font:600 .74rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.visit-form input:not([type=radio]):not([type=checkbox]),.visit-form select,.visit-form textarea{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;font-weight:400;color:var(--ink);background:var(--paper);border:1px solid var(--hair2);border-radius:3px;padding:.75rem .85rem;min-height:48px;outline:0;transition:border-color .25s,box-shadow .25s;width:100%}
.visit-form textarea{min-height:5.5rem;resize:vertical}
.visit-form input:focus,.visit-form select:focus,.visit-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.visit-form .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.visit-form .consent{font-size:.84rem;line-height:1.5;color:var(--muted)}
.visit-form .btn{justify-self:start;margin-top:.2rem}
.visit-form .btn:disabled{opacity:.7;cursor:wait}
.form-error{color:var(--accent-text);font-size:.92rem;font-weight:500}

/* Visit page */
.vcamps{margin-top:clamp(1.8rem,3.5vw,3rem);border-top:2px solid var(--ink)}
.vcamp{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1.3fr) minmax(0,1fr) auto;gap:1.2rem clamp(1.2rem,2.5vw,2.5rem);align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--hair2)}
.vcamp__pic{aspect-ratio:3 / 2}
.vcamp__pic img{position:absolute;inset:0}
.vcamp__body{display:grid;gap:.35rem}
.vcamp__body h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.1;letter-spacing:-.01em}
.vcamp__pastor{color:var(--muted)}
.vcamp__pastor b{color:var(--ink);font-weight:600;margin-left:.3rem}
.vcamp__body a{text-decoration-color:var(--hair2);text-underline-offset:.2em}
.vcamp__times li{font-family:var(--serif);font-size:1.2rem;line-height:1.5}
.vcamp__acts{display:grid;justify-items:start;gap:.8rem}
.vcamp:target{background:var(--tint)}
.good{margin-top:clamp(1.8rem,3vw,2.6rem);padding:1.3rem 1.5rem;background:var(--tint);border-left:3px solid var(--accent);max-width:46rem}
.good .k{margin-bottom:.4rem}
.map{margin-top:clamp(1.8rem,3.5vw,3rem);aspect-ratio:16 / 8}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.timeline{margin-top:clamp(1.8rem,3.5vw,3rem);border-top:2px solid var(--ink)}
.tl{display:grid;grid-template-columns:minmax(5.5rem,10rem) minmax(0,1fr);gap:1rem clamp(1.5rem,3vw,3rem);padding:1.6rem 0;border-bottom:1px solid var(--hair2)}
.tl__t{font-family:var(--serif);font-size:clamp(2.3rem,4.2vw,3.8rem);line-height:1;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:lining-nums}
.tl h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.15}
.tl p{margin-top:.5rem;max-width:54ch}
.kidsblock{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4.5vw,5rem);align-items:center}
.kidsblock--solo{grid-template-columns:minmax(0,1fr);max-width:48rem}
.kidsblock__pic{aspect-ratio:4 / 5}
.kidsblock__pic img{position:absolute;inset:0}
.kidsblock .lede{max-width:40ch}
.kidsblock .copy{margin-top:1.3rem}
.faq{margin-top:clamp(1.8rem,3.5vw,3rem);border-top:2px solid var(--ink);max-width:52rem}
.faq details{border-bottom:1px solid var(--hair2)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 1.8rem/1 var(--sans);color:var(--accent-text);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 3rem 1.4rem 0;max-width:60ch}

/* About */
.story{display:grid;gap:clamp(1.8rem,3.5vw,3rem)}
.story__pic{aspect-ratio:2 / 1}
.story__pic img{position:absolute;inset:0}
.story__text{columns:2 20rem;column-gap:clamp(2rem,4vw,4rem)}
.story__lead{column-span:all;font-family:var(--serif);font-size:clamp(1.45rem,2.5vw,2.2rem);line-height:1.32;letter-spacing:-.01em;margin-bottom:1.6rem;max-width:34em}
.story__p{margin-bottom:1.2rem;break-inside:avoid-column}
.story--solo .story__text{columns:1}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:0 2rem;margin-top:clamp(1.8rem,3.5vw,3rem)}
.values li{padding:1.1rem 0 1.8rem;border-top:2px solid var(--ink);font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.15;letter-spacing:-.01em}
.beliefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem clamp(2rem,4vw,4rem);margin-top:clamp(1.8rem,3.5vw,3rem)}
.beliefs>div{padding-top:1.1rem;border-top:1px solid var(--hair2)}
.beliefs h3{font-family:var(--serif);font-weight:500;font-size:1.6rem;line-height:1.15;margin-bottom:.5rem}
.beliefs p{max-width:46ch}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:2.8rem 1.6rem;margin-top:clamp(1.8rem,3.5vw,3rem)}
.person__pic{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper);margin-bottom:1rem}
.person__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.person__ini{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:4.5rem;color:var(--accent)}
.person h3{font-family:var(--serif);font-weight:500;font-size:1.4rem;line-height:1.15}
.person .role{margin-top:.3rem;font:600 .72rem/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.person .bio{margin-top:.7rem;font-size:.96rem;line-height:1.5}
.person .mail{margin-top:.5rem;font-size:.92rem;overflow-wrap:anywhere}

/* Watch */
.player{aspect-ratio:16 / 9;background:var(--ink)}
.player iframe,.player .poster,.player .poster img{position:absolute;inset:0;width:100%;height:100%;border:0}
.player .poster img{object-fit:cover}
.player__meta{display:grid;gap:.5rem;margin-top:1.8rem;justify-items:start}
.player__sub,.player__series{color:var(--muted)}
.player__series .k{display:inline;margin-right:.6rem}
.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 1.6rem;margin-top:clamp(1.8rem,3.5vw,3rem)}
.vid a{display:grid;gap:.35rem;text-decoration:none;align-content:start}
.vid__pic{aspect-ratio:16 / 9;margin-bottom:.6rem}
.vid__pic img{position:absolute;inset:0}
.vid__pic .play svg{width:60px;height:60px;padding:19px 17px 19px 21px}
.vid__d{font:600 .74rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vid__t{font-family:var(--serif);font-weight:500;font-size:1.35rem;line-height:1.2}
.vid__s{color:var(--muted);font-size:.92rem}
.vid a:hover .vid__t{color:var(--accent-text);font-style:italic}

/* Give and ministries pages */
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:clamp(1.8rem,3.5vw,3rem)}
.ways>div{padding-top:1.2rem;border-top:2px solid var(--ink)}
.ways__n{display:block;font-family:var(--serif);font-size:3.2rem;line-height:1;color:var(--accent);margin-bottom:.6rem}
.ways h3{font-family:var(--serif);font-weight:500;font-size:1.6rem;margin-bottom:.4rem}
.mblocks{border-bottom:1px solid var(--hair2)}
.mblock{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:1.6rem;align-items:center;padding-block:clamp(2.2rem,5vw,4.5rem);border-top:1px solid var(--hair2);scroll-margin-top:calc(var(--hdr) + 1rem)}
.mblock__pic{grid-column:1 / span 5;aspect-ratio:4 / 5}
.mblock__pic img{position:absolute;inset:0}
.mblock__body{grid-column:7 / -1;display:grid;gap:1rem;justify-items:start}
.mblock__n{font-family:var(--serif);font-size:clamp(3rem,5vw,4.6rem);line-height:1;color:var(--accent)}
.mblock__p{max-width:44ch;font-size:1.12rem;line-height:1.6}
.mblock--wide .mblock__pic{grid-column:5 / -1;grid-row:1;aspect-ratio:16 / 10}
.mblock--wide .mblock__body{grid-column:1 / span 4;grid-row:1}
.prose{max-width:46rem}
.prose h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.2;margin:2.4rem 0 .6rem}
.prose h2:first-child{margin-top:0}
.prose p,.prose ul{margin-bottom:1rem}
.prose ul{padding-left:1.2rem;list-style:disc}
.prose li{margin-bottom:.4rem}
.prose a{text-decoration-color:var(--accent);text-underline-offset:.2em}

/* Footer */
.site-footer{background:var(--tint);padding-top:clamp(3rem,6vw,5.5rem)}
.foot{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:2.5rem clamp(1.5rem,3.5vw,4rem)}
.foot__name{font-family:var(--serif);font-weight:600;font-size:1.9rem;line-height:1.1;letter-spacing:-.015em}
.foot__tag{margin:.8rem 0 1.4rem;color:var(--muted);max-width:34ch}
.foot .k{margin-bottom:.7rem}
.foot .k--gap{margin-top:1.4rem}
.foot__col a{display:block;padding:.22rem 0;text-decoration:none;overflow-wrap:anywhere}
.foot__col a span{display:block;font-size:.88rem;color:var(--muted)}
.foot__col a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.2em}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 2rem;margin-top:clamp(2.5rem,5vw,4rem);padding-block:1.4rem 2.2rem;border-top:1px solid var(--hair2);font-size:.9rem;color:var(--muted)}
.foot__base a{text-underline-offset:.2em}
.legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}

/* Palette preview (demo only) */
.pal{position:fixed;left:12px;bottom:12px;z-index:75;display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px 8px;box-shadow:0 0 0 1.5px #111,0 10px 30px rgba(10,20,30,.25)}
.pal__t{font:600 .66rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#111;padding:0 .3rem 0 .2rem}
.pal__b{position:relative;display:block;border:0;background:transparent;border-radius:50%;padding:3px;cursor:pointer}
.pal__b i{width:22px;height:22px;border-radius:50%;display:block;background:linear-gradient(135deg,var(--c) 0 55%,var(--k) 55% 100%);box-shadow:0 0 0 1.5px #111}
.pal__b span{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);background:#111;color:#fff;border-radius:999px;padding:.3rem .7rem;font:600 .75rem var(--sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.pal__b:hover span,.pal__b:focus-visible span{opacity:1}
.pal__b[aria-pressed="true"]{box-shadow:0 0 0 2px #111}
.pal :focus-visible{outline-color:#111}
.menu-open .pal{display:none}

/* Responsive */
@media (max-width:1180px){
  .topnav,.mega{display:none!important}
  .menu-toggle{display:block}
  .mega__in{grid-template-columns:1fr}
}
@media (max-width:999px){
  .rail{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--hair);padding-bottom:.9rem;margin-bottom:1.6rem}
  .sec--field .rail{border-bottom-color:color-mix(in srgb,var(--on-field) 30%,transparent)}
  .rail__in{position:static;display:flex;align-items:baseline;gap:1rem;padding-right:0}
  .rail__num{font-size:2.6rem}
  .rail__label{margin-top:0;max-width:none}
  .rail--head{display:none}
  .sec__main{grid-column:1 / -1}
  .page-head .sec__main{padding-top:0}
  .giveband__art{display:none}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__grid{grid-template-columns:minmax(0,1fr)}
  .hero__copy,.hero__fig{grid-column:1 / -1}
  .hero__fig{margin-top:2.4rem}
  .hero__mask{aspect-ratio:5 / 4}
  .hero__h{max-width:none}
  .msg{grid-template-columns:minmax(0,1fr)}
  .camp{grid-template-columns:minmax(0,1fr)}
  .camp__tabs{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0 1.5rem}
  .letter,.kidsblock{grid-template-columns:minmax(0,1fr)}
  .letter__pic,.kidsblock__pic{max-width:26rem}
  .closing__grid{grid-template-columns:minmax(0,1fr)}
  .vcamp{grid-template-columns:minmax(0,9rem) minmax(0,1fr)}
  .vcamp__times,.vcamp__acts{grid-column:2}
  .foot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__brand{grid-column:1 / -1}
  .mblock{grid-template-columns:minmax(0,1fr)}
  .mblock__pic,.mblock--wide .mblock__pic,.mblock__body,.mblock--wide .mblock__body{grid-column:1 / -1;grid-row:auto}
  .mblock__pic{aspect-ratio:5 / 4}
  .vids{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .nh{grid-template-columns:minmax(0,1fr)}
  .nh__c,.nh__c+.nh__c{padding:1.4rem 0 1.5rem;border-left:0}
  .nh__c+.nh__c{border-top:1px solid var(--hair2)}
  .camp--one .camp__panel{grid-template-columns:minmax(0,1fr)}
  .mrow{grid-template-columns:minmax(0,1fr) 5.5rem;grid-template-areas:"t i" "p i" "c i";row-gap:.5rem}
  .mrow__n{display:none}
  .mrow__p{align-self:start}
  .ev{grid-template-columns:4.2rem minmax(0,1fr);gap:.8rem 1.2rem}
  .ev__meta{grid-column:2}
  .msg__more a{grid-template-columns:5rem minmax(0,1fr)}
  .msg__more .sp{display:none}
  .ways,.beliefs{grid-template-columns:minmax(0,1fr)}
  .tl{grid-template-columns:minmax(0,1fr)}
  .visit-form .two{grid-template-columns:minmax(0,1fr)}
  .vcamp{grid-template-columns:minmax(0,1fr)}
  .vcamp__times,.vcamp__acts{grid-column:1}
  .vcamp__pic{max-width:18rem}
  .story__text{columns:1}
  .vids{grid-template-columns:minmax(0,1fr)}
  .foot{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .campus-btn{padding:0;width:44px;justify-content:center}
  .campus-btn .chev{display:none}
  .campus-btn__t{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .campus-pop{position:fixed;left:var(--gut);right:var(--gut);top:calc(var(--hdr) + .5rem);width:auto}
  .t-long{display:none}.t-short{display:inline}
  .hdr{gap:.6rem}
  .pal{left:8px;bottom:8px;padding:4px 6px}
  .pal__t{display:none}
}
@media (max-width:420px){
  .brand{font-size:1.2rem}
  .hdr__act{gap:.4rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal,.js .rise,.js [data-lines]:not(.lines-ready){opacity:1;transform:none}
  .js .mask{clip-path:none}
  .js .mask img{transform:none}
  .wi{transform:none}
}