/* Font preferences change content size; layout follows content rather than clipping it. */
html{font-size:100%}
body{overflow-wrap:break-word}
main,section,article,.hero-copy,.hero-details,.edu-hero-copy,.uv-hero-copy,.uv-character-info,.footer>*{min-width:0}
.header{height:auto!important;min-height:100px;gap:16px;padding-block:16px;flex-wrap:wrap}
.header nav{flex-wrap:wrap;row-gap:.65em}
.header nav a,.header nav button{max-width:100%}
.button,.edu-cta,.uv-cta{height:auto;min-height:2.6em;max-width:100%;gap:1.4em}
.button>span,.edu-cta>span,.uv-cta>span{flex-shrink:0}
.page-home .hero-details>.button{height:auto;min-height:34px;width:auto;min-width:128px;padding:.6em 1em}
.hero-intro,.hero-note,.edu-mission,.uv-intro{margin-bottom:0}
.title-first,.title-second{white-space:normal;max-width:100%}
.hero .possibility,.page-studio .studio-corner,.edu-corner,.uv-corner{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.uv-hero h1>span,.page-education #classroom-title,#contact-title>span{white-space:normal}
.page-home .note-destination{flex-wrap:wrap;row-gap:.4em}
.page-home .note{height:auto}
.page-home .atlas-footer{min-height:1.8em}
.page-home .design-note-label{white-space:normal;overflow-wrap:normal}
.page-home .design-note-label strong{display:block}
.page-home .design-note-label small{line-height:1.5}
.values-base p span{white-space:normal}
.value-pair small{overflow-wrap:anywhere}
.page-studio .studio-topline,.edu-topline,.uv-topline{flex-wrap:wrap;row-gap:.7em}
.page-studio .studio-intro{max-width:100%}
.page-studio .signature{max-width:100%;min-width:0}
.page-studio .about-text{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.page-studio .practice-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.uv-world{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.uv-process{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.page-studio .email-group{flex-wrap:wrap;justify-content:flex-end;row-gap:.5em}
.page-studio .email-group .email{white-space:normal;overflow-wrap:anywhere}
.page-studio .email span{display:inline-block;margin-left:.5em}
.page-studio .email-copy{min-width:2.8em;min-height:2.8em}
.page-studio .studio-business-link{flex-wrap:wrap;gap:.5em}
.edu-tab{height:auto;align-items:flex-start}
.edu-tab-label,.edu-tab-text{min-width:0;white-space:normal;overflow-wrap:anywhere}
.edu-tab-number{height:auto;min-height:2em;min-width:2em;line-height:1.6}
.edu-service-line>*{min-width:0}
.edu-visual-note{width:11.25em;max-width:60%;padding:1.2em}
.edu-exploration-cards{height:auto}
.uv-character-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.uv-character-top{flex-wrap:wrap;align-items:flex-start;gap:.7em 1em}
.uv-energy{max-width:100%;white-space:normal;line-height:1.8}
.uv-character-info h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:.15em .4em}
.uv-character-info h3>span{margin-left:0}
.uv-contact-actions,.edu-contact-actions{flex-wrap:wrap;gap:1em}
.footer{grid-template-columns:minmax(0,1fr) auto}
.footer-links{flex-wrap:wrap;white-space:normal;row-gap:.5em}
.footer .copyright,.registration{line-height:1.9;overflow-wrap:anywhere}
dialog{max-height:calc(100svh - 32px);overflow:auto}
dialog h2{padding-right:1em}
dialog select,dialog textarea{min-height:2.8em}
.close,#design-info .design-info-close{min-width:1.5em;min-height:1.5em}

/* Larger user-selected text needs more rows, not a smaller font. */
.text-expanded .hero,.text-expanded .edu-hero,.text-expanded .uv-hero{grid-template-columns:minmax(0,1fr);gap:2em;min-height:0}
.text-expanded .hero-copy,.text-expanded .edu-hero-copy,.text-expanded .uv-hero-copy{max-width:none}
.text-expanded .page-home .atlas{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:1.2em;padding-top:5em;padding-bottom:4em;max-width:600px;min-height:0}
.text-expanded .page-home .note-sky{grid-column:1;grid-row:1;width:min(85%,22em);max-width:100%;justify-self:start;--rest-angle:-3deg}
.text-expanded .page-home .design-note{position:relative;inset:auto;grid-column:1;grid-row:2;width:12em;max-width:75%;min-height:0;justify-self:end;--rest-angle:0deg;translate:0 0}
.text-expanded .page-home .design-note-body{flex-direction:row;flex-wrap:wrap}
.text-expanded .page-home .design-note-label{text-align:left}
.text-expanded .page-home .note-peach{grid-column:1;grid-row:3;width:min(78%,18em);max-width:100%;justify-self:end;--rest-angle:3deg}
.text-expanded .page-home .note-sky,.text-expanded .page-home .note-peach{translate:0 0}
.text-expanded .page-studio .about h1{max-width:100%}
.text-expanded .page-studio .about-text,.text-expanded .page-studio .practice-heading,.text-expanded .page-studio .contact,.text-expanded .uv-world,.text-expanded .uv-process,.text-expanded .uv-contact,.text-expanded .edu-section-head,.text-expanded .edu-classroom{grid-template-columns:minmax(0,1fr)}
.text-expanded .page-studio .about-text>*{grid-column:1;grid-row:auto}
.text-expanded .page-studio .studio-history{margin-top:1.5em}
.text-expanded .edu-tab{padding:1em .6em;display:block}
.text-expanded .edu-tabs{position:relative!important}
.text-expanded .edu-tab-label>small{overflow-wrap:anywhere}
.text-expanded .edu-service-line{grid-template-columns:1.5em minmax(0,1fr);gap:1em}
.text-expanded .edu-service-line>:not(:first-child){grid-column:2}
.text-expanded .edu-exploration-cards{display:grid;gap:1em;min-height:0;padding:1em}
.text-expanded .edu-reflection-front,.text-expanded .edu-reflection-back{position:relative;inset:auto;width:100%;min-height:0;transform:none;padding:1.5em}
.text-expanded .edu-reflection-back{margin-inline-start:0}
.text-expanded .edu-reflection-back i{position:static;display:block;margin-top:1em}
.text-expanded .edu-visual,.text-expanded .uv-hero-art{padding-bottom:8em}
.text-expanded .footer{grid-template-columns:minmax(0,1fr)}
.text-expanded .footer .footer-identity{grid-column:1;grid-row:2}
.text-expanded .footer .footer-links{grid-column:1;grid-row:3;justify-content:flex-start}
.text-expanded .footer>.registration{grid-column:1;grid-row:4}
.text-expanded .values-pairs{flex-wrap:wrap;justify-content:center}
.text-expanded .value-pair{flex:0 1 auto;min-width:0}

@media(max-width:760px){
 .header{min-height:78px;padding-block:14px}
 .header nav{top:100%}
 .page-studio .about-text,.page-studio .practice-heading,.uv-world,.uv-process{grid-template-columns:minmax(0,1fr)}
 .page-home .atlas{padding-bottom:calc(3em + 24px)}
 .uv-hero-art,.edu-visual{max-width:100%}
}
@media(max-width:480px){
 .page-home .design-note{right:0}
 .footer-links{max-width:100%}
 .edu-tab-label{white-space:normal}
 .page-studio .email-group .email{max-width:100%}
}

/* Illustrated posters also need a zero minimum grid track when captions enlarge. */
.uv-hero-art,.edu-visual{grid-template-columns:minmax(0,1fr)}
.uv-art-paper,.edu-poster{min-width:0;max-width:100%;justify-self:center}
.uv-paper-top,.uv-paper-bottom,.edu-poster-bottom{flex-wrap:wrap;gap:.5em;overflow-wrap:anywhere}
.uv-paper-top>*,.uv-paper-bottom>*,.edu-poster-bottom>*{min-width:0}


.page-studio .header,.page-education .header,.page-universe .header{min-height:90px}
.text-expanded .uv-character-pair{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.page-studio .header,.page-education .header,.page-universe .header{min-height:78px}.page-studio .about-text,.page-studio .practice-heading,.uv-world,.uv-process{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.uv-character-pair{grid-template-columns:minmax(0,1fr)}}

.text-expanded .edu-visual-note{max-width:85%;padding:.7em 1em}
.text-expanded .edu-exploration-cards{padding:0;max-width:100%}
.text-expanded .edu-reflection-front,.text-expanded .edu-reflection-back{padding:.75em}
@media(max-width:760px){.text-expanded .edu-tabs{grid-template-columns:minmax(0,1fr);gap:6px}.text-expanded .edu-tab{display:flex;align-items:center;min-height:0;padding:.7em 1em;gap:1em}.text-expanded .edu-tab-number{margin:0}.text-expanded .edu-tab[aria-selected=true]{border-bottom-color:var(--active-border,#ded2dc);border-radius:6px}.text-expanded .edu-tab[aria-selected=true]:after{display:none}}


@media(min-width:761px){.page-home .atlas{grid-template-rows:minmax(110px,auto) minmax(330px,auto)}.text-expanded .page-home .atlas{grid-template-rows:auto auto auto}}


@media(pointer:coarse){.page-studio .email-copy{min-height:max(44px,2.8em)}}