
/* Gold, light paper and clear visual invitations. */
.golden-hero .name-ink{color:#d5b46a;filter:drop-shadow(0 1px 1px #24170c99)}
.golden-hero .name-reveal{position:relative}
.golden-hero .wordmark-gold-star{display:block;position:absolute;inset:0 auto auto 0;width:100%;height:auto;clip-path:inset(0 31% 58% 58%);filter:none!important;mix-blend-mode:normal;pointer-events:none}
.golden-hero .name-cursor{display:none!important}
.golden-hero .hero-copy .hero-intro{margin-bottom:16px}
.golden-hero .hero-copy .personal-invite{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:13px;min-height:64px;max-width:100%;padding:10px 17px 10px 13px;border:1px solid #f1d99d96;border-radius:999px;background:linear-gradient(130deg,#f1dfb9,#dbc08c 70%,#cba870);color:#39291c;box-shadow:0 1px 0 #fff4d8 inset,0 9px 20px #10090555;overflow:hidden;text-decoration:none;transform:none;transition:transform .25s,box-shadow .25s}
.golden-hero .personal-invite>span{width:auto;height:auto;min-width:0;border:0;border-radius:0;background:none;color:inherit;font-size:inherit;display:block}
.golden-hero .personal-invite .invite-cup{width:35px;height:36px;flex-shrink:0;display:grid;place-items:center;color:#936a34}
.invite-cup svg{width:35px;height:36px;overflow:visible}
.invite-steam{animation:cup-steam 5s ease-in-out infinite;transform-origin:center}
.golden-hero .personal-invite .invite-words{text-align:left}
.invite-words b{display:block;font:italic 17px/1.2 Georgia,serif;letter-spacing:-.02em;font-weight:400}
.invite-words small{display:block;font:7px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.01em;margin-top:4px;color:#6e5537}
.personal-invite .invite-arrow{width:17px;height:17px;flex-shrink:0;margin-left:4px;color:#8b6331}
.personal-invite::after{content:"";position:absolute;inset:-50% -70%;z-index:-1;background:linear-gradient(110deg,transparent 40%,#fff9df99 50%,transparent 60%);transform:translateX(-50%);transition:transform .7s}
.golden-hero .hero-copy .personal-invite:hover{background:linear-gradient(130deg,#f8e8c8,#ead09c);box-shadow:0 1px 0 #fff8e4 inset,0 12px 25px #10090566;transform:translateY(-2px)}
.personal-invite:hover::after{transform:translateX(50%)}
.personal-invite:focus-visible{outline:2px solid #fff0c0;outline-offset:5px}
@keyframes cup-steam{0%,100%{opacity:.35;translate:0 1px}50%{opacity:.9;translate:0 -1.5px}}
body:not(.hearth-in-view) .invite-steam{animation-play-state:paused!important}
#services.project-gallery{position:relative;isolation:isolate;display:block;width:100%;max-width:none;margin:0;padding:74px 0 61px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(135deg,#f1ede3,#e8e2d4);color:#26313a;overflow:hidden}
#services.project-gallery::before{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 10%,#d8c18c45,transparent 45%),repeating-linear-gradient(0deg,transparent 0 69px,#b4a1810a 70px)}
#services.project-gallery::after{display:none}
.project-gallery-inner{position:relative}
.project-gallery-heading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:end;gap:70px;margin-bottom:37px}
.project-gallery-heading .eyebrow{font:8px/1.5 ui-monospace,'Courier New',monospace;letter-spacing:.14em;color:#8c6b38;margin:0 0 18px}
.project-gallery-heading h2{font:550 53px/.99 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.055em;color:#24313a;margin:0}
.project-gallery-heading h2 em{font:450 50px/1.08 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.055em;color:#937244;display:block;margin-top:7px}
.project-gallery-heading>p{font-size:13px;line-height:1.85;color:#6c6e68;margin:0 0 2px;max-width:300px}
.project-panels{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.project-panel{position:relative;isolation:isolate;min-width:0;height:425px;border-radius:18px;overflow:hidden;border:1px solid #aa987958;background:#14283a;box-shadow:0 3px 0 #fff8e8,0 18px 30px #3d372020;transition:transform .35s,box-shadow .35s}
.project-panel:hover{transform:translateY(-6px);box-shadow:0 3px 0 #fff8e8,0 23px 35px #3d37202b}
.project-art{position:absolute;inset:0;margin:0;overflow:hidden}
.project-art>img{display:block;width:100%;height:100%;object-fit:cover}
.construction-panel .project-art>img{object-position:left top}
.wedding-panel .project-art>img{object-position:32% 50%}
.project-art::after{content:"";position:absolute;inset:42% 0 0;z-index:2;pointer-events:none;background:linear-gradient(transparent,#172431b8 60%,#14222ee8)}
.project-panel-label{position:absolute;left:17px;top:17px;z-index:4;font:6px/1.4 ui-monospace,'Courier New',monospace;letter-spacing:.08em;border:1px solid #f4e8cc99;border-radius:99px;padding:7px 10px;color:#344148;background:#fbf4e3dc}
.project-caption{position:absolute;z-index:4;left:22px;right:19px;bottom:24px}
.project-caption .studio-tag{display:block;font:7px/1.4 ui-monospace,'Courier New',monospace;letter-spacing:.11em;color:#e9c982;margin-bottom:11px}
.project-caption h3{font:500 27px/1.06 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.04em;color:#fff1d4;margin:0 0 10px}
.project-caption p{font:11px/1.65 'DM Sans',Arial,sans-serif;color:#e1dfd3;margin:0;max-width:265px}
.project-gallery .working-crane{top:36px;right:-7%;width:72%;color:#8e814d;opacity:.85;filter:drop-shadow(0 1px 0 #fff3ca60);z-index:2}
.project-gallery .project-sweep{opacity:.45}
.project-hosting-art{background:radial-gradient(ellipse at 20% 30%,#38859b85,transparent 65%),linear-gradient(140deg,#0a1c2b,#244c62 55%,#0b1b2e)}
.project-hosting-grid{position:absolute;inset:0;background-image:linear-gradient(#8bd6ed0b 1px,transparent 1px),linear-gradient(90deg,#8bd6ed0b 1px,transparent 1px);background-size:26px 26px}
.project-hosting-art .hosting-mini-shell{position:absolute;z-index:2;right:-8%;top:19%;width:84%;max-width:none;margin:0;border:1px solid #a0c9d582;border-radius:9px;transform:rotate(-7deg) perspective(700px) rotateY(-9deg);box-shadow:0 18px 23px #031121aa}
.project-hosting-art .hosting-mini-bar{font-size:5px;padding:7px;background:#16384c}
.project-hosting-art .hosting-mini-view{height:190px}
.project-hosting-art .hosting-mini-view img{width:100%;height:auto;display:block}
.project-hosting-art>img.hosting-server-art{position:absolute;left:-3%;top:10%;width:46%!important;height:57%!important;object-fit:contain!important;filter:drop-shadow(0 10px 9px #06131d99);z-index:3}
.project-hosting-art .hosting-orbit{left:-12%;top:36%;width:64%;height:25%;z-index:1}
.project-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px}
.project-gallery-note{font:italic 19px/1.4 Georgia,serif;color:#8b744f;margin:0}
.gallery-invitation{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;min-height:49px;border:1px solid #92754773;border-radius:99px;background:#26333b;color:#f4e4bf;font-size:11px;text-decoration:none;box-shadow:0 2px 0 #ffffff44 inset;transition:background .2s,transform .2s}
.gallery-invitation:hover{background:#3b4a52;transform:translateY(-2px)}
.gallery-invitation svg{width:20px;height:20px;color:#d5b377}
.gallery-invitation:focus-visible{outline:2px solid #846536;outline-offset:4px}
.project-gallery .service-visual-note{font-size:7px;color:#8d8b80;margin:21px 0 0;line-height:1.6}
.brick-factory .family-copy{background:linear-gradient(125deg,#1b252ee6,#18222db8);border-radius:14px;padding:27px 29px}
.brick-factory .family-copy h3{line-height:1.05}
.brick-factory .family-copy p{color:#dfdccb}
.brick-factory .family-cta.royal-invitation{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;width:100%;padding:12px 16px;color:#493516;background:linear-gradient(125deg,#f0d78d,#d3ae58 48%,#efcf80);border:1px solid #f8e5aa;border-radius:9px;box-shadow:0 1px 0 #fff0bd inset,0 4px 10px #090e134a;text-decoration:none;overflow:hidden;isolation:isolate;font-size:11px}
.royal-invitation .royal-seal{width:27px;height:27px;flex-shrink:0;color:#866126}
.royal-invitation>span{flex:1;text-align:center}
.royal-invitation .royal-arrow{width:16px;height:16px;flex-shrink:0}
.royal-invitation::before{content:"";position:absolute;inset:5px;border:1px solid #8e6a2944;border-radius:5px;pointer-events:none}
.royal-invitation::after{content:"";position:absolute;inset:-70%;z-index:-1;background:linear-gradient(115deg,transparent 42%,#fff4c6b3 50%,transparent 58%);transform:translateX(-40%);transition:transform .75s}
.royal-invitation:hover::after{transform:translateX(40%)}
.brick-factory .family-cta.royal-invitation:hover{color:#3d2c14;background:linear-gradient(125deg,#f7e2a5,#e6c474,#f5dc9b);transform:translateY(-1px)}
.royal-invitation:focus-visible{outline:2px solid #fff0b8;outline-offset:5px}
.golden-worlds.crafted-worlds{padding-top:64px;padding-bottom:52px;background:radial-gradient(ellipse at 18% 70%,#67432c38,transparent 50%),radial-gradient(ellipse at 86% 50%,#4b4f7133,transparent 48%),linear-gradient(145deg,#20262c,#17242d 65%,#29272d)}
.golden-worlds .section-heading{align-items:end}
.golden-worlds .section-heading h2{font-size:55px}
.golden-worlds .section-heading h2 em{font-size:63px}
.golden-worlds .evidence-page{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px}
.golden-worlds .evidence-window{padding-top:98px;padding-bottom:11px}
.golden-worlds .exhibit:first-child .preview{--preview-height:365px}
.golden-worlds .exhibit:nth-child(2){padding-top:40px;margin-left:0}
.golden-worlds .exhibit:nth-child(2) .preview{--preview-height:325px}
.golden-worlds .world-prop-axe{width:220px;top:-20px;right:-9px}
.golden-worlds .world-prop-brush{width:210px;top:-62px;right:4px}
.golden-worlds .world-prop-rose{width:190px;top:-55px;right:-3px}
.golden-worlds .world-prop-server{width:160px;top:-72px;right:6px}
.golden-worlds .paint-stroke{width:225px;right:1px;top:-28px}
.golden-worlds .server-beacon{width:120px;height:120px;right:13px;top:-37px}
.golden-worlds .exhibit-caption{padding-top:20px}
.golden-worlds .exhibit-caption h3{font-size:29px}
.golden-worlds .evidence-foot{margin-top:7px;padding-top:18px}
.golden-worlds .pager button{min-height:45px}
.golden-worlds .exhibit:hover .world-prop{animation-duration:5s}
.soldier-contact.angel-contact{padding-top:151px;padding-bottom:111px}
.soldier-contact .note-angel{width:427px;right:-62px;top:-191px}
.soldier-contact .dream-cloud-b{opacity:.63}
.dream-cloud-f{width:950px;left:24%;top:18%;opacity:.22;z-index:1;animation-duration:56s;animation-direction:alternate-reverse}
.dream-plane{position:absolute;z-index:1;pointer-events:none;user-select:none;top:7%;right:-220px;width:180px;height:auto;opacity:0;filter:drop-shadow(0 6px 9px #30536b1a);animation:peaceful-flight 48s linear infinite;animation-delay:-15s}
@keyframes peaceful-flight{0%{transform:translate(0,17px) rotate(-3deg);opacity:0}5%{opacity:.7}65%{opacity:.65}78%{transform:translate(calc(-100vw - 340px),-18px) rotate(2deg);opacity:0}100%{transform:translate(calc(-100vw - 340px),-18px) rotate(2deg);opacity:0}}
@media(min-width:701px) and (max-width:1100px){
.project-gallery-heading{gap:40px;grid-template-columns:1.4fr 1fr}.project-gallery-heading h2{font-size:44px}.project-gallery-heading h2 em{font-size:41px}.project-gallery-heading>p{font-size:12px}.project-panels{gap:15px;grid-template-columns:1.1fr 1fr 1fr}.project-panel{height:390px;border-radius:14px}.project-caption{left:18px;right:14px;bottom:22px}.project-caption h3{font-size:23px}.project-caption p{font-size:10px}.project-caption .studio-tag{font-size:6px}.project-panel-label{font-size:5px;padding:6px 8px;left:13px;top:13px}.project-hosting-art .hosting-mini-view{height:164px}.project-hosting-art .hosting-mini-bar{font-size:4px}.project-hosting-art .hosting-mini-shell{top:22%;width:91%;right:-13%}.project-gallery-note{font-size:17px}.gallery-invitation{font-size:10px;gap:18px}.brick-factory .family-copy{padding:22px}.brick-factory .family-cta.royal-invitation{font-size:10px;gap:8px;padding:11px 13px}.royal-invitation .royal-seal{width:24px;height:24px}.golden-worlds .evidence-page{gap:32px}.golden-worlds .exhibit:first-child .preview{--preview-height:305px}.golden-worlds .exhibit:nth-child(2){padding-top:35px}.golden-worlds .exhibit:nth-child(2) .preview{--preview-height:270px}.golden-worlds .world-prop-axe{width:185px}.golden-worlds .world-prop-brush{width:180px}.golden-worlds .world-prop-rose{width:170px}.golden-worlds .world-prop-server{width:145px}.soldier-contact .note-angel{width:350px;right:-55px;top:-164px}
}
@media(max-width:700px){
.golden-hero .hero-copy .personal-invite{min-height:59px;padding:9px 13px 9px 11px;gap:9px}.invite-words b{font-size:16px}.invite-words small{font-size:6px}.golden-hero .personal-invite .invite-cup{width:29px;height:32px}.invite-cup svg{width:29px;height:32px}.personal-invite .invite-arrow{width:15px;height:15px;margin-left:2px}.golden-hero .hero-copy .hero-intro{margin-bottom:13px}
#services.project-gallery{padding:49px 0 43px}.project-gallery-heading{display:block;margin-bottom:27px}.project-gallery-heading .eyebrow{font-size:6px;letter-spacing:.11em;margin-bottom:15px}.project-gallery-heading h2{font-size:39px}.project-gallery-heading h2 em{font-size:36px;line-height:1.12;margin-top:7px}.project-gallery-heading>p{font-size:12px;line-height:1.8;max-width:330px;margin-top:22px}.project-panels{grid-template-columns:minmax(0,1fr);gap:22px}.project-panel{height:360px;border-radius:16px}.project-caption{left:23px;right:22px;bottom:24px}.project-caption h3{font-size:29px}.project-caption p{font-size:12px;max-width:270px}.project-caption .studio-tag{font-size:7px}.project-panel-label{font-size:6px;left:17px;top:17px}.construction-panel .project-art>img{object-position:left top}.wedding-panel .project-art>img{object-position:39% 45%}.project-gallery .working-crane{width:58%;right:-11%;top:27px}.project-hosting-art .hosting-mini-shell{width:82%;right:-5%;top:15%}.project-hosting-art .hosting-mini-view{height:180px}.project-hosting-art .hosting-mini-bar{font-size:5px}.project-hosting-art>img.hosting-server-art{width:46%!important;height:59%!important;top:9%;left:0}
.project-gallery-footer{display:block;margin-top:28px}.project-gallery-note{font-size:18px;margin-bottom:18px}.gallery-invitation{font-size:11px;min-height:48px;width:100%;justify-content:space-between;padding:13px 18px}.project-gallery .service-visual-note{font-size:6px;line-height:1.8;margin-top:20px}
.brick-factory .family-copy{padding:24px 23px}.brick-factory .family-cta.royal-invitation{min-height:53px;font-size:11px;gap:10px;padding:12px 14px}.royal-invitation .royal-seal{width:26px;height:26px}
.golden-worlds.crafted-worlds{padding-top:49px;padding-bottom:40px}.golden-worlds .section-heading h2{font-size:43px}.golden-worlds .section-heading h2 em{font-size:51px}.golden-worlds .evidence-window{padding-top:83px}.golden-worlds .evidence-page{grid-template-columns:minmax(0,1fr);gap:101px}.golden-worlds .exhibit:first-child .preview{--preview-height:280px}.golden-worlds .exhibit:nth-child(2){padding-top:0;margin-left:0}.golden-worlds .exhibit:nth-child(2) .preview{--preview-height:260px}.golden-worlds .world-prop-axe{width:165px;top:-26px;right:-4px}.golden-worlds .world-prop-brush{width:166px;top:-56px;right:0}.golden-worlds .world-prop-rose{width:150px;top:-40px;right:0}.golden-worlds .world-prop-server{width:132px;top:-66px;right:3px}.golden-worlds .paint-stroke{width:180px;right:0;top:-23px}.golden-worlds .server-beacon{width:98px;height:98px;right:3px;top:-33px}.golden-worlds .exhibit-caption h3{font-size:27px}.golden-worlds .evidence-foot{gap:12px}
.soldier-contact.angel-contact{padding-top:68px;padding-bottom:95px}.soldier-contact .note-angel{width:330px;right:-47px;top:-176px}.dream-cloud-f{width:680px;left:-280px;top:30%;opacity:.28;animation-duration:57s}.dream-plane{top:18px;width:120px;right:-155px;animation-duration:44s;animation-delay:-14s}
}
@media(max-width:380px){
.golden-hero .hero-copy .personal-invite{gap:7px;padding-left:10px;padding-right:11px;min-height:56px}.golden-hero .personal-invite .invite-cup{width:25px}.invite-cup svg{width:25px}.invite-words b{font-size:14px}.invite-words small{font-size:5.5px}.personal-invite .invite-arrow{width:13px;height:13px}
.project-gallery-heading h2{font-size:34px}.project-gallery-heading h2 em{font-size:32px}.project-gallery-heading>p{font-size:11px}.project-panel{height:340px}.project-caption{left:20px;right:18px;bottom:23px}.project-caption h3{font-size:26px}.project-caption p{font-size:11px}.project-hosting-art .hosting-mini-view{height:158px}.project-hosting-art .hosting-mini-bar{font-size:4px}.project-gallery-note{font-size:16px}.gallery-invitation{font-size:10px}.brick-factory .family-copy{padding:22px 20px}.brick-factory .family-cta.royal-invitation{font-size:10px;gap:8px}.royal-invitation .royal-seal{width:23px;height:23px}.golden-worlds .section-heading h2{font-size:39px}.golden-worlds .section-heading h2 em{font-size:46px}.golden-worlds .exhibit:first-child .preview{--preview-height:252px}.golden-worlds .exhibit:nth-child(2) .preview{--preview-height:235px}.golden-worlds .world-prop-axe{width:149px}.golden-worlds .world-prop-brush{width:150px}.golden-worlds .world-prop-rose{width:139px}.golden-worlds .world-prop-server{width:119px}.soldier-contact .note-angel{width:295px;right:-42px;top:-158px}
}
@media(prefers-reduced-motion:reduce){.invite-steam,.dream-plane{animation:none!important}.dream-plane{display:none}.project-panel,.personal-invite,.gallery-invitation,.royal-invitation{transition:none!important}.project-panel:hover,.personal-invite:hover,.gallery-invitation:hover,.royal-invitation:hover{transform:none!important}}
@media print{.dream-plane,.invite-cup,.project-panel-label{display:none!important}#services.project-gallery{background:white;padding:20px 0}.project-panels{grid-template-columns:1fr 1fr 1fr}.project-panel{height:300px}.project-gallery-heading h2,.project-gallery-heading h2 em{color:black}.gallery-invitation,.personal-invite,.royal-invitation{background:white!important;color:black!important;box-shadow:none!important}}

/* Keep the hosting preview legible and the ticket label at button scale. */
.project-hosting-art .hosting-mini-shell{right:4%;top:12%;width:86%;transform:rotate(-5deg) perspective(700px) rotateY(-7deg)}
.project-hosting-art>img.hosting-server-art{left:-5%;top:32%;width:35%!important;height:46%!important}
.brick-factory .family-cta.royal-invitation>span{font:500 12px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:0;color:inherit;min-width:0}
@media(max-width:700px){.project-hosting-art .hosting-mini-shell{right:4%;top:12%;width:86%}.project-hosting-art>img.hosting-server-art{top:37%;width:35%!important;height:45%!important}.brick-factory .family-cta.royal-invitation>span{font-size:11px}}
@media(max-width:380px){.brick-factory .family-cta.royal-invitation>span{font-size:10px}}

/* Isolate the invitation from the earlier circular-arrow button styling. */
#record .hero-copy .personal-invite{width:280px;max-width:100%}
#record .personal-invite>.invite-words{display:block;width:auto;height:auto;min-width:0;max-width:none;flex:1 1 auto;padding:0;border:0;border-radius:0;background:none;color:inherit;line-height:normal;aspect-ratio:auto}
#record .personal-invite>.invite-cup{display:grid;place-items:center;width:35px;height:36px;min-width:35px;flex:0 0 35px;padding:0;border:0;border-radius:0;background:none;color:#936a34;aspect-ratio:auto}
#record .invite-words b,#record .invite-words small{width:auto;height:auto;max-width:none;white-space:nowrap}
@media(max-width:700px){#record .personal-invite>.invite-cup{width:29px;min-width:29px;height:32px;flex-basis:29px}}
@media(max-width:380px){#record .personal-invite>.invite-cup{width:25px;min-width:25px;flex-basis:25px}}
