:root{--red:#ae2036;--ink:#171b26;--muted:#677082;--paper:#fff;--bg:#f7f7f9;--border:#e6e8ed;--max:1230px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.top{background:#171b26;color:#f9f9fb;text-align:center;padding:9px 20px;font-size:13px;letter-spacing:.01em}.top span{margin:0 20px;color:#d9d9e0}
.head{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border)}.wrap{max-width:var(--max);margin:auto;padding:0 25px}.head-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-size:38px;letter-spacing:-3px;font-weight:850;color:var(--red);line-height:1}.logo small{display:block;color:var(--ink);font-size:9px;letter-spacing:2.3px;margin:2px 0 0 3px;text-transform:uppercase;font-weight:700}.nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}.nav a:hover,.foot a:hover{color:var(--red)}.nav .nav-focus{color:var(--red)}.hero{background:linear-gradient(112deg,#171b26 2%,#3e2230 85%);color:#fff;overflow:hidden}.hero-grid{min-height:470px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:35px}.eyebrow{color:#ffbdc7;font-size:12px;letter-spacing:2.4px;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(35px,4.5vw,61px);line-height:1.1;letter-spacing:-2.4px;margin:17px 0 19px;font-weight:800}.hero p{max-width:530px;color:#e0dce1;font-size:17px;margin:0 0 27px}.btn{display:inline-flex;align-items:center;gap:9px;justify-content:center;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:8px;padding:13px 22px;font-weight:750;box-shadow:0 5px 18px #6f122128}.btn:hover{background:#951b2e}.btn-white{background:#fff;border-color:#fff;color:#161922;box-shadow:none}.hero-art{min-height:360px;position:relative;display:flex;align-items:center;justify-content:center}.mock{box-shadow:0 28px 60px #07040780;background:#fff;border:10px solid #fff;border-radius:8px;position:absolute;overflow:hidden;max-width:260px;max-height:330px}.mock.one{width:260px;transform:rotate(-11deg) translate(-62px,2px)}.mock.two{width:225px;transform:rotate(12deg) translate(105px,6px)}.mock img{width:100%;height:270px;object-fit:cover}.preview-note{background:#fff8df;border-top:1px solid #f5e9aa;border-bottom:1px solid #f5e9aa;color:#635219;padding:12px 0;font-size:13px}.section{padding:72px 0}.headings{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:27px}.headings h2{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-1.1px;margin:0}.headings p{margin:7px 0 0;color:var(--muted)}.more{color:var(--red);font-weight:750;font-size:14px;white-space:nowrap}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.pill{display:inline-flex;padding:8px 15px;border:1px solid #d9dce3;background:#fff;border-radius:30px;font-size:13px;font-weight:650}.pill:hover{border-color:var(--red);color:var(--red)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.card:hover{box-shadow:0 13px 35px #161a2620;transform:translateY(-3px)}.card-img{height:187px;background:linear-gradient(145deg,#f1e8e9,#e6e9ef);display:flex;justify-content:center;align-items:center;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.no-img{font-size:66px;color:var(--red);opacity:.35}.card-body{padding:18px 19px 20px;flex:1}.cat{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--red);text-transform:uppercase}.card h3{font-size:20px;letter-spacing:-.5px;margin:8px 0}.card p{color:var(--muted);font-size:13.5px;margin:0 0 15px}.arrow{color:var(--red);font-weight:800;font-size:13px}.stripe{background:#fff;border-block:1px solid var(--border);padding:39px 0}.stripes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.stripes h3{margin:0 0 4px;font-size:17px}.stripes p{color:var(--muted);margin:0;font-size:14px}.icon{font-size:26px;margin-bottom:11px}.bottom{padding:65px 0;background:#fff}.bottom-inner{background:#f5e9ec;border-radius:16px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.bottom-inner h2{margin:0 0 6px}.bottom-inner p{margin:0;color:var(--muted)}.foot{background:#171b26;color:#e6e7eb;padding:42px 0 26px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot strong{font-size:26px;letter-spacing:-1px;color:#fff}.foot a{display:inline-block;margin:5px 0;font-size:14px}.foot p,.foot small{color:#aeb2be;font-size:13px}.foot .copy{border-top:1px solid #3b3e48;padding-top:18px;margin-top:30px}.page-hero{background:#fff;border-bottom:1px solid var(--border);padding:45px 0}.page-hero h1{font-size:clamp(31px,4vw,46px);line-height:1.16;letter-spacing:-1.4px;margin:8px 0}.page-hero p{color:var(--muted);max-width:740px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.detail .cover{min-height:340px;height:100%;background:#f0edf0}.detail .cover img{width:100%;height:100%;object-fit:cover}.detail-text{padding:35px 38px 35px 0}.detail-text h2{font-size:30px;letter-spacing:-1px}.detail-text p{color:var(--muted)}.notice-box{border:1px solid #e7d2d6;border-left:4px solid var(--red);padding:16px;background:#fff9fa;border-radius:5px;margin:22px 0}.plain{background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px;max-width:870px}.plain h2{margin-top:0}.plain p{color:var(--muted)}.badge{display:inline-flex;padding:5px 11px;border:1px solid #dcbfc5;color:#8a1a2a;border-radius:20px;font-size:12px;font-weight:700}
@media(max-width:980px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:13px}.hero-grid{min-height:380px}.mock.one{width:210px}.mock.two{width:190px}}@media(max-width:720px){.head-row{align-items:flex-start;flex-direction:column;padding:16px 0;gap:15px}.nav{justify-content:flex-start}.hero-grid,.detail{grid-template-columns:1fr}.hero-grid{padding:50px 0}.hero-art{min-height:280px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stripes,.footgrid{grid-template-columns:1fr}.detail-text{padding:25px}.bottom-inner{flex-direction:column;align-items:flex-start}.section{padding:48px 0}.headings{align-items:start;flex-direction:column}.mock.one{transform:rotate(-10deg) translate(-46px,0)}.mock.two{transform:rotate(12deg) translate(74px,0)}}@media(max-width:460px){.cards{grid-template-columns:1fr}.card-img{height:220px}.hero h1{font-size:38px}.nav{gap:10px}.nav a{font-size:12px}.top span{margin:0 5px}.hero-art{display:none}}

/* Yppsi pricing and basket preview. Scoped to yp- classes. */
.yp-pricer{display:grid;gap:12px;margin:18px 0;padding:18px;background:#fff;border:1px solid #e7e5e4;border-radius:16px}
.yp-pricer label{display:grid;gap:5px;font-size:14px;font-weight:650}
.yp-pricer select,.yp-pricer input{width:100%;padding:11px 12px;border:1px solid #cbd0d9;border-radius:8px;background:#fff;font-size:15px;color:#202633}
.yp-pricer .btn{cursor:pointer;border:0;text-align:center}
.yp-quote{font-size:18px;font-weight:800;color:#161924;background:#fff4dc;padding:12px;border-radius:9px}
.yp-mini{font-size:12px;color:#687387;line-height:1.5}
.yp-design-only[hidden]{display:none}
.yp-table-wrap{max-width:100%;overflow-x:auto}
.yp-table{width:100%;border-collapse:collapse;margin:16px 0}.yp-table th,.yp-table td{padding:13px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.yp-table td small{display:block;color:#778093;margin-top:6px}
.yp-total{display:flex;justify-content:space-between;gap:12px;padding:18px 0;font-size:17px;border-bottom:1px solid #d9d9e0}
.yp-link{border:0;background:none;padding:6px 0;color:#bd1237;cursor:pointer;text-decoration:underline;font:inherit}
.yp-error{padding:12px;background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;border-radius:8px;margin:12px 0}
@media(max-width:600px){.yp-table{font-size:12px}.yp-table th,.yp-table td{padding:8px 5px}.yp-total{font-size:14px}}

.yp-binding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.yp-binding-card{display:flex;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#171b26;min-height:195px}.yp-binding-card:hover{box-shadow:0 10px 30px #18203022}.yp-binding-image{width:40%;min-width:40%;background:#f4f1f2}.yp-binding-image img{width:100%;height:100%;object-fit:cover}.yp-binding-details{padding:21px}.yp-binding-details h2{font-size:21px;margin:6px 0}.yp-binding-details p{font-size:13px;color:#677082}.yp-binding-action{font-weight:700;font-size:13px;color:#ae2036}@media(max-width:760px){.yp-binding-grid{grid-template-columns:1fr}}@media(max-width:440px){.yp-binding-card{flex-direction:column}.yp-binding-image{width:100%;height:180px}}

.yp-checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}.yp-checkout-grid .plain{max-width:unset}.yp-checkout-fields{display:grid;gap:14px;padding:0;border:0;margin:12px 0 28px}.yp-checkout-fields label{display:grid;gap:5px;font-weight:650;font-size:13px}.yp-checkout-fields input,.yp-checkout-fields select{width:100%;padding:11px;border:1px solid #ccd1db;border-radius:8px;background:#fafafa}.yp-checkout-pair{display:grid;grid-template-columns:1fr 2fr;gap:13px}.yp-checkout-shipping{border:1px solid #e0e3e9;padding:16px;border-radius:8px;background:#fafafb;margin-bottom:20px}.yp-checkout-shipping p{font-size:13px;color:#677082}.yp-checkout-aside .yp-cart-line{font-size:13px}.yp-checkout-grid button[disabled]{cursor:not-allowed;opacity:.55}@media(max-width:800px){.yp-checkout-grid{grid-template-columns:1fr}}