:root{--color-canvas-bg: #F3F5FB;--color-canvas-subtle: #EDF2F9;--color-electric-blue: #4E4BF5;--color-electric-gradient: linear-gradient(135deg, #4338CA 0%, #5B50F6 50%, #3B82F6 100%);--color-card-surface: #FFFFFF;--color-card-tint: #EEF4FF;--color-dark-ink: #01050F;--color-slate-body: #334155;--color-muted-blueprint: #626D82;--color-neon-mint: #01EEBA;--color-cyan-doodle: #38BDF8;--color-purple-lilas: #8718DC;--color-amber-solar: #F59E0B;--color-figma-blue: #3196FF;--color-white: #FFFFFF;--color-border-subtle: #E2E8F0;--sticky-yellow: #FEF9C3;--sticky-yellow-border: #FDE047;--sticky-yellow-ink: #713F12;--sticky-pink: #FCE7F3;--sticky-pink-border: #F472B6;--sticky-pink-ink: #831843;--sticky-cyan: #E0F2FE;--sticky-cyan-border: #38BDF8;--sticky-cyan-ink: #0C4A6E;--font-display: "Geologica", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Geologica", -apple-system, BlinkMacSystemFont, sans-serif;--font-tech: "Kode Mono", monospace;--radius-hero: 28px;--radius-card: 20px;--radius-pill: 9999px;--radius-btn: 8px;--radius-tag: 6px;--shadow-hero: 0 16px 48px rgba(79, 70, 229, .18);--shadow-card: 0 4px 20px rgba(1, 5, 15, .05);--shadow-card-hover: 0 16px 36px rgba(79, 70, 229, .12);--shadow-floating: 0 18px 36px rgba(1, 5, 15, .22);--shadow-sticky: 2px 8px 20px rgba(0, 0, 0, .08);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--trans-fast: .15s ease;--trans-smooth: .3s var(--ease-smooth)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:light}body{background-color:#fdfafe;background-image:url(/assets/motif_canvas.svg);background-size:400px 400px;background-repeat:repeat;font-family:var(--font-body);color:var(--color-dark-ink);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}::selection{background:#4353ff;color:#fff}::-moz-selection{background:#4353ff;color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#fdfafe}::-webkit-scrollbar-thumb{background:#4353ff47;border-radius:9999px;border:2px solid #FDFAFE;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#4353ff99}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit;cursor:pointer}.container{max-width:1180px;margin:0 auto;padding:0 24px}.frame-label{font-family:var(--font-tech);font-size:11px;font-weight:700;color:var(--color-muted-blueprint);letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;-webkit-user-select:none;user-select:none}.frame-label:before{content:"#";color:var(--color-figma-blue);font-weight:800}.section-header{margin-bottom:36px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative}.title-slanted{font-size:34px;font-weight:900;font-style:italic;letter-spacing:-.8px;line-height:1.15;text-transform:uppercase}@media(max-width:768px){.title-slanted{font-size:26px}}.section-wrapper{max-width:1180px;margin:0 auto 100px;padding:0 24px}.section-header{margin-bottom:40px;display:flex;flex-direction:column;gap:8px}.section-badge{font-family:var(--font-tech);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-electric-blue);background:var(--color-card-surface);padding:4px 12px;border-radius:var(--radius-tag);display:inline-block;align-self:flex-start;border:1px solid rgba(78,75,245,.15)}.section-title{font-size:clamp(26px,3.2vw,38px);font-weight:900;color:var(--color-dark-ink);letter-spacing:-.5px;text-transform:uppercase}.section-title.slanted{font-style:italic;transform:skew(-6deg);display:inline-block}.section-desc{font-size:16px;color:var(--color-muted-blueprint);max-width:640px;line-height:1.5}.bento-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:stretch}@media(max-width:900px){.bento-grid{grid-template-columns:1fr}}.bento-card{background:var(--color-card-surface);border-radius:var(--radius-card);padding:36px 32px;position:relative;overflow:visible;border:1px solid rgba(78,75,245,.08);transition:transform var(--trans-smooth),box-shadow var(--trans-smooth),border-color var(--trans-smooth);display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#4e4bf540}.bento-column-stacked{display:flex;flex-direction:column;gap:24px}.bento-tall-card{justify-content:space-between}.bento-card-badge{font-family:var(--font-tech);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-electric-blue);margin-bottom:14px;display:flex;align-items:center;gap:8px}.bento-card-title{font-size:22px;font-weight:900;color:var(--color-dark-ink);line-height:1.25;margin-bottom:16px;text-transform:uppercase}.bento-card-p{font-size:15px;color:var(--color-slate-body);line-height:1.6;margin-bottom:24px}.bento-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.bento-tag-item{font-family:var(--font-tech);font-size:11px;font-weight:600;background:var(--color-white);color:var(--color-dark-ink);padding:6px 12px;border-radius:var(--radius-tag);border:1px solid rgba(1,5,15,.06);box-shadow:0 2px 6px #01050f05}.doodle-arrow{position:absolute;pointer-events:none;color:var(--color-cyan-doodle)}.bento-blueprint-box{background:var(--color-white);border-radius:16px;border:1px solid rgba(78,75,245,.15);box-shadow:0 8px 24px #4e4bf50f;margin-top:24px;margin-bottom:24px;overflow:hidden}.blueprint-header{background:#f8fafc;border-bottom:1px solid rgba(78,75,245,.1);padding:10px 16px;display:flex;align-items:center;gap:8px}.blueprint-dot{width:8px;height:8px;border-radius:50%}.blueprint-dot.red{background:#ff5f56}.blueprint-dot.yellow{background:#ffbd2e}.blueprint-dot.green{background:#27c93f}.blueprint-title{font-family:var(--font-tech);font-size:10px;font-weight:700;color:var(--color-muted-blueprint);margin-left:6px;letter-spacing:.5px}.blueprint-body{padding:16px;display:flex;flex-direction:column;gap:8px}.blueprint-step{font-family:var(--font-tech);font-size:12px;font-weight:600;color:var(--color-slate-body);background:#f1f5f9;padding:8px 14px;border-radius:8px;display:flex;align-items:center;gap:10px;border:1px solid transparent}.blueprint-step.active{background:#eef2ff;border-color:var(--color-electric-blue);color:var(--color-electric-blue);font-weight:700}.step-num{font-weight:800;color:var(--color-electric-blue)}.blueprint-arrow{text-align:center;font-size:12px;color:var(--color-cyan-doodle);font-weight:800;line-height:1}.card-cloud-thumb{width:100%;height:140px;border-radius:14px;object-fit:cover;margin-top:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #4e4bf514}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.project-card{background:var(--color-white);border-radius:var(--radius-card);padding:32px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform var(--trans-smooth),box-shadow var(--trans-smooth),border-color var(--trans-smooth)}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #01050f14;border-color:#4e4bf559}.project-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.project-sector{font-family:var(--font-tech);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-electric-blue);background:var(--color-card-surface);padding:4px 10px;border-radius:var(--radius-tag)}.project-role{font-family:var(--font-tech);font-size:11px;color:var(--color-muted-blueprint);font-weight:500}.project-title{font-size:24px;font-weight:900;color:var(--color-dark-ink);margin-bottom:8px}.project-desc{font-size:14.5px;color:var(--color-slate-body);line-height:1.55;margin-bottom:22px}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8fafc;border-radius:12px;padding:14px;margin-bottom:24px;border:1px solid #EDF2F7}.metric-box{text-align:center}.metric-val{font-size:16px;font-weight:900;color:var(--color-electric-blue);font-family:var(--font-tech);display:block}.metric-lbl{font-size:10px;color:var(--color-muted-blueprint);font-weight:600;text-transform:uppercase;margin-top:2px;line-height:1.2}.project-btn{display:flex;align-items:center;justify-content:space-between;background:var(--color-dark-ink);color:var(--color-white);padding:12px 20px;border-radius:var(--radius-btn);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:background var(--trans-fast),transform var(--trans-fast)}.project-btn:hover{background:var(--color-electric-blue)}.project-btn svg{transition:transform var(--trans-smooth)}.project-btn:hover svg{transform:translate(3px,-3px)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.contact-card{background:var(--color-card-surface);border:1px solid rgba(78,75,245,.1);border-radius:var(--radius-card);padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:transform var(--trans-smooth),background var(--trans-fast),border-color var(--trans-fast);text-decoration:none;color:inherit}.contact-card:hover{transform:translateY(-4px);background:var(--color-card-hover);border-color:#4e4bf54d}.contact-icon-box{width:44px;height:44px;border-radius:12px;background:var(--color-white);display:flex;align-items:center;justify-content:center;color:var(--color-electric-blue);margin-bottom:16px;box-shadow:0 4px 12px #4e4bf514}.contact-card-name{font-size:18px;font-weight:800;color:var(--color-dark-ink);margin-bottom:4px}.contact-card-sub{font-size:13px;color:var(--color-muted-blueprint);margin-bottom:20px;line-height:1.4}.contact-card-action{font-family:var(--font-tech);font-size:11.5px;font-weight:700;text-transform:uppercase;color:var(--color-electric-blue);display:flex;align-items:center;gap:6px;margin-top:auto}.footer{border-top:1px solid var(--color-border-subtle);padding:40px 24px;max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-logo{height:28px;width:auto}.footer-copy{font-size:13px;color:var(--color-muted-blueprint)}.footer-pill{font-family:var(--font-tech);font-size:11px;background:#f1f5f9;color:var(--color-slate-body);padding:6px 14px;border-radius:var(--radius-pill)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#01050f99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-sheet{background:var(--color-white);border-radius:var(--radius-card);max-width:760px;width:100%;max-height:85vh;overflow-y:auto;padding:40px;box-shadow:0 24px 64px #01050f40;position:relative;transform:translateY(20px) scale(.98);transition:transform var(--trans-smooth)}.modal-backdrop.open .modal-sheet{transform:translateY(0) scale(1)}.modal-close-btn{position:absolute;top:24px;right:24px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-dark-ink);transition:background var(--trans-fast)}.modal-close-btn:hover{background:#e2e8f0}.star-section{margin-top:24px;display:flex;flex-direction:column;gap:18px}.star-step{border-left:3px solid var(--color-electric-blue);padding-left:16px}.star-step-tag{font-family:var(--font-tech);font-size:11px;font-weight:700;color:var(--color-electric-blue);text-transform:uppercase;margin-bottom:4px}.star-step-title{font-size:16px;font-weight:800;color:var(--color-dark-ink);margin-bottom:6px}.star-step-desc{font-size:14px;color:var(--color-slate-body);line-height:1.55}.toast-notice{position:fixed;bottom:24px;right:24px;background:var(--color-dark-ink);color:var(--color-white);padding:12px 20px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;box-shadow:0 10px 30px #0003;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:2000}.toast-notice.show{transform:translateY(0);opacity:1}.collab-cursor{position:absolute;z-index:40;pointer-events:auto;cursor:grab;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s var(--ease-spring);animation:cursorFloat 6s ease-in-out infinite}.collab-cursor:hover{transform:scale(1.06) rotate(-2deg);z-index:50}.cursor-pointer-svg{width:18px;height:18px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.cursor-tag{font-family:var(--font-tech);font-size:11px;font-weight:700;color:var(--color-white);padding:5px 12px;border-radius:4px 14px 14px;margin-top:-4px;margin-left:12px;white-space:nowrap;box-shadow:0 4px 14px #0000001f;display:flex;align-items:center;gap:6px}.cursor-tag.purple{background:var(--color-purple-lilas)}.cursor-tag.mint{background:#059669;color:#fff}.cursor-tag.blue{background:var(--color-electric-blue)}.cursor-tag.amber{background:#d97706}@keyframes cursorFloat{0%,to{transform:translateY(0) translate(0)}35%{transform:translateY(-6px) translate(4px)}70%{transform:translateY(4px) translate(-3px)}}.sticky-note{position:absolute;padding:18px 20px;border-radius:4px;box-shadow:var(--shadow-sticky);max-width:260px;z-index:25;transition:transform .25s var(--ease-spring),box-shadow .25s ease;cursor:pointer}.sticky-note:hover{transform:scale(1.05) rotate(0)!important;box-shadow:0 16px 32px #00000024;z-index:35}.sticky-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:50px;height:20px;background:#ffffffa6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 3px #0000000d}.sticky-note.yellow{background:var(--sticky-yellow);color:var(--sticky-yellow-ink);border:1px solid var(--sticky-yellow-border)}.sticky-note.pink{background:var(--sticky-pink);color:var(--sticky-pink-ink);border:1px solid var(--sticky-pink-border)}.sticky-note.cyan{background:var(--sticky-cyan);color:var(--sticky-cyan-ink);border:1px solid var(--sticky-cyan-border)}.sticky-tag{font-family:var(--font-tech);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;opacity:.8}.sticky-text{font-size:12.5px;line-height:1.45;font-weight:600}.figma-selection-wrapper{position:relative;border:1.5px solid var(--color-figma-blue);border-radius:var(--radius-card)}.figma-handle{position:absolute;width:8px;height:8px;background:var(--color-white);border:1.5px solid var(--color-figma-blue);border-radius:1px;z-index:10}.handle-tl{top:-4px;left:-4px;cursor:nwse-resize}.handle-tr{top:-4px;right:-4px;cursor:nesw-resize}.handle-bl{bottom:-4px;left:-4px;cursor:nesw-resize}.handle-br{bottom:-4px;right:-4px;cursor:nwse-resize}.figma-dimension-badge{position:absolute;bottom:-24px;right:12px;background:var(--color-figma-blue);color:var(--color-white);font-family:var(--font-tech);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;box-shadow:0 2px 6px #3196ff4d}.mascot-speech-bubble{position:absolute;top:-20px;right:-130px;background:var(--color-white);color:var(--color-dark-ink);font-family:var(--font-tech);font-size:11.5px;font-weight:700;padding:8px 16px;border-radius:14px 14px 14px 2px;box-shadow:0 8px 24px #01050f2e;white-space:nowrap;cursor:pointer;transform:rotate(4deg);transition:transform .2s var(--ease-spring),background .2s ease;-webkit-user-select:none;user-select:none;border:1px solid rgba(78,75,245,.15)}.mascot-speech-bubble:hover{transform:rotate(0) scale(1.08);background:#f8fafc}.mascot-speech-bubble:after{content:"";position:absolute;bottom:-6px;left:12px;width:0;height:0;border-top:6px solid var(--color-white);border-right:6px solid transparent}.riso-stamp{font-family:var(--font-tech);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:4px 10px;border:1.5px dashed var(--color-purple-lilas);color:var(--color-purple-lilas);border-radius:6px;display:inline-block;transform:rotate(-3deg);background:#8718dc0d}.riso-stamp.mint{border-color:#059669;color:#059669;background:#0596690f;transform:rotate(2deg)}.mockup-window-header{background:#f8fafc;border-bottom:1px solid #EDF2F7;padding:8px 14px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;margin:-32px -32px 20px}.mockup-dots{display:flex;gap:6px}.mockup-dot{width:9px;height:9px;border-radius:50%}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27c93f}.mockup-url{font-family:var(--font-tech);font-size:10px;font-weight:600;color:var(--color-muted-blueprint);background:var(--color-white);padding:2px 10px;border-radius:4px;border:1px solid #E2E8F0}.olin-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--hit-target-min, 44px);padding:12px 14px;font-family:var(--font-body, "Geologica", sans-serif);font-size:16px;font-weight:500;color:#242237;text-decoration:underline;text-underline-position:from-font;text-decoration-thickness:1px;background:transparent;border-radius:4px;transition:color .15s ease,text-decoration-thickness .15s ease;cursor:pointer}.olin-link:hover{color:var(--color-electric-blue, #0028FF);text-decoration-thickness:2px}.olin-link:hover .olin-link-arrow{transform:translate(2px,-2px)}.olin-link-arrow{display:inline-block;font-family:inherit;font-size:15px;transition:transform .15s ease}.olin-link:active{color:#7b2cbf;transform:translate(1px,1px)}.olin-link:focus-visible{outline:2px solid var(--color-electric-blue, #0028FF);outline-offset:3px}.olin-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:4px 10px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-width:1px;border-style:solid;box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.olin-tag--pill{border-radius:9999px;padding:4px 12px}.olin-tag--tag{border-radius:6px;padding:4px 8px}.olin-tag__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.olin-tag--green{background-color:#edfcf2;border-color:#22c55e;color:#15803d}.olin-tag--green .olin-tag__dot{background-color:#16a34a;box-shadow:0 0 0 2px #22c55e33;animation:pulse-dot 2s infinite ease-in-out}.olin-tag--blue{background-color:#eef2ff;border-color:#0028ff;color:#0028ff}.olin-tag--blue .olin-tag__dot{background-color:#0028ff}.olin-tag--purple{background-color:#f5f3ff;border-color:#7b2cbf;color:#6d28d9}.olin-tag--purple .olin-tag__dot{background-color:#7b2cbf}.olin-tag--neutral{background-color:#f8fafc;border-color:#0d0e15;color:#0d0e15}.olin-tag--neutral .olin-tag__dot{background-color:#64748b}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.olin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--hit-target-min, 44px);padding:12px 24px;border-radius:8px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;outline:none;box-sizing:border-box;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),background-color .15s ease}.olin-btn--primary{background:linear-gradient(124.44deg,#a100ff 7%,#0028ff 118%);color:#fafafa;border:1px solid #FAFAFA;box-shadow:2px 2px #01050f}.olin-btn--primary:hover{transform:translateY(-1px);box-shadow:3px 3px #0028ff}.olin-btn--primary:active{transform:translateY(1px);box-shadow:0 0 0 transparent}.olin-btn--primary:focus-visible{outline:2px solid #0028FF;outline-offset:3px}.olin-btn--secondary{background-color:#fff;color:#01050f;border:1px solid #01050F;box-shadow:2px 2px #01050f}.olin-btn--secondary:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:3px 3px #01050f}.olin-btn--secondary:active{transform:translateY(1px);box-shadow:0 0 0 transparent}.olin-window{display:flex;flex-direction:column;gap:4px;min-width:0}.olin-window__header{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:100%;min-height:34px;padding:7px 16px;background:#e5edffcc;border:1px solid #A2B5DA;border-radius:40px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:12px;font-weight:500;line-height:1.2;color:#434b5a;-webkit-user-select:none;user-select:none}.olin-window__title{font-weight:500;color:#434b5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.olin-window__body{flex:1;padding:12px;background:#e5edff99;border:1px solid #7D8BA8;border-radius:2px}.olin-window__dots{display:flex;align-items:center;gap:6px}.olin-window__dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.olin-window__dot--red{background-color:#ff5f56}.olin-window__dot--yellow{background-color:#ffbd2e}.olin-window__dot--green{background-color:#27c93f}.olin-sticky{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:2px;border:1.5px solid #01050F;box-shadow:2px 2px #01050f;font-family:var(--font-body, "Geologica", sans-serif);font-size:15px;line-height:1.6;color:#003026;letter-spacing:-.02em;background-color:#ffff5c;transition:transform .2s ease,box-shadow .2s ease}.olin-sticky:hover{transform:translateY(-2px);box-shadow:4px 4px #01050f}.olin-sticky--tilted{transform:none}.olin-sticky--yellow{background-color:#ffff5c;color:#003026}.olin-sticky--mint{background-color:#01eeba;color:#003026}.olin-sticky--pink{background-color:#fce7f3;color:#01050f}.olin-sticky--white{background-color:#fff;color:#01050f}.olin-sticky__header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-tech, "Kode Mono", monospace);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#003026;opacity:.85}.olin-sticky blockquote{margin:0;font-family:var(--font-body, "Geologica", sans-serif);font-size:15px;font-weight:500;line-height:1.6;color:#003026}.olin-sticky .cs-note__sign{font-family:var(--font-tech, "Kode Mono", monospace);font-size:12px;font-weight:700;color:#003026;margin-top:4px}.olin-sticky__action{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:14px;font-weight:700;color:#003026;text-decoration:underline;text-underline-offset:4px;transition:opacity .2s ease}.olin-sticky__action:hover{opacity:.8}.olin-metric-card{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:#fff;border:1px solid #01050F;border-radius:8px;box-shadow:2px 2px #01050f}.olin-metric-card__value{font-family:var(--font-tech, "Kode Mono", monospace);font-size:32px;font-weight:700;color:#0028ff;line-height:1}.olin-metric-card__label{font-family:var(--font-body, "Geologica", sans-serif);font-size:13px;font-weight:500;color:#64748b;line-height:1.3}.olin-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin:32px 0}@media(max-width:768px){.olin-stepper{grid-template-columns:1fr}}.olin-stepper__item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#fff;border:1px solid #CBD5E1;border-radius:6px;text-decoration:none;transition:all .15s ease}.olin-stepper__item--active{border-color:#0028ff;background:#eef2ff;box-shadow:2px 2px #0028ff}.olin-stepper__num{font-family:var(--font-tech, "Kode Mono", monospace);font-size:12px;font-weight:600;color:#0028ff}.olin-stepper__label{font-family:var(--font-body, "Geologica", sans-serif);font-size:14px;font-weight:600;color:#01050f}.olin-drawers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}@media(max-width:768px){.olin-drawers-grid{grid-template-columns:1fr}}.olin-drawer{background:#fff;border:1px solid #01050F;border-radius:8px;box-shadow:2px 2px #01050f;padding:20px;display:flex;flex-direction:column;gap:12px}.olin-drawer__title{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-tech, "Kode Mono", monospace);font-size:14px;font-weight:600;color:#01050f;text-transform:uppercase}.olin-drawer__content{font-family:var(--font-body, "Geologica", sans-serif);font-size:14px;line-height:1.6;color:#334155}.olin-picture-frame{position:relative;display:block;padding:3px;background:#fff;border-radius:2px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s cubic-bezier(.16,1,.3,1)}a.olin-picture-frame:hover{transform:translateY(-2px)}.olin-picture-frame .olin-photo-duotone{--olin-duotone-mask-opacity: 1;border-radius:0}.olin-picture-frame .olin-photo-duotone>img{filter:none}a.olin-picture-frame:hover .olin-photo-duotone:before,a.olin-picture-frame:focus-visible .olin-photo-duotone:before{opacity:.3}.olin-picture-frame__caption{position:absolute;bottom:3px;left:3px;right:3px;padding:14px 18px;background:#01050fc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fafafa;font-family:var(--font-body, "Geologica", sans-serif);font-size:13.5px;line-height:1.45;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:10;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.olin-picture-frame:hover .olin-picture-frame__caption,.olin-picture-frame:focus-visible .olin-picture-frame__caption{opacity:1;transform:translateY(0)}.olin-picture-frame__text{display:flex;flex-direction:column;gap:2px}.olin-picture-frame__title{font-family:var(--font-tech, "Kode Mono", monospace);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#01eeba}.olin-picture-frame__zoom{font-family:var(--font-tech, "Kode Mono", monospace);font-size:12px;font-weight:700;color:#fff;background:#ffffff26;padding:4px 8px;border-radius:4px;white-space:nowrap}.olin-photo-duotone{--olin-duotone-mask-opacity: .6;--olin-duotone-grain-opacity: .18;position:relative;overflow:hidden;isolation:isolate;background:#01050f}.olin-photo-duotone>img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08);transition:filter .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.olin-photo-duotone--interactive:hover>img{filter:grayscale(20%) contrast(1.04);transform:scale(1.015)}a.olin-picture-frame:hover .olin-photo-duotone>img{transform:scale(1.015)}.olin-photo-duotone:before,.olin-photo-duotone:after,.olin-photo-duotone__grain{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .3s ease}.olin-photo-duotone:before{z-index:1;background:linear-gradient(162.5deg,#0f00db 39.9%,#570299 59.9%);mix-blend-mode:screen}.olin-photo-duotone:after{z-index:2;background:#f3f5fb;mix-blend-mode:color-burn;opacity:var(--olin-duotone-mask-opacity)}.olin-photo-duotone__grain{z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:overlay;opacity:var(--olin-duotone-grain-opacity)}.olin-picture-frame:hover .olin-photo-duotone:before{opacity:.35}.olin-picture-frame:hover .olin-photo-duotone:after{opacity:.25}.olin-brainfm-player{--player-bg: #FAFAFA;--player-border: #01050F;--player-mint: #00F5A0;--player-blue: #0128FE;display:inline-flex;align-items:center;gap:8px;background:var(--player-bg);border:1.5px solid var(--player-border);box-shadow:2px 2px 0 var(--player-border);font-family:var(--font-tech, "Kode Mono", monospace);color:var(--player-border);transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease;-webkit-user-select:none;user-select:none}.olin-brainfm-player--pill{height:38px;padding:3px 10px 3px 4px;border-radius:9999px}.olin-brainfm-player:hover{transform:translateY(-1px);box-shadow:3px 3px 0 var(--player-border)}.olin-brainfm-player__btn-play{position:relative;width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--player-border);color:#fafafa;border:none;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.olin-brainfm-player__btn-play:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.olin-brainfm-player__btn-play:hover{background:var(--player-blue);transform:scale(1.05)}.olin-brainfm-player__icon--pause,.olin-brainfm-player.is-playing .olin-brainfm-player__icon--play{display:none}.olin-brainfm-player.is-playing .olin-brainfm-player__icon--pause{display:block}.olin-brainfm-equalizer{display:inline-flex;align-items:flex-end;gap:2.5px;height:14px;padding:0 2px}.olin-brainfm-equalizer__bar{width:2.5px;height:100%;background:var(--player-mint);border:.5px solid var(--player-border);border-radius:1px;transform-origin:bottom;transform:scaleY(.25);transition:transform .2s ease}.olin-brainfm-player.is-playing .olin-brainfm-equalizer__bar:nth-child(1){animation:olinEqualizerJump .8s ease-in-out infinite alternate}.olin-brainfm-player.is-playing .olin-brainfm-equalizer__bar:nth-child(2){animation:olinEqualizerJump 1.1s ease-in-out infinite .15s alternate}.olin-brainfm-player.is-playing .olin-brainfm-equalizer__bar:nth-child(3){animation:olinEqualizerJump .9s ease-in-out infinite .3s alternate}.olin-brainfm-player.is-playing .olin-brainfm-equalizer__bar:nth-child(4){animation:olinEqualizerJump 1.2s ease-in-out infinite .1s alternate}@keyframes olinEqualizerJump{0%{transform:scaleY(.2)}50%{transform:scaleY(.9)}to{transform:scaleY(.4)}}@media(prefers-reduced-motion:reduce){.olin-brainfm-player.is-playing .olin-brainfm-equalizer__bar{animation:none;transform:scaleY(.6)}}.olin-brainfm-player__meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1}.olin-brainfm-player__badge{padding:2px 5px;background:var(--player-mint);border:1px solid var(--player-border);border-radius:3px;font-weight:700;letter-spacing:.05em;font-size:9.5px}.olin-brainfm-player__track{font-weight:600;color:#2d3748;white-space:nowrap}.olin-brainfm-player__btn-toggle{background:transparent;border:none;color:#718096;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,transform .15s ease}.olin-brainfm-player__btn-toggle:hover{color:var(--player-border);transform:translateY(1px)}.olin-header{position:sticky;top:0;z-index:120;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 60px;background:#fdfafeb8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 8px #0000000a}.olin-header__brand{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s}.olin-header__brand img{width:36px;height:36px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.olin-header__brand:hover img,.olin-header__brand:focus-visible img{transform:rotate(-6deg) scale(1.06)}.olin-header[data-brand-reveal]:not(.is-brand-visible) .olin-header__brand{opacity:0;visibility:hidden;transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.olin-header__brand{transition:none}}.olin-header__right{display:flex;align-items:center;gap:12px;margin-left:auto}.olin-status-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:#25fea8;border:1px solid #007147;border-radius:12px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:10px;letter-spacing:.1px;line-height:12px;color:#007147;white-space:nowrap}.olin-status-tag__dot{width:6px;height:6px;border-radius:12px;background:#006c44;animation:pulse-dot 2s infinite ease-in-out}.olin-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:0;cursor:pointer}.olin-menu-btn__face{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:.9px solid #E1E8F9;border-radius:10.9px;box-shadow:0 .9px 1.8px #0000000d;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .15s ease}.olin-menu-btn:hover .olin-menu-btn__face,.olin-menu-btn[aria-expanded=true] .olin-menu-btn__face{border-color:#242237;transform:translateY(-1px)}.olin-header__panel{display:none}.olin-header__panel.is-open{display:flex;flex-direction:column;gap:4px;position:absolute;top:64px;right:60px;width:260px;padding:12px;background:#fff;border:1px solid #01050F;border-radius:8px;box-shadow:3px 3px #01050f}.olin-header__panel a{display:flex;align-items:center;min-height:44px;padding:0 12px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:15px;color:#242237;text-decoration:none;border-radius:6px}.olin-header__panel a:hover,.olin-header__panel a:focus-visible{background:#eef2ff;color:#0028ff}@media(max-width:1024px){.olin-header{padding:0 20px}.olin-header__panel.is-open{right:12px;left:12px;width:auto}}.olin-cursor-figjam{position:absolute;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;pointer-events:none;-webkit-user-select:none;user-select:none;animation:olinCursorFloat 5s ease-in-out infinite}.olin-cursor-figjam__hand{width:26px;height:26px;filter:drop-shadow(0 1px 1px rgba(1,5,15,.2))}.olin-cursor-figjam__tag{margin-left:16px;padding:6px 10px;background:#e5edff;border:1px solid #0028FF;border-radius:8px;font-family:var(--font-body, "Geologica", sans-serif);font-size:15px;font-weight:600;color:#0028ff;white-space:nowrap}@keyframes olinCursorFloat{0%,to{transform:translate(0)}35%{transform:translate(6px,-8px)}70%{transform:translate(-4px,4px)}}@media(prefers-reduced-motion:reduce){.olin-cursor-figjam{animation:none}}.olin-sticker{display:inline-flex;align-items:center;justify-content:center;transform:rotate(var(--olin-sticker-tilt, -2deg));transition:transform .25s cubic-bezier(.16,1,.3,1)}.olin-sticker:hover{transform:rotate(0) scale(1.06)}.olin-sticker img{display:block;height:100%;width:auto}.olin-sticker--cut img{filter:drop-shadow(3px 0 0 #FAFAFA) drop-shadow(-3px 0 0 #FAFAFA) drop-shadow(0 3px 0 #FAFAFA) drop-shadow(0 -3px 0 #FAFAFA) drop-shadow(2px 3px 0 #0028FF)}.olin-popup{display:flex;flex-direction:column;min-width:0}.olin-popup__header{position:relative;display:flex;align-items:center;justify-content:center;min-height:24px;padding:4px 36px;background:#242237;border-radius:2px 2px 0 0;font-family:var(--font-tech, "Kode Mono", monospace);font-size:11px;color:#f3f5fb}.olin-popup__header:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#edf5fe;box-shadow:8px 0 #edf5fe,16px 0 #edf5fe}.olin-popup__body{padding:20px;background:#f3f5fb;border:1px solid #01050F;border-top:0;border-radius:0 0 2px 2px}.olin-footer{background-color:#231fff;background-image:url(/assets/motif_olin_tile.svg);background-size:400px 400px;background-repeat:repeat;border-top:1.5px solid #01050F;color:#eaeeff}.olin-footer__inner,.olin-footer__legal{width:100%;max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}.olin-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding-top:64px;padding-bottom:56px}.olin-footer__mantra{font-family:var(--font-tech, "Kode Mono", monospace);font-size:15px;line-height:1.5;color:#fff}.olin-footer__nav{display:flex;flex-direction:column;align-items:flex-start}.olin-footer__nav a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-tech, "Kode Mono", monospace);font-size:14px;font-weight:500;color:#eaeeff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s ease,text-decoration-thickness .15s ease}.olin-footer__nav a:hover{color:#ffe500;text-decoration-thickness:2px}.olin-footer a:focus-visible{outline:2px solid #FFE500;outline-offset:3px}.olin-footer__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:24px;border-top:1px solid rgba(234,238,255,.3);font-family:var(--font-tech, "Kode Mono", monospace);font-size:12px;color:#eaeeff}.olin-footer__mantra span,.olin-footer__nav a,.olin-footer__legal span{background-color:#231fff;-webkit-box-decoration-break:clone;box-decoration-break:clone}.olin-footer__mantra span,.olin-footer__legal span{display:inline;padding:5px 8px;margin-left:-8px}.olin-footer__nav a{padding:0 8px;margin-left:-8px}.olin-footer__legal span:last-child{margin-left:0;margin-right:-8px}@media(max-width:1024px){.olin-footer__inner,.olin-footer__legal{padding-left:24px;padding-right:24px}}@media(max-width:900px){.olin-footer__inner{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:48px;padding-bottom:40px}.olin-footer__nav{flex-direction:row;flex-wrap:wrap;column-gap:20px}.olin-footer__legal{flex-direction:column;align-items:flex-start}.olin-footer__legal span:last-child{margin-left:-8px;margin-right:0}}@media(max-width:768px){.olin-footer__inner,.olin-footer__legal{padding-left:16px;padding-right:16px}}@media print{.olin-header,.olin-footer{display:none!important}}.js-typing [data-typewriter]{visibility:hidden;animation:olin-type-failsafe 0s 3s forwards}@keyframes olin-type-failsafe{to{visibility:visible}}.olin-type-char{visibility:hidden}.olin-type-char.is-typed{visibility:visible}.is-typing [data-typewriter-caret]{animation:none!important}.olin-brainfm-player.is-loading .olin-brainfm-player__btn-play{animation:pulse-dot 1s infinite ease-in-out}@media print{.olin-type-char,.js-typing [data-typewriter]{visibility:visible!important;animation:none!important}}#canvas-dot-grid{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;display:none}.dot-grid-live #canvas-dot-grid{display:block}@media print{#canvas-dot-grid{display:none!important}}