:root{--paper:#f7f5f0;--sheet:#fffefa;--ink:#1d2422;--muted:#737975;--rule:#dedbd3;--green:#244b3b;--rust:#b75e43;--blue:#607b91;--gold:#b28b4e;--lav:#807795;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
.top{height:64px;padding:0 clamp(20px,4vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);background:rgba(255,254,250,.78)}.brand{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.brand b{font-weight:500;color:var(--green)}.top-note{font: .62rem var(--mono);letter-spacing:.11em;color:var(--muted);text-transform:uppercase}
.layout{max-width:1500px;margin:auto;padding:42px clamp(16px,4vw,62px) 100px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:start}
.shelf{position:sticky;top:24px}.shelf-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px 13px;border-bottom:1px solid var(--rule);margin-bottom:13px}.shelf-head span:first-child{font:500 .61rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.shelf-head span:last-child{font: .58rem var(--mono);color:#99968f}.shelf-list{display:grid;gap:9px;max-height:calc(100vh - 140px);overflow:auto;padding:1px 7px 8px 1px;scrollbar-width:thin;scrollbar-color:#c7c1b6 transparent}
.shelf-card{--card:#244b3b;appearance:none;border:0;text-align:left;width:100%;min-height:96px;padding:15px 16px 14px;background:var(--card);color:white;cursor:pointer;position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;box-shadow:0 2px 5px #1b211c0c}.shelf-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#ffffff80;opacity:0;transition:opacity .2s}.shelf-card:hover{transform:translateX(5px);filter:saturate(1.08)}.shelf-card[aria-current="page"]{transform:translateX(10px);box-shadow:0 8px 24px #1b211c20}.shelf-card[aria-current="page"]:before{opacity:1}.shelf-card:nth-child(5n+2){--card:#9b563f}.shelf-card:nth-child(5n+3){--card:#526c83}.shelf-card:nth-child(5n+4){--card:#887b58}.shelf-card:nth-child(5n){--card:#70657f}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;font: .53rem var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#ffffffb8}.card-title{display:block;max-width:240px;font:500 1rem/1.22 var(--serif);letter-spacing:-.015em}.card-title em{font-style:normal}.card-mark{position:absolute;right:14px;bottom:12px;font-size:1rem;opacity:.8}.shelf-card[aria-current="page"] .card-mark{transform:translateX(-3px)}.shelf-foot{padding:13px 2px;color:var(--muted);font: .57rem/1.7 var(--mono);letter-spacing:.045em}
.reader{min-width:0;background:var(--sheet);border:1px solid #e5e1d8;box-shadow:0 12px 42px #27251e09}.reader-inner{max-width:900px;margin:auto;padding:clamp(28px,5vw,70px) clamp(24px,7vw,100px) 76px}.article-kicker{display:flex;align-items:center;gap:10px;color:var(--green);font:500 .59rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.article-kicker:before{content:'';width:21px;height:1px;background:var(--rust)}h1{max-width:760px;margin:23px 0 19px;font:400 clamp(2.55rem,5.5vw,5.15rem)/1.01 var(--serif);letter-spacing:-.045em;color:#171b19}.dek{max-width:720px;margin:0;color:#555f59;font-size:1.13rem;line-height:1.72}.meta{display:flex;flex-wrap:wrap;gap:9px 22px;margin:27px 0 0;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:#777c76;font: .56rem var(--mono);letter-spacing:.095em;text-transform:uppercase}.opening{max-width:740px;margin:50px auto 52px;font:500 clamp(1.18rem,1.7vw,1.43rem)/1.7 var(--serif);color:#313a35}.opening:first-letter{font-size:2.65em;float:left;line-height:.83;padding:.08em .12em 0 0;color:var(--rust)}
.quick-read{margin:0 0 58px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0 22px;display:grid;grid-template-columns:150px 1fr;gap:22px}.quick-read-label{font:500 .57rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--rust);padding-top:4px}.quick-read p{margin:0;font-size:.94rem;line-height:1.75;color:#36413a}.quick-read strong{color:#18221d}
.chapter{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;padding:0 0 40px;margin:0 0 38px;border-bottom:1px solid var(--rule);scroll-margin-top:30px}.chapter-no{padding-top:8px;color:#a9a198;font: .58rem var(--mono);letter-spacing:.08em}.chapter h2{margin:0 0 17px;font:400 clamp(1.65rem,3vw,2.45rem)/1.15 var(--serif);letter-spacing:-.025em;color:#202824}.chapter p{margin:0 0 17px;color:#3f4842;font-size:.98rem;line-height:1.9}.chapter a,.inline-link{color:#315f49;text-decoration-color:#a8b6a7;text-underline-offset:3px;font-weight:600}.pull{margin:27px 0;padding:22px 24px;border-left:2px solid var(--rust);background:#f6f3ed;font:500 1.14rem/1.55 var(--serif);color:#313933}.decision-table-wrap{margin:26px 0 30px;overflow-x:auto;border:1px solid var(--rule);background:white}.decision-table{width:100%;border-collapse:collapse;min-width:560px}.decision-table th{text-align:left;background:#263d33;color:#fff;padding:13px 15px;font:500 .57rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.decision-table td{padding:15px;border-top:1px solid var(--rule);vertical-align:top;font-size:.83rem;line-height:1.65}.decision-table td:first-child{width:32%;font-weight:600;color:#29352e}
.adviser-note{margin:50px 0;padding:25px 27px;background:#f1eee7;border:1px solid #e2ded5}.adviser-note .label{font:500 .56rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--rust)}.adviser-note p{margin:11px 0 0;color:#404a44;font-size:.9rem;line-height:1.75}.cta{margin:70px 0 55px;padding:34px 35px;background:#233b31;color:#f8f6ef;position:relative;overflow:hidden}.cta:after{content:'M';position:absolute;right:14px;bottom:-78px;color:#ffffff09;font:12rem var(--serif)}.cta .label{position:relative;z-index:1;color:#c6b88f;font:500 .56rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.cta h2{position:relative;z-index:1;max-width:590px;margin:14px 0 11px;font:400 clamp(1.6rem,3vw,2.3rem)/1.2 var(--serif)}.cta p{position:relative;z-index:1;max-width:550px;color:#d0d8d1;font-size:.87rem;line-height:1.7}.cta a{position:relative;z-index:1;display:inline-block;margin-top:10px;color:#fff;text-decoration-color:#b9c4ba;text-underline-offset:5px;font-size:.76rem;font-weight:600}.related{margin:55px 0}.related-head,.sources-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:13px;margin-bottom:15px}.related-head span,.sources-head span{font:500 .57rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.related-head b{font:400 1.55rem var(--serif);color:#252c27}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-card{display:block;padding:18px 19px;background:#faf8f3;border:1px solid #e8e3d9;text-decoration:none;transition:transform .2s,border-color .2s}.related-card:hover{transform:translateY(-3px);border-color:#bcb5a8}.related-card small{display:block;color:var(--rust);font: .52rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.related-card strong{display:block;color:#29332d;font:500 1.06rem/1.3 var(--serif)}.related-card span{display:block;margin-top:8px;color:var(--muted);font-size:.73rem;line-height:1.55}.sources{margin-top:56px}.sources-list{list-style:none;margin:0;padding:0}.sources-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #ebe7df;font-size:.76rem;line-height:1.55}.sources-list i{font: .55rem var(--mono);font-style:normal;color:#a49a8a;padding-top:3px}.sources-list a{color:#365d4a;text-decoration:none}.sources-list a:hover{text-decoration:underline}.fineprint{margin-top:28px;padding-top:17px;border-top:1px solid var(--rule);color:#858983;font-size:.68rem;line-height:1.65}.endmark{margin-top:48px;text-align:center;color:#aaa398;font: .54rem var(--mono);letter-spacing:.2em;text-transform:uppercase}
.toast{position:fixed;right:20px;bottom:20px;z-index:5;background:#20382e;color:#fff;padding:12px 16px;font:.65rem var(--mono);box-shadow:0 8px 28px #0002;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.layout{grid-template-columns:250px minmax(0,1fr);gap:24px}.shelf-card{min-height:88px;padding:13px}.reader-inner{padding:42px 35px 60px}}
@media(max-width:680px){.top{height:54px;padding:0 17px}.top-note{font-size:.49rem}.layout{display:flex;flex-direction:column;padding:18px 12px 50px;gap:17px}.shelf{position:static;width:100%;order:0}.shelf-head{margin-bottom:10px;padding-bottom:9px}.shelf-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;gap:8px;padding:2px 2px 8px;scroll-snap-type:x mandatory}.shelf-card{flex:0 0 210px;min-height:86px;scroll-snap-align:start}.shelf-card[aria-current="page"]{transform:translateY(-2px)}.shelf-card:hover{transform:translateY(-2px)}.shelf-foot{display:none}.reader{width:100%;order:1}.reader-inner{padding:31px 22px 45px}h1{font-size:clamp(2.35rem,11vw,3.65rem);margin-top:18px}.dek{font-size:1rem;line-height:1.65}.meta{gap:9px 13px;font-size:.49rem}.opening{margin:35px 0 39px;font-size:1.18rem}.quick-read{grid-template-columns:1fr;gap:8px;margin-bottom:43px}.chapter{grid-template-columns:30px minmax(0,1fr);gap:8px;padding-bottom:31px;margin-bottom:30px}.chapter h2{font-size:1.7rem}.chapter p{font-size:.92rem;line-height:1.82}.decision-table-wrap{overflow:visible;border:0;background:transparent}.decision-table,.decision-table tbody,.decision-table tr,.decision-table td{display:block;width:100%;min-width:0}.decision-table{border:0}.decision-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.decision-table tr{margin:0 0 11px;padding:14px 15px;background:#fff;border:1px solid var(--rule);box-shadow:0 2px 8px #1d24220a}.decision-table td{border:0;padding:0;font-size:.82rem}.decision-table td:first-child{width:auto;margin-bottom:7px;color:#263b31;font-weight:700}.decision-table td+td:before{content:attr(data-label);display:block;margin-bottom:4px;color:#8b8d86;font:500 .49rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.pull{padding:18px 20px;margin:21px 0;font-size:1.06rem}.cta{margin:45px 0;padding:26px 23px}.related-grid{grid-template-columns:1fr}.related-card{padding:16px}.sources-list li{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Second visual direction: a quiet black reading room around a paper-like page. */
body{background:#0c0d0d;color:#e9e7e1;transition:background .35s,color .35s}
.top{background:#0c0d0d;border-color:#292b29;color:#eeeae2}
.brand b{color:#d7c8a5}.top-note{color:#989993}
.layout{max-width:1540px;grid-template-columns:310px minmax(0,1fr);gap:clamp(30px,5.5vw,82px)}
.shelf{top:20px}
.shelf-badge{padding:14px;border-radius:17px;background:#fffefa;color:#202622;box-shadow:0 15px 45px #0003;border:1px solid #ffffff24}
.shelf-head{padding:3px 3px 12px;margin:0 0 12px;border-color:#e8e4dc}
.shelf-head span:first-child{color:#4f5c54}.shelf-head span:last-child{color:#a29b8e}
.shelf-list{max-height:calc(100vh - 165px);gap:8px;padding:1px 4px 6px 1px}
.shelf-card{min-height:89px;padding:13px 14px 12px;border-radius:8px;box-shadow:none}
.shelf-card[aria-current="page"]{transform:translateX(5px);box-shadow:0 5px 16px #1b211c20}
.shelf-card:nth-child(5n+1){background:linear-gradient(132deg,#244b3b 0%,#3d6b54 100%)}.shelf-card:nth-child(5n+2){background:linear-gradient(132deg,#884c3c 0%,#b66b4d 100%)}.shelf-card:nth-child(5n+3){background:linear-gradient(132deg,#405a70 0%,#66849b 100%)}.shelf-card:nth-child(5n+4){background:linear-gradient(132deg,#756342 0%,#a58a58 100%)}.shelf-card:nth-child(5n){background:linear-gradient(132deg,#62576e 0%,#887b94 100%)}
.shelf-card[aria-current="page"]{outline:2px solid #fffefa;outline-offset:2px;transform:translateX(5px);box-shadow:0 7px 19px #1115}
.card-title{font:600 .91rem/1.34 var(--sans);letter-spacing:-.018em}.card-top{font-size:.49rem}
.shelf-foot{padding:12px 3px 2px;color:#777d76}
.reader{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e0d8c9;border-radius:3px;background:linear-gradient(90deg,#e8dfcf 0,#f7f2e8 1.1%,#fbf8f0 3%,#fbf8f0 97%,#f2eadc 99%,#e6dccb 100%);box-shadow:0 20px 65px #0005}
.reader:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:radial-gradient(ellipse at 1% 2%,#b5a38455 0,transparent 18%),radial-gradient(ellipse at 99% 1%,#b5a38444 0,transparent 16%),radial-gradient(ellipse at 0 100%,#aa987855 0,transparent 14%),radial-gradient(ellipse at 100% 100%,#b5a38455 0,transparent 18%),repeating-linear-gradient(0deg,#806b4b08 0,#806b4b08 1px,transparent 1px,transparent 5px)}
.reader-inner{position:relative}
.theme-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #484a46;border-radius:999px;padding:9px 13px;background:#181a19;color:#eeece5;font:500 .58rem var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{background:#292b28;border-color:#88877e;transform:translateY(-1px)}.theme-icon{font-size:.9rem;line-height:1}
body[data-theme="day"]{background:#e9e5dc;color:#252a26}
body[data-theme="day"] .top{background:#e9e5dc;border-color:#d2cdc2;color:#252a26}
body[data-theme="day"] .top-note{color:#74766f}
body[data-theme="day"] .reader{background:linear-gradient(90deg,#eee8dc 0,#fffdf8 1.1%,#fffefa 3%,#fffefa 97%,#f2ecdf 99%,#e9e2d5 100%);box-shadow:0 14px 42px #28231812}
body[data-theme="day"] .reader:before{opacity:.12}
body[data-theme="day"] .theme-toggle{background:#fffefa;color:#29332d;border-color:#c9c5bc}
body[data-theme="day"] .theme-toggle:hover{background:#f5f1e8}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:26px 0 30px}
.answer-card{position:relative;min-width:0;padding:21px 22px 22px;border:1px solid #e4ded2;border-radius:5px;background:linear-gradient(145deg,#fffefa 0%,#f8f5ee 100%);box-shadow:0 6px 20px #24251f0b;overflow:hidden}
.answer-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#244b3b,#b28b4e,#b75e43)}
.answer-card:nth-child(2):before{background:linear-gradient(90deg,#607b91,#807795,#b28b4e)}.answer-card:nth-child(3):before{background:linear-gradient(90deg,#b75e43,#b28b4e,#244b3b)}.answer-card:nth-child(4):before{background:linear-gradient(90deg,#887b58,#244b3b,#607b91)}
.answer-card-head{display:flex;align-items:center;gap:9px;margin:2px 0 18px}.answer-card-no{color:#a9a198;font:500 .54rem var(--mono);letter-spacing:.1em}.answer-card-label{font:500 .52rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8b7554}
.answer-card h3{margin:0 0 12px;color:#232b26;font:500 clamp(1.12rem,1.8vw,1.42rem)/1.3 var(--serif);letter-spacing:-.02em}.answer-card p{margin:0;color:#4c554e;font-size:.85rem;line-height:1.78}
.author-note{display:grid;grid-template-columns:66px minmax(0,1fr);gap:19px;align-items:center;margin:42px 0 25px;padding:25px 26px;background:linear-gradient(135deg,#263d33 0%,#17231e 100%);color:#f6f3eb;border:1px solid #46554a;box-shadow:0 12px 32px #17211d1c}
.author-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #b8a679;border-radius:50%;color:#dfd2b3;font:500 1rem var(--serif);letter-spacing:.04em}
.author-kicker{color:#c6b88f;font:500 .52rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.author-copy h2{margin:7px 0 7px;color:#fffdf6;font:400 1.55rem/1.15 var(--serif)}.author-copy p{max-width:630px;margin:0;color:#d2d9d2;font-size:.81rem;line-height:1.7}
.author-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.author-links a{display:inline-flex;align-items:center;gap:14px;min-height:37px;padding:0 14px;border:1px solid #8a968b;color:#f8f5ed;text-decoration:none;font:500 .56rem var(--mono);letter-spacing:.055em;transition:background .2s,border-color .2s}.author-links a:hover{background:#ffffff12;border-color:#d7c8a5}.author-links .author-primary{background:#f4f0e6;color:#24362c;border-color:#f4f0e6}.author-links .author-primary:hover{background:#e6ddc8;border-color:#e6ddc8}
.intermission{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:20px;align-items:center;overflow:hidden;margin:54px 0 58px;padding:27px 30px;background:linear-gradient(112deg,#263c32 0%,#1c2923 70%,#69583e 100%);color:#f6f2e8;box-shadow:0 12px 30px #171d1922}
.intermission-copy{position:relative;z-index:1}.intermission-kicker{color:#d2bd8c;font:500 .51rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.intermission h2{max-width:570px;margin:12px 0 10px;color:#fffdf6;font:400 clamp(1.45rem,2.8vw,2rem)/1.15 var(--serif);letter-spacing:-.025em}.intermission p{max-width:570px;margin:0;color:#dbe0d8;font-size:.83rem;line-height:1.7}.intermission a{display:inline-block;margin-top:13px;color:#f6ead0;font-size:.7rem;font-weight:600;text-decoration-color:#a69770;text-underline-offset:4px}.stone-mark{position:relative;width:100px;height:126px;justify-self:center;opacity:.9}.stone-mark:before,.stone-mark:after,.stone-mark span{content:"";position:absolute;bottom:9px;border:1px solid #d3bd8e88;background:linear-gradient(180deg,#c4ae7a22,#c4ae7a08)}.stone-mark:before{left:4px;width:31px;height:84px;border-radius:45% 45% 2px 2px;transform:rotate(-3deg)}.stone-mark:after{right:5px;width:31px;height:94px;border-radius:47% 47% 2px 2px;transform:rotate(2deg)}.stone-mark span{left:24px;bottom:92px;width:53px;height:24px;border-radius:40% 40% 2px 2px;transform:rotate(-1deg)}
@media(max-width:950px){.answer-card{padding:19px}}
@media(max-width:900px){.layout{grid-template-columns:260px minmax(0,1fr);gap:24px}}
@media(max-width:680px){.layout{padding-top:16px;gap:14px}.shelf-badge{padding:11px;border-radius:14px}.shelf-card{flex-basis:205px;min-height:83px}.reader{border-radius:2px}.reader-inner{padding:31px 22px 45px}.theme-toggle{gap:6px;padding:8px 10px;font-size:.51rem}.author-note{grid-template-columns:1fr;gap:13px;padding:22px 20px}.author-mark{width:52px;height:52px}.author-copy h2{font-size:1.45rem}.intermission{grid-template-columns:minmax(0,1fr) 64px;gap:10px;margin:39px 0 43px;padding:22px 19px}.stone-mark{transform:scale(.75);transform-origin:center right;width:66px}.intermission p{font-size:.78rem}}

/* Shared-template additions: real article links and crawlable breadcrumb trail. */
.top-actions{display:flex;align-items:center;gap:18px}
.shelf-card{display:block;text-decoration:none}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 24px;color:#88877f;font:500 .52rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
.breadcrumbs a{color:#53665a;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.breadcrumbs [aria-current="page"]{color:#686b64}
@media(max-width:680px){.top-actions{gap:8px}.breadcrumbs{gap:6px;margin-bottom:19px;font-size:.47rem}}

/* Know brief cards: mobile layout and readable contrast */
@media (max-width: 680px) {
  .question-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.comparison-cards > h2 {
  color: #202824;
}

.answer-card-no {
  color: #68645d;
}

.answer-card-label {
  color: #725c3b;
}

.answer-card h3 {
  color: #232b26;
}

.reader-inner h3 {
  color: #202824;
}

.top {
  position: sticky;
  top: 0;
  z-index: 30;
}

.brand-topic {
  display: inline-block;
  transition: opacity .22s ease, transform .22s ease;
}

.brand-topic.is-changing {
  opacity: 0;
  transform: translateY(3px);
}

.shelf-search {
  margin: 0 0 13px;
}

.shelf-search input {
  display: block;
  width: 100%;
  height: 43px;
  padding: 0 14px;
  border: 1px solid #dedbd3;
  border-radius: 12px;
  background: #f7f5f0;
  color: #26312b;
  font: 500 .7rem var(--sans);
  outline: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

.shelf-search input::placeholder {
  color: #85877f;
  opacity: 1;
}

.shelf-search input:focus {
  border-color: #7b9585;
  background: #fffefa;
  box-shadow: 0 0 0 3px #244b3b18;
}

.shelf-list {
  gap: 12px;
}

.author-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}