@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap";:root{--cream:#faf7ef;--ink:#3c3b31;--berry:#80505d;--muted:#828176;--line:#deddd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #b67a82}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:116px;margin:auto;padding:0 60px;display:flex}.brand{align-items:center;gap:12px;font-family:Prata,Georgia,serif;font-size:22px;line-height:1.05;display:flex}.brand small{letter-spacing:2px;font-family:Manrope,Arial,sans-serif;font-size:11px}.brandmark{color:var(--berry);font-size:57px;font-style:italic;line-height:1;position:relative}.brandmark span{font-size:20px;position:absolute;top:-3px;right:-6px}nav{gap:30px;font-size:13px;display:flex}.navbutton{border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;max-width:1320px;min-height:645px;margin:auto;padding:78px 60px 90px;display:grid}.eyebrow{letter-spacing:2.1px;color:var(--berry);margin:0 0 26px;font-size:10px;font-weight:700}h1,h2{letter-spacing:-1.5px;font-family:Prata,Georgia,serif;font-weight:400}h1{margin:0 0 24px;font-size:clamp(38px,4.1vw,58px);line-height:1.3}em{color:var(--berry);font-family:Georgia,serif;font-weight:400}.intro{color:#727469;margin-bottom:33px;font-size:16px;line-height:1.8}.button{background:var(--berry);color:#fff;border:0;border-radius:3px;justify-content:center;align-items:center;gap:35px;min-height:48px;padding:17px 25px;font-size:12px;font-weight:600;display:inline-flex}.button:hover{background:#66404a}.handnote{color:#8b856e;margin-top:29px;font-family:Georgia,serif;font-size:19px;font-style:italic;transform:rotate(-3deg)}.handnote span{color:var(--berry);margin-left:8px;font-size:29px}.hero-art{height:440px;position:relative}.blob{background:#e8eadb;border-radius:47% 53% 44% 56%;position:absolute;inset:7px -10px 7px 10px}.frame{background:#ece2ce;flex-direction:column;width:75%;height:86%;padding:20px 20px 12px;display:flex;position:absolute;top:6%;left:12%;transform:rotate(-7deg);box-shadow:8px 13px 28px #6f654123}.frame img{object-fit:cover;border:10px solid #fdfaf3;width:100%;height:calc(100% - 27px);box-shadow:inset 0 0 12px #333}.frame span{text-align:center;letter-spacing:1px;color:#887f6b;margin-top:13px;font-size:8px}.floating{background:#fff9ee;width:36%;height:45%;padding:10px;position:absolute;bottom:-2%;right:-5%;transform:rotate(10deg);box-shadow:0 7px 28px #6f654123}.floating img{object-fit:cover;width:100%;height:100%}.spark{color:#a8a56c;z-index:2;position:absolute}.s1{font-size:64px;top:-14px;right:0}.s2{font-size:50px;bottom:20px;left:-16px}.roundnote{text-align:center;color:#827b59;background:#faf7ef;border:1px solid #aaa47f;border-radius:50%;justify-content:center;align-items:center;width:89px;height:89px;font-family:Georgia,serif;font-style:italic;display:flex;position:absolute;bottom:-13px;left:27%;transform:rotate(12deg)}.ribbon{color:#6a6f54;letter-spacing:.5px;background:#eeefdf;border-top:1px solid #daddc5;border-bottom:1px solid #daddc5;justify-content:center;align-items:center;gap:70px;padding:21px;font-size:12px;display:flex}.ribbon i{font-size:22px;font-style:normal}.collection{max-width:1320px;margin:auto;padding:85px 60px 75px}.section-head{justify-content:space-between;align-items:end;display:flex}.section-head .eyebrow{margin-bottom:15px}h2{margin:0 0 24px;font-size:38px;line-height:1.4}.section-head>p{color:var(--muted);margin-bottom:25px;line-height:1.8}.filters{gap:12px;margin:13px 0 20px;display:flex}.filters button{color:#66695c;background:0 0;border:1px solid #d8d9c9;border-radius:30px;padding:10px 21px;font-size:12px}.filters .active{color:#fff;background:#747d62;border-color:#747d62}.demo-note{color:#8b8273;font-size:11px;line-height:1.7}.grid{grid-template-columns:repeat(4,1fr);gap:27px;margin-top:26px;display:grid}.image-button{background:#eee7dc;border:0;width:100%;height:295px;padding:18px;display:block;position:relative;overflow:hidden}.image-button img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.image-button:hover img{transform:scale(1.045)}.tone1 .image-button{background:#f1e5df}.tone2 .image-button{background:#e8eade}.tone3 .image-button{background:#e7e4dd}.badge{color:#626d50;background:#fbfbf0ef;border-radius:2px;padding:7px 9px;font-size:9px;position:absolute;top:12px;left:12px}.badge.sold{color:#8f867e}.image-arrow{background:#faf7ef;border-radius:50%;width:28px;height:28px;padding-top:4px;position:absolute;bottom:12px;right:12px}.work-meta{color:#8b8b7d;flex-direction:column;gap:5px;margin-top:16px;font-size:9px;display:flex}.work-title{text-align:left;color:var(--ink);background:0 0;border:0;margin-top:10px;padding:0;font-family:Prata,Georgia,serif;font-size:17px;line-height:1.5}.price{color:var(--berry);font-size:14px;font-weight:600}.about{background:#eeeee0;grid-template-columns:1fr 1.25fr;align-items:center;gap:72px;max-width:1200px;margin:0 auto 70px;padding:65px 75px;display:grid}.portrait{background:#e1e4d2;max-width:320px;padding:20px 20px 42px;position:relative;transform:rotate(-3deg)}.portrait img{object-fit:cover;width:100%;height:295px}.portrait span{text-align:center;width:100%;font-family:Georgia,serif;font-size:16px;font-style:italic;position:absolute;bottom:16px;left:0}.about h2{font-size:32px}.about-text{color:#747869;white-space:pre-line;line-height:1.9}.textlink{color:var(--berry);background:0 0;border:0;border-bottom:1px solid;margin:12px 0;padding:3px 0;font-size:12px;display:inline-block}.ordering{text-align:center;max-width:1200px;margin:auto;padding:25px 20px 85px}.ordering .eyebrow{margin-bottom:15px}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:40px;display:grid}.steps b{color:#b4b79b;font-family:Georgia,serif;font-size:36px;font-weight:400}.steps h3{margin:15px 0 12px;font-size:15px;font-weight:600}.steps p{color:var(--muted);font-size:12px;line-height:1.8}.contact{text-align:center;background:#e9dfdf;padding:55px 20px 65px}.contact>span{color:#a07279;font-size:39px}.contact h2{margin:12px 0 18px}.contact p{color:#827577;line-height:1.8}.pending-contact{border:1px solid #c9b3b8;border-radius:3px;padding:12px 24px;font-size:12px;display:inline-block}footer{justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:40px 60px;display:flex}footer .brand{font-size:18px}footer .brand span{color:var(--berry)}footer p{color:var(--muted);font-size:11px}.overlay{z-index:20;background:#332f2baa;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--cream);border-radius:5px;width:100%;max-width:1000px;max-height:90dvh;padding:42px;position:relative;overflow:auto;box-shadow:0 20px 80px #2224}.close{z-index:2;background:#faf7efdd;border:0;border-radius:50%;width:36px;height:36px;font-size:28px;position:absolute;top:9px;right:12px}.detail{grid-template-columns:1fr 1fr;gap:40px;display:grid}.detail-image{object-fit:contain;background:#eae6dd;width:100%;max-height:550px}.detail-copy{padding-top:30px}.detail-copy>p{line-height:1.8}.detail-copy .price{font-size:22px}.detail-copy h2{font-size:32px}.detail-copy .textlink{width:fit-content;display:block}.thumbs{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.thumbs img{object-fit:cover;width:75px;height:75px}.thumbs button{border:1px solid var(--line);background:0 0}.thumbs>div{flex-direction:column;display:flex}.admin{max-width:850px}label{color:#686a5b;margin:16px 0;font-size:12px;display:block}input,textarea,select{width:100%;color:var(--ink);background:#fffdf7;border:1px solid #d5d6c7;border-radius:3px;margin-top:7px;padding:12px;display:block}textarea{min-height:110px}.formrow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.check{align-items:center;gap:10px;display:flex}.check input{width:auto;margin:0}.actions{align-items:center;gap:20px;display:flex}.actions>button:not(.button){background:0 0;border:0}.admin-list{margin:25px 0}.admin-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.admin-list img{object-fit:cover;width:48px;height:48px}.admin-list span{flex:1}.admin-list small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.admin-list button{border:1px solid var(--line);background:0 0;padding:8px;font-size:11px}.toast{z-index:40;color:#fff;background:#424b39;border-radius:5px;max-width:90vw;padding:15px 40px 15px 20px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0003}.toast button{color:#fff;background:0 0;border:0;font-size:23px;position:absolute;top:8px;right:9px}@media (min-width:1500px){.hero{padding-top:100px;padding-bottom:100px}.hero-art{height:470px}}@media (max-width:1000px){header{padding:0 30px}nav{gap:18px}.hero{gap:15px;padding:60px 30px}.hero-art{height:370px}h1{font-size:42px}.ribbon{gap:30px}.collection{padding:60px 30px}.grid{grid-template-columns:repeat(2,1fr)}.image-button{height:360px}.about{gap:40px;margin:0 30px 60px;padding:40px}.steps{gap:30px}.ordering{padding:20px 30px 60px}footer{padding:30px}.navbutton{display:none}}@media (max-width:640px){header{height:94px;padding:0 20px}.brand{font-size:19px}.brandmark{font-size:46px}nav{gap:14px;font-size:11px}nav a:last-child{display:none}.hero{flex-direction:column;align-items:stretch;gap:25px;min-height:auto;padding:42px 24px 55px;display:flex}.hero .eyebrow{margin-bottom:22px;font-size:9px}h1{letter-spacing:-1.5px;font-size:37px}.intro{margin-bottom:24px;font-size:14px}.handnote{margin-top:19px}.hero-art{align-self:center;width:100%;max-width:420px;height:350px}.floating{right:0}.ribbon{gap:20px;padding:16px;font-size:10px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.collection{padding:48px 20px}.section-head{display:block}.section-head>p{font-size:12px}h2{letter-spacing:-.7px;font-size:29px}.filters{flex-wrap:wrap;gap:7px}.filters button{padding:9px 12px;font-size:10px}.grid{gap:22px 14px}.image-button{height:225px;padding:10px}.work-title{font-size:15px}.badge{padding:5px;font-size:8px;top:7px;left:7px}.work-meta{font-size:8px}.price{font-size:13px}.about{flex-direction:column;gap:35px;margin:0 20px 40px;padding:30px 23px;display:flex}.portrait{width:260px}.portrait img{height:260px}.about h2{font-size:29px}.ordering{padding:20px 24px 45px}.steps{margin-top:30px;display:block}.steps>div{margin:25px 0;padding-left:55px;position:relative}.steps b{font-size:29px;position:absolute;top:0;left:0}.steps h3{margin:0 0 10px}.contact{padding:35px 20px 45px}footer{flex-wrap:wrap;gap:8px;padding:30px 20px}footer .brand{font-size:16px}footer p{order:3;width:100%;margin:0}.overlay{padding:12px}.modal{padding:30px 20px}.detail{display:block}.detail-image{max-height:340px}.detail-copy{padding-top:25px}.formrow{grid-template-columns:1fr}.admin-list>div{flex-wrap:wrap}.admin-list span{min-width:130px}.toast{width:90vw}.eyebrow{letter-spacing:1.5px}.detail-copy h2{font-size:27px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.contact-actions{flex-direction:column;align-items:center;gap:13px;margin-top:25px;display:flex}.contact-link{color:var(--berry);border-bottom:1px solid;padding:3px 0;font-size:13px}.contact-note{color:#827577;font-size:11px}.footer-actions{align-items:center;gap:22px;display:flex}.hero-portrait-stage{isolation:isolate}.portrait-glow{z-index:-2;filter:blur(5px);background:radial-gradient(circle at 30% 32%,#70d5e09e,#0000 40%),radial-gradient(circle at 72% 70%,#d14d8f73,#0000 42%),#e7eadb;border-radius:42% 58% 54% 46%/48% 38% 62% 52%;position:absolute;inset:7% 3% 3% 8%;transform:rotate(-5deg)scale(1.02);box-shadow:18px 24px 50px #57434833}.portrait-blob{background:#dfe6dd;border:10px solid #fffaefdb;border-radius:46% 54% 39% 61%/36% 42% 58% 64%;position:absolute;inset:0 10% 2% 9%;overflow:hidden;transform:rotate(1.8deg);box-shadow:16px 25px 42px #362c2f3b,inset 0 0 0 1px #ffffff75}.portrait-blob img{object-fit:cover;object-position:51% 45%;width:100%;height:100%;transform:scale(1.035)rotate(-1.8deg)}.portrait-shine{pointer-events:none;background:linear-gradient(125deg,#fff3,#0000 34% 74%,#7b465b24);position:absolute;inset:0;box-shadow:inset 0 -35px 65px #1d2b2229}.portrait-art-card{z-index:3;background:#fffaf0;width:31%;padding:9px 9px 23px;position:absolute;bottom:-4%;right:-2%;transform:rotate(9deg);box-shadow:8px 13px 28px #4731383d}.portrait-art-card img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.portrait-art-card span{color:#887f6b;letter-spacing:.6px;text-align:center;font-size:8px;position:absolute;bottom:7px;left:8px;right:8px}.hero-portrait-stage .roundnote{z-index:4;bottom:2%;left:2%;box-shadow:3px 6px 18px #41303424}.hero-portrait-stage .s1{z-index:4;right:1%}.hero-portrait-stage .s2{z-index:4;left:0}@media (max-width:640px){.portrait-blob{inset:0 9% 2% 7%}.portrait-art-card{width:30%;bottom:-2%;right:0}.hero-portrait-stage .roundnote{width:76px;height:76px;font-size:13px}}
