@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Caveat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Patrick+Hand&family=Inter:wght@400;500;600&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2a9d8f;--color-primary-light:#52b6a4;--color-primary-dark:#1e7a6e;--color-secondary:#e8a090;--color-secondary-light:#f0b8a8;--color-accent:#457b9d;--color-accent-light:#6b9fbd;--color-warm:#c9a032;--color-warm-light:#f4d58d;--ticket-coral:#e8a090;--ticket-tan:#d4c4b0;--ticket-lavender:#b8a8c8;--ticket-sage:#a8c4a8;--ticket-dusty:#a8b8c8;--ticket-gold:#d4b896;--color-dark:#f5ede4;--color-dark-lighter:#ede4d8;--color-dark-card:#fdf9f5;--color-text:#2d2a26;--color-text-muted:#5c5651;--color-text-dim:#8b857d;--color-background:#f5ede4;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);--gradient-warm:linear-gradient(135deg,var(--color-warm) 0%,var(--color-secondary) 100%);--gradient-dark:linear-gradient(180deg,var(--color-dark) 0%,var(--color-dark-lighter) 100%);--font-display:"Space Grotesk",-apple-system,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-fun:"Libre Baskerville","Georgia",serif;--font-quirky:"Playfair Display","Georgia",serif;--text-xs:clamp(0.7rem,0.65rem + 0.2vw,0.75rem);--text-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--text-base:clamp(0.9rem,0.85rem + 0.3vw,1rem);--text-lg:clamp(1rem,0.95rem + 0.35vw,1.1rem);--text-xl:clamp(1.1rem,1rem + 0.5vw,1.25rem);--text-2xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-3xl:clamp(1.5rem,1.25rem + 1.5vw,2.25rem);--text-4xl:clamp(1.75rem,1.5rem + 2vw,2.75rem);--text-5xl:clamp(2rem,1.75rem + 2.5vw,3.5rem);--text-6xl:clamp(2.5rem,2rem + 3vw,4.5rem);--space-1:0.2rem;--space-2:0.4rem;--space-3:0.6rem;--space-4:0.8rem;--space-6:1.2rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--space-16:3rem;--space-20:3.5rem;--space-24:4rem;--space-32:5rem;--max-width:1400px;--max-width-content:900px;--border-radius-sm:8px;--border-radius:12px;--border-radius-lg:20px;--border-radius-xl:32px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.5s;--duration-slower:0.8s;--shadow-sm:0 1px 3px #26465314;--shadow-md:0 4px 12px #2646531a;--shadow-lg:0 8px 24px #2646531f;--shadow-glow:0 4px 20px #2a9d8f26;--shadow-glow-coral:0 4px 20px #e8a09033}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#f5ede4;background-color:var(--color-dark);color:#2d2a26;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:clamp(.9rem,.85rem + .3vw,1rem);font-size:var(--text-base);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ede4d8;background:var(--color-dark-lighter)}::-webkit-scrollbar-thumb{background:#8b857d;background:var(--color-text-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a9d8f;background:var(--color-primary)}::selection{background:#2a9d8f;background:var(--color-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,-apple-system,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2rem,1.75rem + 2.5vw,3.5rem);font-size:var(--text-5xl)}h2{font-size:clamp(1.75rem,1.5rem + 2vw,2.75rem);font-size:var(--text-4xl)}h3{font-size:clamp(1.5rem,1.25rem + 1.5vw,2.25rem);font-size:var(--text-3xl)}h4{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-size:var(--text-2xl)}h5{font-size:clamp(1.1rem,1rem + .5vw,1.25rem);font-size:var(--text-xl)}h6{font-size:clamp(1rem,.95rem + .35vw,1.1rem);font-size:var(--text-lg)}p{color:#5c5651;color:var(--color-text-muted);margin-bottom:.8rem;margin-bottom:var(--space-4)}a{color:inherit;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-out-expo)}strong{color:#2d2a26;color:var(--color-text);font-weight:600}.container{margin:0 auto;max-width:1400px;max-width:var(--max-width);padding:0 clamp(2rem,5vw,6rem);width:100%}.container-narrow{max-width:900px;max-width:var(--max-width-content)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a9d8f,#457b9d);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.gradient-text-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#457b9d,#2a9d8f);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:Space Grotesk,-apple-system,sans-serif;font-family:var(--font-display);font-size:clamp(.8rem,.75rem + .25vw,.875rem);font-size:var(--text-sm);font-weight:600;gap:.4rem;gap:var(--space-2);justify-content:center;letter-spacing:.05em;padding:.6rem 1.2rem;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-out-expo)}.btn-primary{background:#2a9d8f;background:var(--color-primary);box-shadow:0 4px 12px #2646531a;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{background:#1e7a6e;background:var(--color-primary-dark);box-shadow:0 8px 24px #2646531f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #2a9d8f;border:2px solid var(--color-primary);color:#2d2a26;color:var(--color-text)}.btn-outline:hover{background:#2a9d8f;background:var(--color-primary);color:#fff;transform:translateY(-2px)}.card{background:#fdf9f5;background:var(--color-dark-card);border:1px solid #26465314;border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #26465314;box-shadow:var(--shadow-sm);padding:1.2rem;padding:var(--space-6);transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{border-color:#2a9d8f4d;box-shadow:0 4px 12px #2646531a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.tag{background:#2a9d8f1a;border:1px solid #2a9d8f40;border-radius:8px;border-radius:var(--border-radius-sm);color:#1e7a6e;color:var(--color-primary-dark);display:inline-block;font-size:clamp(.7rem,.65rem + .2vw,.75rem);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;padding:.2rem .6rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.tag-pink{background:#e07a5f1a;border-color:#e07a5f40;color:#e8a090;color:var(--color-secondary)}.tag-cyan{background:#457b9d1a;border-color:#457b9d40;color:#457b9d;color:var(--color-accent)}.section{padding:3rem 0;padding:var(--space-16) 0;position:relative}.section-header{margin-bottom:2rem;margin-bottom:var(--space-10)}.section-label{color:#2a9d8f;color:var(--color-primary);display:inline-block;font-size:clamp(.8rem,.75rem + .25vw,.875rem);font-size:var(--text-sm);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.section-label,.section-title{margin-bottom:.8rem;margin-bottom:var(--space-4)}.section-subtitle{color:#5c5651;color:var(--color-text-muted);font-size:clamp(1rem,.95rem + .35vw,1.1rem);font-size:var(--text-lg);margin:0 auto;max-width:600px}.grid-2{grid-gap:1.5rem;grid-gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1.5rem;gap:var(--space-8)}.grid-3{grid-gap:1.5rem;grid-gap:var(--space-8);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.image-placeholder{background:#ede4d8;background:var(--color-dark-lighter);border:2px dashed #2a9d8f4d;border-radius:12px;color:#8b857d;font-size:clamp(.8rem,.75rem + .25vw,.875rem);min-height:150px}.noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");height:100%;left:0;opacity:.03;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.loading{align-items:center;background:#f5ede4;background:var(--color-dark);display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a9d8f33;border-radius:50%;border-top:3px solid var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}.App{min-height:100vh;overflow-x:hidden;position:relative}.App.standalone-app{margin:0;max-width:100%;padding:0;width:100%}main{min-height:100vh}a{text-decoration:none}html{scroll-padding-top:100px}.our-story-page{background:#f5f0e8;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0}.our-story-page,.our-story-page *,.our-story-page :after,.our-story-page :before{cursor:none!important}.our-story-app{background:#f5f0e8;color:#3a3226;font-family:Patrick Hand,cursive;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100vw}.our-story-app *{box-sizing:border-box}.intro-screen{align-items:center;background:radial-gradient(ellipse at 20% 80%,#ffb68240 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#82c8ff33 0,#0000 60%),#f5f0e8;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;transition:opacity .8s ease}.intro-fade{opacity:0}.intro-content{background:#ffffff80;border:3px dashed #d4a574;border-radius:20px;max-width:500px;padding:3rem 2rem;text-align:center;z-index:2}.intro-compass{font-size:3rem;margin-bottom:.5rem}.intro-title{color:#c75b39;font-family:Caveat,cursive;font-size:3.5rem;margin-bottom:.2rem}.intro-subtitle{color:#7a6a5a;font-size:1.4rem;margin-bottom:1rem}.intro-divider{color:#d4a574;font-size:1.2rem;letter-spacing:8px;margin:1rem 0}.intro-text{color:#5a4a3a;font-size:1.15rem;line-height:1.6;margin-bottom:2rem}.intro-btn{background:#c75b39;border:none;border-radius:50px;box-shadow:0 4px 15px #c75b394d;color:#fff;cursor:pointer;font-family:Caveat,cursive;font-size:1.6rem;padding:.8rem 2.5rem;transition:all .3s ease}.intro-btn:hover{background:#a84830;box-shadow:0 6px 20px #c75b3966;transform:translateY(-2px)}.intro-doodle{animation:float 6s ease-in-out infinite;font-size:2.5rem;opacity:.4;position:absolute}.intro-doodle-palm{animation-delay:0s;bottom:10%;left:8%}.intro-doodle-wave{animation-delay:1s;bottom:5%;right:15%}.intro-doodle-sun{animation-delay:2s;right:10%;top:10%}.intro-doodle-heart{animation-delay:.5s;left:12%;top:15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.map-header{background:linear-gradient(180deg,#f5f0e8,#0000);padding:1.5rem 1rem .5rem;position:relative;text-align:center;z-index:10}.map-title{color:#c75b39;font-family:Caveat,cursive;font-size:2.5rem}.map-clue{color:#5a4a3a;font-size:1.2rem;margin:.5rem 0;min-height:1.5em}.progress-bar{background:#e0d5c5;border:2px solid #d4a574;border-radius:10px;height:12px;margin:.8rem auto .3rem;overflow:hidden;width:280px}.progress-fill{background:linear-gradient(90deg,#c75b39,#e8834a);border-radius:10px;height:100%;transition:width .6s ease}.progress-text{color:#8a7a6a;font-size:.95rem}.treasure-map{aspect-ratio:4/3;background:repeating-linear-gradient(0deg,#0000,#0000 40px,#b4a08214 0,#b4a08214 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,#b4a08214 0,#b4a08214 41px),radial-gradient(ellipse at 30% 40%,#ffdcb44d 0,#0000 70%),radial-gradient(ellipse at 70% 60%,#b4dcff33 0,#0000 60%),#f0e8d8;border:4px solid #b89a6a;border-radius:12px;box-shadow:0 8px 30px #0000001f,inset 0 0 60px #b4a08226;margin:1rem auto 3rem;max-width:900px;overflow:hidden;position:relative;width:95%}.treasure-map:before{border-radius:12px;box-shadow:inset 0 0 40px #a08c6433;content:"";z-index:5}.map-trails,.treasure-map:before{inset:0;pointer-events:none;position:absolute}.map-trails{height:100%;width:100%;z-index:1}.map-trail{stroke-width:.5;stroke-dasharray:2 2;fill:none}.trail-active{stroke:#c75b39;opacity:.8}.trail-inactive{stroke:#b89a6a;opacity:.3}.map-deco{font-size:1.5rem;opacity:.35;pointer-events:none;position:absolute;z-index:1}.map-deco-ocean{bottom:2%;font-size:2rem;left:50%;letter-spacing:20px;transform:translateX(-50%)}.map-compass{bottom:8%;font-size:2rem;opacity:.4;position:absolute;right:6%;z-index:1}.map-stop{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;position:absolute;transform:translate(-50%,-50%);transition:transform .3s ease;z-index:3}.map-stop:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.15)}.stop-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:2rem}.stop-label{background:#ffffffb3;border-radius:8px;color:#5a4a3a;font-family:Patrick Hand,cursive;font-size:.75rem;padding:1px 6px;white-space:nowrap}.stop-active .stop-icon{animation:bounce 1s ease-in-out infinite}.stop-locked{cursor:default;opacity:.4}.stop-solved .stop-label{color:#2a7a3a;font-weight:700}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.puzzle-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3a322699;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.puzzle-modal{background:#faf6ef;border:3px solid #d4a574;border-radius:20px;box-shadow:0 12px 40px #0003;max-height:85vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.puzzle-modal:has(.puzzle-matching){max-width:800px}.puzzle-close{background:none;border:none;color:#8a7a6a;cursor:pointer;font-size:1.4rem;position:absolute;right:16px;top:12px;transition:color .2s}.puzzle-close:hover{color:#c75b39}.puzzle-title{color:#c75b39;font-family:Caveat,cursive;font-size:1.8rem}.puzzle-prompt,.puzzle-title{margin-bottom:1rem;text-align:center}.puzzle-prompt{color:#5a4a3a;font-size:1.15rem}.puzzle-hint{color:#a09080;font-size:.85rem;margin-bottom:1rem;text-align:center}.puzzle-submit{background:#c75b39;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-family:Patrick Hand,cursive;font-size:1.2rem;margin:1.2rem auto 0;padding:.6rem 2rem;transition:all .3s ease}.puzzle-submit:hover{background:#a84830;transform:translateY(-1px)}.puzzle-wrong{animation:shake .4s ease;color:#c75b39;font-size:1rem;margin-top:.8rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-wrong{animation:shake .4s ease}.rank-item{align-items:center;background:#fff;border:2px solid #e0d5c5;border-radius:12px;cursor:grab;display:flex;gap:10px;padding:.7rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.rank-item:active{cursor:grabbing}.rank-item:hover{border-color:#d4a574}.rank-dragging{border-color:#c75b39;opacity:.5}.rank-selected{background:#fef3ee;border-color:#c75b39;box-shadow:0 0 0 2px #c75b3933}.rank-number{color:#c75b39;font-weight:700;min-width:24px}.rank-name{flex:1 1;font-size:1.1rem}.rank-handle{color:#b89a6a;font-size:1.2rem}.multiple-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.multiple-option{background:#fff;border:2px solid #e0d5c5;border-radius:12px;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1.1rem;padding:.8rem;transition:all .3s ease}.multiple-option:hover{background:#fef8f2;border-color:#d4a574}.option-correct{animation:pulse .5s ease;background:#d4edda!important;border-color:#28a745!important}.option-wrong{animation:shake .4s ease;background:#f8d7da!important;border-color:#dc3545!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.scramble-letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:1.5rem}.scramble-letter{align-items:center;background:#fff;border:2px solid #d4a574;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#c75b39;display:inline-flex;font-size:1.4rem;font-weight:700;height:48px;justify-content:center;width:42px}.scramble-form{display:flex;gap:10px;justify-content:center}.fillin-input,.scramble-input{border:2px solid #e0d5c5;border-radius:12px;font-family:Patrick Hand,cursive;font-size:1.2rem;outline:none;padding:.6rem 1rem;transition:border-color .3s;width:200px}.fillin-input:focus,.scramble-input:focus{border-color:#c75b39}.input-wrong{animation:shake .4s ease;border-color:#dc3545!important}.input-correct{background:#d4edda!important;border-color:#28a745!important}.scramble-words{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.scramble-word-group{align-items:center;display:flex;flex-direction:column;gap:.75rem}.scramble-word-group .scramble-letters{margin-bottom:0}.scramble-word-group .scramble-input{text-align:center;width:220px}.maze-grid{grid-gap:3px;display:grid;gap:3px;margin:0 auto;max-width:320px}.maze-cell{align-items:center;aspect-ratio:1;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;transition:all .2s ease}.maze-wall{background:#5a7a4a;cursor:default}.maze-path{background:#e8dfc8}.maze-path:hover{background:#ddd2b8}.maze-visited{background:#f5d4a0}.maze-current{background:#ffc078;box-shadow:0 0 8px #ffc07880}.maze-start{background:#b8e6b8}.maze-end{animation:pulse 1.5s ease infinite;background:#89cff0}.spot-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.spot-item{align-items:center;background:#fff;border:2px solid #e0d5c5;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:Patrick Hand,cursive;gap:4px;padding:.8rem .5rem;transition:all .2s ease}.spot-item:hover{border-color:#d4a574}.spot-selected{background:#fef3ee;border-color:#c75b39;box-shadow:0 0 0 2px #c75b3926}.spot-emoji{font-size:2rem}.spot-name{color:#5a4a3a;font-size:.9rem}.fillin-form{align-items:center;display:flex;flex-direction:column;gap:12px}.fillin-input{text-align:center;width:260px}.puzzle-trivia{display:flex;flex-direction:column;gap:1.5rem}.trivia-question{background:#ffffff80;border:1px solid #e0d5c5;border-radius:12px;padding:1rem}.trivia-prompt{color:#5a4a3a;font-size:1.1rem;margin-bottom:.75rem;text-align:center}.trivia-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.trivia-option{background:#fff;border:2px solid #e0d5c5;border-radius:20px;cursor:pointer;font-family:Patrick Hand,cursive;font-size:.95rem;padding:.5rem 1rem;transition:all .2s ease}.trivia-option:hover:not(:disabled){background:#fef8f2;border-color:#d4a574}.trivia-option.selected{background:#fef3ee;border-color:#c75b39;font-weight:700}.trivia-option.option-correct{background:#d4edda!important;border-color:#28a745!important}.trivia-option.option-wrong{animation:shake .4s ease;background:#f8d7da!important;border-color:#dc3545!important}.puzzle-matching{gap:1rem}.matching-grid,.puzzle-matching{display:flex;flex-direction:column}.matching-grid{gap:.75rem}.matching-row{align-items:center;background:#ffffff80;border:2px solid #e0d5c5;border-radius:12px;display:flex;gap:.5rem;padding:.75rem;transition:all .3s ease}.matching-row.match-correct{background:#d4edda80;border-color:#28a745}.matching-row.match-wrong{animation:shake .4s ease;background:#f8d7da80;border-color:#dc3545}.matching-riddle{color:#5a4a3a;flex:1 1;font-size:.95rem;font-style:italic;line-height:1.4}.matching-arrow{color:#d4a574;font-size:1.2rem;font-weight:700}.matching-slot{border-radius:8px;font-size:.9rem;min-width:140px;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.matching-slot.slot-empty{background:#f0e8d8;border:2px dashed #d4a574;color:#a09080}.matching-slot.slot-filled{background:#fef3ee;border:2px solid #c75b39;color:#c75b39;cursor:pointer;font-weight:700}.matching-slot.slot-filled:hover{background:#fde8e0}.matching-answers{margin-top:1rem;text-align:center}.matching-answers-label{color:#8a7a6a;font-size:.9rem;margin-bottom:.5rem}.matching-answer-chips{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center}.matching-answer{background:#fff;border:2px solid #d4a574;border-radius:20px;cursor:grab;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.matching-answer:hover{background:#fef8f2;border-color:#c75b39}.matching-answer:active{cursor:grabbing;transform:scale(1.05)}.puzzle-story{display:flex;flex-direction:column}.story-scroll{overflow-y:auto;padding:.5rem 0}.story-text{color:#5a4a3a;font-size:1.15rem;line-height:2.2}.story-madlib{line-height:2.4}.story-inline-dropdown{appearance:none;-webkit-appearance:none;background:#0000;border:none;border-bottom:2px dashed #d4a574;color:#8a7a6a;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1.05rem;min-width:100px;outline:none;padding:2px 8px;text-align:center;transition:all .3s}.story-inline-dropdown:focus{border-bottom-color:#c75b39;border-bottom-style:solid}.story-inline-dropdown.dropdown-filled{border-bottom-color:#c75b39;border-bottom-style:solid;color:#c75b39;font-weight:700}.story-inline-dropdown.dropdown-wrong{animation:shake .4s ease;border-bottom-color:#dc3545!important;color:#dc3545!important}.story-inline-dropdown.dropdown-correct{border-bottom-color:#28a745!important;border-bottom-style:solid;color:#28a745!important}.story-submit-area{margin-top:1.5rem;text-align:center}.story-done{margin-top:1rem;text-align:center}.story-done-text{animation:pulse .6s ease;color:#c75b39;font-family:Caveat,cursive;font-size:1.6rem}.reward-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3a322699;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.reward-card{animation:scaleIn .4s ease;background:#faf6ef;border:3px solid #d4a574;border-radius:20px;box-shadow:0 12px 40px #0003;max-width:420px;padding:2.5rem 2rem;text-align:center;width:100%}.reward-card-wide{max-width:380px;padding:2.5rem 2rem;position:relative}.reward-strip-left,.reward-strip-right{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.reward-strip-left{right:calc(100% - 10px)}.reward-strip-right{left:calc(100% - 10px)}.reward-center{text-align:center}.reward-sparkle{font-size:2.5rem;margin-bottom:.5rem}.reward-title{color:#c75b39;font-family:Caveat,cursive;font-size:1.8rem;margin-bottom:1rem}.reward-photo{border:2px solid #e0d5c5;border-radius:12px;margin-bottom:1rem;max-height:250px;object-fit:cover;width:100%}.reward-message{color:#5a4a3a;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.reward-btn{background:#c75b39;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Caveat,cursive;font-size:1.4rem;padding:.6rem 2rem;transition:all .3s ease}.reward-btn:hover{background:#a84830;transform:translateY(-1px)}@media (max-width:700px){.reward-card-wide{flex-direction:column;gap:1.5rem;max-width:420px}.reward-card-wide .reward-strip-left,.reward-card-wide .reward-strip-right{display:none}.reward-center{max-width:100%}}.photostrip-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:1rem}.photostrip-single{position:relative;transition:transform .3s ease}.photostrip-single:hover{transform:rotate(0deg)!important}.photostrip-frame{background:#1a1816;border-radius:2px;box-shadow:0 6px 20px #00000040,0 2px 6px #00000026;padding:8px 8px 10px}.photostrip-photos{display:flex;flex-direction:column;gap:8px}.photostrip-photo-wrapper{background:#1a1816;border-radius:1px;padding:4px;position:relative}.photostrip-photo{border-radius:1px;display:block;filter:grayscale(1) contrast(1.1) brightness(.95);height:128px;object-fit:cover;width:170px}.photostrip-location{color:#5a4a3a;font-family:Caveat,cursive;font-size:1.1rem;letter-spacing:.5px;margin-top:8px;text-align:center;width:100%}@media (max-width:600px){.photostrip-container{gap:8px}.photostrip-frame{padding:8px 8px 10px}.photostrip-photo{height:71px;width:95px}.photostrip-location{font-size:.95rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.final-reveal{align-items:center;background:radial-gradient(ellipse at 50% 50%,#ffdcb466 0,#0000 70%),#f5f0e8;cursor:none;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.final-reveal *{cursor:none}.confetti-container{inset:0;pointer-events:none;position:fixed;z-index:10}.confetti-piece{animation:confettiFall linear forwards;border-radius:2px;height:10px;position:absolute;top:-10px;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(110vh) rotate(2turn)}}.chest-container{padding:2rem;text-align:center;z-index:5}.treasure-chest{font-size:5rem;margin-bottom:1rem}.stage-0 .treasure-chest{animation:pulse 1s ease infinite}.stage-1 .treasure-chest .chest-lid{animation:openChest 1s ease forwards}@keyframes openChest{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-15deg)}to{opacity:0;transform:translateY(-30px) rotate(-30deg) scale(1.2)}}.final-message{animation:fadeIn 1s ease;max-width:500px}.final-title{color:#c75b39;font-family:Caveat,cursive;font-size:3rem;margin-bottom:1rem}.final-divider{font-size:2rem;margin:1rem 0}.final-text{color:#5a4a3a;font-size:1.3rem;line-height:1.5;margin:.5rem 0}.final-hearts{display:flex;gap:8px;justify-content:center;margin-top:2rem}.floating-heart{animation:floatHeart 3s ease-in-out infinite;font-size:1.5rem}@keyframes floatHeart{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.2)}}.cursor-trail-svg{height:100%;inset:0;pointer-events:none;position:fixed;width:100%;z-index:9999}.cursor-trail-path{filter:drop-shadow(0 0 4px rgba(255,217,61,.5))}.cursor-dot{filter:drop-shadow(0 0 8px rgba(255,217,61,.8))}.floating-strip{animation:stripFadeIn .8s ease-out backwards;cursor:grab;position:absolute;transition:transform .1s ease,box-shadow .2s ease}.floating-strip:first-child{animation-delay:.1s}.floating-strip:nth-child(2){animation-delay:.2s}.floating-strip:nth-child(3){animation-delay:.3s}.floating-strip:nth-child(4){animation-delay:.4s}.floating-strip:nth-child(5){animation-delay:.5s}.floating-strip:nth-child(6){animation-delay:.6s}@keyframes stripFadeIn{0%{opacity:0;transform:scale(.5) rotate(0deg)}to{opacity:1}}.floating-strip.dragging{cursor:grabbing;transform:scale(1.05)}.floating-strip:hover{transform:scale(1.08)}.floating-strip.dragging:hover{transform:scale(1.05)}.floating-strip-frame{background:#111;border:2px solid #000;border-radius:2px;box-shadow:0 4px 20px #0000004d,0 8px 40px #0003;display:flex;flex-direction:column;gap:5px;padding:8px;transition:box-shadow .2s ease;width:150px}.floating-strip:hover .floating-strip-frame{box-shadow:0 8px 30px #0006,0 12px 50px #00000040}.floating-strip-photo{border:1px solid #333;height:100px;overflow:hidden;width:134px}.floating-strip-photo img{filter:grayscale(100%) contrast(1.1);height:100%;object-fit:cover;width:100%}.floating-strip-label{color:#fff;font-family:Caveat,cursive;font-size:1.1rem;letter-spacing:.5px;margin-top:4px;overflow:hidden;padding-top:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.final-reveal{background:radial-gradient(ellipse at 30% 30%,#ffb6824d 0,#0000 60%),radial-gradient(ellipse at 70% 70%,#82c8ff33 0,#0000 60%),radial-gradient(ellipse at 50% 50%,#ffdcb466 0,#0000 70%),linear-gradient(180deg,#f5f0e8,#fdf8f3 50%,#f5f0e8)}.chest-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:20px;box-shadow:0 10px 40px #0000001a;position:relative;z-index:20}@media (max-width:600px){.intro-title{font-size:2.5rem}.map-title{font-size:2rem}.stop-icon{font-size:1.5rem}.stop-label{font-size:.65rem}.puzzle-modal{padding:1.5rem}.multiple-options{grid-template-columns:1fr}.spot-items{grid-template-columns:repeat(2,1fr)}.final-title{font-size:2.2rem}}.our-playbook-page{background:#faf7f2;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0}.our-playbook-page,.our-playbook-page *{cursor:auto!important}.our-playbook-page [role=button],.our-playbook-page a,.our-playbook-page button{cursor:pointer!important}.our-playbook-app{background:#faf7f2;color:#3a3226;font-family:Patrick Hand,cursive;margin:0 auto;max-width:800px;min-height:100vh;overflow-x:hidden;padding:0 1rem 3rem}.our-playbook-app,.our-playbook-app *{box-sizing:border-box}.our-playbook-app .add-card,.our-playbook-app .filter-chip,.our-playbook-app .recipe-card,.our-playbook-app .slot-card,.our-playbook-app .toggle-btn,.our-playbook-app a,.our-playbook-app button{cursor:pointer!important}.pb-header{padding:2rem 0 1rem;text-align:center}.pb-title{color:#c75b39;font-family:Caveat,cursive;font-size:3rem;margin-bottom:0}.pb-subtitle{color:#a09080;font-size:1.1rem;margin-bottom:1.2rem}.section-toggle{background:#ede7dd;border-radius:50px;display:flex;gap:0;justify-content:center;margin:0 auto;padding:4px;width:-webkit-fit-content;width:fit-content}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:50px;color:#8a7a6a;cursor:pointer;display:flex;font-family:Patrick Hand,cursive;font-size:1.05rem;gap:6px;padding:.5rem 1.4rem;transition:all .3s ease}.toggle-active{background:#fff;box-shadow:0 2px 8px #00000014;color:#c75b39;font-weight:700}.toggle-icon{font-size:1.2rem}.section-toggle-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.section-toggle{position:relative}.add-plus-btn{align-items:center;background:#ede7dd;border:none;border-radius:50%;color:#8a7a6a;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.add-plus-btn:hover{background:#e0d5c5;color:#c75b39}.add-plus-btn.left{margin-right:8px;right:100%}.add-plus-btn.right{left:100%;margin-left:8px}.shuffle-section{margin-bottom:1.25rem;text-align:center}.shuffle-section-label{color:#a09080;font-family:Patrick Hand,cursive;font-size:.9rem;margin-bottom:.5rem}.type-buttons{display:flex;gap:10px;justify-content:center}.type-btn{background:#fff;border:2px solid #d4a574;border-radius:50px;color:#5a4a3a;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1.05rem;padding:.6rem 1.2rem;transition:all .2s ease}.type-btn:hover{background:#c75b39;border-color:#c75b39;color:#fff;transform:translateY(-2px)}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-group-inline{display:flex;gap:6px}.filter-divider{color:#d4c4a8;font-size:1.2rem}.filter-toggle{background:#f5f0e8;border:none;border-radius:20px;color:#8a7a6a;cursor:pointer;font-family:Patrick Hand,cursive;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.filter-toggle:hover{background:#ede7dd}.filter-toggle.toggle-on{background:#c75b39;color:#fff}.filters-section{gap:8px}.filters,.filters-section{align-items:center;display:flex;flex-direction:column}.filters{gap:10px;margin:1.5rem 0}.filter-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filter-chip{background:#fff;border:2px solid #e0d5c5;border-radius:50px;color:#5a4a3a;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1rem;padding:.4rem 1rem;transition:all .2s ease}.filter-chip:hover{border-color:#d4a574}.chip-active{background:#c75b39;border-color:#c75b39;color:#fff}.date-shuffle{text-align:center}.slots-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:1.5rem 0}.slot-card{background:#fff;border:3px solid #e0d5c5;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease;width:220px}.slot-card:before{background:linear-gradient(90deg,#c75b39,#e8a87c);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.slot-card:hover{border-color:#d4a574;transform:translateY(-2px)}.slot-card:hover:before{opacity:1}.slot-locked{background:#fef8f4;border-color:#c75b39;box-shadow:0 4px 15px #c75b3926}.slot-locked:before{opacity:1}.slot-shuffling{animation:slotFlip .08s ease}@keyframes slotFlip{0%{opacity:.7;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.slot-type-label{color:#a09080;font-size:.85rem;letter-spacing:1px;margin-bottom:.8rem;text-transform:uppercase}.slot-content{align-items:center;color:#3a3226;display:flex;flex:1 1;font-family:Caveat,cursive;font-size:1.5rem;justify-content:center;line-height:1.3;text-align:center}.slot-lock{color:#b89a6a;font-size:.8rem;margin-top:.8rem}.slot-locked .slot-lock{color:#c75b39;font-weight:700}.slot-clickable{cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.slot-remove{align-items:center;background:none;border:none;border-radius:50%;color:#c9b99a;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;position:absolute;right:8px;top:6px;transition:all .2s;width:24px;z-index:2}.slot-remove:hover{background:#f5e6e0;color:#c75b39}.slot-flag{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;left:8px;opacity:.4;position:absolute;top:6px;transition:all .2s;width:28px;z-index:2}.slot-flag:hover{background:#fde8e8;opacity:1;transform:scale(1.15)}.add-slot-inline{align-items:center;align-self:center;display:flex;position:relative}.add-slot-plus{align-items:center;background:#0000;border:2px dashed #d4a574;border-radius:50%;color:#c75b39;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.add-slot-plus:hover{background:#fef8f4;border-color:#c75b39;transform:scale(1.1)}.add-slot-menu{background:#fff;border:2px solid #e0d5c5;border-radius:12px;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;gap:4px;left:calc(100% + 8px);min-width:140px;padding:6px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.add-slot-option{background:none;border:none;border-radius:8px;color:#3a3226;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1rem;padding:.5rem .8rem;text-align:left;transition:background .2s;white-space:nowrap}.add-slot-option:hover{background:#fef3ee}.shuffle-btn{background:#c75b39;border:none;border-radius:50px;box-shadow:0 4px 15px #c75b394d;color:#fff;cursor:pointer;font-family:Caveat,cursive;font-size:1.6rem;margin-top:.5rem;padding:.8rem 3rem;transition:all .3s ease}.shuffle-btn:hover{background:#a84830;box-shadow:0 6px 20px #c75b3966;transform:translateY(-2px)}.shuffle-btn:disabled{cursor:default;opacity:.6;transform:none}.shuffle-hint{color:#b89a6a;font-size:.85rem;margin-top:.5rem}.add-btn{background:#fff;border:2px dashed #c75b39;border-radius:50px;color:#c75b39;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1.1rem;margin-top:2rem;padding:.6rem 1.8rem;transition:all .2s ease}.add-btn:hover{background:#fef8f4}.cookbook{text-align:center}.cookbook-header{margin:1rem 0}.cookbook-title{color:#3a3226;font-family:Caveat,cursive;font-size:2rem}.cookbook-subtitle{color:#a09080;font-size:1rem;font-style:italic}.cookbook-filters{margin:1rem 0 1.5rem}.recipe-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));text-align:left}.recipe-card{background:#fff;background-image:repeating-linear-gradient(0deg,#0000,#0000 28px,#c8b9a014 0,#c8b9a014 29px);border:2px solid #e8dfd0;border-radius:12px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.recipe-card:hover{border-color:#d4a574;box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.recipe-card-brand{border-bottom:1px solid #e8dfd0;color:#c75b39;font-size:.8rem;padding-bottom:.4rem}.recipe-card-brand,.recipe-card-name{font-family:Caveat,cursive;margin-bottom:.5rem}.recipe-card-name{color:#3a3226;font-size:1.6rem}.recipe-card-meta{color:#a09080;display:flex;font-size:.85rem;gap:12px;margin-bottom:.5rem}.recipe-card-category{background:#f5f0e8;border-radius:20px;color:#8a7a6a;display:inline-block;font-size:.8rem;padding:2px 10px}.recipe-card-tap{color:#c9b99a;font-size:.8rem;font-style:italic;margin-top:1rem;text-align:center}.recipe-detail-view{margin:0 auto;max-width:600px;padding:0 1rem}.recipe-back-btn{background:#ede7dd;border:none;border-radius:50px;color:#5a4a3a;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1rem;margin-bottom:1rem;padding:.5rem 1rem;transition:background .2s}.recipe-back-btn:hover{background:#e0d5c5}.recipe-detail-card{background:#fffcf8;border:1px solid #e8e0d5;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:1.5rem 2rem;text-align:left}.recipe-detail-card .recipe-card-brand{text-align:center}.recipe-detail-card .recipe-card-name{font-size:1.8rem;margin-bottom:.75rem;text-align:center}.recipe-detail-card .recipe-card-meta{justify-content:flex-start;margin-bottom:1.5rem}.recipe-section{margin-top:1.5rem}.recipe-section h4{color:#c75b39;font-family:Caveat,cursive;font-size:1.3rem;margin-bottom:.75rem}.recipe-ingredients{list-style:none;padding:0}.recipe-ingredients li{font-size:1rem;padding:6px 0;text-align:left}.recipe-ingredients li:before{color:#c75b39;content:"♡ "}.recipe-steps{padding-left:1.5rem;text-align:left}.recipe-steps li{font-size:1rem;line-height:1.6;padding:8px 0;text-align:left}.recipe-close-btn{background:#ede7dd;border:none;border-radius:50px;color:#5a4a3a;cursor:pointer;font-family:Patrick Hand,cursive;font-size:1rem;margin-top:1.2rem;padding:.4rem 1.5rem;transition:background .2s}.recipe-close-btn:hover{background:#e0d5c5}.recipe-card-add{align-items:center;background:#0000;border:2px dashed #d4a574;color:#c75b39;display:flex;flex-direction:column;justify-content:center;min-height:180px}.recipe-card-add:hover{background:#fef8f4;border-color:#c75b39}.add-card-icon{font-size:2.5rem;line-height:1}.add-card-text{font-size:1.1rem;margin-top:.5rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3a322680;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.modal-card{background:#faf7f2;border:2px solid #e0d5c5;border-radius:20px;box-shadow:0 12px 40px #00000026;max-height:90vh;max-width:440px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-card-large{max-width:560px}.modal-close{color:#8a7a6a;font-size:1.3rem;right:16px;top:12px}.modal-title{color:#c75b39;font-family:Caveat,cursive;font-size:1.8rem;margin-bottom:1.2rem;text-align:center}.modal-form{gap:1rem}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:6px}.modal-field label{color:#7a6a5a;font-size:.95rem;font-weight:700}.modal-chips{display:flex;flex-wrap:wrap;gap:6px}.modal-hint{color:#b89a6a;font-size:.8rem;font-style:italic}.modal-row{display:flex;gap:12px}.modal-row .modal-field{flex:1 1}.modal-input{background:#fff;border:2px solid #e0d5c5;border-radius:12px;font-family:Patrick Hand,cursive;font-size:1.15rem;outline:none;padding:.6rem 1rem;transition:border-color .3s}.modal-input:focus{border-color:#c75b39}.modal-input-small{font-size:1rem}.modal-textarea{background:#fff;border:2px solid #e0d5c5;border-radius:12px;font-family:Patrick Hand,cursive;font-size:1.05rem;outline:none;padding:.6rem 1rem;resize:vertical;transition:border-color .3s}.modal-textarea:focus{border-color:#c75b39}.modal-submit{background:#c75b39;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Caveat,cursive;font-size:1.4rem;margin-top:.5rem;padding:.6rem 2rem;transition:all .3s ease}.modal-submit:hover{background:#a84830}.firebase-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:20px;bottom:12px;color:#856404;font-size:.8rem;left:50%;padding:6px 16px;position:fixed;transform:translateX(-50%);z-index:50}@media (max-width:600px){.pb-title{font-size:2.2rem}.slots-container{align-items:center;flex-direction:column}.slot-card{max-width:320px;width:100%}.recipe-grid{grid-template-columns:1fr}.modal-row{flex-direction:column;gap:1rem}}.navigation{left:0;padding:var(--space-4) 0;position:fixed;right:0;top:0;transition:all var(--duration-normal) var(--ease-out-expo);z-index:1000}.navigation.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5ede4f2;border-bottom:1px solid #2d2a2614;box-shadow:var(--shadow-sm);padding:var(--space-3) 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 clamp(2rem,5vw,6rem)}.nav-logo{align-items:baseline;display:flex;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;gap:var(--space-2);text-decoration:none;transition:transform var(--duration-normal) var(--ease-out-expo)}.nav-logo:hover{transform:scale(1.02)}.logo-text{color:var(--color-text)}.logo-accent{color:var(--color-primary)}.nav-menu{align-items:center;display:flex;gap:var(--space-8);list-style:none}.nav-link{color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.1em;padding:var(--space-2) 0;position:relative;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out-expo)}.nav-link.active,.nav-link:hover{color:var(--color-text)}.nav-indicator{background:var(--gradient-primary);border-radius:2px;bottom:-4px;height:2px;left:0;position:absolute;right:0}.mobile-menu-toggle{background:none;border:none;display:none;flex-direction:column;gap:6px;height:32px;justify-content:center;padding:4px;width:32px;z-index:1001}.hamburger-line{background:var(--color-text);border-radius:2px;height:2px;transform-origin:center;transition:all var(--duration-normal) var(--ease-out-expo);width:100%}.mobile-menu-toggle.open .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{background:var(--color-dark-card);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:var(--space-10);position:fixed;right:0;top:0;width:100%;z-index:999}.mobile-nav-menu{display:flex;flex-direction:column;gap:var(--space-8);list-style:none}.mobile-nav-link{align-items:baseline;display:flex;font-family:var(--font-display);gap:var(--space-4);text-decoration:none}.mobile-link-number{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm)}.mobile-link-text{color:var(--color-text);font-size:var(--text-3xl);font-weight:700;transition:color var(--duration-fast) var(--ease-out-expo)}.mobile-nav-link.active .mobile-link-text,.mobile-nav-link:hover .mobile-link-text{color:var(--color-primary)}.mobile-menu-footer{bottom:var(--space-12);left:var(--space-12);position:absolute}.mobile-menu-footer p{color:var(--color-text-dim);font-size:var(--text-sm);margin-bottom:var(--space-2)}@media (max-width:768px){.desktop-menu{display:none}.mobile-menu-toggle{display:flex}}.footer{background:var(--color-dark-lighter);border-top:1px solid #2d2a2614;margin-top:var(--space-10);padding:var(--space-10) 0 var(--space-6)}.footer-container{margin:0 auto;max-width:var(--max-width);padding:0 clamp(2rem,5vw,6rem)}.footer-main{grid-gap:var(--space-8);border-bottom:1px solid #26465314;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;padding-bottom:var(--space-8)}.footer-brand{max-width:400px}.footer-logo{align-items:baseline;display:inline-flex;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none}.footer-logo .logo-text{color:var(--color-text)}.footer-logo .logo-accent{color:var(--color-primary)}.footer-tagline{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.footer-links-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.footer-links-column h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.footer-links-column ul{list-style:none;margin:0;padding:0}.footer-links-column li{margin-bottom:var(--space-3)}.footer-links-column a{color:var(--color-text-muted);font-size:var(--text-base);transition:color var(--duration-fast) var(--ease-out-expo)}.footer-links-column a:hover{color:var(--color-primary)}.footer-bottom{align-items:center;display:flex;justify-content:space-between;padding-top:var(--space-8)}.footer-copyright{color:var(--color-text-dim);font-size:var(--text-sm);margin:0}.back-to-top{align-items:center;background:#0000;border:1px solid #26465326;border-radius:var(--border-radius);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--duration-normal) var(--ease-out-expo)}.back-to-top:hover{border-color:var(--color-primary);color:var(--color-primary)}.arrow-up{font-size:var(--text-lg)}@media (max-width:768px){.footer-main{gap:var(--space-8);grid-template-columns:1fr}.footer-links-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:480px){.footer-links-grid{grid-template-columns:1fr}}.concert-ticket{filter:drop-shadow(0 6px 24px rgba(45,42,38,.2));max-width:440px;position:relative;transition:filter .3s ease;width:100%}.concert-ticket:hover{filter:drop-shadow(0 12px 32px rgba(45,42,38,.28))}.concert-ticket-link{color:inherit;display:block;text-decoration:none}.concert-ticket-inner{background:var(--ticket-bg);border-radius:4px;display:flex;overflow:visible;position:relative}.concert-ticket-inner:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.12}.concert-ticket-inner:after,.concert-ticket-inner:before{border-radius:4px;content:"";inset:0;pointer-events:none;position:absolute}.concert-ticket-inner:after{background:linear-gradient(90deg,#00000008,#0000 10%,#0000 90%,#00000008),linear-gradient(180deg,#ffffff0d,#0000 30%,#0000 70%,#0000000d),repeating-linear-gradient(0deg,#0000,#0000 2px,#00000003 0,#00000003 4px)}.ticket-stub{background:var(--ticket-stub-bg);display:flex;flex-direction:column;padding:12px 8px;position:relative}.left-stub{width:50px}.left-stub,.right-stub{align-items:center;justify-content:space-between}.right-stub{width:45px}.stub-section{text-align:center}.stub-letter{color:var(--ticket-text);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.stub-details{align-items:center;display:flex;flex-direction:column;gap:2px}.stub-label{font-family:var(--font-mono);font-size:7px;letter-spacing:.05em;opacity:.7}.stub-label,.stub-value{color:var(--ticket-text);font-weight:700}.stub-value{font-family:var(--font-display);font-size:14px}.stub-vertical{align-items:center;display:flex;flex:1 1;justify-content:center}.stub-text-vertical{color:var(--ticket-text);font-family:var(--font-mono);font-size:7px;font-weight:600;letter-spacing:.05em;opacity:.6;text-orientation:mixed;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.perf-line{background:#0000;position:relative;width:12px}.perf-line:before{background:repeating-linear-gradient(to bottom,var(--ticket-text) 0,var(--ticket-text) 3px,#0000 3px,#0000 7px);bottom:0;content:"";left:5px;opacity:.2;position:absolute;top:0;width:2px}.perf-line:after{background:radial-gradient(circle 4px at 6px 0,#0000 3.5px,var(--ticket-bg) 4px);background-position:top;background-size:12px 14px;bottom:-4px;content:"";left:0;position:absolute;top:-4px;width:12px}.ticket-main-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px 16px;position:relative}.ticket-venue{border-bottom:1px solid var(--ticket-border);color:var(--ticket-text);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.1em;padding-bottom:6px;text-align:center;text-transform:uppercase}.ticket-center{align-items:center;display:flex;flex:1 1;gap:16px}.ticket-date-block{align-items:center;border:2px solid var(--ticket-border);border-radius:4px;display:flex;flex-direction:column;min-width:60px;padding:8px}.date-day{font-family:var(--font-mono);font-size:7px;font-weight:600;opacity:.7}.date-day,.date-month{color:var(--ticket-text);text-transform:uppercase}.date-month{font-family:var(--font-display);font-size:11px;font-weight:700}.date-number{font-family:var(--font-quirky);font-size:32px;font-weight:700;line-height:1;margin:2px 0}.date-number,.date-year{color:var(--ticket-text)}.date-year{font-family:var(--font-mono);font-size:9px;opacity:.8}.ticket-title-block{flex:1 1;text-align:center}.ticket-title{font-family:var(--font-quirky);font-size:28px;font-weight:700;line-height:1.1;margin:0 0 4px}.ticket-subtitle,.ticket-title{color:var(--ticket-text);text-transform:uppercase}.ticket-subtitle{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.15em;margin:0;opacity:.7}.ticket-price-row{align-items:center;border-top:1px solid var(--ticket-border);color:var(--ticket-text);display:flex;font-family:var(--font-mono);font-size:8px;justify-content:space-between;padding-top:6px}.price-label{opacity:.6}.price-total{font-weight:700}.ticket-coral{--ticket-bg:#e8a090;--ticket-stub-bg:#00000008;--ticket-border:#3c282340;--ticket-text:#3c2823}.ticket-cream{--ticket-bg:#e8dcc8;--ticket-stub-bg:#00000008;--ticket-border:#503c2840;--ticket-text:#4a3828}.ticket-sage{--ticket-bg:#a8c4a8;--ticket-stub-bg:#00000008;--ticket-border:#283c2840;--ticket-text:#2a3d2a}.ticket-dusty{--ticket-bg:#a8b8c8;--ticket-stub-bg:#00000008;--ticket-border:#28324140;--ticket-text:#2a3540}.ticket-golden{--ticket-bg:#d4b896;--ticket-stub-bg:#00000008;--ticket-border:#503c1e40;--ticket-text:#4a3820}@media (max-width:480px){.concert-ticket{width:340px}.ticket-title{font-size:22px}.date-number{font-size:26px}.left-stub,.right-stub{width:40px}}.cursor-dot,.cursor-ring{left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;z-index:10000}.cursor-dot.visible,.cursor-ring.visible{opacity:1}.cursor-dot{background:var(--color-primary);border-radius:50%;height:8px;mix-blend-mode:normal;width:8px}.cursor-ring{background:#0000;border:2px solid var(--color-primary);border-radius:50%;height:32px;mix-blend-mode:normal;width:32px}.cursor-ring.hovering{background:#e07a5f1a;border-color:var(--color-secondary)}@media (pointer:fine){.App:not(.standalone-app) *{cursor:none!important}}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}*{cursor:auto!important}}.home-page{overflow-x:hidden}.editorial-hero{align-items:center;display:flex;min-height:100vh;padding:calc(70px + var(--space-8)) clamp(2rem,5vw,6rem) var(--space-10)}.hero-container{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--max-width);width:100%}.hero-text-side{padding-right:var(--space-6)}.hero-label{color:var(--color-secondary);display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.3em;margin-bottom:var(--space-4);text-transform:uppercase}.editorial-title{margin-bottom:var(--space-8)}.editorial-title .title-line{display:block;line-height:1.05;margin-bottom:var(--space-1)}.editorial-title .title-small{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;letter-spacing:.02em}.editorial-title .title-huge{color:var(--color-text);font-family:var(--font-quirky);font-size:clamp(4rem,10vw,7rem);font-style:italic;font-weight:700;letter-spacing:-.03em;line-height:.95;margin:var(--space-2) 0}.editorial-title .title-medium{color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;margin-top:var(--space-3)}.editorial-title .title-medium em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.editorial-title .title-accent{color:var(--color-primary);font-family:var(--font-fun);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-top:var(--space-2)}.hero-subtext{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;line-height:1.7;max-width:450px}.hero-subtext em{color:var(--color-text);font-family:var(--font-quirky);font-style:italic}.hero-tickets-side{align-items:center;display:flex;justify-content:center;position:relative}.hero-tickets-side .concert-tickets-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1.4fr;transform:scale(.78);transform-origin:center center}.hero-tickets-side .concert-ticket:nth-child(2){margin-left:-10px}.hero-tickets-side .concert-ticket:nth-child(3){margin-top:-10px}.hero-tickets-side .concert-ticket:nth-child(4){margin-left:-10px;margin-top:-10px}.highlight-section{background:var(--color-dark-lighter);padding:var(--space-16) 0}.highlight-card{grid-gap:var(--space-10);align-items:center;background:var(--color-dark-card);border:1px solid #2d2a2614;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);display:grid;gap:var(--space-10);grid-template-columns:1fr 1.2fr;padding:var(--space-10)}.highlight-label{color:var(--color-secondary);display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.25em;margin-bottom:var(--space-3);text-transform:uppercase}.highlight-title{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-4xl);font-style:italic;font-weight:700;margin-bottom:var(--space-4)}.highlight-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-6)}.highlight-image{border-radius:var(--border-radius-lg);overflow:hidden}.highlight-image .image-placeholder{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,var(--color-dark-lighter) 0,var(--color-dark) 100%);border:2px dashed #d4854a66;color:var(--color-text-dim);display:flex;font-size:var(--text-sm);justify-content:center}.quick-about{padding:var(--space-16) 0}.about-grid{grid-gap:var(--space-12);align-items:start;display:grid;gap:var(--space-12);grid-template-columns:1.2fr 1fr}.about-text .section-label{color:var(--color-accent);display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.25em;margin-bottom:var(--space-3);text-transform:uppercase}.about-text h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-6)}.about-text h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.about-text p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.about-text p,.text-link{font-size:var(--text-base)}.text-link{align-items:center;color:var(--color-primary);display:inline-flex;font-family:var(--font-display);font-weight:600;gap:var(--space-2);transition:gap var(--duration-fast) var(--ease-out-expo)}.text-link:hover{gap:var(--space-3)}.text-link .arrow{transition:transform var(--duration-fast) var(--ease-out-expo)}.text-link:hover .arrow{transform:translateX(4px)}.about-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--color-dark-card);border:2px solid #2d2a2614;border-radius:var(--border-radius-lg);padding:var(--space-6);text-align:center;transition:all var(--duration-normal) var(--ease-out-expo)}.stat-card:hover{border-color:var(--color-secondary);transform:translateY(-3px) rotate(-1deg)}.stat-number{color:var(--color-primary);display:block;font-family:var(--font-quirky);font-size:var(--text-3xl);font-style:italic;font-weight:700;margin-bottom:var(--space-1)}.stat-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.featured-project{padding:var(--space-20) 0;position:relative}.featured-layout{position:relative}.floating-label{left:10%;position:absolute;top:-20px;z-index:10}.floating-label span{background:var(--color-secondary);border-radius:4px;color:var(--color-dark-card);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;padding:var(--space-2) var(--space-4);text-transform:uppercase;transform:rotate(-3deg)}.featured-content{grid-gap:var(--space-32);align-items:center;display:grid;gap:var(--space-32);grid-template-columns:1fr 1fr}.featured-image-wrapper{margin-left:auto;max-width:420px;position:relative}.image-frame{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transform:rotate(-2deg)}.image-frame img{display:block;height:auto;width:100%}.image-decoration{border:3px solid var(--color-secondary);border-radius:var(--border-radius);bottom:-15px;height:100px;position:absolute;right:-15px;width:100px;z-index:-1}.featured-text{padding-left:var(--space-6)}.featured-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6)}.featured-title .title-italic{color:var(--color-primary);font-family:var(--font-quirky);font-style:italic}.featured-description{color:var(--color-text-muted);font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-4)}.featured-description strong{color:var(--color-text)}.featured-credit{color:var(--color-text-dim);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-6)}.featured-credit em{color:var(--color-secondary);font-family:var(--font-quirky);font-size:var(--text-base);font-style:italic}.featured-link{align-items:center;border-bottom:2px solid var(--color-primary);color:var(--color-primary);display:inline-flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;gap:var(--space-2);padding:var(--space-3) 0;transition:gap .2s ease}.featured-link:hover{gap:var(--space-3)}.featured-concept-home{background:linear-gradient(135deg,#9370db0d,#f472b60d);padding:var(--space-16) 0;position:relative}.featured-concept-layout{position:relative}.concept-label{left:5%;top:-35px}.concept-inline-label,.concept-label span{background:var(--color-primary)}.concept-inline-label{border-radius:4px;color:var(--color-dark-card);display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.featured-concept-content{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:1fr 1.3fr}@media (max-width:900px){.featured-concept-content{grid-template-columns:1fr}.featured-concept-text{order:2;padding-right:0;text-align:center}.featured-concept-text .concept-inline-label{margin:0 auto var(--space-4)}.featured-concept-text .concept-tag-small{display:block;text-align:center}.featured-concept-text .featured-link{justify-content:center}.featured-concept-image-wrapper{order:1}}.featured-concept-text{padding-right:var(--space-6)}.concept-tag-small{color:var(--color-secondary);display:inline-block;font-size:var(--text-xs);letter-spacing:.15em;margin-bottom:var(--space-3);text-transform:uppercase}.featured-concept-title{color:var(--color-text);font-size:var(--text-3xl);font-weight:700;line-height:1.15;margin-bottom:var(--space-5)}.featured-concept-title .title-italic{color:var(--color-primary-light);font-family:var(--font-quirky);font-style:italic}.featured-concept-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-5)}.concept-image-frame{border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -15px #9370db4d;overflow:hidden;transform:rotate(1deg)}.concept-image-frame img{display:block;width:100%}.about-section-creative{background:var(--color-dark-lighter);padding:var(--space-20) 0;position:relative}.about-tag{margin-bottom:var(--space-6)}.about-tag span{transform:rotate(-3deg)}.about-tag span,.about-tag-inline{background:var(--color-secondary);border-radius:4px;color:var(--color-dark-card);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.about-tag-inline{margin-bottom:var(--space-2);width:-webkit-fit-content;width:fit-content}.about-creative-layout{grid-gap:var(--space-12);align-items:start;display:grid;gap:var(--space-12);grid-template-columns:auto 1fr;margin:0 auto;max-width:900px}.roles-stack{display:flex;flex-direction:column;gap:0}.role{display:block;font-family:var(--font-display);font-weight:700;line-height:.9}.role-1{color:var(--color-text);font-size:clamp(3rem,8vw,5rem);transform:rotate(-2deg)}.role-2{color:var(--color-secondary);font-family:var(--font-quirky);font-size:clamp(3.5rem,9vw,5.5rem);font-style:italic;margin-left:var(--space-6);transform:rotate(1deg)}.role-3{color:var(--color-primary);font-size:clamp(2.5rem,7vw,4.5rem);transform:rotate(-1deg)}.about-content-column{max-width:480px;padding-top:var(--space-8)}.about-lead{color:var(--color-text-muted);font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--space-8)}.about-lead strong{color:var(--color-text);font-weight:600}.credential-scraps{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-8)}.scrap{text-align:center}.scrap-number{color:var(--color-warm);font-family:var(--font-quirky);font-size:var(--text-2xl);font-style:italic}.scrap-number,.scrap-title{display:block;font-weight:700;line-height:1}.scrap-title{color:var(--color-secondary);font-family:var(--font-display);font-size:var(--text-xl)}.scrap-icon{color:var(--color-warm);display:block;font-size:var(--text-xl);line-height:1}.scrap-label{color:var(--color-text-muted);display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;line-height:1.3;margin-top:var(--space-2);text-transform:uppercase}.about-link{align-items:center;border-bottom:2px solid var(--color-primary);color:var(--color-primary);display:inline-flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;gap:var(--space-2);padding-bottom:var(--space-1);transition:gap .2s ease}.about-link:hover{gap:var(--space-3)}.about-link span{transition:transform .2s ease}.about-link:hover span{transform:translateX(3px)}.cta-section-playful{padding:var(--space-16) 0}.cta-box{background:var(--color-dark-card);border:3px solid var(--color-secondary);border-radius:var(--border-radius-xl);box-shadow:8px 8px 0 var(--color-secondary);margin:0 auto;max-width:650px;padding:var(--space-12);text-align:center;transform:rotate(-1deg)}.cta-box h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.cta-box h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.cta-box p{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-8)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media (max-width:1200px){.hero-container{gap:var(--space-8)}.tickets-stack{gap:15px}.concert-tickets-grid{gap:var(--space-6)}.about-scattered,.featured-content{gap:var(--space-8)}}@media (max-width:1024px){.editorial-hero{min-height:auto;padding:calc(70px + var(--space-8)) clamp(1.5rem,4vw,4rem) var(--space-10)}.hero-container{gap:var(--space-6);grid-template-columns:1fr}.hero-text-side{padding-right:0;text-align:center}.hero-subtext{margin:0 auto}.tickets-stack{margin:0 auto;max-width:580px}.highlight-card{gap:var(--space-8);grid-template-columns:1fr}.highlight-content{text-align:center}.highlight-content .btn{margin:0 auto}.about-grid{gap:var(--space-10);grid-template-columns:1fr}.about-stats{margin:0 auto;max-width:400px}.hero-tickets-side .concert-tickets-grid{transform:scale(.65)}.featured-content{gap:var(--space-6);grid-template-columns:1fr}.featured-image-wrapper{margin:0 auto;max-width:360px}.featured-text{padding-left:0;text-align:center}.floating-label{left:0;margin-bottom:var(--space-4);position:relative;text-align:center;top:0}.image-frame{transform:rotate(0)}.image-decoration{display:none}.about-creative-layout{gap:var(--space-8);grid-template-columns:1fr;text-align:center}.roles-stack{align-items:center}.role-1,.role-2,.role-3{transform:none}.role-2{margin-left:0}.about-content-column{max-width:100%;padding-top:0}.about-tag{text-align:center}.credential-scraps{justify-content:center}.scrap-1,.scrap-2,.scrap-3{transform:none}.about-link{justify-content:center}.cta-box{box-shadow:5px 5px 0 var(--color-secondary);padding:var(--space-8);transform:none}}@media (max-width:768px){.editorial-title .title-huge{font-size:clamp(3rem,14vw,5rem)}.editorial-title .title-accent{font-size:clamp(2rem,8vw,3rem)}.hero-tickets-side .concert-tickets-grid{grid-template-columns:1fr;transform:scale(.8)}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.editorial-hero{padding:calc(70px + var(--space-6)) var(--space-4) var(--space-8)}.editorial-title .title-small{font-size:var(--text-lg)}.editorial-title .title-medium{font-size:var(--text-xl)}.about-stats{grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-4)}.stat-number{font-size:var(--text-2xl)}}.about-page{padding-top:70px}.about-hero{padding:var(--space-16) 0 var(--space-10)}.about-hero.playful{padding:var(--space-20) 0 var(--space-12)}.about-hero-content{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:900px}.hero-image-wrapper{display:flex;justify-content:center}.hero-image{border:3px solid var(--color-secondary);border-radius:var(--border-radius-lg);box-shadow:6px 6px 0 var(--color-secondary);height:220px;overflow:hidden;width:220px}.hero-text{max-width:500px}.page-title{margin-bottom:var(--space-3)}.page-title.playful-title{line-height:1.1}.hero-tagline{color:var(--color-text);font-size:var(--text-xl);font-weight:500;line-height:1.5;margin-bottom:var(--space-3)}.hero-tagline em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.hero-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7}.hero-description em{color:var(--color-text);font-family:var(--font-quirky);font-style:italic}.philosophy-section{background:var(--color-dark-lighter);padding:var(--space-16) 0}.philosophy-section.playful{padding:var(--space-20) 0}.philosophy-content{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1.5fr 1fr}.philosophy-text h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.philosophy-text h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.philosophy-text p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-3)}.visual-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.visual-item{aspect-ratio:4/3;border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out-expo)}.drives-section{padding:var(--space-16) 0}.drives-section.playful{background:var(--color-dark);padding:var(--space-20) 0}.drives-content h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-6)}.drives-content h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.drives-intro{color:var(--color-text);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-4)}.drives-content p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-4);max-width:800px}.drives-content p em{color:var(--color-primary-light);font-family:var(--font-quirky);font-style:italic}.skills-section{padding:var(--space-16) 0}.skills-section.playful{padding:var(--space-20) 0}.section-header{margin-bottom:var(--space-8);text-align:center}.section-header.playful{margin-bottom:var(--space-10)}.section-header h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.section-header h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.section-header p{color:var(--color-text-muted);font-size:var(--text-base)}.skills-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.skill-group{background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:all var(--duration-normal) var(--ease-out-expo)}.skill-group:hover{border-color:#2a9d8f4d;transform:translateY(-3px)}.skill-group h3{color:var(--color-primary);font-size:var(--text-base);letter-spacing:.05em;margin-bottom:var(--space-4);text-transform:uppercase}.skill-group ul{list-style:none;margin:0;padding:0}.skill-group li{border-bottom:1px solid #ffffff08;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.skill-group li:last-child{border-bottom:none}.experience-section{background:var(--color-dark-lighter);padding:var(--space-16) 0}.experience-section.playful{padding:var(--space-20) 0}.experience-timeline{margin:0 auto;max-width:700px;position:relative}.experience-timeline:before{background:linear-gradient(180deg,var(--color-primary),var(--color-accent));bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.experience-item{padding-bottom:var(--space-8);padding-left:var(--space-8);position:relative}.experience-item:last-child{padding-bottom:0}.experience-marker{background:var(--color-dark);border:3px solid var(--color-primary);border-radius:50%;height:14px;left:-6px;position:absolute;top:0;width:14px}.experience-content{background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.experience-header h3{color:var(--color-text);font-size:var(--text-lg)}.experience-period{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm)}.experience-company{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-3)}.experience-description{color:var(--color-text-dim);font-size:var(--text-sm);line-height:1.6;margin:0}.resume-download{margin-top:var(--space-12);text-align:center}.beyond-section{padding:var(--space-16) 0}.beyond-section.playful{padding:var(--space-20) 0}.beyond-content h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-3);text-align:center}.beyond-content h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.beyond-intro{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-8);text-align:center}.beyond-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.beyond-item{background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);text-align:center;transition:all var(--duration-normal) var(--ease-out-expo)}.beyond-item:hover{border-color:#2a9d8f4d}.beyond-icon{color:var(--color-primary);font-size:var(--text-xl);margin-bottom:var(--space-3)}.beyond-item h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.beyond-item p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;margin:0}.seeking-section{background:var(--color-dark-lighter);padding:var(--space-16) 0}.seeking-section.playful{padding:var(--space-20) 0}.seeking-content{margin:0 auto;max-width:700px;text-align:center}.seeking-content h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.seeking-content h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.seeking-intro{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-8)}.dream-companies h3{color:var(--color-text-dim);font-size:var(--text-base);letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.companies-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.company-tag{background:var(--color-dark-card);border:1px solid #2a9d8f33;border-radius:var(--border-radius);color:var(--color-text);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--duration-fast) var(--ease-out-expo)}.company-tag:hover{background:#2a9d8f14;border-color:var(--color-primary)}.contact-section{padding:var(--space-16) 0}.contact-section.playful{padding:var(--space-20) 0}.contact-content{margin:0 auto;max-width:700px;text-align:center}.contact-content.playful{background:var(--color-dark-card);border:3px solid var(--color-secondary);border-radius:var(--border-radius-xl);box-shadow:6px 6px 0 var(--color-secondary);padding:var(--space-10);transform:rotate(-.5deg)}.contact-content h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.contact-content h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.contact-content>p{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-8)}.contact-options{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-10)}.contact-option{align-items:center;background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);text-decoration:none;transition:all var(--duration-normal) var(--ease-out-expo)}.contact-option:hover{border-color:#2a9d8f4d;transform:translateY(-3px)}.contact-option.primary{background:#2a9d8f0d;border-color:#2a9d8f4d}.contact-icon{color:var(--color-primary);font-size:var(--text-xl)}.contact-label{color:var(--color-text);font-size:var(--text-base);font-weight:600}.contact-value{color:var(--color-text-muted);font-size:var(--text-sm)}.cta-explore{border-top:1px solid #ffffff0d;padding-top:var(--space-8)}.cta-explore p{color:var(--color-text-dim);font-size:var(--text-base);margin-bottom:var(--space-6)}.image-placeholder{border:2px dashed #8b5cf64d}@media (max-width:1024px){.about-hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.philosophy-content{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.beyond-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-title{font-size:var(--text-4xl)}.hero-image{height:200px;width:200px}.contact-options,.skills-grid{grid-template-columns:1fr}.cta-links{align-items:center;flex-direction:column}.experience-timeline:before{left:0}}.immersive-page{padding-top:70px}.page-title .title-italic{color:var(--color-primary);font-family:var(--font-quirky);font-style:italic}.project-feature{padding:var(--space-10) 0}.project-feature-header{margin-bottom:var(--space-6)}.header-with-icons,.project-feature-header.playful{position:relative}.header-text{text-align:center}.tool-icons-stack{height:100px;left:calc(50% + 180px);position:absolute;top:15%;width:80px}.tool-icon{height:40px;object-fit:contain;position:absolute;transition:transform .2s ease;width:40px}.tool-icon:hover{transform:scale(1.1) rotate(0deg)!important;z-index:10}.tool-icon.icon-1{left:0;top:0;transform:rotate(-8deg);z-index:3}.tool-icon.icon-2{left:20px;top:25px;transform:rotate(5deg);z-index:2}.tool-icon.icon-3{left:5px;top:50px;transform:rotate(-3deg);z-index:1}.title-italic{color:var(--color-primary);font-family:var(--font-quirky);font-style:italic}.project-meta-bar{border-bottom:1px solid #26465314;border-top:1px solid #26465314;gap:var(--space-8);margin-bottom:var(--space-8)}.project-meta-bar,.project-meta-scattered{display:flex;flex-wrap:wrap;justify-content:center;padding:var(--space-4) 0}.project-meta-scattered{gap:var(--space-4);margin-bottom:var(--space-10)}.meta-card{background:var(--color-dark-card);border:2px solid #2d2a2614;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-6);text-align:center;transition:all .25s ease}.meta-card:hover{border-color:var(--color-secondary);transform:translateY(-3px) rotate(0)!important}.meta-1{transform:rotate(-2deg)}.meta-2{transform:rotate(1.5deg)}.meta-3{transform:rotate(-1deg)}.meta-4{transform:rotate(2deg)}.meta-item{text-align:center}.meta-label{color:var(--color-text-dim);display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;margin-bottom:var(--space-1);text-transform:uppercase}.meta-value{color:var(--color-text);font-size:var(--text-base);font-weight:500}.meta-value em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.project-hero-image{margin-bottom:var(--space-8)}.project-hero-image .image-placeholder.large{aspect-ratio:21/9;background:linear-gradient(135deg,var(--color-dark-lighter) 0,var(--color-dark) 100%);border:1px solid #26465314;border-radius:var(--border-radius-xl)}.project-hero-image .hero-image{border:1px solid #ffffff0d;border-radius:var(--border-radius);height:auto}.project-hero-image{margin:0 calc(var(--space-8)*-1);margin-bottom:var(--space-10)}.project-hero-image .hero-image{max-height:70vh;object-fit:cover;width:100%}.project-overview{margin-bottom:var(--space-10)}.overview-card{background:var(--color-dark-card);border:1px solid #2a9d8f33;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:800px;padding:var(--space-6)}.overview-text{color:var(--color-text);font-size:var(--text-base);line-height:1.7;margin:0;text-align:center}.screenplay-section{margin-bottom:var(--space-10);margin-left:auto;margin-right:auto;max-width:700px}.screenplay-page{background:#fffef8;border-radius:2px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a,inset 0 0 80px #00000005;font-family:Courier New,Courier,monospace;padding:var(--space-8) var(--space-10);position:relative}.screenplay-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.screenplay-page:after{background:radial-gradient(circle at center 0,var(--color-dark-lighter) 5px,#0000 5px),radial-gradient(circle at center 50%,var(--color-dark-lighter) 5px,#0000 5px),radial-gradient(circle at center 100%,var(--color-dark-lighter) 5px,#0000 5px);background-size:12px 100px;content:"";height:200px;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.screenplay-header{border-bottom:1px solid #0000001a;margin-bottom:var(--space-8);padding-bottom:var(--space-4);text-align:center}.screenplay-title{color:#1a1a1a;display:block;font-size:18px;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-2)}.screenplay-subtitle{color:#666;display:block;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.screenplay-content{padding-left:var(--space-8)}.scene-heading{color:#1a1a1a;font-size:13px;font-weight:700;letter-spacing:.05em;margin:var(--space-6) 0 var(--space-3);text-transform:uppercase}.action{color:#333;font-size:13px;line-height:1.8;margin-bottom:var(--space-4);text-align:left}.action strong{text-transform:uppercase}.character-intro{color:#333;font-size:13px;line-height:1.6;margin:var(--space-4) 0;padding-left:var(--space-8)}.character-name{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.parenthetical{color:#666;font-size:12px;font-style:italic;margin:var(--space-2) 0;padding-left:calc(var(--space-8) + 40px)}.feature-images-layout{margin-bottom:var(--space-12)}.feature-images-5grid{grid-gap:var(--space-4);align-items:center;display:grid;gap:var(--space-4);grid-template-columns:1fr 1.6fr 1fr}.feature-stack{display:flex;flex-direction:column;gap:var(--space-4)}.feature-img-hero{border-radius:12px;overflow:hidden;position:relative}.feature-img-hero .feature-tag{background:#e07a5fe6;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;left:var(--space-3);letter-spacing:.15em;padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;top:var(--space-3);transform:rotate(-2deg);z-index:2}.feature-img-hero img{display:block;filter:brightness(1.1);height:420px;object-fit:cover;transition:transform .3s ease;width:100%}.feature-img-hero:hover img{transform:scale(1.03)}.feature-img-sm{border-radius:12px;overflow:hidden}.feature-img-sm img{height:195px;object-fit:cover;width:100%}.feature-img-sm.contain-img{background:#fff}.feature-img-sm.contain-img img{display:block;object-fit:contain;transition:transform .3s ease}.feature-img-sm:hover img{transform:scale(1.03)}@media (max-width:768px){.feature-images-5grid{gap:var(--space-3);grid-template-columns:1fr}.feature-stack{flex-direction:row;gap:var(--space-3)}.feature-img-hero img{height:260px}.feature-img-sm img{height:150px}}.popup-book-section{margin-bottom:var(--space-12);position:relative}.popup-book-spread{grid-gap:0;background:#fdf9f2;border-radius:4px;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;display:grid;gap:0;grid-template-columns:1fr 4px 1fr;min-height:400px;overflow:hidden;position:relative}.book-spine{background:linear-gradient(90deg,#00000026,#0000000d 30%,#ffffff1a 50%,#0000000d 70%,#00000026);position:relative}.book-spine:before{background:#0003;bottom:0;content:"";left:50%;position:absolute;top:0;width:1px}.book-page{background:#fdf9f2;padding:var(--space-8);position:relative}.book-page:before{background:linear-gradient(90deg,#00000005,#0000 20%),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.02;pointer-events:none;position:absolute}.book-page-left{border-right:none}.book-page-left:after{background:linear-gradient(90deg,#0000,#00000008);right:0}.book-page-left:after,.book-page-right:after{bottom:10%;content:"";position:absolute;top:10%;width:30px}.book-page-right:after{background:linear-gradient(270deg,#0000,#00000008);left:0}.popup-heading{color:#2d2a26;font-family:var(--font-quirky);font-size:var(--text-2xl);font-style:italic;margin-bottom:var(--space-4)}.book-text{color:#5c5651;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-6)}.character-cutout{margin:var(--space-4) 0;position:relative}.cutout-frame{background:linear-gradient(180deg,#f5ede4,#ede4d8);border:2px dashed var(--color-secondary);border-radius:var(--border-radius);padding:var(--space-2);position:relative;transform-style:preserve-3d;transition:transform .3s ease}.cutout-frame:hover{transform:translateY(-5px) rotateX(5deg)}.cutout-1 .cutout-frame{box-shadow:3px 4px 8px #0000001a;transform:rotate(-2deg)}.cutout-2 .cutout-frame{box-shadow:3px 4px 8px #0000001a;transform:rotate(1deg)}.cutout-3 .cutout-frame{box-shadow:3px 4px 8px #0000001a;transform:rotate(-1deg)}.cutout-label{color:var(--color-secondary);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;margin-bottom:var(--space-2);text-align:center;text-transform:uppercase}.cutout-placeholder{align-items:center;aspect-ratio:3/4;background:#e8a09014;border-radius:4px;color:var(--color-text-dim);display:flex;font-size:var(--text-xs);justify-content:center;min-height:120px}.page-fold{background:linear-gradient(135deg,#0000 50%,#ede4d8 0,#e8dcc8);bottom:0;box-shadow:-2px -2px 4px #0000000d;height:40px;position:absolute;right:0;width:40px}.project-content-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-10)}.content-section{background:#0000;border-left:3px solid var(--color-secondary);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);position:relative}.content-section:before{background:var(--color-secondary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.content-section.full-width{border-left:none;border-top:2px solid #2d2a261a;grid-column:1/-1;margin-top:var(--space-4);padding-left:0;padding-top:var(--space-8)}.content-section.full-width:before{display:none}.content-section h3{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-xl);font-style:italic;margin-bottom:var(--space-4);position:relative}.content-section h3:after{background:var(--color-primary);content:"";display:inline-block;height:2px;margin-left:var(--space-3);opacity:.6;vertical-align:middle;width:30px}.content-section p{color:var(--color-text-muted);line-height:1.8}.content-list{list-style:none;margin:0;padding:0}.content-list li{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-3);padding-left:var(--space-6);position:relative}.content-list li:before{color:var(--color-secondary);content:"•";font-weight:700;left:var(--space-2);position:absolute}.highlight-box{background:#2a9d8f14;border-left:3px solid var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0;margin-top:var(--space-4);padding:var(--space-4)}.highlight-box h4{color:var(--color-text);font-size:var(--text-sm);margin-bottom:var(--space-2)}.skills-showcase{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-top:var(--space-6)}.skill-card{background:#0000;border-radius:0;border-top:2px solid var(--color-primary);padding:var(--space-4) 0;text-align:left;transition:all var(--duration-normal) var(--ease-out-expo)}.skill-card:hover{border-color:#0000}.skill-card .skill-icon{color:var(--color-secondary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.skill-card h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}.skill-card p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5;margin:0}.insight-text{color:var(--color-primary-light);font-style:italic;margin-top:var(--space-4)}.project-gallery{margin-bottom:var(--space-10)}.project-gallery h3{font-size:var(--text-xl);margin-bottom:var(--space-6);text-align:center}.gallery-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.gallery-item{border-radius:var(--border-radius);overflow:hidden;position:relative}.gallery-item img{aspect-ratio:4/3;height:100%;object-fit:cover;width:100%}.gallery-item .image-placeholder{aspect-ratio:4/3}.gallery-caption{background:#e07a5fe6;border-radius:4px;bottom:var(--space-3);box-shadow:0 2px 8px #00000026;color:#fff;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;left:var(--space-3);letter-spacing:.15em;opacity:0;padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;transition:opacity .3s ease}.gallery-item:hover .gallery-caption{opacity:1}.project-reflection{margin-bottom:var(--space-10);margin-left:auto;margin-right:auto;max-width:750px}.reflection-card{background:#0000;border-bottom:2px solid var(--color-secondary);border-radius:0;border-top:2px solid var(--color-secondary);padding:var(--space-8) 0;position:relative}.reflection-card:before{color:var(--color-secondary);content:'"';font-family:var(--font-quirky);font-size:80px;left:0;line-height:1;opacity:.2;position:absolute;top:var(--space-4)}.reflection-card h3{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-xl);font-style:italic;margin-bottom:var(--space-6);text-align:left}.reflection-card p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.9;margin-bottom:var(--space-4)}.learning-note{border-top:1px dashed #2d2a2633;color:var(--color-text-dim);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-6);padding-top:var(--space-4)}.section-tag.tag-cyan{background:#2a9d8f26;color:var(--color-primary)}.project-content-simple{margin:0 auto;max-width:900px}.content-block{margin-bottom:var(--space-12)}.lead-text{font-size:var(--text-xl)}.event-cards{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.event-card{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:visible;transition:all var(--duration-normal) var(--ease-out-expo)}.event-card:hover{transform:translateY(-2px)}.event-card:hover .event-image{box-shadow:0 8px 24px #0000001f}.event-image{aspect-ratio:16/9;border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow .3s ease}.event-image img{display:block;height:100%;object-fit:cover;width:100%}.event-content{padding:var(--space-4) 0}.event-content h4{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-lg);font-style:italic;margin-bottom:var(--space-2)}.event-content p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.event-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-meta span{background:#0000;border-radius:0;color:var(--color-secondary);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:var(--space-1) 0;text-transform:uppercase}.event-meta span:not(:last-child):after{color:var(--color-text-dim);content:"•";margin-left:var(--space-2)}.escape-room-details{grid-gap:var(--space-10);align-items:start;display:grid;gap:var(--space-10);grid-template-columns:2fr 1fr}.detail-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.detail-card{background:#0000;border:none;border-left:2px solid var(--color-primary);border-radius:0;padding:0;padding-left:var(--space-4)}.detail-card h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.detail-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;margin:0}.escape-image{overflow:hidden;position:-webkit-sticky;position:sticky;top:100px}.escape-image,.escape-image img{border-radius:var(--border-radius-lg)}.escape-image img{max-height:280px;object-fit:cover;width:100%}.image-placeholder{border:2px dashed #d4854a66}@media (max-width:1024px){.project-content-grid{grid-template-columns:1fr}.gallery-grid,.skills-showcase{grid-template-columns:repeat(2,1fr)}.detail-grid,.escape-room-details{grid-template-columns:1fr}.escape-image{margin:0 auto;max-width:280px;position:static}.escape-image img{aspect-ratio:auto;max-height:none}}@media (max-width:768px){.page-title{font-size:var(--text-4xl)}.tool-icons-stack{display:none}.project-meta-bar{flex-direction:column;gap:var(--space-4)}.event-cards{grid-template-columns:1fr}.skills-showcase{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.cta-links{flex-direction:column}.screenplay-page{padding:var(--space-6)}.screenplay-page:after{display:none}.screenplay-content{padding-left:0}.popup-book-spread{grid-template-columns:1fr;min-height:auto}.book-page-left:after,.book-page-right:after,.book-spine{display:none}.book-page{padding:var(--space-6)}.book-page-right{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}}.digital-page{padding-top:70px}.feels-section{padding:var(--space-10) 0}.project-feature-header{margin-bottom:var(--space-8);text-align:center}.project-feature-header.playful{margin-bottom:var(--space-10)}.project-feature-header h2{font-size:var(--text-3xl);margin:var(--space-3) 0}.project-feature-header.playful h2{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1.1;margin:var(--space-6) 0 var(--space-4)}.floating-tag{background:var(--color-secondary);border-radius:4px;color:var(--color-dark-card);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.floating-tag.tag-cyan{background:var(--color-primary)}.project-tagline{color:var(--color-text-muted);font-size:var(--text-lg)}.project-tagline em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic;font-weight:600}.feels-preview-split{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:1fr 1.4fr;margin-bottom:var(--space-10)}.feels-split-left{align-items:flex-start;display:flex;flex-direction:column}.feels-split-right img{display:block;height:auto;width:100%}.feels-intro{color:var(--color-text);font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--space-6)}.partnerships-section{margin-bottom:var(--space-10);margin-top:40px;text-align:center}.partnerships-section h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.partnerships-intro{color:var(--color-text-muted);font-size:var(--text-base);margin:0 auto var(--space-6);max-width:600px}.partners-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px}.partner-card{background:#0000;border:none;border-bottom:1px solid #2d2a261a;border-radius:0;box-shadow:none;padding:var(--space-3) 0;text-align:center;transition:all var(--duration-normal) var(--ease-out-expo)}.partner-card:hover{border-color:var(--color-secondary)}.partner-type{color:var(--color-secondary);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;margin-bottom:var(--space-1);text-transform:uppercase}.partner-card h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin:0}.features-section{margin-bottom:var(--space-10);margin-top:60px}.features-section h3{font-size:var(--text-xl);margin-bottom:var(--space-6);text-align:center}.features-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(5,1fr)}.feature-card{background:#0000;border:none;border-radius:0;border-top:2px solid var(--color-primary);box-shadow:none;padding:var(--space-4) 0;text-align:left;transition:all var(--duration-normal) var(--ease-out-expo)}.feature-card:hover{border-color:var(--color-secondary)}.feature-icon{background:#0000;border-radius:0;color:var(--color-secondary);display:inline-block;font-size:var(--text-lg);height:auto;margin:0 0 var(--space-2);width:auto}.feature-card h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}.feature-card p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6;margin:0}.role-section{margin-bottom:var(--space-6)}.role-content{background:#0000;border:none;border-bottom:2px solid var(--color-secondary);border-radius:0;border-top:2px solid var(--color-secondary);margin-top:50px;padding:var(--space-8) 0}.role-content h3{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-xl);font-style:italic;margin-bottom:var(--space-8);text-align:center}.role-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.role-card{border-left:2px solid var(--color-primary);padding:0;padding-left:var(--space-4);text-align:left}.role-card h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2)}.role-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;margin:0}.project-section{padding:var(--space-16) 0}.project-section.alt-bg{background:var(--color-dark-lighter)}.project-header{margin-bottom:var(--space-8);text-align:center}.project-header.playful{margin-bottom:var(--space-10)}.project-header h2{font-size:var(--text-2xl);margin:var(--space-3) 0}.project-header.playful h2{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.15;margin:var(--space-4) 0}.project-header.playful h2 .title-italic{color:var(--color-primary);font-family:var(--font-quirky);font-style:italic}.section-tag{background:#2a9d8f26;border-radius:4px;color:var(--color-primary);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-4);text-transform:uppercase}.section-tag.tag-pink{background:#e07a5f26;color:var(--color-secondary)}.lead-text{color:var(--color-text);font-size:var(--text-lg);line-height:1.7;margin:0 auto var(--space-8);max-width:600px;text-align:center}.coding-projects{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-8)}.coding-project{background:#0000;border:none;border-radius:0;box-shadow:none;flex:0 1 300px;max-width:320px;overflow:visible;transition:all var(--duration-normal) var(--ease-out-expo)}.coding-project:hover{transform:translateY(-3px)}.coding-project:hover .project-preview{box-shadow:0 8px 24px #0000001f}.project-preview{aspect-ratio:16/10;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow .3s ease}.project-info{padding:var(--space-4) 0}.project-info h4{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-base);font-style:italic;margin-bottom:var(--space-1)}.project-info p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;margin:0}.skills-tags{display:flex;flex-wrap:wrap;gap:0;justify-content:center}.skill-tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;padding:0;text-transform:uppercase}.skill-tag,.skill-tag:after{color:var(--color-text-muted)}.skill-tag:after{content:"·";margin:0 var(--space-3);opacity:.5}.skill-tag:last-child:after{display:none}.motion-reel{margin-bottom:var(--space-12)}.reel-preview{aspect-ratio:16/9;border-radius:var(--border-radius-xl);overflow:hidden;position:relative}.play-button{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:var(--text-xl);height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) var(--ease-out-expo);width:60px}.play-button:hover{box-shadow:var(--shadow-md);transform:translate(-50%,-50%) scale(1.1)}.motion-samples{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-10)}.motion-sample{transition:all var(--duration-normal) var(--ease-out-expo)}.sample-preview{aspect-ratio:16/9;border-radius:var(--border-radius);margin-bottom:var(--space-3)}.motion-sample h4{color:var(--color-text);font-size:var(--text-sm);text-align:center}.page-cta{background:var(--color-dark-lighter)}.image-placeholder{border:2px dashed #b8a5c766}.image-placeholder.large{min-height:400px}@media (max-width:1200px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.feels-preview,.feels-preview-split{grid-template-columns:1fr;text-align:center}.feels-split-left{align-items:center;order:2;padding-left:10px}.feels-split-right{order:1}.features-grid,.partners-grid{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:1fr}.coding-project{flex:0 1 280px;max-width:300px}.motion-samples{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-title{font-size:var(--text-4xl)}.features-grid,.partners-grid{grid-template-columns:1fr}.coding-project{flex:0 1 260px;max-width:280px}.motion-samples{grid-template-columns:1fr 1fr}.phone-frame{width:240px}.cta-links{flex-direction:column}}@media (max-width:480px){.coding-project{flex:1 1 100%;max-width:320px}.looping-animation-preview,.looping-animation-preview img{height:auto;max-width:400px;width:100%}}.kinetic-feature{margin-bottom:var(--space-16)}.kinetic-feature h3{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-2xl);font-style:italic;margin-bottom:var(--space-4);text-align:center}.kinetic-video-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-8) 0;overflow:hidden}.kinetic-video{display:block;width:100%}.kinetic-stills{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(6,1fr);margin-top:var(--space-6)}.kinetic-stills img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .3s ease;width:100%}.kinetic-stills img:hover{transform:scale(1.05)}.looping-animation-feature{border-top:1px solid #2d2a261a;margin-top:var(--space-16);padding-top:var(--space-12)}.looping-animation-feature h3{color:var(--color-text);font-family:var(--font-quirky);font-size:var(--text-2xl);font-style:italic;margin-bottom:var(--space-4);text-align:center}.looping-animation-preview{height:500px;margin-left:auto;margin-right:auto;margin-top:var(--space-8);width:500px}.looping-animation-preview img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:500px;object-fit:cover;width:500px}.artesia-content{margin:0 auto;max-width:900px}.artesia-intro{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-10);text-align:center}.artesia-header-img{border-radius:var(--radius-lg);margin-bottom:var(--space-6);max-width:280px}.artesia-demo{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-8) 0;margin-left:auto;margin-right:auto;max-width:700px;overflow:hidden}.artesia-demo-gif{display:block;width:100%}.artesia-details{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin:var(--space-10) 0}.artesia-problem,.artesia-solution{background:var(--color-dark-card);border:1px solid #2d2a261a;border-radius:var(--radius-xl);padding:var(--space-8)}.artesia-problem h4,.artesia-solution h4{color:var(--color-primary);font-family:var(--font-quirky);font-size:var(--text-lg);font-style:italic;margin-bottom:var(--space-3)}.artesia-problem p,.artesia-solution p{color:var(--color-text-muted);line-height:1.7;margin:0}.gif-hover-play{overflow:hidden;position:relative}.gif-hover-play img{filter:grayscale(.3);height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.gif-hover-play:hover img{filter:grayscale(0)}.gif-hover-play:after{align-items:center;background:#00000080;border-radius:50%;color:#fff;content:"▶";display:flex;font-size:2rem;height:60px;justify-content:center;left:50%;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.gif-hover-play:hover:after{opacity:0}@media (max-width:1024px){.kinetic-stills{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.kinetic-stills{grid-template-columns:repeat(2,1fr)}.artesia-details{grid-template-columns:1fr}}.concepts-page{padding-top:70px}.gradient-text-warm{-webkit-text-fill-color:#0000;background:var(--gradient-warm);-webkit-background-clip:text;background-clip:text}.page-hero{overflow:hidden;padding:var(--space-16) 0 var(--space-10);position:relative}.page-hero.playful{padding:var(--space-20) 0 var(--space-12)}.page-hero-content{margin:0 auto;max-width:700px;text-align:center}.page-label{color:var(--color-secondary);display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.3em;text-transform:uppercase}.page-label,.page-title{margin-bottom:var(--space-4)}.page-title{font-size:var(--text-4xl)}.page-title.playful-title{font-size:var(--text-5xl);line-height:1.05}.page-title .title-line{display:block}.page-title .title-italic,.title-italic{color:var(--color-primary);font-family:var(--font-quirky);font-style:italic}.page-subtitle{color:var(--color-text-muted);font-size:var(--text-lg);font-weight:500;line-height:1.7;margin:0 auto;max-width:550px}.page-subtitle em{color:var(--color-text);font-family:var(--font-quirky);font-style:italic}.hero-decoration{background:linear-gradient(90deg,#0000,var(--color-secondary),#0000);bottom:0;height:2px;left:0;opacity:.4;position:absolute;right:0}.concepts-intro{padding:var(--space-4) 0 var(--space-6)}.intro-content{margin:0 auto;max-width:700px}.intro-box{background:var(--color-dark-card);border:1px solid #e9c46a33;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);text-align:center}.intro-box p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-3)}.intro-box p:last-child{margin-bottom:0}.intro-split{grid-gap:var(--space-5);align-items:center;display:grid;gap:var(--space-5);grid-template-columns:auto 1fr;margin:0 auto;max-width:700px}.intro-icon-cluster,.intro-visual{align-items:center;display:flex;justify-content:center}.intro-icon-cluster{height:70px;position:relative;width:70px}.intro-icon-cluster .icon-diamond{animation:float-diamond 4s ease-in-out infinite;color:var(--color-secondary);font-size:1rem;opacity:.6;position:absolute}.intro-icon-cluster .icon-diamond:first-child{animation-delay:0s;left:50%;top:0;transform:translateX(-50%)}.intro-icon-cluster .icon-diamond:nth-child(2){animation-delay:1s;bottom:10px;left:10px}.intro-icon-cluster .icon-diamond:nth-child(3){animation-delay:2s;bottom:10px;right:10px}.intro-icon-cluster .icon-star{animation:pulse-star 3s ease-in-out infinite;color:var(--color-primary);font-size:1.8rem}@keyframes float-diamond{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-8px)}}@keyframes pulse-star{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.intro-statement{text-align:left}.statement-main{color:var(--color-text);font-family:var(--font-quirky);font-size:clamp(1.1rem,2vw,1.4rem);font-style:italic;line-height:1.4;margin-bottom:var(--space-2)}.statement-sub{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-2)}.intro-keywords{display:flex;flex-wrap:wrap;gap:var(--space-2)}.intro-keywords span{background:#e9c46a14;border:1px solid #e9c46a33;border-radius:50px;color:var(--color-secondary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.intro-keywords span:hover{background:#e9c46a26;border-color:var(--color-secondary);transform:translateY(-2px)}@media (max-width:768px){.intro-split{gap:var(--space-3);grid-template-columns:1fr;text-align:center}.intro-icon-cluster{height:60px;margin:0 auto;width:60px}.intro-statement{text-align:center}.intro-keywords{justify-content:center}}.concepts-showcase{padding:var(--space-10) 0}.concept-card{background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-10);overflow:hidden;transition:all var(--duration-normal) var(--ease-out-expo)}.concept-card:hover{transform:translateY(-3px)}.concept-purple:hover{border-color:#2a9d8f4d;box-shadow:var(--shadow-md)}.concept-pink:hover{border-color:#e07a5f4d;box-shadow:var(--shadow-md)}.concept-warm:hover{border-color:#e9c46a4d;box-shadow:var(--shadow-md)}.concept-header{border-bottom:1px solid #26465314;padding:var(--space-6) var(--space-6) var(--space-4);text-align:center}.concept-meta{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-3)}.concept-category{border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.concept-purple .concept-category{background:#8b5cf633;color:var(--color-primary-light)}.concept-pink .concept-category{background:#ec489940;color:#db2777}.concept-warm .concept-category{background:#f59e0b40;color:#d97706}.concept-status{border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--color-text-dim);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.concept-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.concept-subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.concept-body{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;padding:var(--space-6)}.concept-visual{position:relative}.concept-image-wrapper{border-radius:var(--border-radius-lg);overflow:hidden;position:relative}.concept-image{aspect-ratio:4/3;border-radius:var(--border-radius-lg)}.image-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#000000b3);display:flex;inset:0;justify-content:center;opacity:0;padding:var(--space-6);position:absolute;transition:opacity var(--duration-normal) var(--ease-out-expo)}.concept-image-wrapper:hover .image-overlay{opacity:1}.coming-soon-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--border-radius);color:var(--color-text);font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;padding:var(--space-3) var(--space-6);text-transform:uppercase}.concept-details{display:flex;flex-direction:column;gap:var(--space-8)}.concept-description h3,.concept-features h3,.concept-inspiration h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.concept-purple h3{color:var(--color-primary-light)}.concept-pink h3{color:var(--color-secondary-light)}.concept-warm h3{color:var(--color-warm-light)}.concept-description p{color:var(--color-text-muted);line-height:1.7}.concept-features ul{list-style:none;margin:0;padding:0}.concept-features li{align-items:flex-start;color:var(--color-text-muted);display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.feature-bullet{flex-shrink:0}.concept-purple .feature-bullet{color:var(--color-primary)}.concept-pink .feature-bullet{color:var(--color-secondary)}.concept-warm .feature-bullet{color:var(--color-warm)}.inspiration-text{border-left:3px solid;color:var(--color-text-dim);font-style:italic;margin:0;padding-left:var(--space-4)}.concept-purple .inspiration-text{border-color:var(--color-primary)}.concept-pink .inspiration-text{border-color:var(--color-secondary)}.concept-warm .inspiration-text{border-color:var(--color-warm)}.concept-business-model{border-top:1px solid #ffffff1a;margin-top:var(--space-6);padding-top:var(--space-6)}.concept-business-model h3{font-size:var(--text-lg);margin-bottom:var(--space-5)}.business-model-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}@media (max-width:768px){.business-model-grid{gap:var(--space-4);grid-template-columns:1fr}}.business-lever h4{font-size:var(--text-sm);letter-spacing:.1em;margin-bottom:var(--space-3);opacity:.7;text-transform:uppercase}.concept-purple .business-lever h4{color:var(--color-primary-light)}.concept-pink .business-lever h4{color:var(--color-secondary-light)}.concept-warm .business-lever h4{color:var(--color-warm-light)}.business-lever ul{list-style:none;margin:0;padding:0}.business-lever li{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2);padding-left:var(--space-3);position:relative}.business-lever li:before{content:"•";left:0;opacity:.5;position:absolute}.partnerships-note{background:#ffffff08;border-radius:var(--radius-md);color:var(--color-text-dim);font-size:var(--text-sm);padding:var(--space-4)}.partnerships-note strong{color:var(--color-text-muted)}.concept-footer{background:#ffffff05;border-top:1px solid #ffffff0d;padding:var(--space-6) var(--space-10)}.concept-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.concept-tag{background:#ffffff0d;border-radius:var(--border-radius-sm);color:var(--color-text-dim);font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.concept-card-compact{background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-5);transition:all var(--duration-normal) var(--ease-out-expo)}.concept-card-compact:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.concept-compact-layout{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:280px 1fr}.concept-compact-image{flex-shrink:0}.concept-thumb-wrapper{border:1px dashed #e9c46a4d;border-radius:var(--border-radius-lg);overflow:hidden}.concept-thumb{display:block;height:200px;object-fit:cover;width:100%}.concept-thumb-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-dark-lighter) 0,var(--color-dark) 100%);color:var(--color-text-dim);display:flex;font-size:var(--text-sm);height:200px;justify-content:center;width:100%}.concept-compact-content{display:flex;flex-direction:column;gap:var(--space-2)}.concept-compact-content .concept-meta{justify-content:flex-start;margin-bottom:var(--space-1)}.concept-compact-content .concept-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.concept-compact-content .concept-subtitle{font-size:var(--text-sm);margin-bottom:var(--space-2)}.concept-compact-content .concept-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-3)}.concept-features-inline{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.feature-tag{background:#e9c46a14;border:1px solid #e9c46a26;border-radius:50px;color:var(--color-text-muted);font-size:var(--text-xs);padding:.4rem .8rem}.concept-pink .feature-tag{background:#ec489914;border-color:#ec489926}.concept-warm .feature-tag{background:#f59e0b14;border-color:#f59e0b26}@media (max-width:768px){.concept-compact-layout{gap:var(--space-3);grid-template-columns:1fr}.concept-thumb{height:160px}}.featured-concept-preview{background:linear-gradient(135deg,#9370db0d,#f472b60d);padding:var(--space-12) 0}.featured-preview-content{width:100%}.featured-preview-clickable{grid-gap:var(--space-10);align-items:center;cursor:pointer;display:grid;gap:var(--space-10);grid-template-columns:1.2fr 1fr;transition:transform .3s ease}.featured-preview-clickable:hover{transform:scale(1.01)}.featured-preview-clickable:hover .featured-preview-image img{transform:scale(1.02)}@media (max-width:900px){.featured-preview-clickable,.featured-preview-content{gap:var(--space-6);grid-template-columns:1fr}}.featured-preview-image{border-radius:var(--radius-xl);box-shadow:0 25px 50px -15px #9370db4d;overflow:hidden;position:relative}.featured-preview-image img{display:block;transition:transform .3s ease;width:100%}.featured-preview-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:600;left:var(--space-4);letter-spacing:.1em;padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;top:var(--space-4)}.featured-preview-text{padding:var(--space-4) 0}.featured-preview-text .concept-meta{margin-bottom:var(--space-4)}.featured-preview-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-2)}.featured-preview-subtitle{color:var(--color-text-muted);font-size:var(--text-lg);font-style:italic;margin-bottom:var(--space-4)}.featured-preview-description{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-5)}.featured-preview-highlights{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.featured-preview-highlights span{background:#9370db26;border-radius:var(--radius-full);color:var(--color-primary-light);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.olivia-page .back-link{color:var(--color-text-muted);display:inline-block;font-size:var(--text-sm);margin-bottom:var(--space-4);text-decoration:none;transition:color .2s}.olivia-page .back-link:hover{color:var(--color-primary-light)}.olivia-hero .concept-meta{margin-bottom:var(--space-4)}.olivia-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem)!important}.image-modal-overlay{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:var(--space-8);position:fixed;right:0;top:0;z-index:1000}.image-modal-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.image-modal-content img{border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;max-height:85vh;max-width:100%}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;opacity:.7;position:absolute;right:0;top:-40px;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-caption{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-4);text-align:center}.featured-concept{background:linear-gradient(180deg,var(--color-dark) 0,var(--color-dark-lighter) 100%);padding:var(--space-16) 0}.featured-concept-header{margin-bottom:var(--space-12);text-align:center}.featured-concept-header .concept-meta{margin-bottom:var(--space-4)}.featured-concept-header .concept-status.featured{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.featured-concept-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-3)}.featured-concept-subtitle{color:var(--color-text-muted);font-size:var(--text-xl);font-style:italic}.concept-overview{margin:0 auto var(--space-12);max-width:800px;text-align:center}.overview-content{background:var(--color-dark-card);border:1px solid #9370db33;border-radius:var(--radius-xl);padding:var(--space-8)}.overview-lead{color:var(--color-text);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-4)}.overview-content p{color:var(--color-text-muted);line-height:1.8}.strategic-framework{margin-bottom:var(--space-16)}.strategic-framework h3{color:var(--color-primary-light);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-8);text-align:center}.framework-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.framework-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.framework-grid{grid-template-columns:1fr}}.framework-card{background:var(--color-dark-card);border:1px solid #9370db26;border-radius:var(--radius-lg);padding:var(--space-6);transition:all .3s ease}.framework-card:hover{border-color:#9370db66;transform:translateY(-3px)}.framework-card h4{color:var(--color-secondary);font-size:var(--text-sm);font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.framework-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;margin:0}.room-header{background:linear-gradient(135deg,#9370db1a,#f472b61a);border-radius:var(--radius-xl);margin-bottom:var(--space-10);padding:var(--space-8);text-align:center}.room-label{background:var(--color-secondary);border-radius:var(--radius-full);color:#1a1814;display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.room-header h3,.room-label{margin-bottom:var(--space-4)}.room-header h3{font-family:var(--font-display);font-size:var(--text-2xl)}.room-arc{color:var(--color-text-muted);line-height:1.7;margin:0 auto;max-width:700px}.room-arc em{color:var(--color-primary-light);font-family:var(--font-quirky)}.mockup-gallery{border-bottom:1px solid #ffffff1a;margin-bottom:var(--space-12);padding-bottom:var(--space-12)}.mockup-gallery:last-of-type{border-bottom:none}.gallery-header{margin-bottom:var(--space-6)}.gallery-header h4{color:var(--color-primary-light);font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2)}.gallery-header p{color:var(--color-text-muted);line-height:1.6}.mockup-label{background:#9370dbe6;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);left:var(--space-3);letter-spacing:.1em;padding:var(--space-1) var(--space-3);position:absolute;text-transform:uppercase;top:var(--space-3);z-index:5}.pinboard-layout{align-items:flex-start;display:flex;gap:0;justify-content:center;position:relative}.pinboard-layout.split-inspo{flex-direction:row}.pinboard-layout.single-inspo-layout{flex-direction:row;justify-content:center}.pinboard-mockup{border-radius:var(--radius-lg);box-shadow:0 30px 60px -20px #9370db66;cursor:pointer;flex:0 0 auto;max-width:800px;overflow:hidden;position:relative;width:70%;z-index:2}.pinboard-mockup img{display:block;width:100%}.inspo-tag{background:var(--color-secondary);border-radius:3px;color:#1a1814;display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.15em;margin-bottom:var(--space-3);padding:5px 20px;text-transform:uppercase}.pinboard-inspo{display:flex;flex-direction:column;padding-top:20px;position:relative;z-index:3}.inspo-left-side{align-items:flex-end;margin-right:-10px}.inspo-right-side{align-items:flex-start;margin-left:-10px}.inspo-polaroid{cursor:pointer;position:relative;transition:transform .3s ease,z-index 0s}.inspo-polaroid:hover{transform:scale(1.08) rotate(0deg)!important;z-index:20}.pinboard-inspo .polaroid-frame{background:#f5f5f0;border-radius:2px;box-shadow:0 12px 35px -10px #00000080;padding:10px 10px 35px}.pinboard-inspo .polaroid-frame img{display:block;height:135px;object-fit:cover;width:175px}.pinboard-inspo .polaroid-caption{color:#2a2a2a;font-family:Permanent Marker,cursive;font-size:11px;line-height:1.25;margin:0;max-width:175px;padding-top:14px;text-align:center}.inspo-left-side .inspo-1{transform:rotate(3deg);z-index:3}.inspo-left-side .inspo-2{margin-top:-15px;transform:rotate(-2deg);z-index:4}.inspo-right-side .inspo-2{transform:rotate(-3deg);z-index:3}.inspo-right-side .inspo-3{margin-top:-15px;transform:rotate(2deg);z-index:4}.inspo-right-side.single-inspo .inspo-1{transform:rotate(-3deg)}.single-inspo .polaroid-frame img{height:155px;width:200px}.single-inspo .polaroid-caption{max-width:200px}@media (max-width:1100px){.pinboard-mockup{width:60%}.inspo-left-side{margin-right:-15px}.inspo-right-side{margin-left:-15px}.pinboard-inspo .polaroid-frame img{height:115px;width:150px}.pinboard-inspo .polaroid-caption{font-size:10px;max-width:150px}}@media (max-width:900px){.pinboard-layout{align-items:center;flex-direction:column!important}.pinboard-mockup{max-width:100%;width:100%}.pinboard-inspo{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-left:0!important;margin-right:0!important;margin-top:var(--space-6);padding-top:0}.inspo-left-side,.inspo-right-side{align-items:center;margin:0!important}.inspo-tag{display:none}.inspo-polaroid{margin-top:0!important}.inspo-left-side .inspo-1,.inspo-left-side .inspo-2,.inspo-right-side .inspo-2,.inspo-right-side .inspo-3,.inspo-right-side.single-inspo .inspo-1{transform:rotate(0deg)}.pinboard-inspo .polaroid-frame img{height:110px;width:140px}.pinboard-inspo .polaroid-caption{font-size:10px;max-width:140px}}.zones-section{margin-bottom:var(--space-16)}.zones-section h3{color:var(--color-primary-light);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-8);text-align:center}.zones-grid{display:flex;flex-direction:column;gap:var(--space-6)}.zone-card{background:var(--color-dark-card);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .3s ease}.zone-card:nth-child(2){border-left-color:var(--color-secondary)}.zone-card:nth-child(3){border-left-color:var(--color-warm)}.zone-card:nth-child(4){border-left-color:#e879f9}.zone-card:nth-child(5){border-left-color:#fb7185}.zone-card:hover{box-shadow:0 10px 30px -10px #9370db33;transform:translateX(5px)}.zone-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.zone-header h4{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg)}.zone-type{background:#9370db26;border-radius:var(--radius-full);color:var(--color-primary-light);font-size:var(--text-xs);letter-spacing:.1em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.zone-elements,.zone-experience,.zone-inspiration,.zone-tech{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-4)}.zone-elements strong,.zone-experience strong,.zone-inspiration strong,.zone-tech strong{color:var(--color-text);display:block;margin-bottom:var(--space-1)}.zone-elements ul{list-style:none;margin:var(--space-2) 0 0 0;padding:0}.zone-elements li{margin-bottom:var(--space-1);padding-left:var(--space-4);position:relative}.zone-elements li:before{color:var(--color-primary);content:"•";left:0;position:absolute}.zone-tech{color:var(--color-text-dim);font-style:italic;margin-bottom:0}.spatial-flow{background:var(--color-dark-card);border-radius:var(--radius-xl);margin-bottom:var(--space-16);padding:var(--space-8)}.spatial-flow h3{color:var(--color-secondary-light);font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-6)}.flow-content>p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.flow-diagram{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}@media (max-width:900px){.flow-diagram{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.flow-diagram{grid-template-columns:1fr}}.flow-item{background:#9370db1a;border:1px solid #9370db33;border-radius:var(--radius-md);padding:var(--space-4)}.flow-position{color:var(--color-primary-light);display:block;font-size:var(--text-xs);letter-spacing:.1em;margin-bottom:var(--space-2);text-transform:uppercase}.flow-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.flow-note{color:var(--color-text-dim);font-style:italic;margin:0;text-align:center}.merch-section{background:linear-gradient(135deg,#e9c46a0d,#c4a35a14);border-radius:var(--radius-xl);margin-bottom:var(--space-16);padding:var(--space-12)}.merch-section h3{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2);text-align:center}.merch-section>p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8);text-align:center}.merch-grid{flex-wrap:wrap;justify-content:center}.merch-grid,.merch-item{display:flex;gap:var(--space-3)}.merch-item{align-items:center;background:var(--color-dark-card);border:1px solid #e9c46a33;border-radius:var(--radius-full);padding:var(--space-4) var(--space-5);transition:all .3s ease}.merch-item:hover{background:#e9c46a1a;border-color:var(--color-secondary);transform:translateY(-2px)}.merch-item h4{color:var(--color-text);font-size:var(--text-sm);font-weight:600;margin:0;white-space:nowrap}.merch-item p{display:none}.concept-summary{margin:0 auto;max-width:800px;text-align:center}.summary-content{background:linear-gradient(135deg,#9370db1a,#f472b61a);border:1px solid #9370db33;border-radius:var(--radius-xl);padding:var(--space-10)}.summary-content p{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-4)}.summary-highlight{color:var(--color-text);font-size:var(--text-lg);font-weight:500;margin-bottom:0!important}.summary-highlight em{color:var(--color-primary-light);font-family:var(--font-quirky)}.mockup-explanation{background:#9370db0d;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--space-8) auto 0;max-width:800px;padding:var(--space-6) var(--space-8)}.mockup-explanation p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-4)}.mockup-explanation p:last-child{margin-bottom:0}.mockup-explanation strong{color:var(--color-text);font-weight:600}.room-atmosphere{color:var(--color-text-muted);font-style:italic;margin-top:var(--space-4)}.hallway-section,.room-2-section{border-top:1px solid #9370db26;padding:var(--space-16) 0}.room-content-block{margin:0 auto;max-width:900px}.room-description{margin-bottom:var(--space-8)}.room-description p{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-4)}.room-description em{color:var(--color-primary-light);font-style:italic}.room-features{background:#0000;border:none;margin-bottom:var(--space-10);padding:0}.room-features h4{border-bottom:1px solid #9370db33;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6);padding-bottom:var(--space-3)}.room-features ul{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.room-features li{background:var(--color-dark-lighter);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text);line-height:1.6;padding:var(--space-5) var(--space-6);padding-left:var(--space-3);position:relative}.room-features li:before{display:none}.room-features li strong{color:var(--color-secondary);font-weight:600}.room-features li em{color:var(--color-primary-light);font-style:italic}.room-gallery-placeholder{margin-top:var(--space-8)}.placeholder-box{align-items:center;background:linear-gradient(135deg,#9370db14,#f472b614);border:2px dashed #9370db4d;border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:200px;padding:var(--space-12);text-align:center}.placeholder-box span{color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-lg);opacity:.7}.merch-intro{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.merch-intro em{color:var(--color-secondary);font-style:normal;font-weight:600}.room-merch{background:var(--color-dark);border:1px solid #9370db26;border-radius:var(--radius-2xl);margin-top:var(--space-12);padding:var(--space-12) var(--space-8)}.room-merch h3{color:var(--color-text);margin-bottom:var(--space-3)}.room-merch .merch-intro{margin-bottom:var(--space-10)}.room-merch .merch-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.room-merch .merch-item{background:var(--color-dark-lighter);border:1px solid #ffffff1a;border-radius:var(--radius-xl);max-width:none;padding:var(--space-8);position:relative;text-align:left;transition:all .3s ease}.room-merch .merch-item:before{background:var(--color-primary);border-radius:2px;content:"";height:2px;left:var(--space-6);opacity:.6;position:absolute;right:var(--space-6);top:0}.room-merch .merch-item h4{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-2);white-space:normal}.room-merch .merch-item p{color:var(--color-text-muted);display:block;font-size:var(--text-base);line-height:1.7;margin-top:0}.other-concepts-header{margin-bottom:var(--space-10);text-align:center}.other-concepts-header h2{font-family:var(--font-display);font-size:var(--text-2xl)}.other-concepts-header h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.why-section{background:var(--color-dark-lighter);padding:var(--space-16) 0}.why-section.playful{padding:var(--space-20) 0}.why-content h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-8);text-align:center}.why-content h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.why-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.why-card{background:var(--color-dark-card);border:1px solid #26465314;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);text-align:center;transition:all var(--duration-normal) var(--ease-out-expo)}.why-card:hover{border-color:#e9c46a4d;transform:translateY(-3px)}.why-icon{color:var(--color-warm);font-size:var(--text-lg);margin-bottom:var(--space-3)}.why-card h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.why-card p{color:var(--color-text-muted);line-height:1.6;margin:0}.page-cta{padding:var(--space-16) 0}.page-cta.playful{padding:var(--space-20) 0}.page-cta .cta-content{margin:0 auto;max-width:550px;text-align:center}.cta-content-playful{background:var(--color-dark-card);border:3px solid var(--color-secondary);border-radius:var(--border-radius-xl);box-shadow:6px 6px 0 var(--color-secondary);margin:0 auto;max-width:600px;padding:var(--space-10);text-align:center;transform:rotate(-.5deg)}.cta-content-playful h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.cta-content-playful h2 em{color:var(--color-secondary);font-family:var(--font-quirky);font-style:italic}.cta-content-playful p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-6)}.page-cta h2{color:var(--color-warm);font-size:var(--text-2xl);margin-bottom:var(--space-3)}.page-cta p{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-6)}.cta-links{flex-wrap:wrap;gap:var(--space-4)}.cta-links,.image-placeholder{display:flex;justify-content:center}.image-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-dark-card) 0,var(--color-dark) 100%);border:2px dashed #f59e0b4d;border-radius:var(--border-radius);color:var(--color-text-dim);font-size:var(--text-sm);min-height:200px}@media (max-width:1024px){.concept-body{grid-template-columns:1fr}.concept-visual{order:-1}.why-grid{gap:var(--space-6);grid-template-columns:1fr}}@media (max-width:768px){.page-title{font-size:var(--text-4xl)}.concept-body,.concept-header{padding:var(--space-6)}.concept-title{font-size:var(--text-2xl)}.cta-links{flex-direction:column}}
/*# sourceMappingURL=main.2f1ea85d.css.map*/