/*
Theme Name: Letter3D
Description: A colourful custom signage store.
Version: 0.1.4
Requires PHP: 8.3
Text Domain: letter3d
*/
:root{--l3d-ink:#292238;--l3d-violet:#8249e8;--l3d-cream:#fffdf7}
html{scroll-behavior:smooth}body{background:var(--l3d-cream);color:var(--l3d-ink);font-family:Arial,Helvetica,sans-serif;margin:0}a{color:inherit}*{box-sizing:border-box}.wp-site-blocks{padding:0!important}.wp-block-post-content{margin-top:0}.wp-block-post-content>.alignwide,.wp-block-post-content>.l3d-container{max-width:1280px;margin-left:auto;margin-right:auto}.l3d-container{max-width:1280px;padding:0 36px;margin:auto}.l3d-topbar{background:#e6f598;padding:9px 20px;text-align:center;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:bold}.l3d-site-header{border-bottom:1px solid #ece6e1}.l3d-nav{max-width:1352px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.l3d-logo{font-size:27px;font-weight:900;letter-spacing:-1.5px;text-decoration:none}.l3d-logo .dot{color:#8249e8}.l3d-nav nav{display:flex;align-items:center;gap:29px}.l3d-nav nav>a{font-size:12px;text-decoration:none}.l3d-nav .l3d-nav-cta{background:#292238;color:white;padding:12px 20px;border-radius:40px}.l3d-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;padding:80px 0 70px;align-items:center}.l3d-hero h1{font-size:clamp(45px,5.5vw,77px);font-weight:800;line-height:1.02;letter-spacing:-4px;margin:22px 0}.l3d-hero h1 em{color:#8249e8;font-style:normal}.l3d-hero p{color:#7c7183;font-size:16px;line-height:1.8;max-width:370px;margin-bottom:30px}.l3d-pill{display:inline-block;background:#efe7fc;padding:8px 13px;font-size:10px;letter-spacing:1.5px;font-weight:bold;text-transform:uppercase;border-radius:30px}.l3d-button{display:inline-flex;align-items:center;gap:40px;background:#8249e8;color:white;padding:17px 24px;text-decoration:none;border-radius:11px;font-size:13px;font-weight:bold}.l3d-small-note{display:block;font-size:10px;margin-top:18px;color:#95899c}.l3d-hero-art{height:500px;position:relative;background:#e4daf5;border-radius:30px;overflow:hidden;display:flex;align-items:center;justify-content:center;transform:rotate(-2deg)}.l3d-hero-art::before{content:'';position:absolute;width:400px;height:400px;border:1px solid #cbbbdf;border-radius:50%;top:-100px;right:-80px}.l3d-hero-art .hello{font-size:clamp(65px,8vw,135px);font-weight:900;letter-spacing:-10px;transform:rotate(7deg);color:#fe8f67;text-shadow:1px 1px #e77450,2px 2px #e77450,3px 3px #e77450,4px 4px #e77450,5px 5px #e77450,6px 6px #b35b48,7px 7px #b35b48,12px 20px 15px #9b77b84d;z-index:1}.l3d-hero-tag{position:absolute;bottom:45px;left:30px;background:#fffaf1;padding:12px 19px;border-radius:10px;font-size:11px;transform:rotate(5deg);box-shadow:0 5px 15px #4b325315}.l3d-hero-star{position:absolute;right:45px;top:60px;color:#fff4c9;font-size:85px;transform:rotate(12deg)}.l3d-hero-colours{position:absolute;right:30px;bottom:50px;display:flex}.l3d-hero-colours i{display:block;width:25px;height:25px;border-radius:50%;border:3px solid #fff;margin-left:-5px;background:#8146df}.l3d-hero-colours i:nth-child(2){background:#f68e67}.l3d-hero-colours i:nth-child(3){background:#d7ef92}.l3d-hero-colours i:nth-child(4){background:#f3c3db}.l3d-marquee{border-top:1px solid #e8e0e6;border-bottom:1px solid #e8e0e6;display:flex;justify-content:center;gap:60px;flex-wrap:wrap;padding:22px;font-size:11px;color:#786b80;letter-spacing:.5px}.l3d-marquee b{color:#8249e8}.l3d-home-section{padding:80px 0}.l3d-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.l3d-section-title h2{font-size:39px;letter-spacing:-1.8px;margin:0}.l3d-section-title p{font-size:13px;color:#82758c}.l3d-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.l3d-product{text-decoration:none}.l3d-product-art{height:230px;border-radius:18px;background:#efe4fa;display:flex;align-items:center;justify-content:center;font-size:75px;font-weight:900;letter-spacing:-6px;position:relative;overflow:hidden}.l3d-product-art.front{color:#fff9dc;background:#cbc1dd;text-shadow:0 0 12px #fff5c8,4px 4px 0 #dbb581}.l3d-product-art.halo{color:#2f293e;background:#b9adc6;text-shadow:0 0 20px #fffad9,0 0 40px #fffad9}.l3d-product-art.solid{color:#7861b0;background:#e2ecbf;text-shadow:2px 2px #614d97,4px 4px #614d97,6px 6px #614d97}.l3d-product-art.bubble{background:#fad7d6;color:#ed9b8e;text-shadow:2px 2px #cc6c64,-2px -2px 2px #ffebd9,5px 8px 7px #c58f9455}.l3d-product h3{font-size:15px;margin:16px 0 4px;display:flex;justify-content:space-between}.l3d-product p{font-size:11px;color:#83758e;margin:0}.l3d-how{background:#f0e9fc;border-radius:25px;padding:50px;display:grid;grid-template-columns:1fr 1.8fr;gap:50px}.l3d-how h2{font-size:39px;letter-spacing:-1.6px;line-height:1.1;margin:12px 0}.l3d-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.l3d-how-steps b{display:flex;background:#e1f58b;width:35px;height:35px;border-radius:50%;align-items:center;justify-content:center;font-size:12px}.l3d-how-steps h3{font-size:15px;margin:17px 0 8px}.l3d-how-steps p{font-size:12px;color:#82718d;line-height:1.8}.l3d-cta{padding:75px 20px;text-align:center}.l3d-cta h2{font-size:55px;letter-spacing:-2.6px;line-height:1.1;margin:15px 0 30px}.l3d-footer{background:#292238;color:#fff7ee;padding:50px 0 25px}.l3d-footer-row{display:flex;align-items:start;justify-content:space-between;gap:40px}.l3d-footer p{color:#c0b2ca;font-size:12px;line-height:1.8;max-width:250px}.l3d-footer nav{display:flex;gap:30px;flex-wrap:wrap;font-size:12px;padding-top:10px}.l3d-footer nav a{text-decoration:none;color:#ded3e6}.l3d-footer-bottom{border-top:1px solid #4b4058;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#b4a6bf}.l3d-page{padding-top:50px;padding-bottom:70px;max-width:1000px;margin:auto}.l3d-page h1{font-size:46px;letter-spacing:-2px}.l3d-page p,.l3d-page li{line-height:1.8;color:#76697f}.l3d-page details{padding:20px 0;border-bottom:1px solid #e7ddea}.l3d-page summary{font-weight:bold;cursor:pointer}.l3d-page .woocommerce{padding-top:20px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#8249e8!important;color:white!important;border-radius:8px!important;padding:14px 20px!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #d5cadf;border-radius:7px}.woocommerce-message{border-top-color:#8249e8!important}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{margin-bottom:25px}.letter3d-order-pack{padding:20px;background:#f3edfc;border-radius:15px;margin:25px 0}
@media(max-width:850px){.l3d-container{padding:0 22px}.l3d-nav{padding:20px 22px;gap:12px}.l3d-nav nav{gap:15px}.l3d-nav nav>a:nth-child(2){display:none}.l3d-logo{font-size:23px}.l3d-hero{grid-template-columns:1fr;padding:40px 0;gap:40px}.l3d-hero h1{letter-spacing:-2.5px}.l3d-hero-art{height:360px}.l3d-hero-art .hello{font-size:110px}.l3d-marquee{gap:15px 30px}.l3d-products{grid-template-columns:1fr 1fr}.l3d-product-art{height:180px;font-size:65px}.l3d-home-section{padding:50px 0}.l3d-section-title{display:block}.l3d-section-title h2{font-size:32px}.l3d-how{grid-template-columns:1fr;padding:30px;gap:15px}.l3d-how-steps{gap:16px}.l3d-how-steps p{font-size:11px}.l3d-cta h2{font-size:40px}.l3d-footer-row{display:block}.l3d-footer nav{gap:20px;margin-top:25px}.l3d-footer-bottom{display:block;line-height:2}.l3d-nav .l3d-nav-cta{padding:10px 13px;font-size:10px}}

.l3d-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-2.5px;max-width:620px}.l3d-hero p{max-width:520px;line-height:1.7}.l3d-hero .l3d-small-note{max-width:420px;line-height:1.7}.l3d-studio-header h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.5px}

.l3d-product-art img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:850px){.l3d-nav nav{flex-wrap:wrap;justify-content:flex-end}.l3d-nav nav>a[href="/how-it-works/"]{display:none}}