.desk{padding:max(calc(var(--header-height) + 8px), calc(var(--frame) * .92)) var(--gutter) 0;grid-template-rows:1fr auto 1fr auto;grid-template-columns:5fr 4fr 3fr;column-gap:clamp(28px,4vw,64px);display:grid}.desk-who{flex-direction:column;grid-row:1/4;justify-content:center;gap:14px;display:flex}.desk-portrait{--tilt-x:0deg;--tilt-y:0deg;perspective:1000px;width:clamp(140px,24vh,240px);margin:0 0 8px;position:relative}.desk-portrait>img{width:100%;box-shadow:0 1px 0 rgb(var(--ink-rgb) / 10%), 0 18px 40px -18px rgb(var(--shadow-rgb) / 45%);transform:rotate(-2deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .5s var(--ease);border:6px solid #fffaf0;border-radius:4px}.desk-name{letter-spacing:-.055em;max-width:7ch;font-size:clamp(48px,min(7vw,11vh),112px);font-weight:650;line-height:.88}.desk-promise{letter-spacing:-.02em;max-width:19em;font-size:clamp(18px,min(1.7vw,2.8vh),26px);font-weight:500;line-height:1.25}.desk-promise em{color:var(--coral);font-family:var(--serif);font-weight:400}.desk-who .actions{margin-top:6px}.home-moth{z-index:3;width:var(--moth-size);aspect-ratio:1;cursor:grab;position:absolute;top:-34%;right:-58%}.desk-work,.desk-side{flex-direction:column;grid-row:2;min-width:0;display:flex}.desk-heading{border-top:2px solid var(--ink);letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;padding-top:8px;font-size:clamp(16px,2.4vh,20px);display:flex}.desk-heading:not(:first-child){margin-top:clamp(16px,3.4vh,32px)}.desk-more{color:var(--faint);letter-spacing:0;font-size:13px;font-weight:600;text-decoration:none}.desk-more:hover{color:var(--coral)}.shelf{margin:0;padding:0;list-style:none}.shelf-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:clamp(5px,.9vh,9px) 0;text-decoration:none;display:grid}.shelf-title{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,2vh,16px);font-weight:600;overflow:hidden}.shelf-row.is-project{align-items:start;padding-block:clamp(7px,1.2vh,11px)}.shelf-row.is-video .shelf-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}.shelf-row.is-project .thumb{margin-top:2px}.shelf-text{gap:2px;min-width:0;display:grid}.shelf-line{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(12.5px,1.65vh,14px);line-height:1.4;display:-webkit-box;overflow:hidden}.shelf-year{color:var(--faint);font-feature-settings:"tnum";font-size:13px}.shelf-row:hover .shelf-title{color:var(--coral)}.thumb{aspect-ratio:16/10;width:clamp(48px,7.2vh,64px);display:block;position:relative}.thumb img,.thumb-blank{object-fit:cover;background:var(--panel-soft);width:100%;height:100%;box-shadow:0 2px 6px -2px rgb(var(--shadow-rgb) / 40%);transform-origin:100%;transition:transform .32s var(--ease), box-shadow .32s ease;border:2px solid #fffaf0;border-radius:3px;position:absolute;inset:0}.thumb-blank{color:var(--ultramarine);font:italic 400 22px var(--serif);place-items:center;display:grid}.thumb.is-mark{aspect-ratio:1;width:clamp(56px,8.4vh,76px);margin-block:-6px}.thumb.is-mark img{object-fit:contain;box-shadow:none;filter:drop-shadow(-3px 5px 4px rgb(var(--shadow-rgb) / 28%));transform-origin:50% 80%;background:0 0;border:0;border-radius:0}.shelf-row:is(:hover,:focus-visible) .thumb.is-mark img{box-shadow:none;border-width:0;animation:.9s step-end infinite mark-hop;transform:none}@keyframes mark-hop{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(-4deg)scale(1.06)}50%{transform:translateY(-6px)rotate(2deg)scale(1.08)}75%{transform:translateY(-2px)rotate(-2deg)scale(1.04)}}.shelf-row:is(:hover,:focus-visible) .thumb :is(img,.thumb-blank){z-index:30;box-shadow:0 30px 60px -20px rgb(var(--shadow-rgb) / 55%);border-width:5px;transform:scale(5.2)}.shelf-row:is(:hover,:focus-visible) .thumb{z-index:30}.story-steps{display:grid}.story-step{border:0;border-bottom:1px solid var(--line);color:var(--ink);font:600 clamp(13px, 1.8vh, 15px) / 1.3 var(--font-sans);text-align:left;cursor:pointer;background:0 0;grid-template-columns:5.6em 1fr;gap:8px;padding:clamp(4px,.75vh,7px) 0;display:grid;position:relative}.story-step em{color:var(--faint);font-style:normal}.story-step:hover em,.story-step[aria-selected=true] em{color:var(--ink)}.story-step[aria-selected=true]{color:var(--ultramarine)}.story-step:after{content:"";background:var(--coral);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.story-step[aria-selected=true]:after{transform:scaleX(1)}.story.is-playing .story-step[aria-selected=true]:after{animation:story-progress var(--story-step,6s) linear both}@keyframes story-progress{0%{transform:scaleX(0)}}.path-year{color:var(--coral);font-feature-settings:"tnum"}.story-panels{margin-top:clamp(10px,1.8vh,16px);display:grid;position:relative}.story-panel{grid-area:1/1;align-content:start;justify-items:start;gap:8px;font-size:clamp(14px,1.9vh,16px);line-height:1.5;display:grid}.story-panel[hidden]{visibility:hidden;display:grid}.story-panel p{color:var(--muted)}.story-panel:not([hidden]){animation:story-in .42s var(--ease) both}@keyframes story-in{0%{opacity:0;transform:translateY(8px)}}.desk-foot{padding:12px max(0px, calc(var(--frame) - var(--gutter) + 12px)) clamp(24px, 5vh, 56px);border-top:1px solid var(--line);flex-wrap:wrap;grid-area:4/1/auto/-1;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:clamp(12px,2.4vh,24px);display:flex}.partners{align-items:center;gap:18px;display:flex}.partners ul{align-items:center;gap:22px;margin:0;padding:0;list-style:none;display:flex}.partners a{opacity:.62;transition:opacity .2s;display:block}.partners a:is(:hover,:focus-visible){opacity:1}.partners img{width:auto;height:22px;filter:var(--mark-filter);border-radius:0;display:block}.partners li:nth-child(2) img{height:30px}.partners li:nth-child(3) img{height:28px}.desk-email{color:var(--ultramarine);font-size:clamp(16px,2.4vh,20px);font-weight:600;text-decoration:none}.desk-email:hover{color:var(--coral)}.desk-foot nav{flex-wrap:wrap;align-items:center;gap:6px 22px;display:flex}.desk-foot nav a{font-size:14px;font-weight:600;text-decoration:none}.desk-foot nav a:hover{color:var(--coral)}@media (width>=1024px) and (height>=620px){html:has(body.is-sheet),body.is-sheet{height:100%;overflow:hidden}body.is-sheet .site-shell,body.is-sheet main{height:100%}.desk{height:100svh}}@media (width<=1023px),(height<=619px){.desk{padding-top:calc(var(--header-height) + 24px);grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:32px}.desk>*{grid-row:auto}.desk-who{padding-bottom:8px}.desk-name{font-size:clamp(48px,15vw,88px)}.desk-promise{font-size:20px}.home-moth{right:-46%}.shelf-row:is(:hover,:focus-visible) .thumb :is(img,.thumb-blank){transform-origin:0;transform:scale(3)}.desk-foot{margin-top:0;padding:12px 0 96px}.desk-email{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.thumb.is-mark img{animation:none!important}.thumb img,.thumb-blank{transition:none}.story-panel:not([hidden]){animation:none}}:root{--drawer-w:clamp(560px, 60vw, 920px)}body.is-sheet .desk{transition:transform .9s var(--ease)}@media (width>=1024px) and (height>=620px){body.drawer-open .desk{transform:translate3d(calc(-1 * var(--desk-shift,var(--drawer-w))), 0, 0)}}.drawer{inset:var(--header-height) 0 0 auto;z-index:15;width:var(--drawer-w);border:0;border-left:var(--rule-heavy) solid var(--ink);max-width:none;height:auto;max-height:none;color:var(--ink);background-color:var(--sheet);box-shadow:-36px 0 70px -40px rgb(var(--shadow-rgb) / 50%);margin:0;padding:18px 44px 24px 36px;position:fixed}.drawer[open]{animation:drawer-in .9s var(--ease) both;flex-direction:column;display:flex}.drawer.is-closing{animation:.6s cubic-bezier(.5,0,.8,.4) both drawer-out}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-out{to{transform:translate(100%)}}.drawer-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.drawer-actions{align-items:center;gap:6px;display:flex}.drawer-step,.drawer-close{border:1px solid var(--line);min-height:36px;color:var(--ink);font:600 13px var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.drawer-step:disabled{opacity:.3;cursor:default}.drawer-close{width:36px;padding:0;font-size:20px;line-height:1}:is(.drawer-step:not(:disabled),.drawer-close):hover{color:var(--paper);background:var(--ink)}.drawer-item{flex-direction:column;flex:1;gap:12px;min-height:0;padding-top:14px;display:flex}.drawer .drawer-item[hidden]{display:none}.drawer-head h2{letter-spacing:-.04em;outline:none;margin-top:4px;font-size:clamp(26px,3.6vh,38px);line-height:1.02}.drawer-lead{max-width:46em;color:var(--muted);margin-top:8px}.drawer-links{flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:14px;font-weight:600;display:flex}.drawer-links a{text-decoration:none}.drawer-links a:hover{color:var(--coral)}@media (width<=1023px),(height<=619px){.drawer{inset:var(--header-height) 0 0;z-index:15;border-left:0;width:auto;padding:14px 20px 32px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.drawer[open],.drawer.is-closing{animation:none}body.is-sheet .desk{transition:none}}.shelf-row.is-open .shelf-title,.story-step.is-open{color:var(--coral)}.shelf-row.is-open .thumb img{box-shadow:0 0 0 2px var(--coral)}.drawer-player{aspect-ratio:16/9;background:#172b36;border-radius:4px;width:100%;max-height:58vh;position:relative;overflow:hidden}.drawer-player :is(img,iframe){object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.drawer-description{max-width:60em;color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.contact-card{border-top:2px solid var(--ink);justify-items:start;gap:12px;max-width:34em;padding-top:14px;display:grid}.contact-email{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.contact-email a{color:var(--ultramarine);letter-spacing:-.02em;font-size:clamp(20px,2.4vw,30px);font-weight:650;text-decoration:none}.contact-email a:hover{color:var(--coral)}.contact-general{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:15px;display:flex}.contact-general a{font-weight:600;text-decoration:none}.drawer-item.is-contact{justify-content:start}
