:root{--sky:#dce6d3;--sky-deep:#bed0b0;--ink:#233f32;--ink-soft:#576f5c;--accent:#d1a76a;--line:#294b3426;--serif:'Playfair Display',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);background:var(--sky)}body{transition:background .8s,color .8s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--ink);color:var(--sky)}p,h1{margin:0}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:var(--sky);z-index:100}.skip-link:focus{top:15px}.sr-only{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.welcome-world{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 66% 36%,#ffffff45,transparent 63%);transition:opacity .55s,filter .55s,transform .8s}.world-grain{position:absolute;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.welcome-header{height:106px;margin:0 5.3%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);position:relative;z-index:5}.welcome-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:1.1px;line-height:1.6}.welcome-brand svg{width:45px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round}.welcome-brand>span>span{display:block;letter-spacing:1.6px;font-size:7px;font-weight:400;margin-top:4px}.welcome-location{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;color:var(--ink-soft)}.welcome-location>span{height:5px;width:5px;border-radius:50%;background:var(--ink)}.direct-link{font-size:11px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:12px 17px;border-radius:30px;transition:color .2s,background .2s}.direct-link:hover{background:var(--ink);color:var(--sky)}.direct-link>span{font-size:20px;line-height:1}.welcome-main{position:relative;flex:1;width:100%;min-height:640px;max-width:1720px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;padding:0 7%;isolation:isolate}.welcome-copy{align-self:center;position:relative;z-index:3;pointer-events:none;padding:0 0 118px}.overline{font-size:8px;letter-spacing:1.8px;font-weight:500;display:flex;gap:15px;align-items:center;color:var(--ink-soft);line-height:1.8}.overline>span{font-family:var(--serif);font-size:15px;letter-spacing:0;border:1px solid var(--line);width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.welcome-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(65px,7.4vw,108px);line-height:1.08;letter-spacing:-4px;margin:28px 0 22px}.welcome-copy h1 em{font-weight:400;font-style:italic}.welcome-description{font-size:14px;line-height:1.9;color:var(--ink-soft)}.copy-rule{display:block;width:35px;height:1px;background:var(--ink);margin:25px 0 19px;opacity:.45}.welcome-detail{font-size:11px;line-height:1.9;color:var(--ink-soft)}.scene-shell{position:relative;min-width:0;height:100%;min-height:640px;margin:0 -11% 0 -9%;isolation:isolate;z-index:2}.scene-glow{position:absolute;inset:9% -5% 15%;background:radial-gradient(ellipse,var(--sky-deep),transparent 68%);opacity:.5;z-index:-1}.scene-shell canvas{display:block;width:100%;height:100%;min-height:640px;touch-action:pan-y;cursor:grab;outline-offset:-25px;transition:opacity .8s;opacity:0}.scene-shell canvas.dragging{cursor:grabbing}.scene-shell[data-render-state=ready] canvas{opacity:1;touch-action:none}.scene-topline{position:absolute;top:26px;left:12%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.8px;color:var(--ink-soft);pointer-events:none}.scene-topline>span:first-child{display:flex;align-items:center;gap:7px}.scene-topline i{width:4px;height:4px;border:1px solid var(--ink-soft);border-radius:50%}.scene-controls{position:absolute;top:70px;right:5%;display:flex;flex-direction:column;gap:9px;z-index:3}.scene-controls button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#ffffff35;backdrop-filter:blur(8px);font-size:16px;display:grid;place-items:center;transition:background .25s,transform .25s}.scene-controls button:hover{transform:scale(1.08);background:#ffffff70}.model-switcher{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);display:flex;align-items:center;gap:30px;z-index:4}.model-switcher>button{border:1px solid var(--line);border-radius:50%;background:#ffffff40;width:38px;height:38px;font-size:21px;line-height:1;display:grid;place-items:center;transition:background .25s,transform .25s}.model-switcher>button:hover{background:#fff9;transform:scale(1.06)}.model-switcher>div{display:flex;flex-direction:column;align-items:center;min-width:135px}.model-kicker{font-size:6px;letter-spacing:1.9px;color:var(--ink-soft)}#model-name{font-family:var(--serif);font-size:24px;margin-top:5px;white-space:nowrap;line-height:1.3}.model-dots{display:flex;gap:8px;margin-top:12px}.model-dots button{width:5px;height:5px;border:0;border-radius:50%;padding:0;background:var(--ink);opacity:.22;outline-offset:6px;position:relative}.model-dots button:before{content:'';position:absolute;inset:-7px;border-radius:50%}.model-dots button[aria-pressed=true]{opacity:1;box-shadow:0 0 0 3px var(--sky),0 0 0 4px var(--line)}.entry-panel{position:absolute;left:7%;bottom:43px;display:flex;flex-direction:column;gap:24px;z-index:6}.entry-specimen{display:flex;align-items:center;gap:13px}.specimen-mark{font-size:30px;font-family:Georgia,serif;line-height:1}.entry-caption{font-size:6px;letter-spacing:1.5px;color:var(--ink-soft)}.entry-specimen p{font-family:var(--serif);font-size:18px;margin-top:5px;line-height:1.3}.entry-specimen p i{font-size:12px;font-weight:400;opacity:.65;margin-left:10px}.enter-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;line-height:1.5;background:var(--ink);color:var(--sky);border-radius:35px;padding:11px 11px 11px 25px;min-width:260px;box-shadow:0 5px 0 #14291d20;transition:box-shadow .3s,transform .3s}.enter-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #14291d20}.enter-arrow{display:grid;place-items:center;background:var(--accent);border-radius:50%;width:38px;height:38px;font-size:23px;color:#263a29;transition:transform .3s}.enter-button:hover .enter-arrow{transform:rotate(45deg)}.scene-orbit{position:absolute;left:59%;top:42%;width:520px;height:520px;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);z-index:-1;opacity:.4;pointer-events:none}.orbit-one{width:690px;height:460px}.orbit-two{width:500px;height:710px;transform:translate(-50%,-50%) rotate(35deg);opacity:.3}.welcome-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 5.3%;min-height:65px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1.2px;line-height:1.8;color:var(--ink-soft);position:relative;z-index:5}.welcome-footer p{font-size:8px;letter-spacing:0}.welcome-footer i{font-size:10px;font-style:normal;margin:0 10px;opacity:.7}.noscript-note{margin:0;padding:10px 25px;text-align:center;font-size:12px}.noscript-note a{text-decoration:underline}.entering .welcome-world{opacity:0;filter:blur(7px);transform:scale(1.045);pointer-events:none}.entering{background:#18231b}body[data-world=amber]{--sky:#eddcc5;--sky-deep:#d9b28a;--ink:#593b2b;--ink-soft:#876b53;--accent:#e8b45b;--line:#794e2c29}body[data-world=night]{--sky:#172d2d;--sky-deep:#35514a;--ink:#e7ead6;--ink-soft:#a9bdac;--accent:#e6b970;--line:#c3dbc72c;color-scheme:dark}body[data-world=night] .welcome-world{background:radial-gradient(ellipse at 66% 36%,#4d6a5019,transparent 65%)}body[data-world=night] .enter-button{color:#1c3027}body[data-world=night] .scene-controls button,body[data-world=night] .model-switcher>button{background:#ffffff08}body[data-world=night] .scene-controls button:hover,body[data-world=night] .model-switcher>button:hover{background:#ffffff16}
@media(min-width:1600px){.welcome-header,.welcome-footer{margin-left:7%;margin-right:7%}.welcome-main{min-height:740px}.scene-shell,.scene-shell canvas{min-height:740px}.welcome-copy{padding-bottom:120px}.welcome-copy h1{font-size:120px}.welcome-header{height:115px}.welcome-description{font-size:16px}.welcome-detail{font-size:13px}.welcome-copy .overline{font-size:10px}.model-switcher{bottom:55px}.model-kicker{font-size:8px}#model-name{font-size:30px}.model-switcher>button{width:45px;height:45px}.model-switcher>div{min-width:170px}.entry-panel{bottom:49px;gap:28px}.entry-caption{font-size:8px}.entry-specimen p{font-size:22px}.enter-button{font-size:14px;min-width:300px}.scene-topline{font-size:9px}.welcome-footer{min-height:80px;font-size:9px}.welcome-footer p{font-size:10px}}
@media(max-width:1050px){.welcome-header{margin:0 5%;height:92px}.welcome-location{display:none}.welcome-main{grid-template-columns:.95fr 1.05fr;padding:0 5%;min-height:620px}.welcome-copy{padding-bottom:100px}.welcome-copy h1{font-size:75px;letter-spacing:-3px;margin-top:24px}.welcome-copy .overline{font-size:6px;gap:10px;letter-spacing:1px}.welcome-description{font-size:13px}.welcome-detail{font-size:10px}.scene-shell{margin-left:-17%;margin-right:-13%;min-height:620px}.scene-shell canvas{min-height:620px}.scene-controls{right:8%}.scene-topline{left:15%;right:10%;font-size:6px}.entry-panel{left:5%;bottom:40px}.entry-caption{font-size:5px;letter-spacing:1px}.entry-specimen{gap:10px}.enter-button{min-width:240px;font-size:11px;gap:25px;padding-left:22px}.model-switcher{gap:15px;bottom:48px}.model-switcher>div{min-width:126px}.model-switcher>button{width:32px;height:32px;font-size:18px}.model-kicker{font-size:5px}#model-name{font-size:22px}.welcome-footer{margin:0 5%;font-size:6px;gap:15px}.welcome-footer p{font-size:7px}.welcome-footer>span:last-child{display:none}.scene-orbit{left:65%;width:500px;height:380px}.orbit-two{width:390px;height:620px}}
@media(max-width:740px){.welcome-header{height:80px}.welcome-brand{font-size:9px;letter-spacing:.8px;gap:8px}.welcome-brand svg{width:35px}.welcome-brand>span>span{font-size:5px;letter-spacing:.9px}.direct-link{font-size:9px;padding:10px 12px;gap:12px}.direct-link span{font-size:17px}.welcome-main{min-height:660px;grid-template-columns:.8fr 1.2fr}.welcome-copy h1{font-size:65px;letter-spacing:-2.8px}.welcome-copy{padding-bottom:200px}.welcome-copy .overline{font-size:5px;letter-spacing:.7px;gap:7px}.overline>span{width:25px;height:25px;font-size:12px;flex-shrink:0}.welcome-description{font-size:12px}.welcome-detail{font-size:10px}.scene-shell,.scene-shell canvas{min-height:660px}.scene-shell{margin-left:-23%;margin-right:-17%}.scene-topline{top:30px;left:24%;font-size:5px;letter-spacing:1px}.scene-controls{top:66px;right:12%}.scene-controls button{width:29px;height:29px;font-size:14px}.model-switcher{bottom:69px;gap:15px}.model-switcher>div{min-width:115px}.model-kicker{font-size:5px}#model-name{font-size:23px}.entry-panel{bottom:65px;gap:22px}.entry-caption{font-size:5px;max-width:150px;display:block;line-height:1.8}.entry-specimen p{font-size:17px}.entry-specimen p i{font-size:10px;margin-left:6px}.enter-button{min-width:200px;gap:20px;font-size:10px;padding:9px 9px 9px 19px}.enter-arrow{width:32px;height:32px;font-size:20px}.welcome-footer p{font-size:7px;max-width:210px;text-align:right}.welcome-footer{font-size:5px;letter-spacing:1px}}
@media(max-width:560px){.welcome-world{min-height:100svh}.welcome-header{height:76px;min-height:76px;margin:0 6%;gap:15px}.welcome-brand{font-size:8px;line-height:1.7;letter-spacing:.4px}.welcome-brand svg{width:32px}.welcome-brand>span>span{font-size:4px;letter-spacing:.8px;margin-top:1px}.direct-link{font-size:0;padding:8px;border-radius:50%;gap:0}.direct-link span{font-size:19px;line-height:1;width:19px;height:19px;text-align:center}.welcome-main{display:block;padding:0;min-height:690px;flex:1}.welcome-copy{position:absolute;left:7%;top:27px;padding:0;pointer-events:none;z-index:3}.welcome-copy .overline{font-size:6px;letter-spacing:1px;gap:10px}.overline>span{width:23px;height:23px;font-size:11px}.welcome-copy h1{font-size:58px;line-height:1.08;letter-spacing:-2.7px;margin:16px 0 0}.welcome-description{position:absolute;top:32px;left:210px;width:110px;font-size:9px;line-height:1.9;padding-top:8px}.copy-rule,.welcome-detail{display:none}.scene-shell{height:530px;min-height:530px;margin:0;position:absolute;top:138px;left:0;right:0;bottom:auto}.scene-shell canvas{min-height:530px;height:530px}.scene-glow{inset:1% -20% 18%}.scene-topline{top:32px;left:7%;right:7%;font-size:5px;letter-spacing:1.4px}.scene-controls{top:71px;right:7%;gap:8px}.scene-controls button{width:29px;height:29px;font-size:13px;background:#ffffff30}.model-switcher{bottom:39px;gap:25px}.model-switcher>div{min-width:145px}.model-kicker{font-size:5px;letter-spacing:1.4px}#model-name{font-size:23px;margin-top:3px}.model-switcher>button{width:33px;height:33px;font-size:18px}.model-dots{margin-top:10px;gap:9px}.model-dots button{width:4px;height:4px}.entry-panel{left:7%;right:7%;bottom:21px;gap:0;display:block}.entry-specimen{display:none}.enter-button{min-width:0;width:100%;font-size:12px;padding:10px 10px 10px 24px;box-shadow:0 4px 0 #14291d20}.enter-arrow{width:35px;height:35px;font-size:23px}.welcome-footer{min-height:57px;margin:0 7%;padding:10px 0;gap:15px}.welcome-footer>span{font-size:5px;letter-spacing:.7px;max-width:100px;line-height:1.8}.welcome-footer p{font-size:7px;line-height:1.8;max-width:190px}.scene-orbit{top:48%;left:51%;width:490px;height:330px;opacity:.3}.orbit-two{width:300px;height:480px}}
@media(max-width:370px){.welcome-copy h1{font-size:52px}.welcome-copy .overline{font-size:5px}.welcome-description{left:190px;font-size:8px;width:100px}.welcome-brand{font-size:7px}.welcome-brand>span>span{font-size:4px}.scene-shell{top:128px;height:500px;min-height:500px}.scene-shell canvas{height:500px;min-height:500px}.welcome-main{min-height:650px}.model-switcher{gap:20px;bottom:29px}}
@media(min-width:561px){.welcome-main{height:calc(100svh - 171px);min-height:540px;flex:none}.scene-shell{height:100%;min-height:0}.scene-shell canvas{height:100%;min-height:0}}
@media(min-width:1600px){.welcome-main{height:calc(100svh - 195px);min-height:640px}}
@media(min-width:561px) and (max-height:800px){.welcome-copy{padding-bottom:95px}.welcome-copy h1{font-size:clamp(62px,6.8vw,88px);margin-top:22px}.copy-rule,.welcome-detail,.entry-specimen{display:none}.entry-panel{bottom:29px}.model-switcher{bottom:28px}.scene-topline{top:22px}.scene-controls{top:56px}}
@media(max-width:560px){.welcome-description{display:none}.scene-topline{top:61px}}

@media(max-width:560px){}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.entering .welcome-world{filter:none;transform:none}}

.scene-controls{align-items:flex-end}
#fossil-canvas[data-pointer-focus="true"]:focus,#fossil-canvas.dragging:focus{outline:none;box-shadow:none}
@media(max-width:560px){.welcome-main{min-height:720px}}
@media(max-width:370px){.welcome-main{min-height:690px}}