:root{--paper:#f5f1e9;--linen:#e9e1d4;--ink:#392d25;--muted:#766c60;--line:#d3c8b9;--olive:#505441;--white:#fcfaf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.8}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8c8050;outline-offset:5px}button{cursor:pointer}figure,p,h1,h2,h3{margin:0}img{max-width:100%;display:block}svg{display:block;width:100%;height:100%}section[id]{scroll-margin-top:28px}.topline{display:flex;justify-content:space-between;padding:8px 5%;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:.06em}.header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.logo{width:146px;flex-shrink:0}.logo img{width:146px;height:63px;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:hover,footer a:hover{color:#9c7a54}.header-actions{display:flex;align-items:center;gap:24px}.language{background:none;border:0;color:var(--ink);font-size:12px;direction:ltr;padding:10px}.language span{margin-left:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:var(--paper);padding:14px 27px;border:1px solid var(--ink);font-size:13px;transition:background .2s,color .2s;line-height:1.7}.button:hover{background:var(--olive);border-color:var(--olive)}.button.small{padding:10px 20px;font-size:12px}.button.secondary{background:transparent;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:655px}.hero-copy{padding:67px 12% 28px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.8;font-weight:400}h1{font-weight:400;font-size:clamp(60px,6.2vw,105px);line-height:1.26;margin:28px 0 25px;letter-spacing:-.065em}h1>span,h1>em{display:block}h1 em{font-style:normal;color:#8c765f}.intro{font-size:14px;max-width:370px;color:var(--muted);margin-bottom:32px;line-height:2.1}.hero-bottom{margin-top:auto;padding-top:36px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:10px}.hero-bottom a{font-size:27px;color:var(--ink)}.hero-image{position:relative;min-height:655px;overflow:hidden}.hero-image svg{position:absolute;inset:0}.hero-image figcaption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;color:white;text-shadow:0 1px 5px #000;gap:10px}.sectors{border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.sectors span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.sectors p{font-size:18px;word-spacing:14px}.section{padding:95px 7%}.section-heading{max-width:650px;margin-bottom:45px}.section-heading h2,h2{font-size:clamp(30px,3.6vw,50px);font-weight:400;line-height:1.5;letter-spacing:-.035em}.section-heading h2{margin:13px 0}.section-heading>p:last-child{color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.service-grid article{position:relative;padding:40px 0 37px;padding-inline-end:12%}.service-grid article+article{border-inline-start:1px solid var(--line);padding-inline-start:12%;padding-inline-end:0}.number{font-size:12px;color:#9b8064;display:block;margin-bottom:18px;direction:ltr;text-align:start}.service-grid h3{font-size:27px;font-weight:400;margin-bottom:15px;line-height:1.5}.service-grid p{font-size:14px;line-height:2;color:var(--muted);max-width:420px}.service-grid a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--ink);font-size:12px}.looks{background:var(--linen)}.horizontal{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:35px}.horizontal>p{max-width:310px}.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.look-image{height:385px;overflow:hidden}.look-image img{width:100%;height:100%;object-fit:cover}.look-grid figcaption{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-top:16px}.look-grid h3{font-weight:400;font-size:19px}.look-grid figcaption span{font-size:10px;color:var(--muted)}.image-note{font-size:10px;color:var(--muted);margin-top:29px;max-width:650px}.material{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.material-image{min-height:510px;position:relative;overflow:hidden}.material-image svg{position:absolute;inset:0}.material-copy{padding:75px 14% 65px}.material-copy h2{margin:23px 0;font-size:45px}.material-copy>p:not(.eyebrow){font-size:14px;color:#d2c6b6;line-height:2.1}.detail-words{margin-top:50px;display:flex;justify-content:space-between;border-top:1px solid #67584b;padding-top:20px;font-size:17px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:18px}.steps span{font-size:12px;color:#9b8064}.steps h3{font-size:20px;font-weight:400;margin:22px 0 12px}.steps p{font-size:13px;color:var(--muted);line-height:2}.faq{padding-top:30px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.faq h2{margin-top:15px;font-size:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}details p{font-size:13px;color:var(--muted);padding-top:15px;line-height:2}.enquiry{background:var(--linen);display:grid;grid-template-columns:1fr 1fr;gap:12%}.enquiry-copy h2{margin:20px 0;max-width:360px}.enquiry-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.enquiry-copy .location{font-size:12px;display:block;margin-top:35px}.enquiry-copy .form-note{margin-top:25px;font-size:11px!important;max-width:330px}form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:grid;gap:7px;font-size:12px}input,textarea,select{border:0;border-bottom:1px solid #b5a794;border-radius:0;background:transparent;padding:9px 0;color:var(--ink);width:100%;min-width:0;font-size:14px}select{padding:12px 0}input{min-height:44px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-bottom-color:var(--ink)}form .button{justify-self:start;margin-top:6px}.form-note{font-size:10px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 5%;gap:25px;font-size:10px;color:var(--muted)}.footer-name{color:var(--ink);font-size:20px;letter-spacing:.1em;display:flex;gap:15px;align-items:center}.footer-name span{font-size:22px;letter-spacing:0}dialog{width:min(660px,92vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#241b15b3;backdrop-filter:blur(4px)}dialog h2{font-size:30px}dialog>p{font-size:12px;margin:12px 0}.close{position:absolute;inset-inline-end:18px;top:10px;border:0;background:none;font-size:28px;color:var(--ink)}#enquiry-summary{padding:15px;background:var(--linen);font-size:13px;margin:12px 0}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:99;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:10px}html[lang=en] body{font-family:Arial,Helvetica,sans-serif}html[lang=en] h1,html[lang=en] h2,html[lang=en] .service-grid h3{font-family:Georgia,'Times New Roman',serif}html[lang=en] h1 em{font-style:italic}html[lang=en] .hero-copy{padding-right:10%;padding-left:12%}html[lang=en] .intro{line-height:1.85}html[lang=en] h1{font-size:clamp(60px,6.2vw,98px);letter-spacing:-.055em}html[lang=en] .eyebrow{font-size:9px}html[lang=en] .look-grid h3{font-size:17px}
@media(min-width:1600px){.hero{min-height:760px}.hero-image{min-height:760px}.hero-copy{padding-top:100px}.look-image{height:480px}}@media(max-width:1000px){.header nav{gap:18px}.header-actions{gap:8px}.hero-copy{padding:45px 9% 25px!important}.hero,.hero-image{min-height:590px}h1,html[lang=en] h1{font-size:65px}.intro{font-size:13px}.section{padding:70px 6%}.look-image{height:300px}.look-grid{gap:16px}.look-grid figcaption{display:block}.material-copy{padding:55px 10%}.material-copy h2{font-size:34px}.steps{gap:20px}.steps h3{font-size:17px}.enquiry{gap:7%}.hero-bottom{font-size:9px}.faq{gap:30px}.header .button{padding:10px 14px}}
@media(max-width:720px){.topline{padding:6px 5%;font-size:9px}.header{padding:12px 5%;gap:12px;flex-wrap:wrap}.logo,.logo img{width:115px}.logo img{height:50px}.header-actions{margin-inline-start:auto}.header .button{font-size:11px}.header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px;font-size:12px;gap:35px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 7% 20px!important}.eyebrow{font-size:9px}h1,html[lang=en] h1{font-size:68px;line-height:1.18;margin:23px 0}.intro{max-width:470px;margin-bottom:25px;font-size:13px}.hero-bottom{padding-top:25px;font-size:10px}.hero-image{min-height:0;height:470px}.hero-image figcaption{font-size:9px;left:17px;right:17px}.sectors{padding:21px 6%;flex-wrap:wrap;gap:10px}.sectors p{order:3;width:100%;text-align:center;font-size:17px;word-spacing:8px}.sectors span{font-size:8px}.section{padding:58px 7%}.section-heading{margin-bottom:28px}.section-heading h2,h2{font-size:33px}.section-heading>p:last-child{font-size:13px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:28px 0!important}.service-grid article+article{border-inline-start:0;border-top:1px solid var(--line)}.service-grid h3{font-size:25px}.service-grid p{font-size:13px}.horizontal{display:block}.horizontal>p{margin-top:16px;max-width:100%}.look-grid{grid-template-columns:1fr;gap:30px}.look-image{height:420px}.look-grid figcaption{display:flex}.look-grid h3{font-size:20px}.image-note{font-size:10px}.material{grid-template-columns:1fr}.material-image{min-height:340px}.material-copy{padding:45px 7%}.material-copy h2{font-size:36px}.detail-words{margin-top:30px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px}.steps h3{font-size:18px;margin-top:14px}.steps p{font-size:12px}.faq{grid-template-columns:1fr;gap:25px;padding-top:10px}.faq h2{font-size:33px}.enquiry{grid-template-columns:1fr;gap:35px}.enquiry-copy h2{max-width:100%}.enquiry-copy .location{margin-top:20px}.enquiry-copy .form-note{max-width:100%}footer{flex-wrap:wrap;padding:30px 7%;gap:18px}footer .footer-name{width:100%;font-size:18px}footer p{width:100%}footer>a:last-child{margin-inline-start:auto}dialog{padding:30px 22px}.dialog-actions .button{font-size:12px;padding:12px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Locally bundled Lucide icons share the site's colour and stroke. */
.lucide{display:inline-block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none}
.language,.service-grid a,footer>a:last-child,.hero-bottom>a{display:inline-flex;align-items:center;gap:10px}
.language span{margin:0}.language .lucide{width:17px;height:17px;flex-basis:17px}
.service-grid a{padding-bottom:4px}.hero-bottom>a{padding:8px}.hero-bottom>a .lucide{width:24px;height:24px;flex-basis:24px}
.enquiry-copy .location{display:flex;align-items:center;gap:8px}.location .lucide{width:16px;height:16px;flex-basis:16px}
summary .lucide{margin-inline-start:auto;transition:transform .2s}details[open] summary .lucide{transform:rotate(180deg)}
.close{display:grid;place-items:center;width:40px;height:40px}.close .lucide{width:22px;height:22px;flex-basis:22px}
html[dir=rtl] [data-icon=arrow-up-right]>.lucide{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){summary .lucide{transition:none}}

/* Preschool concepts from the current company profile. */
.school-uniforms{background:var(--paper)}.school-range{display:flex;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding:15px 0;margin-bottom:30px;font-size:11px;color:var(--muted)}
.school-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.school-image{aspect-ratio:2.48;background:#e8dcc8;overflow:hidden;padding:12px}.school-image svg{overflow:hidden}
.school-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.school-grid h3{font-size:20px;font-weight:400}.school-swatches{display:flex;gap:6px}.school-swatches i{display:block;width:14px;height:14px;border-radius:50%;background:var(--swatch);border:1px solid #392d2520}
.school-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:35px}.school-bottom .image-note{margin:0;max-width:590px}.school-bottom .button{flex-shrink:0}
.header nav{gap:24px}.sectors p{font-size:16px;word-spacing:7px;text-align:center}
@media(max-width:1000px){.header nav{gap:15px}.sectors p{font-size:14px;word-spacing:3px}.school-bottom{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:720px){.header nav{gap:12px 20px;flex-wrap:wrap;font-size:11px}.school-grid{grid-template-columns:1fr;gap:28px}.school-range{font-size:10px;gap:10px}.school-grid h3{font-size:18px}.school-image{padding:8px}.sectors p{font-size:14px;word-spacing:3px}.school-bottom{margin-top:28px}}

/* Clear WhatsApp contact navigation and enquiry handoff. */
.whatsapp-icon{display:inline-block;width:22px;height:22px;flex:0 0 22px;object-fit:contain;pointer-events:none}
.whatsapp-button{background:rgba(37,211,102,.26);border-color:rgba(37,211,102,.35);color:#263326;gap:10px;border-radius:3px}.whatsapp-button:hover{background:rgba(37,211,102,.34);border-color:rgba(37,211,102,.6)}.whatsapp-button .whatsapp-icon{filter:none}
.whatsapp-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:20px 22px;border:1px solid rgba(37,211,102,.35);background:rgba(37,211,102,.26);color:#263326;border-radius:3px;max-width:355px;transition:border-color .2s}.whatsapp-contact:hover{border-color:rgba(37,211,102,.6);background:rgba(37,211,102,.34)}.whatsapp-contact strong{display:block;font-size:13px;font-weight:400}.whatsapp-contact bdi{display:block;font-size:20px;line-height:1.8;letter-spacing:.03em;color:#263326}.whatsapp-contact .whatsapp-icon{width:30px;height:30px;flex-basis:30px;filter:none}
@media(max-width:720px){.header .whatsapp-button{font-size:10px;padding:10px 12px}.header .whatsapp-icon{width:19px;height:19px;flex-basis:19px}.whatsapp-contact{max-width:100%;padding:18px}}

/* Direct WhatsApp contact replaces the enquiry form. */
.enquiry{align-items:center;gap:8%}.enquiry-copy h2{max-width:560px}.contact-actions{width:100%}.contact-actions .whatsapp-contact{margin:0;max-width:none;padding:28px}.contact-actions .whatsapp-contact strong{font-size:15px}.contact-actions .whatsapp-contact bdi{font-size:24px}
@media(max-width:720px){.enquiry{gap:28px}.contact-actions .whatsapp-contact{padding:22px}.contact-actions .whatsapp-contact bdi{font-size:22px}}

/* Quiet Lucide accents for services and the four ordering stages. */
.service-grid h3[data-icon],.steps h3[data-icon]{display:flex;align-items:center;gap:14px}
.service-grid h3>.lucide{order:-1;width:28px;height:28px;flex-basis:28px;stroke-width:1.5;color:var(--olive)}
.steps h3>.lucide{order:-1;width:24px;height:24px;flex-basis:24px;stroke-width:1.5;color:var(--olive)}
@media(max-width:1000px){.steps h3[data-icon]{gap:9px;align-items:flex-start}.steps h3>.lucide{margin-top:2px}}