of ede-consolidated-styles. Everything is scoped under .wh-page → zero collision with atl-* or theme. Fonts (Jost / Marcellus / Space Mono) are already loaded site-wide. ============================================================ */ .wh-page{ --wh-cream:#FAF7F1; --wh-cream-2:#F2ECE1; --wh-ink:#17394B; --wh-espresso:#2A2019; --wh-copper:#B87333; --wh-body:#4A4640; --wh-muted:#8A8378; --wh-hair:rgba(23,57,75,.14); --wh-hair-light:rgba(23,57,75,.09); /* full-bleed: break out of the auto .page-content container */ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:var(--wh-cream); color:var(--wh-body); font-family:'Jost',sans-serif; font-weight:300; line-height:1.7; text-align:left; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .wh-page *{box-sizing:border-box;} .wh-page h1,.wh-page h2,.wh-page h3,.wh-page h4{font-family:'Marcellus',serif;color:var(--wh-ink);font-weight:400;} .wh-wrap{max-width:1180px;margin:0 auto;padding:0 40px;} .wh-eyebrow{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--wh-copper);margin:0 0 22px;display:block;} .wh-lead{font-size:1.18rem;line-height:1.65;color:var(--wh-body);max-width:58ch;font-weight:300;} /* hero */ .wh-hero{padding:120px 0 60px;} .wh-hero h1{font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.06;letter-spacing:-.012em;margin:0 0 34px;max-width:15ch;} .wh-hero .wh-lead{margin:0 0 44px;} .wh-hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;} .wh-btn{font-family:'Jost',sans-serif;font-weight:500;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;padding:16px 30px;border-radius:0;text-decoration:none;display:inline-block;transition:all .2s ease;cursor:pointer;} .wh-btn-primary{background:var(--wh-copper);color:#fff;border:1px solid var(--wh-copper);} .wh-btn-primary:hover{background:transparent;color:var(--wh-copper);} .wh-btn-ghost{background:transparent;color:var(--wh-ink);border:1px solid var(--wh-hair);} .wh-btn-ghost:hover{border-color:var(--wh-ink);} /* grid-with-hairlines helper */ .wh-grid{display:grid;gap:1px;background:var(--wh-hair-light);border:1px solid var(--wh-hair-light);} .wh-grid > *{background:var(--wh-cream);} /* spec ticket */ .wh-specs{grid-template-columns:repeat(5,1fr);border-top:1px solid var(--wh-ink);margin-bottom:76px;} .wh-spec{padding:32px 26px 28px;} .wh-spec .wh-n{font-family:'Space Mono',monospace;font-size:1.75rem;color:var(--wh-copper);line-height:1;letter-spacing:-.02em;} .wh-spec .wh-k{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wh-muted);margin-top:14px;line-height:1.5;} /* generic block */ .wh-block{padding:92px 0;} .wh-block.wh-tight{padding-top:0;} .wh-head{max-width:62ch;margin-bottom:52px;} .wh-head h2{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;letter-spacing:-.01em;margin:0 0 18px;} .wh-head p{margin:0;font-size:1.08rem;color:var(--wh-body);max-width:60ch;} /* statement panel */ .wh-panel{background:var(--wh-cream-2);} .wh-panel .wh-wrap{padding-top:84px;padding-bottom:84px;} .wh-panel h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.14;margin:0 0 24px;max-width:20ch;} .wh-panel p{max-width:56ch;font-size:1.08rem;color:var(--wh-body);margin:0 0 16px;} .wh-panel p:last-child{margin-bottom:0;} /* steps */ .wh-steps{grid-template-columns:repeat(2,1fr);} .wh-step{padding:38px 38px 42px;} .wh-step .wh-idx{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.2em;color:var(--wh-copper);} .wh-step h3{font-size:1.3rem;margin:16px 0 12px;font-weight:400;} .wh-step p{margin:0;color:var(--wh-body);font-size:.98rem;line-height:1.65;} /* pricing table — wholesale only */ .wh-price-wrap{overflow-x:auto;} .wh-price{width:100%;border-collapse:collapse;min-width:560px;table-layout:fixed;border:1px solid var(--wh-ink);} .wh-price thead th{background:var(--wh-ink);color:var(--wh-cream);font-family:'Space Mono',monospace;font-weight:400;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;text-align:right;padding:16px 20px;line-height:1.45;vertical-align:middle;} .wh-price thead th:first-child{text-align:left;} .wh-price tbody td{padding:20px 22px;border-bottom:1px solid var(--wh-hair-light);font-size:.98rem;text-align:right;font-family:'Space Mono',monospace;} .wh-price tbody tr:last-child td{border-bottom:none;} .wh-price td.wh-model{font-family:'Jost',sans-serif;font-weight:500;color:var(--wh-ink);text-align:left;font-size:.98rem;} .wh-price td.wh-rrp{color:var(--wh-muted);} .wh-price td.wh-yours{color:var(--wh-copper);font-size:1.15rem;font-weight:700;background:rgba(184,115,51,.06);} .wh-price td.wh-margin{color:var(--wh-ink);font-weight:700;} .wh-price-note{font-size:.98rem;color:var(--wh-body);margin-top:22px;max-width:66ch;} /* tiers */ .wh-tiers{grid-template-columns:repeat(5,1fr);} .wh-tier{padding:30px 24px 32px;display:flex;flex-direction:column;} .wh-tier .wh-tl{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.16em;color:var(--wh-copper);text-transform:uppercase;} .wh-tier .wh-tn{font-family:'Marcellus',serif;font-size:1.5rem;color:var(--wh-ink);margin:12px 0 14px;line-height:1.1;} .wh-tier p{margin:0;font-size:.9rem;color:var(--wh-body);line-height:1.55;padding-top:14px;border-top:1px solid var(--wh-hair-light);margin-top:auto;} /* shipping strip */ .wh-ship{border-top:1px solid var(--wh-ink);border-bottom:1px solid var(--wh-hair);} .wh-ship .wh-wrap{padding-top:56px;padding-bottom:56px;display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:start;} .wh-ship .wh-ship-label{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wh-copper);padding-top:6px;white-space:nowrap;} .wh-ship p{margin:0;font-size:1.08rem;color:var(--wh-body);max-width:70ch;} /* sub-cards (logo + map detail) */ .wh-subgrid{grid-template-columns:repeat(3,1fr);margin-top:44px;} .wh-subcard{padding:32px 30px 34px;} .wh-subcard h4{font-size:1.05rem;font-family:'Jost',sans-serif;font-weight:500;color:var(--wh-ink);margin:0 0 12px;letter-spacing:.01em;} .wh-subcard p{margin:0;font-size:.92rem;line-height:1.62;color:var(--wh-body);} .wh-subcard strong{font-weight:500;color:var(--wh-ink);} /* logo intro */ .wh-logo-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:52px;align-items:center;} .wh-logo-intro h2{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.14;margin:0 0 22px;max-width:16ch;} .wh-logo-intro p{max-width:50ch;font-size:1.08rem;margin:0;} .wh-logo-media{background:var(--wh-espresso);border:1px solid var(--wh-hair);overflow:hidden;line-height:0;} .wh-logo-media video{width:100%;height:auto;display:block;} .wh-logo-cap{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wh-muted);margin:14px 0 0;line-height:1.5;} /* MAP */ .wh-map-prices{grid-template-columns:repeat(4,1fr);margin:40px 0 8px;} .wh-mp{padding:26px 24px;} .wh-mp .wh-mp-k{font-family:'Jost',sans-serif;font-size:.82rem;color:var(--wh-muted);line-height:1.4;margin-bottom:10px;} .wh-mp .wh-mp-v{font-family:'Space Mono',monospace;font-size:1.5rem;color:var(--wh-ink);} .wh-map-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;} .wh-map-detail h4{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wh-copper);margin:0 0 14px;} .wh-map-detail p{margin:0;font-size:.98rem;line-height:1.68;color:var(--wh-body);} .wh-map-detail strong{color:var(--wh-ink);font-weight:500;} /* FAQ */ .wh-faq-list{border-top:1px solid var(--wh-ink);} .wh-faq{border-bottom:1px solid var(--wh-hair-light);} .wh-faq summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Jost',sans-serif;font-weight:500;font-size:1.06rem;color:var(--wh-ink);} .wh-faq summary::-webkit-details-marker{display:none;} .wh-faq summary .wh-mk{font-family:'Space Mono',monospace;color:var(--wh-copper);font-size:1.3rem;line-height:1;transition:transform .2s ease;flex-shrink:0;} .wh-faq[open] summary .wh-mk{transform:rotate(45deg);} .wh-faq .wh-ans{padding:0 40px 28px 0;max-width:74ch;color:var(--wh-body);font-size:1rem;line-height:1.7;} .wh-faq .wh-ans a{color:var(--wh-copper);} /* cta band */ .wh-cta{background:var(--wh-espresso);color:var(--wh-cream);padding:100px 0;text-align:center;} .wh-cta .wh-eyebrow{color:rgba(250,247,241,.5);} .wh-cta h2{color:var(--wh-cream);font-size:clamp(1.9rem,3.4vw,2.8rem);margin:0 0 18px;line-height:1.1;} .wh-cta p{color:rgba(250,247,241,.72);max-width:52ch;margin:0 auto 38px;font-size:1.08rem;} .wh-cta-sub{margin-top:28px;font-size:.92rem;color:rgba(250,247,241,.6);} .wh-cta-sub a{color:var(--wh-copper);text-decoration:none;} @media(max-width:920px){ .wh-specs{grid-template-columns:repeat(3,1fr);} .wh-tiers{grid-template-columns:repeat(2,1fr);} .wh-subgrid{grid-template-columns:1fr;} .wh-map-prices{grid-template-columns:repeat(2,1fr);} .wh-map-detail{grid-template-columns:1fr;gap:32px;} .wh-logo-intro{grid-template-columns:1fr;gap:32px;} } @media(max-width:820px){ .wh-wrap{padding:0 24px;} .wh-hero{padding:72px 0 60px;} .wh-block{padding:60px 0;} .wh-specs{grid-template-columns:repeat(2,1fr);} .wh-steps{grid-template-columns:1fr;} .wh-tiers{grid-template-columns:1fr;} .wh-ship .wh-wrap{grid-template-columns:1fr;gap:16px;} } Skip to main content

Ballet Flats

Ede Shoes ballet flats are handcrafted for women who want elegance and natural foot freedom in the same shoe. Soft calfskin leather, zero drop sole, and a wide toe box let your feet spread naturally with every step. Our copper K1 grounding rivet keeps you connected — whether you're on the move or standing still.

!