.brand-book{--ink:#11110e;--paper:#f7f2e8;--gold:#c99a35;--line:#d8cebe;background:var(--paper);color:var(--ink)}.identity-hero{min-height:100svh;padding:9rem 5vw 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:end;background:var(--ink);color:var(--paper)}.identity-hero-copy{display:flex;flex-direction:column;align-items:flex-start}.identity-index{margin:1.5rem 0 5rem;font-size:.68rem;letter-spacing:.16em;color:#a59e91}.identity-hero h1{font-size:clamp(4rem,7.8vw,9rem);line-height:.85;letter-spacing:-.075em;margin:0 0 2rem}.identity-hero-copy>p{max-width:650px;font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.7;color:#c9c1b4}.identity-hero-copy>a{margin-top:2rem;color:var(--paper);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.4rem}.identity-hero-mark{min-height:55vw;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;color:var(--ink)}.identity-hero-mark img{width:90%;align-self:center;margin:auto;filter:drop-shadow(0 25px 20px #0002)}.identity-hero-mark span,.identity-hero-mark i{font-size:.68rem;letter-spacing:.14em;font-style:normal}.identity-opening{padding:10vw 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.identity-side-note{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--ink);padding-top:1rem}.identity-side-note span{font-size:.68rem;letter-spacing:.16em}.identity-side-note b{font-size:1.6rem;margin-top:2rem}.identity-side-note small{color:#766e63}.identity-opening h2,.identity-rationale h2,.identity-process h2,.identity-anatomy h2,.usage-heading h2,.identity-clearspace h2,.identity-colour h2,.identity-rules h2,.identity-mockups h2{font-size:clamp(3rem,6vw,7.5rem);line-height:.9;letter-spacing:-.065em;margin:1rem 0 3rem}.identity-opening h2 em,.identity-rationale h2 em,.usage-heading em,.identity-mockups h2 em{font-family:serif;font-weight:400}.identity-lead{font-size:clamp(1.15rem,1.8vw,1.7rem);line-height:1.7;max-width:950px}.identity-rationale{padding:8vw 5vw;background:var(--gold);display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.identity-rationale-copy p,.identity-process header>p{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.8;max-width:780px}.identity-motion-mark{aspect-ratio:1;background:var(--ink);color:var(--gold);display:grid;place-items:center;position:relative;overflow:hidden}.motion-frame{width:55%;height:55%;border:2px solid var(--gold);border-radius:12%;position:relative;display:grid;place-items:center}.motion-frame span{font-size:clamp(7rem,15vw,17rem);font-weight:800;line-height:1;letter-spacing:-.15em;transform:translateX(-.08em)}.motion-frame i{position:absolute;width:75%;height:6%;background:var(--gold);left:13%;transform:rotate(-62deg)}.motion-frame i:nth-child(1){transform:translateX(-18%) rotate(-62deg)}.motion-frame i:nth-child(2){transform:translateX(0) rotate(-62deg)}.motion-frame i:nth-child(3){transform:translateX(18%) rotate(-62deg)}.motion-frame i:nth-child(4){transform:translateX(36%) rotate(-62deg)}.identity-motion-mark small{position:absolute;bottom:1.5rem;letter-spacing:.18em}.identity-process{padding:10vw 5vw;background:var(--ink);color:var(--paper)}.identity-process header{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:6vw}.identity-process header p{color:#c8c0b3}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #454239;border-top:1px solid #454239}.process-steps article{min-height:450px;padding:1.5rem;display:flex;flex-direction:column;border-right:1px solid #454239;border-bottom:1px solid #454239}.process-steps article>span{font-size:.7rem;color:var(--gold)}.process-glyph{height:190px;display:grid;place-items:center;margin:auto 0;font-size:8rem;color:var(--gold);font-weight:800}.glyph-lines{display:flex;justify-content:center;align-items:center;gap:15px}.glyph-lines i{height:120px;width:22px;background:var(--gold);transform:skew(-18deg)}.glyph-frame{height:140px;width:140px;border:12px solid var(--gold);border-radius:20px;margin:auto}.glyph-lockup{font-size:2.4rem;letter-spacing:-.08em}.process-steps h3{font-size:2rem;margin:0 0 .6rem}.process-steps p{color:#aaa396;line-height:1.5}.identity-anatomy{display:grid;grid-template-columns:1.2fr .8fr;min-height:90vh}.anatomy-mark{background:#e6dfd3;display:grid;place-items:center;position:relative;padding:5vw}.anatomy-mark img{width:95%}.callout{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:.7rem}.callout:after{content:"";position:absolute;width:100px;height:1px;background:var(--ink)}.c1{left:15%;top:30%}.c1:after{left:100%}.c2{left:40%;top:22%}.c2:after{transform:rotate(90deg);top:70px}.c3{right:20%;top:45%}.c3:after{right:100%}.c4{right:12%;bottom:25%}.c4:after{right:100%}.anatomy-copy{padding:8vw 5vw;background:var(--paper)}.anatomy-copy ol{list-style:none;margin:0;padding:0}.anatomy-copy li{display:grid;grid-template-columns:50px 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.2rem 0;line-height:1.5}.anatomy-copy li b{color:#9b741e}.identity-usage{padding:9vw 5vw;background:#ded6ca}.usage-heading{display:flex;justify-content:space-between;align-items:end}.logo-variants{display:grid;grid-template-columns:repeat(3,1fr)}.logo-variants figure{aspect-ratio:1;margin:0;padding:1.5rem;display:flex;flex-direction:column}.logo-variants span{font-size:.68rem;letter-spacing:.14em}.logo-variants img{width:88%;margin:auto}.variant-dark{background:var(--ink);color:var(--paper)}.variant-light{background:#fff}.variant-gold{background:var(--gold)}.identity-clearspace{padding:10vw 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.identity-clearspace>div>p{max-width:600px;font-size:1.15rem;line-height:1.7}.minimum-rule{display:grid;grid-template-columns:1fr 1fr;margin-top:3rem;border-top:1px solid var(--line)}.minimum-rule span{grid-column:1/-1;padding:1rem 0;color:#766e63}.minimum-rule b{padding:1rem 0}.clearspace-demo{position:relative;padding:12%;border:1px dashed var(--gold)}.clearspace-demo div{border:1px solid var(--ink);padding:10%;background:#fff}.clearspace-demo img{width:100%}.clearspace-demo>b{position:absolute;color:#9b741e}.clearspace-demo>b:nth-child(1){left:2%;top:2%}.clearspace-demo>b:nth-child(2){right:2%;top:2%}.clearspace-demo>b:nth-child(3){left:2%;bottom:2%}.clearspace-demo>b:nth-child(4){right:2%;bottom:2%}.identity-colour{padding:10vw 5vw;background:var(--ink);color:var(--paper)}.colour-system{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5vw}.colour-system article{padding-right:1rem}.colour-system i{display:block;height:22vw;background:var(--identity-colour);border:1px solid #ffffff18}.colour-system span,.colour-system b{display:block;margin-top:.8rem}.colour-system span{font-size:.65rem;letter-spacing:.14em;color:#aaa396}.type-system{margin-top:9vw;border-top:1px solid #454239;padding-top:2rem}.type-sample{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;margin-top:3rem;align-items:end}.type-sample>b{font-size:clamp(10rem,24vw,30rem);line-height:.7;color:var(--gold);letter-spacing:-.12em}.type-sample h3{font-size:clamp(2rem,4vw,5rem);line-height:1;margin:0}.type-sample p{grid-column:2;line-height:1.7;color:#bdb6aa}.identity-rules{padding:10vw 5vw}.rule-columns{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.rule-columns>div{padding:2.5rem;background:#fff}.rule-columns h3{font-size:2rem}.rule-columns h3 i{font-style:normal;width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;margin-right:.7rem}.rules-do h3 i{background:#cfe5bb}.rules-dont h3 i{background:#f0c0b8}.rule-columns p{display:grid;grid-template-columns:35px 1fr;gap:1rem;border-top:1px solid var(--line);padding:1rem 0;line-height:1.5}.rule-columns p span{color:#9b741e}.incorrect-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.incorrect-examples figure{margin:0}.incorrect-examples figure>div{height:220px;background:#ddd5c8;display:grid;place-items:center;overflow:hidden}.incorrect-examples img{width:80%}.wrong-stretch img{transform:scaleX(.6)}.wrong-rotate img{transform:rotate(12deg)}.wrong-colour img{filter:hue-rotate(160deg) saturate(2)}.wrong-busy{background:repeating-linear-gradient(45deg,#111 0 12px,#c99a35 12px 24px)!important}.incorrect-examples figcaption{padding:.8rem 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.identity-mockups{padding:10vw 5vw;background:#ded6ca}.mockup-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2vw}.mockup-grid figure{margin:0}.mockup-grid figcaption{padding:.8rem 0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.mockup-sign{grid-row:span 2}.wall-logo{height:65vw;max-height:950px;background:linear-gradient(120deg,#242421,#0d0d0c);display:grid;place-items:center;perspective:900px}.wall-logo:before{content:"VWEB.DEV / LAHORE";position:absolute;color:#ffffff20;font-size:clamp(3rem,8vw,10rem);font-weight:800;transform:rotateY(-8deg)}.wall-logo img{width:65%;filter:drop-shadow(0 25px 30px #000)}.card-stack{height:31vw;min-height:360px;background:#beb3a3;position:relative;overflow:hidden}.card-stack>div{position:absolute;width:58%;aspect-ratio:1.75;padding:2rem;box-shadow:0 25px 50px #0003}.card-stack>div:first-child{left:9%;top:20%;background:var(--ink);transform:rotate(-8deg);display:grid;place-items:center}.card-stack>div:first-child img{width:85%}.card-stack>div:last-child{right:8%;bottom:12%;background:var(--paper);transform:rotate(8deg);display:flex;flex-direction:column}.card-stack>div:last-child b{font-size:2rem;color:#9b741e}.card-stack>div:last-child span{margin:auto 0}.device{height:42vw;min-height:500px;background:#a69a89;padding:3vw 6vw 0}.device-top{height:18px;background:#252522;border-radius:15px 15px 0 0}.device-content{height:100%;background:var(--ink);padding:3vw;color:var(--paper);overflow:hidden}.device-content img{width:50%}.device-content h4{font-size:clamp(2.2rem,4vw,5rem);line-height:.9;letter-spacing:-.05em}.social-grid{min-height:480px;background:#fff;padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;background:var(--ink);margin-bottom:1rem}.avatar img{height:100%;width:auto;max-width:none;transform:translateX(-2%)}.social-grid>span{color:#766e63;margin:.5rem 0 2rem}.social-post{width:100%;aspect-ratio:1;background:var(--ink);display:grid;place-items:center}.social-post img{width:80%}.application-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:3rem}.application-list span{border:1px solid #aaa08f;border-radius:99px;padding:.75rem 1rem}.identity-gallery{padding-top:8vw}.identity-gallery figure{background:#ded6ca}@media(max-width:900px){.identity-hero,.identity-opening,.identity-rationale,.identity-anatomy,.identity-clearspace,.identity-process header,.type-sample,.mockup-grid{grid-template-columns:1fr}.identity-hero-mark{min-height:80vw}.process-steps{grid-template-columns:1fr 1fr}.process-steps article{min-height:360px}.logo-variants,.colour-system{grid-template-columns:1fr}.colour-system i{height:60vw}.rule-columns{grid-template-columns:1fr}.incorrect-examples{grid-template-columns:1fr 1fr}.type-sample p{grid-column:auto}.wall-logo{height:90vw}.mockup-sign{grid-row:auto}.card-stack{height:65vw}.device{height:90vw}.usage-heading{display:block}}@media(max-width:560px){.identity-hero{padding-top:8rem}.identity-index{margin-bottom:3rem}.process-steps,.incorrect-examples{grid-template-columns:1fr}.process-steps article{min-height:300px}.logo-variants figure{aspect-ratio:1.2}.rule-columns>div{padding:1.4rem}.card-stack{height:100vw}.card-stack>div{width:75%;padding:1rem}.mockup-grid{gap:3rem}.identity-motion-mark{margin-top:2rem}}