@font-face{font-family:PearlSerif;src:local("Bodoni MT"),local("Didot"),local("Georgia");font-display:swap}
:root{--ink:#40394b;--muted:#79727d;--line:rgba(87,70,91,.16);--gold:#a18d67;--violet:#8c80a2;--paper:#f6f2eb;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html,body{margin:0;padding:0;border:0;min-width:280px;min-height:100%;scrollbar-width:none}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#eeebe5}body::-webkit-scrollbar,*::-webkit-scrollbar{display:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#model-stage:focus-visible{outline:2px solid #796894;outline-offset:5px}button{border:0;background:none}button:disabled{opacity:.4;cursor:default}a{color:inherit}button, a{touch-action:manipulation}[hidden]{display:none!important}
.experience{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(22px,3.5vw,78px);overflow:hidden;background:radial-gradient(ellipse at 65% 36%,#fffcf4 0,transparent 41%),radial-gradient(ellipse at 43% 52%,#dfdce9 0,transparent 59%),linear-gradient(135deg,#f4f1ea 8%,#ece8ed 49%,#eee6d7 100%)}
.experience:before{content:"";position:absolute;pointer-events:none;inset:0;opacity:.18;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E")}
.masthead{height:112px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);z-index:2}.brand{display:flex;align-items:center;gap:15px;padding:0;text-align:left;font-family:Georgia,serif;font-size:28px;letter-spacing:7px}.brand small{display:block;font-family:"Segoe UI",sans-serif;font-size:7px;font-weight:500;letter-spacing:2.8px;margin-top:5px}.brand-orbit{font-size:42px;font-weight:normal;letter-spacing:0;background:linear-gradient(140deg,#af9e79,#eee5d3,#9a87b8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:1px 2px 2px #fff8}.masthead nav{display:flex;gap:clamp(15px,2.4vw,54px)}.nav-button{font-size:12px;letter-spacing:.3px;position:relative;padding:19px 1px}.nav-button span{font-size:8px;color:#9c91a3;margin-left:7px;vertical-align:top}.nav-button:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--ease)}.nav-button:hover:after,.nav-button.active:after{transform:scaleX(1)}.quiet-button{font-size:9px;letter-spacing:1.8px;padding:12px 0}.motion-toggle{display:flex;align-items:center;gap:9px;white-space:nowrap}.live-dot{height:5px;width:5px;border-radius:50%;background:#a3957b;box-shadow:0 0 0 4px #b0a08613}.motion-off .live-dot{background:#aaa;box-shadow:none}
main{flex:1;min-height:460px;display:grid;grid-template-columns:minmax(235px,1.06fr) minmax(360px,1.8fr) minmax(230px,.81fr);align-items:center;gap:0;position:relative;padding:34px 0 24px}.intro{z-index:1;padding:10px 0 14px;align-self:center}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:500;display:flex;align-items:center;gap:12px}.rule{width:28px;height:1px;background:#ac9b7a;flex-shrink:0}h1{font-family:PearlSerif,Georgia,serif;font-weight:400;font-size:clamp(45px,4.35vw,90px);line-height:1.1;letter-spacing:-2.8px;margin:28px -30px 24px 0}h1 em{font-weight:400;color:#84718c}p{line-height:1.7}.intro-copy{font-size:clamp(12px,.93vw,16px);font-weight:400;color:var(--muted);max-width:290px;margin:0 22px 29px 0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:18px 22px;border-radius:4px;border:1px solid #fff9;font-size:11px;letter-spacing:.25px;background:linear-gradient(115deg,#fffdf8,#ece6ef 60%,#e4dccb);box-shadow:0 5px 20px #82739012,inset 0 1px 0 #fff;transition:transform .45s var(--ease),box-shadow .45s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 26px #82739026,inset 0 1px 0 #fff}.play-symbol{font-size:19px;color:#94817b;line-height:1}.button-arrow{margin-left:22px;color:#928380;font-size:17px}.intro-caption{font-size:6.8px;letter-spacing:1.4px;margin:16px 0;color:#999098}.intro-foot{display:flex;align-items:center;gap:27px;margin-top:clamp(25px,4vh,52px)}.intro-foot>div{display:flex;flex-direction:column;gap:8px}.intro-foot strong{font-family:Georgia,serif;font-size:28px;font-weight:normal;letter-spacing:-1px;color:#978c9d}.intro-foot span{font-size:7px;letter-spacing:1.1px;color:#8b818b}.vertical-rule{height:32px;width:1px;background:var(--line)}
.model-viewport{position:relative;align-self:stretch;display:flex;flex-direction:column;min-height:430px}.model-heading{position:absolute;top:0;left:20px;right:20px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}.micro-label{font-size:8px;letter-spacing:1.8px;font-weight:500}.view-label{font-size:7px;letter-spacing:1.45px;color:#9b8e93}.model-halo{border:1px solid #a698af26;width:91%;aspect-ratio:1;position:absolute;top:44%;left:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg);pointer-events:none}.model-halo:after{content:"";height:6px;width:6px;border-radius:50%;background:#fff9f0;position:absolute;top:14%;left:14%;box-shadow:0 0 14px 6px #fffcf3e0}.model-halo.second{width:76%;border-style:dashed;border-color:#b0a29e22;transform:translate(-50%,-50%) rotate(20deg)}#model-stage{position:relative;width:100%;flex:1;min-height:350px;cursor:grab;touch-action:pan-y;z-index:1}#model-stage:active{cursor:grabbing}#model-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:var(--muted)}.loading-orbit{height:25px;width:25px;border:1px solid #bbaa97;border-top-color:transparent;border-radius:50%;animation:orbit 2s linear infinite}.specimen-caption{position:relative;z-index:1;display:flex;gap:8px;justify-content:center;align-items:center;font-size:8px;letter-spacing:.55px;color:#8c808e;pointer-events:none;margin-top:0}.small-star{color:#aa9976;font-size:14px}.view-tools{z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:19px;flex-shrink:0}.segmented{display:flex;padding:3px;background:#d0c5d51c;border:1px solid #8a759721;border-radius:30px;gap:2px}.segmented button{font-size:9px;padding:9px 13px;border-radius:30px;white-space:nowrap;transition:background .3s,box-shadow .3s}.segmented .selected{background:linear-gradient(120deg,#fffdf5,#efe9ef);box-shadow:0 2px 6px #705c8312}.tool-button{font-size:9px;padding:10px 11px;border-radius:25px;border:1px solid #8a759726;white-space:nowrap;background:#fff6;transition:transform .3s}.tool-button[aria-pressed="true"]{background:#e1d8e7;border-color:#a28eab}.tool-button:hover{transform:translateY(-2px)}.tool-button span{font-size:14px;vertical-align:-1px;margin-right:3px}.icon-button{width:32px;height:32px;border-radius:50%;border:1px solid #8a759726;display:inline-flex;align-items:center;justify-content:center;background:#fff4;font-size:17px;flex-shrink:0;transition:background .3s,transform .3s}.icon-button:hover{background:#fff;transform:translateY(-2px)}.hover-label{position:absolute;top:40%;left:50%;transform:translate(-50%,25px);border:1px solid #fff9;background:#fffbf0c9;backdrop-filter:blur(10px);padding:8px 15px;z-index:3;pointer-events:none;border-radius:25px;font-size:10px;letter-spacing:.5px;opacity:0;transition:opacity .3s}.hover-label.visible{opacity:1}
.inspector{padding-left:18px;align-self:center;z-index:1}.detail-card{position:relative;border:1px solid #ffffffe0;border-radius:9px;background:linear-gradient(135deg,#fffdf9a6,#ede8f06b 58%,#fff7e580);padding:clamp(22px,2vw,36px);box-shadow:0 18px 60px #74607a0b,inset 0 1px 0 #fff;overflow:hidden;transform-style:preserve-3d;transition:box-shadow .4s,transform .5s var(--ease)}.detail-card:before{content:"";position:absolute;height:1px;width:65%;background:linear-gradient(90deg,transparent,#fff,transparent);top:0;left:17%}.detail-card:hover{transform:translateY(-3px);box-shadow:0 22px 70px #74607a17}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-top .micro-label{font-size:7px;letter-spacing:1.6px}.detail-number{font-size:7px;color:#9c8d9c;letter-spacing:.5px;white-space:nowrap}.anatomy-glyph{font-family:Georgia,serif;font-size:51px;line-height:1;margin:30px 0 19px;color:#baaa87;text-shadow:1px 2px #fff,3px 4px 8px #89729328}.detail-card h2{font-family:Georgia,serif;font-weight:normal;font-size:clamp(24px,2vw,36px);line-height:1.15;letter-spacing:-.7px;margin:0 0 11px}.detail-tag{font-size:6.5px;letter-spacing:1.9px;color:#9c8b70;margin:0 0 17px}.detail-copy{font-size:11px;line-height:1.75;color:#756b7d;margin:0;min-height:76px}.detail-divider{height:1px;background:var(--line);margin:22px 0 20px}.detail-fact{font-family:Georgia,serif;font-size:13px;line-height:1.6;color:#8d7a84;margin:10px 0 20px}.detail-action{font-size:9px;letter-spacing:.6px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0 0;border-top:1px solid #96849c19}.detail-action span{font-size:18px;color:#a39278}.chapter-card{padding:24px 16px 0;position:relative}.chapter-card .micro-label{font-size:7px;color:#9b8f99}.chapter-card p{font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.6;color:#9c8b91;margin:11px 0}.note-line{position:absolute;right:20px;top:39px;width:22px;height:1px;background:#ae9d7a;transform:rotate(-35deg)}
.anatomy-dock{flex-shrink:0;padding:21px 0 19px;border-top:1px solid var(--line);z-index:2}.dock-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dock-heading .micro-label{font-size:7px;color:#837486}.dock-hint{font-size:7px;letter-spacing:1.4px;color:#a09197}.dock-hint span{margin-left:10px}.structure-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 2px 6px;scroll-snap-type:x proximity}.structure-button{position:relative;display:flex;gap:9px;align-items:center;flex:1 0 auto;border:1px solid #ffffffbf;border-radius:5px;padding:12px 12px;font-size:9px;color:#877b88;background:linear-gradient(135deg,#ffffff63,#ffffff1c);box-shadow:inset 0 1px #fff6;transition:transform .4s var(--ease),box-shadow .4s,background .4s;scroll-snap-align:start;white-space:nowrap}.structure-button .part-num{font-size:7px;color:#ac9b94}.structure-button:hover{transform:translateY(-3px);background:#fff9;box-shadow:0 4px 10px #74607815}.structure-button[aria-pressed="true"]{border-color:#b9a6be;box-shadow:inset 0 1px 0 #fffd,0 4px 16px #9c86a422;background:linear-gradient(135deg,#fffcf3,#e2d9eb);color:#615169}.structure-button[aria-pressed="true"]:after{content:"";position:absolute;bottom:4px;left:42%;width:16%;height:1px;background:#a48e70}
footer{height:47px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;color:#9a8f94;font-size:6.5px;letter-spacing:1.8px;flex-shrink:0}footer button{font-size:7px;letter-spacing:.5px;color:#938592;padding:8px 0}.footer-star{font-size:10px;margin:0 15px;color:#b6a178}.journey-player{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0;border-top:1px solid var(--line)}.journey-heading{max-width:60%}.journey-heading .micro-label{color:#9d8c73;font-size:7px}.journey-heading h2{font-family:Georgia,serif;font-size:24px;font-weight:normal;margin:8px 0}.journey-heading p{font-size:11px;margin:0;color:#857b89;line-height:1.55}.journey-controls{display:flex;align-items:center;gap:12px}.journey-controls .primary-button{padding:13px 18px;min-width:130px;font-size:10px}.journey-controls .quiet-button{font-size:8px;margin-left:6px;letter-spacing:.5px}.journey-track{height:2px;position:absolute;bottom:0;left:0;right:0;background:#aaa1ae1a}.journey-track span{display:block;height:100%;background:linear-gradient(90deg,#b9a277,#a695b3);width:0}.journey-mode .intro h1{font-size:clamp(39px,4vw,77px)}.journey-mode .intro-foot{display:none}.journey-mode .chapter-card{display:none}
dialog{padding:0;border:1px solid #fff;border-radius:12px;background:linear-gradient(135deg,#f8f5ef,#ece6ef);color:var(--ink);width:min(630px,calc(100% - 32px));max-height:86svh;box-shadow:0 30px 100px #332b4d3b;scrollbar-width:none}dialog::backdrop{background:#40304766;backdrop-filter:blur(12px)}.dialog-inner{padding:48px;position:relative}.dialog-close{position:absolute;right:20px;top:20px}.dialog-inner h2{font-family:Georgia,serif;font-weight:400;font-size:46px;line-height:1.1;letter-spacing:-1.8px;margin:26px 0}.dialog-inner h2 em{color:#8e789a;font-weight:normal}.dialog-inner h3{font-size:12px;font-weight:500;margin-top:28px}.dialog-inner p,.dialog-inner li{font-size:12px;line-height:1.85;color:#807484}.dialog-inner ul{padding-left:17px}.dialog-inner li{margin-bottom:10px}.dialog-inner .credit{font-size:9px;color:#9a8b96;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.click-spark{pointer-events:none;position:fixed;width:3px;height:3px;background:#fff7df;z-index:20;border-radius:50%;box-shadow:0 0 5px #bba279}.fallback-art{position:absolute;inset:7% 3% 12%;background:url('assets/pearl-thumbnail.png') center/cover no-repeat;border-radius:8px;display:flex;align-items:end;padding:15px;font-size:10px;color:#4a3e53}.fallback-art span{background:#ffffffe8;padding:8px;border-radius:4px}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro,.inspector,.model-heading,.anatomy-dock{animation:reveal 1.2s var(--ease) both}.inspector{animation-delay:.25s}.anatomy-dock{animation-delay:.4s}.motion-off *{animation:none!important;transition-duration:.01ms!important}
@media(min-width:1700px){.masthead{height:135px}main{padding-top:45px}.detail-copy{font-size:14px;min-height:94px}.detail-fact{font-size:16px}.detail-top .micro-label,.micro-label{font-size:9px}.anatomy-glyph{font-size:60px;margin-top:36px}.structure-button{font-size:11px;padding:17px 18px}.anatomy-dock{padding:26px 0}.detail-tag{font-size:8px}.view-tools{gap:10px;margin-top:30px}.segmented button,.tool-button{font-size:11px}.icon-button{width:36px;height:36px}.model-viewport{min-height:540px}.intro-caption{font-size:8px}footer{height:62px;font-size:8px}footer button{font-size:9px}.primary-button{padding:22px 28px;font-size:13px}.specimen-caption{font-size:10px}.eyebrow{font-size:10px}}
@media(min-width:1001px) and (max-height:760px){.masthead{height:76px}main{min-height:365px;padding:20px 0 18px}.model-viewport{min-height:350px}#model-stage{min-height:270px}h1{font-size:clamp(38px,4vw,64px);margin:18px 0}.intro-copy{font-size:11px;margin-bottom:19px}.intro-foot{margin-top:20px}.intro-foot strong{font-size:22px}.intro-caption{font-size:6px}.primary-button{padding:13px 18px}.detail-card{padding:20px}.anatomy-glyph{font-size:32px;margin:18px 0 10px}.detail-card h2{font-size:24px}.detail-copy{font-size:10px;min-height:52px}.detail-divider{margin:14px 0 12px}.detail-fact{font-size:11px;margin:8px 0 14px}.chapter-card{display:none}.anatomy-dock{padding:14px 0 11px}.dock-heading{margin-bottom:9px}.structure-button{padding:10px 12px}.view-tools{margin-top:12px}footer{height:34px}.journey-mode main{min-height:320px}.journey-mode .intro-copy{display:none}.journey-player{padding:13px 0}.journey-heading h2{font-size:19px;margin:5px 0}}
@media(max-width:1150px){.experience{padding:0 25px}main{grid-template-columns:minmax(220px,.95fr) minmax(300px,1.55fr) minmax(210px,.82fr)}h1{font-size:46px;letter-spacing:-2px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro-copy{font-size:11px;max-width:230px}.model-heading{left:8px;right:8px}.view-label{font-size:6px;letter-spacing:.5px}.segmented button{padding:9px;font-size:8px}.tool-button{font-size:8px;padding:9px}.view-tools{gap:4px}.icon-button{width:28px;height:28px}.inspector{padding-left:12px}.detail-card{padding:20px}.detail-top{gap:3px}.detail-top .micro-label{font-size:6px;letter-spacing:1.1px}.detail-number{font-size:6px}.masthead nav{gap:25px}}
@media(max-width:1000px){.masthead{height:90px}.brand{font-size:22px}.brand-orbit{font-size:34px}.brand small{font-size:6px}.masthead nav{gap:20px}.motion-toggle{font-size:7px;letter-spacing:.5px}main{grid-template-columns:minmax(210px,1fr) minmax(350px,1.65fr);padding-top:30px;min-height:0;align-items:start}.intro{padding-top:28px}h1{font-size:clamp(42px,5.5vw,60px)}.model-viewport{min-height:470px}.inspector{grid-column:1/-1;padding:18px 0 0}.detail-card{display:grid;grid-template-columns:180px 1fr 1fr;column-gap:28px;align-items:start;padding:24px}.detail-top{grid-column:1;grid-row:1;margin-bottom:14px}.anatomy-glyph{display:none}.detail-card h2{grid-column:1;grid-row:2;font-size:28px}.detail-tag{grid-column:1;grid-row:3;margin:0}.detail-copy{grid-column:2;grid-row:1/4;min-height:0;font-size:12px;margin:0}.detail-divider{display:none}.detail-card>.micro-label{grid-column:3;grid-row:1;font-size:7px}.detail-fact{grid-column:3;grid-row:2;font-size:12px;margin:0}.detail-action{grid-column:3;grid-row:3;margin-top:10px}.chapter-card{display:none}.view-tools{gap:7px}.segmented button{font-size:9px;padding:10px 13px}.tool-button{font-size:9px}.icon-button{width:32px;height:32px}.intro-foot{gap:22px;margin-top:34px}.view-label{font-size:7px;letter-spacing:1px}.journey-controls{gap:8px}.journey-controls .quiet-button{display:none}}
@media(max-width:640px){.experience{padding:0 20px}.masthead{height:75px;gap:5px}.brand{gap:8px;font-size:21px;letter-spacing:4px}.brand-orbit{font-size:28px}.brand small{font-size:4.7px;letter-spacing:1.6px}.masthead nav{gap:14px}.nav-button{font-size:9px;padding:12px 0}.nav-button span{display:none}#notes-tab{display:none}.motion-toggle{position:absolute;right:20px;top:90px;z-index:3;font-size:6px;padding:5px}.live-dot{width:4px;height:4px}.masthead .motion-toggle span:last-child{letter-spacing:1px}main{display:flex;flex-direction:column;gap:0;padding:21px 0 16px}.intro{width:100%;padding:0}.intro .eyebrow{font-size:6px;letter-spacing:1.25px}.intro .rule{width:18px}.intro h1{font-size:44px;letter-spacing:-2px;line-height:1.07;margin:20px 0 13px}.intro h1 br{display:none}.intro h1 em{display:block}.intro-copy{font-size:11px;line-height:1.6;max-width:275px;margin-bottom:15px}.primary-button{padding:12px 16px;font-size:10px;gap:10px}.button-arrow{margin-left:15px}.intro-caption{display:none}.intro-foot{display:none}.model-viewport{width:100%;min-height:390px;margin-top:15px}.model-heading{top:9px;left:0;right:0}.model-heading .micro-label{font-size:6px;letter-spacing:1px}.view-label{font-size:6px;letter-spacing:1px}#model-stage{min-height:315px}.model-halo{width:90%;top:45%}.model-halo.second{width:70%}.specimen-caption{font-size:7px;letter-spacing:0;gap:6px}.view-tools{gap:5px;margin-top:14px}.segmented button{font-size:8px;padding:9px 11px}.tool-button{font-size:8px;padding:9px}.icon-button{width:29px;height:29px}.inspector{width:100%;padding:22px 0 0}.detail-card{grid-template-columns:1fr 1.12fr;column-gap:20px;padding:22px}.detail-top{grid-column:1/-1;grid-row:1;margin-bottom:13px}.detail-top .micro-label{font-size:7px;letter-spacing:1.5px}.detail-number{font-size:7px}.detail-card h2{font-size:27px;grid-column:1;grid-row:2;margin-bottom:8px}.detail-tag{font-size:6px;letter-spacing:1.25px;grid-column:1;grid-row:3;line-height:1.6}.detail-copy{grid-column:2;grid-row:2/5;font-size:10px;line-height:1.7}.detail-card>.micro-label{display:none}.detail-fact{grid-column:1/-1;grid-row:5;font-size:12px;line-height:1.5;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.detail-action{grid-column:1/-1;grid-row:6;font-size:8px;margin-top:13px}.anatomy-dock{padding:17px 0 14px}.dock-heading .micro-label{font-size:6px;letter-spacing:1.4px}.dock-hint{font-size:6px;letter-spacing:.8px}.structure-list{gap:7px;margin-right:-20px;padding-right:20px}.structure-button{padding:13px 14px;font-size:9px;flex-grow:0}.journey-mode .intro h1{font-size:37px}.journey-mode .intro-copy{display:none}.journey-mode .intro .primary-button{display:none}.journey-player{display:block;padding:20px 0}.journey-heading{max-width:none}.journey-heading h2{font-size:25px}.journey-controls{margin-top:16px;gap:12px}.journey-controls .quiet-button{display:block}.journey-controls .primary-button{padding:11px 13px;min-width:125px}footer{height:auto;min-height:59px;flex-wrap:wrap;justify-content:center;gap:1px;padding:9px 0;font-size:5.5px;letter-spacing:1px}footer button{font-size:6.5px}.footer-star{margin:0 10px}.dialog-inner{padding:35px 25px}.dialog-inner h2{font-size:39px}.dialog-inner p,.dialog-inner li{font-size:11px}.dialog-inner .eyebrow{font-size:7px}}
@media(max-width:350px){.experience{padding:0 14px}.masthead nav{gap:11px}.brand{font-size:19px}.intro h1{font-size:38px}.view-tools{gap:3px}.segmented button{padding:8px;font-size:7px}.tool-button{font-size:7px;padding:8px}.icon-button{width:27px;height:27px}.model-viewport{min-height:365px}#model-stage{min-height:285px}.detail-card{padding:17px;column-gap:15px}.detail-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.cinematic-flare{position:absolute;inset:0;width:38%;height:100%;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,#fff9e033,transparent);filter:blur(12px)}
@media(max-width:640px){.journey-mode .intro,.journey-mode .inspector{display:none}.journey-mode main{padding:10px 0 15px}.journey-mode .model-viewport{margin-top:0;min-height:320px}.journey-mode #model-stage{min-height:245px}.journey-mode footer{display:none}.journey-mode .journey-player{padding:15px 0 18px}.journey-mode .journey-heading h2{font-size:22px}.journey-mode .journey-heading p{font-size:10px}.journey-mode .journey-controls{margin-top:13px}}
.journey-mode[data-chapter="0"]{background:radial-gradient(ellipse at 60% 30%,#fffcf0 0,transparent 60%),linear-gradient(125deg,#f7f1e4,#e9e0e9)}.journey-mode[data-chapter="1"]{background:radial-gradient(ellipse at 60% 30%,#f7edcf 0,transparent 60%),linear-gradient(125deg,#faf4e9,#e9e0dd)}.journey-mode[data-chapter="2"]{background:radial-gradient(ellipse at 60% 30%,#eee1ed 0,transparent 60%),linear-gradient(125deg,#f3e9e5,#e0dce9)}.journey-mode[data-chapter="3"]{background:radial-gradient(ellipse at 60% 30%,#f4f1f9 0,transparent 60%),linear-gradient(125deg,#e9e6ee,#eee6d5)}
@media(max-width:640px){.journey-mode .model-heading .view-label{display:none}}.fallback-art{background-size:contain;background-color:#e9e2e8}