/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
*{box-sizing:border-box;}html{font-family:Helvetica,Arial,sans-serif;}body{margin:0;min-height:100vh;}html,body{overflow-x:clip;}@supports not (overflow-x:clip){html,body{overflow-x:hidden;}}img{max-width:100%;height:auto;display:block;}.container{position:relative;min-height:100vh;padding:clamp(16px,4vw,48px);padding-top:clamp(18px,6vh,56px);isolation:isolate;}section,.section{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;}.footer{min-height:1px;}.bg-image{position:fixed;right:0;bottom:0;width:90%;max-width:90%;height:auto;margin:0;z-index:0;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;}.logo,.brooks,.nav{position:relative;z-index:2;}.logo{width:min(82%,520px);margin:0 auto 18px;padding:0;}.brooks{width:min(92%,520px);margin:0 auto 14px;position:relative;font-family:serif;font-size:1em;line-height:1.5em;font-style:italic;text-align:center;padding-left:0.8em;overflow:visible;}.brooks:before{content:"\201C";position:absolute;top:0.2em;left:0;transform:translateX(-0.35em);color:rgba(209,210,212,0.55);font-size:7em;z-index:-1;}.brooks .author{font-family:arizonia;font-size:0.8em;font-weight:700;color:#000000;float:right;}.nav{--nav-gap:clamp(8px,2vw,16px);width:min(92%,520px);margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--nav-gap);row-gap:0;overflow:visible;}.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc{--btn-size:clamp(40px,14vw,72px);--safe:clamp(6px,1.2vw,12px);flex:0 0 calc((100% - (2 * var(--nav-gap))) / 3);max-width:calc((100% - (2 * var(--nav-gap))) / 3);padding:var(--safe);display:flex;justify-content:center;overflow:visible;}.nav #btn-txt{flex:0 0 100%;width:100%;margin-top:4px;min-height:2.2em;display:flex;justify-content:center;}.nav #btn-txt .lnk{display:none;}.lnk{font-size:clamp(14px,4.2vw,20px);text-align:center;font-weight:bold;color:#D1D2D4;line-height:1.1;white-space:nowrap;padding:0 10px;}:where(.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc):is(:hover,:focus-within) ~ #btn-txt .lnk{display:none;}.btn-ux:is(:hover,:focus-within) ~ #btn-txt #lnkUX,.btn-design:is(:hover,:focus-within) ~ #btn-txt #lnkDESIGN,.btn-art:is(:hover,:focus-within) ~ #btn-txt #lnkART,.btn-t8:is(:hover,:focus-within) ~ #btn-txt #lnkT8,.btn-pc:is(:hover,:focus-within) ~ #btn-txt #lnkPC{display:block;}.rollover{display:block;width:var(--btn-size);height:var(--btn-size);position:relative;overflow:visible;text-decoration:none;}.rollover > div{position:absolute;inset:0;width:100%;height:100%;display:block !important;visibility:visible !important;}.rollover > img,.rollover > div > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity 220ms ease-in-out;}.rollover > img{opacity:1;}.rollover > div > img{opacity:0;max-height:none !important;}.pulsate-fwd{animation:none;-webkit-animation:none;}:where(.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc):is(:hover,:focus-within) .rollover > div > img{opacity:1;animation:pulsate-fwd 0.8s cubic-bezier(0.645,0.045,0.355,1) infinite both;-webkit-animation:pulsate-fwd 0.8s cubic-bezier(0.645,0.045,0.355,1) infinite both;transform-origin:center;}.rollover > div > img{z-index:2;}.rollover > img{z-index:1;}:where(.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc):is(:hover,:focus-within) .rollover > img{opacity:0;}.image-focus-in,.logo-focus-in,.text-focus-in{will-change:opacity,filter;backface-visibility:hidden;}.image-focus-in{animation:focus-in 0.75s cubic-bezier(0.550,0.085,0.680,0.530) both;}.logo-focus-in{animation:focus-in 1.75s cubic-bezier(0.550,0.085,0.680,0.530) both;}.text-focus-in{animation:focus-in 3s cubic-bezier(0.550,0.085,0.580,0.530) both;}@keyframes focus-in{0%{filter:blur(12px);opacity:0;}100%{filter:blur(0px);opacity:1;}}@keyframes pulsate-fwd{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}@media (max-width:414px){.logo{width:min(80%,520px);}.brooks{width:min(92%,520px);}.nav{width:min(92%,520px);}}@media (min-width:415px) and (max-width:899px){.logo{width:min(72%,820px);}.brooks{width:min(84%,820px);font-size:1.06em;}.nav{width:min(84%,820px);}.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc{--btn-size:clamp(60px,10vw,112px);}.lnk{font-size:clamp(14px,2.6vw,24px);}}@media (min-width:900px){section,.section{align-items:flex-start;}:root{--left-gutter:clamp(96px,14vw,300px);--content-w:min(52vw,640px);}.logo{width:var(--content-w);margin:0 0 18px 0;margin-left:var(--left-gutter);}.brooks{width:var(--content-w);max-width:560px;margin:0 0 14px 0;margin-left:var(--left-gutter);font-size:1.12em;text-align:center;}.nav{width:var(--content-w);margin:0;margin-left:var(--left-gutter);justify-content:center;}.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc{--btn-size:clamp(76px,7.2vw,136px);}.lnk{font-size:clamp(16px,1.6vw,26px);}}@media (prefers-reduced-motion:reduce){.image-focus-in,.logo-focus-in,.text-focus-in{animation:none !important;}:where(.btn-ux,.btn-design,.btn-art,.btn-t8,.btn-pc):is(:hover,:focus-within) .rollover > div > img{animation:none !important;-webkit-animation:none !important;}.rollover > img,.rollover > div > img{transition:none !important;}}