/* IBS 1.1 — Home / company story / contact. Each section can be edited in List View. */
/* Shared editorial rhythm and meaningful focus states. */
.company-hero,.welcome-hero{padding:clamp(48px,7vw,110px) max(5vw,24px);position:relative;overflow:hidden}
.company-hero h1,.welcome-copy h1{font:400 clamp(40px,5.3vw,80px)/1.09 var(--serif);letter-spacing:-.045em;max-width:1120px;margin:22px 0 32px}
.company-hero .eyebrow,.welcome-hero .eyebrow{letter-spacing:.13em}
.company-hero{background:var(--navy);color:var(--paper);padding-bottom:90px}
.company-hero .eyebrow{color:#f4a063}.company-intro{max-width:670px;position:relative;z-index:1}.company-intro p{font-size:19px;line-height:1.8;color:#e1e5e8}.story-scroll{display:inline-block;margin-top:18px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px}
.heritage-type{font:400 clamp(95px,18vw,260px)/1 var(--serif);opacity:.13;position:absolute;inset-inline-end:2%;bottom:-25px;pointer-events:none}
.section h2,.company-people h2{font-size:clamp(32px,3.5vw,52px);line-height:1.15;letter-spacing:-.025em}.section h3{line-height:1.35}.narrative-lead{font-size:21px}.narrative-prose p{margin-bottom:22px}.narrative-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.narrative-prose{max-width:600px}
/* Home hero: inspiration image, clear starting points. */
.welcome-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding-top:52px;padding-bottom:60px}.welcome-copy h1{font-size:clamp(40px,4.5vw,67px)}.welcome-copy>p:not(.eyebrow){font-size:18px;max-width:570px}.welcome-image{margin:0;position:relative}.welcome-image img{width:100%;height:590px;object-fit:cover;border-radius:150px 2px 2px 2px}.welcome-image figcaption{position:absolute;bottom:0;padding:28px 22px 16px;color:white;background:linear-gradient(transparent,#0009);width:100%;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.button{white-space:normal}.welcome-pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:15px;padding-bottom:70px}.welcome-pathways>a{border-block:1px solid var(--line);padding:32px;text-decoration:none;transition:background .2s,transform .2s}.welcome-pathways>a+a{border-inline-start:1px solid var(--line)}.welcome-pathways h2{font-size:28px}.welcome-pathways>a:hover{background:#fff;transform:translateY(-4px)}.welcome-pathways span{font-size:30px;color:var(--orange)}
/* Home history and collections. */
.welcome-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#eae7df}.welcome-year{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;border-block:1px solid #bfc2bf}.welcome-year strong{font:400 clamp(90px,12vw,180px)/1 var(--serif);letter-spacing:-.06em}.welcome-year span{font-size:12px;letter-spacing:.18em}.welcome-story p{max-width:570px}.welcome-collection .section-heading{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:36px}.welcome-collection .section-heading>p{max-width:410px}.space-top{margin-top:30px}.welcome-work{background:var(--navy);color:var(--paper)}.welcome-work>p:not(.eyebrow){max-width:700px}.welcome-work .eyebrow{color:#f4a063}.work-names{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:44px 0;padding-block:30px;border-block:1px solid #ffffff40;font:25px/1.4 var(--serif)}.welcome-work .button{color:var(--paper);border-color:#ffffff70}.welcome-b2b{display:flex;justify-content:space-between;gap:50px;align-items:center}.welcome-b2b p{max-width:660px}.welcome-b2b>.button{flex-shrink:0}.family-close{background:#eae7df;text-align:center}.family-close>p{max-width:680px;margin-inline:auto}.family-close .actions{justify-content:center}
/* Company timeline: real dates, with an undated growth chapter. */
.company-journey{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.journey-title{position:sticky;top:140px}.company-timeline{border-inline-start:1px solid var(--line);padding-inline-start:44px}.timeline-entry{position:relative;padding:0 0 60px}.timeline-entry:last-child{padding-bottom:0}.timeline-entry:before{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:var(--paper);border:2px solid var(--orange);inset-inline-start:-51px;top:15px;transition:background .5s}.timeline-entry.is-visible:before{background:var(--orange)}.timeline-year{font:400 40px/1.2 var(--serif);color:#a64c17;margin:0 0 16px}.timeline-entry h3{font-size:25px;margin:0 0 16px}.timeline-entry p:last-child{max-width:620px}.company-timeline{--timeline-progress:0%;background:linear-gradient(var(--orange),var(--orange)) left top/2px var(--timeline-progress) no-repeat}html[dir=rtl] .company-timeline{background-position:right top}
/* Selected successes link to the existing full project record, without invented imagery. */
.company-success{background:#eae7df}.company-success>.narrative-lead{max-width:780px}.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.success-grid article{padding:28px;border-top:3px solid var(--orange);background:var(--paper)}.success-grid h3{font:400 28px/1.3 var(--serif)}.success-grid .eyebrow{font-size:10px;line-height:1.8}
/* Employee development: the company culture statement. */
.company-people{padding:clamp(60px,8vw,120px) max(5vw,24px);background:var(--navy);color:var(--paper)}.company-people .eyebrow{color:#f4a063}.company-people h2{font:400 clamp(38px,5.8vw,82px)/1.1 var(--serif);max-width:1100px}.people-prose{max-width:750px;margin-inline-start:auto;margin-top:40px;font-size:18px}.people-principle{border-top:1px solid #ffffff40;padding-top:25px;color:#f4a063}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:42px}.values-grid article{border-top:1px solid var(--line);padding-top:22px}.values-grid h3{font-size:21px}
/* One contact destination: general enquiries, direct contact, then B2B. */
.business-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:#eae7df;scroll-margin-top:125px}.business-section>div>p{max-width:500px}.business-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.business-form label{display:block;font-size:14px}.business-form input:not([type=checkbox]),.business-form textarea{display:block;width:100%;padding:14px;margin-top:8px;font:inherit;border:1px solid #afb7b9;background:var(--paper);border-radius:0;color:var(--ink)}.business-form input:focus,.business-form textarea:focus{outline:2px solid var(--navy);outline-offset:2px}.form-wide{grid-column:1/-1}.business-form .business-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.6}.business-consent input{margin-top:5px;flex:0 0 auto}.business-form button{justify-self:start}.ibs-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.business-status{padding:18px;border:1px solid var(--navy);background:white}.contact-business{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.contact-business .button{font-size:13px}
/* Progressive motion: text stays visible if JS is unavailable. */
[data-reveal]{transition:opacity .7s ease,transform .7s ease}.reveal-ready{opacity:.01;transform:translateY(22px)}.is-visible{opacity:1;transform:none}
/* Arabic layout is mirrored, with comfortable Arabic type rhythm. */
html[dir=rtl] .company-hero h1,html[dir=rtl] .welcome-copy h1,html[dir=rtl] .company-people h2{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.45;font-size:clamp(34px,4.1vw,58px)}html[dir=rtl] .section h2{line-height:1.5;letter-spacing:0}html[dir=rtl] .welcome-image img{border-radius:2px 150px 2px 2px}html[dir=rtl] .timeline-year{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .people-prose{line-height:2}
/* Tablet and phone: linear reading order, usable forms and navigation. */
@media(max-width:1000px){.welcome-hero{grid-template-columns:1fr 1fr}.welcome-image img{height:460px}.values-grid{grid-template-columns:1fr 1fr}.business-section{gap:35px}.success-grid{gap:12px}.success-grid article{padding:20px}.company-hero h1{font-size:54px}}
@media(max-width:720px){.welcome-hero,.welcome-story,.narrative-section,.company-journey,.business-section{grid-template-columns:1fr}.welcome-hero{gap:30px}.welcome-image img{height:350px;border-radius:70px 2px 2px 2px}.welcome-pathways,.success-grid,.work-names{grid-template-columns:1fr}.welcome-pathways>a+a{border-inline-start:0;border-top:0}.welcome-pathways>a{padding:24px 0}.welcome-collection .section-heading{display:block}.company-hero h1{font-size:40px}.company-intro p{font-size:17px}.journey-title{position:static}.company-timeline{margin-inline-start:8px;padding-inline-start:28px}.timeline-entry:before{inset-inline-start:-35px}.timeline-entry{padding-bottom:42px}.welcome-b2b{display:block}.welcome-b2b>.button{margin-top:20px}.business-form{grid-template-columns:1fr}.welcome-year strong{font-size:110px}.work-names{gap:18px;font-size:23px}.company-people h2{font-size:42px}.values-grid{gap:22px}.heritage-type{opacity:.08}.business-section{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.timeline-entry:before,.welcome-pathways>a{transition:none}.reveal-ready{opacity:1;transform:none}.welcome-pathways>a:hover{transform:none}}
/* VERSION 1.2 — company story restored; clear audience choice on Contact. */
.contact-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 auto 60px;padding:0 max(5vw,24px);max-width:1440px}.contact-choices>a{display:block;position:relative;padding:30px;border:1px solid var(--line);background:white;text-decoration:none}.contact-choices>a:hover,.contact-choices>a:focus-visible{border-color:var(--orange);box-shadow:inset 0 3px var(--orange)}.contact-choices span{font:400 32px/1.4 var(--serif)}.contact-choices p{margin:12px 34px 0 0}.contact-choices b{position:absolute;inset-inline-end:24px;bottom:24px;font-size:26px;font-weight:400}.contact-layout,.business-section{scroll-margin-top:120px}.success-intro{max-width:820px}.company-hero .actions .button{border-color:#ffffff70;color:var(--paper);position:relative;z-index:1}.company-hero .company-intro p:first-child{font-size:22px}.company-hero{padding-bottom:65px}.company-hero h1{max-width:1000px}.company-intro p{font-size:17px;line-height:1.7}.heritage-type{font-size:clamp(110px,18vw,250px);bottom:-12px}.company-success .success-grid h3{font-size:22px}.company-success .success-grid article{padding:23px}.timeline-year{font-size:34px}.timeline-entry{padding-bottom:42px}.timeline-entry p:last-child{margin-bottom:0}
/* Homepage: spacious image-led opening, purposeful type, straight-edged imagery. */
.welcome-hero{background:#f1eee7;gap:4vw;padding-block:48px 64px}.welcome-image img{border-radius:0;height:530px}.welcome-copy h1{font-size:clamp(38px,4.2vw,64px);max-width:660px}.welcome-copy>p:not(.eyebrow){font-size:17px;line-height:1.85}.welcome-pathways{padding-block:0 65px}.welcome-pathways>a{background:var(--paper);padding:30px 24px}.welcome-pathways h2{font-size:26px}.welcome-story{background:white}.welcome-year{border:0;border-inline-end:1px solid var(--line)}.welcome-year strong{font-size:clamp(85px,10vw,145px)}
html[dir=rtl] .welcome-image img{border-radius:0}html[dir=rtl] .welcome-copy h1{font-size:clamp(33px,3.8vw,54px);line-height:1.5}html[dir=rtl] .welcome-copy>p:not(.eyebrow){line-height:2;font-size:18px}html[dir=rtl] .contact-choices span{font-family:Tahoma,Arial,sans-serif;font-size:28px}
@media(max-width:720px){.contact-choices{grid-template-columns:1fr;gap:14px;margin-bottom:40px}.contact-choices>a{padding:24px}.company-hero{padding-bottom:50px}.company-hero h1{font-size:37px}.company-hero .company-intro p:first-child{font-size:19px}.welcome-image img{height:320px}.welcome-hero{padding-top:32px}.welcome-year{border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:35px}.values-grid{grid-template-columns:1fr}.timeline-entry h3{font-size:23px}}