*{box-sizing:border-box}body{margin:0;background:#fcf8f0;color:#182018;font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}em{font-style:normal;color:#b96e58}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 3.6%;min-height:100px}.brand{font:italic 46px 'Brush Script MT','Segoe Script',cursive;white-space:nowrap}.brand em{font-size:27px;color:#ae8052}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:4px;margin:7px 0}nav{display:flex;gap:32px;font-size:16px}nav a:hover{color:#b97663}.search{display:flex;border:1px solid #e4cbbc;border-radius:30px;padding:9px 14px;width:280px}.search input{border:0;background:transparent;min-width:0;width:100%;font-size:12px}.search button{border:0;background:transparent;font-size:24px}.hero{height:31.1vw;min-height:390px;max-height:600px;background-image:url("reference.80130bdacaec.png");background-size:100% auto;background-position:center 9.5%;display:flex;align-items:center}.hero-copy{width:40%;padding:25px 0 25px 3.6%;background:linear-gradient(90deg,#f8eedf 85%,transparent)}.hero h1{font:italic clamp(58px,7vw,120px) 'Brush Script MT','Segoe Script',cursive;margin:5px 0 16px;color:#8e5c48}.hero-copy>p:not(.eyebrow){font:18px/1.4 Arial,sans-serif;max-width:440px}.eyebrow{font-size:12px;letter-spacing:4px}.eyebrow em{font-size:27px;letter-spacing:0}.actions{display:flex;gap:20px;margin-top:25px}.button{display:inline-block;padding:14px 27px;background:#bc7c69;color:#fff;border-radius:32px;font-size:17px;white-space:nowrap}.sage{background:#748167}.pale{background:#efd1c3;color:#192018}.light-sage{background:#bcc5af;color:#192018}.content{padding:22px 3.6%}.categories{display:grid;grid-template-columns:1fr 1fr;gap:24px}.category{min-height:215px;border-radius:13px;padding:24px;background-image:url("reference.80130bdacaec.png");background-size:218% auto}.drawing{background-position:6.5% 51.2%}.crochet{background-position:94% 51.2%}.category h2{font-size:31px;line-height:1.05;margin:0 0 14px;max-width:55%}.category p{font:16px/1.4 Arial,sans-serif;margin:0 0 15px;max-width:47%}.category .button{padding:11px 23px;font-size:15px}.section-head{display:flex;gap:25px;align-items:center;justify-content:space-between;margin:22px 0 17px}.section-head h2{font-size:32px;margin:0;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{border:0;background:transparent;border-radius:20px;padding:8px 15px;font-size:13px}.filters .active{background:#748167;color:white}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.creation{position:relative}.art-image{display:block;width:100%;aspect-ratio:1.14;border-radius:6px;background-image:url("reference.80130bdacaec.png");background-size:675% 704%;background-position-y:76.4%;overflow:hidden}.art-image img{width:100%;height:100%;object-fit:cover;display:block}.demo-0{background-position-x:4.3%}.demo-1{background-position-x:23%}.demo-2{background-position-x:41.5%}.demo-3{background-position-x:59.5%}.demo-4{background-position-x:77.9%}.demo-5{background-position-x:96.2%}.heart{position:absolute;top:7px;right:7px;border:0;background:#fcf8f0bb;border-radius:50%;font-size:25px;width:30px;height:30px;line-height:1}.heart[aria-pressed=true]{color:#b97663}.creation h3{font-size:16px;margin:8px 0 3px}.creation p{margin:0;color:#596650;font-size:14px}footer{display:grid;grid-template-columns:23% 36% 1fr;gap:30px;padding:45px 4% 25px;background:#a6af96;border-radius:45% 20% 0 0/7% 6% 0 0;margin-top:10px}footer h2{font-size:26px;margin:0 0 12px}footer p{line-height:1.4;font-size:15px}.footer-art{font-size:150px;text-align:center;color:#485e3c}.connect{border-left:1px solid #718064;padding:15px 30px}.connect a{display:inline-block;padding:10px;border-radius:25px;background:#fffaf2;margin:5px}.page{min-height:55vh;padding-top:55px;padding-bottom:70px}.page h1{font-size:46px;font-weight:normal}.gallery-links{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0}.gallery-links a{padding:10px 17px;border-radius:25px;background:#e6e9db}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detail .art-image{aspect-ratio:1.14}.detail p,.prose p{font:18px/1.7 Arial,sans-serif}.prose{max-width:900px;margin:auto}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{height:560px}}@media(max-width:1100px){header{flex-wrap:wrap}.search{width:240px}.section-head{flex-wrap:wrap}.cards{grid-template-columns:repeat(3,1fr)}.hero-copy{width:48%}.category h2{font-size:25px}.hero .eyebrow{letter-spacing:2px}.hero h1{font-size:65px}.actions{gap:8px}.button{padding:12px 19px;font-size:15px}.category{background-size:235% auto}footer{grid-template-columns:1fr 1fr}.footer-art{display:none}}@media(max-width:700px){header{gap:16px;padding:15px 5%}.brand{font-size:39px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:14px}.search{width:160px}.hero{min-height:650px;background-size:auto 900px;background-position:66% 8%;align-items:flex-end}.hero-copy{width:100%;padding:25px 5%;background:linear-gradient(0deg,#f8eedf 85%,#f8eedfe8)}.hero h1{font-size:70px}.hero-copy>p:not(.eyebrow){font-size:16px}.categories{grid-template-columns:1fr}.category{min-height:210px;background-size:218% auto}.cards{grid-template-columns:repeat(2,1fr)}.section-head h2{font-size:28px}.filters{gap:0}.filters button{padding:8px 10px}footer{grid-template-columns:1fr;padding:35px 6%;gap:15px}.connect{border:0;padding:0}.detail{grid-template-columns:1fr}.page h1{font-size:36px}.eyebrow{letter-spacing:2px}.content{padding:20px 5%}}/* Reference-image cleanup: live text sits on opaque panels. */
.hero{position:relative;isolation:isolate}
.hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;width:42%;padding-right:24px;background:#f8eedf;position:relative}
.hero-copy::after{content:'';position:absolute;inset:0 -48px 0 auto;width:48px;background:linear-gradient(90deg,#f8eedf,transparent);pointer-events:none}
.hero-copy>p:not(.eyebrow){font-size:18px}
.hero .actions{position:relative;z-index:1}
.category{position:relative;isolation:isolate;overflow:hidden;min-height:235px}
.category::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.category.drawing::before{background:linear-gradient(90deg,#f8e7df 0%,#f8e7df 49%,transparent 62%)}
.category.crochet::before{background:linear-gradient(90deg,#eeeee1 0%,#eeeee1 51%,transparent 62%)}
.category h2{font-size:clamp(24px,2.3vw,34px);font-weight:600;line-height:1.05;max-width:54%}
.category p{font-size:16px;line-height:1.35;max-width:47%}
.category .button{position:relative}
.brand{font-size:48px}.brand small{font-size:10px}
.creation h3{font-size:16px;font-weight:600}.creation p{font-size:15px}
@media(max-width:1100px){.hero-copy{width:48%;padding-right:18px}.hero-copy>p:not(.eyebrow){font-size:16px}.category{min-height:230px}.category h2{font-size:26px}.category p{font-size:15px}}
@media(max-width:700px){.hero-copy{align-self:auto;width:100%;padding:28px 5%;background:#f8eedf}.hero-copy::after{display:none}.hero{min-height:650px}.category{min-height:225px}.category h2{font-size:27px}.brand{font-size:39px}}

.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 45px}.collection-card{background:#efeee2;border:1px solid #e2dfd0;border-radius:18px;overflow:hidden;transition:transform .2s}.collection-card:hover{transform:translateY(-3px)}.collection-card>img,.collection-cover{width:100%;height:220px;object-fit:cover}.collection-cover{display:grid;place-items:center;font-size:80px;background:linear-gradient(120deg,#ecd4c8,#d8dfcc)}.collection-card>div:not(.collection-cover){padding:24px}.collection-card h2{margin:8px 0;font-size:28px}.collection-card p{line-height:1.5}.collection-card span{color:#68765e}.collection-card .eyebrow{font-size:11px}@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.collection-grid{grid-template-columns:1fr}}

.hero.custom-hero{background-size:cover;background-position:center}.category.custom-category{background-size:cover;background-position:center right}

.menu-toggle{display:none;background:#e6e9db;border:0;border-radius:20px;padding:12px 18px}nav a{padding:10px 0}.heart{width:44px;height:44px;display:grid;place-items:center}.filters button{min-height:44px}@media(max-width:700px){.menu-toggle{display:block}.search{order:4;width:100%}nav{display:none;flex-wrap:wrap;background:#efeee2;border-radius:15px;padding:10px}nav.open{display:flex}nav a{padding:12px}.actions{flex-wrap:wrap}.hero h1{overflow-wrap:anywhere}.category h2{overflow-wrap:anywhere}}

.journal-intro{font:18px/1.7 Arial,sans-serif;color:#596650;max-width:750px}.journal-card>a>img{display:block;width:100%;height:240px;object-fit:cover}.journal-post{max-width:920px;margin:auto}.journal-cover{display:block;width:100%;max-height:600px;object-fit:contain;background:#eeeee1;border-radius:18px;margin:30px 0}.journal-body{font:18px/1.8 Arial,sans-serif;overflow-wrap:anywhere}.journal-body p{margin:0 0 1.5em}.journal-post h1{overflow-wrap:anywhere}.pagination{display:flex!important;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:30px}.pagination a{background:#e6e9db;border-radius:24px;padding:12px 20px}@media(max-width:700px){.journal-body{font-size:17px}.journal-card>a>img{height:220px}}

.footer-bottom{grid-column:1/-1;border-top:1px solid #7e8b704d;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-bottom p{margin:0;font-size:14px}.footer-links{display:flex!important;align-items:center;gap:12px;background:none;padding:0;width:auto;order:initial}.footer-links a{padding:10px 4px;font-size:14px}.privacy-page h2{margin-top:32px;font-size:26px}.privacy-page a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:4px}.footer-links{justify-content:flex-start}}

/* About Me page */

.about-layout {
    display: grid;
    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
    margin-top: 28px;
}

.about-photo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.about-text {
    min-width: 0;
}

@media (max-width: 700px) {
    .about-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .about-photo {
        max-width: 400px;
    }
}