@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
:root{--ink:#192b34;--paper:#f0f5f3;--accent:#176b7c;--line:#bacbd0;--muted:#526b73}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Geist,Arial,sans-serif}html{scroll-behavior:smooth}main{overflow-x:hidden;width:100%;max-width:100%}a{color:inherit;text-underline-offset:5px}nav{padding:23px 5vw;display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line)}nav a{text-decoration:none;font-size:15px}.brand{font-weight:700;margin-right:auto}header,section{padding:110px 6vw;max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:4vw;padding-top:75px;padding-bottom:85px;background:radial-gradient(ellipse at right,#c2dfdf80,transparent 65%)}h1{font-size:clamp(42px,5.5vw,78px);line-height:1.04;letter-spacing:-.05em;max-width:76rem;margin:24px 0}h2{font-size:clamp(34px,4.5vw,60px);line-height:1.1;letter-spacing:-.04em;margin:0 0 30px}h3{font-size:28px;line-height:1.2;margin:0 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:14px;color:var(--muted)}.lead{font-size:23px;max-width:660px}.actions,.toolbar,.exports{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button,button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--accent);background:var(--accent);color:white;font:600 16px Geist,Arial,sans-serif;min-height:46px;border-radius:4px;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}button:hover,.button:hover{background:#105060;color:white;transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid #b5673f;outline-offset:4px}.hero-art{background:#c9deda;padding:25px;transform:rotate(-3deg);box-shadow:15px 20px 0 #dce8e2;border-radius:5px 90px 5px 5px}.art-frame{height:280px;background:#eef1e2;position:relative;overflow:hidden}.floor{position:absolute;height:65px;bottom:0;width:100%;background:#a5b6ab}.figure{position:absolute;width:65px;border-radius:30px 30px 5px 5px;z-index:1}.figure.red{height:160px;left:23%;bottom:40px;background:#ac513d}.figure.blue{height:120px;right:15%;bottom:55px;background:#315b85}.answer{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.answer p{font-size:21px;max-width:1120px}.section-heading{display:flex;gap:8vw;align-items:flex-end;margin-bottom:45px}.section-heading h2{flex:1;margin:0}.section-heading p{flex:1;max-width:540px;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;border:1px solid var(--line)}.comparison article{padding:35px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.comparison article:nth-child(even){border-right:0}.comparison article:nth-child(n+3){border-bottom:0}.comparison article:hover{background:#e1ece8}.big{font-size:27px;line-height:1.2;color:var(--accent)}.comparison a{display:block;margin-top:12px}.review{background:var(--ink);color:var(--paper);max-width:none}.inline-image{display:inline-block;width:100px;height:43px;border-radius:30px;vertical-align:middle;background:linear-gradient(120deg,#ac513d 50%,#315b85 50%)}.scrub{font-size:clamp(24px,3vw,39px);line-height:1.35;max-width:980px}.accordion{display:flex;gap:25px;margin-top:50px}.accordion details{flex:1;border-top:1px solid #79959e;padding-top:20px}.accordion summary{font-size:22px;cursor:pointer}.marquee{overflow:hidden;white-space:nowrap;background:#b8d5d0;font-size:50px;padding:20px 0}.marquee div{width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}#desk{max-width:none;background:#e0ece7}.status{padding:17px;border-left:4px solid var(--accent);background:white;min-height:58px}.status.error{border-color:#ac513d;color:#803e2d}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px}#viewport{aspect-ratio:16/9;width:100%;background:#d0dad4;overflow:hidden;border:1px solid var(--line)}#viewport canvas{display:block;width:100%;height:100%}.help{font-size:14px;color:var(--muted);max-width:1100px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin:13px 0}input,textarea{font:16px/1.5 Geist,Arial,sans-serif;padding:11px;min-width:0;max-width:100%;background:#fdfdf5;border:1px solid #92adb4;border-radius:3px;color:var(--ink)}textarea{min-height:110px;resize:vertical}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}#fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 15px}.shot-heading{margin-top:65px;display:flex;justify-content:space-between;gap:20px}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:20px}.shot{padding:18px;border:1px solid var(--line);background:var(--paper);min-width:0}.shot img{width:100%;aspect-ratio:16/9;object-fit:contain;transition:transform .7s}.shot .image-wrap{overflow:hidden}.shot:hover img{transform:scale(1.03)}.shot h4{font-size:20px;overflow-wrap:anywhere;margin:15px 0}.shot p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.shot .buttons{display:flex;gap:6px;flex-wrap:wrap}.shot button{font-size:12px;padding:7px 10px;min-height:40px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:22px;cursor:pointer}.faq p{max-width:1050px}.sources{font-size:14px;color:var(--muted);margin-top:40px}footer{padding:55px 6vw;background:var(--ink);color:var(--paper)}footer p{font-size:14px}@media(max-width:800px){nav{gap:15px}nav a:nth-child(2){display:none}header,section{padding:75px 6vw}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}h1{font-size:clamp(40px,9vw,70px)}.hero-art{max-width:550px}.section-heading{display:block}.comparison{grid-template-columns:1fr}.comparison article{border-right:0!important;border-bottom:1px solid var(--line)!important}.comparison article:last-child{border-bottom:0!important}.accordion{display:block}.accordion details{margin:25px 0}.work-grid{grid-template-columns:1fr;gap:25px}.shots{grid-template-columns:1fr}.marquee{font-size:32px}.lead{font-size:21px}#fields{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none}}
