@font-face{font-family:"ABC Favorit";src:url("assets/ABCFavorit-Book.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#231b17;--muted:#75716e;--line:#ecebea;--product-bg:#F6F0E9;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"ABC Favorit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;letter-spacing:-.025em}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #6d503b;outline-offset:6px}
::selection{color:#fff;background:#544338}
.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px 18px;background:var(--ink);color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:88px;display:flex;align-items:center;justify-content:center}
.brand{display:flex;align-items:center;justify-content:center;width:48px;height:48px}
.brand img{display:block}
.product{background:var(--product-bg);display:flex;flex-direction:column;align-items:center;text-align:center}
.product-two{text-align:center;padding:48px 24px 48px}
.product-copy{position:relative;z-index:1;text-align:center;width:100%}
.product-name{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 14px;font-size:21px;line-height:1.25;letter-spacing:-.045em}
.two-mark{display:block;width:23px;height:24px;object-fit:contain;transform:translateY(-1px)}
.headline{margin:0;font-size:34px;font-weight:400;line-height:1.18;letter-spacing:-.055em}
.description{max-width:32rem;margin:17px auto;color:var(--muted);font-size:16px;line-height:1.5;letter-spacing:-.025em}
.description-two{max-width:29rem;text-wrap:pretty}
.description-lead{display:block;margin-bottom:10px;color:var(--ink)}
.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;background:#fff;border-radius:99px;font-size:14px;line-height:1.2;letter-spacing:-.025em;transition:background 180ms}
.button span{font-family:Arial,sans-serif;font-size:19px;line-height:1;transition:transform 180ms}
.button:hover{background:#fafafa}
.button:hover span{transform:translateX(2px)}
.product-image-link{display:block;line-height:0;transition:transform 900ms var(--ease)}
.product-two .product-image-link{width:min(740px,100%);margin:8px auto 0}
.product-image{display:block;width:100%;height:auto}
.product-one{width:100%;margin:12px 0 0;padding:64px 32px 62px}
.product-one .headline{font-size:30px}
.product-one .product-image-link{width:min(540px,100%);margin:22px auto 0}
.site-footer{padding:0 32px 26px;background:#fff}
.footer-inner{border-top:1px solid var(--line);max-width:976px;margin:auto;padding-top:22px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;line-height:1.5}
.footer-inner nav{display:flex;gap:28px}
.footer-inner nav a{padding:8px 0;font-size:13px}
.footer-inner a:hover{color:var(--ink)}
.footer-inner small{font-size:12px;white-space:nowrap}
.type-word{display:inline-block;white-space:nowrap}
.type-letter{display:inline-block;opacity:0;transform:translateY(3px);filter:blur(2px);transition:opacity 600ms var(--ease),transform 700ms var(--ease),filter 600ms var(--ease);transition-delay:var(--delay)}
.is-visible .type-letter{opacity:1;transform:translateY(0);filter:blur(0)}
@media(hover:hover){.product-image-link:hover{transform:translateY(-3px)}}
@media(max-width:760px){.site-header{height:76px}.brand img{width:24px;height:26px}.product-two{padding:41px 20px 53px}.product-name{font-size:20px;margin-bottom:13px}.two-mark{width:22px;height:23px}.headline{font-size:30px;letter-spacing:-.05em}.description{font-size:16px;margin:16px auto;max-width:27rem}.product-two .product-image-link{width:calc(100% + 20px);max-width:620px;margin:21px auto 0}.product-one{display:flex;flex-direction:column;gap:0;margin:12px 0 0;padding:53px 24px 45px}.product-one .product-copy{text-align:center}.product-one .product-name{justify-content:center}.product-one .headline{font-size:28px}.product-one .product-image-link{width:85%;max-width:380px;margin-top:26px}.site-footer{padding:0 24px 22px}.footer-inner{padding-top:17px}.footer-inner nav{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.type-letter{opacity:1;transform:none;filter:none}}

.one-mark{display:block;width:12px;height:24px;object-fit:contain;transform:translateY(-1px)}
@media(max-width:760px){.one-mark{width:11.5px;height:23px}}

/* Frame the pair tightly, excluding the render's empty canvas. */
.product-one .product-image-link{position:relative;width:min(575px,100%);aspect-ratio:1.8761;overflow:hidden;margin-top:38px}
.product-one .product-image{position:absolute;width:125.7862%;max-width:none;left:-13.2075%;top:-38.0531%;height:auto}
@media(max-width:760px){.product-one .product-image-link{width:94%;max-width:430px;margin-top:32px}}
