:root{--deep-teal: #0F4C5C;--sage-green: #5D737E;--warm-cream: #F7F3E9;--charcoal: #2C3E50;--soft-mint: #9FB8AD;--pearl: #FEFEFE;--shadow-teal: rgba(15, 76, 92, .3);--shadow-sage: rgba(93, 115, 126, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Source Sans Pro,sans-serif;font-weight:200;background:linear-gradient(135deg,var(--charcoal) 0%,var(--deep-teal) 100%);color:var(--warm-cream);overflow:hidden;height:100vh}.app{height:100vh;position:relative;overflow:hidden}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;background:linear-gradient(180deg,#2c3e50f2,#2c3e5000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-scroll{display:flex;justify-content:center;gap:40px}.nav-item{background:none;border:1px solid var(--soft-mint);color:var(--soft-mint);padding:12px 20px;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;font-family:Playfair Display,serif;font-weight:300;text-transform:uppercase;letter-spacing:1px;font-size:12px;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--soft-mint),transparent);transition:left .6s;opacity:.1}.nav-item:hover:before{left:100%}.nav-item:hover,.nav-item.active{background:var(--soft-mint);color:var(--charcoal);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-sage)}.nav-label{font-size:11px;font-weight:300}.scroll-container{display:flex;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.section{min-width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:100px 60px 60px}.section-content{max-width:1200px;width:100%;text-align:center}.section-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:300;color:var(--soft-mint);margin-bottom:3rem;text-shadow:2px 2px 8px var(--shadow-teal);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--soft-mint),transparent)}.hero-section{background:radial-gradient(ellipse at center,var(--deep-teal) 0%,var(--charcoal) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" patternUnits="userSpaceOnUse" width="100" height="100"><circle cx="20" cy="20" r="1" fill="%239FB8AD" opacity="0.3"><animate attributeName="opacity" values="0.3;0.8;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="80" cy="60" r="0.5" fill="%239FB8AD" opacity="0.4"><animate attributeName="opacity" values="0.4;0.9;0.4" dur="2s" repeatCount="indefinite"/></circle><circle cx="60" cy="80" r="1.2" fill="%239FB8AD" opacity="0.2"><animate attributeName="opacity" values="0.2;0.7;0.2" dur="4s" repeatCount="indefinite"/></circle></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>') repeat;opacity:.6}.hero-content{position:relative;z-index:2}.map-container{position:relative;width:100%;height:500px;margin-bottom:2rem}.trade-route{position:absolute;top:50%;left:10%;right:10%;height:4px;transform:translateY(-50%)}.route-path{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--soft-mint) 50%,transparent 100%);border-radius:2px;position:relative;animation:pathGlow 3s ease-in-out infinite alternate;box-shadow:0 0 20px var(--soft-mint)}@keyframes pathGlow{0%{box-shadow:0 0 20px var(--soft-mint);opacity:.8}to{box-shadow:0 0 40px var(--soft-mint),0 0 60px #9fb8ad80;opacity:1}}.caravan{position:absolute;top:-15px;font-size:30px;animation:moveCaravan 20s linear infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.caravan-1{animation-delay:0s}.caravan-2{animation-delay:-7s}.caravan-3{animation-delay:-14s}@keyframes moveCaravan{0%{left:-50px;transform:translateY(0) scale(.8)}50%{transform:translateY(-5px) scale(1)}to{left:calc(100% + 50px);transform:translateY(0) scale(.8)}}.company-title{position:relative;margin-top:2rem}.main-title{font-family:Playfair Display,serif;font-size:6rem;font-weight:300;color:var(--soft-mint);text-shadow:4px 4px 15px var(--shadow-teal);margin-bottom:.5rem;position:relative;z-index:2}.subtitle{font-family:Source Sans Pro,sans-serif;font-size:1.8rem;font-style:italic;color:var(--warm-cream);opacity:.9;font-weight:200;letter-spacing:2px}.title-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,var(--soft-mint) 0%,transparent 70%);opacity:.1;z-index:1;animation:titleGlow 4s ease-in-out infinite alternate}@keyframes titleGlow{0%{transform:translate(-50%,-50%) scale(.8);opacity:.1}to{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}.hero-text{margin-top:3rem}.hero-description{font-size:1.4rem;line-height:1.8;color:var(--warm-cream);opacity:.9;max-width:600px;margin:0 auto;font-weight:200;font-style:italic}.treasures-section{background:linear-gradient(135deg,var(--charcoal) 0%,var(--deep-teal) 50%,var(--charcoal) 100%)}.treasure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;height:calc(100vh - 300px);max-height:600px}.treasure-chest{background:linear-gradient(145deg,var(--sage-green) 0%,var(--deep-teal) 100%);border:2px solid var(--soft-mint);border-radius:20px;cursor:pointer;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0006;min-height:0;height:100%}.treasure-chest:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 50px #00000080,0 0 30px var(--shadow-sage)}.chest-lid{background:linear-gradient(145deg,var(--soft-mint) 0%,var(--sage-green) 100%);padding:2rem;border-bottom:1px solid var(--warm-cream);display:flex;align-items:center;justify-content:center;color:var(--charcoal);transition:all .6s ease;position:relative}.treasure-chest.open .chest-lid{transform:rotateX(-120deg);transform-origin:top}.chest-base{padding:1.5rem;min-height:0;height:auto;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.treasure-name{font-family:Playfair Display,serif;color:var(--soft-mint);margin-bottom:1rem;font-weight:300;font-size:1.3rem;opacity:1!important;transform:translateY(0)!important;transition:all .3s ease;text-align:center;margin-bottom:0}.treasure-content{opacity:0;transform:translateY(20px);transition:all .6s ease;position:absolute;top:0;left:0;right:0;bottom:0;background:#0f4c5cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.treasure-chest.open .treasure-content{opacity:1;transform:translateY(0)}.treasure-description{font-size:1rem;line-height:1.6;color:var(--warm-cream);margin-bottom:1rem;opacity:.9;font-weight:200;text-align:center;max-width:100%}.treasure-items{display:flex;justify-content:center;gap:1rem}.item-sparkle{font-size:1.5rem;color:var(--soft-mint);animation:sparkle 2s ease-in-out infinite alternate}.item-sparkle:nth-child(2){animation-delay:.5s}.item-sparkle:nth-child(3){animation-delay:1s}@keyframes sparkle{0%{transform:scale(1) rotate(0);opacity:.6}to{transform:scale(1.3) rotate(180deg);opacity:1}}.philosophy-section{background:linear-gradient(45deg,var(--deep-teal) 0%,var(--charcoal) 50%,var(--deep-teal) 100%)}.manuscript{max-width:800px;margin:0 auto;position:relative}.manuscript-border{background:linear-gradient(145deg,var(--warm-cream) 0%,var(--pearl) 100%);color:var(--charcoal);padding:4rem;border-radius:20px;box-shadow:0 15px 40px #0000004d,inset 0 1px #fff3;position:relative;border:2px solid var(--soft-mint)}.manuscript-border:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,var(--soft-mint),var(--sage-green));border-radius:25px;z-index:-1}.manuscript-title{font-family:Playfair Display,serif;font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--deep-teal);font-weight:300}.illuminated-text{display:flex;gap:1rem;text-align:left}.drop-cap{font-family:Playfair Display,serif;font-size:4rem;font-weight:300;color:var(--soft-mint);line-height:1;margin-top:-.2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);flex-shrink:0}.manuscript-body{flex:1}.manuscript-body p{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem;text-align:justify;color:var(--charcoal);font-weight:200}.manuscript-decoration{margin-top:2rem;text-align:center}.decorative-flourish{width:150px;height:3px;background:linear-gradient(90deg,transparent,var(--soft-mint),transparent);margin:0 auto;position:relative}.decorative-flourish:before,.decorative-flourish:after{content:"❦";position:absolute;top:-8px;color:var(--soft-mint);font-size:1.2rem}.decorative-flourish:before{left:-20px}.decorative-flourish:after{right:-20px}.contact-section{background:linear-gradient(135deg,var(--charcoal) 0%,var(--deep-teal) 100%);position:relative}.parchment-scroll{background:linear-gradient(145deg,var(--warm-cream) 0%,var(--pearl) 100%);color:var(--charcoal);padding:3rem;border-radius:15px;position:relative;max-width:600px;margin:0 auto;box-shadow:0 20px 50px #0006;border:2px solid var(--soft-mint)}.parchment-scroll:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(45deg,var(--soft-mint),var(--sage-green));border-radius:20px;z-index:-1}.parchment-pin{position:absolute;top:-15px;right:30px;width:30px;height:30px;background:radial-gradient(circle,var(--sage-green) 0%,var(--deep-teal) 100%);border-radius:50%;box-shadow:0 4px 8px #0000004d}.parchment-pin:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--charcoal);border-radius:50%}.contact-title{font-family:Playfair Display,serif;font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--deep-teal);font-weight:300}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#9fb8ad1a;border-radius:10px;transition:all .3s ease}.contact-item:hover{background:#9fb8ad33;transform:translate(5px)}.contact-item svg{color:var(--soft-mint);flex-shrink:0}.contact-text{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-family:Playfair Display,serif;font-size:.9rem;color:var(--deep-teal);font-weight:300;opacity:.8}.contact-value{font-size:1.2rem;color:var(--dark-purple);font-weight:500}.parchment-seal{position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.wax-seal{width:40px;height:40px;background:radial-gradient(circle,var(--soft-mint) 0%,var(--sage-green) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--charcoal);box-shadow:0 4px 10px #0000004d;border:2px solid var(--sage-green)}@media (max-width: 768px){.section{padding:120px 30px 60px}.treasure-grid{grid-template-columns:1fr;gap:1rem;height:calc(100vh - 200px);overflow-y:auto}.treasure-chest{min-height:150px;height:auto}.chest-base{height:calc(100% - 80px);min-height:100px;padding:1rem}.treasure-name{font-size:1.1rem;min-height:2.5rem}.treasure-content{padding:1.5rem}.treasure-description{font-size:.9rem}.nav-scroll{gap:20px}.nav-item{padding:8px 12px;font-size:10px}.main-title{font-size:4rem}.section-title{font-size:2.5rem}.manuscript-border{padding:2rem}.illuminated-text{flex-direction:column;gap:.5rem}.drop-cap{font-size:3rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.hidden{display:none}