:root{--bg:#dce646;--ink:#20271f;--accent:#798317;--border:#20271f40}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;transition:background .45s,color .45s}body[data-scene="1"]{--bg:#303f39;--ink:#f3eee1;--accent:#98a88c;--border:#f3eee140}body[data-scene="2"]{--bg:#b8d9f1;--ink:#1b3972;--accent:#739ec0;--border:#1b397240}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}.skip{position:fixed;top:-80px;z-index:20;background:#fff;color:#222;padding:14px}.skip:focus{top:10px}.rail{position:fixed;inset:0 auto 0 0;width:92px;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;z-index:5;background:var(--bg);transition:background .45s}.mark{font-size:54px;font-weight:900;letter-spacing:-7px;margin:15px 9px 0 0;line-height:1}.railnote{writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;margin:auto 0;transform:rotate(180deg)}.railbutton{background:none;border:0;border-top:1px solid var(--border);width:100%;height:93px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.railbutton span{font-size:22px}.contactbutton{background:var(--ink);color:var(--bg)}main{margin-left:92px;min-height:100svh;padding:24px 4% 0;position:relative;overflow:hidden;display:flex;flex-direction:column}.status{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;z-index:1}.status i{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.wordmark{position:absolute;font-size:clamp(240px,38vw,700px);font-weight:900;letter-spacing:-.085em;line-height:.8;right:4%;top:45px;opacity:.055;pointer-events:none}.scenecontainer{position:relative;flex:1;display:flex;min-height:510px}.scene{width:100%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:45px 0;animation:enter .6s both}.scene[hidden]{display:none}.copy{z-index:2}.kicker{font-size:9px;font-weight:600;letter-spacing:1.4px;margin:0 0 32px}h1,.scene h2{font-size:clamp(57px,6.4vw,108px);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.description{font-size:13px;line-height:1.8;max-width:350px;margin-bottom:25px}.action{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid var(--ink);padding:10px 0;font-size:11px}.action span{font-size:23px}.art{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center}.orbit{position:absolute;inset:8%;border-radius:50%;border:1px solid var(--border);transform:rotate(-25deg)}.orbit:before{content:'';position:absolute;inset:8% -8%;border-radius:50%;border:1px solid var(--border);transform:rotate(55deg)}.art img{position:relative;width:125%;max-width:none;transform:rotate(-18deg);filter:drop-shadow(15px 25px 15px #0002);transition:transform .7s;z-index:1}.art:hover img{transform:rotate(-10deg) translateY(-10px)}body[data-scene="1"] .art img{width:112%;transform:rotate(0)}body[data-scene="2"] .art img{transform:rotate(12deg)}.objectlabel{position:absolute;top:1%;right:0;font:9px/1.8 monospace;letter-spacing:1px}.caption{position:absolute;right:0;bottom:0;font-size:11px;font-weight:600;line-height:1.1;letter-spacing:-.3px}.bottom{display:grid;grid-template-columns:1fr 4fr;border-top:1px solid var(--border);position:relative;z-index:2}.choose{font-size:9px;letter-spacing:1px;line-height:1.5;padding-top:23px}.choose span{font-size:24px;display:block;margin-top:8px}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tabs button{border:0;border-left:1px solid var(--border);background:none;text-align:left;padding:22px 18px;display:grid;grid-template-columns:22px 1fr 18px;gap:10px;position:relative;align-items:start}.tabs button:before{content:'';position:absolute;top:-2px;left:0;width:0;height:4px;background:var(--ink);transition:width .4s}.tabs button[aria-selected="true"]:before{width:100%}.tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--ink) 5%,transparent)}.tabs small{font-size:9px}.tabs button span{font-size:14px;line-height:1.2}.tabs b{font-size:22px;font-weight:400;transition:transform .3s}.tabs button:hover b{transform:translate(3px,-3px)}footer{display:flex;justify-content:space-between;padding:18px 0;font-size:8px;letter-spacing:.5px;border-top:1px solid var(--border);gap:12px}footer button{border:0;background:none;padding:0;font-size:8px;text-decoration:underline}dialog{width:min(700px,94vw);max-height:90svh;border:0;background:#f3f1e9;color:#20271f;padding:60px}dialog::backdrop{background:#141c24aa;backdrop-filter:blur(8px)}dialog h2{font-size:clamp(35px,5vw,60px);font-weight:400;line-height:1;letter-spacing:-2px;margin:30px 0}dialog p{font-size:14px;line-height:1.8}dialog .kicker{font-size:9px}.close{position:absolute;right:22px;top:15px;border:0;background:none;font-size:32px}.dialogemail{font-size:clamp(17px,3vw,29px);border-bottom:1px solid;padding-bottom:10px;display:inline-block;margin:15px 0}.contactgrid{display:flex;justify-content:space-between;gap:25px;align-items:end;border-top:1px solid #20271f30;margin-top:35px;padding-top:20px}.contactgrid a{font-size:11px;margin-bottom:17px}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-height:850px) and (min-width:1000px){.scenecontainer{min-height:650px}.art{max-width:650px}}@media(max-width:800px){.rail{width:63px}.mark{font-size:42px}.railbutton{height:78px;font-size:9px}.railnote{font-size:8px}main{margin-left:63px;padding:21px 5% 0}.status{font-size:7px;letter-spacing:1px}.statusright{display:none}.wordmark{font-size:56vw;top:65px}.scenecontainer{min-height:0}.scene{grid-template-columns:1fr;padding:65px 0 30px;gap:20px}.kicker{font-size:8px;margin-bottom:22px}h1,.scene h2{font-size:clamp(44px,9vw,70px);margin-bottom:20px}.description{font-size:12px;max-width:330px}.art{width:80%;max-width:380px;margin:5px auto 15px}.art img{width:130%}.objectlabel{right:-8%;font-size:7px}.caption{font-size:9px;right:-8%}.bottom{grid-template-columns:1fr}.choose{display:none}.tabs button{padding:18px 7px;grid-template-columns:1fr;gap:8px}.tabs button span{font-size:11px}.tabs button b{display:none}.tabs button:first-child{border-left:0}footer{font-size:7px;flex-wrap:wrap;line-height:1.7}.footnote{display:none}footer button{font-size:7px}dialog{padding:45px 25px}.contactgrid{flex-direction:column;align-items:start;gap:0}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
