:root{--cream:#fff8f0;--warm-white:#fefcf8;--sand:#e8ddd3;--cashmere:#c4a882;--amber-warm:#d4956a;--cocoa:#6b5344;--charcoal:#3a3230;--sage:#8b9e82;--font-heading:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-prose:Georgia, "Times New Roman", serif;--max-width:1100px;--gap:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--charcoal);background-color:var(--cream);font-size:16px;font-weight:300;line-height:1.7}img{max-width:100%;height:auto;display:block}#yarnCanvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}main,.site-footer{z-index:1;position:relative}a{color:var(--amber-warm);text-decoration:none;transition:color .2s}a:hover{color:var(--cocoa)}.site-header{z-index:100;background:var(--cream);border-bottom:1px solid var(--sand);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1.5rem;display:flex}.brand{font-family:var(--font-heading);color:var(--cocoa);letter-spacing:.02em;white-space:nowrap;font-size:1.35rem;font-weight:600}.brand:hover{color:var(--amber-warm)}.main-nav{gap:1.5rem;display:flex}.main-nav a{color:var(--charcoal);padding-bottom:2px;font-size:.9rem;font-weight:400;position:relative}.main-nav a:after{content:"";background:var(--amber-warm);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.main-nav a:hover:after{width:100%}.main-nav a:hover{color:var(--cocoa)}.header-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.lang-switcher{gap:.25rem;display:flex}.lang-btn{border:1px solid var(--sand);font-family:var(--font-body);color:var(--charcoal);cursor:pointer;letter-spacing:.03em;background:0 0;border-radius:3px;padding:.2rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s}.lang-btn:hover{border-color:var(--cashmere);color:var(--cocoa)}.lang-btn.active{background:var(--cashmere);border-color:var(--cashmere);color:var(--warm-white)}.yarn-toggle{border:1px solid var(--sand);width:28px;height:28px;color:var(--cashmere);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:all .3s;display:flex}.yarn-toggle:hover{border-color:var(--cashmere);color:var(--cocoa)}.yarn-toggle.on{color:var(--amber-warm);border-color:var(--amber-warm);background:#d4956a14}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.mobile-menu-btn span{background:var(--charcoal);border-radius:1px;width:22px;height:2px;transition:all .3s;display:block}.hero{max-width:var(--max-width);align-items:center;gap:3rem;margin:0 auto;padding:4rem 1.5rem 3rem;display:flex;position:relative}.hero-content{backdrop-filter:blur(4px);background:#fff8f0d9;border-radius:8px;flex:1;padding:2rem}.hero-title{font-family:var(--font-heading);color:var(--cocoa);margin-bottom:1rem;font-size:2.5rem;font-weight:400;line-height:1.2}.hero-subtitle{color:var(--charcoal);opacity:.8;max-width:420px;margin-bottom:2rem;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{border-radius:8px;flex:none;width:380px;overflow:hidden;box-shadow:0 8px 32px #6b53441f}.btn{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;text-align:center;border-radius:4px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-block}.btn-primary{background:var(--amber-warm);color:var(--warm-white);border:1px solid var(--amber-warm)}.btn-primary:hover{background:var(--cocoa);border-color:var(--cocoa);color:var(--warm-white)}.btn-secondary{background:var(--cream);color:var(--cocoa);border:1px solid var(--cashmere)}.btn-secondary:hover{background:var(--cashmere);color:var(--warm-white)}.btn-card{color:var(--amber-warm);border:1px solid var(--sand);background:0 0;border-radius:4px;margin-top:1rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;display:inline-block}.btn-card:hover{border-color:var(--amber-warm);color:var(--cocoa)}.section{background:#fff8f0d9;padding:4rem 1.5rem;position:relative}.section:nth-child(2n){background:#fefcf8cc}.section.shop{background:var(--cream)}.section-inner{max-width:var(--max-width);margin:0 auto}.section h2{font-family:var(--font-heading);color:var(--cocoa);margin-bottom:.5rem;font-size:1.8rem;font-weight:400}.section-subtitle{color:var(--charcoal);opacity:.7;max-width:520px;margin-bottom:2.5rem;font-size:1rem}.shop-subheading{font-family:var(--font-heading);color:var(--charcoal);margin:2.5rem 0 1.5rem;font-size:1.3rem}.shop-subheading:first-of-type{margin-top:0}.section-footer-link a{color:var(--amber-warm);font-size:.95rem;font-weight:400}.about-text p{max-width:640px;margin-bottom:1rem}.about-text p:last-child{margin-bottom:0}.about-signature{color:var(--cashmere);font-style:italic}.card-grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.card{background:var(--cream);border:1px solid var(--sand);border-radius:6px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card-image{object-fit:cover;width:100%;height:220px}.section:nth-child(2n) .card{background:var(--warm-white);border-color:var(--sand)}.card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #6b53441a}.card-body{padding:1.5rem}.card-body h3{font-family:var(--font-heading);color:var(--cocoa);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.card-body h3 a{color:inherit;text-decoration:none}.card-body p{color:var(--charcoal);opacity:.85;font-size:.9rem;line-height:1.6}.card-meta{color:var(--cashmere);margin-top:.75rem;font-size:.8rem}.section-footer-link{text-align:center;margin-top:1.5rem}.section-footer-link a{color:var(--cashmere);font-size:.9rem;text-decoration:none;transition:color .2s}.section-footer-link a:hover{color:var(--cocoa)}.favorites:before{content:"♥"}.contact-links{flex-wrap:wrap;gap:2rem;margin-top:1.5rem;display:flex}.contact-link{border:1px solid var(--sand);color:var(--charcoal);border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:400;transition:all .2s;display:flex}.contact-link:hover{border-color:var(--cashmere);color:var(--cocoa);background:var(--warm-white)}.contact-icon{width:1.15rem;height:1.15rem;color:var(--cashmere);flex-shrink:0;display:inline-flex}.contact-icon svg{width:100%;height:100%;display:block}.site-footer{border-top:1px solid var(--sand);text-align:center;background:0 0;padding:1.5rem}.footer-inner{max-width:var(--max-width);color:var(--cashmere);margin:0 auto;font-size:.85rem}.comments-section{border-top:1px solid var(--sand);margin-top:3rem;padding-top:2rem}.comments-section h2{font-family:var(--font-heading);color:var(--cocoa);margin-bottom:1.5rem;font-size:1.4rem;font-weight:400}.comments-list{margin-bottom:2rem}.comments-loading{color:var(--cashmere);font-size:.9rem}.comments-empty{color:var(--cashmere);font-size:.9rem;font-style:italic}.comment{border-bottom:1px solid var(--sand);padding:1rem 0}.comment:last-child{border-bottom:none}.comment-header{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.comment-author{color:var(--cocoa);font-size:.95rem;font-weight:500}.comment-date{color:var(--cashmere);font-size:.8rem}.comment-body{color:var(--charcoal);white-space:pre-wrap;font-size:.95rem;line-height:1.6}.comment-form{position:relative}.comment-author-display{background:var(--warm-white);border:1px solid var(--sand);color:var(--cocoa);border-radius:4px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.comment-form input[type=text],.comment-form textarea{width:100%;font-family:var(--font-body);color:var(--charcoal);background:var(--cream);border:1px solid #f0e8e0;border-radius:4px;margin-bottom:.75rem;padding:.65rem .75rem;font-size:.9rem;transition:border-color .2s;display:block}.comment-form input[type=text]::placeholder,.comment-form textarea::placeholder{color:var(--sand)}.comment-form input[type=text]:focus,.comment-form textarea:focus{border-color:var(--cashmere);background:var(--warm-white);outline:none}.comment-form textarea{resize:vertical;min-height:80px}.comment-form button[type=submit]{min-width:120px}.comment-status{margin-top:.5rem;font-size:.85rem}.comment-status.success{color:var(--sage)}.comment-status.error{color:var(--amber-warm)}.comment-avatar{border-radius:50%;flex-shrink:0}.comment-replies{border-left:2px solid var(--sand);margin-left:2.5rem;padding-left:1rem}.comment-reply{border-bottom:none;padding:.75rem 0}.comment-reply:last-child{padding-bottom:0}.comment-reply-btn,.comment-edit-btn{align-items:center;gap:.25rem;display:inline-flex}.comment-reply-btn{color:var(--cashmere);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:3px;margin-left:auto;padding:.15rem .4rem;font-size:.78rem;transition:color .2s}.comment-reply-btn:hover{color:var(--amber-warm)}.reply-context{border-left:3px solid var(--amber-warm);color:var(--cocoa);background:#e8ddd340;border-radius:0 4px 4px 0;margin:.5rem 0;padding:.35rem .6rem;font-size:.82rem}.reply-context-header{align-items:center;gap:.35rem;line-height:1.3;display:flex}.reply-context-icon{color:var(--amber-warm);flex-shrink:0;display:inline-flex}.reply-context-quote{color:var(--cashmere);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:.15rem 0 0;font-size:.78rem;overflow:hidden}.cancel-reply{color:var(--cashmere);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;gap:.25rem;margin-left:auto;padding:.2rem .35rem;font-size:.78rem;transition:color .2s;display:inline-flex}.cancel-reply:hover{color:var(--cocoa)}.comment-toolbar{gap:.15rem;margin-bottom:.25rem;display:flex}.toolbar-btn{color:var(--cashmere);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:.25rem .4rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.toolbar-btn:hover{color:var(--cocoa);border-color:var(--sand);background:var(--warm-white)}.comment-own{border-left:3px solid var(--cashmere);padding-left:.75rem}.comment-new{border-left:3px solid var(--sage);padding-left:.75rem}.comment-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:.1rem .35rem;font-size:.65rem;font-weight:500;line-height:1}.comment-badge-new{background:var(--sage);color:var(--warm-white)}.comment-highlight{animation:2.5s ease-out commentFlash}@keyframes commentFlash{0%{background:#d4956a40}to{background:0 0}}.comment-badge-verified{background:var(--amber-warm);color:var(--warm-white)}.comment-privacy{color:var(--cashmere);opacity:.7;margin-top:.75rem;font-size:.75rem}.char-counter{text-align:right;color:var(--cashmere);margin-top:-.5rem;margin-bottom:.5rem;font-size:.75rem}.char-counter-warn{color:var(--amber-warm)}.char-counter-danger{color:#c44;font-weight:600}.comment-replies .comment-replies{margin-left:1.5rem}.comment-reply-deep .comment-avatar{width:28px;height:28px}.comment-edit-btn{color:var(--cashmere);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .4rem;font-size:.78rem;transition:color .2s}.comment-edit-btn:hover{color:var(--amber-warm)}.comment-edited{color:var(--cashmere);font-size:.75rem;font-style:italic}.comment-edit-form textarea{border:1px solid var(--cashmere);width:100%;font-family:var(--font-body);color:var(--charcoal);background:var(--warm-white);resize:vertical;border-radius:4px;min-height:60px;padding:.5rem .75rem;font-size:.9rem}.comment-edit-form textarea:focus{border-color:var(--amber-warm);outline:none}.comment-edit-actions{gap:.5rem;margin-top:.4rem;display:flex}.comment-edit-actions button{border:1px solid var(--sand);font-family:var(--font-body);cursor:pointer;color:var(--cocoa);background:0 0;border-radius:4px;align-items:center;gap:.25rem;padding:.3rem .7rem;font-size:.8rem;transition:border-color .2s;display:inline-flex}.comment-edit-actions button:hover{border-color:var(--cashmere)}.comment-edit-save{color:var(--sage);font-weight:500}.comment-body code{background:var(--sand);border-radius:3px;padding:.1em .35em;font-family:Courier New,monospace;font-size:.88em}.comment-body a{color:var(--amber-warm);text-decoration:underline}.comment-body a:hover{color:var(--cocoa)}.comment-admin-btn{color:var(--cashmere);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.15rem .3rem;font-size:.72rem;transition:color .2s;display:inline-flex}.comment-admin-hide:hover{color:var(--amber-warm)}.comment-admin-delete:hover{color:#c44}.comment-hidden{opacity:.6}.comment-deleted{opacity:.5}.comment-deleted .comment-body{color:var(--cashmere);font-style:italic}.comment-btn-danger:hover{color:#c44}.comment-badge-hidden{color:#c44;background:#fef0f0}.blog-card-comments{color:var(--cashmere);align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.auth-bar{color:var(--cocoa);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.6rem 0;font-size:.85rem;display:flex}.auth-signed-in{align-items:center;gap:.4rem;display:flex}.auth-google-btn{border:1px solid var(--sand);background:var(--warm-white);color:var(--cocoa);font-family:var(--font-body);cursor:pointer;border-radius:4px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;transition:border-color .2s,box-shadow .2s;display:inline-flex}.auth-google-btn:hover{border-color:var(--cashmere);box-shadow:0 1px 3px #00000014}.auth-google-btn .google-icon{flex-shrink:0}.auth-logout-btn,.auth-claim-btn,.auth-cancel-btn{color:var(--cashmere);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-size:.8rem}.auth-logout-btn:hover,.auth-claim-btn:hover,.auth-cancel-btn:hover{color:var(--amber-warm)}.auth-claim-btn{color:var(--amber-warm);font-weight:500}.auth-hint{color:var(--cashmere);font-size:.8rem}.auth-claim-form{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.auth-claim-form label{color:var(--sage);font-size:.82rem;font-weight:500}.auth-claim-input,.auth-rename-input{border:1px solid var(--cashmere);font-family:var(--font-body);color:var(--charcoal);background:var(--warm-white);border-radius:4px;min-width:140px;max-width:200px;padding:.35rem .6rem;font-size:.85rem}.auth-claim-input:focus,.auth-rename-input:focus{border-color:var(--amber-warm);outline:none}.user-menu-wrapper{position:relative}.header-signin-btn{border:1px solid var(--sand);cursor:pointer;width:28px;height:28px;color:var(--warm-gray);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s;display:flex}.header-signin-btn:hover{border-color:var(--cashmere);color:var(--cocoa)}.user-menu-btn{border:1px solid var(--sand);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .2s;display:flex;overflow:hidden}.user-menu-btn:hover{border-color:var(--cashmere)}.user-menu-avatar{border-radius:50%;display:block}.user-menu-dropdown{background:var(--warm-white);border:1px solid var(--sand);z-index:200;border-radius:6px;min-width:180px;padding:.5rem 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #6b53441f}.user-menu-info{border-bottom:1px solid var(--sand);color:var(--cocoa);align-items:center;gap:.3rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.user-menu-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--charcoal);cursor:pointer;background:0 0;border:none;padding:.45rem .75rem;font-size:.82rem;transition:background .15s;display:block}.user-menu-item:hover{background:var(--sand)}.user-menu-danger{color:#c44}.user-menu-danger:hover{background:#cc444414}.user-menu-admin{color:var(--sage)}.user-menu-separator{background:var(--sand);height:1px;margin:.25rem 0}.user-rename-input{border:1px solid var(--cashmere);width:100%;font-family:var(--font-body);color:var(--charcoal);background:var(--warm-white);box-sizing:border-box;border-radius:4px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.95rem;display:block}.user-rename-input:focus{border-color:var(--amber-warm);outline:none}.user-rename-error{color:#c44;margin-bottom:.5rem;font-size:.8rem}.user-overlay{z-index:300;background:#3a323066;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.user-overlay-content{background:var(--warm-white);border-radius:8px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;box-shadow:0 8px 32px #6b534433}.user-overlay-narrow{max-width:380px}.user-overlay-header{border-bottom:1px solid var(--sand);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.user-overlay-header h3{font-family:var(--font-heading);color:var(--cocoa);margin:0;font-size:1.1rem;font-weight:400}.user-overlay-close{color:var(--cashmere);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.4rem;line-height:1}.user-overlay-close:hover{color:var(--cocoa)}.user-overlay-body{color:var(--charcoal);padding:1rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.user-overlay-empty{color:var(--cashmere);font-style:italic}.user-overlay-actions{gap:.75rem;margin-top:1rem;display:flex}.user-delete-confirm{background:#c44;border-color:#c44}.user-delete-confirm:hover{background:#a33;border-color:#a33}.user-comments-group{margin-bottom:1rem}.user-comments-group:last-child{margin-bottom:0}.user-comments-group-header{border-bottom:1px solid var(--sand);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.4rem 0;display:flex}.user-comments-post-link{color:var(--cocoa);font-size:.85rem;font-weight:500;text-decoration:none}.user-comments-post-link:hover{color:var(--amber-warm);text-decoration:underline}.user-comments-count{color:var(--cashmere);background:var(--sand);border-radius:10px;flex-shrink:0;padding:.1rem .4rem;font-size:.7rem}.user-comments-list{margin:0;padding:0;list-style:none}.user-comment-item{padding:.35rem 0}.user-comment-link{color:inherit;border-radius:3px;padding:.25rem .4rem;text-decoration:none;transition:background .15s;display:block}.user-comment-link:hover{background:var(--sand)}.user-comment-date{color:var(--cashmere);font-size:.75rem}.user-comment-text{color:var(--charcoal);margin:.2rem 0 0;font-size:.85rem}.blog-container{z-index:1;background:#fff8f0d9;border-radius:8px;max-width:800px;margin:0 auto;padding:3rem 1.5rem;position:relative}.blog-post-title{font-family:var(--font-heading);color:var(--charcoal);margin-top:1.5rem;margin-bottom:.5rem;font-size:2.2rem}.blog-post-date{color:var(--cashmere);font-size:.9rem;display:inline}.blog-post-location{color:var(--cashmere);opacity:.8;font-size:.85rem}.blog-tags{margin-bottom:1.5rem}.blog-tag{background:var(--sand);color:var(--cocoa);border-radius:3px;margin-right:.3rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.blog-post-content{font-size:1.05rem;line-height:1.8}.blog-post-content img{border-radius:8px;max-width:100%;height:auto;margin:1.5rem 0}.blog-post-content p{margin-bottom:1rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.3rem}.blog-post-content h2,.blog-post-content h3{font-family:var(--font-heading);color:var(--charcoal);margin:2rem 0 1rem}.blog-back{color:var(--amber-warm);margin-top:2rem;text-decoration:none;display:inline-block}.blog-back:hover{text-decoration:underline}.share-bar{border-top:1px solid var(--sand);align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.share-label{text-transform:uppercase;letter-spacing:.08em;color:var(--cashmere);margin-right:.25rem;font-size:.7rem}.share-btn{background:var(--sand);color:var(--cocoa);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.8rem;line-height:1;transition:background .2s,color .2s;display:inline-flex}.share-btn:hover{background:var(--cashmere);color:#fff}.share-btn svg{display:block}.share-btn-copy{padding:.4rem .75rem}.share-copy-label{font-size:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(16px)}.fade-in.visible{animation:.5s forwards fadeInUp}@media (width<=768px){.main-nav,.header-controls{display:none}.mobile-menu-btn{display:flex}.site-header.menu-open .header-inner{flex-wrap:wrap}.site-header.menu-open .main-nav{border-top:1px solid var(--sand);flex-direction:column;flex-basis:100%;order:10;gap:.75rem;padding:1rem 0 .75rem;display:flex}.site-header.menu-open .header-controls{border-bottom:1px solid var(--sand);flex-basis:100%;order:11;padding:0 0 .75rem;display:flex}.mobile-menu-btn[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.hero{text-align:center;flex-direction:column;gap:2rem;padding:2.5rem 1.5rem 2rem}.hero-title{font-size:2rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-image{width:100%;max-width:400px}.section{padding:3rem 1.5rem}.section h2{font-size:1.5rem}.contact-links{flex-direction:column;gap:1rem}.comment-replies{margin-left:1.5rem;padding-left:.75rem}.comment-replies .comment-replies{margin-left:1rem}}@media (width<=480px){.hero-title{font-size:1.65rem}.hero-subtitle{font-size:1rem}.card-grid{grid-template-columns:1fr}}@media (width>=1200px){.hero-title{font-size:3rem}.hero-image{width:440px}}