:root{color-scheme:dark;--ink:#f4f0e7;--muted:#d4d1c7;--line:rgba(242,237,225,.27);--panel:#eeebe3;--scene:url('night.webp');--scene-position:64% center;--veil:linear-gradient(90deg,rgba(8,11,9,.65),rgba(8,11,9,.18) 59%,rgba(8,11,9,.12)),linear-gradient(0deg,rgba(8,11,9,.62),transparent 35%,transparent 70%,rgba(8,11,9,.2))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171916;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:7px}button{cursor:pointer}button[hidden],[hidden]{display:none!important}.architecture,.shade{position:fixed;inset:0;pointer-events:none}.architecture{background-image:var(--scene);background-size:cover;background-position:var(--scene-position);background-repeat:no-repeat}.shade{background:var(--veil)}.page{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:42px 5.3vw 25px}.header{display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,11vw,170px);letter-spacing:-.065em;line-height:1.1;font-weight:400}.wordmark:hover{text-decoration:none}.header nav{display:flex;gap:38px;font-size:14px;letter-spacing:.015em}.header nav span{padding-left:5px;font-size:12px}main{flex:1;display:flex;align-items:center;padding:72px 0 85px;outline:none}.introduction{max-width:680px}.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:.22em;margin:0 0 25px;color:var(--muted)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,3.3vw,52px);line-height:1.13;letter-spacing:-.038em;margin:0;text-wrap:balance}.intro-note{font-size:13px;line-height:1.85;letter-spacing:.02em;color:var(--muted);margin:26px 0 0}.footer{font-size:11px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:21px;border-bottom:1px solid var(--line)}.app-links{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.app-links a:first-child{margin-right:17px;font-size:12px}.app-links span{font-size:10px;margin-left:5px}.scene-control{display:flex;align-items:center;gap:13px}.scene-control label{font-size:10px;color:var(--muted)}.select-wrap{position:relative}.select-wrap span{position:absolute;right:0;top:5px;pointer-events:none}.scene-control select{appearance:none;border:0;border-radius:0;color:var(--ink);background:transparent;padding:7px 20px 7px 1px;font-size:11px;cursor:pointer;min-width:102px}.scene-control option{background:#eeebe3;color:#262b26}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:.05em;padding-top:17px}.scene-caption{font-style:italic}.apps-panel{position:relative;background:var(--panel);color:#282d29;padding:70px 6vw}.panel-content{max-width:620px;margin:auto}.panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.apps-panel .eyebrow{color:#5d635d}.apps-panel h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-.035em;margin:8px 0 16px}.app-status{font-size:11px;color:#5c635b;letter-spacing:.02em}.app-description{font-size:15px;line-height:1.8;margin:24px 0 30px;max-width:400px}.app-primary{display:inline-flex;gap:25px;font-size:13px;border-bottom:1px solid #798074;padding-bottom:10px}.panel-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:48px;font-size:11px}.close-apps{border:0;color:#373f36;background:transparent;padding:8px 0 8px 12px;font-size:12px}.close-apps span{font-size:22px;margin-left:9px;vertical-align:-2px}.skip-link{position:fixed;z-index:20;top:10px;left:10px;transform:translateY(-160%);background:#eeebe3;color:#202820;padding:12px 18px;font-size:13px}.skip-link:focus{transform:translateY(0)}
html[data-scene="gallery"]{color-scheme:light;--ink:#252d28;--muted:#485247;--line:rgba(30,42,30,.25);--scene:url('gallery.webp');--veil:linear-gradient(90deg,rgba(246,245,237,.8),rgba(246,245,237,.22) 55%,rgba(246,245,237,.03)),linear-gradient(0deg,rgba(239,239,229,.6),transparent 35%,transparent 70%,rgba(239,239,229,.15))}
html[data-scene="court"]{color-scheme:light;--ink:#292e24;--muted:#4a4e3c;--line:rgba(42,44,29,.28);--scene:url('court.webp');--veil:linear-gradient(90deg,rgba(247,237,213,.8),rgba(247,237,213,.23) 56%,rgba(247,237,213,.04)),linear-gradient(0deg,rgba(242,229,199,.65),transparent 35%,transparent 70%,rgba(242,229,199,.13))}
@media(min-width:1800px){.page{padding:55px 7vw 30px}.header nav{font-size:16px}main{padding-top:95px}.intro-note{font-size:15px}}
@media(max-width:1000px){:root{--scene-position:85% center}html[data-scene="gallery"],html[data-scene="court"]{--scene-position:80% center}.page{padding:35px 6vw 25px}.wordmark{font-size:58px}.header nav{gap:28px}h1{font-size:54px}.introduction{max-width:520px}main{padding:90px 0}.footer-top{align-items:flex-start}.scene-control{flex-direction:column;align-items:flex-start;gap:3px}.scene-control label{font-size:9px}}
@media(max-width:600px){:root{--scene-position:95% center;--veil:linear-gradient(90deg,rgba(7,11,8,.7),rgba(7,11,8,.23)),linear-gradient(0deg,rgba(7,11,8,.65),transparent 40%,transparent 65%,rgba(7,11,8,.2))}.page{padding:29px 25px 20px}.header{gap:14px;align-items:center}.wordmark{font-size:41px}.header nav{font-size:11px;gap:19px}.header nav span{display:none}main{padding:110px 0 95px;align-items:center}h1{font-size:clamp(36px,9.1vw,49px);line-height:1.18;letter-spacing:-.045em}.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:21px}.intro-note{font-size:12px;margin-top:24px}.footer-top{gap:23px;flex-direction:column;padding-bottom:16px}.app-links{gap:23px}.app-links a:first-child{margin-right:0;font-size:11px}.app-links a{font-size:10px}.scene-control{flex-direction:row;align-items:center;gap:11px}.scene-control select{font-size:10px}.scene-control label{font-size:9px}.footer-bottom{font-size:8px;padding-top:15px}.panel-links{gap:22px;margin-top:38px}.app-description{font-size:14px}.apps-panel{padding:48px 25px}html[data-scene="gallery"]{--scene-position:85% center;--veil:linear-gradient(90deg,rgba(247,246,239,.24),rgba(247,246,239,.02)),linear-gradient(0deg,rgba(241,241,233,.36),transparent 24%)}html[data-scene="court"]{--scene-position:85% center;--veil:linear-gradient(90deg,rgba(247,237,213,.22),rgba(247,237,213,.02)),linear-gradient(0deg,rgba(242,229,199,.34),transparent 24%)}}
@media(max-width:360px){.page{padding-left:19px;padding-right:19px}.wordmark{font-size:36px}.header nav{gap:14px}.app-links{gap:18px}}
@media(max-height:650px) and (min-width:601px){.page{padding-top:25px}.wordmark{font-size:48px}main{padding:50px 0}h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-icon{display:block;width:64px;height:64px;object-fit:cover;border-radius:14px;margin:8px 0 20px;box-shadow:0 3px 12px #00000012}

/* Keep both daylight sculptures clear of the mobile tagline. */
@media(max-width:600px) and (orientation:portrait){html[data-scene="gallery"] .introduction,html[data-scene="court"] .introduction{transform:translateY(clamp(-120px,-12svh,-64px))}}

/* Apps are an ordinary document section, accessible without JavaScript. */
.apps-panel{scroll-margin-top:20px;padding:55px 6vw 65px}.panel-content{max-width:850px}.app-description{max-width:520px}.panel-links{line-height:1.8}.company-footer{position:relative;background:#eeebe3;color:#282d29;border-top:1px solid #282d2926;padding:28px 6vw 40px;font-size:12px}.company-footer nav{display:flex;flex-wrap:wrap;gap:18px 28px}.company-footer p{margin:0 0 20px}

.company-footer nav a{white-space:nowrap;padding:8px 0}.company-footer nav{gap:8px 22px}.app-publisher{font-size:12px;color:#5c635b}
