.kodriva{--kodriva-cream: #EFE8DA;--kodriva-paper: #E6DECD;--kodriva-mat: #F7F2E8;--kodriva-ink: #26241F;--kodriva-grey: #625C51;--kod-gutter: 4.5vw;--ploy-background-primary: var(--kodriva-cream);--ploy-text-primary: var(--kodriva-ink);--ploy-text-secondary: var(--kodriva-grey);--ploy-accent-primary: var(--kodriva-ink);--ploy-text-on-accent-primary: var(--kodriva-cream);--ploy-button-primary-background: var(--kodriva-ink);--ploy-button-primary-text: var(--kodriva-cream);--ploy-neutral-dark: var(--kodriva-ink);--ploy-neutral-light: var(--kodriva-cream);background:var(--ploy-background-primary);color:var(--ploy-text-primary);font-family:Geist,sans-serif;overflow-x:clip}.kodriva .study-button{font-size:14px;font-weight:600;padding-inline:26px}.kodriva h2{margin:0 0 22px;font-weight:500;font-size:clamp(38px,4.2vw,68px);line-height:1;letter-spacing:-.045em;text-wrap:balance}.kodriva [data-reveal=pending]{opacity:0;transform:translateY(26px)}.kodriva [data-reveal-kind=media][data-reveal=pending]{transform:translateY(36px)}.kodriva [data-reveal=in]{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),transform 1.1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms)}.kodriva-nav{position:relative;z-index:3}.kodriva-nav__logo{line-height:0}.kodriva-nav__logo img{display:block;width:150px;height:auto}.kodriva-nav .brand-nav__links{font-size:14px;font-weight:500}.kod-hero{position:relative;display:flex;flex-direction:column;height:calc(100svh - 42px);min-height:700px;max-height:1000px;padding-bottom:clamp(28px,5vh,56px);overflow:hidden}.kod-hero__stage{position:relative;flex:1;min-height:0}.kod-hero__frame{position:absolute;top:-2%;left:50%;height:104%;aspect-ratio:1;transform:translate(-50%)}.kod-hero__dither{position:absolute;inset:0}.kod-hero__still{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.kod-hero__camera{position:absolute;z-index:1;left:50%;top:50%;width:auto;width:90%;height:auto;max-width:84vw;object-fit:contain;transform:translate(-50%,-48%);filter:drop-shadow(0 30px 32px rgb(38 36 31 / .3))}.kod-hero__note{position:absolute;z-index:1;display:flex;align-items:center;gap:14px;margin:0;font-size:13px;line-height:1.3;color:var(--kodriva-grey)}.kod-hero__note{white-space:nowrap}.kod-hero__note:after{content:"";width:72px;height:1px;background:currentColor;opacity:.6}.kod-hero__note--left{right:96%;top:31%}.kod-hero__note--right{left:96%;top:63%;flex-direction:row-reverse}.kod-hero__foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:0 var(--kod-gutter)}.kod-hero__title{margin:0;font-weight:500;font-size:clamp(48px,6.2vw,110px);line-height:.94;letter-spacing:-.05em}.kod-hero__line{display:block;white-space:nowrap}.kod-hero__intro{flex:none;max-width:290px;padding-bottom:6px}.kod-hero__intro p{margin:0 0 20px;font-size:16px;line-height:1.55;color:var(--kodriva-grey)}@media(prefers-reduced-motion:no-preference){.kod-hero__line{animation:kod-rise 1s cubic-bezier(.2,.7,.2,1) both}.kod-hero__line--two{animation-delay:.1s}.kod-hero__camera{animation:kod-camera 1.3s cubic-bezier(.2,.7,.2,1) .15s both}.kod-hero__note,.kod-hero__intro{animation:kod-fade 1s ease .5s both}}@keyframes kod-rise{0%{opacity:0;transform:translateY(32px)}}@keyframes kod-camera{0%{opacity:0;transform:translate(-50%,-40%)}}@keyframes kod-fade{0%{opacity:0}}.kod-rest{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;align-items:start;padding:clamp(96px,10vw,160px) var(--kod-gutter) clamp(80px,8vw,128px)}.kod-rest__media{grid-column:1 / span 7}.kod-rest__figure{position:relative;margin:0;aspect-ratio:4 / 5;overflow:hidden;background:var(--kodriva-paper)}.kod-rest__figure img{display:block;width:100%;height:100%;object-fit:cover}.kod-rest__pin{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--kodriva-mat);color:var(--kodriva-ink);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #26241f24;transition:background-color .25s ease,color .25s ease}.kod-rest__pin:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.kod-rest__pin[data-active]{background:var(--kodriva-ink);color:var(--kodriva-cream)}.kod-rest__copy{grid-column:9 / span 4;position:sticky;top:48px}.kod-rest__intro{margin:0 0 44px;font-size:16px;line-height:1.65;color:var(--kodriva-grey)}.kod-rest__stages{display:grid;gap:10px;margin:0}.kod-rest__stage{margin:0 -16px;padding:14px 16px;border-radius:4px;outline:none;transition:background-color .25s ease;cursor:default}.kod-rest__stage[data-active],.kod-rest__stage:focus-visible{background:var(--kodriva-paper)}.kod-rest__stage dt{margin-bottom:6px;font-size:19px;font-weight:600;letter-spacing:-.01em}.kod-rest__stage dd{margin:0;font-size:15px;line-height:1.6;color:var(--kodriva-grey)}.kod-film{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:24px;padding:clamp(40px,5vw,80px) var(--kod-gutter) clamp(120px,12vw,200px)}.kod-film__copy{grid-column:1 / span 5;grid-row:1;padding-top:clamp(8px,3vw,48px)}.kod-film__copy p{max-width:42ch;margin:0;font-size:17px;line-height:1.7;color:var(--kodriva-grey)}.kod-film__photo{grid-column:6 / -1;grid-row:1 / span 2;aspect-ratio:4 / 5;overflow:hidden;background:var(--kodriva-paper)}.kod-film__photo img{display:block;width:100%;height:100%;object-fit:cover}.kod-film__mat{position:relative;z-index:1;grid-column:3 / span 4;grid-row:2;align-self:end;margin-bottom:-64px}.kod-film__mat figure{margin:0;padding:16px 16px 14px;background:var(--kodriva-mat);box-shadow:0 24px 50px #26241f2e}.kod-film__print{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--kodriva-ink)}.kod-film__print>*{position:absolute;inset:0}.kod-film__still{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.kod-film__mat figcaption{margin-top:12px;font-size:13px;color:var(--kodriva-grey)}.kod-bench{position:relative;padding-bottom:clamp(96px,10vw,160px)}.kod-bench__photo{height:clamp(460px,78vh,820px);overflow:hidden;background:var(--kodriva-paper)}.kod-bench__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.kod-bench__panel{position:relative;z-index:1;width:min(620px,46vw);margin:clamp(-200px,-16vh,-120px) var(--kod-gutter) 0 auto;padding:clamp(36px,4vw,56px);background:var(--kodriva-cream)}.kod-bench__lede{margin:0 0 36px;font-size:17px;line-height:1.7;color:var(--kodriva-grey)}.kod-bench__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}.kod-bench__notes strong{display:block;margin-bottom:8px;font-size:18px;font-weight:600;letter-spacing:-.01em}.kod-bench__notes span{font-size:15px;line-height:1.6;color:var(--kodriva-grey)}.kodriva .study-footer{background:var(--kodriva-paper)}.kodriva .shader-callout__title{font-family:inherit;font-weight:500;letter-spacing:-.045em;line-height:1}@media(max-width:1024px){.kod-hero__note{display:none}.kod-hero__foot{flex-direction:column;align-items:flex-start;gap:24px}.kod-hero__title{font-size:clamp(44px,8.4vw,86px)}.kod-rest__media{grid-column:1 / span 7}.kod-rest__copy{grid-column:8 / -1}}@media(max-width:760px){.kodriva{--kod-gutter: 6vw}.kodriva-nav__logo img{width:118px}.kod-hero{height:auto;min-height:0;max-height:none;padding-bottom:56px}.kod-hero__stage{flex:none;aspect-ratio:1;margin:4px 0 12px}.kod-hero__frame{top:0;height:100%}.kod-hero__camera{width:94%}.kod-hero__title{font-size:clamp(36px,10.6vw,56px)}.kod-hero__line{white-space:normal}.kod-rest,.kod-film{display:flex;flex-direction:column}.kod-rest{gap:40px}.kod-rest__copy{position:static}.kod-rest__pin{font-size:11px;padding:4px 9px 4px 6px}.kod-film{gap:32px}.kod-film__mat{width:78%;margin:-96px 0 0 auto}.kod-bench__photo{height:62vh}.kod-bench__panel{width:auto;margin:-64px var(--kod-gutter) 0;padding:32px 26px}.kod-bench__notes{grid-template-columns:1fr}}
