.tf-hero{min-height:520px}.tf-hero-shade{background:linear-gradient(#002a72e6,#002a72e0 60%,#13294bf2)}.tf-kb{transform-origin:62%;animation:20s ease-in-out infinite alternate tf-kb}@keyframes tf-kb{0%{transform:scale(1)}to{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.tf-kb{animation:none}}@media (min-width:1024px){.tf-hero{min-height:640px}.tf-hero-shade{background:linear-gradient(#13294b00 62%,#13294b99),linear-gradient(90deg,#002a72f2 0%,#002a72eb 50%,#002a72d6 66%,#13294b66 100%)}}.tf-hero .tchip{background:#13294bc7}.tf-bar{z-index:40;opacity:0;visibility:hidden;background:#002a72f7;transition:opacity .2s,transform .2s,visibility 0s .2s;position:fixed;inset-inline:0;transform:translateY(-8px);box-shadow:0 8px 20px #13294b40}.tf-bar[data-show=true]{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:none}.tf-bar-chips{scrollbar-width:none}.tf-bar-chips::-webkit-scrollbar{display:none}.tf-strip{--tf-share:.65}.tf-strip-img{right:calc((var(--n) - 1 - var(--i)) * (-100% - 20px));width:calc((var(--n) * 100% + (var(--n) - 1) * 20px) / var(--tf-share))}.tf-rise>*{transition:opacity .6s,transform .6s;transition-delay:calc(var(--i,0) * 80ms)}.tf-rise[data-reveal=wait]>*{opacity:0;transform:translateY(28px)}.tf-art{background:linear-gradient(150deg, var(--color-royal-deep), var(--color-navy) 78%);color:var(--color-cream);position:relative;overflow:hidden}.tf-art-era:before,.tf-art-trad:before{content:"";background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.tf-art-era:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 300 120\" preserveAspectRatio=\"none\" fill=\"none\" stroke=\"rgba(141,179,218,0.3)\" stroke-width=\"1.2\"%3E%3Ccircle cx=\"222\" cy=\"86\" r=\"26\"/%3E%3Cpath d=\"M0 86 Q150 80 300 86\"/%3E%3Cpath d=\"M0 93 Q150 87 300 93\"/%3E%3Cpath d=\"M0 100 Q150 94 300 100\"/%3E%3Cpath d=\"M0 107 Q150 101 300 107\"/%3E%3Cpath d=\"M0 114 Q150 108 300 114\"/%3E%3Cpath d=\"M0 121 Q150 115 300 121\"/%3E%3C/svg%3E")}.tf-art-trad:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 300 200\" fill=\"none\" stroke=\"rgba(141,179,218,0.3)\" stroke-width=\"1.2\"%3E%3Cpath d=\"M6 200 V118 A24 24 0 0 1 54 118 V200\"/%3E%3Cpath d=\"M66 200 V118 A24 24 0 0 1 114 118 V200\"/%3E%3Cpath d=\"M126 200 V118 A24 24 0 0 1 174 118 V200\"/%3E%3Cpath d=\"M186 200 V118 A24 24 0 0 1 234 118 V200\"/%3E%3Cpath d=\"M246 200 V118 A24 24 0 0 1 294 118 V200\"/%3E%3Cpath d=\"M60 200 V96 A90 90 0 0 1 240 96 V200\"/%3E%3Cpath d=\"M0 200 H300\"/%3E%3C/svg%3E");background-size:cover}.tf-art-trad{aspect-ratio:3/2;justify-content:center;align-items:center;display:flex}.tf-art-initial{color:var(--color-cream);font-family:var(--font-display);text-shadow:0 4px 24px #00000059;font-size:88px;font-weight:600;line-height:1;position:relative}.tf-art-era{background:linear-gradient(160deg, color-mix(in oklab, var(--color-royal) calc(100% - var(--tone) * 6%), var(--color-sky)), var(--color-navy) 85%);align-items:flex-end;height:128px;padding:14px 18px;display:flex}.tf-tl-card .tf-art{flex:none;height:128px}.tf-art-name{color:var(--color-cream);font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.1;position:relative}.tf-art-label{color:var(--color-cream);font:600 12px/18px var(--font-body);background:#13294bd9;border-radius:999px;padding:4px 12px;position:absolute;bottom:12px;left:12px}.tf-sel[aria-current],.tf-pick[data-on=true]{border-color:var(--color-royal);background:var(--color-royal);color:var(--color-cream)}.tf-pick:has(input:disabled){opacity:.55;cursor:not-allowed}.tf-compare-cols{scroll-snap-type:x mandatory;grid-auto-columns:min(85%,360px);grid-auto-flow:column;gap:16px;display:grid;overflow-x:auto}.tf-compare-cols>*{scroll-snap-align:start}@media (min-width:768px){.tf-compare-cols{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-flow:row;overflow:visible}}.tf-trads-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin-inline:-24px;padding:4px 24px 8px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.tf-trads-row::-webkit-scrollbar{display:none}.tf-trads-row>li{scroll-snap-align:start;flex:0 0 min(85%,340px)}.tf-trads-row>li>article{transition:box-shadow .25s,transform .25s}.tf-trads-row>li[data-selected=true]>article{box-shadow:0 0 0 3px var(--color-royal), 0 18px 36px #002a722e;transform:translateY(-3px)}.tf-trads-row>li[data-picked=true]>article{box-shadow:0 0 0 3px var(--color-blue)}.tf-trads-row article:focus{outline:none}.tf-trads-row article:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}@media (min-width:768px){.tf-trads-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-inline:0;padding:0;display:grid;overflow:visible}[data-all=false]>.tf-trads-row>.tf-extra{display:none}}@media (min-width:1024px){.tf-trads-row{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-stack] .tf-foot{flex-direction:column-reverse;align-items:flex-start}.tf-dot>span{background:var(--color-rule);border-radius:999px;width:8px;height:8px;transition:width .2s,background .2s;display:block}.tf-dot[aria-current]>span{background:var(--color-royal);width:22px}.tf-ribbon{scrollbar-width:none;gap:3px;margin:-4px -4px -2px;padding:4px 4px 2px;display:flex;overflow-x:auto}.tf-ribbon::-webkit-scrollbar{display:none}.tf-ribbon-seg{min-width:max-content;color:var(--color-royal);font:600 12px/16px var(--font-body);text-align:left;flex-direction:column;flex-shrink:0;flex-basis:0;gap:6px;padding:4px 0 6px;display:flex}.tf-ribbon-seg:before{content:"";background:var(--seg);border-radius:4px;height:8px;transition:transform .15s}.tf-ribbon-seg>span{white-space:nowrap;flex-direction:column;padding:0 10px 0 2px;display:flex}.tf-ribbon-range{color:var(--color-slate);font-weight:400}.tf-ribbon-seg:hover:before{transform:scaleY(1.5)}.tf-ribbon-seg[aria-current]:before{box-shadow:0 0 0 2px var(--color-cream-light), 0 0 0 4px var(--color-royal)}.tf-tl-card:focus{outline:none}.tf-tl-card:focus-visible>div{outline:3px solid var(--color-blue);outline-offset:3px}.tf-qmark{color:#002a7214;font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:105px;font-weight:600;line-height:1;position:absolute;bottom:-28px;right:10px}.tf-stage{background:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"600\" viewBox=\"0 0 600 600\" fill=\"none\" stroke=\"rgba(242,234,219,0.07)\" stroke-width=\"1\"%3E%3Cpath d=\"M-20 20 C80 -8 160 50 260 20 S440 -6 620 26\"/%3E%3Cpath d=\"M-20 54 C80 26 160 84 260 54 S440 28 620 60\"/%3E%3Cpath d=\"M-20 88 C80 60 160 118 260 88 S440 62 620 94\"/%3E%3Cpath d=\"M-20 122 C80 94 160 152 260 122 S440 96 620 128\"/%3E%3Cpath d=\"M-20 156 C80 128 160 186 260 156 S440 130 620 162\"/%3E%3Cpath d=\"M-20 190 C80 162 160 220 260 190 S440 164 620 196\"/%3E%3Cpath d=\"M-20 224 C80 196 160 254 260 224 S440 198 620 230\"/%3E%3Cpath d=\"M-20 258 C80 230 160 288 260 258 S440 232 620 264\"/%3E%3Cpath d=\"M-20 292 C80 264 160 322 260 292 S440 266 620 298\"/%3E%3Cpath d=\"M-20 326 C80 298 160 356 260 326 S440 300 620 332\"/%3E%3Cpath d=\"M-20 360 C80 332 160 390 260 360 S440 334 620 366\"/%3E%3Cpath d=\"M-20 394 C80 366 160 424 260 394 S440 368 620 400\"/%3E%3Cpath d=\"M-20 428 C80 400 160 458 260 428 S440 402 620 434\"/%3E%3Cpath d=\"M-20 462 C80 434 160 492 260 462 S440 436 620 468\"/%3E%3Cpath d=\"M-20 496 C80 468 160 526 260 496 S440 470 620 502\"/%3E%3Cpath d=\"M-20 530 C80 502 160 560 260 530 S440 504 620 536\"/%3E%3Cpath d=\"M-20 564 C80 536 160 594 260 564 S440 538 620 570\"/%3E%3Cpath d=\"M-20 598 C80 570 160 628 260 598 S440 572 620 604\"/%3E%3C/svg%3E"), linear-gradient(165deg, var(--color-royal) 0%, var(--color-royal) 35%, var(--color-navy) 100%)}.tf-stage .tcite{color:var(--color-mist)}.tf-path-wrap:before{content:"";border-left:2px solid #c8d7ea73;position:absolute;top:24px;bottom:24px;left:23px}.tf-path-mark{z-index:1;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.tf-path-start{margin-bottom:28px}.tf-path-end{margin-top:28px}.tf-path-chip{background:var(--color-mist);min-height:30px;color:var(--color-royal);font:600 12px/16px var(--font-body);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 14px;display:inline-flex;box-shadow:0 0 18px #f2eadb59}.tf-path-book{background:var(--color-cream);justify-content:center;width:48px;height:48px;padding:0}.tf-path-book svg{width:28px;height:22px;color:var(--color-royal)}.tf-path-step{grid-template-columns:48px minmax(0,1fr);gap:14px;padding-bottom:12px;display:grid;position:relative}.tf-path-step:last-child{padding-bottom:0}.tf-path-step .tf-step-n{z-index:1;transition:box-shadow .2s;position:relative;box-shadow:0 0 0 5px #f2eadb29}.tf-step-card{z-index:1;background:#ffffff0f;border:1px solid #f2eadb33;border-radius:12px;padding:11px 20px;transition:background-color .2s,border-color .2s,transform .2s;position:relative}.tf-path-step:hover .tf-step-card,.tf-path-step:focus-within .tf-step-card{background:#ffffff1c;border-color:#f2eadb61;transform:translateY(-2px)}.tf-path-step:hover .tf-step-n,.tf-path-step:focus-within .tf-step-n{box-shadow:0 0 0 5px #f2eadb4d,0 0 22px 4px #f2eadb73}@media (prefers-reduced-motion:reduce){.tf-path-step:hover .tf-step-card,.tf-path-step:focus-within .tf-step-card{transform:none}}.tf-path-line{filter:drop-shadow(0 0 6px #f2eadb8c);overflow:visible}.tf-path-line path{fill:none;stroke:var(--color-mist);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-width:2.5px;transition:stroke-dashoffset 2.4s ease-out}.tf-path-line[data-in=true] path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.tf-path-line path{stroke-dashoffset:0}}@media (min-width:1024px){.tf-path-step{width:calc(50% - 10px);padding-bottom:0}.tf-path-step+.tf-path-step{margin-top:-12px}.tf-path-step:nth-child(2n){grid-template-columns:minmax(0,1fr) 48px;margin-left:auto}.tf-path-step:nth-child(2n)>.tf-step-n{order:2}[data-end-right=true]>.tf-path-end{align-self:flex-end}[data-drawn=true].tf-path-wrap:before{display:none}}.tf-parchment{background-color:var(--color-sand);background-image:repeating-linear-gradient(0deg,#002a720b 0 1px,#0000 1px 30px)}.tf-index-card{background:var(--color-cream-light);border-radius:6px;padding:20px 24px 16px;box-shadow:0 1px #13294b0f,0 10px 22px #13294b1a}.tf-index-title{color:var(--color-slate);font:600 13px/20px var(--font-body);letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid #b58a1e8c;margin:0 0 4px;padding-bottom:10px}.tf-ruled-item{border-bottom:1px solid #3e6ea333}.tf-bar{border-bottom:1px solid #c8d7ea59}.tf-bar-chip[aria-current]{border-color:var(--color-cream);background:var(--color-cream);color:var(--color-royal)!important}.tf-shelf-slot{perspective:900px;position:relative}.tf-shelf-slot:after{content:"";background:linear-gradient(#a27b51,#6d4f2f);border-radius:2px;height:10px;position:absolute;bottom:-16px;left:-12px;right:-12px;box-shadow:0 6px 10px #13294b2e}.tf-book{background:var(--cover);min-height:236px;color:var(--color-cream);transform-origin:50% 100%;border-radius:4px 10px 10px 4px;grid-template-columns:30px minmax(0,1fr);transition:transform .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:inset -3px 0 #ffffff1a,0 10px 18px #13294b38}.tf-book:focus{outline:none}.tf-book:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.tf-spine{font:600 12px/1 var(--font-body);letter-spacing:.14em;writing-mode:vertical-rl;background:#0003;border-right:1px solid #ffffff2e;justify-content:center;align-items:center;display:flex;transform:rotate(180deg)}.tf-cover{flex-direction:column;gap:12px;padding:20px 16px 18px 14px;display:flex}.tf-book-title{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.18}.tf-book-author{margin-top:auto;font-size:13px;line-height:18px}.tf-cite{background:var(--color-cream-light);color:var(--color-royal);padding:14px 14px 12px;font-size:13px;line-height:19px;transition:transform .3s;position:absolute;bottom:0;left:30px;right:0;transform:translateY(101%)}.tf-book:hover,.tf-book:focus-within{transform:rotateX(7deg)translateY(-6px);box-shadow:inset -3px 0 #ffffff1a,0 18px 28px #13294b4d}.tf-book:hover .tf-cite,.tf-book:focus-within .tf-cite{transform:none}@media (max-width:639px){.tf-book{min-height:210px}.tf-book-title{font-size:17px}}.tf-flip{perspective:1200px}.tf-flip-inner{cursor:pointer;height:100%;min-height:190px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.tf-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;grid-area:1/1;gap:10px;padding:22px 22px 18px;display:flex;position:relative}.tf-front{border:1px solid var(--color-rule);background:var(--color-cream);color:var(--color-royal)}.tf-back{background:var(--color-royal);color:var(--color-cream);transform:rotateY(180deg)}.tf-back .tcite{color:var(--color-sky)}.tf-flip-btn:after{content:"";position:absolute;inset:0}.tf-flip-btn:focus{outline:none}.tf-flip[data-flipped=true] .tf-flip-inner{transform:rotateY(180deg)}.tf-flip:has(:focus-visible) .tf-flip-inner{transform:rotateY(180deg)}.tf-flip:has(:focus-visible) .tf-back{outline:3px solid var(--color-blue);outline-offset:3px}@media (hover:hover){.tf-flip:hover .tf-flip-inner{transform:rotateY(180deg)}}.tf-const{height:var(--mh);background:radial-gradient(circle at 50% 50%, #3e6ea361, transparent 55%), radial-gradient(1.5px 1.5px at 12% 22%, #f2eadbcc, transparent), radial-gradient(1.5px 1.5px at 31% 78%, #f2eadb99, transparent), radial-gradient(1px 1px at 46% 14%, #f2eadbb3, transparent), radial-gradient(1.5px 1.5px at 64% 86%, #f2eadb99, transparent), radial-gradient(1px 1px at 78% 30%, #f2eadbcc, transparent), radial-gradient(1.5px 1.5px at 92% 64%, #f2eadb99, transparent), linear-gradient(160deg, var(--color-royal), var(--color-navy));border-radius:16px;position:relative}.tf-const-lines{filter:drop-shadow(0 0 4px #8db3dae6);clip-path:inset(0);width:100%;height:100%;transition:clip-path 1.4s;position:absolute;inset:0}.tf-const-line{stroke:var(--color-sky);stroke-width:1.4px;vector-effect:non-scaling-stroke}.tf-const-wide{display:none}[data-reveal=wait] .tf-const-phone{clip-path:inset(50% 0)}[data-reveal=wait] .tf-const-wide{clip-path:inset(0 50%)}.tf-star,.tf-const-label{top:var(--my);left:var(--mx);position:absolute;transform:translate(-50%,-50%)}.tf-star{z-index:1}.tf-const-label{color:var(--color-sky);font:600 12px/16px var(--font-body);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;margin:0}.tf-star-link{width:max-content;max-width:190px;min-height:44px;color:var(--color-cream);font:600 14px/18px var(--font-body);text-align:center;background:#13294be0;border:1px solid #8db3da99;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 0 18px #8db3da47}.tf-star-link:hover,.tf-star-link:focus-visible{border-color:var(--color-sky);background:var(--color-sky);color:var(--color-navy)}.tf-star-here{background:var(--color-cream);width:max-content;max-width:240px;color:var(--color-royal);font-family:var(--font-display);text-align:center;border-radius:999px;padding:12px 24px;font-size:21px;font-weight:600;line-height:1.15;display:inline-flex;box-shadow:0 0 0 6px #8db3da40,0 0 42px #8db3daa6}.tf-star-link .tsit-tip{z-index:30;background:var(--color-cream-light);width:max-content;max-width:260px;color:var(--color-royal);font:500 13px/18px var(--font-body);pointer-events:none;border-radius:6px;padding:8px 12px;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tf-star-link:hover .tsit-tip,.tf-star-link:focus-visible .tsit-tip{display:block}@media (min-width:768px){.tf-const{height:var(--h)}.tf-const-wide{display:block}.tf-const-phone{display:none}.tf-star,.tf-const-label{top:var(--y);left:var(--x)}.tf-star-link{max-width:min(280px,28vw)}.tf-star-here{max-width:300px;font-size:24px}}.tf-flip-mark{color:#002a7212;font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:150px;font-weight:600;line-height:1;position:absolute;bottom:-30px;right:14px}.tf-front{overflow:hidden}.tf-const-label{z-index:1;background:#002a72eb;border-radius:999px;padding:2px 10px}.tf-compared>.tf-hold{display:block}.tf-compared>.tf-chip{align-self:flex-start;margin-top:auto}.tf-bar-chips{padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.tf-toggle{color:var(--color-royal-line)}.tf-book{min-height:340px}.tf-book-art{flex:none;justify-content:center;align-items:center;height:150px;margin-bottom:4px;display:flex}.tf-book-sketch{object-fit:contain;opacity:.85;width:auto;max-width:100%;height:100%;transition:opacity .3s}.tf-book:hover .tf-book-sketch,.tf-book:focus-within .tf-book-sketch{opacity:1}.tf-book-dove{background:var(--color-cream);opacity:.3;width:100%;height:100%;display:block;-webkit-mask:url(/img/dove.svg) 50%/contain no-repeat;mask:url(/img/dove.svg) 50%/contain no-repeat}@media (min-width:1280px){.tf-book-title{font-size:18px}}@media (max-width:639px){.tf-book{min-height:300px}.tf-book-art{height:120px}}