@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500&display=swap');
:root{--amber:#b97816;--ink:#3a2b19;--muted:#796c57;--paper:#f5ecd9}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#774b16 url('assets/amber-paper.png') center/cover no-repeat;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;padding:6vh 20px}.landing{text-align:center;width:min(720px,100%);padding:0 16px}.transport-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 8px}h1{font-size:clamp(26px,3.3vw,43px);font-weight:600;letter-spacing:-.045em;line-height:1.16;margin:0}h1 span{color:var(--amber)}h1 small{font-size:.55em;font-weight:500;letter-spacing:.01em}.rule{width:66px;height:1px;background:var(--amber);margin:22px auto}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,5.1vw,67px);line-height:1.04;letter-spacing:-.055em;margin:0}.intro{font-size:16px;line-height:1.65;color:var(--muted);margin:20px 0 23px}.contact{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #94774955;margin:0 auto;max-width:560px;text-align:left}.contact a{display:flex;gap:13px;align-items:center;justify-content:center;min-height:72px;padding:12px 16px}.contact a+a{border-left:1px solid #94774955}.contact small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.contact strong{font-size:16px;font-weight:600}.icon{font-size:23px;color:var(--amber)}a{color:inherit;text-decoration:none}.contact a:hover{background:#b9781612}.contact a:hover strong,.website:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:3px}footer{padding-top:21px}.arabic{font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:14px;margin:0 0 6px;line-height:1.8}.address{font-size:13px;margin:0 0 7px;color:var(--muted)}.website{font-size:14px;font-weight:600;color:var(--amber)}.copyright{font-size:11px;color:var(--muted);margin:19px 0 0}::selection{background:#e6b458;color:#392b19}@media(max-width:600px){body{background-size:auto 100%;padding:30px 18px}.landing{background:#f5ecd9ed;padding:24px 16px;border-radius:3px;width:100%;max-width:420px}.transport-logo{width:125px;height:125px}.rule{margin:17px auto}h2{font-size:43px}.intro{font-size:15px}.intro br{display:none}.contact{grid-template-columns:1fr;text-align:left}.contact a{justify-content:flex-start;padding-left:25px;min-height:66px}.contact a+a{border-left:0;border-top:1px solid #94774955}.copyright{font-size:10px;line-height:1.7}}@media(max-height:800px) and (min-width:601px){body{padding:30px 20px}.transport-logo{width:115px;height:115px}h1{font-size:34px}h2{font-size:51px}.rule{margin:15px auto}.intro{margin:16px 0}.contact a{min-height:62px}footer{padding-top:14px}.copyright{margin-top:12px}}

/* Place the brand farther inside the torn-paper opening. */
@media(min-width:601px){.landing{transform:translateY(28px)}}

/* Unified company-name treatment and larger brand mark. */
h1{font-size:clamp(24px,2.7vw,38px);line-height:1.2}.transport-logo{width:180px;height:180px}
@media(min-width:901px){.landing{width:min(1000px,90vw)}h1{white-space:nowrap;font-size:clamp(24px,2.6vw,38px)}}
@media(max-width:600px){.transport-logo{width:150px;height:150px}h1{font-size:25px}}
@media(max-height:800px) and (min-width:601px){.transport-logo{width:145px;height:145px}}