/* Engraving, registration marks and orbital plates — the owner's art direction. */
.reference-site{--draft-accent:#74a5ff;--draft-faint:#a7bdd620;--draft-line:#a7bdd65c}
.reference-site.light{--draft-accent:#e44c18;--draft-faint:#25272218;--draft-line:#2527224d}
.drafting-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;user-select:none}
.drafting-layer>svg{width:100%;height:100%;display:block;stroke-width:.65;vector-effect:non-scaling-stroke}
.draft-fine{stroke:var(--draft-line);opacity:.65}.draft-accent{stroke:var(--draft-accent);stroke-width:1;opacity:.85}
.reference-home .hero>.drafting-layer{z-index:2;mask-image:linear-gradient(90deg,transparent 26%,#000 64%)}
.reference-home .hero .hero-copy{z-index:4}
.reference-home .cosmic{background-size:32px 32px;background-image:linear-gradient(var(--draft-faint) .5px,transparent .5px),linear-gradient(90deg,var(--draft-faint) .5px,transparent .5px)}
.hero-halftone{position:absolute;left:2%;bottom:0;width:56%;height:125px;pointer-events:none;z-index:1;background-image:radial-gradient(var(--ink) .6px,transparent .8px);background-size:4px 4px;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 28%,transparent),linear-gradient(0deg,#000,transparent);mask-composite:intersect}
.reference-home .orbit-system{background:none;border:0;opacity:.9;width:410px;height:410px;top:0;right:-26px}
.reference-home .orbit-system:before,.reference-home .orbit-system:after{content:none}
.atlas-orbit{display:block;width:100%;height:100%;color:var(--ink);stroke-width:.65}
.orbital-lines{stroke:var(--draft-line)}.orbital-disc{color:var(--ink);stroke:var(--ink);stroke-width:.6;opacity:.85}.orbital-accent{fill:var(--draft-accent);stroke:var(--draft-accent);opacity:.85}
.reference-home .section-head{position:relative}
.reference-home .section-head:before,.reference-home .section-head:after{content:'';position:absolute;background:var(--draft-accent);width:13px;height:1px;right:0;top:0}
.reference-home .section-head:after{width:1px;height:13px;right:6px;top:-6px}
.featured-project{border-radius:3px;background:linear-gradient(90deg,var(--panel) 55%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 35px,var(--draft-faint) 35px 36px),repeating-linear-gradient(90deg,transparent 0 35px,var(--draft-faint) 35px 36px),var(--panel)}
.featured-project:before{content:'';position:absolute;left:0;top:40px;bottom:35px;width:2px;background:var(--draft-accent);z-index:3}
.featured-project .drafting-layer{left:55%;opacity:.7;mask-image:none}
.featured-project .drafting-layer>svg{stroke-width:.8}
.featured-project:after{right:-65px;top:-70px;border-style:dashed;opacity:.65}
.card-coordinate:after{content:' +';color:var(--draft-accent);font-size:13px;margin-left:18px}
.journey-layout{position:relative;isolation:isolate;overflow:hidden;padding-top:42px;row-gap:12px;padding-bottom:0}
.journey-layout>.restored-section{position:relative;z-index:2;min-width:0}
.journey-layout>.drafting-layer{display:none}
.journey-layout .section-heading{position:relative;min-height:145px}
.timeline-section .section-heading{padding-right:230px}
.journey-layout .section-heading>.section-label:after{content:'';display:inline-block;vertical-align:middle;margin-left:14px;width:32px;height:2px;background:var(--draft-accent)}
.landscape-stamp{position:absolute;right:0;top:0;width:220px;height:145px;margin:0;border:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent)}
.landscape-stamp:before{content:'';position:absolute;left:0;right:0;bottom:5px;border-bottom:1px solid var(--draft-line);z-index:2}
.landscape-stamp img{position:absolute;width:365%;max-width:none;height:auto;left:-80%;bottom:-105px;filter:invert(1);mix-blend-mode:screen}
.light .landscape-stamp img,.light .landscape-panorama img{filter:none;mix-blend-mode:multiply}
.landscape-stamp span{position:absolute;left:auto;right:12px;top:6px;font:7px/1.3 monospace;letter-spacing:1px;color:var(--muted);z-index:2}
.timeline-section .experience-list:before{border-left-color:var(--ink)}
.timeline-section .experience-card:before{content:'';position:absolute;left:14px;top:12px;width:10px;height:10px;border:1px solid var(--draft-accent);border-radius:50%;background:var(--panel)}
.timeline-section .experience-card:after{content:'';position:absolute;right:0;bottom:0;width:50px;border-top:1px dotted var(--draft-accent);opacity:.7}
.landscape-panorama{grid-column:1/-1;position:relative;isolation:isolate;height:270px;margin:0;overflow:hidden;border-bottom:1px solid var(--draft-line);background-image:linear-gradient(var(--draft-faint) .5px,transparent .5px),linear-gradient(90deg,var(--draft-faint) .5px,transparent .5px);background-size:38px 38px;mask-image:linear-gradient(180deg,transparent,#000 30%)}
.landscape-panorama:before{content:'';position:absolute;inset:8% 13% 0 auto;width:170px;border:1px solid var(--draft-line);border-radius:50%;transform:rotate(-32deg) scaleX(1.6);z-index:-1}
.landscape-panorama:after{content:'';position:absolute;right:10%;bottom:0;width:27%;height:170px;background-image:radial-gradient(var(--ink) .65px,transparent .85px);background-size:5px 5px;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);z-index:-1}
.landscape-panorama>img{position:absolute;width:88%;max-width:none;height:auto;bottom:-45%;left:-2%;filter:invert(1);mix-blend-mode:screen}
.landscape-panorama figcaption{position:absolute;right:20px;bottom:25px;top:auto;font:11px/2 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--ink);z-index:2;padding:8px 0 8px 15px;border-left:1px solid var(--draft-accent)}
.landscape-register{position:absolute;right:6px;bottom:150px;width:15px;height:15px;border:1px solid var(--draft-accent);z-index:3}
.landscape-register:before,.landscape-register:after{content:'';position:absolute;left:-6px;right:-6px;top:6px;border-top:1px solid var(--draft-accent)}
.landscape-register:after{transform:rotate(90deg)}
.profile-stage{isolation:isolate}
.profile-stage:before{content:'';position:absolute;right:278px;top:5px;height:58px;border-left:1px dotted var(--draft-accent);transform:rotate(45deg);z-index:-1}
.profile-portrait{border-color:var(--draft-accent)}
.profile-portrait:after{content:'';position:absolute;right:7px;top:7px;width:17px;height:17px;border-top:1px solid var(--draft-accent);border-right:1px solid var(--draft-accent)}
.profile-complete{position:relative;isolation:isolate}
.profile-complete>h2,.profile-complete>.overline{position:relative;z-index:2;max-width:75%}
.profile-disclosures{position:relative;z-index:2}
.profile-atlas{position:absolute;right:-5px;top:-16px;width:160px;height:160px;z-index:0;opacity:.75;pointer-events:none;overflow:hidden}
.profile-disclosure{background:var(--panel)}
.contact-stage>.drafting-layer{left:62%;z-index:-1;opacity:.65;mask-image:none}
.reference-home .contact-planet{width:520px;height:520px;right:-80px;bottom:-300px;border:0;background:none;transform:rotate(-12deg);opacity:1}
.contact-planet>img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(1);mix-blend-mode:screen}
.light .contact-planet>img{filter:none;mix-blend-mode:multiply}
.reference-home .contact-planet:after{content:none}
.contact-stage:after{content:'';position:absolute;left:18px;top:18px;width:15px;height:15px;border-left:1px solid var(--draft-accent);border-top:1px solid var(--draft-accent)}
@media(max-width:1000px){.timeline-section .section-heading{padding-right:165px}.landscape-stamp{width:155px;height:130px}.landscape-stamp img{bottom:-75px}.landscape-panorama{height:230px}.landscape-panorama>img{width:95%;bottom:-28%}}
@media(max-width:760px){
 .reference-home .hero>.drafting-layer{mask-image:linear-gradient(180deg,transparent 50%,#000 86%);opacity:.65}
 .reference-home .orbit-system{width:265px;height:265px;right:0;top:-5px}
 .hero-halftone{width:100%;height:125px;opacity:.2}
 .journey-layout{overflow:hidden;gap:38px;row-gap:26px}
 .journey-layout .section-heading{min-height:128px}
 .timeline-section .section-heading{padding-right:140px}
 .landscape-stamp{width:130px;height:105px;top:0}
 .landscape-stamp img{bottom:-62px}
 .landscape-stamp span{font-size:6px}
 .journey-layout>.drafting-layer{display:none}
 .landscape-panorama{height:190px;margin-top:0;mask-image:linear-gradient(180deg,transparent,#000 22%)}
 .landscape-panorama>img{width:170%;left:-28%;bottom:-15%}
 .landscape-panorama figcaption{font-size:9px;letter-spacing:2px;right:12px;bottom:20px;background:var(--panel)}
 .landscape-register{bottom:130px}
 .landscape-panorama:before{right:-30px;top:0;width:150px}
 .featured-project{background:linear-gradient(90deg,var(--panel) 60%,transparent 60%),repeating-linear-gradient(0deg,transparent 0 35px,var(--draft-faint) 35px 36px),repeating-linear-gradient(90deg,transparent 0 35px,var(--draft-faint) 35px 36px),var(--panel)}
 .featured-project .drafting-layer{left:60%}
 .reference-home .contact-planet{width:310px;height:310px;right:-125px;bottom:-145px}
 .contact-stage>.drafting-layer{left:82%}
 .profile-stage:before{right:155px}
 .profile-atlas{width:110px;height:110px;right:-8px;top:0;opacity:.5}
 .profile-complete>h2{max-width:70%;font-size:36px}
 .featured-project:before{top:32px;bottom:30px}
}