@import url("fonts.css");
:root{--bg:#111110;--ink:#eeede7;--muted:#a6a59d;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#ddd8c3;color:#111}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5%;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;font:800 23px Manrope,sans-serif;letter-spacing:2px}.brand small{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:6px;margin-top:2px}nav{display:flex;gap:36px;font-size:13px}nav a:hover{color:#c3bea8}#language{background:none;color:var(--ink);border:1px solid #ffffff40;border-radius:24px;padding:10px 17px;cursor:pointer;font-family:'Noto Sans Arabic',sans-serif;font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:10;background:white;color:black;padding:12px}.hero{min-height:760px;padding:63px 7% 35px;position:relative;overflow:hidden}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;line-height:1.8}.eyebrow{display:flex;gap:10px;align-items:center}.dot{height:6px;width:6px;border-radius:50%;background:#c8c4ac;box-shadow:0 0 15px #c8c4ac}h1{font:500 clamp(75px,9.7vw,156px)/1.02 Manrope,sans-serif;letter-spacing:-8px;margin:55px 0 46px;position:relative;z-index:1}h1 em{font-style:normal;color:#c6c4ba}.hero-bottom{display:flex;gap:55px;position:relative;z-index:1;align-items:center}.hero-bottom p{max-width:340px;color:var(--muted);font-size:16px;line-height:1.8}.round-link{display:flex;align-items:center;gap:22px;font-size:12px}.circle{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff50;border-radius:50%;font-size:25px;transition:.3s}.round-link:hover .circle{background:var(--ink);color:#111;transform:rotate(45deg)}.hero-index{margin-top:58px;font-size:9px;letter-spacing:2px;color:#77766f}.sculpture{position:absolute;right:-20px;top:40px;width:50%;height:600px;transform:rotate(-12deg);opacity:.64;pointer-events:none}.sculpture span{position:absolute;inset:0;font:800 620px/.9 Manrope,sans-serif;color:transparent;background:linear-gradient(135deg,#f3f2ec 3%,#171714 24%,#75746c 40%,#e9e8df 44%,#20201c 60%,#88877f 77%,#242421);background-clip:text;filter:drop-shadow(16px 20px 0 #050505)}.sculpture i{position:absolute;width:75%;height:1px;background:linear-gradient(90deg,transparent,#7776,transparent);top:50%;transform:rotate(45deg)}.sculpture i:nth-child(2){transform:rotate(-45deg)}.ticker{border-block:1px solid var(--line);padding:24px 0;overflow:hidden;color:#9d9b90;font:500 17px Manrope;letter-spacing:5px;white-space:nowrap}.ticker span{display:inline-block;animation:ticker 45s linear infinite}@keyframes ticker{to{transform:translateX(-45%)}}.section{padding:110px 7%}.expertise,.approach{display:grid;grid-template-columns:1fr 2.2fr;gap:60px}h2{font:500 clamp(32px,3.5vw,55px)/1.2 Manrope;letter-spacing:-2px;margin:0 0 26px}.section-intro{color:var(--muted);max-width:420px;line-height:1.8;margin-bottom:50px}.service{display:grid;grid-template-columns:35px 1fr 20px;gap:20px;border-top:1px solid var(--line);padding:30px 0}.service>span,.service>b{font-size:12px;color:#aaa99f}.service h3{margin:0 0 12px;font-size:22px;font-weight:500}.service p{font-size:14px;line-height:1.8;color:var(--muted);max-width:500px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:10px;color:#aaa99f}.work{background:#e8e6dd;color:#191a17}.work-top{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:35px}.project-stage{background:#222a24;min-height:610px;padding:35px;position:relative;overflow:hidden}.project-type{font-size:9px;letter-spacing:3px;color:#d3d3bc}.project-word{font:800 clamp(70px,10.6vw,160px)/.85 Manrope;letter-spacing:-9px;color:#d2cfb8;position:absolute;top:180px;left:5%}.project-word span{color:transparent;-webkit-text-stroke:1px #d2cfb8}.phone{position:relative;direction:ltr;width:252px;min-height:494px;float:right;right:12%;margin-top:10px;background:#f0efe8;color:#171b15;border:7px solid #121613;border-radius:38px;box-shadow:25px 35px 65px #0007;transform:rotate(9deg);overflow:hidden}.phone-top{display:flex;justify-content:space-between;font-size:9px;padding:13px 17px 7px}.phone-brand{font:800 15px Manrope;padding:14px}.phone-brand span{font-size:8px;display:block;letter-spacing:4px}.phone-photo{height:195px;background:linear-gradient(#798e85,#cec3a0);position:relative;overflow:hidden}.sun{width:45px;height:45px;border-radius:50%;background:#e2c98d;position:absolute;top:25px;right:45px}.mountain{position:absolute;bottom:-55px;left:-40px;width:230px;height:180px;transform:rotate(30deg);background:#455747;border-radius:30%}.mountain.second{left:100px;bottom:-65px;background:#263b2b;transform:rotate(55deg)}.phone-photo>span{position:absolute;bottom:16px;left:16px;color:#fff;font:800 24px/1 Manrope}.phone-copy{padding:19px 16px}.phone-copy small{font-size:7px;letter-spacing:2px}.phone-copy strong{display:block;font-size:18px;line-height:1.25;margin-top:10px}.phone-button{font-size:8px;background:#293e2a;color:#fff;padding:11px;margin-top:17px;border-radius:4px}.phone-nav{display:flex;justify-content:space-around;border-top:1px solid #0002;padding:11px;font-size:17px}.concept-note{position:absolute;bottom:20px;left:25px;font-size:10px;color:#bcbfae}.project-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.project-footer h3{font:600 25px Manrope;margin:0}.project-footer p{font-size:13px;color:#606157;max-width:430px;line-height:1.7}.project-meta{font-size:9px;letter-spacing:1px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps span{color:#85857a;font-size:11px}.steps h3{font-size:19px;font-weight:500;margin-top:30px}.steps p{font-size:13px;line-height:1.8;color:var(--muted)}.contact{padding:80px 7% 90px;background:#c7c5b6;color:#181915}.contact h2{font:500 clamp(65px,8.7vw,138px)/1.02 Manrope;letter-spacing:-6px;margin:45px 0}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{font-size:16px;line-height:1.8}.primary{display:flex;gap:50px;align-items:center;border-radius:4px;padding:24px 30px;background:#181915;color:#f1f0e9;font-size:14px;transition:.2s}.primary:hover{background:#33362b;transform:translateY(-3px)}.telephone{font-size:14px;display:inline-block;margin-top:25px;border-bottom:1px solid #18191555;padding-bottom:5px}footer{padding:55px 7% 25px}.footer-word{font:800 clamp(85px,17vw,260px)/1 Manrope;letter-spacing:-.07em;display:block}.footer-word>span{font:400 25px Manrope;vertical-align:top;display:inline-block;margin:15px}.footer-word:hover{color:#c7c5b6}footer>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:10px;color:#a6a59d}a:focus-visible,button:focus-visible{outline:2px solid #d3b979;outline-offset:6px}[dir=rtl] body{font-family:'Noto Sans Arabic',sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:-1px}[dir=rtl] h1{line-height:1.4;font-size:clamp(65px,7vw,115px);margin-top:25px}[dir=rtl] .sculpture{right:auto;left:0;opacity:.35}[dir=rtl] .brand,[dir=rtl] .footer-word{direction:ltr}[dir=rtl] .phone{float:left;right:auto;left:8%}[dir=rtl] .project-word{left:auto;right:5%;direction:ltr}[dir=rtl] .concept-note{left:auto;right:25px}[dir=rtl] .contact h2{line-height:1.4}[dir=rtl] .eyebrow,[dir=rtl] .section-label{letter-spacing:0}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){.hero{min-height:700px}h1{letter-spacing:-5px}.sculpture{right:-70px;opacity:.35}.expertise,.approach{grid-template-columns:1fr;gap:30px}.section{padding:75px 7%}.project-word{font-size:100px;letter-spacing:-5px;top:180px}.phone{right:0}.project-stage{min-height:590px}.steps{margin-top:35px}.contact h2{letter-spacing:-3px}}@media(max-width:600px){header{padding:20px 6%;gap:12px}.brand{font-size:18px;gap:6px}.brand img{width:32px}.brand small{font-size:6px}nav{gap:18px;font-size:11px}nav a:first-child{display:none}#language{padding:7px 10px;font-size:10px}.hero{padding:40px 6% 30px;min-height:720px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:75px;letter-spacing:-5px;margin-top:65px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:15px}.hero-bottom p{font-size:15px;max-width:300px}.sculpture{top:50px;right:-120px;width:90%;opacity:.25}.sculpture span{font-size:480px}.hero-index{margin-top:50px;font-size:8px}.ticker{font-size:12px;padding:19px 0}.section{padding:65px 6%}h2{font-size:34px;letter-spacing:-1px}.service{gap:10px;grid-template-columns:25px 1fr 14px}.service h3{font-size:19px}.work-top{display:block}.work-top h2{margin-top:20px}.project-stage{min-height:640px;padding:25px 18px}.project-word{font-size:70px;top:72px;left:20px;letter-spacing:-4px}.phone{margin-top:170px;right:calc(50% - 120px);width:230px;min-height:460px;transform:rotate(7deg)}.phone-photo{height:175px}.project-footer{display:block}.project-meta{display:block;margin-top:17px}.steps{grid-template-columns:1fr;gap:25px}.steps h3{margin-top:15px}.contact{padding:60px 6%}.contact h2{font-size:65px;letter-spacing:-3px}.contact-bottom{display:block}.primary{margin-top:25px;justify-content:space-between}.contact p{font-size:14px}footer{padding:40px 6% 25px}.footer-word{font-size:24vw}.footer-word>span{font-size:14px;margin:8px}footer>div{flex-wrap:wrap;line-height:1.7}footer>div>span:first-child{width:100%}[dir=rtl] h1{font-size:65px;margin-top:50px}[dir=rtl] .phone{left:calc(50% - 120px)}[dir=rtl] .project-word{right:20px}[dir=rtl] .contact h2{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}*,*:before,*:after{transition:none!important}}

/* Final identity and project enquiry */
.brand .full-logo{width:190px;height:auto;display:block}.brand{letter-spacing:normal}.project-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.project-stage{background:#1c211e}.project-type{position:relative;z-index:1}.project-word{z-index:1}.phone{z-index:2}.project-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-end}.project-actions a{font-size:12px;border-bottom:1px solid #191a1755;padding-bottom:5px}.questions{display:grid;grid-template-columns:1fr 2.2fr;gap:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{font-size:17px;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;line-height:1.7}summary:after{content:'+';color:var(--muted);font-size:24px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;line-height:1.9;max-width:580px}.brief{border-top:1px solid #18191535;margin-top:45px;padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:27px}.field{display:flex;flex-direction:column;gap:12px}.field label{font-size:12px}.field input,.field select,.field textarea{background:transparent;border:0;border-bottom:1px solid #18191565;border-radius:0;color:#181915;padding:12px 0;font:inherit;width:100%;outline-offset:5px}.field textarea{resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid #181915}.field-wide,.brief-bottom,#brief-status{grid-column:1/-1}.brief-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.brief-bottom p{font-size:11px;max-width:330px;color:#45463c}.brief .primary{border:0;cursor:pointer}.brief #brief-status{margin:0;font-size:13px}dialog{background:#1c1d19;color:var(--ink);border:1px solid var(--line);padding:45px;max-width:600px;width:calc(100% - 35px);border-radius:6px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{font-size:14px;line-height:1.9;color:var(--muted)}dialog h2{font-size:30px}.dialog-close{position:absolute;right:14px;top:10px;font:25px Arial;background:none;border:0;color:var(--ink);cursor:pointer;padding:5px 10px}.text-button{font:inherit;background:none;border:0;color:inherit;padding:0;cursor:pointer}.telephone{margin-top:30px}.sculpture{animation:float 10s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotate(-8deg)}}@media(max-width:900px){.questions{grid-template-columns:1fr;gap:25px}}@media(max-width:600px){.brand .full-logo{width:145px;height:auto}.project-actions{align-items:flex-start;margin-top:20px;gap:15px}.brief{grid-template-columns:1fr}.brief-bottom{display:block}.brief .primary{width:100%}.questions summary{font-size:16px}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){.sculpture{animation:none}}

@media(max-width:380px){.brand .full-logo{width:110px}header{gap:8px}nav{gap:10px;font-size:10px}}

/* Actual Savage Club portfolio */
.savage-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;background:#161b19;color:#eee9dd;padding:60px;position:relative;overflow:hidden;border-radius:3px}.savage-showcase:before{content:'';position:absolute;width:550px;height:550px;right:-200px;top:-200px;border:1px solid #bca36a20;border-radius:50%;box-shadow:0 0 0 80px #bca36a06,0 0 0 160px #bca36a04;pointer-events:none}.savage-story{align-self:center;position:relative}.savage-title{font:800 clamp(65px,8vw,125px)/.9 Manrope,sans-serif;letter-spacing:-7px;margin:45px 0 30px}.savage-title span{color:#c9b27c}.savage-story>p{font-size:15px;line-height:1.9;max-width:430px;color:#b5b8ae}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.project-tags span{font-size:10px;border:1px solid #ffffff30;border-radius:20px;padding:8px 12px}.savage-site{display:inline-flex;flex-direction:column;gap:12px;border-bottom:1px solid #c9b27c70;padding:14px 0 18px}.savage-site>span{font-size:12px}.savage-site strong{font:500 17px Manrope,sans-serif;color:#d4bd88}.savage-main{margin:0;position:relative;max-width:285px;justify-self:center;width:100%;transform:rotate(4deg)}.savage-main img{width:100%;height:auto;display:block;border:5px solid #33382f;border-radius:27px;box-shadow:20px 25px 55px #0005}.savage-main figcaption{font-size:10px;color:#b5b8ae;text-align:center;line-height:1.8;margin-top:18px}.project-summary{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:30px;padding:35px 0;border-bottom:1px solid #191a1730}.project-summary .section-label{font-size:9px;color:#6b6c62}.project-summary p{font-size:13px;line-height:1.8;margin:10px 0}.app-walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:80px 0}.walkthrough-copy h3,.gallery-head h3{font:500 clamp(30px,3.3vw,50px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:25px 0}.walkthrough-copy p,.gallery-head p{font-size:15px;line-height:1.9;color:#606157;max-width:420px}.walkthrough-copy .media-note{font-size:11px;margin-top:25px}.project-text-link{display:inline-block;font-size:13px;border-bottom:1px solid #191a1760;padding-bottom:8px;margin-top:20px}.welcome-video{width:100%;max-width:270px;margin:0;justify-self:center}.welcome-video video{width:100%;height:auto;display:block;border-radius:24px;background:#111;border:5px solid #252720;box-shadow:12px 20px 45px #161b1920}.welcome-video figcaption{font-size:11px;text-align:center;color:#606157;line-height:1.8;margin-top:18px}.gallery-head{border-top:1px solid #191a1730;padding-top:50px;margin-bottom:45px}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.screens figure{min-width:0;margin:0}.screens a{display:block;transition:transform .3s}.screens a:hover{transform:translateY(-6px)}.screens img{width:100%;height:auto;display:block;border:4px solid #22251f;border-radius:24px;background:#111;box-shadow:5px 10px 20px #0001}.screens figcaption{display:flex;flex-direction:column;gap:10px;margin-top:22px}.screens figcaption strong{font:600 19px Manrope,sans-serif}.screens figcaption span{font-size:12px;line-height:1.8;color:#606157}.gallery-note{font-size:10px;line-height:1.8;color:#74756a;margin-top:30px}[dir=rtl] .savage-story h3{font-family:Manrope,sans-serif;direction:ltr;text-align:right;letter-spacing:-7px}[dir=rtl] .walkthrough-copy h3,[dir=rtl] .gallery-head h3,[dir=rtl] .screens figcaption strong{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.6}[dir=rtl] .savage-main{transform:rotate(-4deg)}@media(max-width:900px){.savage-showcase{gap:35px;padding:35px}.savage-title{font-size:75px;letter-spacing:-4px}.app-walkthrough{gap:50px}.screens{gap:22px}}@media(max-width:600px){.savage-showcase{grid-template-columns:1fr;padding:30px 24px;gap:40px}.savage-title{font-size:80px;margin:30px 0;letter-spacing:-4px}.savage-story>p{font-size:14px}.savage-main{max-width:240px;transform:none!important}.savage-site strong{font-size:16px}.project-summary{grid-template-columns:1fr;gap:15px;padding:28px 0}.project-summary>div{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:start}.project-summary p{margin:0}.project-summary .section-label{padding-top:3px}.app-walkthrough{grid-template-columns:1fr;gap:35px;padding:50px 0}.walkthrough-copy h3,.gallery-head h3{font-size:34px}.welcome-video{max-width:245px}.screens{grid-template-columns:1fr;gap:45px;max-width:280px;margin:auto}.screens img{max-width:250px;margin:auto}.screens figcaption{margin-top:20px}.gallery-head{padding-top:35px}.gallery-head p{font-size:14px}}
@media(max-width:600px){.savage-story{min-width:0}.savage-title{font-size:clamp(54px,17vw,80px)}[dir=rtl] .savage-story h3{letter-spacing:-4px}}