:root{--forest:#264d2b;--leaf:#6f9f55;--lime:#d9ec9c;--mint:#cce5c1;--cream:#fbf7ea;--paper:#fffdf6;--lav:#c8b6e8;--coral:#ee786b;--ink:#1c3721;--line:rgba(38,77,43,.19);--radius:28px;--shadow:0 20px 60px rgba(36,68,40,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700;font-size:1.02rem;line-height:1}.brand small{display:block;margin-top:.38rem;font:400 .77rem "Gaegu",cursive;letter-spacing:.04em;color:var(--leaf)}.brand-mark{width:44px;height:47px;border:2px solid var(--forest);border-radius:60% 42% 55% 45%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 .68rem "DM Sans";line-height:.85;background:var(--lime);transform:rotate(-4deg)}.brand-mark i{font-style:normal}.site-header nav{display:flex;gap:2.2rem;font-size:.85rem;font-weight:600}.site-header nav a{text-decoration:none;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:2px;background:var(--leaf);transition:.25s}.site-header nav a:hover:after{right:0}.bag-button{border:1px solid var(--forest);background:transparent;border-radius:999px;padding:.72rem .8rem .72rem 1.1rem;font:600 .8rem "DM Sans";color:var(--forest);cursor:pointer}.bag-button span{display:inline-grid;place-items:center;background:var(--forest);color:#fff;width:24px;height:24px;border-radius:50%;margin-left:.45rem}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:.95fr 1.4fr;align-items:center;overflow:hidden}.hero-copy{padding:5rem 0 5rem 8vw;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.71rem;font-weight:700;color:var(--leaf);margin:0 0 1.1rem}.hero h1{font:700 clamp(4rem,7vw,7.3rem)/.85 "Gaegu",cursive;letter-spacing:-.045em;margin:.1rem 0 1.4rem;max-width:650px}.hero h1 em{font-style:normal;color:var(--leaf);position:relative}.hero h1 em:after{content:"";position:absolute;left:5%;right:0;bottom:-.1rem;height:9px;border-radius:50%;border-top:3px solid var(--coral);transform:rotate(-2deg)}.hero-intro{font-size:1.06rem;line-height:1.75;max-width:530px;color:#516454}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:1rem 1.35rem;border-radius:999px;text-decoration:none;font:700 .83rem "DM Sans";border:0;cursor:pointer}.button-primary{background:var(--forest);color:#fff}.button-primary span,.button-light span{font-size:1.2rem}.button:hover{transform:translateY(-2px)}.text-link{font-size:.84rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.25rem}.kind-note{margin-top:3.3rem;font:700 1rem "Gaegu";color:var(--leaf);transform:rotate(-2deg);display:inline-block}.kind-note span{color:var(--coral);font-size:1.2rem}.hero-art{align-self:stretch;background:url("assets/sophia-collection-hero.png") center/cover no-repeat;min-height:690px;border-radius:0 0 0 90px}.doodle{position:absolute;font:700 1rem "Gaegu";color:var(--forest);transform:rotate(8deg)}.doodle-one{right:4vw;bottom:2.5rem}.marquee{background:var(--forest);color:#fff;overflow:hidden;padding:.85rem 0;font:700 1.1rem "Gaegu";letter-spacing:.08em}.marquee div{display:flex;gap:2.1rem;width:max-content;animation:travel 22s linear infinite}.marquee b{color:var(--lime)}@keyframes travel{to{transform:translateX(-50%)}}.section{padding:8rem 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.section-heading h2,.story h2,.promise h2,.cta h2{font:700 clamp(2.8rem,5vw,5rem)/.95 "Gaegu";margin:0}.section-heading>p{max-width:430px;line-height:1.65;color:#5c6e5f}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;box-shadow:0 2px 0 rgba(38,77,43,.05);transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-visual{height:330px;border-radius:21px;display:grid;place-items:center;position:relative;overflow:hidden}.card-bracelet .product-visual{background:#e7f0c7}.card-hat .product-visual{background:#d8ecde}.card-shirt .product-visual{background:#eee7d6}.card-pack .product-visual{background:#e4dbef}.bracelet{width:178px;height:178px;border:22px dotted #55884a;border-radius:50%;position:relative;filter:drop-shadow(0 10px 6px rgba(50,70,50,.15));transform:rotate(-12deg)}.bracelet i{position:absolute;font-style:normal;color:white;display:grid;place-items:center;background:var(--lav);width:36px;height:36px;border-radius:50%;font-size:.8rem}.bracelet i:nth-child(1){left:-18px;top:50px}.bracelet i:nth-child(2){left:13px;top:-10px}.bracelet i:nth-child(3){right:23px;top:-13px}.bracelet i:nth-child(4){right:-20px;top:48px}.bracelet i:nth-child(5){right:5px;bottom:-9px}.bracelet i:nth-child(6){left:41px;bottom:-20px}.bracelet i:nth-child(7){left:45px;top:52px}.spark{position:absolute;right:18%;top:17%;font:2rem "Gaegu";color:#fff}.cap{width:210px;height:135px;background:#78a87a;border-radius:110px 110px 20px 20px;position:relative;transform:rotate(7deg);box-shadow:inset 0 -8px rgba(39,77,43,.13),0 15px 20px rgba(43,79,46,.15)}.cap:after{content:"";position:absolute;width:160px;height:50px;background:#6a996b;border-radius:50%;right:-65px;bottom:-13px;transform:rotate(8deg);border-bottom:7px solid rgba(38,77,43,.15)}.cap>span{position:absolute;left:92px;top:-15px;color:#567f57;font-size:2rem}.cap i{position:absolute;left:82px;top:48px;color:#edf6dc;font-size:2.7rem;font-style:normal}.bee{position:absolute;left:11%;bottom:14%;font:700 1.1rem "Gaegu";transform:rotate(-12deg)}.shirt{width:190px;height:190px;background:#fffaf0;clip-path:polygon(28% 0,40% 9%,60% 9%,72% 0,100% 20%,82% 43%,74% 35%,76% 100%,24% 100%,26% 35%,18% 43%,0 20%);display:grid;place-items:center;filter:drop-shadow(0 15px 12px rgba(75,69,56,.14));transform:rotate(-3deg)}.shirt span{font-size:3.3rem;color:var(--leaf);margin-top:1.5rem}.tiny-flower{position:absolute;right:14%;top:14%;font-size:2rem;color:var(--coral)}.gift{width:175px;height:150px;background:var(--lav);border-radius:12px;position:relative;transform:rotate(5deg);box-shadow:0 17px 22px rgba(70,50,80,.17);display:grid;place-items:center}.gift:before,.gift:after{content:"";position:absolute;background:var(--lime)}.gift:before{height:100%;width:27px}.gift:after{width:100%;height:27px}.gift i{position:absolute;z-index:1;top:-31px;width:62px;height:52px;border:14px solid var(--lime);border-radius:50%;transform:rotate(42deg)}.gift span{position:relative;z-index:2;color:var(--forest);font-size:1.5rem}.mystery{position:absolute;right:15%;top:10%;font:700 2.7rem "Gaegu";color:#fff}.product-info{display:flex;justify-content:space-between;align-items:end;padding:1.2rem .6rem}.product-info p{font:700 .87rem "Gaegu";color:var(--leaf);margin:0 0 .2rem}.product-info h3{font-size:1.08rem;margin:0}.product-info strong{font:700 1.8rem "Gaegu"}.add-button{width:100%;border:1px solid var(--line);border-radius:999px;background:transparent;padding:.85rem 1rem;color:var(--forest);font:700 .78rem "DM Sans";display:flex;justify-content:space-between;cursor:pointer}.add-button:hover,.add-button.added{background:var(--forest);color:#fff}.story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:var(--mint)}.sketch-wrap{position:relative;max-width:560px}.sketch-card{margin:0;padding:1rem 1rem 1.7rem;background:#fff;box-shadow:0 30px 60px rgba(38,77,43,.2);transform:rotate(-3deg)}.sketch-card img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center}.sketch-card figcaption{font:700 1.3rem "Gaegu";padding:.8rem .4rem 0;color:var(--forest)}.sketch-card figcaption span{float:right}.tape{position:absolute;width:130px;height:38px;background:rgba(248,235,170,.75);top:-14px;left:40%;transform:rotate(2deg)}.story-copy>p:not(.eyebrow){font-size:1.02rem;line-height:1.8;color:#4d6251;max-width:570px}.story-copy blockquote{margin:2rem 0 0;font:700 2.2rem "Gaegu";color:var(--forest)}.story-copy cite{display:block;font-size:1rem;color:var(--leaf);margin-top:.4rem}.promise{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.promise-intro{position:sticky;top:2rem;align-self:start}.promise-list article{display:grid;grid-template-columns:42px 1fr 50px;gap:1.4rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}.promise-list article:first-child{border-top:1px solid var(--line)}.promise-list article>span{font:700 1.2rem "Gaegu";color:var(--leaf)}.promise-list h3{margin:0 0 .4rem;font-size:1.1rem}.promise-list p{margin:0;color:#607164;line-height:1.5}.promise-list b{font:400 2.3rem "Gaegu";color:var(--coral)}.cta{background:var(--forest);color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;width:280px;height:390px;border:2px solid rgba(217,236,156,.35);border-radius:100% 0;transform:rotate(35deg)}.cta:before{left:-150px;bottom:-230px}.cta:after{right:-150px;top:-230px}.cta .eyebrow{color:var(--lime)}.cta p:not(.eyebrow){max-width:580px;margin:1.2rem auto 2rem;color:#dbe7d8;line-height:1.7}.button-light{background:var(--lime);color:var(--forest)}.cta-flower{display:block;color:var(--coral);font-size:3rem;margin-bottom:1rem}footer{min-height:150px;padding:2.5rem 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);font-size:.75rem;color:#647467}footer>p:nth-child(2){text-align:center;font:700 1rem "Gaegu"}footer>p:last-child{text-align:right}.bag-dialog{border:0;padding:0;background:transparent;max-width:none;width:100%;height:100%;margin:0}.bag-dialog::backdrop{background:rgba(20,48,25,.6);backdrop-filter:blur(5px)}.bag-panel{margin-left:auto;height:100%;width:min(470px,100%);background:var(--cream);padding:2.2rem;display:flex;flex-direction:column;animation:slidein .3s ease}@keyframes slidein{from{transform:translateX(100%)}}.bag-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}.bag-top h2{margin:0;font:700 3.5rem "Gaegu"}.close-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:1.7rem;color:var(--forest);cursor:pointer}.bag-items{padding:1.2rem 0;flex:1;overflow:auto}.empty-bag{color:#6d7d70;text-align:center;margin:5rem 0}.bag-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:1rem 0}.bag-item button{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#6d7d70}.bag-total{border-top:1px solid var(--line);padding:1.2rem 0;display:flex;justify-content:space-between}.bag-total strong{font:700 2rem "Gaegu"}.coming-soon{font-size:.78rem;line-height:1.5;color:#667568}.full-button{width:100%}.toast{position:fixed;left:50%;bottom:-80px;transform:translateX(-50%);background:var(--forest);color:#fff;padding:.9rem 1.3rem;border-radius:99px;z-index:20;font-size:.8rem;transition:.3s}.toast.show{bottom:24px}
@media(max-width:1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:5rem 7vw 3rem}.hero-art{min-height:560px;border-radius:60px 60px 0 0;background-position:center}.product-grid{grid-template-columns:repeat(2,1fr)}.story{gap:6vw}.section{padding:6rem 5vw}}
@media(max-width:660px){.site-header{height:78px;padding:0 4vw}.brand{font-size:.86rem}.brand-mark{width:37px;height:39px}.hero-copy{padding-top:4rem}.hero h1{font-size:4rem}.hero-art{min-height:420px;background-position:63% center}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.kind-note{margin-top:2rem}.section{padding:4.5rem 5vw}.section-heading{display:block}.section-heading>p{margin-top:1.5rem}.product-grid{grid-template-columns:1fr}.product-visual{height:310px}.story{grid-template-columns:1fr;padding-top:5rem}.sketch-card{max-width:430px;margin:auto}.promise{grid-template-columns:1fr}.promise-intro{position:static}.cta{padding-left:8vw;padding-right:8vw}footer{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-brand{justify-content:center}footer>p:last-child{text-align:center}.bag-button{font-size:0}.bag-button span{font-size:.75rem;margin:0}.doodle{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee div{animation:none}.product-card,.button{transition:none}}
