/* Contact: a handwritten invitation. Partners: one shared course. */
.relations-page{max-width:1680px;overflow:clip;--navy:#0b1d30;--blue:#1760ec}
.relation-hero{position:relative;isolation:isolate;min-height:clamp(720px,62vw,960px);margin-top:-102px;padding-top:102px}
.relation-copy{position:relative;z-index:3;padding:clamp(100px,10vw,160px) 0 100px 6%;width:48%}
.relation-copy .eyebrow{font-size:12px;letter-spacing:.19em;color:#d94d06;margin-bottom:28px}
.relation-copy h1{font-size:clamp(64px,6.6vw,104px);letter-spacing:-.065em;line-height:1.01;margin-bottom:30px;font-weight:600}
.relation-copy .lead{font-size:clamp(17px,1.45vw,22px);line-height:1.6;color:#49566b;max-width:480px;text-wrap:pretty}
.relation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:26px}
.relation-actions .button{border-radius:30px;padding:17px 25px;font-size:14px}
.email-link{display:inline-block;max-width:100%;font-size:clamp(42px,5.1vw,78px);font-weight:600;letter-spacing:-.06em;line-height:1.2;color:var(--blue);margin-top:38px}
.copy-email{border:1px solid #b7c4d5;border-radius:28px;background:#ffffffda;color:#102039;padding:16px 25px;min-height:50px;cursor:pointer;font-size:14px}
.copy-email[hidden]{display:none}.copy-status{min-height:22px;font-size:13px;line-height:1.5;margin:14px 0 0;color:#43546c}
.relation-hero .about-scene{position:absolute;inset:0;z-index:0}
.relation-hero .scene-image{mask-image:linear-gradient(100deg,transparent 23%,#000 52%)}
.relation-hero .sketch-trace{mask-image:linear-gradient(100deg,transparent 27%,#000 37%,transparent 54%)}
.relation-hero .about-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 18%,#fffffff5 29%,#ffffff8c 39%,transparent 57%)}
.relation-hero .about-replay{bottom:100px}
.writing-scene .scene-image img{object-position:65% 50%}
.partners-hero .relation-copy{width:48%;padding-top:105px;padding-bottom:165px}
.partners-hero h1{font-size:clamp(62px,6.3vw,98px)}
.partners-hero .lead{max-width:410px}
.partners-hero .relation-actions{gap:18px}
.relation-text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:14px;color:#354e73}
.relation-text-link span{color:#dc5e0c;font-size:21px}
.crew-scene .scene-image img{object-position:66% 48%}
.relation-band{position:relative;z-index:4;margin-top:-90px;color:white}
.wave{display:block;width:100%;height:100px;fill:var(--navy);pointer-events:none}
.wave-in{height:120px;margin-bottom:-1px}.wave-out{margin-top:-1px}
.band-content{background:var(--navy);padding:48px 6% 32px}
.routing-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:65px;padding-bottom:48px}
.routing-grid>div+div{border-left:1px solid #ffffff29;padding-left:12%}
.routing-grid h2{font-size:clamp(25px,2.3vw,36px);line-height:1.15;letter-spacing:-.045em;margin-bottom:18px}
.routing-grid p{font-size:17px;line-height:1.6;color:#d9e3ee;margin-bottom:14px}
.routing-grid a{display:inline-flex;align-items:center;gap:18px;color:#6dccff;font-size:18px;min-height:44px}
.registered-address{padding:30px 6% 38px;display:flex;justify-content:space-between;align-items:flex-start;gap:25px;font-size:14px;line-height:1.6}
.registered-address>a{font-weight:600;min-height:44px}.registered-address>a span{color:#1760ec;margin-left:8px}
.registered-address address{font-style:normal;color:#4a5669;text-align:right}.registered-address address span{display:block;color:#66748a;font-size:12px;margin-bottom:5px}
.partner-directions .band-content{padding-top:40px;padding-bottom:35px}
.partner-directions h2{font-size:clamp(36px,3.6vw,56px);letter-spacing:-.05em;margin-bottom:54px;line-height:1.1}
.directions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}
.directions-grid .chapter-mark{width:35px;height:2px;margin-bottom:22px}
.directions-grid h3{font-size:clamp(18px,1.6vw,25px);letter-spacing:-.025em;margin:0 0 16px;line-height:1.25;font-weight:600}
.directions-grid p{font-size:16px;line-height:1.7;color:#dce5ee;margin:0;max-width:330px}
.partner-conversation{position:relative;isolation:isolate;margin-top:-82px;min-height:700px;scroll-margin-top:105px}
.partner-conversation .relation-copy{width:52%;padding-top:135px;padding-bottom:75px}
.partner-conversation h2{font-size:clamp(46px,4.4vw,70px);letter-spacing:-.055em;line-height:1.07;margin-bottom:28px}
.partner-conversation .lead{max-width:500px;font-size:18px}
.partner-conversation .email-link{font-size:clamp(36px,3.1vw,48px);margin-top:18px}
.partner-conversation .company-credit{font-size:13px;margin-top:30px}
.deck-scene{position:absolute;top:0;bottom:0;right:0;width:67%}
.deck-scene .scene-image{mask-image:linear-gradient(100deg,transparent 8%,#000 46%)}
.deck-scene .scene-image img{object-position:62% 50%}
.deck-scene .sketch-trace{mask-image:linear-gradient(100deg,transparent 12%,#000 26%,transparent 50%)}
.deck-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 3%,#ffffffd9 20%,transparent 55%),linear-gradient(0deg,#fff,transparent 18%)}
.deck-scene .about-replay{bottom:65px}
.relations-footer{padding-bottom:30px}
@media(hover:hover) and (pointer:fine){.copy-email:hover{background:#edf4ff;border-color:#7e9bd0}.email-link:hover{color:#084ec9}.relation-text-link:hover{color:#1760ec}.routing-grid a:hover{color:#fff}}
@media(min-width:1680px){.relation-copy{padding-top:160px}.partners-hero .relation-copy{padding-top:150px}}
@media(max-width:1100px) and (min-width:761px){.relation-copy{padding-left:5%;width:51%}.relation-copy h1{font-size:72px}.partners-hero h1{font-size:64px}.relation-copy .lead{font-size:17px}.relation-hero{min-height:760px}.partners-hero .relation-copy{width:50%;padding-top:115px}.partner-conversation .relation-copy{width:54%;padding-left:5%}.routing-grid{gap:4%}.routing-grid>div+div{padding-left:8%}.directions-grid{gap:4%}.directions-grid h3{font-size:20px}.directions-grid p{font-size:15px}}
@media(max-width:760px){
 .relation-hero{display:flex;flex-direction:column;min-height:0;margin-top:0;padding-top:0}
 .relation-copy,.partners-hero .relation-copy{order:-1;width:100%;padding:45px 7% 0}
 .relation-copy h1{font-size:clamp(58px,12vw,84px);margin-bottom:25px}.partners-hero h1{font-size:clamp(52px,11.5vw,80px)}
 .relation-copy .lead{font-size:17px;max-width:540px}.relation-copy .eyebrow{font-size:11px;margin-bottom:24px}
 .desktop-break{display:none}.email-link{font-size:clamp(37px,9.7vw,65px);margin-top:25px}
 .relation-actions{gap:13px;margin-top:22px}.relation-actions .button,.copy-email{font-size:13px;padding:16px 22px;min-height:48px}
 .relation-hero .about-scene{position:relative;inset:auto;width:100%;height:430px;margin-top:0}
 .relation-hero .scene-image{mask-image:linear-gradient(180deg,transparent,#000 24%)}
 .relation-hero .about-scene:after{background:linear-gradient(180deg,#fff,transparent 24%)}
 .relation-hero .sketch-trace{mask-image:linear-gradient(100deg,#000,transparent 43%)}
 .writing-scene .scene-image img{object-position:74% 50%}.crew-scene .scene-image img{object-position:68% 50%}
 .relation-hero .about-replay{bottom:65px;right:20px}
 .relation-band{margin-top:-57px}.wave-in{height:70px}.wave-out{height:55px}
 .routing-grid{grid-template-columns:1fr;gap:30px;padding:40px 7% 30px}
 .routing-grid>div+div{border-left:0;border-top:1px solid #ffffff29;padding:30px 0 0}
 .routing-grid h2{font-size:29px;max-width:440px}.routing-grid p{font-size:16px;margin-bottom:8px}.routing-grid a{font-size:16px}
 .registered-address{display:block;padding:30px 7%}.registered-address>a{display:inline-flex;align-items:center}.registered-address address{text-align:left;margin-top:12px;font-size:13px}
 .partner-directions .band-content{padding:40px 7% 30px}.partner-directions h2{font-size:37px;margin-bottom:38px;max-width:520px}
 .directions-grid{grid-template-columns:1fr;gap:32px}.directions-grid .chapter-mark{margin-bottom:17px;width:30px}.directions-grid h3{font-size:23px;margin-bottom:12px}.directions-grid p{font-size:16px;max-width:520px}
 .partner-conversation{display:flex;flex-direction:column;min-height:0;margin-top:-15px;scroll-margin-top:110px}
 .partner-conversation .relation-copy{order:-1;width:100%;padding:40px 7% 0}.partner-conversation h2{font-size:clamp(42px,9vw,62px)}.partner-conversation .lead{font-size:17px;max-width:540px}.partner-conversation .email-link{font-size:38px}
 .deck-scene{position:relative;inset:auto;width:100%;height:370px;margin-top:8px}.deck-scene .scene-image{mask-image:linear-gradient(180deg,transparent,#000 25%,#000 86%,transparent)}.deck-scene:after{background:linear-gradient(180deg,#fff,transparent 25%,transparent 82%,#fff)}.deck-scene .sketch-trace{mask-image:linear-gradient(100deg,#000,transparent 55%)}.deck-scene .about-replay{bottom:48px;right:20px}
}
@media(max-width:380px){.relation-copy,.partners-hero .relation-copy,.partner-conversation .relation-copy{padding-left:24px;padding-right:24px}.relation-copy h1{font-size:57px}.partners-hero h1{font-size:51px}.email-link{font-size:36px}.relation-actions{gap:12px}.relation-actions .button,.copy-email{padding:15px 19px}.relation-hero .about-scene{height:355px}.partner-conversation .email-link{font-size:35px}.routing-grid h2{font-size:27px}.partner-directions h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.relations-page *{animation:none!important;transition:none!important}.relations-page .scene-image [data-sketch]{opacity:0!important}.relations-page .about-replay{display:none!important}}
