@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-arabic-wght-normal-DiwT_uOQ.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-vietnamese-wght-normal-Do5Nl5oc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-ext-wght-normal-CsYMu49W.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-wght-normal--ekFhJJC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--paper: #f3f0e8;--paper-raised: #fffdf7;--ink: #11131a;--muted: #5e625f;--line: #c9c6bd;--cobalt: #1647d3;--cobalt-deep: #0f2f92;--on-cobalt: #ffffff;--error: #a2212b;--focus: #ffbf47;--radius: 12px;--page: min(1280px, calc(100vw - 48px) );--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--z-header: 20;font-family:Readex Pro Variable,Readex Pro,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}body,button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:1000;min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;border-radius:var(--radius);background:var(--ink);color:var(--paper-raised);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;inset-block-start:0;z-index:var(--z-header);width:100%;min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:12px max(24px,calc((100vw - 1280px)/2));border-block-end:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{justify-self:start;min-height:52px;display:inline-flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;object-fit:cover}.brand span{display:grid;line-height:1.15}.brand b{font-size:15px;font-weight:650}.brand small{margin-block-start:4px;color:var(--muted);font-size:10px;letter-spacing:.13em}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a,.text-action,.share-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;font-size:13px;font-weight:580}.main-nav a{border-block-end:2px solid transparent}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.text-action{min-width:44px}.share-action{padding-inline:18px;border:1px solid var(--ink);border-radius:var(--radius)}.hero{width:var(--page);min-height:calc(100dvh - 112px);margin:32px auto 0;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);align-items:stretch}.hero-copy{position:relative;z-index:1;min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(40px,4vw,64px);border-radius:0 var(--radius) var(--radius) 0;background:var(--cobalt);color:var(--on-cobalt)}[dir=ltr] .hero-copy{border-radius:var(--radius) 0 0 var(--radius)}.location-line,.section-kicker,.sample-code{font-size:12px;font-weight:620;letter-spacing:.08em;text-transform:uppercase}.location-line{margin-block-end:28px;color:color-mix(in srgb,var(--on-cobalt) 76%,transparent)}.hero h1{max-width:700px;font-size:clamp(58px,6vw,96px);font-weight:610;letter-spacing:-.055em;line-height:.98}[dir=rtl] .hero h1{letter-spacing:-.035em}.hero-lead{max-width:520px;margin-block-start:24px;font-size:clamp(18px,1.7vw,23px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:28px}.primary-button,.quiet-button,.inline-button,.submit-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:var(--radius);cursor:pointer;font-weight:620;line-height:1.2;transition:transform .14s var(--ease-out),background-color .18s ease,color .18s ease,border-color .18s ease}.hero .primary-button{border:1px solid var(--paper-raised);background:var(--paper-raised);color:var(--ink)}.quiet-button{border:1px solid color-mix(in srgb,var(--on-cobalt) 70%,transparent);color:var(--on-cobalt)}.hero-proof{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:48px 0 36px 48px}[dir=ltr] .hero-proof{padding:48px 48px 36px 0}.proof-frame{position:relative;min-height:580px;overflow:visible;border-radius:var(--radius) 0 0 var(--radius);background:var(--ink)}[dir=ltr] .proof-frame{border-radius:0 var(--radius) var(--radius) 0}.proof-frame img{width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:58% center}.crop-mark{position:absolute;width:30px;height:30px;pointer-events:none}.crop-mark:before,.crop-mark:after{content:"";position:absolute;background:var(--cobalt)}.crop-mark:before{width:30px;height:2px}.crop-mark:after{width:2px;height:30px}.crop-mark-a{inset-block-start:-15px;inset-inline-start:-15px}.crop-mark-b{inset-block-end:-15px;inset-inline-end:-15px;transform:rotate(180deg)}.hero-proof figcaption{display:flex;justify-content:space-between;gap:24px;padding-block-start:18px;color:var(--muted);font-size:12px}.hero-proof figcaption span:last-child{letter-spacing:.1em}.delivery-note{width:var(--page);margin:56px auto 0;display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding:28px 0;border-block:1px solid var(--line)}.delivery-note p{max-width:820px;font-size:clamp(22px,3vw,42px);font-weight:570;letter-spacing:-.03em;line-height:1.25}.delivery-note span{max-width:280px;color:var(--muted);font-size:14px}.section-shell{width:var(--page);margin:0 auto;padding-block:clamp(96px,12vw,176px)}.section-heading{display:grid;grid-template-columns:.42fr minmax(0,1.05fr) .7fr;align-items:start;gap:40px;margin-block-end:64px}.section-kicker{color:var(--cobalt)}.section-heading h2,.enquiry-intro h2,.mahallik-close h2{font-size:clamp(42px,5.5vw,78px);font-weight:570;letter-spacing:-.05em;line-height:1.08}[dir=rtl] .section-heading h2,[dir=rtl] .enquiry-intro h2,[dir=rtl] .mahallik-close h2{letter-spacing:-.035em}.section-heading>p:last-child{color:var(--muted);font-size:16px}.sample-board{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);border-block:1px solid var(--line)}.sample-tabs{display:grid;align-content:start;border-inline-end:1px solid var(--line)}.sample-tab{min-height:112px;display:grid;align-content:center;gap:6px;padding:24px;border:0;border-block-end:1px solid var(--line);background:transparent;color:var(--muted);text-align:start;cursor:pointer;transition:background-color .16s ease,color .16s ease}.sample-tab span{font-size:18px;font-weight:580}.sample-tab small{font-size:12px}.sample-tab.is-active{background:var(--cobalt);color:var(--on-cobalt)}.sample-panel{min-width:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:stretch;transition:opacity .14s ease,transform .14s var(--ease-out),filter .14s ease}.sample-panel.is-changing{opacity:.72;transform:scale(.995);filter:blur(1.5px)}.sample-image-wrap{min-height:600px;overflow:hidden;background:var(--ink)}.sample-image-wrap img{width:100%;height:100%;object-fit:cover}.sample-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(32px,5vw,72px);background:var(--paper-raised)}.sample-code{margin-block-end:48px;color:var(--cobalt)}.sample-copy h3{font-size:clamp(32px,4vw,58px);font-weight:570;letter-spacing:-.045em;line-height:1.1}.sample-copy>p:not(.sample-code,.sample-includes){margin-block-start:24px;color:var(--muted)}.sample-includes{margin-block-start:28px;padding-block:16px;border-block:1px solid var(--line);color:var(--ink);font-size:13px}.inline-button{margin-block-start:36px;border:1px solid var(--ink);background:var(--ink);color:var(--paper-raised)}.work-section{border-block-start:1px solid var(--line)}.work-wall{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:300px 190px 340px;gap:16px}.work-item{position:relative;min-width:0;overflow:hidden;border-radius:var(--radius);background:var(--ink)}.work-item img{width:100%;height:100%;object-fit:cover}.work-item figcaption{position:absolute;inset-inline:12px;inset-block-end:12px;width:fit-content;max-width:calc(100% - 24px);padding:8px 11px;border-radius:8px;background:var(--paper-raised);color:var(--ink);font-size:12px;line-height:1.3}.work-item-tall{grid-column:1 / 5;grid-row:1 / 4}.work-item-wide{grid-column:5 / 13;grid-row:1 / 2}.work-item-small{grid-column:5 / 8;grid-row:2 / 4}.work-item-medium{grid-column:8 / 13;grid-row:2 / 3}.work-item-boxes{grid-column:8 / 13;grid-row:3 / 4}.work-item-tall img{object-position:48% center}.work-item-wide img{object-position:center 45%}.work-item-medium img{object-position:center 38%}.enquiry-section{width:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(56px,8vw,120px);padding:clamp(80px,10vw,144px) max(24px,calc((100vw - 1280px)/2));background:var(--cobalt-deep);color:var(--on-cobalt)}.section-kicker-light{color:#9fb9ff}.enquiry-intro h2{margin-block-start:28px}.enquiry-intro>p:not(.section-kicker){max-width:540px;margin-block-start:28px;color:#d8e0ff;font-size:18px}.enquiry-note{max-width:500px;display:grid;gap:6px;margin-block-start:56px;padding-block-start:20px;border-block-start:1px solid #667fc7}.enquiry-note span{font-weight:590}.enquiry-note small{color:#bdc9ed;font-size:13px}.enquiry-form{padding:clamp(28px,4vw,52px);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.field{min-width:0;display:grid;align-content:start;gap:8px}.field-full{grid-column:1 / -1}.field label{font-size:13px;font-weight:600}input,select,textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);font-size:16px}textarea{min-height:116px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.field-error{min-height:1.35em;color:var(--error);font-size:12px;line-height:1.35}.submit-button{width:100%;margin-block-start:28px;border:1px solid var(--cobalt);background:var(--cobalt);color:var(--on-cobalt)}.submit-button:disabled{cursor:not-allowed;opacity:.45}.form-status{min-height:1.5em;margin-block-start:12px;color:var(--cobalt-deep);font-size:13px}.mahallik-close{width:var(--page);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:clamp(48px,9vw,120px);padding-block:clamp(96px,12vw,168px)}.mahallik-close h2{max-width:840px;margin-block-start:28px}.mahallik-copy{display:grid;justify-items:start;gap:28px}.mahallik-copy p{color:var(--muted)}.mahallik-copy .primary-button{border:1px solid var(--cobalt);background:var(--cobalt);color:var(--on-cobalt)}.site-footer{width:var(--page);min-height:130px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-block-start:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer div{display:grid;justify-self:start}.site-footer div b{color:var(--ink)}.site-footer a{justify-self:end;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-weight:580}@media(hover:hover)and (pointer:fine){.main-nav a:hover{border-block-end-color:var(--cobalt)}.share-action:hover,.quiet-button:hover{background:var(--ink);color:var(--paper-raised)}.primary-button:hover,.inline-button:hover,.submit-button:hover{transform:translateY(-2px)}.sample-tab:not(.is-active):hover{background:color-mix(in srgb,var(--cobalt) 8%,transparent);color:var(--ink)}}.primary-button:active,.quiet-button:active,.inline-button:active,.submit-button:active,.share-action:active,.sample-tab:active,.text-action:active{transform:scale(.97)}@media(max-width:1024px){:root{--page: min(100% - 40px, 920px)}.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.hero{min-height:auto;grid-template-columns:.88fr 1.12fr}.hero-copy{min-height:580px;padding:48px 36px}.hero h1{font-size:clamp(54px,8vw,78px)}.hero-proof{padding-block-start:32px;padding-inline-start:32px}.proof-frame{min-height:520px}.section-heading{grid-template-columns:.36fr 1fr}.section-heading>p:last-child{grid-column:2}.sample-board{grid-template-columns:1fr}.sample-tabs{grid-template-columns:repeat(4,1fr);border-inline-end:0;border-block-end:1px solid var(--line)}.sample-tab{min-height:96px;padding:16px;border-inline-end:1px solid var(--line);border-block-end:0}.sample-panel{grid-template-columns:1.12fr .88fr}.sample-image-wrap{min-height:480px}.work-wall{grid-template-rows:260px 180px 280px}.enquiry-section{grid-template-columns:.75fr 1.25fr;gap:48px}.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}}@media(max-width:720px){:root{--page: calc(100% - 32px) }html{scroll-padding-top:80px}.site-header{min-height:72px;padding:10px 16px}.brand img{width:42px;height:42px}.brand small{display:none}.share-action{min-height:44px;padding-inline:10px;font-size:11px}.hero{width:100%;margin-block-start:0;grid-template-columns:1fr}.hero-copy{min-height:auto;padding:64px 24px 56px;border-radius:0}[dir=ltr] .hero-copy{border-radius:0}.location-line{margin-block-end:28px}.hero h1{font-size:clamp(52px,15vw,72px)}.hero-lead{margin-block-start:24px;font-size:18px}.hero-actions{width:100%;margin-block-start:32px}.hero-actions>*{flex:1 1 100%}.hero-proof,[dir=ltr] .hero-proof{padding:16px 16px 0}.proof-frame,[dir=ltr] .proof-frame{min-height:420px;border-radius:var(--radius)}.hero-proof figcaption{display:grid;gap:4px;padding-block:14px 24px}.delivery-note{margin-block-start:32px;display:grid;gap:16px}.delivery-note p{font-size:28px}.section-shell{padding-block:88px}.section-heading{grid-template-columns:1fr;gap:24px;margin-block-end:40px}.section-heading>p:last-child{grid-column:auto}.section-heading h2,.enquiry-intro h2,.mahallik-close h2{font-size:clamp(40px,12vw,56px)}.sample-tabs{grid-template-columns:repeat(2,1fr)}.sample-tab{min-height:92px}.sample-panel{grid-template-columns:1fr}.sample-image-wrap{min-height:360px}.sample-copy{padding:32px 24px 40px}.sample-code{margin-block-end:28px}.work-wall{grid-template-columns:repeat(2,1fr);grid-template-rows:360px 230px 260px 290px;gap:10px}.work-item-tall{grid-column:1 / 2;grid-row:1 / 3}.work-item-wide{grid-column:2 / 3;grid-row:1 / 2}.work-item-small{grid-column:2 / 3;grid-row:2 / 3}.work-item-medium{grid-column:1 / 3;grid-row:3 / 4}.work-item-boxes{grid-column:1 / 3;grid-row:4 / 5}.enquiry-section{grid-template-columns:1fr;gap:48px;padding:80px 16px}.enquiry-form{padding:28px 20px}.mahallik-close{grid-template-columns:1fr;align-items:start}.site-footer{min-height:190px;grid-template-columns:1fr auto;align-content:center}.site-footer p{grid-column:1 / -1;grid-row:2}}@media(max-width:420px){.brand b{font-size:13px}.hero h1{font-size:49px}.site-footer{grid-template-columns:1fr}.site-footer a,.site-footer div{justify-self:start}}@media(prefers-color-scheme:dark){:root{--paper: #111319;--paper-raised: #1b1e26;--ink: #f2f0e8;--muted: #b1b3b1;--line: #3d4049;--cobalt: #3457cc;--cobalt-deep: #11235a;--on-cobalt: #ffffff;--error: #ff9aa2}.brand img{filter:brightness(.92)}.section-kicker,.sample-code,.form-status{color:#93aaff}.section-kicker-light{color:#b7c8ff}.work-item figcaption{background:#f3f0e8;color:#11131a}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sample-panel.is-changing{opacity:1;transform:none;filter:none}}