:root{--ink:#0d0c0a;--cream:#f3ead8;--gold:#c9a45c;--muted:#a29a8c;--line:#2b2721;--serif:"Cormorant Garamond", Garamond, Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}p{margin:0}.wrap{max-width:560px;margin:0 auto;padding:0 20px}main.wrap{padding-top:24px;padding-bottom:48px}.site-head{padding-top:max(20px, env(safe-area-inset-top));border-bottom:1px solid var(--gold);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:12px;display:flex}.brand{flex-direction:column;display:flex}.brand-name{font-family:var(--serif);letter-spacing:-.01em;font-size:44px;font-weight:600;line-height:.9}.brand-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:6px;font-size:10px;font-weight:600}.site-nav a{color:var(--muted);font-size:14px}.site-nav a.active{color:var(--cream)}.site-foot{padding-top:18px;padding-bottom:max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--gold);font-size:13px}.deco{border:1px solid var(--gold);padding:5px;position:relative}.deco-inner{border:1px solid var(--gold);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 32px;display:flex}.deco-fan{fill:none;width:28px;height:28px;stroke:var(--gold);stroke-width:1.2px;position:absolute}.deco-fan.tl{top:5px;left:5px}.deco-fan.tr{top:5px;right:5px;transform:scaleX(-1)}.deco-fan.bl{bottom:5px;left:5px;transform:scaleY(-1)}.deco-fan.br{bottom:5px;right:5px;transform:scale(-1)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:600;display:inline-block}.title{font-family:var(--serif);letter-spacing:-.01em;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin:4px 0 0;font-size:40px;font-weight:600;line-height:1.05}.hint{color:var(--muted);font-size:13px}.tag{letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);border-radius:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.tag.muted{color:var(--muted);border:1px solid var(--line);background:0 0}.facts{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;font-size:14px;display:flex}.facts .label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);flex:none;font-size:10px;font-weight:600}.facts .value{text-align:right}.facts a.value{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.btn{background:var(--cream);width:100%;min-height:50px;color:var(--ink);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;display:flex}.btn.ghost{color:var(--cream);border:1px solid var(--line);background:0 0}.btn.ask{color:var(--gold);border:1px solid var(--gold);background:0 0}.back-number{background:var(--cream);width:62px;height:54px;color:var(--ink);border-radius:3px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding-bottom:7px;display:flex;position:relative}.back-number .pin{background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute}.back-number .pin:first-child{top:5px;left:5px}.back-number .pin:nth-child(2){top:5px;right:5px}.back-number .pin:nth-child(3){bottom:4px;left:calc(50% - 2.5px)}.back-number .day,.back-number .label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:700;line-height:1}.back-number .digits{font-family:var(--serif);font-variant-numeric:lining-nums;margin-top:3px;font-size:25px;font-weight:700;line-height:1}.back-number.range .digits{letter-spacing:-.02em;font-size:19px}.back-number.hero{width:auto;min-width:190px;height:auto;padding:18px 40px 24px;transform:rotate(-3deg);box-shadow:0 14px 30px #00000059}.back-number.hero .pin{width:8px;height:8px}.back-number.hero .pin:first-child{top:9px;left:9px}.back-number.hero .pin:nth-child(2){top:9px;right:9px}.back-number.hero .pin:nth-child(3){bottom:9px;left:calc(50% - 4px)}.back-number.hero .day,.back-number.hero .label{font-size:10px}.back-number.hero .digits{margin:4px 0 -1px;font-size:50px}.back-number.hero.range .digits{font-size:38px}.cal-head .title{margin-top:6px}.cal-head .hint{font-size:15px}.tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 8px;display:grid}.tab{border:1px solid var(--gold);letter-spacing:.04em;border-radius:6px;padding:7px 0;font-size:13px;font-weight:600}.tab.on{background:var(--cream);border-color:var(--cream);color:var(--ink)}.month{align-items:center;gap:14px;margin:28px 0 4px;display:flex}.month:after{content:"";background:var(--gold);flex:1;height:1px}.comps{margin:0;padding:0;list-style:none}.comp{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;column-gap:16px;padding:14px 0;display:grid}.comp .back-number{grid-row:span 2}.comp-arrow{color:var(--gold);grid-area:1/3/span 2}.comp-text{flex-direction:column;min-width:0;display:flex}.comp-name{font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.comp-sub{color:var(--muted);font-size:13px}.comp-tags{flex-wrap:wrap;grid-column:2;gap:8px;margin-top:6px;display:flex}.cal-list>.hint{margin-top:24px}.hero-frame{margin:20px 0 28px}.bond-head{margin:0}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.hero .back-number{margin-bottom:14px}.hero .title{max-width:100%;font-size:36px}.hero .title.long{font-size:30px}.actions{flex-direction:column;gap:10px;margin:28px 0 20px;display:flex}.actions .hint{text-align:center}.small-links a{color:var(--cream);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;margin-left:12px}.body{margin-bottom:24px}.section{margin:32px 0 12px;display:block}.steps{counter-reset:step;margin:0 0 32px;padding:0;list-style:none}.steps li{counter-increment:step;padding:0 0 14px 36px;position:relative}.steps li:before{content:counter(step);font-family:var(--serif);font-variant-numeric:lining-nums;color:var(--gold);font-size:22px;font-weight:700;position:absolute;top:-4px;left:0}.links li a{font-weight:600}.faint{color:var(--muted)}.page-hint{margin-top:24px}@media (width>=900px){body{font-size:17px}.wrap{max-width:1000px;padding:0 40px}main.wrap{padding-top:32px;padding-bottom:96px}.comp-page,.bond-page{max-width:760px;margin:0 auto}.site-head{align-items:center;padding-top:24px;padding-bottom:14px}.brand-name{font-size:56px}.brand-sub{font-size:11px}.site-nav a{font-size:16px}.deco{padding:6px}.deco-inner{padding:48px 40px}.deco-fan{width:40px;height:40px}.deco-fan.tl,.deco-fan.tr{top:6px}.deco-fan.tl,.deco-fan.bl{left:6px}.deco-fan.bl,.deco-fan.br{bottom:6px}.deco-fan.tr,.deco-fan.br{right:6px}.eyebrow{font-size:12px}.title{font-size:64px}.cal-head .hint{font-size:18px}.tabs{justify-content:center;gap:20px;margin:32px 0 12px;display:flex}.tab{min-width:100px;padding:6px 20px;font-size:15px}.month{margin-top:40px}.comp{grid-template-columns:auto 1fr auto auto;column-gap:28px;padding:16px 0}.comp .back-number{grid-row:auto}.comp-tags{grid-column:3;margin-top:0}.comp-arrow{grid-area:1/4}.comp:hover .comp-name{color:var(--gold)}.comp-name{font-size:30px}.comp-sub{font-size:15px}.back-number{width:76px;height:64px}.back-number .day{font-size:8px}.back-number .digits{font-size:31px}.back-number.range .digits{font-size:23px}.back-number .pin{width:6px;height:6px}.back-number .pin:nth-child(3){left:calc(50% - 3px)}.back-number.hero{min-width:230px;padding:22px 48px 30px}.back-number.hero .digits{font-size:64px}.back-number.hero.range .digits{font-size:44px}.back-number.hero .label,.back-number.hero .day{font-size:12px}.back-number.hero .pin{width:9px;height:9px}.back-number.hero .pin:nth-child(3){left:calc(50% - 4.5px)}.hero-frame{margin:32px 0 40px}.hero .title{font-size:56px}.hero .title.long{font-size:46px}.facts li{padding:16px 0;font-size:16px}.facts .label,.tag{font-size:11px}.actions{flex-flow:wrap}.actions .hint{flex-basis:100%}.actions .btn{flex:1}}
