:root{color-scheme:light;--ink:#11110f;--muted:#70706a;--paper:#f4f1e8;--line:#11110f29;--panel:#ffffff94;--accent:#cf372c;background:var(--paper);color:var(--ink);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 8%,#cf372c14,#0000 28rem),linear-gradient(#f7f4ec 0%,#efebe0 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#f4f1e8d1;justify-content:space-between;align-items:center;padding:18px clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:baseline;gap:7px;display:flex}.brand-mark{letter-spacing:.08em;font-size:.72rem;font-weight:800}.brand-word{font:italic 400 1.55rem Georgia,Times New Roman,serif}nav{align-items:center;gap:clamp(14px,3vw,34px);display:flex}.nav-link{color:var(--muted);padding:8px 0;font-size:.92rem;position:relative}.nav-link:after{content:"";background:var(--ink);height:1px;transition:all .22s;position:absolute;bottom:2px;left:0;right:100%}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link:hover:after,.nav-link.active:after{right:0}.page-shell{width:min(1180px,100% - 40px);margin:0 auto}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.73rem;font-weight:800}.display{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.9}.section-title{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-title h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.8rem);font-weight:500}.section-title p{max-width:430px;color:var(--muted);margin:0;line-height:1.7}.hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;gap:clamp(36px,7vw,100px);min-height:78vh;padding:clamp(80px,12vw,150px) 0 70px;display:grid}.hero h1{font-size:clamp(5rem,14vw,11rem)}.hero-copy{padding-bottom:14px}.hero-copy p{max-width:440px;color:var(--muted);margin:22px 0 0;font-size:1.05rem;line-height:1.8}.hero-index{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-top:36px;font-size:.78rem;display:flex}.hero-index:before{content:"";background:var(--ink);width:48px;height:1px}.feature-card{border:1px solid var(--line);color:#fff;background:linear-gradient(145deg,#11110fe6,#11110f94),url(/images/scu-photo-logo.jpg) 50%/cover;border-radius:3px;flex-direction:column;justify-content:space-between;min-height:420px;padding:28px;display:flex;box-shadow:0 30px 80px #231f181f}.feature-card .num{opacity:.68;letter-spacing:.12em;font-size:.78rem}.feature-card h2{max-width:8ch;margin:0;font:italic 400 clamp(2.6rem,6vw,5rem)/.94 Georgia,serif}.feature-card p{opacity:.78;max-width:30ch;margin:12px 0 0;line-height:1.6}.section{border-top:1px solid var(--line);padding:84px 0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.story-card{border:1px solid var(--line);background:var(--panel);flex-direction:column;justify-content:space-between;min-height:290px;padding:24px;transition:transform .22s,background .22s;display:flex}.story-card:hover{background:#ffffffc7;transform:translateY(-4px)}.story-card .meta{color:var(--muted);letter-spacing:.06em;justify-content:space-between;font-size:.76rem;display:flex}.story-card h3{letter-spacing:-.035em;margin:0;font:400 2rem/1.05 Georgia,serif}.story-card p{color:var(--muted);margin:12px 0 0;line-height:1.7}.manifesto{grid-template-columns:.65fr 1.35fr;gap:50px;display:grid}.manifesto blockquote{letter-spacing:-.05em;margin:0;font:400 clamp(2.5rem,5.5vw,5.5rem)/1.02 Georgia,serif}.manifesto blockquote em{color:var(--accent);font-weight:400}.manifesto .copy{color:var(--muted);align-self:end;max-width:520px;line-height:1.85}.page-hero{padding:110px 0 58px}.page-hero h1{font-size:clamp(4rem,10vw,8rem)}.page-hero p{width:min(620px,100%);color:var(--muted);margin:28px 0 0 auto;font-size:1.05rem;line-height:1.8}.gallery-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.photo-placeholder{border:1px solid var(--line);background:#ffffff85;align-items:flex-end;min-height:280px;padding:22px;display:flex;position:relative;overflow:hidden}.photo-placeholder:before{content:"";background:linear-gradient(140deg,#0000 25%,#11110f0a);position:absolute;inset:0}.photo-placeholder:first-child,.photo-placeholder:nth-child(4){grid-column:span 7;min-height:440px}.photo-placeholder:nth-child(2),.photo-placeholder:nth-child(3){grid-column:span 5}.photo-placeholder span{font:italic 400 1.7rem Georgia,serif;position:relative}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr auto;align-items:start;gap:24px;padding:26px 0;display:grid}.timeline time,.timeline .tag{color:var(--muted);font-size:.8rem}.timeline h2{margin:0 0 8px;font:400 1.7rem Georgia,serif}.timeline p{color:var(--muted);margin:0;line-height:1.6}.about-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.about-card{border:1px solid var(--line);background:var(--panel);min-height:250px;padding:32px}.about-card h2{margin:0 0 28px;font:400 2rem Georgia,serif}.about-card p{color:var(--muted);max-width:52ch;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:80px;padding:34px clamp(20px,4vw,64px) 44px;font-size:.85rem;display:flex}.site-footer div{color:var(--ink);gap:12px;display:flex}.site-footer p{margin:0}@media (width<=760px){.site-header{align-items:flex-start;gap:18px}nav{flex-wrap:wrap;justify-content:flex-end;gap:14px}.nav-link{font-size:.82rem}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero h1{font-size:clamp(4.8rem,25vw,8rem)}.feature-card{min-height:360px}.grid-3,.about-grid,.manifesto,.gallery-grid{grid-template-columns:1fr}.photo-placeholder,.photo-placeholder:nth-child(n){grid-column:1;min-height:310px}.timeline article{grid-template-columns:1fr;gap:8px}.site-footer{flex-direction:column}}