/* Full-width header, animated link rules, and unique continuously moving page studies. */
#header{border-bottom:1px solid var(--line)}
#header .site-header{width:calc(100% - 64px);max-width:none;border-bottom:0}
.nav a:not(.button),.footer-main nav a,.footer-bottom a{position:relative;display:inline-block;width:fit-content;text-decoration:none}
.nav a[aria-current=page]:not(.button){border-bottom:0;padding-bottom:0}
.nav a:not(.button)::after,.footer-main nav a::after,.footer-bottom a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#16494e;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
.nav a:not(.button):hover::after,.nav a:not(.button):focus-visible::after,.footer-main nav a:hover::after,.footer-main nav a:focus-visible::after,.footer-bottom a:hover::after,.footer-bottom a:focus-visible::after{transform:scaleX(1)}
.footer-main nav{align-items:flex-start;gap:14px}
.scene{background:var(--paper);cursor:default;aspect-ratio:1;overflow:hidden;min-width:0}
.scene>*{pointer-events:none}
.scene .motion-toggle{pointer-events:auto;position:absolute;bottom:0;right:7px;z-index:12;border:0;border-bottom:1px solid #879c9d;background:var(--paper);color:var(--muted);padding:3px 0;font-size:12px;cursor:pointer}
.scene .motion-toggle:disabled{opacity:1;cursor:default}
.scene .statue{bottom:6%;height:82%}
.scene .float{--mx:6px;--my:-7px;--mr:1.2deg;animation:hat-ambient 7s ease-in-out infinite alternate;will-change:transform}
.scene .float:nth-child(2n){--mx:-7px;--my:5px;--mr:-1.3deg;animation-duration:8.2s;animation-delay:-2.3s}
.scene .float:nth-child(3n){--mx:4px;--my:8px;--mr:.8deg;animation-duration:6.5s;animation-delay:-4.1s}
.scene .float:nth-child(4n){--mx:-5px;--my:-6px;--mr:-.8deg;animation-duration:9.1s;animation-delay:-1.2s}
.scene .fine-line{height:1px;width:33%;left:6%;top:38%;background:#16494e88;z-index:4;transform-origin:0 0}
.scene.paused .float,.scene.offscreen .float,.page-hidden .scene .float{animation-play-state:paused}
@keyframes hat-ambient{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(calc(var(--mx)*-.4),calc(var(--my)*.5)) rotate(calc(var(--mr)*-.4))}100%{transform:translate(var(--mx),var(--my)) rotate(var(--mr))}}
.scene-contact .statue{width:88%;left:5%;height:82%;bottom:8%}
.scene-contact .peach{width:35%;left:9%;top:10%;opacity:.42}
.scene-contact .tall{left:77%;top:8%;height:34%;width:10%;opacity:.6}
.scene-contact .lavender{width:26%;left:3%;top:58%;opacity:.5}
.scene-contact .square{left:75%;bottom:11%;width:16%;background:#b9d8ca}
.scene-contact .slim{left:22%;right:auto;top:37%;height:22%;width:12%;background:#eccab7}
.scene-contact .mint{right:30%;bottom:12%;width:22%;height:9%;opacity:.44}
.scene-contact .grid{top:7%;right:22%;width:34%;height:28%}
.scene-contact .fine-line{top:77%;left:9%;width:76%}
.scene-hosting .statue{width:82%;left:9%;height:80%;bottom:8%}
.scene-hosting .peach{width:43%;left:45%;top:10%;opacity:.6}
.scene-hosting .tall{left:8%;top:34%;width:16%;height:34%}
.scene-hosting .lavender{left:55%;top:51%;width:36%;opacity:.45}
.scene-hosting .square{left:15%;bottom:12%;width:22%;background:#c8b6d8}
.scene-hosting .mint{right:9%;bottom:17%;width:17%;height:12%}
.scene-hosting .slim{right:16%;top:18%;height:27%;width:7%;background:#ecc6b0}
.scene-hosting .grid{right:51%;top:17%;width:42%;height:25%}
.scene-hosting .fine-line{left:7%;top:79%;width:78%}
.scene-services .statue{height:83%;width:80%;left:9%;bottom:8%}
.scene-services .peach{width:52%;left:9%;top:36%}
.scene-services .lavender{width:41%;left:48%;top:12%}
.scene-services .tall{left:18%;height:53%;width:8%;top:12%}
.scene-services .square{left:64%;bottom:18%;width:21%;background:#b7d9c7}
.scene-services .mint{right:24%;bottom:10%;width:34%;height:7%}
.scene-services .slim{right:8%;height:26%;top:41%;background:#d5ba84}
.scene-services .grid{right:51%;top:13%;width:33%;height:33%}
.scene-about .statue{width:85%;height:78%;left:7%;bottom:12%}
.scene-about .peach{width:33%;left:53%;top:19%}
.scene-about .lavender{width:45%;left:3%;top:31%}
.scene-about .tall{width:13%;left:20%;top:10%;height:26%}
.scene-about .square{left:61%;bottom:15%;width:22%;background:#b9d7c9}
.scene-about .slim{right:52%;top:54%;width:9%;height:22%}
.scene-about .mint{width:28%;height:8%;right:19%;bottom:11%}
.scene-about .grid{width:27%;height:25%;top:18%;right:11%}
.scene-work .statue{width:82%;left:8%;height:79%;bottom:11%}
.scene-work .peach{width:48%;left:10%;top:8%}
.scene-work .lavender{width:40%;left:51%;top:48%;opacity:.45}
.scene-work .tall{left:77%;top:13%;width:12%;height:45%}
.scene-work .square{left:8%;bottom:15%;width:22%;background:#bbd9c9}
.scene-work .slim{right:65%;top:32%;width:7%;height:38%}
.scene-work .mint{right:9%;bottom:14%;width:33%;height:8%}
.scene-work .grid{top:8%;right:26%;width:31%;height:33%}
.scene .geo-center,.scene .geo-inner{position:absolute;z-index:2;pointer-events:none}
.scene-evaluation .geo-center{width:56%;height:56%;border:32px solid var(--teal);border-radius:50%;left:23%;top:24%}
.scene-evaluation .geo-inner{width:24%;height:24%;background:#faf8f1;border:1px solid var(--gold);left:39%;top:40%;transform:rotate(45deg)}
.scene-evaluation .peach{width:39%;left:10%;top:8%}.scene-evaluation .mint{right:10%;bottom:14%;height:14%;width:45%}
.scene-evaluation .lavender{width:26%;left:10%;top:59%}.scene-evaluation .grid{top:20%;right:6%;width:33%}
.scene-privacy .geo-center{width:44%;height:57%;border-radius:120px 120px 0 0;background:var(--teal);left:30%;top:23%}
.scene-privacy .geo-inner{width:25%;height:39%;border-radius:80px 80px 0 0;background:var(--paper);left:39.5%;top:41%}
.scene-privacy .peach{width:40%;left:11%;top:9%}.scene-privacy .lavender{left:58%;top:60%;width:25%}.scene-privacy .square{left:10%;bottom:11%;width:19%;background:#b9d7c9}
.scene-sitemap .geo-center{width:60%;height:60%;left:20%;top:22%;background:repeating-linear-gradient(90deg,#16494e 0,#16494e 2px,transparent 2px,transparent 25%),repeating-linear-gradient(0deg,#16494e 0,#16494e 2px,transparent 2px,transparent 25%)}
.scene-sitemap .geo-inner{width:29%;height:29%;left:35%;top:37%;background:var(--paper);border:2px solid #16494e;border-radius:50%}
.scene-sitemap .peach{width:36%;left:10%;top:8%}.scene-sitemap .square{width:28%;left:60%;bottom:9%;background:#b9d7c9}.scene-sitemap .tall{left:9%;width:7%;top:49%;height:29%}
.hero .service-jumps,.hero .sitemap-links{margin-top:42px}
.concept-tools{display:none}.concept-panel{margin-top:35px}
.hat-icon{width:150px;height:auto;max-width:75%;object-fit:contain}
.hat-brand .hat-icon{width:185px;max-width:80%}
.plan-icon{width:120px;height:86px;object-fit:contain;object-position:left bottom;margin-bottom:26px;display:block}
.plan-top{min-height:240px}
.scene-home .fine-line{display:none}
@media(min-width:1200px){.hero .split{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(54px,4.8vw,76px)}}
@media(max-width:760px){#header .site-header{width:calc(100% - 36px)}.scene{max-width:520px;margin:auto;min-height:0}.hero .split{grid-template-columns:1fr}.plan-top{min-height:0}.scene .motion-toggle{padding:6px 0}.hero .sitemap-links{margin-top:28px}.hat-brand .hat-icon{width:170px}}
@media(prefers-reduced-motion:reduce){.scene .float{animation:none!important}.nav a::after,.footer-main nav a::after,.footer-bottom a::after{transition:none}}
