.panels.svelte-1uha8ag{display:flex;height:calc(100vh - 60px);margin-top:60px;position:relative}.panel.svelte-1uha8ag{flex:1;position:relative;overflow:hidden;text-decoration:none;border-right:1px solid rgba(255,255,255,.06);transition:flex .6s cubic-bezier(.4,0,.2,1)}.panel.svelte-1uha8ag:last-of-type{border-right:none}.panels.svelte-1uha8ag:hover .panel:where(.svelte-1uha8ag){flex:.7}.panels.svelte-1uha8ag:hover .panel:where(.svelte-1uha8ag):hover{flex:1.6}.panel.svelte-1uha8ag:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:3}.panel-dev.svelte-1uha8ag:before{background:linear-gradient(90deg,transparent,#6366f1,#818cf8,transparent)}.panel-composer.svelte-1uha8ag:before{background:linear-gradient(90deg,transparent,#d97706,#fbbf24,transparent)}.panel-photo.svelte-1uha8ag:before{background:linear-gradient(90deg,transparent,#8b5cf6,#a78bfa,transparent)}.panel-suite.svelte-1uha8ag:before{background:linear-gradient(90deg,transparent,#10b981,#34d399,transparent)}.panel-dev.svelte-1uha8ag{background:linear-gradient(160deg,#0d1117,#141b27,#0d1117)}.panel-composer.svelte-1uha8ag{background:linear-gradient(160deg,#120a04,#1e1008,#120a04)}.panel-photo.svelte-1uha8ag{background:#080b14}.panel-suite.svelte-1uha8ag{background:linear-gradient(160deg,#08100e,#0d1a16,#08100e)}.panel-glow.svelte-1uha8ag{position:absolute;inset:0;pointer-events:none}.panel-dev.svelte-1uha8ag .panel-glow:where(.svelte-1uha8ag){background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.15) 0%,transparent 60%)}.panel-composer.svelte-1uha8ag .panel-glow:where(.svelte-1uha8ag){background:radial-gradient(ellipse at 50% 40%,rgba(217,119,6,.18) 0%,transparent 60%)}.panel-photo.svelte-1uha8ag .panel-glow:where(.svelte-1uha8ag){background:radial-gradient(ellipse at 50% 35%,rgba(139,92,246,.15) 0%,transparent 60%)}.panel-suite.svelte-1uha8ag .panel-glow:where(.svelte-1uha8ag){background:radial-gradient(ellipse at 50% 35%,rgba(16,185,129,.15) 0%,transparent 60%)}.panel-texture.svelte-1uha8ag{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:radial-gradient(circle,#ffffff 1px,transparent 1px);background-size:28px 28px}.panel-inner.svelte-1uha8ag{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:.75rem}.panel-label.svelte-1uha8ag{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#ffffff59;transition:color .3s}.panel.svelte-1uha8ag:hover .panel-label:where(.svelte-1uha8ag){color:#ffffffb3}.panel-title.svelte-1uha8ag{font-size:clamp(2rem,3vw,3.5rem);font-weight:200;letter-spacing:.05em;color:#ffffffd9;line-height:1;margin:0;transition:color .3s}.panel-title--italic.svelte-1uha8ag{font-style:italic;font-family:Cormorant Garamond,Georgia,serif}.panel.svelte-1uha8ag:hover .panel-title:where(.svelte-1uha8ag){color:#fff}.panel-desc.svelte-1uha8ag{font-size:13px;color:#ffffff59;max-width:220px;line-height:1.6;margin:0;opacity:0;transform:translateY(8px);transition:opacity .35s .05s,transform .35s .05s}.panel.svelte-1uha8ag:hover .panel-desc:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.panel-cta.svelte-1uha8ag{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;margin-top:.5rem;opacity:0;transform:translateY(10px);transition:opacity .35s .1s,transform .35s .1s}.panel.svelte-1uha8ag:hover .panel-cta:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.floating-name.svelte-1uha8ag{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#ffffff1a;white-space:nowrap;pointer-events:none;z-index:10}@media(max-width:767px){.panels.svelte-1uha8ag{flex-direction:column;height:auto}.panel.svelte-1uha8ag{flex:none!important;height:60vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.panel.svelte-1uha8ag:last-of-type{border-bottom:none}.panels.svelte-1uha8ag:hover .panel:where(.svelte-1uha8ag){flex:none}.panel-desc.svelte-1uha8ag,.panel-cta.svelte-1uha8ag{opacity:1;transform:translateY(0)}.floating-name.svelte-1uha8ag{display:none}}
