/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Roy Make Regular by Baqoos
 * URL: https://www.myfonts.com/collections/baqoos-foundry

 * Webfont: Kidsnote 1 by Luxfont
 * URL: https://www.myfonts.com/collections/luxfont-foundry
 
 * © 2026 MyFonts Inc. */


  
@font-face {
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-family: "Kidsnote1";
  size-adjust: 200%;
  src: url('/assets/fonts/purchased/Kidsnote1/font.woff2') format('woff2'), url('/assets/fonts/purchased/Kidsnote1/font.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-family: "RoyMakeRegular";
  src: url('/assets/fonts/purchased/RoyMakeRegular/font.woff2') format('woff2'), url('/assets/fonts/purchased/RoyMakeRegular/font.woff') format('woff');
}


:root,body,input,textarea,select,button,p,a,label,legend,li,small,summary,figcaption,text,.folder-details,.nav,#account-menu-wrap,.rich-editor,#status,#memory-counter{font-family:"Kidsnote1",sans-serif !important;font-weight:400 !important}
h1,h2,h3,h4,h5,h6,.folder-title,.project-name,.eyebrow,.more{font-family:"RoyMakeRegular",sans-serif !important;font-weight:400 !important;font-style:normal !important;font-variant:normal !important;letter-spacing:normal !important}
.credit{font-variant:normal;font-size:clamp(21px,2.3vw,48px)}
.rig-info h1{font-size:clamp(30px,4vw,90px);white-space:normal;line-height:1.08}

@font-face{font-family:"Akira Expanded";src:url('/assets/fonts/akira/akira-expanded.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:is(.portfolio-page,.portfolio-rig) :is(h1,h2,h3,h4,h5,h6,.folder-title,.project-name,.eyebrow,.more){font-family:"Akira Expanded",sans-serif !important}
/* Kidsnote has small letterforms; give body copy and controls room to read. */
body{font-size:20px}
#account-menu-panel{font-size:23px}
.portfolio-page .folder-details{font-size:clamp(24px,2.6vw,34px);line-height:1.65}
.portfolio-rig .credit{font-size:clamp(28px,3.1vw,60px);line-height:1.3;white-space:normal}
.portfolio-rig label{font-size:clamp(22px,2.05vw,38px);line-height:1.35;margin-bottom:1.2vw}
.portfolio-rig button{font-size:clamp(18px,1.65vw,30px);line-height:1.3;padding:.6vw .9vw}
.portfolio-rig #status{font-size:clamp(24px,2.2vw,40px)}
.portfolio-rig h1{font-size:clamp(28px,3.8vw,76px);line-height:1.12}
.portfolio-rig .eyebrow{font-size:clamp(18px,1.65vw,34px);line-height:1.35}
.portfolio-rig h2{font-size:clamp(15px,1.25vw,26px);line-height:1.4}
.portfolio-rig .control-heading{flex-wrap:wrap}
.portfolio-rig .more{font-size:clamp(18px,1.5vw,34px)}
.portfolio-rig .rig{min-height:61vw}
.portfolio-rig .rig-info{position:relative;left:auto;right:auto;top:auto;width:39.4%;margin-left:56.5%;padding-top:5vw;padding-bottom:5vw}
.portfolio-rig #stage{position:absolute;top:1.5vw;left:0}

/* Account labels use full-sized rows on both the home and portfolio menus. */
#account-menu-panel{width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - var(--header-top) - var(--menu-height) - 24px);overflow-y:auto;padding:18px}
#account-menu-panel p,#account-menu-panel a{font-size:clamp(40px,12vw,48px);line-height:1.15;letter-spacing:0;white-space:normal;overflow-wrap:break-word}
#account-menu-panel p{margin:4px 10px 12px}
#account-menu-panel a{min-height:70px;padding:8px 10px;margin:4px 0;display:flex;align-items:center}

/* Compact font metrics keep the actual Kidsnote lettering optically centered. */
@font-face{font-family:"Kidsnote Rig";src:url('/assets/fonts/purchased/Kidsnote1/font.woff2') format('woff2'),url('/assets/fonts/purchased/Kidsnote1/font.woff') format('woff');font-display:swap;size-adjust:200%;ascent-override:24%;descent-override:0%;line-gap-override:0%}
.portfolio-rig :is(p,a,label,button){font-family:"Kidsnote Rig",sans-serif !important}
.portfolio-rig .eyebrow,.portfolio-rig .more{font-family:"Akira Expanded",sans-serif !important}
.portfolio-rig .rig{min-height:54vw}
.portfolio-rig .rig-info{width:41%;margin-left:55.5%;padding-top:4vw;padding-bottom:3vw}
.portfolio-rig h1{font-size:clamp(28px,3.65vw,76px);margin:.55vw 0 0;line-height:1.12}
.portfolio-rig .credit{text-align:center;font-size:clamp(24px,2.65vw,50px);line-height:1;margin:.6vw 0 3vw}
.portfolio-rig .credit a{display:inline-block}
.portfolio-rig .control-heading{margin-bottom:1.6vw;justify-content:space-between;flex-wrap:nowrap}
.portfolio-rig .control-columns{grid-template-columns:.9fr 1.1fr;gap:1.2vw}
.portfolio-rig label{font-size:clamp(20px,1.8vw,34px);line-height:1.15;gap:1vw;margin:0;min-height:6.3vw}
.portfolio-rig input[type=range]{margin:0;align-self:start}
.portfolio-rig button{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(18px,1.6vw,29px);line-height:1;min-height:3.5vw;padding:.8vw .7vw;white-space:nowrap}
.portfolio-rig .expression-panel{background:rgba(180,64,56,.8);border-radius:1.3vw;padding:.65vw .45vw .35vw;margin-top:-.15vw}
.portfolio-rig .expression-panel h2{margin:0 0 .8vw;font-size:clamp(13px,1.2vw,25px);text-align:center;line-height:1.2}
.portfolio-rig #expressions{display:flex;gap:.55vw;align-items:stretch}
.portfolio-rig #expressions button{flex:1;min-width:0}
.portfolio-rig #expressions button[aria-pressed=true]{background:#15191b;box-shadow:inset 0 0 0 2px #fff}
@media(max-width:700px){.portfolio-rig .control-heading{flex-wrap:wrap;gap:12px}.portfolio-rig .control-columns{grid-template-columns:1fr}.portfolio-rig label{min-height:80px}.portfolio-rig #expressions{flex-wrap:wrap}.portfolio-rig .expression-panel{border-radius:16px;padding:12px 8px}.portfolio-rig button{min-height:40px}.portfolio-rig .credit{line-height:1.3}}

.portfolio-rig .rig-info header,.portfolio-rig .more{text-align:center}
.portfolio-rig .credit{margin:.35vw 0 2.5vw}
.portfolio-rig .control-heading{margin-bottom:1.15vw}
.portfolio-rig label{display:flex;flex-direction:column;justify-content:flex-start;gap:.6vw;min-height:0;margin-bottom:1.5vw}
.portfolio-rig input[type=range]{flex:none;width:100%}
.portfolio-rig .more{margin:2vw 0 0}
.portfolio-rig [hidden]{display:none!important}