*,:before,:after{box-sizing:border-box}:root,[data-theme=dark]{--bg:#18130c;--text:#ddd5c2;--accent:#8a9468;--text-secondary:#5c5244;--border:#2a2018;--placeholder-bg:#221a10;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Karla", system-ui, sans-serif}[data-theme=light]{--bg:#fafaf7;--text:#1a1a18;--accent:#7c8c6e;--text-secondary:#9b9689;--border:#edebe6;--placeholder-bg:#e8e5df}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;font-weight:300;line-height:1.6;transition:background .3s,color .3s}body{background:var(--bg);margin:0;transition:background .3s}body:after{content:"";pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}#root{min-height:100svh}p{margin:0}h1,h2,h3{margin:0;font-weight:400}.page{max-width:960px;margin:0 auto;padding:0 40px}@media (width<=600px){.page{padding:0 24px}}.site-header{justify-content:space-between;align-items:center;padding:48px 0 64px;display:flex}.site-name{font-family:var(--font-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--text);margin:0;font-size:18px;font-weight:300}@media (width<=600px){.site-header{padding:36px 0 48px}}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;flex-shrink:0;width:40px;height:22px;padding:0;transition:border-color .3s;position:relative}.theme-toggle:after{content:"";background:var(--text-secondary);width:14px;height:14px;transition:left .2s,background .3s;position:absolute;top:3px;left:3px}.theme-toggle.is-dark:after{background:var(--text-secondary);left:calc(100% - 17px)}.theme-toggle:hover{border-color:var(--text-secondary)}.hero-section{animation:1s both fadein}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.artwork-placeholder{aspect-ratio:3/4;background:var(--placeholder-bg);justify-content:center;align-items:center;width:100%;display:flex}.artwork-placeholder span{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:300}.artwork-image{width:100%;display:block}.hero-caption{flex-direction:column;gap:6px;margin-top:24px;display:flex}.hero-title{font-family:var(--font-serif);letter-spacing:.03em;color:var(--text);font-size:28px;font-weight:300}.hero-subtitle{letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:300}@media (width<=600px){.hero-title{font-size:22px}}.rule{border:none;border-top:1px solid var(--border);margin:64px 0}@media (width<=600px){.rule{margin:48px 0}}.purchase-section{flex-direction:column;gap:32px;display:flex}.size-selector{gap:0;display:flex}.size-btn{border:1px solid var(--border);cursor:pointer;font-family:var(--font-sans);letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;background:0 0;border-right:none;padding:12px 20px;font-size:13px;font-weight:300;transition:color .15s,border-color .15s,background .15s}.size-btn:last-child{border-right:1px solid var(--border)}.size-btn:hover{color:var(--text);border-color:#2e4a32}.size-btn.active{color:var(--text);border-color:var(--text);background:var(--bg)}.size-btn.active+.size-btn{border-left-color:var(--text)}.size-label{display:block}.size-price{letter-spacing:.05em;margin-top:4px;font-size:12px;display:block}.purchase-row{align-items:center;gap:32px;display:flex}.selected-price{font-family:var(--font-serif);letter-spacing:.02em;color:var(--text);font-size:32px;font-weight:300}.buy-btn{background:var(--accent);color:var(--bg);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;padding:14px 40px;font-size:13px;font-weight:300;transition:opacity .15s}.buy-btn:hover{opacity:.85}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.order-success{color:var(--accent);letter-spacing:.08em;font-size:13px;font-weight:300}.shipping-note{color:var(--text-secondary);letter-spacing:.05em;font-size:12px;font-weight:300}@media (width<=600px){.size-btn{padding:12px 14px;font-size:12px}.purchase-row{flex-direction:column;align-items:flex-start;gap:20px}.buy-btn{text-align:center;width:100%;padding:16px}}.details-section{flex-direction:column;gap:32px;display:flex}.details-text{color:var(--text-secondary);letter-spacing:.04em;max-width:480px;font-size:14px;font-weight:300;line-height:1.9}.detail-placeholder{aspect-ratio:4/3;background:var(--placeholder-bg);justify-content:center;align-items:center;width:100%;max-width:560px;display:flex}.detail-placeholder span{letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:300}.signup-section{flex-direction:column;gap:24px;display:flex}.signup-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:300}.signup-form{gap:0;max-width:440px;display:flex}.signup-input{border:1px solid var(--border);font-family:var(--font-sans);color:var(--text);background:0 0;border-right:none;outline:none;flex:1;padding:12px 16px;font-size:14px;font-weight:300;transition:border-color .15s}.signup-input::placeholder{color:var(--text-secondary)}.signup-input:focus{border-color:#2e4a32}.signup-submit{border:1px solid var(--border);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;padding:12px 20px;font-size:13px;font-weight:300;transition:background .15s,color .15s}.signup-submit:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.signup-confirm{color:var(--accent);letter-spacing:.08em;font-size:13px;font-weight:300}@media (width<=600px){.signup-form{flex-direction:column;max-width:100%}.signup-input{border-right:1px solid var(--border);border-bottom:none}.signup-submit{text-align:center}}.site-footer{justify-content:space-between;align-items:center;padding:56px 0 48px;display:flex}.footer-copy{color:var(--text-secondary);letter-spacing:.08em;font-size:12px;font-weight:300}.footer-instagram{color:var(--text-secondary);align-items:center;transition:color .15s;display:flex}.footer-instagram:hover{color:var(--text)}.footer-instagram svg{width:18px;height:18px}@media (width<=600px){.site-footer{padding:48px 0 40px}}
