/* Light appearance and website screenshot compositions. */
:root{color-scheme:light;--ink:#fff;--paper:#111;--muted:#656565;--amber:#996633;--accent:#996633;--blue:#3b5072;--blue-light:#3b5072;--line:#dedede;--bs-body-bg:#fff;--bs-body-color:#111;--bs-link-color:#3b5072}
body,.hero,.section,.site-header,.schools,.contact{background:#fff;color:#111}.site-header{border-color:#e1e1e1}.navbar .nav-link{color:#3f3f3f}.navbar .nav-link:hover,.navbar .nav-link.active{color:#996633}.navbar .nav-contact{color:#111}.navbar-toggler{border-color:#aaa}.hero h1,.section h2{color:#111}.hero-description,.section-intro{color:#4e4e4e}.hero-bottom,.scroll-cue{color:#626262}.scroll-cue>span{border-color:#bbb}.hero-grid{background-image:linear-gradient(#3b507208 1px,transparent 1px),linear-gradient(90deg,#3b507208 1px,transparent 1px)}.hero-orbit{opacity:.82}.orbit-guide{stroke:#99663330}.orbit-guide:nth-child(2){stroke:#3b50722a}.orbit-dot{fill-opacity:.12;stroke:#996633}.blue-dot{fill-opacity:.15;stroke:#3b5072}.hero-orbit .orbit-stream i{background:#996633;box-shadow:0 0 18px #99663333}.hero-orbit .orbit-stream i:nth-child(2n){background:#3b5072;box-shadow:0 0 20px #3b507233}.btn-amber{color:#fff;background:#996633}.btn-amber:hover{color:#fff;background:#805126;border-color:#805126}.service-row p,.designer-callout>p:not(.eyebrow),.support-points p,.timeline p,.project p{color:#505050}.service-number,.service-footnote{color:#666}.service-footnote span,.support-points strong{color:#111}.text-link{color:#111}.designer-callout{background:linear-gradient(90deg,#9966330d,transparent)}.school-diagram{background:radial-gradient(ellipse at center,#3b50720e,transparent 70%);border-color:#bdc6d3}.diagram-label,.diagram-bottom{color:#3b5072}.diagram-network:before{background:#9daec7}.diagram-network>span{background:#f4f6f9;color:#3b5072;border-color:#b9c5d7}.diagram-network strong{background:#f0f3f8;color:#243853;border-color:#7890b1;outline-color:#3b507208}.diagram-bottom{border-color:#c7d0df}.school-list{border-color:#dedede}.school-list .row>div{color:#111}.school-list .eyebrow{color:#3b5072}.filter-btn{color:#555}.filter-btn.active{color:#111;background:#f8f5f0;border-color:#996633}.filter-btn:hover{color:#805126}.project-meta{color:#666}.project-meta>span:last-child{color:#996633}.project-link{color:#333}.project:hover .project-link{color:#996633}.archive-note{color:#666;border-color:#ddd}.timeline li{border-left-color:#99663366}.contact-invitation{color:#111}.contact-details .eyebrow{color:#666}.contact-details p:not(.eyebrow){color:#444}.contact-email{border-color:#b49a7f}footer{color:#666;border-color:#ddd}.modal-content{background:#fff;color:#111;border-color:#c5ae94}.modal-header{border-bottom-color:#ddd}.modal-body p{color:#333}.project-detail{color:#505050}.modal-return{color:#111}.btn-close{filter:none}.modal-backdrop{--bs-backdrop-opacity:.45}
.screenshot-art{aspect-ratio:1/1.08;overflow:hidden;isolation:isolate;border:1px solid #00000008;position:relative}.screenshot-art .art-caption,.screenshot-art .art-bottom{z-index:4;color:inherit}.screenshot-art .art-caption{top:20px;left:22px;right:22px;font-size:9px;letter-spacing:1.2px}.screenshot-art .art-bottom{bottom:18px;left:22px;right:22px;font-size:8px;letter-spacing:.8px}.screenshot-art:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#ffffff36,transparent 50%);z-index:-1;pointer-events:none}.screenshot-art:after{content:'';position:absolute;width:250px;height:250px;inset:auto -125px -75px auto;border:1px solid currentColor;border-radius:50%;opacity:.14;z-index:-1}.project-browser{position:absolute;width:112%;left:11%;top:20%;background:#fff;border-radius:7px;overflow:hidden;border:1px solid #ffffffa3;box-shadow:0 16px 30px #00000024;transform:rotate(-6deg);transform-origin:center;transition:transform .55s ease;z-index:1}.browser-chrome{height:19px;background:#f5f5f5;display:flex;align-items:center;gap:3px;padding:0 7px;border-bottom:1px solid #ddd}.browser-chrome>i{height:4px;width:4px;border-radius:50%;background:#b9b9b9}.browser-chrome>i:first-child{background:#c9a488}.browser-chrome>span{color:#717171;font:6px Arial,sans-serif;margin-left:7px;white-space:nowrap}.project-browser>img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;object-position:top;filter:none}.project-art-title{position:absolute;z-index:3;left:22px;right:22px;bottom:45px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:24px;line-height:1.15;letter-spacing:-.5px;max-width:270px}.project-art-title>strong{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:43px;letter-spacing:-2px;font-weight:500;line-height:1.1;display:block}.project-art-title>strong>small{font-size:26px;letter-spacing:-1px}.project-art-title>span{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:0;margin-top:5px}.project:hover .project-browser{transform:rotate(-3deg) translate(-3px,-5px)}.bakery-art.screenshot-art{background:#eaded5;color:#553a2c}.bakery-art .project-browser{top:17%;left:8%;width:112%;transform:rotate(-7deg)}.bakery-art .project-art-title{font-size:27px;max-width:230px}.msa-art.screenshot-art{background:#dfe7f0;color:#243853}.msa-art .project-browser{top:16%;left:9%;transform:rotate(6deg);width:111%}.wla-art.screenshot-art{background:#eee4d2;color:#4d3927}.wla-art .project-browser{top:17%;left:8%;width:111%;transform:rotate(-5deg)}.wla-art .project-art-title{bottom:44px}.level-art.screenshot-art{background:#e0e9df;color:#273e2f}.level-art.screenshot-art:before{inset:0;transform:none;border:0;width:auto;height:auto}.level-art .project-browser{top:16%;left:11%;transform:rotate(6deg);width:111%}.rondo-art.screenshot-art{background:#dce5ed;color:#273c55}.rondo-art .project-browser{top:17%;left:8%;transform:rotate(-6deg);width:112%}.rondo-art .project-art-title{font-size:28px;max-width:240px}.halloween-art.screenshot-art{background:#e6dfec;color:#473650}.halloween-art .project-browser{top:18%;left:10%;transform:rotate(6deg);width:112%}.halloween-art .project-art-title{font-size:27px;max-width:245px}
@media(min-width:1600px){.hero-orbit{opacity:.75}}
@media(max-width:1199px) and (min-width:992px){.project-art-title{bottom:43px}.project-art-title>strong{font-size:36px}.project-art-title>strong>small{font-size:23px}.project-art-title>span{font-size:11px}.bakery-art .project-art-title,.rondo-art .project-art-title,.halloween-art .project-art-title{font-size:24px}.screenshot-art .art-bottom{font-size:7px}}
@media(max-width:991px){.hero-orbit{opacity:.6}.screenshot-art{aspect-ratio:1/1.04}.project-browser{width:108%}.project-art-title{bottom:46px}.project-art-title>strong{font-size:46px}}
@media(max-width:767px){.hero-orbit{opacity:.45}.hero-description{color:#444}.screenshot-art{aspect-ratio:1/1.03}.screenshot-art .art-caption{font-size:9px;left:23px;right:23px;top:21px}.screenshot-art .art-bottom{font-size:8px;left:23px;right:23px;bottom:19px}.project-art-title{left:23px;right:23px;bottom:47px}.project-art-title>strong{font-size:46px}.project-art-title>span{font-size:13px}.bakery-art .project-art-title,.rondo-art .project-art-title,.halloween-art .project-art-title{font-size:28px}.browser-chrome{height:19px}.browser-chrome>span{font-size:6px}.school-list .eyebrow,.contact-details .eyebrow{color:#555}}
@media(max-width:370px){.project-art-title>strong{font-size:39px}.project-art-title>strong>small{font-size:25px}.project-art-title>span{font-size:11px}.bakery-art .project-art-title,.rondo-art .project-art-title,.halloween-art .project-art-title{font-size:25px}.screenshot-art .art-caption{font-size:8px}.screenshot-art .art-bottom{font-size:7px}.project-art-title{bottom:43px}}
.screenshot-art .project-browser{top:14%;height:48%}.screenshot-art .project-browser>img{height:calc(100% - 19px);aspect-ratio:auto;object-fit:cover;object-position:top}
@media(prefers-reduced-motion:reduce){.project-browser{transition:none}.project:hover .project-browser{transform:none}}