
:root{--navy:#06254b;--gold:#bf762e;--cream:#fdfbf7;--ivory:#fffdf9;--pale:#fbf4e9;--text:#092e55;--line:#ede8df;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:Montserrat,Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--serif)}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.site-header{height:56px;background:rgba(255,253,249,.97);position:relative;z-index:20;box-shadow:0 1px 5px rgba(52,44,28,.025)}
.header-inner{max-width:1280px;height:100%;margin:auto;padding:0 clamp(19px,3.3vw,56px) 0 clamp(20px,8.3vw,100px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;width:185px;position:relative;padding-top:7px}.logo strong{font:600 16px/.98 var(--sans);letter-spacing:2.6px;white-space:nowrap}.logo small{font:500 8px/1.4 var(--sans);letter-spacing:1px;white-space:nowrap;padding-top:3px}
.logo-mark{display:flex;gap:8px;align-items:center;height:14px;margin-top:2px;color:var(--gold)}.logo-mark:before,.logo-mark:after{content:'';width:43px;height:1px;background:var(--gold)}.rings{width:25px;height:16px;display:inline-block;position:relative}.rings:before,.rings:after{content:'';position:absolute;top:1px;height:14px;width:13px;border:1.4px solid var(--gold);border-radius:50%}.rings:before{left:1px}.rings:after{right:1px}
.main-nav{align-self:stretch;display:flex;align-items:center;gap:clamp(10px,1.9vw,30px);white-space:nowrap}.main-nav a{font:500 10px/1.4 var(--sans);padding:8px 0 7px;position:relative}.main-nav a.active:after,.main-nav a:hover:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:3px;left:0;right:0}.main-nav a:hover{color:#b56d23}.menu-toggle{display:none;border:1px solid #d1c5b4;background:transparent;color:var(--navy);border-radius:4px;padding:9px 12px;font:600 12px var(--sans)}
.skip{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{left:14px;top:6px;width:auto;height:auto;background:white;padding:8px;z-index:200}
.breadcrumb{max-width:1160px;margin:0 auto;padding:27px 28px 17px;font:500 11px/1.6 var(--sans);color:#4e6380}.breadcrumb a{border-bottom:1px solid transparent}.breadcrumb a:hover{border-bottom-color:var(--gold)}.breadcrumb span{color:var(--gold);margin:0 9px}
.ref-hero{display:grid;grid-template-columns:53% 47%;background:#faf7f0;max-width:1280px;margin:auto;min-height:418px;overflow:hidden}
.ref-hero-copy{padding:50px 45px 49px clamp(28px,7vw,108px);position:relative;z-index:1}.kicker{font:600 11px/1.6 var(--sans);letter-spacing:2.7px;color:#9f642f;text-transform:uppercase}.kicker:before{content:'';display:inline-block;vertical-align:middle;margin-right:12px;width:31px;height:1px;background:var(--gold)}.ref-hero h1{font:500 clamp(53px,6vw,80px)/.95 var(--serif);letter-spacing:-1.6px;margin:22px 0 12px;max-width:720px}.gold-line{height:1px;width:135px;background:var(--gold);margin:18px 0 20px}.hero-sub{font:400 clamp(24px,2.5vw,31px)/1.12 var(--serif);max-width:560px;margin:0}.ref-hero-photo{position:relative;overflow:hidden}.ref-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.ref-hero-photo:before{position:absolute;content:'';inset:0;z-index:1;background:linear-gradient(90deg,#faf7f0 0%,rgba(250,247,240,.15) 18%,transparent 50%)}
.main-container{max-width:1180px;padding:65px 26px 0;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:66px;align-items:start}.ref-text{min-width:0}.ref-text .lead{font:400 29px/1.2 var(--serif);letter-spacing:-.2px;margin:0 0 35px}.editorial-rule{height:1px;width:65px;background:var(--gold);margin:26px 0 26px}.body-section{padding:7px 0 22px}.body-section h2{font:500 clamp(37px,3.8vw,45px)/1.03 var(--serif);margin:0 0 12px;letter-spacing:-.4px}.body-section p{font:400 24px/1.23 var(--serif);margin:0 0 14px;color:#183955}.example{border-left:2px solid #bb823e;background:#f7f0e6;padding:16px 23px;margin:17px 0 7px;font:400 22px/1.22 var(--serif);color:#22435b}.example strong{font:600 10px var(--sans);letter-spacing:1.8px;display:block;color:#a56d32;margin-bottom:9px}.example p{font:400 21px/1.23 var(--serif);margin:0}
.pullquote{padding:25px 30px;background:#0d2c4c;color:#fff;margin:18px 0 39px;position:relative;border-radius:2px}.pullquote:before{content:'“';position:absolute;top:-26px;left:13px;color:#d9a66e;font:90px var(--serif)}.pullquote p{font:italic 400 28px/1.13 var(--serif);margin:0;padding-left:35px}.ref-side{position:sticky;top:30px;max-height:calc(100vh - 45px);overflow:auto;scrollbar-width:thin;background:#fffdfa;border:1px solid #ede3d5;padding:24px 20px 20px}.ref-side .aside-head{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:2px;color:#a36a2c;margin:0 0 16px}.ref-side a{display:flex;gap:10px;align-items:start;font:500 18px/1.06 var(--serif);padding:10px 0;border-bottom:1px solid #efe8dc}.ref-side a:last-of-type{border-bottom:0}.ref-side a:hover,.ref-side a[aria-current="page"]{color:#b47b32}.ref-side .num{flex:0 0 26px;width:26px;height:26px;border:1px solid #d4ae7a;border-radius:50%;display:grid;place-items:center;font:500 10px var(--sans);color:#a56921}.ref-side a[aria-current="page"] .num{background:#b58143;color:white}.aside-all{display:block!important;text-align:center;margin-top:18px;padding:13px 7px!important;border:1px solid #c8965e!important;font:600 10px var(--sans)!important;text-transform:uppercase;letter-spacing:1px}
.conversation{margin:40px 0 32px;padding:33px 38px;background:#f7eddf;border-top:1px solid #ddbe98;border-bottom:1px solid #ddbe98}.conversation h2{font:500 40px/1 var(--serif);margin:6px 0 17px}.conversation ul{padding-left:23px;margin:0}.conversation li{font:400 23px/1.22 var(--serif);padding:5px 0}.practice{padding:23px 29px;background:#fffdfa;border:1px solid #e8dece;margin:0 0 50px}.practice h2{font:500 33px/1.05 var(--serif);margin:8px 0 12px}.practice p{font:400 22px/1.24 var(--serif);margin:0}.bottom-nav{max-width:1160px;margin:35px auto 0;padding:35px 26px 44px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px;border-top:1px solid #e5d6c4}.bottom-nav a{padding:14px;min-height:88px;border:1px solid #dcc7af;display:flex;flex-direction:column;justify-content:center;gap:4px}.bottom-nav a:hover{background:#f5e8d8}.bottom-nav .small{font:600 10px var(--sans);color:#a16f37;letter-spacing:1.4px;text-transform:uppercase}.bottom-nav .link-name{font:500 21px/1.06 var(--serif)}.bottom-nav .mid{background:var(--navy);color:white;text-align:center;border-color:var(--navy)}.bottom-nav .mid .small{color:#f5d6a5}.bottom-nav a:last-child{text-align:right}.site-footer{background:#0b2b4b;color:#f8f1e6;text-align:center;padding:29px 20px;font:500 11px/1.8 var(--sans);letter-spacing:.5px}.site-footer a{text-decoration:underline;text-underline-offset:4px}
.catalog-intro{max-width:1130px;margin:55px auto 26px;padding:0 26px}.catalog-intro h2{font:500 49px/1.05 var(--serif);margin:8px 0 12px}.catalog-intro p{max-width:770px;font:400 25px/1.15 var(--serif);margin:0}.catalog{max-width:1180px;margin:0 auto;padding:20px 26px 76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.catalog-card{background:#fffdfa;border:1px solid #e8ddce;padding:29px 26px 25px;display:flex;flex-direction:column;min-height:260px}.catalog-card:hover{border-color:#d4a46d;box-shadow:0 8px 25px #45321f0c}.catalog-card .count{font:600 11px var(--sans);color:#bd7b37;letter-spacing:2px}.catalog-card h3{font:500 31px/.98 var(--serif);margin:16px 0 12px}.catalog-card p{font:400 21px/1.08 var(--serif);margin:0 0 22px;flex:1}.catalog-card .read{font:600 11px var(--sans);letter-spacing:1px;color:#a36f33;text-transform:uppercase}.catalog-footer{margin:0 auto 50px;text-align:center;max-width:730px;padding:0 26px;font:400 24px/1.2 var(--serif)}
@media(max-width:990px){.main-container{gap:35px;grid-template-columns:minmax(0,1fr) 245px}.ref-hero-copy{padding-left:40px}.ref-hero h1{font-size:clamp(48px,6vw,70px)}.ref-side{padding:18px 13px}.ref-side a{font-size:17px}}
@media(max-width:760px){.site-header{height:auto;min-height:66px}.header-inner{height:66px;padding:0 17px}.logo{width:178px;padding-top:3px}.logo strong{font-size:14px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--ivory);padding:12px 20px 22px;align-items:stretch;gap:0;flex-direction:column;box-shadow:0 15px 20px #0002}.main-nav.open{display:flex}.main-nav a{font-size:12px;padding:13px 8px;border-bottom:1px solid #eee3d6}.ref-hero{grid-template-columns:1fr;display:flex;flex-direction:column-reverse;min-height:0}.ref-hero-photo{height:290px}.ref-hero-photo:before{background:linear-gradient(0deg,#faf7f0,transparent 37%)}.ref-hero-photo img{object-position:center 8%}.ref-hero-copy{padding:24px 22px 35px}.ref-hero h1{font-size:clamp(52px,10.2vw,70px);margin:10px 0}.hero-sub{font-size:26px}.breadcrumb{padding:17px 22px 13px}.main-container{display:flex;flex-direction:column;padding:31px 22px 0;gap:0}.ref-text .lead{font-size:27px}.body-section h2{font-size:38px}.body-section p{font-size:23px}.ref-side{position:static;max-height:none;width:100%;margin-bottom:35px;order:2}.ref-text{order:1}.conversation{padding:26px 23px}.conversation h2{font-size:36px}.conversation li{font-size:22px}.practice{padding:23px}.bottom-nav{grid-template-columns:1fr 1fr;padding:28px 22px}.bottom-nav .mid{grid-column:1/-1;grid-row:1}.bottom-nav a{min-height:76px}.bottom-nav .link-name{font-size:19px}.catalog-intro{margin-top:26px}.catalog-intro h2{font-size:43px}.catalog{grid-template-columns:1fr 1fr;gap:12px;padding:12px 18px 50px}.catalog-card{padding:23px 20px;min-height:250px}.catalog-card h3{font-size:29px}}
@media(max-width:530px){.catalog{grid-template-columns:1fr}.catalog-card{min-height:195px}.ref-hero-photo{height:260px}.ref-hero-copy{padding-top:20px}.ref-hero h1{font-size:55px}.kicker{font-size:9px;letter-spacing:2px}.bottom-nav a:last-child .link-name{font-size:18px}}
