@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#f6f4ee;--ink:#293f37;--muted:#7d8178;--line:#dbddd3;--gold:#9b7951}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{cursor:pointer;color:inherit}button{font:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.topline{padding:10px 5%;background:#293f37;color:#eee9dc;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}header{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:14px;align-items:center;font-family:'Noto Serif SC',serif;font-size:25px}.brand i{font-style:normal;border:1px solid var(--gold);color:var(--gold);padding:4px;font-size:25px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:6px}nav{display:flex;gap:40px}nav a{font-size:13px}.tools{display:flex;gap:22px;align-items:center}.tools button,.tools select{border:0;background:none;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1.07fr;min-height:650px;margin:0 5%}.hero-copy{padding:80px 25px 45px 6%}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:600}h1,h2,h3{font-family:'Noto Serif SC',Georgia,serif;font-weight:400}h1{font-size:clamp(40px,4.5vw,68px);line-height:1.45;letter-spacing:5px;margin:28px 0}h1 em{font-style:normal;color:var(--gold)}.intro{line-height:2.1;color:var(--muted);max-width:370px}.primary{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;background:var(--ink);color:#fff;padding:17px 26px;border:0;margin-top:25px;font-size:12px}.primary:hover{background:#435c4e}.hero-note{display:flex;align-items:center;gap:17px;margin-top:55px;color:var(--muted);font-size:11px;line-height:1.8}.seal{color:#9f644a;border:1px solid #9f644a;padding:5px;font-family:serif}.hero-art{background:radial-gradient(ellipse at 55% 43%,#ddd9ca,#e9e6dc 60%,#eeece5);position:relative;display:flex;align-items:center}.hero-art svg{width:100%;height:590px}.art-label{position:absolute;left:28px;top:29px;font-size:9px;letter-spacing:2px;color:#7f8073}.art-caption{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;color:#6e7366}.vertical{position:absolute;right:22px;top:115px;writing-mode:vertical-rl;letter-spacing:5px;font:12px serif}.intro-strip{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:28px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:2px}.intro-strip p{font-family:serif;font-size:15px;letter-spacing:3px}.collection,.journal{padding:85px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}h2{font-size:34px;letter-spacing:3px;margin:14px 0}.section-head>p{color:var(--muted);font-size:12px;line-height:1.9;max-width:340px}.section-head>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.filter-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px;gap:15px}#filters{display:flex;gap:25px;flex-wrap:wrap}#filters button{background:none;border:0;padding:15px 0;color:var(--muted);font-size:12px}#filters button.active{color:var(--ink);border-bottom:2px solid var(--ink)}.search{display:flex;gap:12px;align-items:center}.search input{background:none;border:0;width:120px;color:var(--ink);padding:8px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.card{position:relative}.object{width:100%;border:0;display:block;background:#ebe9e0;cursor:pointer;padding:0;overflow:hidden}.object svg{display:block;width:100%;transition:transform .5s}.object:hover svg{transform:scale(1.055)}.heart{position:absolute;right:15px;top:15px;border:0;background:#f6f4eea8;border-radius:50%;width:30px;height:30px;font-size:19px}.heart.saved{color:#a56843}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:9px;letter-spacing:1.5px;color:var(--gold)}.card h3{font-size:20px;margin:10px 0}.card-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding-bottom:18px}.demo{font-size:10px;color:var(--muted);margin-top:30px}.story{background:#e9ece4;display:grid;grid-template-columns:1fr 1fr;padding:60px 9%;gap:8%;align-items:center}.story-art{position:relative}.story-art svg{width:100%}.story-art small{position:absolute;bottom:10px;left:0;font-size:9px;letter-spacing:2px;color:var(--muted)}.story-copy>p:not(.eyebrow){line-height:2.2;color:var(--muted);max-width:400px}.principles{margin-top:30px}.principles div{border-top:1px solid #ced3c9;padding:15px 0;display:flex;gap:22px;font-size:12px}.principles b{color:var(--gold);font-size:10px;font-weight:400}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.article{background:none;border:0;text-align:left;padding:22px 0;border-top:1px solid var(--line)}.article small{font-size:9px;letter-spacing:2px;color:var(--gold)}.article h3{font-size:21px;line-height:1.8}.article span{font-size:11px;color:var(--muted)}.invitation{text-align:center;background:var(--ink);color:#e9ebdf;padding:65px 20px}.invitation h2{font-size:36px}.invitation p:not(.eyebrow){color:#b9c4b7;font-size:12px}.invitation .primary{background:#e8e6d9;color:var(--ink)}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span{font-size:9px;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);padding:40px;max-width:680px;width:90%;max-height:85vh}dialog::backdrop{background:#12251bd1;backdrop-filter:blur(6px)}#close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px}#modal-content svg{max-height:280px;width:100%;background:#e9e7dd}#modal-content p{line-height:2;color:var(--muted)}#modal-content h2{font-size:27px}#modal-content textarea{width:100%;height:110px;border:1px solid var(--line);background:#fff9;padding:12px;color:var(--ink);font:inherit}#modal-content .primary{margin-top:12px}.copy-status{font-size:12px}@media(min-width:1600px){main,header,footer,.topline{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:90px}nav{gap:16px}nav a{font-size:11px}.tools{gap:5px}.brand{font-size:20px}.brand i{display:none}.hero{grid-template-columns:1fr 1fr;min-height:530px}.hero-copy{padding:55px 15px 25px 0}h1{font-size:39px;letter-spacing:2px}.hero-art svg{height:480px}.hero-note{margin-top:30px}.grid{grid-template-columns:repeat(2,1fr)}.story{padding:40px 5%;gap:25px}.section-head{align-items:start}.collection,.journal{padding:55px 5%}footer{flex-wrap:wrap}}@media(max-width:560px){.topline{font-size:8px;letter-spacing:1px}.topline>span:last-child{display:none}header{flex-wrap:wrap;height:auto;padding:18px 0;row-gap:18px}nav{order:3;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 0 30px}h1{font-size:45px;margin:20px 0}.hero-note{display:none}.hero-art svg{height:390px}.hero-art{min-height:390px}.vertical{top:75px}.intro-strip{gap:12px}.intro-strip>span:last-child{display:none}.intro-strip p{font-size:12px}.section-head{display:block}.section-head>p{max-width:100%}h2{font-size:28px}.filter-row{flex-wrap:wrap;padding-bottom:10px}#filters{gap:20px}.grid{gap:25px 14px}.card h3{font-size:16px}.card-bottom{font-size:9px}.card-meta{font-size:8px}.story{grid-template-columns:1fr}.story-art svg{max-height:300px}.story-copy h2{font-size:29px}.articles{grid-template-columns:1fr;gap:0}.article h3{margin:12px 0}.invitation h2{font-size:27px}footer .brand{width:100%}dialog{padding:35px 22px}}

.brand small{letter-spacing:1px;font-size:10px;text-transform:none}.brand{font-size:23px}.brand i{font-size:23px}@media(max-width:600px){.brand{font-size:19px}.brand small{font-size:9px;letter-spacing:.5px}}
