@charset "UTF-8";
:root{--blue:#5799b9;--ink:#183a4b;--muted:#5a7483;--pale:#eaf3f8;--line:#dce8ee;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}figure,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #153b59;outline-offset:6px}.skip{position:absolute;top:-90px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.header{height:92px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;background:#fff;gap:24px}.wordmark{font-family:var(--serif);font-size:30px;line-height:1.15;letter-spacing:-1.3px}.wordmark span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:3px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:36px;font-size:15px}nav a{padding:10px 0}.header-link{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:4px}.header-link span{margin-left:20px}.hero{background:linear-gradient(100deg,#528faa,#5799b9 65%);color:white;position:relative;overflow:hidden}.hero-type{text-align:center;padding:45px 24px 0;position:relative;z-index:1;will-change:transform}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:500}.hero .eyebrow{opacity:.93}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(80px,13.4vw,204px);letter-spacing:-.06em;line-height:1.1;margin:13px 0 0}.family{margin-top:-10px;width:100%;position:relative}.family img{width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 5.2% 34px;margin-top:-15px;position:relative;gap:20px;font-size:13px;line-height:1.5}.hero-note{text-align:right}.round-link{border:1px solid #ffffff95;border-radius:60px;min-height:56px;padding:14px 30px;font-size:15px;transition:background .2s,color .2s;display:flex;align-items:center;gap:32px}.round-link:hover{background:white;color:var(--ink)}.section{padding:110px 7.2%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:6%;border-bottom:1px solid var(--line);align-items:start}.intro>.eyebrow{margin-top:18px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.5vw,70px);line-height:1.13;letter-spacing:-.04em;margin:0}h2 em{font-weight:400;color:#6094ad} .intro-copy{max-width:590px;margin-top:32px;color:var(--muted);font-size:18px;line-height:1.85}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:44px}.section-head .eyebrow{margin-bottom:16px}.section-head>p{font-size:15px;color:var(--muted);line-height:1.7}.cat-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:44px}.cat-choice{border:0;background:transparent;padding:0 0 14px;text-align:left;color:var(--ink);cursor:pointer;border-bottom:2px solid var(--line);transition:border-color .2s}.cat-choice img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:var(--pale);transition:filter .2s}.cat-choice:hover img{filter:none}.cat-choice span{display:block;font-size:17px;margin:12px 0 2px;font-weight:500}.cat-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.cat-choice.active{border-color:var(--blue)}.cat-detail{display:grid;grid-template-columns:1.4fr 1fr;gap:6%;align-items:stretch}.cat-photo{align-self:center}.cat-photo img{width:100%;height:auto;object-fit:contain}.cat-info{position:relative;padding:72px 0 0;display:flex;flex-direction:column;justify-content:center}.cat-info .index{font-family:var(--serif);font-size:88px;color:#e6eff4;position:absolute;top:-10px;right:4px;line-height:1}.cat-info .eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px}.cat-info h3{font-family:var(--serif);font-size:54px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:0 0 24px}.cat-info p:not(.eyebrow){max-width:400px;color:var(--muted);font-size:17px;line-height:1.8}.photo-note{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.ambassador{background:var(--pale);display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:95px 7.2%;align-items:center}.ambassador .eyebrow{margin-bottom:22px}.ambassador h2{font-size:clamp(40px,3.8vw,59px);margin-bottom:28px}.ambassador-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);margin-bottom:16px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:26px;margin-top:16px;border-bottom:1px solid #9cb8c8;padding-bottom:8px;font-size:15px}.ambassador figure{margin:0}.ambassador img{width:100%;height:auto}.ambassador figcaption{font-size:12px;letter-spacing:.3px;padding-top:13px;color:var(--muted)}footer{padding:65px 7.2%;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-family:var(--serif);font-size:42px;letter-spacing:-2px}footer p{font-size:14px;color:var(--muted)}.top-link{font-size:14px}
@media(min-width:1700px){.hero{max-width:1900px;margin:auto}.section,.ambassador,footer{padding-left:max(7.2%,calc((100vw - 1500px)/2));padding-right:max(7.2%,calc((100vw - 1500px)/2))}}
@media(max-width:900px){.header{padding:0 5%;height:82px}.header-link{display:none}nav{gap:22px;font-size:14px}.hero-type{padding-top:38px}.hero h1{font-size:14vw}.hero-bottom{padding-bottom:25px}.section{padding:75px 6%}.intro{grid-template-columns:1fr;gap:25px}.intro>.eyebrow{margin:0}.intro-copy{font-size:17px}.section-head>p{max-width:220px}.cat-selector{gap:10px}.cat-choice small{font-size:12px}.cat-info{padding-top:55px}.cat-info h3{font-size:44px}.cat-detail{grid-template-columns:1.15fr 1fr;gap:5%}.cat-info .index{font-size:65px}.photo-note{flex-direction:column;gap:3px}.ambassador{padding:70px 6%;gap:5%}.ambassador h2{font-size:40px}.ambassador-copy>p:not(.eyebrow){font-size:16px}footer{padding:45px 6%;flex-wrap:wrap}.footer-brand{font-size:36px}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{height:84px;gap:10px;align-items:center}.wordmark{font-size:25px;letter-spacing:-1px}.wordmark span{font-size:9px;letter-spacing:2px;margin-top:6px}nav{gap:17px;font-size:13px}nav a:first-child{display:none}.hero-type{padding:39px 16px 8px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:15vw;letter-spacing:-.055em;margin:18px 0 14px}.family{margin-top:0}.hero-bottom{margin-top:0;padding:18px 20px 31px;justify-content:center}.hero-bottom>span{display:none}.round-link{font-size:14px;padding:12px 25px;min-height:49px;gap:35px}.section{padding:58px 6%}.eyebrow{font-size:12px;letter-spacing:1.5px}h2{font-size:43px}.intro{gap:23px}.intro-copy{margin-top:23px;font-size:16px;line-height:1.8}.section-head{display:block;margin-bottom:28px}.section-head>p{font-size:14px;max-width:none;margin-top:20px}.cat-selector{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:13px;padding-bottom:10px;margin:0 -6.8% 24px;padding-left:6.8%;padding-right:6.8%;scrollbar-color:#a8c5d5 transparent;scrollbar-width:thin}.cat-choice{flex:0 0 132px;scroll-snap-align:center}.cat-choice span{font-size:16px}.cat-choice small{font-size:12px}.cat-detail{display:flex;flex-direction:column;gap:30px}.cat-photo{width:100%}.cat-info{padding:0;min-height:210px}.cat-info .index{top:0;font-size:64px}.cat-info h3{font-size:42px;margin-bottom:18px}.cat-info .eyebrow{max-width:76%;font-size:11px}.cat-info p:not(.eyebrow){font-size:16px}.photo-note{margin-top:24px;flex-direction:row}.ambassador{display:flex;flex-direction:column;padding:58px 6%;gap:30px;align-items:stretch}.ambassador h2{font-size:42px}.ambassador figure{width:100%}footer{padding:40px 6%;gap:18px;align-items:start}.footer-brand{font-size:36px}footer p{flex-basis:100%;order:3;font-size:13px}.top-link{padding-top:12px;font-size:13px}}
.family img{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-type{transform:none!important;opacity:1!important}}
