/* The user's floral reference is the visual authority for this revision. */
:root{--paper:#fbe9e4;--ink:#58453e;--muted:#745b51;--rose:#985347;--line:#dcb9aa;--green:#766b49}
body{background:#fbe9e4}header{background:#fcece8;border-bottom-color:#e6c8bc;padding:22px 6%;min-height:98px}.institution{color:#8f6d53}.brand{font-size:24px}nav{font-size:14px}nav a{min-height:44px;display:flex;align-items:center}.brand-dot{color:#a26853}.hero{min-height:760px;padding:110px 7% 0;background:#fbe8e3 url('assets/floral-garden.webp') right top/100% auto no-repeat;isolation:isolate;overflow:visible}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbe9e4e6 0%,#fbe9e4a8 35%,transparent 65%);z-index:-1}.hero-copy{width:64%;padding:10px 0 155px}h1{font-size:clamp(48px,4.8vw,76px);line-height:1.2;color:#5c443b;font-weight:400}h1 em{color:#a15e50}.hero-copy p{max-width:440px;font-size:16px;color:#73594e;line-height:1.9;margin:30px 0}.button{background:#996952;border:1px solid #996952;border-radius:30px;padding:15px 25px;box-shadow:0 6px 18px #a25f4320}.button:hover{background:#82553f}.hero-art{display:none}.hero-note{font-size:12px;color:#7d6050}.hero-bottom{border-color:#c9a88c70;padding:20px 0;color:#785b48;font-size:11px;gap:20px}.section{position:relative;padding:100px 7%;isolation:isolate}.section:before{content:'';position:absolute;left:0;top:-28px;right:0;height:60px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 20C300 90 950-40 1440 23M0 27C380 99 950-24 1440 32' fill='none' stroke='%23fffaf2' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}.pioneers{background:radial-gradient(ellipse at 80% 20%,#fff5edaa,transparent 65%),#fae4df;border:0}.section-heading{align-items:center;margin-bottom:50px}.section-heading h2{font-size:clamp(38px,4vw,58px);color:#67493c}.section-heading>p{font-size:14px;color:#7d6254}.portrait-grid{gap:34px}.portrait-card{position:relative;padding:24px 24px 8px;background:#fff8eea6;border:1px solid #cba98d;border-radius:140px 140px 10px 10px;box-shadow:0 15px 38px #a5755e12;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .5s,background .5s;transform-origin:50% 80%}.portrait-card:before{content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid #d6b69e;border-radius:132px 132px 5px 5px;opacity:.55}.portrait-card:nth-child(2){background:#f8f0e2b8}.portrait-card:nth-child(3){background:#e9ead6b0}.portrait-frame{border-radius:120px 120px 5px 5px;aspect-ratio:.88/1;box-shadow:0 8px 20px #77524412}.portrait-frame img{filter:grayscale(1) sepia(.25)}.portrait-card:hover{transform:translateY(-10px);box-shadow:0 22px 38px #a5755e26}.portrait-card.is-open{background:#fff6ec;box-shadow:0 18px 40px #a5755e2b}.portrait-card.awaiting{opacity:.12;transform:translateY(52px) rotate(2deg);filter:blur(5px)}.portrait-card.revealed{animation:card-bloom 1.1s cubic-bezier(.16,1,.3,1) var(--card-delay,0ms) both}.portrait-toggle{text-align:center}.country{font-size:11px;color:#806650;margin-top:22px}.portrait-card h3{font-size:27px;margin-top:9px;min-height:68px;display:grid;align-items:center}.quote{font-size:19px;color:#94614e;max-width:28ch;margin:10px auto 0;min-height:145px}.read-story{padding:15px 4px;color:#805e46;font-size:12px}.portrait-label{background:#fff8efeb;color:#71513e;left:12px;bottom:12px;letter-spacing:.1em;font-size:10px}.open-icon{background:#fff6e8;color:#9a7151}.story{background:transparent;overflow:hidden;text-align:left;color:#6f594c;font-size:14px}.story>div{padding:24px 3px}.section-footnote{color:#936c55;font-size:19px;margin-top:45px}.workshop{background:radial-gradient(ellipse at 60% 50%,#fff3ed99,transparent 65%),#f8dfda;border:0}.workshop-layout{grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.assembly{background:none;border:0;padding:0}.assembly-label{color:#8a644f;font-size:12px;border-bottom:1px solid #cda88c70;padding-bottom:14px}.flower-stage{max-width:590px;aspect-ratio:520/600;position:relative}.craft-rose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(6px 16px 15px #975c4324);transition:filter .8s,transform 1s}#flower{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.flower-stage:has(.lit) .craft-rose{filter:drop-shadow(0 8px 22px #d6a35e5c);transform:rotate(-1deg)}.drop-mark circle{fill:#fff6eac9;stroke:#a2784c;stroke-dasharray:3 4;stroke-width:1.3}.drop-mark.target circle{fill:#f4dcb4;stroke-width:2.5}.drop-mark text{fill:#805a3e;font-size:14px}.part{filter:drop-shadow(1px 3px 2px #7e553d33)}#glow{mix-blend-mode:screen}.callout-lines{opacity:.8;pointer-events:none}.assembly>p{font-size:12px;color:#88664e}.instructions h3{font-size:32px;color:#67493c}.workshop-intro{font-size:14px;color:#7d6254}.steps{margin-top:25px}.piece{gap:16px;background:#fff6ed9e;border:1px solid #d3b294!important;border-radius:14px;margin:12px 0;padding:16px;box-shadow:0 6px 14px #945c4410;transition:background .3s,transform .3s,box-shadow .3s;cursor:grab}.piece:hover{background:#fff9ee;transform:translateY(-3px);box-shadow:0 10px 20px #945c4420}.piece:active{cursor:grabbing}.piece-number{border-color:#b59370;color:#875f42;font-size:12px}.piece strong{font-size:15px;color:#72503d}.piece>span>span{font-size:12px;color:#816751;line-height:1.5}.piece>svg{order:-1;flex-basis:56px;width:56px;height:56px;padding:8px;background:#f6e4d4;border-radius:12px;filter:drop-shadow(1px 3px 2px #976a401a)}.piece-number{order:2;flex-basis:25px;height:25px;line-height:24px}.piece:disabled{opacity:.65;cursor:default;background:#eadfcf}.piece:disabled .piece-number{background:#7d805a;border-color:#7d805a}.assembly-status{color:#8b614b;font-size:19px;margin:24px 0 5px}.reset,.circuit-explanation{color:#785c49;font-size:12px}.reset{min-height:44px}.circuit-explanation{border-top:1px solid #d2ae9270;padding-top:15px;margin-top:15px}.circuit-explanation summary{min-height:44px;display:list-item}.drag-ghost{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px;border:1px solid #bd926b;border-radius:14px;background:#fff5e9ef;padding:12px;box-shadow:0 12px 24px #9d604844}.drag-ghost svg{width:56px;height:56px}.drag-ghost span{font-size:11px;color:#75543f}.light-switch{z-index:3;bottom:10px;border-radius:30px;background:#996952;box-shadow:0 8px 20px #98634533;padding:13px 20px;font-size:13px}.light-switch[aria-pressed=true]{background:#a4713e}.about{background:#fbe9e4;min-height:590px;gap:55px;overflow:hidden}.about:after{content:'';position:absolute;left:0;bottom:0;width:42%;height:90%;background:url('assets/floral-garden.webp') left bottom/900px auto no-repeat;mask-image:linear-gradient(to right,#000 70%,transparent);z-index:-1;opacity:.85}.about-flower{opacity:0}.about-copy h2{font-size:clamp(36px,3.5vw,52px);color:#67493c}.about-copy>p{color:#795e51;font-size:15px}.values{color:#8f684d;font-size:12px}.values span{border-color:#caa88c}.about-copy .about-closing{font-size:22px;color:#a06650}footer{background:#f7ded8;padding-top:60px;border-top:1px solid #e2c3b5}.footer-identity h2{color:#72503f}.institution-footer>strong{color:#6f7751}.references{border-color:#d4b29c}.footer-bottom{border-color:#d4b29c;color:#765c4d}.footer-identity>p:last-child{color:#795e51;font-size:13px}.footer-tagline{color:#956b51}.footer-bottom{font-size:11px}.ui-icon{color:currentColor}::selection{background:#dfaa97;color:#4d382d}::-webkit-scrollbar-track{background:#fbe9e4}::-webkit-scrollbar-thumb{background:#c59d89;border-color:#fbe9e4}
@keyframes card-bloom{0%{opacity:.12;transform:translateY(45px) rotate(2deg);filter:blur(5px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}
@media(min-width:1450px){.hero-copy{padding-bottom:155px}.hero{padding-top:115px}}
@media(max-width:1000px){.hero{min-height:700px;padding-top:90px;background-size:120% auto;background-position:right top}.hero-copy{width:72%;padding-bottom:130px}h1{font-size:56px}.portrait-grid{gap:18px}.portrait-card{padding:17px 17px 6px}.portrait-card h3{font-size:23px}.quote{font-size:18px;min-height:170px}.workshop-layout{gap:35px}.piece{padding:12px;gap:10px}.piece>svg{width:46px;height:46px;flex-basis:46px}.piece strong{font-size:14px}.instructions h3{font-size:28px}.section{padding:80px 5.4%}.about:after{background-size:730px auto}}
@media(max-width:640px){header{padding:16px 6% 0;min-height:auto}.brand{font-size:22px}.institution{font-size:11px}nav{font-size:12px;margin-top:12px;gap:12px}.hero{padding:0 6%;min-height:740px;background-position:right bottom;background-size:auto 720px;overflow:hidden;display:block}.hero:before{background:linear-gradient(to bottom,#fbe9e4f5 0%,#fbe9e4e0 48%,#fbe9e433 78%,transparent)}.hero-copy{width:100%;padding:44px 0 235px}h1{font-size:clamp(36px,8.8vw,54px);line-height:1.22}.hero-copy p{font-size:14px;margin:23px 0;max-width:100%;line-height:1.85}.button{font-size:13px;padding:13px 21px}.hero-note{font-size:11px;max-width:260px;line-height:1.6}.hero-bottom{padding:15px 0;font-size:11px;background:#fbe9e4b5}.section{padding:62px 6%}.section-heading h2{font-size:38px}.section-heading>p{font-size:13px}.section-heading{margin-bottom:34px}.portrait-grid{gap:32px;padding:0 10px}.portrait-card{padding:23px 23px 9px;border-radius:150px 150px 12px 12px}.portrait-frame{aspect-ratio:.95/1;border-radius:130px 130px 6px 6px}.portrait-card h3{font-size:28px;min-height:0;margin-top:11px}.country{font-size:11px;margin-top:20px}.quote{font-size:20px;min-height:0;margin-top:17px;max-width:28ch}.read-story{margin-top:10px;font-size:12px;padding-top:15px;padding-bottom:17px}.portrait-label{font-size:10px}.story{font-size:14px}.story>div{padding:22px 3px}.section-footnote{font-size:18px;line-height:1.6;margin-top:34px}.workshop-layout{display:flex;flex-direction:column;gap:30px}.assembly,.instructions{width:100%}.assembly-label{font-size:11px}.flower-stage{max-width:390px;aspect-ratio:520/600;width:100%}.assembly>p{font-size:11px}.instructions h3{font-size:29px}.workshop-intro{font-size:14px}.piece{padding:14px;gap:12px}.piece>svg{width:56px;height:56px;flex-basis:56px}.piece strong{font-size:15px}.piece>span>span{font-size:12px}.assembly-status{font-size:19px}.about{display:block;min-height:700px;padding-top:62px;padding-bottom:240px}.about-flower{display:none}.about:after{height:290px;width:100%;background-size:680px auto;mask-image:linear-gradient(to top,#000 75%,transparent);opacity:.85}.about-copy h2{font-size:35px}.about-copy>p{font-size:14px}.about-copy .about-closing{font-size:21px}.values{font-size:12px}.footer-main{gap:30px 20px}.footer-identity>p:last-child{font-size:13px}.institution-footer>span,.snct-footer{font-size:11px}.footer-bottom{font-size:11px}.light-switch{font-size:12px;bottom:0}.hero:after{content:'';position:absolute;left:0;bottom:85px;width:100%;height:180px;background:linear-gradient(0deg,#fbe9e433,#fbe9e400);pointer-events:none}}
@media(prefers-reduced-motion:reduce){.portrait-card.awaiting{opacity:1;transform:none;filter:none}.portrait-card.revealed{animation:none}.portrait-card:hover{transform:none}}

.portrait-card.revealed{animation-fill-mode:backwards}.portrait-card:nth-child(2){--card-delay:140ms}.portrait-card:nth-child(3){--card-delay:280ms}@media(max-width:640px){.hero-art{display:block;position:absolute;right:-65px;top:auto;bottom:72px;width:330px;height:220px;margin:0;opacity:.95;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 35%);pointer-events:none}.hero-art img{object-fit:cover;object-position:right top;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mix-blend-mode:multiply}.art-caption{display:none}.hero-copy{padding-bottom:250px}.portrait-card:nth-child(n){--card-delay:0ms}}

#flower.lit .callout-lines{opacity:.15}#flower.lit #led{filter:drop-shadow(0 0 9px #fff4bc)}#flower.lit #copper path:first-child{transform:translate(55px,28px)}#flower.lit #copper path:last-child{transform:translate(-55px,-10px)}#copper path{transition:transform .7s cubic-bezier(.16,1,.3,1)}

.institution,.hero-note,.country,.read-story,.portrait-label,.section-footnote,.assembly-label,.assembly>p,.piece>span>span,.assembly-status,.reset,.circuit-explanation,.values,.footer-tagline,.footer-bottom,.references{color:#72513f}.quote{color:#86513f}.button,.light-switch{background:#8c5d47;border-color:#8c5d47}.light-switch[aria-pressed=true]{background:#885b2d}.portrait-label{font-size:11px}.piece strong{color:#674531}.piece:disabled{opacity:.8}

.craft-leaf{position:absolute;z-index:1;width:27%;height:24%;top:33%;pointer-events:none;transition:transform 1.1s cubic-bezier(.16,1,.3,1);filter:drop-shadow(3px 6px 5px #78523620)}.craft-leaf img{width:100%;height:100%;object-fit:contain}.leaf-left{left:23%;transform-origin:94% 94%}.leaf-right{left:48%;transform-origin:6% 94%}.leaf-right img{transform:scaleX(-1)}.flower-stage:has(.lit) .leaf-left{transform:rotate(42deg)}.flower-stage:has(.lit) .leaf-right{transform:rotate(-42deg)}.flower-stage:has(.lit) .craft-rose{transform:none}#copper path:first-child,#battery{transform-origin:252px 333px;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}#copper path:last-child{transform-origin:257px 333px}#flower.lit #copper path:first-child,#flower.lit #battery{transform:rotate(42deg)}#flower.lit #copper path:last-child{transform:rotate(-42deg)}
