@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&display=swap";:root{--card:#16161eb3;--text:#f5f2ea;--muted:#b9b5ab;--accent:#d6a66d;--accent-strong:#f1bd7c;--line:#ffffff1f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#08080b}.app-shell{--logo-size:min(72vw, 72vh, 720px);isolation:isolate;background-color:#000;min-height:100dvh;position:relative;overflow:hidden}.app-shell:before{content:"";background:url(/logo.png) center / var(--logo-size) no-repeat;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at center, #000 0 calc(var(--logo-size) * .32), #000000f7 calc(var(--logo-size) * .43), transparent calc(var(--logo-size) * .56));-webkit-mask-image:radial-gradient(circle at center, #000 0 calc(var(--logo-size) * .32), #000000f7 calc(var(--logo-size) * .43), transparent calc(var(--logo-size) * .56));mask-image:radial-gradient(circle at center, #000 0 calc(var(--logo-size) * .32), #000000f7 calc(var(--logo-size) * .43), transparent calc(var(--logo-size) * .56));opacity:.14;filter:grayscale()saturate(.55)brightness(.75)blur(2px);transform-origin:50%;will-change:transform, filter, opacity;z-index:-2;animation:4.2s cubic-bezier(.2,.7,.15,1) .9s forwards logoAwaken;position:absolute;inset:0;transform:translateY(16px)scale(.86)}.app-shell:after{content:"";opacity:.95;z-index:-1;background:linear-gradient(#00000073 0%,#00000094 100%);animation:3.8s .9s forwards overlayEase;position:absolute;inset:0}.bg-glow{pointer-events:none;filter:blur(35px);z-index:0;background:radial-gradient(circle,#ffffff17 0%,#0000 45%),radial-gradient(circle at 80% 40%,#ffffff0d,#0000 35%);animation:6s ease-in-out infinite glowPulse;position:fixed;inset:-20vmax}.stage{z-index:1;min-height:100dvh;position:relative}.action-row{left:50%;top:calc(50% + (var(--logo-size) * .4));opacity:0;visibility:hidden;gap:1.55rem;transition:transform .9s ease-out,opacity .9s ease-out,visibility 0s linear .9s;display:flex;position:absolute;transform:translate(-50%,24px)}.action-row.is-visible{opacity:1;visibility:visible;transition:transform .9s ease-out,opacity .9s ease-out,visibility;transform:translate(-50%)}.action-btn{color:#f5efe2;letter-spacing:.03em;background:#0f0f12;border:1px solid #f5efe2;border-radius:999px;justify-content:center;align-items:center;min-width:8rem;padding:.5rem .95rem;font-family:Alumni Sans Pinstripe,sans-serif;font-size:1.45rem;font-style:normal;font-weight:400;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 0 0 1px #f5efe273}.action-btn:hover{background:#1c1c22}.instagram-fab{left:50%;bottom:max(3.2rem, calc(env(safe-area-inset-bottom) + 2.2rem));opacity:0;color:#fff;filter:brightness(1.35)drop-shadow(0 0 10px #ffffff59);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:3;background:0 0;border:none;justify-content:center;align-items:center;width:auto;height:auto;text-decoration:none;transition:opacity .85s ease-out;display:flex;position:fixed;transform:translate(-50%)}.instagram-fab.is-visible{opacity:1}.instagram-fab:hover{opacity:.88}.instagram-icon{width:2.1rem;height:2.1rem}.order-view:before{mix-blend-mode:normal;opacity:.72;filter:grayscale()contrast(1.08)brightness(.62);animation:none;transform:none}.order-view:after{opacity:.86;background:linear-gradient(#000000b8 0%,#000000db 100%);animation:none}.order-view{overflow:hidden auto}.order-stage{min-height:100dvh;padding:1.2rem 1.2rem max(6rem, calc(env(safe-area-inset-bottom) + 5rem));z-index:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.order-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e13d6;border:1px solid #ffffff2e;border-radius:1rem;width:min(860px,100%);margin-bottom:1rem;padding:1.1rem}.order-header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.order-header h1{color:#f5efe2;letter-spacing:.01em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.back-link{color:#f5efe2;letter-spacing:.03em;border:1px solid #f5efe273;border-radius:999px;padding:.4rem .75rem;font-family:Alumni Sans Pinstripe,sans-serif;font-size:1.4rem;font-style:normal;font-weight:400;line-height:1;text-decoration:none}.order-form{gap:.95rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.field{gap:.35rem;display:grid}.field span,.contact-preference legend{color:#ddd8ca;font-size:.86rem}.field input,.field textarea{color:#f5efe2;width:100%;font:inherit;background:#0a0a0ef2;border:1px solid #fff3;border-radius:.58rem;padding:.62rem .7rem}.field input[type=file]{padding:.52rem .56rem}.field textarea{resize:vertical;min-height:90px}.field-wide{grid-column:1/-1}.contact-preference{border:1px solid #ffffff29;border-radius:.7rem;flex-wrap:wrap;gap:1rem;padding:.7rem;display:flex}.contact-preference label{color:#f5efe2;align-items:center;gap:.42rem;display:inline-flex}.submit-btn{color:#f5efe2;letter-spacing:.03em;cursor:pointer;background:#0f0f12;border:1px solid #f5efe2;border-radius:999px;justify-self:start;padding:.68rem 1rem;font-family:Alumni Sans Pinstripe,sans-serif;font-size:1.55rem;font-style:normal;font-weight:400;line-height:1}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-status{margin:.1rem 0 0;font-size:.95rem}.form-status.success{color:#9ae6b4}.form-status.error{color:#ffb4b4}.form-status.loading{color:#ddd8ca}.order-disclaimer{color:#d7c56e;opacity:.92;letter-spacing:.01em;margin:.2rem 0 0;font-size:.74rem;line-height:1.35}.success-celebration{z-index:12;pointer-events:none;background:#0000006b;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confetti-layer{position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:0;will-change:transform, opacity;border-radius:.08rem;width:.42rem;height:1rem;animation-name:confettiFall;animation-timing-function:cubic-bezier(.2,.7,.35,1);animation-fill-mode:forwards;position:absolute;top:-12vh}.success-toast{color:#f5efe2;text-align:center;background:#0a0a0ef5;border:1px solid #d7c56eb3;border-radius:.85rem;width:min(92vw,460px);padding:1rem 1rem .95rem;font-size:.9rem;line-height:1.4;animation:4.2s forwards toastSlideInOut;position:relative;box-shadow:0 20px 44px #00000080}.details-stage{min-height:100dvh;padding:.65rem .85rem max(2.25rem, calc(env(safe-area-inset-bottom) + 1.5rem));z-index:1;position:relative}.details-header{justify-content:space-between;align-items:center;gap:.75rem;width:min(840px,100%);margin:0 auto .45rem;display:flex}.details-header h1{color:#111;margin:0;font-size:clamp(1.2rem,2.8vw,1.8rem)}.details-stack{gap:.45rem;width:min(840px,100%);margin:0 auto;display:grid}.details-image{aspect-ratio:16/9;object-fit:contain;object-position:center;background:#fff;border:none;border-radius:.72rem;width:100%;max-width:100%}.details-image-sm{justify-self:center;width:82%}.details-image-lg{justify-self:center;width:182%;max-width:none}.details-view{background:#fff}.details-view:before,.details-view:after,.details-view .bg-glow{content:none;animation:none}.details-view .back-link{color:#111;border-color:#11111159}@keyframes logoAwaken{0%{opacity:.14;filter:grayscale()saturate(.55)brightness(.75)blur(2px);transform:translateY(16px)scale(.86)}60%{opacity:.36}to{opacity:1;filter:none;transform:translateY(0)scale(1)}}@keyframes overlayEase{0%{opacity:1}to{opacity:.68}}@keyframes glowPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes confettiFall{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:1}to{opacity:0;transform:translateY(112vh)rotate(540deg)}}@keyframes toastSlideInOut{0%{opacity:0;transform:translateY(14px)scale(.96)}12%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.985)}}@media (width<=860px){.app-shell{--logo-size:min(94vw, 74vh, 520px)}.app-shell:before{background-position:50% 44%}.action-row{top:calc(47% + (var(--logo-size) * .4))}.order-card{padding:.95rem}.form-grid{grid-template-columns:1fr}.details-stage{padding-inline:.7rem}}@media (width<=480px){.app-shell{--logo-size:min(96vw, 68vh, 430px)}.app-shell:before{background-position:50% 42%}.action-row{top:calc(46% + (var(--logo-size) * .42));gap:1.1rem}.action-btn{min-width:6.6rem;padding:.66rem .95rem}.instagram-fab{bottom:max(7.1rem, calc(env(safe-area-inset-bottom) + 5.9rem))}.contact-preference{flex-direction:column;gap:.55rem}.details-stage{padding-top:.45rem;padding-bottom:max(2rem, calc(env(safe-area-inset-bottom) + 1.35rem))}.details-stack{gap:.35rem}.details-image-sm{width:90%}.details-image-lg{width:160%}.success-toast{width:min(94vw,420px);padding:.85rem .82rem;font-size:.82rem}}@media (height<=500px) and (orientation:landscape){.app-shell{--logo-size:min(62vw, 86vh, 560px)}}@media (prefers-reduced-motion:reduce){.app-shell:before,.app-shell:after,.bg-glow,.confetti-piece,.success-toast{animation:none}.action-row,.instagram-fab{opacity:1;visibility:visible}}
