/* Ironwork identity, silk-thread controls and a quieter planting clearing. */
.brand{display:block;line-height:0}.brand img{width:218px;height:53px;display:block}.nav-web{opacity:.12}
.hp-primary,.button.primary,.wallet-button{position:relative;isolation:isolate;overflow:hidden;border-radius:2px;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.hp-primary:after,.button.primary:after,.wallet-button:after{content:'';position:absolute;right:0;top:0;width:55px;height:55px;background:url('/assets/button-web.svg') top right/contain no-repeat;opacity:.45;pointer-events:none;transition:opacity .35s,transform .5s}
.hp-primary:hover:after,.button.primary:hover:after,.wallet-button:hover:after{opacity:.9;transform:scale(1.13);transform-origin:top right}
.hp-primary:hover,.button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0005}.wallet-button:hover{border-color:#d6bf94;box-shadow:inset 0 -2px #d6bf94}.hp-primary:active,.button.primary:active{transform:translateY(0)}
.hp-text-link,.text-button{transition:color .2s,text-decoration-color .2s}.hp-text-link:hover,.text-button:hover{color:#e3c695;text-decoration-color:#e3c695}.hp-yard-controls>button:first-child:hover{background:#263239}.hp-yard-controls svg{transition:transform .3s}.hp-yard-controls>button:hover svg{transform:translateX(4px)}
.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding:48px 4vw 22px;background:#0c1115;border-top:1px solid #655f50;color:#c3bfb5}.footer-identity img{width:244px;height:auto}.footer-identity p{font:18px/1.6 var(--serif);max-width:290px;color:#d6cebf;margin:16px 0}.footer-links{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.footer-links h2{font:13px var(--sans);color:#9f998b;margin:7px 0 12px}.footer-links a{font-size:14px}.footer-links a:hover{color:#eee1c8;text-decoration:underline}.footer-bottom{grid-column:1/-1;border-top:1px solid #74695145;padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:#a9a397}.footer-bottom p{margin:0;font-size:12px}.footer-bottom button{border:1px solid #6f695a;padding:8px 14px;border-radius:2px}.footer-bottom button:before{content:'';display:inline-block;width:5px;height:5px;margin-right:9px;background:#d6bf94;border-radius:50%}.effects-off .footer-bottom button:before{background:#716c63}
body[data-view=home] #environment canvas{pointer-events:none;cursor:default!important}body[data-view=yard] #environment canvas{touch-action:none}
body[data-view=plant] #environment{background-image:none!important}body[data-view=plant] #environment canvas{visibility:visible!important;pointer-events:none}body[data-view=plant] .scene-shade{background:linear-gradient(90deg,#0b111be6,#0b111b80 60%,#0b111b22)}
body[data-view=plant] .surface-host{min-height:calc(100svh - 80px)}
@media(max-width:760px){.brand img{width:150px;height:43px}.site-header{padding-inline:16px}.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding:34px 22px 20px}.footer-identity{grid-column:1/-1;display:flex;gap:24px;align-items:center}.footer-identity img{width:152px}.footer-identity p{font-size:14px;margin:0}.footer-bottom{gap:15px}.footer-bottom p{max-width:185px}.footer-links a{font-size:13px}.wallet-button{font-size:11px}.hp-primary:after,.button.primary:after,.wallet-button:after{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.hp-primary,.button.primary,.wallet-button,.hp-yard-controls svg{transition:none}}
.effects-off .hp-primary:after,.effects-off .button.primary:after,.effects-off .wallet-button:after{transition:none}
.s-source summary{cursor:pointer;color:#bdb4a2;display:list-item;width:max-content;padding:8px 0}.s-source p{max-width:65ch}
.s-primary:not(:disabled){position:relative;overflow:hidden;transition:background .25s,transform .25s}.s-primary:not(:disabled):after{content:'';position:absolute;right:0;top:0;width:52px;height:52px;background:url('/assets/button-web.svg') top right/contain no-repeat;pointer-events:none;opacity:.6}.s-primary:not(:disabled):hover{transform:translateY(-2px);background:#f1dfbc}
body[data-view=plant] .s-stone-preview{background:#111b21b8;border-color:#a898714d}body[data-view=plant] .s-heading{max-width:650px}body[data-view=plant] .s-heading h1{text-shadow:0 3px 20px #080d12}
.yard .yard-plant{position:absolute}
body[data-view=plant] .s-carved-stone p{width:160px;max-width:100%;align-self:center;font-size:22px}
/* Foreground flight and electrical light: the project's nocturnal signature. */
.home-storm{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.home-storm i{position:absolute;top:0;right:2%;width:36vw;height:95vh;background:url('/assets/lightning.svg') top center/contain no-repeat;filter:drop-shadow(0 7px 16px #93a6ff);opacity:0;animation:grave-lightning 9s ease-out infinite}.home-storm i:nth-child(2){right:auto;left:-4%;transform:scaleX(-1);width:24vw;animation-delay:4.5s}
@keyframes grave-lightning{0%,9%,30%,100%{opacity:0}12%{opacity:1}17%{opacity:.65}26%{opacity:0}}
.hp-bats{inset:65px 0 auto;height:245px;z-index:5;overflow:hidden;pointer-events:none}.hp-bat{width:76px!important;left:5%;top:35%;right:auto;color:#141421;filter:drop-shadow(0 2px 1px #bbc0ee) drop-shadow(0 9px 8px #000b);animation:grave-flight 15s ease-in-out infinite;rotate:-7deg}.hp-bat svg{stroke:#aaaad1;stroke-width:.5;animation-duration:.32s}.hp-bat-1{width:51px!important;top:10%;animation-delay:-4s;animation-duration:18s}.hp-bat-2{width:64px!important;top:62%;animation-delay:-9s;animation-duration:20s}.hp-bat-3{width:47px!important;top:22%;animation-delay:-12s;animation-duration:16s}.hp-bat-4{width:58px!important;top:76%;animation-delay:-3s;animation-duration:22s}.hp-bat-5{width:38px!important;top:49%;animation-delay:-7s;animation-duration:17s}.hp-all .hp-bats{top:130px;height:280px}.hp-all .hp-bat{animation-direction:reverse}
@keyframes grave-flight{0%,100%{left:3%;transform:translateY(20px) rotate(-9deg)}25%{left:37%;transform:translateY(-24px) rotate(9deg)}50%{left:82%;transform:translateY(22px) rotate(-12deg)}75%{left:48%;transform:translateY(65px) rotate(6deg)}}
@property --grave-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.hp-graduated:before,.hp-graduated .hp-project:before,.hp-primary:before,.wallet-button:before{content:'';position:absolute;inset:-1px;padding:1px;pointer-events:none;background:conic-gradient(from var(--grave-angle),#8d796433 0deg,#b9a2ee 45deg,#e7d5b2 70deg,#8d796422 110deg,#8d796422 235deg,#94b9cc 280deg,#8d796433 330deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:grave-border 8s linear infinite;z-index:2}.hp-graduated .hp-project{position:relative}.hp-graduated .hp-project:before{animation-duration:12s}.hp-graduated .hp-project:nth-child(even):before{animation-delay:-6s}.hp-primary:before,.wallet-button:before{padding:2px;animation-duration:5s}.hp-primary:hover:before,.wallet-button:hover:before{animation-duration:2s}
@keyframes grave-border{to{--grave-angle:360deg}}
@media(max-width:760px){.hp-bats{height:235px;top:68px}.hp-bat{width:57px!important}.hp-bat-1,.hp-bat-3{width:36px!important}.hp-bat-2{display:block;width:44px!important}.hp-bat-4,.hp-bat-5{display:none}.home-storm i{width:66vw;right:-10%}.home-storm i:nth-child(2){width:50vw;left:-12%}}
.effects-off .home-storm{display:none}.effects-off .hp-graduated:before,.effects-off .hp-graduated .hp-project:before,.effects-off .hp-primary:before,.effects-off .wallet-button:before{animation:none}
@media(prefers-reduced-motion:reduce){.home-storm{display:none}.hp-graduated:before,.hp-graduated .hp-project:before,.hp-primary:before,.wallet-button:before{animation:none}}
/* Graduated projects carry the warm light of the launch. */
.hp-graduated{background:radial-gradient(ellipse at 45% 0%,#b38b3528 0%,#5a431817 42%,transparent 75%),#151a1df2;border-top-color:#c7a05c;box-shadow:0 14px 52px -24px #c394466b}
.hp-graduated:before{background:conic-gradient(from var(--grave-angle),#8d713b50 0deg,#dfb65f 45deg,#fff0c2 70deg,#8d713b33 115deg,#8d713b33 235deg,#e4c183 280deg,#8d713b50 330deg)}
.hp-graduated .hp-section-heading h2{color:#f0dfbc}.hp-graduated .hp-section-heading>span{color:#cfb685}
.hp-graduated .hp-project{background:#20221f;border-color:#a88a4b55}.hp-graduated .hp-project:hover,.hp-graduated .hp-project:focus-within{background:#292a24;border-color:#dab56e}
.hp-art-status{isolation:isolate;overflow:hidden;border:1px solid #e2bc7477;padding:6px 10px;background:linear-gradient(115deg,#b48b40,#fff0ba,#cba24f,#fff5d3,#b48b40) 0 0/250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;letter-spacing:.015em;animation:graduated-letter-shine 5s ease-in-out infinite}
.hp-art-status:before{content:'';position:absolute;inset:0;z-index:-1;background:#211b0ef2}.hp-art-status:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffe6a63b 47%,transparent 68%);transform:translateX(-130%);animation:graduated-silk 5s ease-in-out infinite}
@keyframes graduated-letter-shine{0%,100%{background-position:0% 50%}60%{background-position:100% 50%}}
@keyframes graduated-silk{0%,30%{transform:translateX(-130%)}65%,100%{transform:translateX(130%)}}
.effects-off .hp-art-status,.effects-off .hp-art-status:after{animation:none}
@media(prefers-reduced-motion:reduce){.hp-art-status,.hp-art-status:after{animation:none}}
.hp-art-status{background:#211b0ef2;color:#e9ce8b;animation:none}.hp-art-status:before{display:none}.hp-art-status>span{background:linear-gradient(115deg,#cba14f,#fff0ba,#d3ad61,#fff5d3,#cba14f) 0 0/250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:graduated-letter-shine 5s ease-in-out infinite}.effects-off .hp-art-status>span{animation:none}@media(prefers-reduced-motion:reduce){.hp-art-status>span{animation:none}}
/* Occasional complete flights; bolts are generated for each storm. */
.hp-bats{inset:70px 0 auto;height:225px}.hp-bat{left:0!important;right:auto!important;top:0!important;rotate:0!important;animation:none!important;opacity:0;width:46px!important;filter:drop-shadow(0 2px 1px #a3a6ba70) drop-shadow(0 7px 5px #0008)}.hp-bat svg{animation-duration:.45s;stroke:#9196ac;stroke-width:.3}.hp-all .hp-bats{top:140px}.home-storm>i{display:none}.atmosphere-bolt{position:absolute;inset:0;width:100%;height:100%;stroke:#e5eaff;fill:none;filter:drop-shadow(0 0 4px #a8b6ff) drop-shadow(0 0 16px #748cea);opacity:0}.effects-off .atmosphere-bolt{display:none}
.hp-art-status:after{display:none}.hp-art-status>span{background-image:linear-gradient(110deg,#d9bd80,#ead5a3,#d9bd80);animation-duration:16s;animation-timing-function:ease-in-out}
.site-footer{padding:52px 4vw 24px;grid-template-columns:1.4fr .8fr .9fr;background:radial-gradient(ellipse at 5% 0%,#76644419,transparent 55%),#0b1013}.footer-identity{padding-right:35px}.footer-identity p{font-size:21px;max-width:330px;line-height:1.6;color:#d7ccba}.footer-links{gap:12px}.footer-links h2{font-family:var(--serif);font-size:18px;color:#eee3ce;margin-bottom:14px}.footer-links a{color:#bcb7ad;transition:color .25s,transform .25s}.footer-links a:hover{transform:translateX(3px);color:#f3dfb5}.footer-bottom{margin-top:8px;padding-top:23px}.footer-yard-link{margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:22px;max-width:290px;padding:15px 0;border-top:1px solid #9a805c70;border-bottom:1px solid #9a805c35;font:15px var(--sans);color:#dbc399}.footer-yard-link svg{width:20px}.footer-yard-link:hover svg{transform:translateX(4px)}
@media(max-width:760px){.site-footer{padding:35px 22px 20px;grid-template-columns:1fr 1fr;gap:30px}.footer-identity{display:block;padding:0}.footer-identity p{font-size:19px;margin-top:18px;max-width:270px}.footer-identity img{width:187px}.footer-yard-link{max-width:none}.footer-links h2{font-size:17px}.footer-links a{font-size:13px}}
.site-flights{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden;contain:strict}.site-flights .hp-bat{position:absolute;pointer-events:none}.effects-off .site-flights{display:none}@media(prefers-reduced-motion:reduce){.site-flights{display:none}}
.brand img{width:218px;height:59px;object-fit:cover;object-position:center}.footer-identity img{width:244px;height:66px;object-fit:cover;object-position:center}@media(max-width:760px){.brand img{width:150px;height:41px}.footer-identity img{width:205px;height:55px}}
/* A compact identity lockup and inset iron navigation plaques. */
.brand,.footer-identity>a:first-child{display:flex;align-items:center;gap:10px}.brand .brand-wordmark{width:164px;height:45px;object-fit:cover}.brand .brand-emblem{width:34px;height:42px;object-fit:contain}.footer-identity .brand-emblem{width:43px;height:53px;object-fit:contain}.footer-identity .brand-wordmark{width:205px;height:56px;object-fit:cover}
.desktop-nav{gap:9px;font-size:13px}.desktop-nav a{height:43px;padding:0 15px;gap:9px;border:1px solid #82735a70;background:linear-gradient(140deg,#2c2b253b,#10191d);color:#d4cfc4;isolation:isolate}.desktop-nav a svg{width:16px;height:16px;color:#c4ab7c;stroke-width:1.3}.desktop-nav a:before{content:'';position:absolute;inset:4px;border-inline:1px solid #b39a672d;pointer-events:none;transition:border-color .25s}.desktop-nav a:hover{background:#292d2a;border-color:#c5ab78;color:#f0dfbc}.desktop-nav a:hover:before{border-color:#bba16b88}.desktop-nav a[aria-current=page]{background:linear-gradient(120deg,#b8995430,#25281f);border-color:#c0a36e;color:#f1dbb0}.desktop-nav a[aria-current=page]:after{height:2px;bottom:4px;left:calc(50% - 9px);right:auto;width:18px;background:#c8aa6d}
.wallet-button{min-height:43px;border-color:#c3a26b;background:#151a1d;padding-inline:17px}.wallet-button svg{color:#e7c995}.wallet-button:after{opacity:.3}.wallet-button:hover{background:#282a24;box-shadow:inset 0 -2px #ddbd82}.hp-primary{padding:13px 20px;background:linear-gradient(115deg,#ecdcbc,#d9bf8d);border-color:#f1dfb7;box-shadow:inset 0 0 0 3px #cfb68d,inset 0 0 0 4px #76634150}.hp-primary svg{margin-left:10px;padding:3px;width:26px;height:26px;border:1px solid #87704966}.hp-primary:hover{background:#f0dfbd;box-shadow:inset 0 0 0 3px #ddc79e,inset 0 0 0 4px #76634150,0 8px 22px #0005}
body:is([data-view=explore],[data-view=launch]) #environment{background-image:none!important}body:is([data-view=explore],[data-view=launch]) #environment canvas{visibility:visible!important;pointer-events:none}body:is([data-view=explore],[data-view=launch]) .scene-shade{background:linear-gradient(90deg,#090f16da,#0b111b70 60%,#0b111b30)}
#mobile-menu a{border:1px solid #8e78524d;background:#192020;padding:12px 16px}#mobile-menu a[aria-current=page]{border-color:#c5aa74;background:#2b2c23;color:#efd5a5}
@media(max-width:1050px) and (min-width:761px){.site-header{gap:12px;padding-inline:18px}.desktop-nav{gap:6px}.desktop-nav a{padding-inline:10px;font-size:12px;gap:6px}.brand .brand-wordmark{width:143px;height:39px}.brand .brand-emblem{width:29px}.wallet-button{padding-inline:11px;font-size:12px}}
@media(max-width:760px){.brand{gap:6px}.brand .brand-wordmark{width:116px;height:32px}.brand .brand-emblem{width:25px;height:34px}.wallet-button{padding-inline:11px;min-height:40px}.footer-identity>a:first-child{gap:9px}.footer-identity .brand-emblem{width:34px;height:45px}.footer-identity .brand-wordmark{width:170px;height:46px}.hp-primary{padding:10px 13px}.hp-primary svg{margin-left:3px}}
.site-atmosphere{display:contents}.site-storm{z-index:1}.site-flights .hp-bat{width:64px!important;filter:drop-shadow(0 4px 3px #0007)}.bat-facing{display:block;transform:scaleX(var(--bat-direction,1))}.bat-sprite{display:block;width:100%;height:auto;animation:bat-natural-wing .55s ease-in-out infinite alternate;transform-origin:60% 50%}@keyframes bat-natural-wing{from{transform:scaleY(.88) rotate(-2deg)}to{transform:scaleY(1) rotate(2deg)}}@media(max-width:760px){.site-flights .hp-bat{width:54px!important}}.effects-off .bat-sprite{animation:none}@media(prefers-reduced-motion:reduce){.bat-sprite{animation:none}}
/* Shaped iron plaques: the navigation's silhouette is its ornament. */
.desktop-nav a{border:0;background:#81725b;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:0 20px;min-width:123px;font-weight:500;isolation:isolate}
.desktop-nav a:before{inset:1px;z-index:-1;border:0;background:#131c20;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:background .25s}
.desktop-nav a:hover{background:#ccb17c}.desktop-nav a:hover:before{background:#29302c}.desktop-nav a[aria-current=page]{background:#d1b076}.desktop-nav a[aria-current=page]:before{background:#323328}.desktop-nav a[aria-current=page]:after{bottom:4px}
@media(min-width:761px) and (max-width:1050px){.desktop-nav a{min-width:110px;padding-inline:13px}}
#mobile-menu a{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
.desktop-nav a:focus-visible{background:#f0d3a1;outline:none}.desktop-nav a:focus-visible:before{box-shadow:inset 0 0 0 2px #dfbf7c;background:#28302b}
.brand .brand-emblem{width:42px;height:46px}.footer-identity .brand-emblem{width:51px;height:57px}@media(max-width:760px){.brand .brand-emblem{width:29px;height:35px}.footer-identity .brand-emblem{width:40px;height:47px}}
/* Balanced header scale; quiet directional silhouettes. */
.brand{gap:5px}.brand .brand-wordmark{width:132px;height:36px}.brand .brand-emblem{width:35px;height:40px}.desktop-nav{gap:8px}.desktop-nav a{height:38px;min-width:0;padding:0 17px;font-size:12px;font-weight:500}.wallet-button{min-height:40px;padding:9px 14px;font-size:12px}.site-header{gap:24px}
.hp-yard-controls{max-width:350px}.hp-yard-controls>button:first-child{position:relative;min-height:53px;padding:13px 17px;font:16px var(--serif);gap:12px;border:1px solid #b79861;background:linear-gradient(115deg,#34362bbf,#121d22ed);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hp-yard-controls>button:first-child:before{content:'';position:absolute;inset:4px;pointer-events:none;border-block:1px solid #c7b07b40}.hp-yard-controls>button:first-child:hover{background:#384039;color:#ffe9bd}.hp-yard-controls .yard-entry-mark{width:25px;height:27px;color:#d2b47b}.hp-yard-controls>button:first-child>svg:last-child{width:18px}.hp-primary svg{border:0;padding:1px;width:23px;height:23px}.hp-yard-controls>button:first-child:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #ebc98d}
.site-flights .hp-bat{width:49px!important;filter:drop-shadow(0 3px 2px #0006)}.bat-stylized{width:100%;height:auto;fill:#151922;stroke:#8d929c;stroke-width:.4;animation:none}.flight-wing{transform-origin:74px 37px;animation:directional-wing .48s ease-in-out infinite alternate}.flight-wing-far{opacity:.85;animation-delay:-.17s}@keyframes directional-wing{from{transform:scaleY(.76) rotate(-6deg)}to{transform:scaleY(1) rotate(7deg)}}.effects-off .flight-wing{animation:none}@media(prefers-reduced-motion:reduce){.flight-wing{animation:none}}
@media(max-width:1050px) and (min-width:761px){.site-header{gap:12px}.brand .brand-wordmark{width:125px;height:34px}.brand .brand-emblem{width:30px}.desktop-nav a{height:37px;padding-inline:12px;font-size:11px}.wallet-button{font-size:11px;padding-inline:11px}}
@media(max-width:760px){.site-header{gap:9px}.brand{gap:3px}.brand .brand-wordmark{width:108px;height:29px}.brand .brand-emblem{width:29px;height:35px}.wallet-button{font-size:11px;min-height:38px;padding:9px 10px}.hp-yard-controls{max-width:none}.hp-yard-controls>button:first-child{font-size:14px;min-height:46px;padding:10px 13px;gap:8px}.hp-yard-controls .yard-entry-mark{width:20px;height:23px}.site-flights .hp-bat{width:43px!important}}
@media(max-width:760px){.wallet-button svg{display:block;width:14px;height:14px}.wallet-button{gap:7px}}
/* Pointed monogram and wordmark share one compact, ivory silhouette. */
.brand{gap:5px}.brand .brand-wordmark{width:120px;height:33px}.brand .brand-emblem{width:29px;height:39px}
.footer-identity>a:first-child{gap:7px}.footer-identity .brand-emblem{width:37px;height:49px}.footer-identity .brand-wordmark{width:170px;height:46px}
.hp-yard-controls>button:first-child{isolation:isolate;border:0;background:#b79861}
.hp-yard-controls>button:first-child:before{inset:1px;z-index:-1;border:0;background:linear-gradient(115deg,#2c302b,#121d22);clip-path:polygon(11.5px 0,100% 0,100% calc(100% - 11.5px),calc(100% - 11.5px) 100%,0 100%,0 11.5px);transition:background .25s}
.hp-yard-controls>button:first-child:hover{background:#e4c78c}.hp-yard-controls>button:first-child:hover:before{background:#30382f}
.hp-yard-controls .yard-3d{color:#e4c78c}
.hp-yard-controls>button:first-child:focus-visible{background:#ffe8bc;box-shadow:none}.hp-yard-controls>button:first-child:focus-visible:before{inset:3px;background:#30382f}
@media(max-width:760px){.brand{gap:4px}.brand .brand-wordmark{width:100px;height:27px}.brand .brand-emblem{width:25px;height:34px}}
/* Larger seal; fine, uneven silk anchored to the graduated frames. */
.brand .brand-emblem{width:44px;height:54px}.brand{gap:3px}
.footer-identity .brand-emblem{width:50px;height:64px}
.hp-graduated{isolation:isolate}
.hp-graduated:after,.hp-outer-silk{position:absolute;pointer-events:none;z-index:3;background:url('/assets/frame-silk.svg') top right/100% 100% no-repeat;opacity:.65}.hp-graduated:after{content:'';right:0;top:0;width:180px;height:140px}.hp-outer-silk{left:0;top:0;width:100px;height:78px;transform:scaleX(-1);opacity:.4}
.hp-primary:after,.button.primary:after,.wallet-button:after,.s-primary:not(:disabled):after{background-image:url('/assets/corner-silk.svg')}
@media(max-width:760px){.brand .brand-emblem{width:35px;height:44px}.brand{gap:2px}.hp-graduated:after{width:105px;height:82px;right:0;top:0;opacity:.4}.hp-outer-silk{width:62px;height:49px;left:0;top:0;opacity:.3}}
/* A short settling motion for operating surfaces, never a delayed reveal. */
.surface-host{animation:surface-settle .45s cubic-bezier(.16,1,.3,1)}
@keyframes surface-settle{from{transform:translateY(7px)}to{transform:translateY(0)}}
.s-field input,.s-field textarea,.s-field select{transition:border-color .2s,background-color .2s,box-shadow .2s}
.s-field :is(input,textarea,select):focus{border-color:#d5bb86;background-color:#1c2529;box-shadow:0 3px 12px #0003}
.s-tabs button{transition:background-color .22s,color .22s}
.footer-links a:focus-visible,.s-link:focus-visible{outline:2px solid #d5bb86;outline-offset:4px}
.effects-off .surface-host{animation:none}
@media(prefers-reduced-motion:reduce){.surface-host{animation:none}.s-field input,.s-field textarea,.s-field select,.s-tabs button{transition:none}}
/* Chiselled launch silhouette: one ivory face, a complete warm metal edge. */
.hp-intro-actions .hp-primary{position:relative;isolation:isolate;border:0;border-radius:0;min-height:50px;padding:12px 17px 12px 22px;gap:22px;color:#252820;background:#c5a56f;box-shadow:none;clip-path:polygon(12px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 12px),calc(100% - 12px) 100%,5px 100%,0 calc(100% - 5px),0 12px)}
.hp-intro-actions .hp-primary:before{inset:1px;z-index:-1;padding:0;border:0;background:#e8d7b5;mask:none;-webkit-mask:none;animation:none;clip-path:polygon(11.5px 0,calc(100% - 4.5px) 0,100% 4.5px,100% calc(100% - 11.5px),calc(100% - 11.5px) 100%,4.5px 100%,0 calc(100% - 4.5px),0 11.5px);transition:background .3s}
.hp-intro-actions .hp-primary:after{width:48px;height:46px;left:0;right:auto;top:0;transform:scaleX(-1);filter:brightness(.35);opacity:.25}
.hp-intro-actions .hp-primary .launch-spark{width:23px;height:23px;margin:0;padding:0;border:0;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.hp-intro-actions .hp-primary:hover{background:#f5dda5;box-shadow:none;transform:translateY(-2px)}
.hp-intro-actions .hp-primary:hover:before{background:#f3e5c8}.hp-intro-actions .hp-primary:hover .launch-spark{transform:translateY(-2px)}
.hp-intro-actions .hp-primary:focus-visible{outline:none;background:#fff1ce}.hp-intro-actions .hp-primary:focus-visible:before{inset:3px}
.silk-frame{position:relative}.frame-web{position:absolute;right:0;top:0;width:92px;height:86px;background:url('/assets/corner-silk.svg') top right/contain no-repeat;pointer-events:none;z-index:3;opacity:.48;transform-origin:top right;transition:opacity .6s}
.frame-web-1{width:68px;height:95px;background-image:url('/assets/frame-silk.svg');background-size:100% 100%;opacity:.55}.frame-web-2{width:108px;height:100px;opacity:.34}
.silk-frame:hover>.frame-web,.silk-frame:focus-within>.frame-web{opacity:.8}
.hp-graduated:after{opacity:.82}.hp-outer-silk{opacity:.55}
.site-footer{position:relative}.site-footer:after{content:'';position:absolute;top:0;right:0;width:170px;height:158px;background:url('/assets/corner-silk.svg') top right/contain no-repeat;opacity:.38;pointer-events:none}
@media(max-width:760px){.frame-web{width:65px;height:61px;opacity:.4}.frame-web-1{width:52px;height:78px}.frame-web-2{width:74px;height:69px;opacity:.3}.site-footer:after{width:110px;height:103px;opacity:.3}.hp-intro-actions .hp-primary{padding:10px 14px 10px 18px;gap:15px;min-height:46px}}
.effects-off .frame-web,.effects-off .hp-intro-actions .hp-primary:before,.effects-off .launch-spark{transition:none}
@media(prefers-reduced-motion:reduce){.frame-web,.hp-intro-actions .hp-primary:before,.hp-intro-actions .hp-primary .launch-spark{transition:none}.hp-intro-actions .hp-primary:hover{transform:none}}
/* Shared iron, antique gold and silk across the operating panels. */
.hp-all,.s-panel,.project-details,.stone-panel,.yard-list-panel{border:1px solid #a28b5959;border-top-color:#af945f;background-color:#131c1eee}.s-panel,.stone-panel,.yard-list-panel{background-image:radial-gradient(ellipse at 0 0,#ac8a3812,transparent 60%)}.hp-all{border-top-color:#b99b61}.hp-all>.frame-web{width:125px;height:116px}.silk-frame{transition:border-color .3s}.silk-frame:focus-within{border-color:#c3a873}.s-primary:not(:disabled){border:1px solid #d3b87d;border-radius:0;background:#e5d3ad;color:#252820;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.s-primary:not(:disabled):hover{background:#f4e4c4}.s-preview>.frame-web,.s-stone-preview>.frame-web{width:65px;height:63px;opacity:.3}
.site-haze{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;contain:strict}.ground-fog{position:absolute;left:-20%;right:-20%;bottom:-12%;height:52%;background:radial-gradient(ellipse at 15% 65%,#abbcc21a,transparent 48%),radial-gradient(ellipse at 70% 80%,#bdc9bf17,transparent 50%);animation:ground-drift 32s ease-in-out infinite alternate}.grave-dust{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#d9c69c;border-radius:50%;opacity:0;animation:grave-drift var(--duration) var(--delay) linear infinite}@keyframes ground-drift{from{transform:translate3d(-5%,3%,0)}to{transform:translate3d(7%,-8%,0)}}@keyframes grave-drift{0%{opacity:0;transform:translate3d(0,35px,0)}20%,70%{opacity:.4}100%{opacity:0;transform:translate3d(40px,-100px,0)}}.effects-off .site-haze{display:none}@media(prefers-reduced-motion:reduce){.site-haze{display:none}.silk-frame{transition:none}}@media(max-width:760px){.grave-dust:nth-child(n+9){display:none}.hp-all>.frame-web{width:78px;height:73px}.ground-fog{opacity:.7}}
/* First arrival: the stone gate gives way to the real scene. */
.stone-entrance{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;color:#e9d8b7}.stone-entrance canvas{position:absolute;inset:0;display:block;pointer-events:none}.gate-active{overflow:hidden}.gate-active #scene-loader{visibility:hidden}.gate-copy{position:absolute;left:20px;right:20px;top:70%;text-align:center;pointer-events:none;text-shadow:0 2px 8px #000}.gate-copy p{font:clamp(19px,3vw,26px) var(--serif);margin:0 0 12px}.gate-copy>span{font:12px var(--sans);color:#b9b4a8}.gate-skip{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:20px;min-height:44px;padding:10px 16px;border:1px solid #a18c6166;background:#11191bcc;color:#e9d8b7;font:12px var(--sans)}.gate-skip:hover{background:#30342c;border-color:#d3b781}.gate-skip:focus-visible{outline:2px solid #e9ce93;outline-offset:4px}.gate-breaking .gate-copy{opacity:0;transition:opacity .2s}.gate-breaking .gate-skip{background:#11191be6}@media(prefers-reduced-motion:reduce){.gate-copy,.gate-skip{transition:none}}
/* Cinematic stone slab: surface light, carved voids, physical fragments. */
.stone-entrance.gate-preparing{background:#0b1013}.gate-fallback-mark{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(72vw,570px);height:auto;opacity:.52}.gate-rendered .gate-fallback-mark{display:none}.stone-entrance:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 16vw #0008;transition:opacity .7s}.gate-breaking:after{opacity:0}.gate-copy{top:auto;bottom:17%;z-index:1}.gate-copy p{font-size:clamp(19px,2vw,25px)}.gate-copy>span{font-size:11px;color:#c1bbae}.gate-skip{z-index:2}.gate-breaking .gate-copy{transition:opacity .3s}.gate-rendered canvas{width:100%;height:100%}
