/* Brian's personal note, with a borrowed uniform and the same neighborhood warmth. */
.creator-hero {position:relative;isolation:isolate;overflow:hidden;max-width:1800px;margin:auto;border-radius:46px 46px 0 0;color:var(--cream);background:radial-gradient(ellipse at 76% 42%,#5c3c26,#30231c 44%,var(--ink) 78%)}
.creator-hero::before {content:'';position:absolute;inset:0;z-index:-1;background:url('assets/hero-art.svg') center/cover;opacity:.5;pointer-events:none}
.creator-hero-inner {display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:34px;padding-bottom:103px;min-height:740px}
.about-breadcrumb {display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;color:#decbb2;margin-bottom:33px}
.about-breadcrumb a {text-decoration:underline;text-underline-offset:4px}
.creator-intro .eyebrow {font-size:11px;color:var(--yellow);letter-spacing:1.4px;margin-bottom:19px}
.creator-intro h1 {font-size:clamp(57px,5.5vw,83px);line-height:1.05;letter-spacing:-2px}
.creator-intro h1>span {color:var(--yellow)}
.creator-lede {font-size:20px;line-height:1.7;margin-top:26px;color:#f8e7cf}
.creator-welcome {font-size:16px;line-height:1.85;color:#cdbba4;max-width:430px;margin-top:16px}
.creator-actions {display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:28px}
.creator-actions .button {font-size:12px;padding:20px 25px;min-height:54px}
.creator-actions .text-link {font-size:14px;color:var(--cream)}
.creator-actions .text-link:hover {color:var(--yellow)}
.creator-portrait {position:relative;max-width:420px;width:92%;margin:16px auto 0;background:var(--cream);border-radius:230px 230px 23px 23px;padding:10px 10px 0;transform:rotate(3deg);box-shadow:10px 13px 0 #09070433}
.creator-photo {border-radius:220px 220px 12px 12px;overflow:hidden;background:#12100e}
.creator-photo img {width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top}
.creator-portrait figcaption {text-align:center;line-height:1.6;padding:21px 13px;color:var(--ink)}
.creator-portrait figcaption strong {font:21px/1.3 var(--display);letter-spacing:-.3px}
.creator-portrait figcaption>span {display:block;font-size:9px;font-weight:700;letter-spacing:.7px;margin-top:8px}
.creator-seal {position:absolute;bottom:86px;right:-37px;width:132px;height:132px;border-radius:50%;background:var(--yellow);border:6px double #ac7c2d;color:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:8px;font-weight:700;letter-spacing:.9px;transform:rotate(-13deg);text-align:center;box-shadow:3px 5px 0 #0e0a0626}
.creator-seal strong {font:18px/1.15 var(--display);letter-spacing:-.3px}
.creator-seal>span {font-size:22px;line-height:1}
.creator-wave {position:absolute;bottom:-1px;left:0;width:100%;height:65px;fill:var(--cream);pointer-events:none}
.creator-letter {display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:64px;padding-bottom:78px;scroll-margin-top:30px}
.letter-heading .eyebrow {font-size:11px;letter-spacing:1.1px;color:var(--red);margin-bottom:17px}
.letter-heading h2 {font-size:clamp(30px,2.9vw,44px);line-height:1.2;letter-spacing:-.8px}
.letter-heading>p:not(.eyebrow) {font:italic 26px/1.45 Fraunces,Georgia,serif;margin-top:25px;color:#886037}
.letter-heading>span {display:block;font-size:63px;line-height:1;color:var(--red);transform:rotate(13deg);width:max-content;margin-top:30px}
.letter-copy>p:not(.brian-signoff) {font-size:18px;line-height:1.95;color:var(--muted);margin-bottom:23px}
.letter-copy blockquote {margin:31px 0 0;padding:23px 0 23px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:3px solid var(--red)}
.letter-copy blockquote p {font:italic 700 29px/1.5 Fraunces,Georgia,serif;color:var(--ink)}
.brian-signoff {font-size:14px;line-height:1.8;color:var(--muted);margin-top:25px}
.brian-signoff>span {display:block;font:italic 700 38px/1.3 Fraunces,Georgia,serif;color:var(--red);margin-top:8px}
.brians-work {background:var(--ink);color:var(--cream);padding:64px 0 67px;border-radius:50% 50% 50% 18% / 5% 5% 5% 3%;position:relative;overflow:hidden}
.work-layout {display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}
.work-copy .eyebrow {font-size:11px;letter-spacing:1.1px;color:var(--yellow);margin-bottom:17px}
.work-copy h2 {font-size:clamp(35px,3.2vw,47px);line-height:1.17;letter-spacing:-1px}
.work-copy h2>span {color:var(--yellow)}
.work-copy>p:not(.eyebrow) {font-size:17px;line-height:1.9;color:#dccab2;margin-top:24px}
.work-copy .text-link {font-size:14px;color:var(--cream);margin-top:22px}
.work-copy .text-link:hover {color:var(--yellow)}
.work-letterboard {padding:25px 30px 22px;border:7px solid #82664a;border-radius:24px;background:repeating-linear-gradient(0deg,#f4e6c9,#f4e6c9 15px,#e7d6b7 15px,#e7d6b7 16px);color:var(--ink);transform:rotate(2deg);box-shadow:8px 10px 0 #0002}
.board-top {display:flex;align-items:center;gap:15px;border-bottom:1px solid #b5a07e;padding-bottom:21px}
.board-top svg {width:43px;height:43px;stroke:var(--red);stroke-width:1.6;fill:none;flex-shrink:0}
.board-top>span {font-size:10px;font-weight:600;line-height:1.8;letter-spacing:.8px}
.board-top strong {font-size:12px;font-weight:800}
.board-line {display:flex;align-items:center;gap:19px;border-bottom:1px solid #c6b28f;padding:24px 0}
.board-line>span {align-self:flex-start;font-size:11px;font-weight:800;color:var(--red);padding-top:4px}
.board-line>p {font:29px/1.25 var(--display);letter-spacing:-.5px}
.board-line>i {font-size:29px;font-style:normal;margin-left:auto;color:var(--red)}
.board-footnote {font-size:9px;letter-spacing:.5px;font-weight:800;line-height:1.8;padding-top:19px;text-align:center}
.brian-connect {display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:77px;padding-bottom:76px;scroll-margin-top:30px}
.connect-intro .eyebrow {font-size:11px;color:var(--red);letter-spacing:1px;margin-bottom:16px}
.connect-intro h2 {font-size:clamp(31px,2.9vw,43px);line-height:1.2;letter-spacing:-.8px}
.connect-intro>p:not(.eyebrow) {font-size:17px;line-height:1.85;color:var(--muted);margin-top:23px;max-width:480px}
.contact-options {display:flex;flex-direction:column;gap:17px;min-width:0}
.contact-card {display:flex;align-items:center;gap:20px;padding:26px 27px;border:1px solid #d5bf9c;border-radius:25px;background:#fff8e9;color:var(--ink);min-height:120px}
.contact-icon {width:57px;height:57px;flex-shrink:0;background:#eed8ac;color:var(--red);border-radius:50%;display:grid;place-items:center}
.contact-icon svg {width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8}
.linkedin-icon {font:bold 32px/1 Arial,sans-serif;letter-spacing:-1px;padding-bottom:3px}
.contact-card h3 {font:22px/1.4 var(--display);letter-spacing:-.4px}
.contact-hint {font-size:14px;line-height:1.7;margin-top:6px;color:#776046}
.contact-arrow {font-size:25px;margin-left:auto;display:none}
a.contact-card {transition:background .2s,border-color .2s,transform .2s}
a.contact-card .contact-arrow {display:block}
a.contact-card:hover {background:#f4e4c6;border-color:#b28a51;transform:translateY(-2px)}
.creator-signoff {display:flex;align-items:center;gap:32px;background:var(--red);color:var(--cream);max-width:1295px;margin:0 auto 24px;border-radius:75px 30px 75px 30px;padding:43px 45px;position:relative;overflow:hidden}
.creator-signoff>span {font-size:68px;line-height:1;color:var(--yellow);transform:rotate(-10deg)}
.creator-signoff .eyebrow {font-size:10px;color:#ffdfae;letter-spacing:.8px;margin-bottom:11px}
.creator-signoff h2 {font-size:34px;line-height:1.2;letter-spacing:-.7px}
.creator-signoff p:not(.eyebrow) {font-size:16px;line-height:1.8;color:#f5dfc9;margin-top:12px}
.creator-signoff .button {margin-left:auto;flex-shrink:0;font-size:11px;padding:21px 25px;gap:25px}
.about-page .site-footer {padding-top:33px}

@media(max-width:1150px) {
  .creator-hero-inner {gap:4%;min-height:710px}
  .creator-intro h1 {font-size:6vw}
  .creator-lede {font-size:18px}
  .creator-actions {gap:18px}
  .creator-actions .button {font-size:11px;padding:19px 23px}
  .creator-actions .text-link {font-size:13px}
  .creator-seal {width:116px;height:116px;right:-24px;bottom:81px;gap:4px}
  .creator-seal strong {font-size:16px}
  .creator-seal>span {font-size:19px}
  .creator-letter {gap:6%}
  .letter-copy>p:not(.brian-signoff) {font-size:17px}
  .work-layout {gap:6%}
  .work-letterboard {padding:22px 24px 19px}
  .board-line {gap:15px}
  .board-line>p {font-size:26px}
  .board-line>i {font-size:25px}
  .board-footnote {font-size:8px}
  .brian-connect {gap:6%}
  .contact-card {padding:23px 22px;gap:15px}
  .contact-icon {width:49px;height:49px}
  .contact-card h3 {font-size:21px}
  .contact-hint {font-size:13px}
  .creator-signoff {margin-left:4.4%;margin-right:4.4%;gap:25px;padding:37px 34px}
  .creator-signoff>span {font-size:51px}
  .creator-signoff h2 {font-size:29px}
  .creator-signoff .button {font-size:10px;padding:20px 21px;gap:16px}
}
@media(max-width:800px) {
  .creator-hero-inner {grid-template-columns:1fr;gap:40px;max-width:700px;padding-bottom:85px}
  .creator-intro h1 {font-size:69px}
  .creator-lede {font-size:20px}
  .creator-welcome {font-size:17px;max-width:520px}
  .creator-portrait {width:88%;max-width:420px;margin:5px auto 0}
  .creator-seal {right:-24px;width:122px;height:122px}
  .creator-actions .button {font-size:12px}
  .creator-actions .text-link {font-size:14px}
  .creator-letter {grid-template-columns:1fr;gap:31px;max-width:700px;padding-top:52px;padding-bottom:60px}
  .letter-heading {position:relative}
  .letter-heading h2 {font-size:37px}
  .letter-heading>p:not(.eyebrow) {font-size:24px;margin-top:20px}
  .letter-heading>span {position:absolute;right:20px;bottom:4px;font-size:50px;margin:0}
  .letter-copy>p:not(.brian-signoff) {font-size:18px}
  .work-layout {grid-template-columns:1fr;gap:40px;max-width:700px}
  .brians-work {padding:52px 0}
  .work-copy h2 {font-size:41px}
  .work-letterboard {width:95%;max-width:480px;margin:auto;padding:26px 30px 24px}
  .board-line>p {font-size:30px}
  .board-footnote {font-size:9px}
  .brian-connect {grid-template-columns:1fr;gap:30px;max-width:700px;padding-top:58px;padding-bottom:60px}
  .connect-intro h2 {font-size:38px}
  .contact-card {padding:25px 27px;gap:21px}
  .contact-icon {width:57px;height:57px}
  .contact-card h3 {font-size:23px}
  .contact-hint {font-size:14px}
  .creator-signoff {flex-wrap:wrap;padding:36px 33px}
  .creator-signoff>div {flex-basis:100%;position:relative}
  .creator-signoff>span {position:absolute;right:33px;top:27px;opacity:.3;font-size:54px}
  .creator-signoff h2 {font-size:34px}
  .creator-signoff .button {margin-left:0;font-size:12px;padding:20px 25px;gap:21px}
}
@media(max-width:500px) {
  .creator-hero {border-radius:28px 28px 0 0}
  .creator-hero-inner {padding-top:25px;padding-bottom:67px;gap:37px}
  .about-breadcrumb {font-size:13px;margin-bottom:29px}
  .creator-intro .eyebrow {font-size:10px;letter-spacing:1px;margin-bottom:18px}
  .creator-intro h1 {font-size:clamp(48px,13vw,65px);line-height:1.08;letter-spacing:-1.2px}
  .creator-lede {font-size:18px;line-height:1.8;margin-top:23px}
  .creator-welcome {font-size:16px;line-height:1.85;margin-top:15px}
  .creator-actions {gap:19px;margin-top:25px}
  .creator-actions .button {font-size:11px;padding:19px 23px}
  .creator-actions .text-link {font-size:14px}
  .creator-portrait {width:91%;padding:8px 8px 0;border-radius:160px 160px 21px 21px;transform:rotate(2deg)}
  .creator-photo {border-radius:152px 152px 9px 9px}
  .creator-portrait figcaption {padding:20px 10px}
  .creator-portrait figcaption strong {font-size:20px}
  .creator-portrait figcaption>span {font-size:7px;letter-spacing:.4px;margin-top:7px}
  .creator-seal {width:104px;height:104px;right:-18px;bottom:76px;border-width:5px;gap:3px;font-size:7px}
  .creator-seal strong {font-size:14px}
  .creator-seal>span {font-size:18px}
  .creator-wave {height:40px}
  .creator-letter {padding-top:42px;padding-bottom:47px;gap:29px}
  .letter-heading .eyebrow {font-size:10px;letter-spacing:1px}
  .letter-heading h2 {font-size:31px;line-height:1.2;letter-spacing:-.6px}
  .letter-heading>p:not(.eyebrow) {font-size:22px;line-height:1.45;margin-top:22px}
  .letter-heading>span {right:8px;bottom:4px;font-size:44px}
  .letter-copy>p:not(.brian-signoff) {font-size:17px;line-height:1.9;margin-bottom:22px}
  .letter-copy blockquote {margin-top:26px;padding:21px 0 21px 19px}
  .letter-copy blockquote p {font-size:25px;line-height:1.5}
  .brian-signoff {font-size:14px;margin-top:22px}
  .brian-signoff>span {font-size:35px}
  .brians-work {padding:45px 0;border-radius:50% 50% 50% 18% / 2% 2% 2% 1%}
  .work-layout {gap:30px}
  .work-copy .eyebrow {font-size:10px;letter-spacing:.8px;margin-bottom:15px}
  .work-copy h2 {font-size:32px;line-height:1.2;letter-spacing:-.6px}
  .work-copy>p:not(.eyebrow) {font-size:17px;line-height:1.9;margin-top:22px}
  .work-copy .text-link {font-size:13px;margin-top:17px}
  .work-letterboard {padding:20px 21px 19px;border-width:5px;border-radius:20px;width:97%}
  .board-top {padding-bottom:17px;gap:13px}
  .board-top svg {width:38px;height:38px}
  .board-top>span {font-size:9px;letter-spacing:.5px}
  .board-top strong {font-size:11px}
  .board-line {gap:13px;padding:22px 0}
  .board-line>span {font-size:9px;padding-top:3px}
  .board-line>p {font-size:23px;line-height:1.3;letter-spacing:-.4px}
  .board-line>i {font-size:23px}
  .board-footnote {font-size:8px;letter-spacing:.3px;line-height:1.8;padding-top:17px}
  .brian-connect {padding-top:46px;padding-bottom:45px;gap:26px}
  .connect-intro .eyebrow {font-size:10px;letter-spacing:.8px;margin-bottom:15px}
  .connect-intro h2 {font-size:30px;line-height:1.2;letter-spacing:-.6px}
  .connect-intro>p:not(.eyebrow) {font-size:17px;line-height:1.85;margin-top:21px}
  .contact-options {gap:15px}
  .contact-card {padding:23px 20px;gap:15px;border-radius:23px;min-height:113px}
  .contact-icon {width:47px;height:47px}
  .contact-icon svg {width:32px;height:32px}
  .linkedin-icon {font-size:28px}
  .contact-card h3 {font-size:20px}
  .contact-hint {font-size:13px;line-height:1.7;margin-top:5px}
  .contact-arrow {font-size:22px}
  .creator-signoff {margin:0 6% 18px;padding:33px 26px;border-radius:48px 24px 48px 24px;gap:24px}
  .creator-signoff .eyebrow {font-size:9px;letter-spacing:.6px;max-width:180px}
  .creator-signoff h2 {font-size:28px;line-height:1.2;letter-spacing:-.5px}
  .creator-signoff>span {right:22px;top:24px;font-size:43px}
  .creator-signoff p:not(.eyebrow) {font-size:16px;line-height:1.8;margin-top:14px}
  .creator-signoff .button {font-size:10px;padding:19px 22px;gap:15px}
}
@media(max-width:360px) {
  .creator-intro .eyebrow {font-size:9px;letter-spacing:.8px}
  .creator-portrait figcaption>span {font-size:6px}
  .creator-seal {width:94px;height:94px;right:-13px;bottom:75px}
  .creator-seal strong {font-size:13px}
  .letter-heading h2 {font-size:27px}
  .work-copy h2 {font-size:28px}
  .board-line {gap:10px}
  .board-line>p {font-size:19px}
  .board-line>i {font-size:18px}
  .connect-intro h2 {font-size:26px}
  .contact-card {padding:21px 17px;gap:12px}
  .contact-icon {width:41px;height:41px}
  .contact-card h3 {font-size:18px}
  .creator-signoff h2 {font-size:24px}
  .creator-signoff .button {font-size:9px;padding:19px 17px;gap:12px}
}

/* A second comedy, dressed in the Dukes' navy-and-gold brokerage style. */
.duke-feature {display:grid;grid-template-columns:.95fr 1.05fr;gap:7%;align-items:center;padding-top:66px;padding-bottom:63px;margin-top:17px;scroll-margin-top:25px}
.duke-art {position:relative;min-height:500px;isolation:isolate;padding:24px 20px 220px 0;display:flex;align-items:flex-start;min-width:0}
.duke-art::before {content:'';position:absolute;inset:0 -8px 0 9px;border-radius:48% 52% 45% 55%;background:#e8d7b6;z-index:-1;transform:rotate(-7deg)}
.duke-plaque {width:100%;border:7px double #b99a59;background:radial-gradient(ellipse at 40% 25%,#28364a,#17202d 70%);color:#d7b978;border-radius:25px;padding:26px 15px 25px;transform:rotate(-4deg);box-shadow:7px 10px 0 #30251a15;position:relative}
.duke-plaque::before {content:'';position:absolute;inset:8px;border:1px solid #c3a57040;border-radius:13px;pointer-events:none}
.duke-plaque-kicker {font-size:8px;font-weight:700;letter-spacing:1.4px;text-align:center;line-height:1.8;margin:1px 7px 10px;color:#d9cba7}
.duke-wordmark {width:100%;height:auto}
.duke-partners {display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 10px 0;padding-top:17px;border-top:1px solid #bca16a55;font:9px/1.7 var(--body);letter-spacing:1px}
.duke-partners i {font:italic 21px Georgia,serif;color:#edcf8c}
.duke-plaque-note {font:italic 17px/1.5 Fraunces,Georgia,serif;text-align:center;color:#e7d7b2;margin-top:13px}
.trading-poster {position:absolute;right:-10px;bottom:-4px;width:174px;border:7px solid #fff8e9;border-radius:9px;transform:rotate(7deg);box-shadow:7px 12px 21px #36241125;transition:transform .2s;background:#fff8e9;z-index:1}
.trading-poster:hover {transform:rotate(3deg) translateY(-3px)}
.trading-poster img {width:100%;height:auto;border-radius:3px}
.duke-art-note {position:absolute;bottom:38px;left:18px;max-width:250px;font:italic 25px/1.4 Fraunces,Georgia,serif;color:#775834;transform:rotate(-5deg)}
.duke-feature-copy .eyebrow {font-size:11px;letter-spacing:1px;color:var(--red);margin-bottom:17px}
.duke-feature-copy h2 {font-size:clamp(31px,3.1vw,46px);line-height:1.18;letter-spacing:-.8px}
.duke-feature-copy>p:not(.eyebrow):not(.duke-crossover) {font-size:17px;line-height:1.85;color:var(--muted);margin-top:23px}
.duke-feature-copy strong {color:var(--ink);font-weight:700}
.duke-feature-actions {display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:27px}
.duke-visit {background:#17202d;color:#f9e8bd;border:1px solid #17202d;font-size:12px;padding:20px 25px;gap:28px}
.duke-visit:hover {background:#2a394e}
.duke-feature-actions>span {font-size:12px;letter-spacing:.3px;color:#715b40}
.duke-crossover {display:flex;gap:12px;align-items:flex-start;border-top:1px dashed #c5ac86;padding-top:23px;margin-top:27px;font-size:14px;line-height:1.8;color:#715c43}
.duke-crossover>span:first-child {font-size:23px;line-height:1.2;color:var(--red)}
.duke-film-links {display:flex;gap:13px 20px;flex-wrap:wrap;margin-top:15px;font-size:11px;line-height:1.8;color:#7c5d3b}
.duke-film-links a {text-decoration:underline;text-underline-offset:4px;display:inline-flex;gap:6px;align-items:center;padding:4px 0}
.duke-film-links a:hover {color:var(--red)}
@media(max-width:1150px) {
  .duke-feature {gap:5%;padding-top:52px;padding-bottom:55px}
  .duke-art {min-height:465px;padding-right:8px;padding-bottom:200px}
  .duke-plaque {padding:24px 12px}
  .duke-plaque-kicker {font-size:7px;letter-spacing:1px}
  .duke-partners {font-size:8px;letter-spacing:.6px;gap:10px}
  .duke-plaque-note {font-size:16px}
  .trading-poster {width:149px;right:-6px;bottom:0;border-width:6px}
  .duke-art-note {font-size:22px;bottom:36px;left:10px;max-width:200px}
  .duke-feature-copy>p:not(.eyebrow):not(.duke-crossover) {font-size:16px}
  .duke-feature-copy .eyebrow {font-size:10px;letter-spacing:.8px}
  .duke-feature-actions {gap:15px;margin-top:23px}
  .duke-visit {font-size:11px;padding:19px 23px;gap:22px}
  .duke-crossover {font-size:13px;line-height:1.85}
}
@media(max-width:800px) {
  .duke-feature {grid-template-columns:1fr;gap:40px;max-width:700px;padding-top:45px;padding-bottom:47px}
  .duke-art {min-height:480px;max-width:500px;width:94%;margin:0 auto;padding-right:18px;padding-bottom:215px}
  .duke-plaque {padding:25px 15px}
  .duke-plaque-kicker {font-size:8px}
  .duke-partners {font-size:9px;letter-spacing:.6px}
  .trading-poster {width:164px;bottom:-5px;right:-5px}
  .duke-art-note {font-size:24px;left:15px;bottom:32px}
  .duke-feature-copy h2 {font-size:39px}
  .duke-feature-copy>p:not(.eyebrow):not(.duke-crossover) {font-size:17px}
  .duke-feature-actions {gap:19px}
  .duke-visit {font-size:12px;padding:20px 25px}
  .duke-crossover {font-size:14px}
  .duke-film-links {font-size:12px}
}
@media(max-width:500px) {
  .duke-feature {padding-top:35px;padding-bottom:34px;gap:32px;margin-top:8px}
  .duke-art {width:96%;min-height:365px;padding:15px 6px 160px 0}
  .duke-art::before {inset:0 -2px 3px 6px;transform:rotate(-4deg)}
  .duke-plaque {border-width:6px;border-radius:20px;padding:20px 10px 18px}
  .duke-plaque::before {inset:6px;border-radius:10px}
  .duke-plaque-kicker {font-size:6px;letter-spacing:.7px;margin-bottom:8px}
  .duke-partners {font-size:7px;gap:8px;letter-spacing:.4px;margin-top:8px;padding-top:12px}
  .duke-partners i {font-size:18px}
  .duke-plaque-note {font-size:14px;margin-top:9px}
  .trading-poster {width:121px;border-width:5px;bottom:-5px;right:-1px;border-radius:7px}
  .duke-art-note {font-size:20px;left:5px;bottom:27px;max-width:173px;line-height:1.4}
  .duke-feature-copy .eyebrow {font-size:10px;letter-spacing:.8px;margin-bottom:15px}
  .duke-feature-copy h2 {font-size:32px;line-height:1.2;letter-spacing:-.6px}
  .duke-feature-copy>p:not(.eyebrow):not(.duke-crossover) {font-size:17px;line-height:1.85;margin-top:21px}
  .duke-feature-actions {gap:14px;margin-top:24px;align-items:flex-start;flex-direction:column}
  .duke-visit {font-size:12px;gap:27px;min-height:55px}
  .duke-feature-actions>span {font-size:13px;padding-left:3px}
  .duke-crossover {font-size:14px;margin-top:25px;padding-top:22px;gap:10px}
  .duke-film-links {font-size:11px;gap:9px 18px;margin-top:13px}
}
@media(max-width:360px) {
  .duke-art {min-height:335px;padding-bottom:140px}
  .duke-plaque-kicker {font-size:5px;letter-spacing:.4px}
  .duke-partners {font-size:6px;gap:6px;letter-spacing:.1px}
  .duke-plaque-note {font-size:13px}
  .trading-poster {width:106px}
  .duke-art-note {font-size:18px;max-width:145px;left:3px;bottom:28px}
  .duke-feature-copy h2 {font-size:28px}
}