/* Awethu's own visual system: ivory, forest, leaf and energetic ribbon accents. */
.awethu-story{--forest:#123a2e;--leaf:#71a34e;--lime:#dfff00;--ivory:#f7f4eb;background:var(--ivory);color:#20372c;font-family:Arial,sans-serif;overflow:hidden}
.awethu-story *{box-sizing:border-box}.awethu-story figure,.awethu-story p,.awethu-story h1,.awethu-story h2{margin:0;color:inherit}.awethu-story img{display:block;width:100%;height:auto}.awethu-story .awethu-kicker{font:11px/1.5 "Space Mono",monospace;letter-spacing:2px;margin-bottom:28px}
.awethu-intro{position:relative;background:var(--forest);color:var(--ivory);padding:85px 7% 35px;isolation:isolate}.awethu-intro:after{content:"";position:absolute;z-index:-1;width:48%;height:140%;right:-30%;top:-30%;border:clamp(20px,4vw,70px) solid #71a34e;border-left-color:var(--lime);border-radius:48%;transform:rotate(-27deg)}
.awethu-title-row{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:end}.awethu-title-row h1{font:clamp(80px,11.5vw,190px)/.85 Arial,sans-serif;letter-spacing:-.065em;font-weight:400}.awethu-title-row h1 span{display:block;font:clamp(14px,1.7vw,28px)/1.5 Arial,sans-serif;letter-spacing:.55em;text-transform:uppercase;margin-top:25px;padding-left:8px}.awethu-title-row>p{font:clamp(23px,2.8vw,45px)/1.22 Arial;letter-spacing:-.035em;padding-bottom:8px}.awethu-facts{display:flex;gap:25px;flex-wrap:wrap;padding-top:24px;margin-top:55px;border-top:1px solid #ffffff30;font:10px/1.5 "Space Mono",monospace;letter-spacing:1px;color:#d3dfc8}
.awethu-full{background:var(--ivory)}.awethu-intro+.awethu-full{border-bottom:12px solid var(--leaf)}
.awethu-editorial{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px 8%;align-items:start}.awethu-story h2{font:clamp(32px,4.1vw,66px)/1.08 Arial,sans-serif;letter-spacing:-.045em;font-weight:400}.awethu-copy{max-width:580px}.awethu-copy p{font:17px/1.85 Arial,sans-serif;margin-bottom:20px}.awethu-editorial .awethu-kicker{color:#557438}.awethu-editorial+.awethu-full{padding:0 7% 65px}
.awethu-mark-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;border-block:1px solid #c6d0ba;background:#e9eddd}.awethu-mark-layout .awethu-editorial{display:block;padding:65px 12%}.awethu-mark-layout h2{margin-bottom:30px}.awethu-mark-layout .awethu-concept{padding:30px 5% 30px 0;background:transparent}.awethu-mark-layout .awethu-concept img{border-radius:2px}
.awethu-colour-story{background:var(--forest);color:var(--ivory)}.awethu-colour-story .awethu-kicker{color:#c4e1a7}.awethu-palette{display:grid;grid-template-columns:repeat(5,1fr);height:155px}.awethu-palette span{padding:22px;font:11px "Space Mono",monospace;display:flex;align-items:flex-end;background:#123a2e;color:white}.awethu-palette span:nth-child(2){background:#54ad42;color:#102d20}.awethu-palette span:nth-child(3){background:#91cc55;color:#102d20}.awethu-palette span:nth-child(4){background:#dfff00;color:#102d20}.awethu-palette span:nth-child(5){background:#f7f4eb;color:#20372c}
.awethu-applications{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:25px;padding:10px 5% 90px;background:var(--ivory)}.awethu-applications figure:nth-child(2){margin-top:95px}.awethu-applications figcaption{padding:18px 0;font:10px/1.6 "Space Mono",monospace;letter-spacing:1px;border-bottom:1px solid #aab99b}
.awethu-outcomes{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:65px 8%;background:var(--forest);color:var(--ivory);border-top:10px solid var(--leaf)}.awethu-outcomes span{font:10px "Space Mono",monospace;letter-spacing:2px;color:#b7d796}.awethu-outcomes p{font:24px/1.35 Arial;letter-spacing:-.025em;margin-top:20px}
@media(min-width:1800px){.awethu-story{max-width:1920px;margin:auto}}
@media(max-width:900px){.awethu-title-row{grid-template-columns:1fr}.awethu-title-row>p{font-size:28px}.awethu-editorial{gap:35px;padding:60px 7%}.awethu-mark-layout{grid-template-columns:1fr}.awethu-mark-layout .awethu-editorial{padding:60px 7% 20px}.awethu-mark-layout .awethu-concept{padding:0 7% 45px}.awethu-mark-layout .awethu-copy{max-width:100%}.awethu-applications{grid-template-columns:1fr}.awethu-applications figure:nth-child(2){margin-top:0}.awethu-outcomes{gap:25px}.awethu-outcomes p{font-size:20px}}
@media(max-width:600px){.awethu-intro{padding:60px 7% 28px}.awethu-title-row h1{font-size:24vw}.awethu-title-row h1 span{font-size:15px}.awethu-facts{margin-top:32px;gap:12px;flex-direction:column}.awethu-editorial{grid-template-columns:1fr;padding:50px 7%;gap:25px}.awethu-copy p{font-size:16px}.awethu-editorial+.awethu-full{padding:0 0 35px}.awethu-palette{height:100px}.awethu-palette span{padding:10px 6px;font-size:9px}.awethu-applications{padding:0 5% 45px;gap:30px}.awethu-outcomes{grid-template-columns:1fr;padding:45px 7%;gap:30px}.awethu-outcomes>div+div{padding-top:25px;border-top:1px solid #ffffff25}}

.awethu-extra-mockups{padding:0 5% 80px;display:grid;gap:45px}.awethu-extra-mockups figure{margin:0}.awethu-extra-mockups img{display:block;width:100%;height:auto}.awethu-extra-mockups figcaption{padding:18px 0;font:10px/1.6 "Space Mono",monospace;letter-spacing:1px;border-bottom:1px solid #aab99b}@media(max-width:600px){.awethu-extra-mockups{padding:0 5% 45px;gap:25px}}

.awethu-visit{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--forest);color:var(--ivory)!important;padding:18px 24px;font:15px/1.5 Arial,sans-serif;text-decoration:none}.awethu-visit:hover{background:#295842}.awethu-visit:focus-visible,.awethu-website-preview a:focus-visible{outline:3px solid #71a34e;outline-offset:6px}.awethu-website-preview{padding:0 7% 80px;background:var(--ivory)}.awethu-website-preview>a{display:block;overflow:hidden;border:1px solid #34513e;border-radius:12px;box-shadow:0 25px 50px #123a2e20}.awethu-browser-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--forest);color:var(--ivory);padding:16px 22px;font:12px/1.5 monospace}.awethu-browser-bar>span:first-child{color:var(--leaf);letter-spacing:4px}.awethu-website-preview figcaption{padding-top:20px;font:10px/1.6 "Space Mono",monospace;letter-spacing:1px}@media(max-width:600px){.awethu-website-preview{padding:0 5% 45px}.awethu-browser-bar{padding:12px;font-size:10px}.awethu-browser-bar>span:first-child{display:none}}