@font-face{font-family:Compagnon Bold;src:url(/assets/Compagnon-Bold-t7H8PTEg.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-14: 56px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-28: 112px;--font-family-display: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-compagnon: "Compagnon Bold", serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 64px;--font-size-7xl: 80px;--font-size-8xl: 96px;--font-size-9xl: 113px;--font-size-experience-heading: 70px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--line-height-hero: 112px;--color-primary: #6a4d4d;--color-primary-light: #8a6d6d;--color-primary-dark: #4a3535;--color-text-primary: #3e3c3c;--color-text-secondary: #6a4d4d;--color-text-muted: #8a8a8a;--color-text-light: #f4f4f4;--color-text-black: #000000;--color-bg-primary: #d9d9d9;--color-bg-secondary: #f4f4f4;--color-bg-tertiary: #ffffff;--color-bg-hover: #e8e8e8;--color-bg-active: #dcdcdc;--color-border-primary: #6a4d4d;--color-border-light: #e8e8e8;--border-width: 2px;--border-radius-sm: 5px;--border-radius-md: 10px;--shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, .05);--shadow-md: 0px 4px 4px 0px rgba(0, 0, 0, .25);--shadow-lg: 0px 8px 16px 0px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--button-height-base: 45px;--button-padding-x: var(--spacing-7);--button-padding-y: 0;--button-min-width: 228px;--button-font-size: var(--font-size-xl);--button-font-weight: var(--font-weight-medium);--button-border-radius: var(--border-radius-sm);--header-font-size: var(--font-size-8xl);--header-line-height: var(--line-height-hero);--header-font-weight: var(--font-weight-bold);--header-color: var(--color-text-secondary);--body-font-size: var(--font-size-xl);--body-font-weight: var(--font-weight-normal);--body-line-height: var(--line-height-normal);--body-color: var(--color-text-primary);--layout-padding-x: var(--spacing-12);--layout-padding-y: var(--spacing-8);--layout-gap: var(--spacing-6);--layout-content-gap: var(--spacing-5);--grid-columns: 4;--grid-rows: 8;--grid-gutter: var(--spacing-12);--grid-margin: var(--spacing-12);--grid-container-max-width: 1920px}.text-underline-dotted{text-decoration:underline;text-decoration-style:dotted;text-decoration-skip-ink:none}.text-underline-solid{text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:none}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-family-system);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal)}body{margin:0;min-height:100vh}.header{font-family:var(--font-family-display);font-weight:var(--header-font-weight);font-size:var(--font-size-5xl);line-height:1.1;color:var(--header-color);margin:0;padding:0;white-space:pre-wrap;text-align:center}@media(min-width:768px){.header{font-size:var(--font-size-7xl);line-height:1.15}}@media(min-width:1024px){.header{font-size:var(--header-font-size);line-height:var(--header-line-height);text-align:left;grid-column:1 / 2;grid-row:1 / 2;margin:0}}.body{font-family:var(--font-family-body);font-weight:var(--body-font-weight);font-size:var(--font-size-base);line-height:var(--body-line-height);color:var(--body-color);white-space:pre-wrap}.body p{margin:0;padding:0;font-family:var(--font-family-body);font-weight:var(--body-font-weight);font-size:var(--font-size-base);line-height:var(--body-line-height);color:var(--body-color)}.body .underline{position:relative;font-weight:var(--font-weight-medium);transition:all var(--transition-base);padding:0 1px;border-radius:2px;background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(106,77,77,.18) 65%,rgba(106,77,77,.18) 100%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.body .underline:hover{opacity:.8}@media(min-width:1024px){.body,.body p{font-size:var(--body-font-size)}}.button{background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--button-border-radius);height:40px;padding:0 var(--spacing-5);cursor:pointer;font-family:var(--font-family-body);font-weight:var(--button-font-weight);font-size:var(--font-size-base);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-base),color var(--transition-base);width:fit-content;min-width:150px}.button:hover{background-color:var(--color-border-primary);color:var(--color-bg-primary)}.button:active{background-color:var(--color-bg-active)}.experience-button.button{background-color:var(--color-bg-primary);color:var(--color-text-secondary)}.experience-button.button:hover{background-color:var(--color-border-primary);color:var(--color-bg-primary)}.experience-button.button:active{background-color:var(--color-bg-active)}.button-content{white-space:pre;line-height:normal;position:relative;font-weight:var(--font-weight-medium);padding:0 1px;border-radius:2px;background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(106,77,77,.18) 65%,rgba(106,77,77,.18) 100%);box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background var(--transition-base)}.button:hover .button-content{background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(150,100,100,.3) 65%,rgba(150,100,100,.3) 100%)}.experience-button.button .button-content{background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(106,77,77,.18) 65%,rgba(106,77,77,.18) 100%)}.experience-button.button:hover .button-content{background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(150,100,100,.3) 65%,rgba(150,100,100,.3) 100%)}@media(min-width:1024px){.button{height:var(--button-height-base);padding:var(--button-padding-y) var(--spacing-6);font-size:var(--button-font-size);justify-content:flex-start;min-width:auto}}.polaroid-stack{position:relative;width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.polaroid{position:absolute;background:#fff;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transform-origin:center center;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-out;z-index:var(--z-index);opacity:0;transform:translate(0) rotate(0) scale(1);will-change:transform;backface-visibility:hidden;width:var(--polaroid-width, 200px);height:var(--polaroid-height, 260px)}.polaroid[data-photo-id=main],.polaroid.main-photo{z-index:10!important;opacity:1!important;transform:translate(var(--translate-x, 0px),var(--translate-y, 0px)) rotate(var(--rotation, 0deg)) scale(1)!important}.polaroid.fanned{opacity:1;animation:fan-out 1.2s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--animation-delay)}.polaroid.front{z-index:10!important;transform:translate(0) rotate(0) scale(var(--scale));transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-out}@keyframes fan-out{0%{opacity:0;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(var(--translate-x, 0px),var(--translate-y, 0px)) rotate(var(--rotation)) scale(1)}}.polaroid-image-wrapper{width:100%;height:calc(100% - 50px);overflow:hidden;background:#fff}.polaroid-image{width:100%;height:100%;object-fit:cover;display:block}.polaroid-caption{height:50px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-compagnon);font-size:var(--font-size-base);font-style:normal;color:var(--color-text-primary);padding:var(--spacing-2);text-align:center;line-height:1.1}@media(min-width:768px){.polaroid-stack{min-height:500px;padding:var(--spacing-6)}.polaroid{width:var(--polaroid-width, 250px);height:var(--polaroid-height, 325px)}.polaroid-image-wrapper{height:calc(100% - 55px)}.polaroid-caption{height:55px;font-size:var(--font-size-lg)}}@media(min-width:1024px){.polaroid-stack{min-height:600px;align-items:flex-end;justify-content:flex-end;padding:var(--spacing-8)}.polaroid{transform-origin:left bottom;width:var(--polaroid-width, 300px);height:var(--polaroid-height, 390px)}.polaroid-image-wrapper{height:calc(100% - 60px)}.polaroid-caption{height:60px;font-size:var(--font-size-xl)}}.terminal{background-color:#1e1e1e;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-md);font-family:Courier New,Monaco,Menlo,monospace;width:100%}.terminal-header{background-color:#2d2d2d;padding:var(--spacing-2) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);border-bottom:1px solid #1a1a1a}.terminal-controls{display:flex;gap:var(--spacing-2)}.terminal-control{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-control-close{background-color:#ff5f56}.terminal-control-minimize{background-color:#ffbd2e}.terminal-control-maximize{background-color:#27c93f}.terminal-title{color:#888;font-size:var(--font-size-sm);flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.terminal-play-pause{background:none;border:none;color:#888;font-size:var(--font-size-sm);cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base);line-height:1}.terminal-play-pause:hover{color:#d4d4d4}.terminal-body{background-color:#1e1e1e;height:400px;display:flex;flex-direction:column}@media(min-width:768px){.terminal-body{height:auto;min-height:400px;max-height:600px}}.terminal-content{color:#d4d4d4;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);white-space:pre-wrap;position:relative;flex:1;overflow-y:auto;padding:var(--spacing-4);padding-bottom:0}.terminal-line{min-height:1.5em}.terminal-cursor{color:#fff;display:inline-block;margin-left:2px}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:#1e1e1e}.terminal-content::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.terminal-navigation{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid #2d2d2d;flex-shrink:0;background-color:#1e1e1e}.terminal-circle{width:10px;height:10px;border-radius:50%;background-color:#888;border:none;cursor:pointer;padding:0;transition:background-color var(--transition-base),transform var(--transition-base)}.terminal-circle:hover{background-color:#aaa;transform:scale(1.2)}.terminal-circle-active,.terminal-circle-active:hover{background-color:#d4d4d4}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base)}.modal-container{background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-md);max-width:95vw;height:95vh;max-height:95vh;width:100%;max-width:1200px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-slow);outline:none}.modal-header{display:flex;flex-direction:column;padding:var(--spacing-4);border-bottom:var(--border-width) solid var(--color-border-light)}@media(min-width:1024px){.modal-header{padding:var(--spacing-6)}}.modal-header-top{display:flex;justify-content:space-between;align-items:flex-start}.modal-title-wrapper{flex:1}.modal-title-line-with-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}@media(min-width:1024px){.modal-title-line-with-controls{gap:var(--spacing-3)}}.modal-header-controls{display:flex;align-items:center;gap:var(--spacing-3)}.modal-title{font-family:var(--font-family-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin:0;display:flex;flex-direction:column}@media(min-width:1024px){.modal-title{font-size:var(--font-size-experience-heading)}}.modal-title-line{display:block}.modal-control-button{background:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-sm);transition:all var(--transition-base);white-space:nowrap}.modal-control-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-secondary)}.modal-speed-select{background:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-sm);transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;padding-right:var(--spacing-8)}.modal-speed-select:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-secondary)}.modal-speed-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0000001a}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);line-height:1;color:var(--color-text-primary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base);flex-shrink:0}@media(min-width:1024px){.modal-close{font-size:var(--font-size-4xl);width:32px;height:32px}}.modal-close:hover{color:var(--color-text-secondary)}.modal-close-minimal{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:10;background:#ffffffe6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close-minimal:hover{background:#fff}.modal-container-minimal{position:relative;background:transparent;box-shadow:none;max-width:fit-content;max-height:fit-content;width:auto;height:auto}.modal-content-minimal{padding:0;overflow:visible}.modal-content{padding:var(--spacing-4);overflow-y:auto;flex:1;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(min-width:1024px){.modal-content{padding:var(--spacing-6)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.experience-section{display:flex;flex-direction:column;gap:var(--spacing-12);margin:0;margin-top:var(--spacing-16)}@media(min-width:1024px){.experience-section{gap:var(--spacing-16);margin-top:0}}.experience-heading-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-6);flex-wrap:wrap}.experience-heading{font-family:var(--font-family-display);font-size:var(--font-size-experience-heading);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin:0;display:flex;flex-direction:column;white-space:pre-wrap}.experience-heading-line{display:block}.experience-entries{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--spacing-5)}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.timeline-line{width:2px;background-color:var(--color-border-primary)}.timeline-line-top{height:0}.timeline-line-bottom{flex:1}.timeline-item:first-child .timeline-line-top{background-color:transparent}.timeline-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-content{flex:1;min-width:0;padding-bottom:var(--spacing-16)}.timeline-item:last-child .timeline-content{padding-bottom:0}@media(max-width:768px){.experience-heading-wrapper{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.experience-heading{font-size:var(--font-size-5xl)}}.experience-entry{display:flex;flex-direction:column;gap:var(--spacing-6);padding:0}.experience-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.experience-body{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:65ch}.experience-title-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1)}.experience-title{font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-black);line-height:var(--line-height-normal);margin:0}.experience-role{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-black);line-height:var(--line-height-tight)}.experience-separator{display:none}.experience-company{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:var(--line-height-tight);letter-spacing:.01em}@media(min-width:1024px){.experience-role,.experience-company{font-size:var(--font-size-2xl)}}.experience-date{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-normal);margin:0;text-transform:uppercase;letter-spacing:.06em}.experience-description{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--body-font-weight);color:var(--body-color);line-height:var(--line-height-relaxed);margin:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.experience-description p{margin:0}.experience-description ul{margin:0;padding-left:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2)}.experience-description li{color:var(--color-text-primary)}@media(min-width:1024px){.experience-description{font-size:var(--font-size-lg)}}.experience-button{margin-top:var(--spacing-2);width:fit-content}.experience-button-link{text-decoration:none;background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--button-border-radius);height:40px;padding:0 var(--spacing-5);cursor:pointer;font-family:var(--font-family-body);font-weight:var(--button-font-weight);font-size:var(--font-size-base);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-base),color var(--transition-base);width:fit-content;min-width:150px}@media(min-width:1024px){.experience-button-link{height:var(--button-height-base);padding:var(--button-padding-y) var(--spacing-6);font-size:var(--button-font-size);justify-content:flex-start;min-width:auto}}.experience-button-link:hover{background-color:var(--color-border-primary);color:var(--color-bg-primary)}.experience-button-link:active{background-color:var(--color-bg-active)}.experience-button-link .button-content{position:relative;font-weight:var(--font-weight-medium);padding:0 1px;border-radius:2px;background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(106,77,77,.18) 65%,rgba(106,77,77,.18) 100%);box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background var(--transition-base)}.experience-button-link:hover .button-content{background:linear-gradient(to bottom,transparent 0%,transparent 65%,rgba(150,100,100,.3) 65%,rgba(150,100,100,.3) 100%)}.renaissance-case-study{width:100%;max-width:100%}.case-study-content{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);max-width:900px;margin:0 auto}.story-text{font-family:var(--font-family-body);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0}.opt-in-toggle-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);margin:var(--spacing-4) 0}.toggle-label{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border:var(--border-width) solid var(--color-border-primary);transition:var(--transition-base);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:3px;bottom:3px;background-color:var(--color-text-primary);transition:var(--transition-base);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-primary)}.fake-modal-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);margin:var(--spacing-6) 0;padding:var(--spacing-6);width:100%}.fake-modal-buttons{position:relative}.fake-modal{background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-6);min-width:300px;animation:modalAppear .5s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fake-modal-content{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center}.crossed-out-box{position:relative;width:200px;height:120px;border:var(--border-width) solid var(--color-border-primary);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.cross-text{position:relative;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transform:rotate(-25deg);text-align:center;padding:var(--spacing-2);white-space:nowrap}.fake-modal-buttons{display:flex;gap:var(--spacing-4);position:relative}#yes-button{position:relative}.fake-modal-button{padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);min-width:80px}.fake-modal-button:hover{background:var(--color-bg-hover)}.fake-modal-button.yes-button{background:var(--color-primary);color:var(--color-text-light);border-color:var(--color-primary)}.arrow-annotation{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-2);position:relative;width:100%;padding-right:var(--spacing-20)}.arrow-svg{width:352px;height:70px;color:var(--color-text-primary);position:absolute;top:-60px;right:var(--spacing-12)}.arrow-text{font-family:var(--font-family-compagnon);font-size:var(--font-size-xl);color:var(--color-text-primary);text-align:right;margin-right:0;margin-top:var(--spacing-2)}.experiment-chart{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-6);margin:var(--spacing-6) 0;width:100%}.chart-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.chart-metric-name{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chart-tag{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:4px}.chart-table{display:flex;flex-direction:column;gap:var(--spacing-4)}.chart-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-4);align-items:center;padding:var(--spacing-3) 0}.chart-variation{display:flex;align-items:center;gap:var(--spacing-2)}.variation-icon{width:16px;height:16px}.variation-icon.control-icon{color:#4a90e2}.variation-icon.confetti-icon{color:#50c878}.variation-name{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.variation-tag{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-primary);background:#e3f2fd;padding:var(--spacing-1) var(--spacing-2);border-radius:12px}.chart-graph{display:flex;align-items:center;justify-content:center}.distribution-graph{width:100%;max-width:200px;height:60px}.chart-prob{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right}.chart-header-row{padding:var(--spacing-2) 0;border-bottom:var(--border-width) solid var(--color-border-primary)}.chart-prob-header{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-align:right}.treatment-demo{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);margin:var(--spacing-6) 0;min-height:300px;position:relative}.demo-toggle-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.demo-modal{background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-6);min-width:300px;animation:modalAppear .5s ease-out}.demo-modal-content{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center}.fake-modal-button.yes-button.clicked{animation:buttonClick .3s ease-out}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.design-book-club-case-study{width:100%;max-width:100%}.book-club-intro{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:var(--border-width) solid var(--color-border-light)}.intro-text{font-family:var(--font-family-body);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.intro-text:last-child{margin-bottom:0}.book-club-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:var(--border-width) solid var(--color-border-light)}.filter-button{background:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-sm);transition:all var(--transition-base);white-space:nowrap}.filter-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-secondary)}.filter-button.active{background:var(--color-text-secondary);color:var(--color-text-light);border-color:var(--color-text-secondary)}.filter-button.active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.book-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:var(--border-width) solid var(--color-border-light);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-3)}.book-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-primary);transform:translateY(-2px)}.book-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.book-title{font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.book-category{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.book-author{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0;font-style:italic}.book-description{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0;flex:1}.no-books-message{text-align:center;padding:var(--spacing-12);color:var(--color-text-muted);font-family:var(--font-family-body);font-size:var(--font-size-lg)}@media(max-width:768px){.books-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.book-club-filters{gap:var(--spacing-2)}.filter-button{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}.book-card{padding:var(--spacing-4)}.book-title{font-size:var(--font-size-lg)}}.pier-case-study{width:100%;max-width:100%}.pier-case-study *{box-sizing:border-box}.case-study-content{display:flex;flex-direction:column;gap:0;padding:var(--spacing-6);max-width:900px;margin:0 auto}.section-heading{font-family:var(--font-family-body);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--spacing-8) 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2);border-bottom:var(--border-width) solid var(--color-border-primary)}.section-heading:first-child{margin-top:0}.story-text{font-family:var(--font-family-body);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0;display:block;visibility:visible;opacity:1}.story-text strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.overview-section{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6);width:100%}.overview-section .story-text{display:block!important;visibility:visible!important;opacity:1!important;color:var(--color-text-primary)!important;font-size:var(--font-size-lg)!important;line-height:var(--line-height-relaxed)!important;margin:0 0 var(--spacing-4) 0!important}.arrow-annotation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);margin:var(--spacing-6) 0;position:relative;width:100%;min-height:100px;padding:var(--spacing-4) 0;z-index:1}.arrow-annotation.arrow-left{align-items:flex-start;padding-left:var(--spacing-20)}.arrow-annotation.arrow-right{align-items:flex-end;padding-right:var(--spacing-20)}.arrow-annotation.arrow-center{align-items:center}.arrow-svg{width:100%;max-width:200px;height:80px;color:var(--color-primary);position:relative;display:block;flex-shrink:0}.arrow-text{font-family:var(--font-family-compagnon);font-size:var(--font-size-xl);color:var(--color-text-primary);text-align:center;margin-top:var(--spacing-2);white-space:nowrap}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin:var(--spacing-6) 0}.insight-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-5);border:var(--border-width) solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.insight-title{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.insight-list{margin:0;padding-left:var(--spacing-5);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.insight-list li{margin-bottom:var(--spacing-2)}.insight-list li:last-child{margin-bottom:0}.iterations-section{margin:var(--spacing-6) 0;padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.iterations-title{font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.iterations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.iteration-item{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);padding:var(--spacing-3);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);border-left:4px solid var(--color-primary)}.iteration-item strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.case-study-image{width:100%;max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:var(--spacing-4) 0;box-shadow:var(--shadow-md)}.persona-cards{display:flex;flex-direction:column;gap:var(--spacing-6);margin:var(--spacing-8) 0}.persona-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:var(--border-width) solid var(--color-border-primary);transition:transform var(--transition-base),box-shadow var(--transition-base)}.persona-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.persona-header{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);align-items:flex-start}.persona-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-bg-tertiary);border:var(--border-width) solid var(--color-border-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--color-text-muted)}.persona-avatar.emily:before{content:"👩"}.persona-avatar.martin:before{content:"👨"}.persona-info{flex:1}.persona-name{font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.persona-role{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.persona-details{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.persona-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.persona-section h4{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.persona-section ul{margin:0;padding-left:var(--spacing-5);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.persona-section li{margin-bottom:var(--spacing-2)}.sitemap-visualization{margin:var(--spacing-8) 0;padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:var(--border-width) solid var(--color-border-light)}.sitemap-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.sitemap-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.sitemap-main-category{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:#4a9e8e;color:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-sm);margin:0;text-align:center}.sitemap-subcategories{display:flex;flex-direction:column;gap:var(--spacing-2)}.sitemap-subcategory{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:#a8e6d9;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);text-align:center}.wireframe-gallery{margin:var(--spacing-8) 0}.wireframe-image-container{width:100%;margin:var(--spacing-4) 0;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-6);box-shadow:var(--shadow-lg);overflow:hidden;border:var(--border-width) solid var(--color-border-light)}.wireframe-image{width:100%;height:auto;display:block;border-radius:var(--border-radius-sm)}.user-testing-results{margin:var(--spacing-8) 0;padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:var(--border-width) solid var(--color-border-light)}.testing-image-container{width:100%;margin:var(--spacing-4) 0 var(--spacing-6) 0;background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-md);overflow:hidden;border:var(--border-width) solid var(--color-border-light)}.testing-image{width:100%;height:auto;display:block;border-radius:var(--border-radius-sm)}.testing-categories{display:flex;flex-direction:column;gap:var(--spacing-4)}.testing-category{padding:var(--spacing-4);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);border-left:4px solid var(--color-primary);transition:transform var(--transition-base),box-shadow var(--transition-base)}.testing-category:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.testing-category h4{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.testing-category p{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin:0}.video-player-container{margin:var(--spacing-6) 0}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--color-bg-secondary);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.prototype-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.video-wrapper .video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.video-caption{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--spacing-3);font-style:italic}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);text-align:center;background:var(--color-bg-secondary);color:var(--color-text-primary)}.video-placeholder p{font-family:var(--font-family-body);font-size:var(--font-size-base);margin:0 0 var(--spacing-2) 0}.video-placeholder-hint{font-size:var(--font-size-sm)!important;color:var(--color-text-muted)!important;font-style:italic;line-height:var(--line-height-relaxed)}.video-placeholder-hint a{color:var(--color-primary);text-decoration:underline}.testimonial-cards{display:flex;flex-direction:column;gap:var(--spacing-4);margin:var(--spacing-6) 0}.testimonial-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-6);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.testimonial-card:hover{transform:translate(4px);box-shadow:var(--shadow-lg)}.testimonial-quote{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin-bottom:var(--spacing-4);font-style:italic}.testimonial-author{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:right}@media(max-width:768px){.section-heading{font-size:var(--font-size-2xl);margin:var(--spacing-6) 0 var(--spacing-3) 0}.arrow-svg{width:150px;height:45px}.arrow-text{font-size:var(--font-size-lg)}.arrow-annotation.arrow-left{padding-left:var(--spacing-4)}.arrow-annotation.arrow-right{padding-right:var(--spacing-4)}.pain-points-grid,.iterations-grid{grid-template-columns:1fr}.persona-header{flex-direction:column;align-items:center;text-align:center}.sitemap-container{grid-template-columns:1fr}.persona-cards{gap:var(--spacing-4)}.persona-card{padding:var(--spacing-4)}}.team-lead-case-study{display:flex;justify-content:center;align-items:center;width:100%;padding:0}.girlboss-gif{max-width:90vw;max-height:90vh;width:auto;height:auto;display:block}.experience-icon{width:24px;height:24px;flex-shrink:0;display:block}.renaissance-icon{border-radius:2px}.develop-for-good-icon{border-radius:4px}.schoolzilla-icon{border-radius:2px}.app{min-height:100vh;background-color:var(--color-bg-primary);padding:var(--spacing-4) var(--spacing-4)}.app-content{max-width:var(--grid-container-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-8)}.hero-section{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center}.photo-section{position:relative;min-height:400px;width:100%;max-width:500px;display:flex;align-items:center;justify-content:center;margin:var(--spacing-12) 0}.about-text{display:flex;flex-direction:column;gap:var(--layout-content-gap)}.about-text p{height:auto;min-height:var(--button-height-base)}.terminal-wrapper,.experience-section-wrapper{max-width:var(--grid-container-max-width);margin:0 auto;margin-top:var(--spacing-28)}@media(min-width:768px){.app{padding:var(--spacing-6) var(--spacing-8)}.app-content{gap:var(--spacing-12)}.hero-section{gap:var(--spacing-8)}.photo-section{min-height:500px;max-width:600px}}@media(min-width:1024px){.app{padding:var(--layout-padding-y) var(--grid-margin)}.app-content{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:repeat(5,minmax(0,auto));gap:var(--grid-gutter);column-gap:var(--grid-gutter);row-gap:var(--spacing-16)}.hero-section{display:grid;grid-template-columns:repeat(2,1fr);grid-column:1 / -1;grid-row:1 / 6;gap:var(--grid-gutter);column-gap:var(--grid-gutter);align-items:start}.photo-section{grid-column:2 / 3;grid-row:1 / 4;min-height:600px;max-width:none}.about-text{grid-column:1 / 2;grid-row:2 / 3;max-width:792px}}