*,:after,:before{padding:0;margin:0;box-sizing:border-box}:root{--brown-darker:#7c531d;--brown-dark:#a66f26;--brown-default:#b77a2a;--brown-light:#cf8a30;--brown-lighter:#ddab6a;--brown-lightest:#f8f6f2;--brown-shadow:#644217;--neutral-default:#0d0d0d;--neutral-light:#6c6c6c;--neutral-lighter:#959595;--neutral-alpha-10:rgba(0,0,0,0.1);--neutral-alpha-5:rgba(0,0,0,0.05);--content-primary:var(--neutral-default);--content-primary-inverse:var(--brown-lightest);--content-secondary:var(--neutral-light);--content-disabled:var(--neutral-lighter);--button-primary-start:var(--brown-default);--button-primary-end:var(--brown-dark)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5;color:#333;background-color:#ffffff;-webkit-overflow-scrolling:touch}.page-padding{padding:0 40px;gap:20px;width:100%}.page-padding,.radius{display:flex;flex-direction:column}.radius{border-radius:10px;overflow:hidden;background-color:#ffffff;border:1px solid #00000010;align-items:center}.card-text{align-items:center;justify-content:center;border-top:1px solid #00000010;padding:10px}.card-text,.text{width:100%;display:flex}.text{background-color:#ffffff;justify-content:flex-start;max-width:none}.text,.text-container{flex-direction:column;align-items:flex-start}.text-container{display:flex;gap:20px;padding:40px 0;width:100%}.container,nav{max-width:800px;margin:0 auto;align-items:flex-start}nav{display:flex;justify-content:space-between;flex-direction:row;padding:20px 40px}main,nav{align-items:center}main{display:grid;grid-template-rows:auto;grid-gap:20px;gap:20px;padding-top:120px;padding-bottom:120px}.work-container{display:flex;gap:20px;flex-direction:column}.work-container .radius{width:100%}video{opacity:0;animation:fadeIn .03s forwards}@keyframes fadeIn{to{opacity:1}}.img-container-1x1,.video-container{aspect-ratio:1/1;overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center;width:100%}.video-container video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:transparent;image-rendering:-webkit-optimize-contrast;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;z-index:1}.video-container video[src*="PB final 2.mp4"]{-webkit-clip-path:inset(4% 0 0 0);clip-path:inset(4% 0 0 0)}.odett-card-surface{background:#ffffff}.odett-card-hero-shell{width:100%;height:100%;background:#ffffff;display:flex;align-items:center;justify-content:center;padding-top:18px;position:relative}.odett-card-hero-shell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:380px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.72) 58%,#ffffff)}.odett-card-hero-stage{position:relative;overflow:visible;flex-shrink:0}.odett-card-hero-inner{position:relative;overflow:visible;opacity:0;transition:opacity .3s ease-out}.odett-card-hero-inner.is-ready{opacity:1}.odett-asset{position:absolute;display:block;width:100%;height:auto}.odett-asset-base{inset-inline:0;top:0}.odett-asset-recorder{inset-inline:0;top:-8px}.odett-asset-glass{top:0;left:-.5px}.odett-paper-wrap{position:absolute}.odett-paper-frame{overflow:hidden;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background:linear-gradient(90deg,rgba(183,122,42,.03),rgba(183,122,42,.03)),linear-gradient(180deg,#fdfdfc,#ffffff)}.odett-paper-block,.odett-paper-copy,.odett-paper-feed{display:flex;flex-direction:column}.odett-paper-feed{--paper-feed-copy-span:calc(var(--paper-feed-copy-height) + var(--paper-feed-gap));gap:var(--paper-feed-gap);animation:hero-paper-feed 4s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.odett-paper-row{display:flex}.odett-paper-copy{contain:layout paint;flex:0 0 auto}.odett-paper-line{flex:1 1;border-radius:9999px;background:rgba(0,0,0,.05);transform:translateZ(0)}.odett-waveform{position:absolute;left:0;top:0;display:block}.portfolio-button-card-body,.portfolio-toggle-card-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff;padding:24px 18px}.portfolio-button-stack{display:flex;flex-direction:column;align-items:center;gap:20px}.portfolio-logo-card-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff;padding:24px 18px}.portfolio-logo-card-image{display:block;width:150px;height:48px}.portfolio-segmented-control{position:relative;display:inline-flex;height:36px;border-radius:999px;background-color:rgba(255,255,255,1);padding:3px;max-width:100%}.portfolio-segmented-border{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(0,0,0,.1);pointer-events:none}.portfolio-segmented-slider{position:absolute;top:3px;z-index:10;height:30px;border-radius:999px;border:1px solid transparent;background:radial-gradient(ellipse at top,#f7f7f7 20%,#e5e5e5 80%) padding-box,linear-gradient(180deg,#e5e5e5,#c1c1c1) border-box;box-shadow:0 1px 4px 1px rgba(0,0,0,.01),0 1px 2px .5px rgba(0,0,0,.03),inset 0 -4px 1.5px -2px rgba(126,126,126,.15),inset 0 4px 1.5px -2px #f8f8f8;transition:left .2s ease-in-out,width .2s ease-in-out}.portfolio-segmented-row{position:relative;z-index:0;display:flex;align-items:stretch;height:30px;overflow:visible}.portfolio-segmented-option{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;height:30px;border-radius:999px;padding:0 10px;color:#6c6c6c;background:transparent;border:0;font-size:.875rem;line-height:1.25rem;letter-spacing:.028px;white-space:nowrap;font-weight:400;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio-segmented-overlay{pointer-events:none;position:absolute;left:3px;top:3px;z-index:20;overflow:hidden;height:30px;transition:-webkit-clip-path .2s ease-in-out;transition:clip-path .2s ease-in-out;transition:clip-path .2s ease-in-out,-webkit-clip-path .2s ease-in-out;border-radius:999px}.portfolio-segmented-option-active,.portfolio-segmented-option-initial-active{color:#0d0d0d}.portfolio-button-base{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;overflow:hidden;white-space:nowrap;border:1px solid transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.portfolio-button-base:active:not(:disabled){transform:scale(.97)}.portfolio-button-md{min-height:36px;border-radius:12px;padding-inline:9px}.portfolio-button-primary{color:var(--content-primary-inverse);border-color:transparent;background:radial-gradient(ellipse at top,var(--button-primary-start) 0,var(--button-primary-end) 100%) padding-box,linear-gradient(180deg,#a66f26 0,#7c531d 100%) border-box;box-shadow:0 1px 4px 2px rgba(83,55,19,.03),0 1px 2px 1px rgba(83,55,19,.05),inset 0 .2px .5px 0 rgba(100,66,23,.5),inset 0 -4px 1.5px -2px rgba(83,55,19,.15),inset 0 4px 1.5px -2px rgba(226,185,131,.4)}.portfolio-button-primary .portfolio-button-label{text-shadow:0 .2px .5px rgb(from var(--brown-shadow) r g b/50%)}.portfolio-button-secondary{color:var(--content-secondary);border-color:transparent;border-radius:12px;background:radial-gradient(ellipse at top,#f7f7f7 20%,#e5e5e5 80%) padding-box,linear-gradient(180deg,#e5e5e5,#c1c1c1) border-box;box-shadow:0 1px 4px 1px rgba(0,0,0,.01),0 1px 2px .5px rgba(0,0,0,.03),inset 0 -4px 1.5px -2px rgba(126,126,126,.15),inset 0 4px 1.5px -2px #f8f8f8}.portfolio-button-secondary .portfolio-button-label{text-shadow:0 .2px .5px rgb(0 0 0/20%)}.portfolio-button-tertiary{border-color:var(--neutral-alpha-10)}.portfolio-button-tertiary,.portfolio-button-transparent{color:var(--content-secondary);background-color:transparent}.portfolio-button-content{display:inline-flex;align-items:center;justify-content:center}.portfolio-button-md .portfolio-button-content{padding-inline:9px}.portfolio-button-label-md{font-size:.875rem;line-height:1.25rem;letter-spacing:.028px;font-weight:500}.portfolio-button-label{display:inline-flex;align-items:center;justify-content:center}@media (hover:hover) and (pointer:fine){.portfolio-button-primary:hover:not(:disabled){background:linear-gradient(180deg,rgba(221,169,106,.2) 0,rgba(207,138,48,.2) 100%) padding-box,radial-gradient(ellipse at top,var(--button-primary-start) 0,var(--button-primary-end) 100%) padding-box,linear-gradient(180deg,#a66f26 0,#7c531d 100%) border-box}.portfolio-button-secondary:hover:not(:disabled){background:radial-gradient(ellipse at top,#fafafa 20%,#e8e8e8 80%) padding-box,linear-gradient(180deg,#e5e5e5,#c1c1c1) border-box}.portfolio-button-tertiary:hover:not(:disabled),.portfolio-button-transparent:hover:not(:disabled){background-color:rgba(183,122,42,.05)}}@media (hover:none),(pointer:coarse){*{-webkit-tap-highlight-color:transparent}[role=button],a,button,input,label,select,summary,textarea{-webkit-touch-callout:none;touch-action:manipulation;cursor:default}.portfolio-segmented-option:active,.portfolio-segmented-option:focus,.portfolio-segmented-option:hover{background:transparent;color:#6c6c6c;outline:none}.portfolio-segmented-overlay .portfolio-segmented-option-active{color:#0d0d0d}}@keyframes hero-paper-feed{0%{transform:translate3d(0,calc(-1 * var(--paper-feed-copy-span)),0)}to{transform:translateZ(0)}}.video-layer{position:relative;width:100%;height:100%;background:#ffffff}.video-poster{position:absolute;inset:0;background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:1;transition:opacity .2s ease;z-index:0}.video-poster-cropped{-webkit-clip-path:inset(4% 0 0 0);clip-path:inset(4% 0 0 0)}.video-layer.is-ready .video-poster{opacity:0}.content-image{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;min-height:300px}.nav-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0;align-self:center}h1{font-size:6rem;font-weight:1000;line-height:1}.content-container-center{gap:40px;display:flex;justify-content:center;flex-direction:column;flex:1 1;align-items:center}.blue-text{color:#0070f3}.contact-button{background-color:#ffffff;color:#333;border:1px solid #00000010;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:regular}.contact-button:hover{background-color:#00000005}.nav-wrapper{position:fixed;top:0;left:0;right:0;background-color:#ffffff;z-index:100}.nav-border{height:1px;background-color:transparent}.nav-border.show-border{background-color:#00000010}a{text-decoration:none;color:#333;line-height:1.5;font-size:1rem}a.blue-text:hover{text-decoration:underline}p{font-size:1rem;color:#555}h3,p{line-height:1.5}h3{font-weight:400}.images-side-by-side{display:flex;justify-content:space-between;gap:20px}.scrollable-image-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:0;padding:0;position:relative}.scrollable-image-container img{display:block;width:100%;height:auto;min-height:300px}@media only screen and (max-width:1024px){h1{font-size:4rem}}@media only screen and (max-width:900px){.about{flex-direction:column;gap:40px}}@media only screen and (max-width:767px){h1{font-size:3rem}.hero-text{margin:120px 0}.content-container-center{gap:20px}.content-container-center,.text-container{display:flex;justify-content:center;flex-direction:column;flex:1 1;max-width:700px}.text-container{gap:8px}a,p{font-size:.875rem}.page-padding{padding:0 16px}nav{padding:20px 16px}.scrollable-image-container img{width:200%;max-width:200%;height:auto;min-height:300px}}@media only screen and (max-width:500px){.odett-card-hero-stage{height:255px!important}.odett-card-hero-shell:after{height:60px}}