/*
Theme Name: PepKit
Description: Original PepKit storefront — research supplies and thoughtful storage.
Version: 0.1.0
Author: PepKit
Text Domain: pepkit
*/
:root{--ink:#142a36;--navy:#102631;--paper:#f5f2eb;--white:#fffcf6;--orange:#ee653c;--muted:#59676d;--line:#d8dcd6;--mint:#c8d6cb;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img,svg{max-width:100%}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:999;background:white;padding:14px}.skip-link:focus{top:10px}.announcement{background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 0}.announcement .wrap{display:flex;justify-content:space-between}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:100px;display:flex;align-items:center;gap:54px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:34px;letter-spacing:-1.8px;font-weight:800;line-height:1}.brand svg{width:33px;height:38px}.brand .dot{color:var(--orange)}.primary-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.primary-nav a,.header-actions a{text-decoration:none;font-size:14px;font-weight:600}.primary-nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;gap:20px;border-left:1px solid var(--line);padding-left:28px}.header-actions a{display:flex;align-items:center;gap:8px}.header-actions svg{width:19px;height:19px}.menu-toggle{display:none;background:none;border:1px solid var(--ink);padding:6px 12px}.hero{padding:30px 0 0}.hero-panel{border-radius:var(--radius);background:var(--navy);color:var(--paper);display:grid;grid-template-columns:1.04fr 1fr;overflow:hidden;min-height:620px;position:relative}.hero-copy{padding:70px 16px 64px 56px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 27px}.eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:var(--orange);flex-shrink:0}.hero h1{font:400 clamp(48px,4.7vw,70px)/1.06 Georgia,serif;letter-spacing:-2.6px;margin:0 0 28px}.hero h1 em{font-weight:400;color:#ffad82}.hero-copy>p:not(.eyebrow){max-width:390px;color:#bfccd0;font-size:16px;line-height:1.75;margin-bottom:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:50px;padding:12px 24px;text-decoration:none;background:var(--orange);color:var(--navy);font-weight:700;font-size:14px;border:0;border-radius:4px;cursor:pointer}.button:hover{background:#ff9368}.button.secondary{border:1px solid var(--ink);background:transparent}.button.secondary:hover{background:var(--ink);color:var(--paper)}.button.arrow:after{content:'↗';font-size:20px}.hero-sub{display:block;margin-top:24px;font-size:11px;letter-spacing:.06em;color:#a2b5bf}.hero-visual{position:relative;display:flex;align-items:center;padding:35px 10px 30px 0;background:radial-gradient(ellipse at center,#29424a 0%,transparent 68%)}.hero-visual svg{width:100%;height:auto;transform:rotate(-6deg)}.illustration-label{position:absolute;right:30px;bottom:24px;font:10px/1.4 monospace;letter-spacing:.13em;text-transform:uppercase;color:#a4b8bb}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:27px 0;gap:20px}.principle{display:flex;gap:15px;align-items:center;justify-content:center;font-size:13px}.principle span{font:12px monospace;color:var(--muted)}.section{padding:85px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head h2,.feature h2,.closing h2{font:400 44px/1.12 Georgia,serif;letter-spacing:-1.4px;margin:0}.section-head p{max-width:330px;color:var(--muted);font-size:14px;margin:0}.eyebrow.dark{color:var(--muted);margin-bottom:15px}.collections{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.collection{text-decoration:none;border:1px solid var(--line);background:var(--white);border-radius:10px;overflow:hidden;transition:transform .2s}.collection:hover{transform:translateY(-5px)}.collection-art{height:200px;display:flex;align-items:center;justify-content:center;background:#e5e9e0;position:relative}.collection:nth-child(2) .collection-art{background:#e6dfd3}.collection:nth-child(3) .collection-art{background:#d4dfe1}.collection:nth-child(4) .collection-art{background:#efded1}.collection-art svg{width:160px;height:140px;transition:transform .2s}.collection:hover svg{transform:rotate(-3deg)}.collection-number{position:absolute;left:15px;top:12px;font:11px monospace;color:#59676d}.collection-copy{padding:22px}.collection-copy h3{font-size:18px;line-height:1.2;margin:0 0 9px;letter-spacing:-.5px;display:flex;justify-content:space-between}.collection-copy h3:after{content:'↗';font-weight:400}.collection-copy p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:470px;background:#e1e6dd;border-radius:var(--radius);overflow:hidden}.feature-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#cad5ca,#e3e7df);position:relative}.feature-art svg{width:85%;max-height:380px}.feature-copy{padding:58px}.feature p{color:var(--muted);font-size:15px;max-width:385px}.feature .eyebrow{font-size:11px}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:6px;display:inline-block;margin-top:10px}.detail-line{display:flex;gap:20px;border-top:1px solid #b7c3b9;margin-top:27px;padding-top:20px;font:11px monospace;text-transform:uppercase;letter-spacing:.05em}.philosophy{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:85px}.philosophy h2{font:400 37px/1.2 Georgia,serif;letter-spacing:-1px;max-width:350px;margin:0}.principle-list{list-style:none;margin:0;padding:0}.principle-list li{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.principle-list li:first-child{padding-top:0}.principle-list .num{font:12px monospace;color:var(--orange);padding-top:4px}.principle-list h3{font-size:17px;margin:0 0 7px}.principle-list p{font-size:14px;color:var(--muted);margin:0}.closing{background:var(--orange);padding:45px 0}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{font-size:34px}.closing p{margin:8px 0 0;font-size:14px}.site-footer{background:var(--navy);color:var(--paper);padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand p{max-width:310px;color:#adbec5;font-size:14px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a3b8c0;margin:0 0 8px}.footer-links a{font-size:14px;text-decoration:none}.footer-bottom{border-top:1px solid #344b55;display:flex;justify-content:space-between;gap:30px;padding-top:23px;margin-top:42px;font-size:11px;color:#a3b8c0}.page-content{padding:65px 0 90px;min-height:55vh}.page-content h1{font:400 50px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0 0 30px}.page-content h2{font:400 30px/1.2 Georgia,serif}.prose{max-width:800px}.prose p{color:var(--muted)}.prose details{padding:20px 0;border-bottom:1px solid var(--line)}.prose summary{font-weight:600;cursor:pointer}.prose details p{margin-bottom:0}.launch-note{background:#e3e9e1;border-left:3px solid var(--orange);padding:20px 24px;margin:25px 0}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--orange);color:var(--ink);border-radius:4px;padding:16px 22px}.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink);color:white}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:var(--orange);background:var(--white)}.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before{color:var(--ink)}.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{padding:12px;border:1px solid var(--line);border-radius:4px;background:white}.woocommerce ul.products li.product .price{color:var(--ink)}.woocommerce ul.products li.product{background:var(--white);padding:20px;border-radius:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px}.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:8px 0}.woocommerce .woocommerce-breadcrumb{color:var(--muted);font-size:12px;margin-bottom:25px}.empty-catalogue{max-width:650px;padding:30px;border:1px solid var(--line);background:var(--white);border-radius:10px}.empty-catalogue h2{margin-top:0}.empty-catalogue p{color:var(--muted)}.search-form{display:flex;gap:12px}.search-field{padding:12px;max-width:100%;border:1px solid var(--line)}.search-submit{background:var(--ink);color:white;border:0;padding:12px}.wc-block-cart,.wc-block-checkout{color:var(--ink)}
@media(min-width:1600px){.hero-copy{padding-top:90px}.hero-panel{min-height:650px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:25px}.primary-nav{gap:18px}.header-actions{gap:12px;padding-left:18px}.hero-copy{padding:50px 10px 50px 35px}.hero h1{font-size:54px}.hero-panel{min-height:550px}.collection-copy{padding:17px}.collection-copy h3{font-size:16px}.feature-copy{padding:38px}.philosophy{gap:45px}}
@media(max-width:800px){.header-inner{height:82px;flex-wrap:wrap;gap:15px;position:relative}.brand{font-size:30px}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;order:4;width:100%;position:absolute;top:82px;left:0;background:var(--paper);padding:20px;z-index:20;border:1px solid var(--line);box-shadow:0 12px 20px #10263115}.primary-nav.open{display:flex;flex-direction:column;align-items:flex-start}.header-actions{border:0;padding:0}.header-actions .account-link{display:none}.hero-panel{grid-template-columns:1fr}.hero-copy{padding:40px 30px 15px}.hero h1{font-size:54px;max-width:500px}.hero-copy>p:not(.eyebrow){max-width:450px}.hero-visual{max-height:360px;justify-content:center;padding:0 20px 20px}.hero-visual svg{max-width:460px}.principles{padding:22px 0;gap:12px}.principle{font-size:11px;align-items:flex-start;gap:7px}.collections{grid-template-columns:repeat(2,1fr)}.section{padding:55px 0}.section-head h2,.feature h2{font-size:36px}.feature{grid-template-columns:1fr}.feature-art{min-height:300px}.feature-art svg{max-width:450px}.philosophy{grid-template-columns:1fr;gap:30px;padding-top:55px}.closing .wrap{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.5fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.page-content h1{font-size:40px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.announcement{font-size:9px}.announcement .right-note{display:none}.header-actions a{font-size:12px}.hero{padding-top:16px}.hero-copy{padding:32px 23px 0}.hero h1{font-size:44px;letter-spacing:-1.5px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero-visual{height:300px}.illustration-label{font-size:8px;right:18px;bottom:16px}.hero-sub{font-size:10px}.principles{grid-template-columns:1fr;gap:12px}.principle{justify-content:flex-start;font-size:12px}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:34px}.collections{gap:12px}.collection-art{height:150px}.collection-art svg{width:125px}.collection-copy{padding:15px 12px}.collection-copy h3{font-size:15px}.collection-copy p{font-size:12px}.feature-copy{padding:30px 24px}.feature h2{font-size:35px}.detail-line{flex-wrap:wrap;gap:10px}.footer-grid{gap:30px}.closing h2{font-size:31px}.page-content{padding-top:40px}.button{gap:18px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}