/* A restrained motion system, progressively enhanced by experience.js. */
[hidden]{display:none!important}
.section-hex{display:inline-block;flex:none;width:12px;height:14px;fill:none;stroke:var(--red);stroke-width:1.3;vertical-align:-2px;margin-right:10px}
.hex-overlay.will-draw path{stroke-dasharray:1;stroke-dashoffset:1}
.hex-overlay.is-drawn path{animation:draw-hexagon 1.65s cubic-bezier(.22,.61,.36,1) .2s both}
@keyframes draw-hexagon{to{stroke-dashoffset:0}}
.image-reveal-ready{opacity:0;transform:translate3d(0,14px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.image-reveal-ready.is-visible{opacity:1;transform:none}
.details-body{display:flow-root}
.text-link{position:relative}
.text-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
.dark .text-link:hover{color:var(--paper)}
nav a{position:relative}
nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
nav a:hover:after,nav a:focus-visible:after,nav a[aria-current]:after{transform:scaleX(1)}

.sensory-experiment{margin-top:78px;padding:44px;border:1px solid var(--line);border-top:2px solid var(--red);background:#eeece6;scroll-margin-top:120px}
.experiment-invitation{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.experiment-invitation .eyebrow{font-size:9px;margin-bottom:22px}
.experiment-invitation h3{font-size:54px;letter-spacing:-.045em}
.experiment-invitation-copy{max-width:350px;justify-self:end}
.experiment-invitation-copy>p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 24px}
.experiment-start{background:transparent;border:0;border-bottom:1px solid var(--red);border-radius:0;text-align:left}
.experiment-content{margin-top:38px;border-top:1px solid #d0d0c8;padding-top:36px;scroll-margin-top:0}
.experiment-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:50px;align-items:start}
.spoon-photo{position:relative;aspect-ratio:592/790;background:#e3e1dd}
.spoon-photo img{width:100%;height:100%;object-fit:cover}
.spoon-figure figcaption{font-size:9px;letter-spacing:.06em}
.spoon-hotspot{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--red);font-size:10px;font-weight:500;line-height:1;transform:translate(-50%,-50%);transition:background .2s,color .2s,box-shadow .2s}
.spoon-hotspot>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--red);border-radius:50%;background:var(--paper);transition:background .2s,color .2s}
.spoon-hotspot[data-spoon="0"]{left:12%;top:63.3%}
.spoon-hotspot[data-spoon="1"]{left:37.5%;top:71.5%}
.spoon-hotspot[data-spoon="2"]{left:61%;top:71.5%}
.spoon-hotspot[data-spoon="3"]{left:88%;top:63.3%}
.spoon-hotspot:hover>span,.spoon-hotspot.is-current>span{background:var(--red);color:var(--paper)}
.spoon-hotspot:focus-visible{outline-offset:4px}
.spoon-hotspot.is-answered:after{content:"";position:absolute;right:1px;top:1px;width:7px;height:7px;background:var(--ink);border:2px solid var(--paper);border-radius:50%;box-sizing:content-box}
.spoon-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #c9cbc2;margin-bottom:30px}
.spoon-steps button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 5px 14px;text-align:left;font-size:12px;line-height:1.4;color:var(--muted)}
.spoon-steps button>span{display:block;font-size:8px;letter-spacing:.08em;margin-bottom:7px}
.spoon-steps button[aria-pressed="true"]{border-bottom-color:var(--red);color:var(--red)}
.spoon-steps button.is-answered>span:after{content:" ·";font-weight:600}
.experiment-progress{font-size:9px;color:var(--red);letter-spacing:.08em;line-height:1.6;margin:0 0 17px}
.taste-question{border:0;padding:0;margin:0;min-width:0}
.taste-question legend{font-size:29px;letter-spacing:-.025em;line-height:1.2;padding:0;max-width:390px;margin-bottom:18px}
#taste-instruction{font-size:13px;line-height:1.75;color:var(--muted);max-width:370px;margin:0 0 25px}
.taste-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.taste-options label{position:relative;cursor:pointer}
.taste-options input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.taste-options label>span{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:4px;min-height:48px;padding:10px 8px;font-size:13px;line-height:1.4;border:1px solid #c8cbc2;background:transparent;transition:border-color .2s,background .2s,color .2s}
.taste-options label small{font-size:9px}
.taste-options label:hover>span{border-color:var(--red)}
.taste-options input:checked+span{border-color:var(--red);background:var(--paper);color:var(--red);font-weight:400;box-shadow:inset 0 0 0 1px var(--red)}
.taste-options input:focus-visible+span{outline:2px solid var(--red);outline-offset:4px}
.experiment-actions,.experiment-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:28px}
.experiment-next{min-height:46px;border:1px solid var(--red);padding:12px 20px;background:var(--red);color:var(--paper);font-size:11px;font-weight:500;letter-spacing:.03em;line-height:1.5;transition:background .2s,color .2s}
.experiment-next:hover:enabled{background:transparent;color:var(--red)}
.experiment-next:disabled{background:transparent;border-color:#c8cbc2;color:#777c73;cursor:default}
.experiment-back{border:0;background:transparent;padding:8px 0;font-size:10px;line-height:1.5;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.experiment-context{font-size:10px;line-height:1.8;color:var(--muted);margin:27px 0 0;max-width:390px}
.experiment-source{font-size:9px;line-height:1.85;color:var(--muted);border-top:1px solid #c9cbc2;padding-top:19px;margin:28px 0 0}
.experiment-source cite{font-style:normal}
.experiment-source a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.experiment-workspace .eyebrow{font-size:8px;margin-bottom:17px}
#experiment-result-title{font-size:42px;font-weight:300;line-height:1.05;letter-spacing:-.04em;margin:0 0 23px}
#experiment-result-title:focus{outline:0}
.experiment-result-intro{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 24px}
.taste-comparison table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5;table-layout:fixed}
.taste-comparison thead th{font-weight:400;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:left;padding:0 5px 12px 0;vertical-align:bottom}
.taste-comparison thead th:first-child{width:35%}
.taste-comparison tbody th,.taste-comparison tbody td{border-top:1px solid #c9cbc2;font-weight:300;text-align:left;padding:13px 5px 13px 0}
.taste-comparison tbody th>span{font-size:8px;color:var(--muted);padding-right:5px}
.taste-comparison tbody tr:last-child th,.taste-comparison tbody tr:last-child td{border-bottom:1px solid #c9cbc2}
.taste-comparison td:last-child{font-weight:400}
.experiment-nuance{font-size:10px;line-height:1.8;color:var(--muted);margin:18px 0 24px}
.experiment-explanation{border-top:1px solid #c9cbc2;border-bottom:1px solid #c9cbc2}
.experiment-explanation summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font-size:12px;font-weight:400}
.experiment-explanation .details-body{font-size:12px;color:var(--muted);line-height:1.8}
.experiment-explanation strong{font-weight:500;color:var(--ink)}
.experiment-explanation p:last-child{font-size:10px;margin-bottom:20px}
.experiment-reset{background:transparent;border:0;border-bottom:1px solid var(--red)}
@media(max-width:1100px){.sensory-experiment{padding:35px}.experiment-invitation{gap:40px}.experiment-grid{gap:35px}.taste-question legend{font-size:26px}.taste-options{grid-template-columns:1fr 1fr}.taste-options label:last-child{grid-column:1/-1}}
@media(max-width:800px){.sensory-experiment{padding:28px;margin-top:55px}.experiment-invitation{gap:30px}.experiment-invitation h3{font-size:43px}.experiment-invitation-copy>p{font-size:13px}.experiment-grid{grid-template-columns:1fr 1.05fr;gap:28px}.taste-question legend{font-size:24px}.spoon-hotspot{width:44px;height:44px;font-size:8px}.spoon-hotspot>span{width:29px;height:29px}.taste-options{gap:8px}.taste-options label>span{font-size:12px;min-height:43px}.spoon-steps button{font-size:10px;padding-left:2px;padding-right:2px}#experiment-result-title{font-size:34px}.taste-comparison table{font-size:10px}.taste-comparison thead th{font-size:7px}}
@media(max-width:580px){.sensory-experiment{padding:23px;margin-top:45px}.experiment-invitation{grid-template-columns:1fr;gap:25px}.experiment-invitation h3{font-size:45px}.experiment-invitation .eyebrow{font-size:7px;margin-bottom:20px}.experiment-invitation-copy{max-width:none;justify-self:stretch}.experiment-invitation-copy>p{font-size:14px}.experiment-grid{grid-template-columns:1fr;gap:29px}.experiment-content{margin-top:29px;padding-top:26px}.spoon-photo{aspect-ratio:1.25;overflow:hidden}.spoon-photo img{object-position:center}.spoon-hotspot[data-spoon="0"],.spoon-hotspot[data-spoon="3"]{top:72.2%}.spoon-hotspot[data-spoon="1"],.spoon-hotspot[data-spoon="2"]{top:85.9%}.spoon-steps{margin-bottom:24px}.spoon-steps button{font-size:11px}.taste-question legend{font-size:26px}.taste-options label>span{min-height:45px;font-size:13px}.experiment-actions{gap:16px}.experiment-next{font-size:10px;padding:12px 16px}.experiment-context{font-size:10px}.experiment-source{font-size:9px}.taste-comparison table{font-size:12px}.taste-comparison thead th{font-size:8px}#experiment-result-title{font-size:40px}.experiment-explanation .details-body{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hex-overlay.will-draw path{stroke-dashoffset:0}.hex-overlay.is-drawn path{animation:none}.image-reveal-ready{opacity:1;transform:none;transition:none}.text-link:after,nav a:after,.spoon-hotspot,.taste-options label>span,.experiment-next{transition:none}}

@media print{.image-reveal-ready{opacity:1;transform:none}.hex-overlay.will-draw path{stroke-dashoffset:0}.hex-overlay.is-drawn path{animation:none}}