.patterns-hero{min-height:850px;padding:clamp(110px,12vw,180px) var(--page-pad) 100px;display:grid;grid-template-columns:1.02fr .98fr;grid-gap:6vw;gap:6vw;align-items:center;background:#f7f2e9;overflow:hidden}.patterns-hero-copy{position:relative;z-index:2}.patterns-hero h1{font-family:var(--serif);font-size:clamp(58px,7.4vw,116px);line-height:.88;letter-spacing:-.045em;color:var(--navy);margin:24px 0 34px}.patterns-hero-lede{font-size:clamp(19px,1.6vw,24px);line-height:1.55;color:#56616c;max-width:760px}.patterns-hero .button-row{margin-top:40px}.patterns-hero-art{position:relative;min-height:680px}.pattern-orbit{position:absolute;width:230px;height:230px;border-radius:50%;overflow:hidden;box-shadow:0 26px 55px rgba(8,28,56,.17);border:8px solid rgba(255,255,255,.72);background:#fff}.pattern-orbit img{width:100%;height:100%;object-fit:cover}.orbit-1{left:27%;top:0}.orbit-2{right:0;top:24%}.orbit-3{right:12%;bottom:0}.orbit-4{left:5%;bottom:1%}.orbit-5{left:0;top:25%}.pattern-orbit-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:230px;height:230px;border-radius:50%;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 0 26px rgba(9,31,66,.06)}.pattern-orbit-center span{font:500 10px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:#d6ac58}.pattern-orbit-center b{font:400 27px/1.05 var(--serif);margin-top:14px}.patterns-context,.patterns-library,.patterns-premise,.patterns-signal,.patterns-use{padding:clamp(85px,10vw,150px) var(--page-pad)}.patterns-premise{background:#fffdf9}.patterns-premise-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:9vw;gap:9vw;align-items:start}.patterns-context h2,.patterns-library-intro h2,.patterns-premise h2,.patterns-signal h2,.patterns-use>h2{font-family:var(--serif);font-size:clamp(46px,5.3vw,82px);line-height:.98;color:var(--navy);margin:25px 0}.patterns-premise-grid>div{font-size:18px;color:#53606a}.pattern-flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:95px;border:1px solid #d8d5ce}.pattern-flow article{padding:28px 24px;min-height:190px;border-right:1px solid #d8d5ce}.pattern-flow article:last-child{border:0}.pattern-flow span{font:500 11px var(--cond);letter-spacing:.15em;color:#a5721c}.pattern-flow b{display:block;font:400 29px var(--serif);color:var(--navy);margin:45px 0 4px}.pattern-flow p{font-size:13px;color:#6c7478;margin:0}.patterns-invitation{padding:clamp(75px,9vw,130px) var(--page-pad);display:grid;grid-template-columns:1.15fr .85fr;grid-gap:9vw;gap:9vw;background:var(--navy);color:white;align-items:center}.patterns-invitation h2{font-size:clamp(48px,5.6vw,86px);line-height:.94;color:white;margin:24px 0}.patterns-invitation>div>p:last-child{font-size:19px;color:#c7d0dc;max-width:700px}.invitation-card{background:#11335d;border-left:4px solid #c99538;padding:45px}.invitation-card>span{font:500 10px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#d8b66c}.invitation-card>p{font:400 clamp(28px,3vw,43px)/1.12 var(--serif);margin:25px 0 38px}.patterns-library{background:#f5efe5}.patterns-library-intro{max-width:940px;margin-bottom:110px}.patterns-library-intro>p:last-child{font-size:19px;color:#626b70;max-width:740px}.ring-section{margin:0 auto 150px;scroll-margin-top:110px}.ring-section-heading{display:grid;grid-template-columns:1fr 440px;grid-gap:6vw;gap:6vw;align-items:center;border-top:1px solid rgba(8,29,63,.22);padding-top:45px;margin-bottom:50px}.ring-section-heading>div>p{font:500 11px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:#a5721c}.ring-section-heading h3{font:400 clamp(55px,6vw,90px)/.95 var(--serif);color:var(--navy);margin:12px 0}.ring-section-heading blockquote{font:400 27px/1.2 var(--serif);color:#173c6a;margin:22px 0 15px}.ring-section-heading span{display:block;max-width:650px;color:#626d73}.ring-section-heading img{width:100%;height:300px;object-fit:cover;border-radius:50%;box-shadow:0 22px 45px rgba(8,29,63,.16)}.pattern-card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.pattern-card{display:grid;grid-template-columns:260px 1fr;min-height:500px;background:#fffdf9;scroll-margin-top:105px;box-shadow:0 12px 35px rgba(8,29,63,.06)}.pattern-card-image{position:relative;overflow:hidden;background:#0a1b35}.pattern-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.pattern-card-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,17,37,.92))}.pattern-card-image span{position:absolute;z-index:2;left:20px;right:20px;bottom:22px;color:white;font:500 9px/1.3 var(--cond);letter-spacing:.15em;text-transform:uppercase}.pattern-card-copy{padding:34px 30px}.pattern-ring-label{font:500 9px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#a5721c}.pattern-card h4{font:400 37px/1 var(--serif);color:var(--navy);margin:12px 0 20px}.pattern-card blockquote{font:400 20px/1.3 var(--serif);color:#184673;margin:0 0 20px}.pattern-card-copy>p:not(.pattern-ring-label){font-size:14px;color:#58636c}.pattern-card details{border-top:1px solid #dfdcd5;margin-top:24px;padding-top:18px}.pattern-card summary{cursor:pointer;color:#0e6948;font-weight:700;font-size:12px}.pattern-card dl{margin:22px 0 0}.pattern-card dl>div{margin-bottom:18px}.pattern-card dt{font:500 9px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#a5721c}.pattern-card dd{margin:5px 0 0;color:#4f5a63;font-size:13px}.ring-section:last-child{margin-bottom:0}.patterns-context{display:grid;grid-template-columns:1fr 1fr;grid-gap:9vw;gap:9vw;background:#e9e1d4}.patterns-context>div:last-child{font-size:18px;color:#515d66}.patterns-use{background:#fffdf9}.patterns-use>h2{max-width:1020px}.patterns-use-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:60px}.patterns-use-grid article{padding:38px;border:1px solid rgba(8,29,63,.16);min-height:390px;display:flex;flex-direction:column}.patterns-use-grid span{font:500 10px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#a5721c}.patterns-use-grid h3{font:400 34px/1.05 var(--serif);color:var(--navy);margin:45px 0 18px}.patterns-use-grid p{color:#626d73}.patterns-use-grid a{margin-top:auto;font-weight:700;color:#0d6d4b}.patterns-signal{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:8vw;gap:8vw;background:#f4eee4;align-items:start}.patterns-signal h2{font-size:clamp(44px,4.7vw,72px)}.patterns-signal>div>p:last-child{color:#606b72;max-width:560px}@media(max-width:1100px){.patterns-hero{grid-template-columns:1fr}.patterns-hero-art{max-width:700px;width:100%;margin:auto}.pattern-card{grid-template-columns:210px 1fr}.ring-section-heading{grid-template-columns:1fr 330px}}@media(max-width:850px){.patterns-context,.patterns-invitation,.patterns-premise-grid,.patterns-signal{grid-template-columns:1fr}.pattern-flow{grid-template-columns:1fr 1fr}.pattern-flow article{border-bottom:1px solid #d8d5ce}.ring-section-heading{grid-template-columns:1fr}.ring-section-heading img{max-width:430px}.pattern-card-grid,.patterns-use-grid{grid-template-columns:1fr}.patterns-use-grid article{min-height:280px}}@media(max-width:600px){.patterns-hero{min-height:auto;padding-top:110px}.patterns-hero h1{font-size:55px}.patterns-hero-art{min-height:410px;transform:scale(.9)}.pattern-orbit{width:128px;height:128px;border-width:5px}.pattern-orbit-center{width:145px;height:145px}.pattern-orbit-center b{font-size:20px}.pattern-flow{grid-template-columns:1fr}.pattern-flow article{min-height:135px}.pattern-flow b{margin-top:25px}.ring-section-heading img{height:260px}.pattern-card{grid-template-columns:1fr}.pattern-card-image{height:380px}.pattern-card-copy{padding:29px 23px}.patterns-library{padding-left:18px;padding-right:18px}.patterns-library-intro{margin-bottom:80px}}.patterns-context,.patterns-hero,.patterns-invitation,.patterns-library,.patterns-premise,.patterns-signal,.patterns-use{--page-pad:clamp(22px,7vw,110px)}.patterns-hero .button:focus-visible,.patterns-hero .text-button:focus-visible,.patterns-invitation a:focus-visible,.patterns-library summary:focus-visible,.patterns-use a:focus-visible{outline:3px solid #c99538;outline-offset:4px}@media(max-width:600px){.patterns-hero{padding-bottom:72px}.patterns-hero-art{margin-top:18px;min-height:380px}.patterns-hero .button-row{align-items:flex-start;gap:20px}}