@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Zen+Old+Mincho:wght@400;700&display=swap";
@font-face{font-family:Harmond;src:url(/fonts/Harmond.otf)format("opentype");font-weight:400;font-style:normal}:root{--color-background:#f5f0e8;--color-foreground:#3d2b1f;--color-foreground-rgb:61, 43, 31;--color-border:#1c1c1c14;--color-muted:#1c1c1c8c;--color-accent:#b8860b;--color-accent-light:#f0dfc0;--font-heading:"Zen Old Mincho", serif;--font-body:"Inter", sans-serif;--section-padding:7rem 0;--section-padding-mobile:4rem 0;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}main{width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.15}.heading-xl{letter-spacing:-.02em;font-size:clamp(2.2rem,5vw,4rem)}.heading-lg{letter-spacing:-.01em;font-size:clamp(1.8rem,3.5vw,2.8rem)}.heading-md{font-size:clamp(1.3rem,2.5vw,1.8rem)}.heading-sm{font-size:clamp(1.1rem,2vw,1.3rem)}.text-lg{color:var(--color-muted);font-size:1.1rem;line-height:1.7}.text-sm{color:var(--color-muted);font-size:.875rem}.label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);font-size:.75rem;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn-primary{background-color:var(--color-foreground);color:var(--color-background);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;border:1.5px solid var(--color-foreground);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{color:var(--color-foreground);box-shadow:0 4px 20px rgba(var(--color-foreground-rgb), .15);background-color:#0000;transform:translateY(-2px)}.btn-secondary{color:var(--color-foreground);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;border:1.5px solid rgba(var(--color-foreground-rgb), .2);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{border-color:var(--color-foreground);box-shadow:0 4px 20px rgba(var(--color-foreground-rgb), .08);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.delay-1{animation-delay:.15s;animation-fill-mode:both}.delay-2{animation-delay:.3s;animation-fill-mode:both}.delay-3{animation-delay:.45s;animation-fill-mode:both}.delay-4{animation-delay:.6s;animation-fill-mode:both}.header{-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--color-border);background-color:#f5f0e8d9;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex;position:sticky;top:0}.header-logo{font-family:var(--font-heading);letter-spacing:.08em;font-size:1.35rem;font-weight:700}.header-nav{align-items:center;gap:2.5rem;display:flex}.header-nav a{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:500;transition:opacity .3s;position:relative}.header-nav a:after{content:"";background-color:var(--color-foreground);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.header-nav a:hover:after{width:100%}.header-nav a:hover{opacity:.7}.header-cta{padding:.65rem 1.4rem!important;font-size:.75rem!important}.header-cta-desktop{align-items:center;gap:1rem;display:flex}.burger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.burger span{background-color:var(--color-foreground);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(25px);z-index:999;opacity:0;pointer-events:none;background-color:#f5f0e8f7;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:4rem 1.5rem 2rem;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto;display:flex}.mobile-nav-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:320px;display:flex}.mobile-nav-links{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex}.mobile-nav-links a{font-family:var(--font-heading);letter-spacing:.03em;color:var(--color-foreground);font-size:1.25rem;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s;position:relative}.mobile-nav-links a:hover{opacity:.6}.mobile-nav-divider{background-color:#3d2b1f26;width:40px;height:1px;margin:.25rem 0}.mobile-nav-actions{flex-direction:column;align-items:center;gap:.85rem;width:100%;display:flex}.mobile-user-row{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.mobile-auth-btn{border-radius:var(--radius-full);color:#5c3a1e;letter-spacing:.04em;background-color:#0000;border:1.5px solid #5c3a1e40;justify-content:center;align-items:center;gap:.4rem;width:100%;max-width:220px;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.mobile-auth-btn:hover{background-color:#5c3a1e0f;border-color:#5c3a1e}.mobile-logout-btn{border-radius:var(--radius-full);color:#888;cursor:pointer;background:0 0;border:1.5px solid #8888884d;padding:.65rem 1rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .25s}.mobile-logout-btn:hover{color:var(--color-foreground);border-color:var(--color-foreground)}.mobile-cta-btn{width:100%;max-width:220px;padding:.75rem 1.5rem!important;font-size:.78rem!important}@media (max-width:900px){.header-nav{display:none}.header-cta-desktop{display:none!important}.burger{display:flex}}.footer{border-top:1px solid var(--color-border);margin-top:0;padding:5rem 2rem 3rem}.footer-inner{text-align:center;max-width:1200px;margin:0 auto}.footer-brand{font-family:var(--font-heading);letter-spacing:.08em;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--color-muted);font-size:.85rem;transition:opacity .3s}.footer-links a:hover{opacity:.6;color:var(--color-foreground)}.footer-copy{opacity:.4;margin-top:2rem;font-size:.75rem}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header .label{margin-bottom:1rem;display:block}.section-header p{margin-top:1rem}.carousel-wrapper{margin:0 -1.5rem;padding:2rem 0;position:relative;overflow:hidden}.carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;gap:1.5rem;padding:0 1.5rem;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:start;border-radius:var(--radius-lg);background:#fff;flex:0 0 280px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 2px 20px #0000000a}.carousel-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.carousel-card img{aspect-ratio:3/4;object-fit:cover;width:100%}.carousel-card-content{padding:1.2rem 1.5rem}.carousel-card-content h4{font-family:var(--font-heading);margin-bottom:.3rem;font-size:1.1rem}.carousel-card-content p{color:var(--color-muted);font-size:.85rem}.creations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}@media (max-width:700px){.creations-grid{grid-template-columns:1fr}}.creation-card{border-radius:var(--radius-lg);background:#fff;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 2px 20px #0000000a}.creation-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px #0000001a}.creation-image{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s;display:block}.creation-card:hover .creation-image{transform:scale(1.03)}.creation-content{padding:1.5rem}.creation-title{font-size:1.2rem;font-family:var(--font-heading);margin-bottom:.4rem}.creation-desc{color:var(--color-muted);margin-bottom:1rem;font-size:.9rem}.creation-actions{gap:1rem;display:flex}.creation-link{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.78rem;font-weight:600;transition:all .3s;display:inline-flex}.creation-link:hover{border-color:var(--color-foreground);background-color:var(--color-foreground);color:var(--color-background)}.creation-link-secondary{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);color:var(--color-muted);align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.78rem;font-weight:600;transition:all .3s;display:inline-flex}.creation-link-secondary:hover{color:var(--color-foreground)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}