@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#f5f2eb;--ink:#222b26;--muted:#666e65;--line:#d6d8ce;--green:#244b3a;--lime:#dfe7b9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b67b34;outline-offset:5px}img{display:block;width:100%}.skip{position:absolute;left:20px;top:-100px;z-index:9;background:white;padding:10px}.skip:focus{top:20px}.notice{background:var(--green);color:#f1f3df;padding:7px 5%;font-size:11px;letter-spacing:.08em;display:flex;justify-content:space-between}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;border-bottom:1px solid var(--line)}.brand{width:200px}.brand img{mix-blend-mode:multiply}nav{display:flex;gap:30px;font-size:13px}.contact{font-size:13px;border-bottom:1px solid;padding-bottom:6px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:75px 10% 30px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;margin:0 0 28px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12;margin:0;letter-spacing:-.045em}h1{font-size:clamp(55px,5.7vw,89px)}em{font-weight:400;color:var(--green)}.intro{max-width:370px;color:var(--muted);margin:30px 0}.button{display:inline-flex;align-items:center;gap:40px;background:var(--green);color:white;padding:16px 24px;font-size:12px}.button:hover{background:#35634e}.hero-bottom{margin-top:68px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:10px;gap:15px}.hero-art{position:relative;margin:0;background:#3a342d;overflow:hidden}.hero-art>img{height:100%;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#1118)}.hero-art figcaption{position:absolute;z-index:1;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;color:white;font-size:9px;gap:15px}.art-label{position:absolute;z-index:1;left:40px;bottom:90px;color:white;font:44px/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.025em}.section{padding:95px 7%;border-bottom:1px solid var(--line)}h2{font-size:clamp(36px,4vw,57px)}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p:not(.eyebrow){max-width:610px;color:var(--muted);margin:26px 0}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:7px}.project{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#e9ebdf}.project-image{position:relative}.project-image img{height:460px;object-fit:cover}.project-image span{position:absolute;left:22px;bottom:20px;color:white;background:#244b3acc;padding:6px 12px;font-size:10px;letter-spacing:.16em}.project-copy p:not(.eyebrow){color:var(--muted);max-width:420px}.project-copy .text-link{display:inline-block;margin-top:15px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{font-size:13px;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:35px 0}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:8px 17px;font-size:11px}.filters .active{background:var(--green);color:white;border-color:var(--green)}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.cover{background:#e7e3da;display:flex;align-items:center;justify-content:center;padding:28px 25px;height:330px;overflow:hidden}.cover img{height:auto;width:auto;max-height:100%;max-width:100%;object-fit:contain;box-shadow:5px 9px 14px #0002;transition:transform .3s}.cover:hover img{transform:translateY(-5px) rotate(-2deg)}.catalog-year{font-size:10px;color:var(--muted);margin:20px 0 6px;letter-spacing:.12em}.catalog h3{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:400;line-height:1.2;margin:0 0 8px}.catalog .composer{font-size:12px;color:var(--muted);margin:0 0 18px}.catalog-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:11px;gap:10px}.small{font-size:10px;color:var(--muted);margin-top:28px}.journal{display:grid;grid-template-columns:1fr 1fr;gap:70px}.journal p:not(.eyebrow){color:var(--muted);max-width:350px}.social-links{align-self:center}.social-links a{position:relative;display:block;padding:26px 0;border-bottom:1px solid var(--line)}.social-links span{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted)}.social-links strong{font-size:25px;font-weight:400}.social-links b{position:absolute;right:0;top:40px;font-size:23px;font-weight:400}.invitation{text-align:center;background:var(--green);color:white}.invitation em{color:var(--lime)}.invitation .button{margin-top:30px;background:var(--lime);color:var(--green)}.invitation p:last-child{font-size:11px;color:#d6dfd4}footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding:45px 7%;align-items:center}footer p,footer>a:not(.footer-logo){font-size:11px}.footer-logo{font-size:30px;letter-spacing:.09em}.footer-logo span{display:block;font-size:8px;letter-spacing:0}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font-size:9px;color:var(--muted)}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:1050px){nav{gap:16px}.hero-copy{padding:55px 8% 25px}.hero{min-height:570px}.hero-bottom{margin-top:40px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.cover{height:390px}.project-image img{height:400px}}@media(max-width:700px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:15px;padding:20px 6%}.brand{width:150px}.contact{font-size:11px}nav{order:3;width:100%;justify-content:space-between;font-size:11px}.notice span{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 28px}.hero h1{font-size:60px}.hero-art{height:430px}.hero-bottom{margin-top:40px}.section{padding:60px 7%}.about,.project,.journal{grid-template-columns:1fr;gap:30px}.about .eyebrow{margin:0}.project-image img{height:330px}.section-head{display:block}.catalog-grid{gap:25px 16px}.cover{height:245px;padding:20px 12px}.catalog h3{font-size:23px}.catalog-actions{font-size:10px}.social-links strong{font-size:24px}footer{grid-template-columns:1fr 1fr}footer p{display:none}.art-label{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}