
/* BUILT V5 — visual-world layer */
body{isolation:isolate}
.world-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.world-atmosphere:before,.world-atmosphere:after{content:"";position:absolute;pointer-events:none}
.world-hero{position:relative;isolation:isolate;min-height:720px;overflow:hidden;border-bottom:1px solid var(--line)}
.world-hero .world-copy h1{text-wrap:balance}
.world-copy{position:relative;z-index:5}
.world-copy p{color:var(--muted);line-height:1.65;max-width:620px}
.world-copy .actions{margin-top:26px}
.world-media{position:relative;overflow:hidden}
.world-media img{width:100%;height:100%;object-fit:cover;display:block}
.world-kpi{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}.world-kpi span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.world-kpi b{color:var(--fg)}
.world-chiprow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.world-chip{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 74%,transparent);color:var(--fg);padding:10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;transition:.25s}.world-chip:hover,.world-chip.active{background:var(--accent);color:var(--accentText);border-color:var(--accent);transform:translateY(-2px)}
.world-readout{margin-top:14px;border-left:3px solid var(--accent);padding:13px 15px;background:color-mix(in srgb,var(--panel) 82%,transparent);font-size:12px;line-height:1.55}
.world-floating{position:absolute;z-index:6;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);padding:14px 16px;box-shadow:0 24px 70px rgba(0,0,0,.15)}
.world-floating small{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.world-floating b{font-size:18px}
.world-visual-section{position:relative;overflow:hidden}
.world-visual-section:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.world-visual-section>*{position:relative;z-index:1}
main>section:not(.world-hero):not(.signature){transition:background .5s,border-color .5s}
.signature{isolation:isolate}.signature-shell{overflow:hidden}
.page-hero,.case-hero{position:relative;overflow:hidden}.page-hero:after,.case-hero:after{content:"";position:absolute;pointer-events:none}
@media(max-width:980px){.world-hero{min-height:auto}.world-floating{position:relative;inset:auto!important;margin:12px 0}.world-copy{padding:62px 24px}.world-media{min-height:430px}.world-chiprow{margin-top:16px}}

body.world-copperline{background:#102127;background-image:radial-gradient(circle at 80% 15%,rgba(228,135,85,.12),transparent 24%),repeating-radial-gradient(circle at 18% 55%,rgba(255,255,255,.025) 0 1px,transparent 2px 20px)}
.world-copperline .world-atmosphere:before{left:7%;top:0;bottom:0;width:2px;background:linear-gradient(#e48755,transparent 22%,#e48755 44%,transparent 73%);box-shadow:64px 0 0 rgba(228,135,85,.12),128px 0 0 rgba(228,135,85,.06)}
.world-copperline .world-atmosphere:after{right:-160px;top:110px;width:480px;height:480px;border:2px solid rgba(228,135,85,.16);border-radius:50%;box-shadow:0 0 0 44px rgba(228,135,85,.035),0 0 0 90px rgba(228,135,85,.018)}
.world-copperline .world-hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:28px clamp(22px,5vw,76px);gap:34px}.world-copperline .world-copy{padding:48px 0}.world-copperline .world-copy h1{font-size:clamp(52px,6vw,92px);line-height:.9;margin:18px 0}.world-copperline .world-media{min-height:620px;border-radius:50% 50% 16% 16% / 42% 42% 12% 12%;border:1px solid rgba(228,135,85,.25);box-shadow:0 24px 90px rgba(0,0,0,.24)}
.world-copperline .world-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(10,27,32,.58))}.world-copperline .pipe-line{position:absolute;left:48%;top:18%;width:220px;height:220px;border:16px solid rgba(228,135,85,.24);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(20deg);pointer-events:none}
.world-copperline .world-floating{left:52%;bottom:82px;min-width:260px;background:rgba(16,33,39,.86);border-color:rgba(228,135,85,.3)}
.world-copperline main>section:not(.world-hero):not(.signature){margin:20px clamp(18px,4vw,62px);border:1px solid rgba(228,135,85,.12);background:linear-gradient(110deg,rgba(228,135,85,.035),rgba(255,255,255,.018));box-shadow:inset 4px 0 0 rgba(228,135,85,.16)}
.world-copperline .signature{margin:30px clamp(18px,4vw,62px);background:radial-gradient(circle at 82% 22%,rgba(228,135,85,.12),transparent 26%),#142930;border:1px solid rgba(228,135,85,.2)}
.world-copperline .page-hero{background:linear-gradient(120deg,rgba(228,135,85,.09),transparent 40%)}
@media(max-width:980px){.world-copperline .world-hero{grid-template-columns:1fr}.world-copperline .world-media{min-height:430px}.world-copperline .world-floating{display:none}}
