.bb-page{--bb-ink: #292d2f;--bb-muted: #697176;--bb-paper: #fffdf8;--bb-cream: #f5eee3;--bb-leather: #9a5d38;--bb-leather-dark: #704127;--bb-wine: #824858;--bb-teal: #3f716d;--bb-brass: #c59d4d;--bb-line: rgba(41, 45, 47, .14);color:var(--bb-ink);background:var(--bb-paper)}.bb-page *{box-sizing:border-box}.bb-wrap{width:min(1320px,calc(100% - 40px));margin:0 auto}.bb-page h1,.bb-page h2,.bb-page h3,.bb-page p{margin-top:0}.bb-page h1,.bb-page h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.04em;color:var(--bb-ink)}.bb-page h1{max-width:800px;margin-bottom:24px;font-size:clamp(52px,6.2vw,91px);line-height:.94}.bb-page h2{margin-bottom:18px;font-size:clamp(36px,4vw,59px);line-height:1}.bb-kicker{margin:0 0 12px;color:var(--bb-leather);font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.bb-hero{position:relative;overflow:hidden;padding:72px 0 78px;background:linear-gradient(128deg,#faf4e9,#f0e4d2 56%,#e5d2ba)}.bb-hero:before{content:"";position:absolute;width:380px;height:380px;right:-155px;top:-165px;border:3px dashed rgba(130,72,88,.15);border-radius:50%}.bb-hero:after{content:"";position:absolute;width:240px;height:240px;left:42%;bottom:-185px;border-radius:50%;background:var(--bb-teal);opacity:.08}.bb-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(500px,.97fr);gap:64px;align-items:center}.bb-lead{max-width:700px;margin-bottom:30px;color:#555e62;font-size:19px;line-height:1.7}.bb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.bb-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:999px;font-weight:850;line-height:1.1;text-decoration:none;transition:transform .2s ease,background .2s ease}.bb-button:hover{transform:translateY(-2px)}.bb-button--primary{background:var(--bb-leather);color:#fff}.bb-button--primary:hover{background:var(--bb-leather-dark);color:#fff}.bb-button--secondary{border:1px solid var(--bb-ink);background:#ffffff85;color:var(--bb-ink)}.bb-button--light{flex:0 0 auto;background:#fff;color:var(--bb-ink);white-space:nowrap}.bb-notes{display:flex;flex-wrap:wrap;gap:9px}.bb-notes span{padding:8px 12px;border:1px solid rgba(41,45,47,.15);border-radius:999px;background:#ffffff70;font-size:13px;font-weight:750}.bb-workbench{position:relative;min-height:580px;overflow:hidden;border:1px solid rgba(86,59,37,.14);border-radius:28px;background-color:#eee0cc;background-image:linear-gradient(rgba(97,67,43,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(97,67,43,.05) 1px,transparent 1px);background-size:32px 32px;box-shadow:0 26px 64px #4d36222b}.bb-workbench__label{position:absolute;z-index:20;top:28px;left:31px;margin:0;color:#72513b;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.bb-ruler{position:absolute;z-index:2;width:430px;height:46px;right:-95px;bottom:35px;border:1px solid #b58c3b;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(77,54,22,.4) 13px 14px),linear-gradient(#e5c46f,#c99f42);transform:rotate(-9deg);box-shadow:0 9px 16px #45301c26}.bb-thread{position:absolute;z-index:1;width:180px;height:180px;right:-38px;top:79px;border:3px dashed rgba(130,72,88,.22);border-radius:50%}.bb-ring{position:absolute;z-index:3;width:49px;height:49px;border:8px solid var(--bb-brass);box-shadow:0 6px 10px #3d2a1629}.bb-ring--one{right:29px;top:176px;border-radius:50%;transform:rotate(13deg)}.bb-ring--two{left:45%;bottom:28px;border-radius:7px;transform:rotate(-8deg)}.bb-hero-book{position:absolute;z-index:8;left:7%;top:104px;display:block;width:37%;max-width:215px;color:var(--bb-ink);text-decoration:none;transform:rotate(-5deg);transform-origin:center;transition:transform .22s ease,z-index .22s ease}.bb-hero-book:hover{z-index:25;transform:translateY(-8px) rotate(-1deg);color:var(--bb-ink)}.bb-hero-book__cover{display:block;overflow:hidden;aspect-ratio:.72;border:7px solid #fff;border-radius:5px;background:#fff;box-shadow:0 16px 25px #3d291b3b}.bb-hero-book__cover img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.bb-hero-book__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;background:linear-gradient(145deg,var(--bb-wine),#56323d);color:#fff;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.02;text-align:center}.bb-hero-book strong{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bb-bag{position:absolute;z-index:7;right:7%;top:142px;width:46%;height:330px}.bb-bag__handle{position:absolute;z-index:1;width:53%;height:110px;left:24%;top:0;border:17px solid #6e3d29;border-bottom:0;border-radius:60px 60px 0 0}.bb-bag__body{position:absolute;z-index:2;top:78px;right:0;bottom:0;left:0;border-radius:17px 17px 29px 29px;background:linear-gradient(145deg,#a96a47,#774129);box-shadow:0 20px 31px #41281945}.bb-bag__body:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed rgba(255,242,220,.5);border-radius:11px 11px 22px 22px}.bb-bag__pocket{position:absolute;z-index:3;left:20%;right:20%;bottom:32px;height:96px;border:2px solid rgba(255,240,216,.52);border-radius:6px 6px 18px 18px;background:#49231629}.bb-bag__label{position:absolute;z-index:4;left:50%;bottom:66px;padding:6px 10px;border-radius:3px;background:var(--bb-brass);color:#4c321d;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}.bb-paths{padding:90px 0 96px;background:#fff}.bb-heading{max-width:870px;margin-bottom:38px}.bb-heading>p:last-child{margin-bottom:0;color:var(--bb-muted);font-size:17px;line-height:1.7}.bb-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bb-path{position:relative;display:flex;flex-direction:column;min-height:325px;padding:27px;overflow:hidden;border:1px solid var(--bb-line);border-radius:21px;background:#faf5ed;color:var(--bb-ink);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.bb-path:after{content:"";position:absolute;width:120px;height:120px;right:-45px;top:-45px;border-radius:50%;background:currentColor;opacity:.06}.bb-path:hover{transform:translateY(-5px);border-color:#9a5d3857;box-shadow:0 17px 38px #292d2f1a;color:var(--bb-ink)}.bb-path--pattern{background:#eef4f1}.bb-path--material{background:#f5edf0}.bb-path--hardware{background:#f6f0df}.bb-path__number{color:var(--bb-leather);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1}.bb-path--pattern .bb-path__number{color:var(--bb-teal)}.bb-path--material .bb-path__number{color:var(--bb-wine)}.bb-path--hardware .bb-path__number{color:#a47a27}.bb-path h3{margin:53px 0 12px;font-size:23px;line-height:1.1}.bb-path p{margin-bottom:22px;color:var(--bb-muted);font-size:14px;line-height:1.62}.bb-path strong{margin-top:auto;color:var(--bb-leather);font-size:13px}.bb-plan{padding:91px 0 98px;background:var(--bb-cream)}.bb-plan__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}.bb-plan__intro>p:last-child{margin-bottom:0;color:var(--bb-muted);font-size:17px;line-height:1.75}.bb-plan__steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.bb-plan__steps li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:22px 24px;border:1px solid rgba(41,45,47,.11);border-radius:17px;background:#ffffffb8}.bb-plan__steps li>span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;background:var(--bb-leather);color:#fff;font-family:Georgia,Times New Roman,serif;font-size:24px}.bb-plan__steps h3{margin-bottom:6px;font-size:20px}.bb-plan__steps p{margin-bottom:0;color:var(--bb-muted);line-height:1.58}.bb-materials{padding:90px 0 96px;background:#fff}.bb-materials__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bb-materials__grid a{display:block;min-height:235px;padding:25px;border:1px solid var(--bb-line);border-radius:19px;background:#fff;color:var(--bb-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.bb-materials__grid a:hover{transform:translateY(-5px);box-shadow:0 15px 32px #292d2f1a;color:var(--bb-ink)}.bb-materials__grid b,.bb-materials__grid small{display:block}.bb-materials__grid b{margin-top:24px;font-size:19px}.bb-materials__grid small{margin-top:9px;color:var(--bb-muted);font-size:13px;line-height:1.5}.bb-swatch{position:relative;display:block;width:67px;height:67px;border-radius:17px;box-shadow:inset 0 0 0 1px #292d2f1f}.bb-swatch--shell{background:repeating-linear-gradient(35deg,#a96947 0 7px,#945737 7px 14px)}.bb-swatch--structure{background:repeating-linear-gradient(0deg,#e9e4da 0 6px,#cec8bc 6px 8px)}.bb-swatch--zipper{background:linear-gradient(90deg,#6c4e52 0 44%,#d1af66 44% 56%,#6c4e52 56%)}.bb-swatch--zipper:after{content:"";position:absolute;left:50%;top:8px;width:14px;height:24px;border:4px solid #7d602a;border-radius:50%;transform:translate(-50%)}.bb-swatch--metal{border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff0a8 0,#be8d32 40%,#71501d)}.bb-bookshelf{padding:88px 0 96px;background:#283032}.bb-bookshelf .bb-kicker{color:#efbd67}.bb-bookshelf h2{color:#fff}.bb-bookshelf .bb-heading>p:last-child{color:#ffffffb3}.bb-bookshelf__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));gap:20px}.bb-book-card{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#fff;color:var(--bb-ink);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.bb-book-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #00000040;color:var(--bb-ink)}.bb-book-card__image{display:flex;align-items:center;justify-content:center;min-height:350px;padding:26px;background:linear-gradient(145deg,#fff,#e9dfd0)}.bb-book-card__image img{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(45,31,22,.23))}.bb-book-card__placeholder{display:flex;align-items:center;justify-content:center;width:74%;max-width:210px;aspect-ratio:.72;border-radius:5px;background:linear-gradient(145deg,var(--bb-wine),#53313a);color:#fff;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.05;text-align:center}.bb-book-card__copy{padding:19px}.bb-book-card__copy>span{display:block;margin-bottom:8px;color:var(--bb-teal);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.bb-book-card__copy h3{margin-bottom:10px;font-size:18px;line-height:1.25}.bb-book-card__copy p{margin-bottom:0;color:var(--bb-leather);font-weight:850}.bb-empty{padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#ffffff0f;color:#fff}.bb-empty h3{margin-bottom:8px;font-size:23px}.bb-empty p{color:#ffffffb3}.bb-local{padding:64px 0;background:#ead8c3}.bb-local__inner{display:flex;align-items:center;justify-content:space-between;gap:58px}.bb-local h2{max-width:880px;font-size:clamp(35px,4vw,55px)}.bb-local p:last-child{max-width:880px;margin-bottom:0;color:#626b6f;font-size:16px;line-height:1.7}.bb-local .bb-button--light{border:1px solid var(--bb-ink)}.bb-products{padding:84px 0 12px;background:#fff}.bb-products .bb-heading{margin-bottom:0}@media(max-width:1120px){.bb-hero__grid{grid-template-columns:1fr;gap:48px}.bb-workbench{min-height:600px}.bb-path-grid,.bb-materials__grid{grid-template-columns:repeat(2,1fr)}.bb-path{min-height:285px}}@media(max-width:760px){.bb-wrap{width:min(100% - 28px,1320px)}.bb-hero{padding:48px 0 58px}.bb-page h1{font-size:clamp(46px,14vw,67px)}.bb-page h2{font-size:clamp(35px,10vw,49px)}.bb-lead{font-size:17px}.bb-actions{display:grid}.bb-button{width:100%}.bb-notes{gap:7px}.bb-notes span{font-size:11px}.bb-workbench{min-height:500px;border-radius:20px}.bb-workbench__label{top:21px;left:21px;font-size:9px}.bb-hero-book{left:5%;top:91px;width:39%;max-width:180px}.bb-bag{right:4%;top:130px;width:52%;height:290px}.bb-bag__body{top:72px;right:0;bottom:0;left:0}.bb-ruler{bottom:25px}.bb-paths,.bb-plan,.bb-materials,.bb-bookshelf{padding:64px 0 70px}.bb-path-grid{gap:10px}.bb-path{min-height:285px;padding:21px;border-radius:16px}.bb-path h3{margin-top:38px;font-size:20px}.bb-path p{font-size:13px}.bb-plan__grid{grid-template-columns:1fr;gap:31px}.bb-plan__steps li{grid-template-columns:48px 1fr;gap:15px;padding:19px}.bb-plan__steps li>span{width:44px;height:44px;border-radius:13px;font-size:21px}.bb-materials__grid{gap:10px}.bb-materials__grid a{min-height:220px;padding:20px}.bb-bookshelf__grid{grid-template-columns:minmax(0,1fr)}.bb-book-card__image{min-height:310px}.bb-local{padding:54px 0}.bb-local__inner{align-items:flex-start;flex-direction:column;gap:28px}.bb-products{padding-top:62px}}@media(max-width:480px){.bb-workbench{min-height:430px}.bb-hero-book{max-width:140px;top:82px}.bb-bag{top:112px;height:245px}.bb-bag__handle{height:82px;border-width:13px}.bb-bag__body{top:59px;right:0;bottom:0;left:0}.bb-bag__pocket{height:72px;bottom:25px}.bb-bag__label{bottom:48px}.bb-ring--one{display:none}.bb-path-grid,.bb-materials__grid{grid-template-columns:1fr}.bb-path{min-height:235px}.bb-materials__grid a{min-height:190px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bag-making-books.css.map */