.search-bar-wrapper{display:flex!important;justify-content:center;margin-bottom:var(--spacing-xxl);position:relative;z-index:10;visibility:visible;opacity:1;width:100%}.search-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray);border-radius:var(--radius-md);min-height:76px;background-color:#fffffff2;width:100%;max-width:500px;transition:all var(--transition-normal)}@media(prefers-color-scheme:dark){.search-bar{background-color:var(--color-bg-secondary);border-color:var(--color-border)}}.search-bar:focus-within{border-color:var(--color-sepia)}@media(prefers-color-scheme:light){.search-bar:focus-within{box-shadow:0 4px 12px #40341a1a}}@media(prefers-color-scheme:dark){.search-bar:focus-within{box-shadow:0 4px 12px #d4a57433}}.search-icon{color:var(--color-gray);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-text-primary);outline:none}.search-input::placeholder{color:var(--color-gray)}.clear-button{background:none;border:none;padding:0;cursor:pointer;color:var(--color-gray);font-size:var(--font-size-md);transition:color var(--transition-normal);display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.clear-button:hover{color:var(--color-text-primary)}@media(max-width:768px){.search-bar{max-width:100%}}:root{--color-white: #FFFFFF;--color-black: #0A0A0A;--color-button-text: #FFFFFF;--color-gray: #6E6E6E;--color-sepia: #C3A985;--color-cta: #1A2A40;--color-cta-hover: #0F1A2B;--color-text-primary: #0A0A0A;--color-text-secondary: #6E6E6E;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #EFEFEF;--color-border: #E0E0E0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--z-dropdown: 100;--z-modal: 1000;--font-header: "Cormorant Garamond", serif;--font-body: "Montserrat", sans-serif;--font-decorative: "Lemon Tuesday", cursive}@media(prefers-color-scheme:dark){:root{--color-white: #0A0A0A;--color-black: #FFFFFF;--color-button-text: #FFFFFF;--color-gray: #A0A0A0;--color-sepia: #D4A574;--color-cta: #6BA3E8;--color-cta-hover: #8BB8F0;--color-text-primary: #FFFFFF;--color-text-secondary: #B8B8B8;--color-bg-primary: #0A0A0A;--color-bg-secondary: #1A1A1A;--color-bg-tertiary: #2A2A2A;--color-border: #3A3A3A}}.translations-section{padding:var(--spacing-xxl) 0;position:relative}.translations-section .container>h1{position:relative;padding:var(--spacing-xxl) var(--spacing-xl);margin:calc(var(--spacing-xxl) * -1) calc(50% - 50vw) var(--spacing-xl);background-size:200px 200px,100%;background-attachment:fixed,scroll;background-position:center,0 0;transition:background-color var(--transition-normal),border-color var(--transition-normal)}@media(prefers-color-scheme:light){.translations-section .container>h1{background:url(/svgs/hash-pattern.svg),linear-gradient(135deg,#fffffff2,#ffffffeb);border-bottom:1px solid rgba(195,169,133,.1)}}@media(prefers-color-scheme:dark){.translations-section .container>h1{background:url(/svgs/hash-pattern.svg),linear-gradient(135deg,#151515f2,#151515eb);border-bottom:1px solid var(--color-border)}}h1{font-size:var(--font-size-4xl);margin:0;text-align:center;position:relative;z-index:1}.section-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:var(--spacing-lg) auto var(--spacing-xxl);position:relative;z-index:1}.translations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin:var(--spacing-xxl) calc(50% - 50vw);padding:var(--spacing-xl) calc(50vw - 50%);position:relative;transition:background var(--transition-normal)}@media(prefers-color-scheme:light){.translations-grid{background:linear-gradient(135deg,#c3a98514,#c3a9850a,#c3a98514)}}@media(prefers-color-scheme:dark){.translations-grid{background:linear-gradient(135deg,#151515f2,#151515eb)}}.translations-grid:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;transition:background var(--transition-normal)}@media(prefers-color-scheme:light){.translations-grid:before{background:radial-gradient(circle at 20% 50%,rgba(195,169,133,.06) 0%,transparent 50%)}}@media(prefers-color-scheme:dark){.translations-grid:before{background:radial-gradient(circle at 20% 50%,rgba(212,165,116,.03) 0%,transparent 50%)}}.translations-grid .translation-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal);height:340px;position:relative;z-index:1}@media(prefers-color-scheme:light){.translations-grid .translation-card{border:1px solid rgba(195,169,133,.2);background:linear-gradient(135deg,#fffc,#ffffffbf)}}@media(prefers-color-scheme:dark){.translations-grid .translation-card{border:1px solid rgba(212,165,116,.2);background:linear-gradient(135deg,#1e1e1ecc,#1e1e1ebf)}}.translations-grid .translation-card:hover{border-color:var(--color-sepia);transform:translateY(-4px)}@media(prefers-color-scheme:light){.translations-grid .translation-card:hover{background:linear-gradient(135deg,#fffffff2,#ffffffeb);box-shadow:0 12px 32px #c3a98526}}@media(prefers-color-scheme:dark){.translations-grid .translation-card:hover{background:linear-gradient(135deg,#282828f2,#282828eb);box-shadow:0 12px 32px #d4a57426}}@media(prefers-color-scheme:dark){.translations-grid .translation-card:hover .card-preview:after{background:linear-gradient(to bottom,transparent,rgba(37,37,37,.7),#272727)}}.translations-grid .translation-card.hidden{display:none}.translations-grid .translation-card .card-header h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal)}.translations-grid .translation-card .card-preview{flex:1;position:relative;margin:var(--spacing-md) 0;max-height:140px;overflow:hidden}.translations-grid .translation-card .card-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;pointer-events:none}@media(prefers-color-scheme:light){.translations-grid .translation-card .card-preview:after{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.7),white)}}@media(prefers-color-scheme:dark){.translations-grid .translation-card .card-preview:after{background:linear-gradient(to bottom,transparent,rgba(30,30,30,.4),#1c1c1c)}}.translations-grid .translation-card .card-preview .preview-text{padding-right:var(--spacing-md);max-height:100%}.translations-grid .translation-card .card-preview .preview-text p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.translations-grid .translation-card .card-preview .preview-text p:last-child{margin-bottom:0}.translations-grid .translation-card .card-footer{margin-top:auto;padding-top:var(--spacing-md);transition:border-color var(--transition-normal)}@media(prefers-color-scheme:light){.translations-grid .translation-card .card-footer{border-top:1px solid rgba(10,10,10,.08)}}@media(prefers-color-scheme:dark){.translations-grid .translation-card .card-footer{border-top:1px solid rgba(255,255,255,.08)}}.translations-grid .translation-card .card-footer .read-more{color:var(--color-sepia);font-weight:500;transition:all var(--transition-normal)}.translations-grid .translation-card .card-footer:hover .read-more{transform:translate(4px)}.no-translations{grid-column:1 / -1;text-align:center;padding:var(--spacing-xxl);color:var(--color-text-secondary)}.cta-section{text-align:center;padding:var(--spacing-xl) 0 0 0;margin-top:var(--spacing-xl)}@media(max-width:1024px){.translations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.translations-grid{grid-template-columns:1fr}h1{font-size:var(--font-size-3xl)}.translation-card{height:340px}}