/* tea: inline accordion navigation */ .tea-navigation .wp-block-navigation__container{width:100%;align-items:stretch!important} .tea-navigation .wp-block-navigation-item.has-child{display:block!important;width:100%} .tea-navigation .wp-block-navigation-submenu__toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;gap:1rem;color:inherit;background:transparent;border:0;font:inherit;text-align:left;padding:4px 0} .tea-navigation .wp-block-navigation-submenu__toggle:after{content:"+";font:inherit;display:inline-block;transition:transform .2s ease} .tea-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"]:after{content:"−"} .tea-navigation .wp-block-navigation__submenu-icon{display:none!important} .tea-navigation .wp-block-navigation__submenu-container{position:static!important;inset:auto!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important;color:inherit!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column;align-items:stretch!important;box-sizing:border-box;overflow:hidden!important;height:0!important;max-height:0!important;opacity:0!important;visibility:hidden!important;padding:0 0 0 12px!important;margin:0!important;pointer-events:none;transition:max-height .48s cubic-bezier(.22,1,.36,1),opacity .26s ease,padding .4s ease!important} .tea-navigation .wp-block-navigation-submenu:has(>button[aria-expanded="true"])>.wp-block-navigation__submenu-container{height:auto!important;max-height:1600px!important;opacity:1!important;visibility:visible!important;pointer-events:auto;padding-top:8px!important;padding-bottom:12px!important} .tea-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item{width:100%;white-space:normal!important;font-weight:400} .tea-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:5px 0!important;line-height:1.5} .tea-navigation a:focus-visible,.tea-navigation button:focus-visible{outline:1px solid currentColor;outline-offset:4px} .tea-navigation a:hover{text-decoration:underline;text-underline-offset:3px} @supports(interpolate-size:allow-keywords){.tea-navigation{interpolate-size:allow-keywords}.tea-navigation .wp-block-navigation__submenu-container{transition:height .48s cubic-bezier(.22,1,.36,1),opacity .26s ease,padding .4s ease!important}} @media(prefers-reduced-motion:reduce){.tea-navigation *{transition:none!important}} /* tea: softer paper and ink */ body,.wp-site-blocks{background-color:#fbfaf8!important;color:#292929!important} .wp-site-blocks a,.wp-site-blocks .wp-block-navigation,.wp-site-blocks .has-background-color{color:#292929!important} .wp-site-blocks mark{background-color:transparent!important;color:inherit!important} .wp-site-blocks .has-primary-background-color,.wp-site-blocks .has-foreground-background-color{background-color:#fbfaf8!important} /* Animated plus/minus */ .tea-navigation .wp-block-navigation-submenu__toggle{position:relative;padding-right:20px} .tea-navigation .wp-block-navigation-submenu__toggle:before,.tea-navigation .wp-block-navigation-submenu__toggle:after{content:""!important;position:absolute;right:0;top:50%;width:8px;height:1px;background:currentColor;display:block;transform:translateY(-50%);transition:transform .22s ease,opacity .22s ease} .tea-navigation .wp-block-navigation-submenu__toggle:before{transform:translateY(-50%) rotate(90deg);opacity:1} .tea-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"]:before{transform:translateY(-50%) rotate(180deg);opacity:0} @media(prefers-reduced-motion:reduce){.tea-navigation .wp-block-navigation-submenu__toggle:before,.tea-navigation .wp-block-navigation-submenu__toggle:after{transition:none}} /* Gentle reveal of project titles */ .tea-navigation .wp-block-navigation__submenu-container>.wp-block-navigation-item{opacity:0;transform:translateY(-14px);transition:opacity .26s ease,transform .38s cubic-bezier(.22,1,.36,1)} .tea-navigation .wp-block-navigation-submenu:has(>button[aria-expanded="true"])>.wp-block-navigation__submenu-container>.wp-block-navigation-item{opacity:1;transform:translateY(0);transition-delay:70ms} .tea-navigation .wp-block-navigation-submenu:has(>button[aria-expanded="true"])>.wp-block-navigation__submenu-container>.wp-block-navigation-item:nth-child(n+3){transition-delay:160ms} .tea-navigation .wp-block-navigation-submenu:has(>button[aria-expanded="true"])>.wp-block-navigation__submenu-container>.wp-block-navigation-item:nth-child(n+6){transition-delay:160ms} @media(prefers-reduced-motion:reduce){.tea-navigation .wp-block-navigation__submenu-container>.wp-block-navigation-item{transition:none!important;transform:none!important}} /* Dropdown reveal: unfold from the category */ .tea-navigation .wp-block-navigation__submenu-container{clip-path:inset(0 0 100% 0);transition:max-height .55s cubic-bezier(.4,0,.2,1),clip-path .48s cubic-bezier(.22,1,.36,1),opacity .25s ease,padding .45s ease!important} .tea-navigation .wp-block-navigation-submenu:has(>button[aria-expanded="true"])>.wp-block-navigation__submenu-container{clip-path:inset(0)} @supports(interpolate-size:allow-keywords){.tea-navigation .wp-block-navigation__submenu-container{transition:height .5s cubic-bezier(.4,0,.2,1),clip-path .48s ease,opacity .25s ease,padding .45s ease!important}} @media(prefers-reduced-motion:reduce){.tea-navigation .wp-block-navigation__submenu-container{transition:none!important}} /* Quiet category focus */ .tea-navigation .wp-block-navigation-submenu__toggle:focus,.tea-navigation .wp-block-navigation-submenu__toggle:focus-visible{outline:none!important;box-shadow:none!important;background:transparent!important} .tea-navigation .wp-block-navigation-submenu__toggle:focus-visible{text-decoration:underline;text-underline-offset:4px} /* Restrained menu motion and breathing room */ .tea-navigation .wp-block-navigation__submenu-container{clip-path:none!important;transition:opacity .16s ease!important} .tea-navigation .wp-block-navigation__submenu-container>.wp-block-navigation-item{transform:none!important;transition:none!important;transition-delay:0s!important} @media(min-width:782px){main{padding-left:32px;box-sizing:border-box}} /* tea layout v2: shared desktop grid, media and small-screen holding page */ .tea-navigation .wp-block-navigation-submenu__toggle{width:fit-content!important;max-width:100%;justify-content:flex-start!important;padding-right:22px!important;gap:0!important} @media(min-width:1025px){ .wp-site-blocks>.wp-block-group>.wp-block-columns.alignwide:has(header):has(main){display:grid!important;grid-template-columns:280px minmax(0,1fr);column-gap:120px!important;max-width:1504px!important;margin-inline:auto!important} .wp-site-blocks>.wp-block-group>.wp-block-columns.alignwide:has(header):has(main)>.wp-block-column{min-width:0!important} main{padding-left:0!important;box-sizing:border-box;min-width:0} main>.wp-block-columns:has(.wp-block-post-content){display:block!important;margin-top:0!important} main>.wp-block-columns:has(.wp-block-post-content)>.wp-block-column:has(.wp-block-post-content){width:100%!important;max-width:none!important} main>.wp-block-columns:has(.wp-block-post-content)>.wp-block-column:not(:has(.wp-block-post-content)){display:none!important} main .wp-block-post-content{margin-block-start:0!important;width:100%;max-width:none!important} main .wp-block-post-content>:first-child{margin-top:0!important} main .wp-block-post-content>p{max-width:78ch} .tea-media-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin-block:32px!important} .tea-media-grid>.wp-block-gallery{display:contents!important} .tea-media-grid figure.wp-block-image{margin:0!important;width:100%!important;min-width:0;aspect-ratio:16/10} .tea-media-grid figure.wp-block-image a{display:block;width:100%;height:100%} .tea-media-grid figure.wp-block-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover} .tea-media-grid figure.wp-block-image.tea-portrait img{object-fit:contain} .tea-media-grid>.wp-block-embed,.tea-media-grid>.wp-block-video{grid-column:span 2;grid-row:span 2;order:-1;margin:0!important;min-width:0;align-self:stretch} .tea-media-grid .wp-block-embed__wrapper,.tea-media-grid .embed-youtube,.tea-media-grid .embed-vimeo{height:100%;width:100%;display:block!important;aspect-ratio:auto} .tea-media-grid .wp-block-embed__wrapper:before{display:none!important} .tea-media-grid iframe,.tea-media-grid video{width:100%!important;height:100%!important;min-height:220px;display:block;aspect-ratio:16/9} } @media(min-width:1025px) and (max-width:1200px){ .wp-site-blocks>.wp-block-group>.wp-block-columns.alignwide:has(header):has(main){grid-template-columns:230px minmax(0,1fr);column-gap:80px!important} .tea-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tea-media-grid>.wp-block-embed,.tea-media-grid>.wp-block-video{grid-row:auto} } @media(max-width:1024px){ html,body{overflow:hidden!important;min-height:100%;background:#fbfaf8!important} body>*{display:none!important} body:before{content:"desktop version only";text-align:center;position:fixed;inset:0;display:grid;place-items:center;background:#fbfaf8;color:#292929;font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none} } @media(max-width:1024px){body:after{content:"only desktop version available";position:fixed;top:calc(50% + 24px);left:0;right:0;text-align:center;font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;color:#292929}} /* tea: compact reading column and contact */ @media(min-width:1025px){ main .wp-block-post-content{width:100%!important;max-width:740px!important;margin-left:0!important;margin-right:0!important} main .wp-block-post-content>p{max-width:70ch} } .tea-contact{max-width:480px!important;margin:0!important} .tea-contact>p:first-child{margin-top:0!important} .tea-contact .wp-block-jetpack-contact-form,.tea-contact .contact-form{padding:0!important;margin-top:32px!important} .tea-contact label,.tea-contact input,.tea-contact textarea,.tea-contact button{font-family:inherit!important;font-size:inherit!important;line-height:1.5!important;color:#292929!important} .tea-contact input,.tea-contact textarea{box-sizing:border-box;width:100%!important;max-width:100%!important;background:transparent!important;border:1px solid #bcbab5!important;border-radius:0!important;box-shadow:none!important;padding:10px 12px!important} .tea-contact textarea{min-height:160px} .tea-contact label{font-weight:400!important} .tea-contact .grunion-field-label span,.tea-contact .required{font-size:11px!important;opacity:.6} .tea-contact button,.tea-contact .wp-block-button__link{font-family:inherit!important;font-size:14px!important;background:transparent!important;border:1px solid #292929!important;border-radius:0!important;color:#292929!important;padding:9px 16px!important;box-shadow:none!important;text-transform:none!important} .tea-contact button:hover,.tea-contact .wp-block-button__link:hover{background:#292929!important;color:#fbfaf8!important} .tea-contact input:focus-visible,.tea-contact textarea:focus-visible,.tea-contact button:focus-visible{outline:1px solid #292929!important;outline-offset:3px} @media(min-width:1025px){.tea-media-grid:has(.tea-panic-gallery){grid-template-columns:repeat(2,minmax(0,1fr))}.tea-media-grid .tea-panic-gallery figure.wp-block-image{aspect-ratio:2048/858}.tea-media-grid .tea-panic-gallery figure.wp-block-image img{object-fit:contain!important}} @media(max-width:1024px){body:after{content:none!important;display:none!important}} @media(min-width:1025px){ .wp-site-blocks>.wp-block-group>.wp-block-columns.alignwide:has(header):has(main)>.wp-block-column:first-child{align-self:stretch} header.wp-block-template-part{position:sticky;top:48px;max-height:calc(100vh - 72px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} } .tea-contact .contact-form-ajax-submission[hidden],.tea-contact .spinner[hidden]{display:none!important} .tea-contact input[type="checkbox"],.tea-contact input[type="radio"]{width:16px!important;height:16px!important;padding:0!important;margin:0 8px 0 0!important;vertical-align:middle;accent-color:#292929} .tea-contact .grunion-field-checkbox-wrap{display:flex;align-items:flex-start;gap:8px} .tea-contact .grunion-field-checkbox-wrap label{display:inline!important;max-width:none} .tea-contact input:invalid{box-shadow:none} .tea-navigation a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important} .tea-navigation a:focus-visible{outline:none!important;text-decoration:underline;text-underline-offset:4px}