/*
Theme Name: From Record, With Love
Author: From Record With Love
Description: An original storybook block theme for Hannah Record's handmade, one-of-a-kind bags. Native WordPress blocks and WooCommerce.
Version: 0.4.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: from-record-with-love
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:4px}img{max-width:100%;height:auto}:focus-visible{outline:3px solid #36615a;outline-offset:5px}.wp-site-blocks{overflow-wrap:anywhere}.frwl-header{padding:24px clamp(20px,5vw,80px);border-bottom:1px solid #ad915a}.frwl-header .wp-block-site-title{font-size:clamp(22px,3vw,32px);line-height:1.15;max-width:320px}.frwl-header .wp-block-site-title a{text-decoration:none}.frwl-header .wp-block-navigation{font-family:Arial,sans-serif;font-size:14px}.frwl-hero{margin-block-start:0;padding:clamp(70px,10vw,140px) 24px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#ecd4c3 0%,#f6efe2 65%);position:relative}.frwl-hero:before{content:'❧';display:block;color:#97723e;font-size:48px;margin-bottom:16px}.frwl-hero h1{font-size:clamp(44px,7vw,84px);line-height:1.06;letter-spacing:-.035em;font-weight:400;max-width:900px;margin:20px auto}.frwl-hero .wp-block-buttons{justify-content:center;margin-top:32px}.frwl-hero p:not(.frwl-kicker){max-width:560px;margin-inline:auto}.frwl-kicker{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#764344}.frwl-section{padding:clamp(48px,7vw,90px) clamp(20px,5vw,80px);margin-block-start:0}.frwl-section h2{font-size:clamp(32px,4vw,48px);line-height:1.15;font-weight:400}.frwl-shop{background:#f9f5ec;border-top:1px solid #ad915a;border-bottom:1px solid #ad915a}.frwl-story{background:#304f48;color:#f6efe2}.frwl-story h2{color:#f6efe2}.frwl-story .frwl-kicker{color:#e4c4a1}.frwl-story a{color:#f6efe2}.frwl-story .wp-block-button__link{background:#f6efe2;color:#304f48}.frwl-promise{font-size:clamp(26px,3vw,40px);font-style:italic;line-height:1.35;border:1px solid #b19865;padding:42px;max-width:820px!important;margin:40px auto!important;text-align:center}.frwl-footer{background:#eadccc;padding:40px clamp(20px,5vw,80px);margin-block-start:0;border-top:1px solid #ad915a;font-size:14px}.wp-block-button__link{border-radius:0;padding:14px 26px;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.04em}.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:22px;font-weight:400}.woocommerce ul.products li.product .price{color:#304f48;font-family:Arial,sans-serif}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#713f44;color:#fff;border-radius:0;font-family:Arial,sans-serif}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#503137;color:#fff}.woocommerce div.product .product_title{font-weight:400}.woocommerce .woocommerce-breadcrumb{font-family:Arial,sans-serif;font-size:12px}.frwl-content{padding:48px 24px;min-height:50vh}.frwl-steps .wp-block-column{padding:24px;border-top:1px solid #ad915a}.frwl-steps h3{font-size:25px;font-weight:400}.frwl-note{font-family:Arial,sans-serif;font-size:13px;color:#764344}@media(max-width:600px){.frwl-header{padding:20px}.frwl-promise{padding:24px}.frwl-section{padding:48px 20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%;float:none;margin-right:0}.frwl-header .wp-block-group{gap:20px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Native WooCommerce product cards. */
.frwl-products{max-width:1200px!important;margin:32px auto}.frwl-products .wp-block-post-title{font-size:23px;line-height:1.25;margin-top:18px}.frwl-products .wp-block-post-title a{text-decoration:none}.frwl-products .wp-block-woocommerce-product-price{font-family:Arial,sans-serif;font-size:14px}.frwl-empty{padding:28px;border:1px solid #ad915a;font-style:italic;color:#764344}.frwl-products .wc-block-components-product-button__button{border-radius:0}.frwl-products .wp-block-post-title a:hover{text-decoration:underline}

/* 0.2.0: a pastel fantasy atelier, with original vector floral ornaments. */
:root{--frwl-ink:#4b3c51;--frwl-gold:#b29562;--frwl-rose:#79516f}
body{color:var(--frwl-ink);background:#fff8f1}
a{color:var(--frwl-rose)}
:focus-visible{outline-color:#79516f}
.frwl-header{background:#fff8f1;border-bottom:3px double #d6c19b;padding-block:22px}
.frwl-header .wp-block-site-title{font-style:italic;max-width:330px;color:#684966}
.frwl-header .wp-block-navigation{letter-spacing:.035em}
.frwl-hero{padding:155px max(24px,calc((100% - 800px)/2)) 150px;background-image:url('assets/floral-frame.svg'),url('assets/stardust.svg'),radial-gradient(ellipse at 50% 40%,#fffaf5 15%,#f9e5eb 53%,#eee6f5 100%);background-size:min(1200px,100%) 100%,380px 280px,cover;background-repeat:no-repeat,repeat,no-repeat;background-position:center,center,center;min-height:730px}
.frwl-hero:before{display:none}
.frwl-hero h1{font-style:italic;font-size:clamp(43px,6.2vw,76px);color:#654d69;line-height:1.14;letter-spacing:-.035em;text-wrap:balance;max-width:740px}
.frwl-hero p:not(.frwl-kicker){font-size:19px;line-height:1.7;max-width:540px;color:#594a5e}
.frwl-kicker{color:#79516f;letter-spacing:.19em;font-size:11px}
.frwl-hero .frwl-kicker:before,.frwl-hero .frwl-kicker:after{content:'✧';display:inline-block;margin-inline:12px;color:#a48a54;font-size:17px}
.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.frwl-products .wc-block-components-product-button__button{border:1px solid #bca16f;border-radius:50px;background:linear-gradient(145deg,#f9e7ed,#eed5e5);color:#4b3c51;box-shadow:inset 0 0 0 3px #fff8f166,0 4px 14px #ac839c12;padding:14px 29px;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.055em;transition:background .2s,box-shadow .2s}
.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.frwl-products .wc-block-components-product-button__button:hover{background:#e7d8f0;color:#4b3c51;box-shadow:inset 0 0 0 3px #fff8f188,0 5px 18px #ac839c22}
.frwl-section{padding-block:75px;position:relative}
.frwl-section h2{color:#654d69;font-style:italic;text-wrap:balance}
.frwl-shop{background:#fffaf5 url('assets/stardust.svg');border-block:3px double #d6c19b}
.frwl-shop:before,.frwl-story:before,.frwl-section:has(.frwl-steps):before{content:'';display:block;width:175px;height:65px;background:url('assets/floral-divider.svg') center/contain no-repeat;margin:0 auto 24px}
.frwl-shop>.frwl-kicker,.frwl-shop>h2,.frwl-shop>p{text-align:center}
.frwl-shop>.wp-block-buttons{justify-content:center}
.frwl-story{background-image:url('assets/stardust.svg'),linear-gradient(125deg,#e1eee6,#edf2e7 40%,#e4edf4);color:#4b3c51;border-bottom:3px double #d6c19b}
.frwl-story h2{color:#654d69}
.frwl-story .frwl-kicker{color:#79516f}
.frwl-story a{color:#79516f}
.frwl-story .wp-block-button__link{background:#f2d9e4;color:#4b3c51}
.frwl-story>h2,.frwl-story>.frwl-kicker{text-align:center}
.frwl-promise{border:3px double #c4ac7d;border-radius:100px 100px 12px 12px;background:#fffaf3b3;box-shadow:0 0 0 8px #fffaf344;color:#79516f;padding:42px 36px;max-width:650px!important}
.frwl-section:has(.frwl-steps){background:linear-gradient(#f8edf2,#f0e9f6);text-align:center}
.frwl-steps{max-width:1100px!important;gap:24px!important;margin-top:40px!important}
.frwl-steps .wp-block-column{border:1px solid #d6c19b;border-radius:100px 100px 10px 10px;background:#fffaf5bd;padding:40px 24px 28px;box-shadow:inset 0 0 0 5px #fffaf588}
.frwl-steps .wp-block-column:before{content:'✧';display:block;color:#a48a54;font-size:28px}
.frwl-steps h3{color:#79516f;font-style:italic;line-height:1.25}
.frwl-steps p{font-size:16px;line-height:1.65}
.frwl-footer{background:#fff8f1 url('assets/stardust.svg');border-top:3px double #d6c19b;text-align:center;padding-block:48px;color:#594a5e}
.frwl-footer>p:first-child{font-style:italic;font-size:24px;color:#79516f}
.frwl-content{background:#fffaf5}
.frwl-empty{background:#f8edf3;border:3px double #d6c19b;border-radius:12px;color:#79516f;text-align:center;padding:32px;max-width:760px;margin-inline:auto}
.frwl-products .wp-block-post-title{color:#654d69;font-style:italic}
.frwl-products .wp-block-woocommerce-product-image img{border-radius:120px 120px 8px 8px}
.woocommerce ul.products li.product a img{border-radius:120px 120px 8px 8px}
.woocommerce ul.products li.product .price{color:#654d69}
.frwl-note{color:#79516f}
@media(max-width:780px){.frwl-hero{padding:130px 54px 115px;min-height:660px;background-size:1000px 100%,380px 280px,cover}.frwl-hero h1{font-size:clamp(41px,8vw,64px)}.frwl-hero p:not(.frwl-kicker){font-size:17px}.frwl-section{padding-block:52px}.frwl-steps{gap:24px!important}.frwl-steps .wp-block-column{padding:35px 24px 25px}}
@media(max-width:480px){.frwl-hero{padding:100px 24px 95px;min-height:600px;background-size:850px 100%,380px 280px,cover}.frwl-hero .frwl-kicker{font-size:10px;letter-spacing:.12em}.frwl-hero .frwl-kicker:before,.frwl-hero .frwl-kicker:after{margin-inline:5px}.frwl-hero h1{font-size:44px}.frwl-header .wp-block-site-title{font-size:26px;max-width:250px}.frwl-promise{border-radius:70px 70px 10px 10px;padding:34px 24px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.wp-block-button__link{transition:none}}

/* 0.3.0: lavish generated botanical frames and Renaissance fresco sky. */
:root{--frwl-ink:#354d45;--frwl-rose:#805364}
body{color:#354d45}
.frwl-header .wp-block-site-title{color:#46675d}
.frwl-header .wp-block-navigation a{color:#46675d}
.frwl-hero{width:min(100%,1680px);margin-inline:auto;aspect-ratio:3/2;min-height:800px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:170px 22% 185px;background:#e1eced url('assets/venus-fresco-desktop.webp') center/100% 100% no-repeat;isolation:isolate;border:1px solid #d6bf97}
.frwl-hero>*{position:relative;z-index:1}
.frwl-hero h1{font-size:clamp(46px,5vw,76px);color:#355d52;text-shadow:0 1px 8px #fff8eee0;max-width:700px;margin:20px auto}
.frwl-hero p:not(.frwl-kicker){color:#354d45;text-shadow:0 1px 6px #fff8eef0;font-size:18px;margin-block:14px;max-width:540px}
.frwl-hero .frwl-kicker{color:#71494f;text-shadow:0 1px 5px #fff8ee}
.frwl-hero .wp-block-buttons{margin-top:22px}
.frwl-hero .wp-block-button__link{background:#f6dce1;color:#354d45;box-shadow:inset 0 0 0 3px #fff8f199,0 4px 14px #58433422}
.frwl-section h2,.frwl-story h2,.frwl-products .wp-block-post-title{color:#46675d}
.frwl-story{background-image:url('assets/stardust.svg'),linear-gradient(125deg,#e1eee6,#edf3e7 40%,#e0edf4);color:#354d45}
.frwl-section:has(.frwl-steps){background:linear-gradient(#f9e7e9,#e5eef4)}
.frwl-steps h3{color:#805364}
.frwl-promise{color:#46675d;background:#fff9ecce}
.frwl-footer>p:first-child{color:#46675d}
.frwl-empty{color:#46675d;background:#edf3ea}
.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.frwl-products .wc-block-components-product-button__button:hover{background:#e0ebe3;color:#354d45}
@media(min-width:1681px){.frwl-hero{margin-block:28px;border-radius:4px}}
@media(max-width:1000px){.frwl-hero{padding:160px 20% 150px;min-height:760px}.frwl-hero h1{font-size:58px}}
@media(max-width:650px){.frwl-hero{aspect-ratio:2/3;min-height:740px;padding:145px 17% 150px;background-image:url('assets/venus-fresco-mobile.webp');background-size:100% 100%}.frwl-hero h1{font-size:clamp(37px,8.5vw,52px);line-height:1.12;letter-spacing:-.045em}.frwl-hero p:not(.frwl-kicker){font-size:16px;line-height:1.6;text-shadow:0 1px 4px #fff8ee}.frwl-hero .frwl-kicker{font-size:9px;letter-spacing:.09em}.frwl-hero .frwl-kicker:before,.frwl-hero .frwl-kicker:after{display:none}.frwl-hero .wp-block-button__link{font-size:12px;padding:13px 21px}.frwl-hero .wp-block-buttons{margin-top:18px}}
@media(max-width:370px){.frwl-hero{min-height:760px;padding-inline:15%}.frwl-hero h1{font-size:35px}}

/* 0.4.0: authentic Botticelli reproduction with an antique poppy binding frame. */
.frwl-header{background:#f8f0e4}
.frwl-hero{width:min(100%,1680px);aspect-ratio:auto;min-height:840px;border:120px solid transparent;border-image-source:url('assets/antique-poppy-border.webp');border-image-slice:235 255;border-image-width:120px;border-image-repeat:stretch;border-radius:0;padding:45px 5%;background:#97aaa1 url('assets/botticelli-birth-of-venus.webp') center/cover no-repeat;background-origin:border-box;background-clip:border-box;display:flex;align-items:center;justify-content:center}
.frwl-hero-copy{width:min(100%,630px);padding:36px clamp(22px,3vw,44px);background:#fff7e7e8;border:3px double #b4a079;box-shadow:0 3px 20px #28372e20;text-align:center}
.frwl-hero h1{font-size:clamp(40px,4.8vw,66px);color:#3f5b4b;text-shadow:none;margin-block:18px;font-style:italic}
.frwl-hero p:not(.frwl-kicker){font-size:17px;line-height:1.65;color:#35493d;text-shadow:none;margin-block:14px}
.frwl-hero .frwl-kicker{color:#805660;text-shadow:none;font-size:10px;letter-spacing:.16em}
.frwl-hero .frwl-kicker:before,.frwl-hero .frwl-kicker:after{display:none}
.frwl-hero-copy .wp-block-buttons{justify-content:center;margin-top:22px}
.frwl-hero .wp-block-button__link,.wp-block-button__link{border-radius:3px;background:#e3c1c5;color:#35493d;box-shadow:inset 0 0 0 3px #fff7e744}
.frwl-shop{background:#faf3e7}
.frwl-story{background:#e5ebe0;color:#35493d}
.frwl-section:has(.frwl-steps){background:#e5eaf0}
.frwl-footer{background:#f4e8da}
.frwl-shop:before,.frwl-story:before,.frwl-section:has(.frwl-steps):before{display:none}
.frwl-steps .wp-block-column:before{content:'❧';color:#9b8354}
.frwl-steps .wp-block-column{background:#f8f0e5;border-color:#bca47a;box-shadow:none}
.frwl-empty{background:#efe6d5;border-color:#bca47a}
.frwl-promise{background:#f8f0e5;border-color:#bca47a;box-shadow:none}
@media(min-width:1681px){.frwl-hero{border-radius:0}}
@media(max-width:1000px){.frwl-hero{min-height:780px;border-width:90px;border-image-width:90px;padding:35px 3%}.frwl-hero h1{font-size:52px}}
@media(max-width:650px){.frwl-hero{width:100%;min-height:740px;aspect-ratio:auto;border-width:80px 35px;border-image-width:80px 35px;border-image-slice:235 255;padding:35px 12px;background-image:url('assets/botticelli-birth-of-venus.webp');background-size:auto 100%;background-position:52% center}.frwl-hero-copy{padding:30px 17px;background:#fff7e7ed;border-width:1px}.frwl-hero h1{font-size:clamp(34px,8vw,46px);line-height:1.13}.frwl-hero p:not(.frwl-kicker){font-size:16px}.frwl-hero .frwl-kicker{font-size:9px;letter-spacing:.07em}.frwl-hero .wp-block-button__link{padding:13px 19px}}
@media(max-width:370px){.frwl-hero{border-inline-width:28px;border-image-width:80px 28px;padding-inline:10px}.frwl-hero h1{font-size:33px}}

/* 0.4.1: preserve the complete frame and show the uncropped painting. */
.frwl-hero{position:relative;display:block;width:min(100%,1680px);height:auto;aspect-ratio:3/2;min-height:0;padding:0;border:0;border-image:none;border-radius:0;background-color:#c8c8b0;background-image:url('assets/antique-poppy-border.webp'),url('assets/botticelli-birth-of-venus.webp');background-size:contain,contain;background-position:center,center;background-repeat:no-repeat,no-repeat;background-origin:border-box;background-clip:border-box}
.frwl-hero-copy{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54%;max-width:630px;margin:0!important;padding:32px clamp(20px,2.5vw,40px)}
.frwl-hero h1{font-size:clamp(38px,4vw,66px);line-height:1.14}
@media(max-width:1100px) and (min-width:701px){.frwl-hero{aspect-ratio:3/2;min-height:0;padding:0;border:0;border-image:none}.frwl-hero-copy{width:57%;padding:24px 22px}.frwl-hero h1{font-size:clamp(32px,4.2vw,46px);margin-block:12px}.frwl-hero p:not(.frwl-kicker){font-size:15px;line-height:1.55;margin-block:10px}.frwl-hero-copy .wp-block-buttons{margin-top:15px}.frwl-hero .wp-block-button__link{padding:11px 20px}.frwl-hero .frwl-kicker{font-size:9px;letter-spacing:.1em}}
@media(max-width:700px){.frwl-hero{width:100%;aspect-ratio:auto;min-height:0;padding:calc(100% * 2 / 3) 20px 30px;border:0;border-image:none;background-color:#f8f0e4;background-image:url('assets/antique-poppy-border.webp'),url('assets/botticelli-birth-of-venus.webp');background-size:100% auto,100% auto;background-position:center top,center top;background-repeat:no-repeat,no-repeat}.frwl-hero-copy{position:relative;inset:auto;transform:none;width:100%;max-width:560px;margin:22px auto 0!important;padding:28px 22px;background:#fff7e7;border:3px double #b4a079}.frwl-hero h1{font-size:clamp(34px,7.5vw,46px)}.frwl-hero p:not(.frwl-kicker){font-size:16px}.frwl-hero .frwl-kicker{font-size:9px;letter-spacing:.1em}}
@media(max-width:370px){.frwl-hero{padding-inline:15px;border:0;border-image:none;min-height:0}.frwl-hero-copy{padding-inline:18px}.frwl-hero h1{font-size:33px}}