/* Shared masthead for the TRT landing pages, design library and catalog. */
.trt-header{background:#183d58;color:#fff;font:400 13px/1.55 'DM Sans','Avenir Next',sans-serif}
.trt-header-inner{width:min(1512px,calc(100% - 128px));margin-inline:auto;min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.trt-header-brand{display:block;flex:0 0 auto;text-decoration:none}
.trt-header-brand img{display:block;width:190px;height:auto;max-width:100%}
.trt-header-nav{display:flex;align-items:center;gap:38px}
.trt-header-nav a{display:block;padding:12px 0;color:inherit;text-decoration:none;white-space:nowrap}
.trt-header-nav a[hidden]{display:none}
.trt-header-nav span{margin-left:5px}
.trt-header-nav a:hover,.trt-header-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.trt-header a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
[data-trt-section=resort] .trt-header{background:#d6e9e1;color:#173f52}
[data-trt-section=resort] .trt-header-brand img{width:250px}
[data-trt-section=resort] .trt-header-nav{gap:34px;font-weight:600}
.trt-library-page .intro{padding-top:30px}
[data-trt-section=resort] .trt-library-page .intro{background:#d6e9e1;color:#173f52}
[data-trt-section=resort] .trt-library-page .intro-copy,
[data-trt-section=resort] .trt-library-page .example-note,
[data-trt-section=resort] .trt-library-page .full-library-link{color:#3d5953}
@media(max-width:1050px){.trt-header-inner{width:calc(100% - 56px)}.trt-header-nav,[data-trt-section=resort] .trt-header-nav{gap:24px}}
@media(max-width:760px){
 .trt-header-inner{width:calc(100% - 40px);flex-wrap:wrap;justify-content:center;gap:10px;padding-block:18px 12px}
 .trt-header-brand img{width:155px}
 [data-trt-section=resort] .trt-header-brand img{width:210px}
 .trt-header-nav,[data-trt-section=resort] .trt-header-nav{width:100%;justify-content:space-between;gap:16px;font-size:12px}
 [data-trt-section=resort] .trt-header-nav{flex-wrap:wrap;justify-content:center;column-gap:22px;row-gap:0}
 .trt-library-page .intro{padding-top:22px}
}
@media(max-width:390px){.trt-header-inner{width:calc(100% - 32px)}.trt-header-nav,[data-trt-section=resort] .trt-header-nav{gap:10px;font-size:11px}}