/* A public gallery, using the same type and colors as the club. */
.design-page{--mist:#edf3f8}
.design-page .button{font-size:18px}
.design-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:28px;border-bottom:1px solid var(--line)}
.design-back{display:inline-flex;align-items:center;gap:16px;flex-shrink:0;font-size:18px;padding-block:10px}
.design-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;padding-block:64px 54px}
.design-intro-copy .eyebrow{margin-bottom:24px}
.design-intro h1{font-size:clamp(52px,5.4vw,76px);line-height:1.1}
.design-intro-copy>p:not(.eyebrow){max-width:510px;margin-block:26px;line-height:1.85}
.design-welcome{min-width:0}
.design-welcome img{width:100%;height:auto;border-radius:8px}
.design-welcome figcaption{margin-top:16px;text-align:center;color:var(--muted);font-size:16px}
.design-nav{display:flex;flex-wrap:wrap;gap:12px 30px;align-items:center;border-block:1px solid var(--line);padding-block:18px}
.design-nav a{padding-block:6px;font-size:18px;text-decoration:none}
.design-nav a:hover{text-decoration:underline}
.design-section{padding-block:72px}
.design-section-heading{max-width:760px;margin-bottom:44px}
.design-section-heading .eyebrow{margin-bottom:16px}
.design-section-heading h2{font-size:clamp(38px,4.2vw,54px);letter-spacing:-1.3px;line-height:1.18}
.design-section-heading h2 em{color:var(--blue)}
.design-section-heading>p:not(.eyebrow){margin-top:22px;max-width:660px;line-height:1.85}
.scene+.scene{margin-top:48px;padding-top:40px;border-top:1px solid var(--line)}
.scene-heading{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start}
.scene-number{font:28px/1.5 var(--serif);color:var(--blue);min-width:35px;padding-top:2px}
.scene-heading h3{font-size:32px;line-height:1.35;letter-spacing:-.5px}
.scene-heading p{margin-top:6px;color:var(--muted)}
.art-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);gap:28px;align-items:start}
.art-pair figure{min-width:0}
.home-pair{grid-template-columns:minmax(0,1fr) minmax(180px,.48fr)}
.home-pair .wide-art{max-width:680px}
.email-pair{grid-template-columns:minmax(0,1fr) minmax(220px,.5fr)}
.portrait-details{margin-top:22px}
.portrait-details summary{display:list-item;width:fit-content;cursor:pointer;padding:10px 4px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:18px}
.portrait-companion{width:min(100%,300px);margin-top:16px}
.portrait-companion a{display:block}
.portrait-companion img{width:100%;height:auto;border:1px solid var(--line);border-radius:7px}
.portrait-companion figcaption{margin-top:12px;font-size:16px;color:var(--muted)}
.portrait-companion figcaption span{display:block}
.art-pair img{width:100%;height:auto;border-radius:7px;border:1px solid var(--line);background:var(--mist)}
.art-pair a,.sharing-art>a,.archive-grid a{display:block;border-radius:7px}
.art-pair figcaption,.sharing-art figcaption{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:12px;font-size:16px;line-height:1.7;color:var(--muted)}
.art-pair figcaption span,.sharing-art figcaption span{white-space:nowrap}
.design-email-section{background:var(--mist);border-block:1px solid var(--line)}
.sharing-art{max-width:1040px}
.sharing-art img{width:100%;height:auto;border-radius:7px;border:1px solid var(--line)}
.color-section{background:#f6f8fa;border-block:1px solid var(--line)}
.palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.swatch{display:flex;flex-direction:column;padding:26px;min-height:230px;border:1px solid var(--line);border-radius:7px}
.swatch-sample{font:52px/1.2 var(--serif);margin-bottom:42px}
.swatch strong{font-size:20px;font-weight:600}
.swatch>span:last-child{font-size:18px;line-height:1.6}
.swatch-navy{background:#003d5b;color:#fff;border-color:#003d5b}
.swatch-blue{background:#005b8f;color:#fff;border-color:#005b8f}
.swatch-gold{background:#eab600;color:#122c3d;border-color:#eab600}
.swatch-mist{background:#edf3f8;color:#122c3d}
.swatch-text{background:#122c3d;color:#fff;border-color:#122c3d}
.swatch-paper{background:#fff;color:#122c3d}
.type-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.type-specimen{min-width:0;padding:36px;border:1px solid var(--line);border-radius:7px}
.specimen-label{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:28px;color:var(--ink)}
.type-specimen .serif-sample{font-size:clamp(42px,4.4vw,62px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:32px}
.serif-sample em{color:var(--blue)}
.sans-sample{font:600 clamp(26px,2.8vw,38px)/1.4 var(--sans);color:var(--ink);letter-spacing:-.8px;margin-bottom:24px}
.body-sample{font-size:18px;line-height:1.85}
.type-description{color:var(--muted);font-size:18px;margin-top:28px}
.detail-grid{margin-top:28px}
.detail-card{padding:36px;border:1px solid var(--line);border-radius:7px;min-width:0}
.detail-card h3{font-size:34px;line-height:1.25;margin-bottom:20px;letter-spacing:-.6px}
.detail-card>p:not(.specimen-label){font-size:18px;line-height:1.8}
.sample-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px}
.detail-card-mist{background:var(--mist)}
.connection-samples{display:flex;flex-wrap:wrap;gap:10px;margin-block:24px}
.connection-samples span{padding:4px 12px;background:#dceaf3;color:var(--ink);font-size:18px;border-radius:4px}
.detail-card .handwritten{margin-top:20px}
.icon-section{background:var(--mist);border-block:1px solid var(--line)}
.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.icon-grid figure{min-width:0;padding:32px 20px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:center}
.icon-grid img{width:128px;height:128px;object-fit:contain;max-width:100%;margin-inline:auto}
.icon-grid figcaption{font-size:18px;color:var(--muted);margin-top:24px;line-height:1.6}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.archive-grid figure{min-width:0}
.archive-grid img{width:100%;height:300px;object-fit:contain;background:#f6f8fa;border:1px solid var(--line);border-radius:7px}
.archive-grid figcaption{margin-top:12px;color:var(--muted);font-size:18px}
.design-closing{text-align:center;border-top:1px solid var(--line);padding-block:66px}
.design-closing>span{color:var(--blue);font-size:34px;line-height:1}
.design-closing h2{font-size:46px;line-height:1.2;letter-spacing:-1px;margin:20px 0 28px}
.design-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-block:32px 40px}
.design-footer .footer-brand{flex-shrink:0}
.design-footer p{font-size:16px;line-height:1.8;color:var(--muted);max-width:690px}
@media(max-width:1000px){.design-intro{gap:32px}.design-intro h1{font-size:54px}.art-pair{grid-template-columns:minmax(0,1fr) minmax(160px,.38fr);gap:22px}.type-specimen,.detail-card{padding:28px}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-footer{display:block}.design-footer p{margin-top:20px}.archive-grid img{height:260px}}
@media(max-width:680px){.design-header{flex-wrap:wrap;gap:18px;padding-block:22px}.design-back{font-size:18px;padding-block:3px}.design-intro{grid-template-columns:1fr;gap:30px;padding-block:40px 34px}.design-intro h1{font-size:clamp(43px,11vw,66px);letter-spacing:-1.6px}.design-intro-copy>p:not(.eyebrow){margin-block:24px}.design-welcome{max-width:460px;margin-inline:auto}.design-welcome img{width:100%}.design-welcome figcaption{font-size:16px}.design-nav{gap:6px 22px;padding-block:14px}.design-section{padding-block:46px}.design-section-heading{margin-bottom:30px}.design-section-heading h2{font-size:38px;letter-spacing:-1px}.design-section-heading>p:not(.eyebrow){margin-top:20px}.scene-heading{gap:12px;margin-bottom:20px}.scene-number{min-width:30px;font-size:25px}.scene-heading h3{font-size:29px}.scene+.scene{margin-top:36px;padding-top:30px}.art-pair{grid-template-columns:1fr;gap:24px}.phone-art{width:min(76%,300px);margin-inline:auto}.art-pair figcaption{font-size:16px}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.swatch{padding:20px;min-height:205px}.swatch-sample{font-size:44px;margin-bottom:34px}.swatch strong{font-size:18px}.type-grid,.detail-grid{grid-template-columns:1fr;gap:20px}.type-specimen,.detail-card{padding:26px}.type-specimen .serif-sample{font-size:48px}.detail-card h3{font-size:32px}.icon-grid{gap:14px}.icon-grid figure{padding:24px 14px}.icon-grid img{width:100px;height:100px}.icon-grid figcaption{margin-top:18px}.archive-grid{grid-template-columns:1fr;gap:26px}.archive-grid img{height:auto;max-height:400px}.design-closing{padding-block:48px}.design-closing h2{font-size:38px}.design-closing .button{gap:14px}.design-footer{padding-block:28px 32px}.design-footer p{font-size:16px}}
@media(max-width:680px){.email-pair .phone-art{width:100%;max-width:360px}.portrait-companion{margin-inline:auto}}
@media(max-width:360px){.palette{grid-template-columns:1fr}.swatch{min-height:180px}.swatch-sample{margin-bottom:24px}.icon-grid{grid-template-columns:1fr}.type-specimen .serif-sample{font-size:43px}.type-specimen,.detail-card{padding:22px}.design-page .button{padding-inline:16px;gap:14px}}