html,body{overflow-x:hidden}.site-header{background:var(--purple-500);box-shadow:0 1px #ffffff1f,var(--shadow-sm);position:sticky;top:0;z-index:10}.site-header,.site-header a{color:var(--purple-50)}.header-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;height:72px;padding:0 var(--space-2)}.menu-toggle{display:none}.brand-name{letter-spacing:.2px}.nav{display:flex;gap:8px}.nav-link{padding:6px 12px;border-radius:var(--radius-pill);opacity:.85;text-decoration:none;transition:background .2s ease,opacity .2s ease}.nav-link:hover{opacity:1;background:#ffffff24;text-decoration:none}.nav-link.active{opacity:1;background:#ffffff38;font-weight:600}.site-header :focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.logo-link{display:flex;justify-self:end;border-radius:50%;transition:transform .25s ease}.logo-link:hover{transform:rotate(-8deg) scale(1.06)}.logo{height:40px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.salix-page{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:linear-gradient(180deg,var(--purple-50),var(--bg));isolation:isolate;touch-action:none;overscroll-behavior:none}.salix-caption{position:absolute;top:clamp(16px,4vh,40px);left:16px;right:16px;z-index:1;margin:0;text-align:center;font-family:Cormorant Garamond,serif;font-size:clamp(20px,2.4vw,30px);font-weight:600;color:var(--purple-700);opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none}main.container{flex:1;padding:24px 16px 48px}.app.app-home{height:100vh;height:100dvh;min-height:0;overflow:hidden}main.container.container-home{display:flex;min-height:0;max-width:none;padding:0}.hero{position:relative;width:100%;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;background:linear-gradient(180deg,var(--purple-50),var(--bg));isolation:isolate}.willow-bg{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.willow-bg canvas{position:absolute;inset:0;width:100%;height:100%}.hero-content{position:relative;z-index:1;align-self:center;justify-self:center;max-width:560px;padding:24px 20px;text-align:center}.hero-quote-latin{font-family:Cormorant Garamond,serif;font-size:clamp(28px,3.6vw,52px);font-weight:600;color:var(--purple-800);margin:0;line-height:1.2}.hero-quote-translation{margin:10px 0 0;color:var(--muted);font-size:clamp(14px,1.2vw,17px);letter-spacing:.3px}.hero-divider{width:64px;height:3px;margin:clamp(16px,3vh,28px) auto;background:linear-gradient(90deg,var(--purple-500),var(--purple-300));border-radius:var(--radius-pill)}.hero-lead{color:var(--fg);font-size:clamp(15px,1.2vw,17px);line-height:1.7;margin:0 auto clamp(20px,4vh,32px);max-width:46ch}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (min-width: 900px) and (orientation: landscape){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.hero-content{grid-column:1;justify-self:end;padding:0 clamp(24px,4vw,64px);text-align:left}.hero-divider{margin-left:0;margin-right:0}.hero-lead{margin-left:0}.hero-actions{justify-content:flex-start}}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-pill);font-weight:600;font-size:15px;transition:all .2s ease}.hero-btn--primary{background:var(--purple-600);color:#fff;box-shadow:var(--shadow-md)}.hero-btn--primary:hover{background:var(--purple-700);transform:translateY(-2px);box-shadow:var(--shadow-lg);text-decoration:none}.hero-btn--ghost{background:transparent;color:var(--purple-700);border:1px solid var(--purple-300)}.hero-btn--ghost:hover{background:var(--purple-100);text-decoration:none}@media (max-width: 768px){.hero-btn{padding:12px 22px;font-size:14px}}.about-page{padding-bottom:var(--space-7)}.about-text{max-width:62ch;margin:var(--space-7) auto 0}.about-text p{margin:0 0 var(--space-5);font-size:18px;line-height:1.85;color:var(--muted)}.about-text p:last-child{margin-bottom:0}.about-text .about-intro{font-family:Cormorant Garamond,serif;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.3;color:var(--purple-800);margin-bottom:var(--space-6)}.about-values{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);max-width:1000px;margin:var(--space-8) auto 0;padding:0}.about-value{padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--purple-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.about-value h2{margin:0 0 var(--space-2);font-size:22px;color:var(--purple-800)}.about-value p{margin:0;font-size:15px;line-height:1.7;color:var(--muted)}@media (max-width: 768px){.about-text{margin-top:var(--space-6)}.about-text p{font-size:16px}.about-values{grid-template-columns:minmax(0,1fr);margin-top:var(--space-7)}}.about-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:65ch;margin:var(--space-8) auto 0;padding:var(--space-6) var(--space-5);border:1px solid var(--purple-200);border-radius:var(--radius-lg);background:var(--purple-50);text-align:center}.about-cta-text{margin:0;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:600;color:var(--purple-800)}.project-section+.project-section{margin-top:var(--space-8)}.section-heading{text-align:center;max-width:640px;margin:0 auto}.section-heading h2{font-size:26px;margin:0}.section-divider{height:3px;width:56px;margin:var(--space-5) auto var(--space-6);border-radius:var(--radius-pill)}.section-divider--live{background:linear-gradient(90deg,var(--purple-500),var(--purple-300))}.section-divider--wip{height:0;border-top:3px dashed var(--purple-200)}.grid-2{display:flex;gap:2rem;max-width:1000px;margin:0 auto}.grid-column{display:flex;flex-direction:column;gap:2rem;flex:1}@media (max-width: 768px){.grid-2{flex-direction:column;gap:1.5rem}.grid-column{gap:1.5rem}}.project-card{display:block;width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--purple-200)}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-card.open{border-color:var(--purple-300);box-shadow:var(--shadow-md)}.project-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.project-card-heading{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.project-title{font-size:20px;font-weight:600;margin:0;line-height:1.3;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.status-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.status-badge--live{background:var(--purple-600);color:#fff}.status-badge--wip{background:var(--purple-50);color:var(--purple-700);border:1px dashed var(--purple-300)}.chevron{font-size:24px;line-height:1;opacity:.5;transition:all .2s ease;flex-shrink:0}.project-card:hover .chevron{opacity:1}.project-body{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);will-change:max-height}.project-body p{margin:0 0 16px;color:var(--muted);line-height:1.6;font-size:15px}.card-link-btn{all:unset;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--fg);color:var(--bg);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px}.card-link-btn:hover{background:var(--purple-600);box-shadow:var(--shadow-sm);transform:translate(2px)}.card-link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.more-teaser{display:flex;align-items:center;gap:var(--space-4);max-width:1000px;margin:var(--space-7) auto 0;padding:var(--space-4) var(--space-5);border:1px dashed var(--purple-300);border-radius:var(--radius-lg);background:var(--purple-50);color:var(--purple-700)}.more-teaser-icon{font-size:22px;flex-shrink:0}.more-teaser-title{margin:0 0 2px;font-weight:600;font-size:17px}.more-teaser-text{margin:0;font-size:14px;color:var(--muted)}.social-links{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:15px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.social-btn--facebook{background:#1877f2}.social-btn--instagram{background:#e4405f}.site-footer{border-top:1px solid var(--line);background:var(--purple-50)}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:center;color:var(--purple-700);font-size:14px;letter-spacing:.2px}.footer-brand{font-weight:600;color:var(--purple-800)}.projects-page{position:relative;min-height:60vh;padding-top:var(--space-6)}.app{display:flex;min-height:100vh;flex-direction:column;position:relative;z-index:1}@media (max-width: 768px){.header-inner{grid-template-columns:1fr auto auto;gap:12px;height:auto;padding:10px 0}.brand{grid-column:1;grid-row:1}.logo-link{grid-column:2;grid-row:1}.logo{height:32px}.menu-toggle{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);background:#ffffff14;padding:6px 10px;border-radius:var(--radius-sm);color:var(--purple-50);cursor:pointer}.menu-toggle:hover{background:#ffffff2e}.nav{display:none;flex-direction:column;gap:4px;padding:12px 0 4px;grid-column:1 / -1;grid-row:2}.nav.open{display:flex}}@media (max-width: 768px){.project-card{padding:24px;border-radius:var(--radius-md)}.project-title{font-size:18px}.chevron{font-size:20px}.project-body p{font-size:14px}.card-link-btn{font-size:13px;padding:8px 14px}.more-teaser{flex-direction:column;text-align:center}}:root{--purple-50: #f9f4fb;--purple-100: #f0e6f4;--purple-200: #dfd0e7;--purple-300: #c8b2d2;--purple-400: #aa91b6;--purple-500: #826d8c;--purple-600: #6c5676;--purple-700: #553f5f;--purple-800: #3d2b46;--purple-900: #271a2e;--bg: #fdfdfe;--surface: #ffffff;--fg: #211825;--muted: #6f6076;--line: #e7e1ea;--line-strong: #d4cad8;--accent: var(--purple-600);--maxw: 1100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(33, 24, 37, .06);--shadow-md: 0 4px 12px rgba(33, 24, 37, .08), 0 1px 3px rgba(33, 24, 37, .06);--shadow-lg: 0 16px 32px rgba(33, 24, 37, .12), 0 4px 8px rgba(33, 24, 37, .06)}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);line-height:1.55}::selection{background:var(--purple-200);color:var(--purple-800)}img,video{max-width:100%;height:auto}.brand-name{font-size:24px}h1,h2,h3,h4,h5,h6,.brand-name{font-family:Cormorant Garamond,serif;font-weight:600}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}.page-title{font-size:32px;letter-spacing:-.3px;margin:32px 0 16px;text-align:center}.page-title:after{content:"";display:block;width:56px;height:3px;margin:var(--space-3) auto 0;background:linear-gradient(90deg,var(--purple-500),var(--purple-300));border-radius:var(--radius-pill)}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:65ch;margin:0 auto}@media (max-width: 768px){.brand-name{font-size:20px}.page-title{font-size:22px;margin:20px 0 12px}.container{padding:0 12px}}