:root{--burg:#6d2737;--rose:#dca7a5;--cream:#f3e9d7;--paper:#fbf7ef;--ink:#282322;--line:#2823222b;--serif:"Fraunces",serif;--sans:"Inter",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.brand b{font:500 23px var(--mono)}.brand span,.eyebrow{font:500 9px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--burg)}nav{display:flex;gap:25px;font-size:12px}nav a:last-child{padding:8px 12px;border:1px solid}.cover{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--cream)}.cover>div{padding:8vw;display:flex;flex-direction:column;justify-content:center}.cover h1,.album h2,.closing h2{margin:20px 0 28px;font:400 clamp(64px,9vw,125px)/.9 var(--serif);letter-spacing:-.055em}.cover h1 em{color:var(--burg);font-weight:400}.intro{max-width:480px;color:#645b56}.cover>div>a{width:max-content;margin-top:25px;padding-bottom:5px;border-bottom:1px solid;font:500 10px var(--mono)}.cover figure{position:relative;margin:5vw 6vw 5vw 0;align-self:center;transform:rotate(2deg);box-shadow:18px 18px 0 var(--burg)}.cover figure img{max-height:570px;object-fit:cover}.cover figcaption{padding:15px;background:#fff;font-size:12px}.cover figcaption span{display:block;margin-bottom:5px;font:9px var(--mono);color:var(--burg)}.album{padding:120px 6vw}.heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:40px;margin-bottom:60px}.heading>p{font:500 9px var(--mono);color:var(--burg)}.album h2{font-size:clamp(50px,7vw,90px);margin:0}.heading span{font:11px var(--mono)}.school-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.school-grid figure{margin:0;padding:15px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px #52202012}.school-grid figure:nth-child(2){margin-top:80px}.school-grid figcaption{padding:14px 4px 0;font:9px var(--mono);color:#766c67}.closing{padding:110px 10vw;background:var(--burg);color:#fff}.closing>span{font:9px var(--mono);text-transform:uppercase;color:var(--rose)}.closing h2{font-size:clamp(55px,8vw,105px)}.closing p{color:#ffffffb5}.closing>div{display:flex;gap:30px;margin-top:40px}.closing a{padding-bottom:5px;border-bottom:1px solid;font:10px var(--mono)}footer{padding:40px 6vw;display:flex;gap:30px;align-items:center;background:#29191d;color:#fff}footer b{font:22px var(--mono)}footer span{font:9px var(--mono);color:var(--rose)}footer a{margin-left:auto;font:9px var(--mono)}
@media(max-width:800px){nav a:not(:last-child){display:none}.cover{grid-template-columns:1fr}.cover>div{padding:70px 7vw}.cover figure{margin:0 12vw 80px}.school-grid{grid-template-columns:1fr}.school-grid figure:nth-child(2){margin-top:0}}
@media(max-width:520px){header{height:68px;padding:0 18px}.brand span{display:none}.cover h1{font-size:61px}.cover figure{margin:0 24px 60px;box-shadow:10px 10px 0 var(--burg)}.album{padding:75px 18px}.heading{grid-template-columns:1fr;gap:10px}.album h2{font-size:49px}.school-grid figure{padding:9px}.closing{padding:75px 20px}.closing h2{font-size:56px}.closing>div{flex-direction:column;align-items:flex-start;gap:16px}footer{padding:35px 20px}}
