<!DOCTYPE html><html lang="ar"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title> Our story | Blanco </title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"><style>
:root{
--bg:#FFFFFF;
--bg-panel:#F7F4FB;
--navy:#0A0A0C;
--navy-soft:#3A3640;
--ink-dim:#58545F;
--accent:#5B2A86;
--line: rgba(10,10,12,0.12);
--paper: #FAF7FC;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-; overflow-x:hidden; max-width:100%;}
body{
background:var(--bg);
color:var(--navy);
font-family:'Cairo', sans-serif;
overflow-x:hidden;
}
::selection{background:var(--navy); color:var(--bg);}
.grain{
position:fixed; inset:0; pointer-events:none; z-index:2; opacity:.025; mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.page{ max-width:1180px; margin:0 auto; }
/* INTRO */
.intro{
position:relative;
overflow:hidden;
padding:min(10vh,90px) 6vw 40px;
text-align:center;
}
.hero-word{
position:absolute; top:14%; left:50%; transform:translate(-50%,0);
font-family:'Cairo', sans-serif;
font-weight:900;
font-size:clamp(2.8rem, 12vw, 170px);
line-height:1;
color:transparent;
-webkit-text-stroke:1px rgba(10,10,12,0.07);
white-space:nowrap;
max-width:100%;
z-index:0;
user-select:none;
}
.hero-eyebrow{
position:relative; z-index:2;
font-size:.78rem;
font-weight:700;
letter-spacing:.5px;
color:var(--accent);
margin-bottom:20px;
opacity:0;
animation:riseIn 1s ease .2s forwards;
}
.hero-title{
position:relative; z-index:2;
font-family:'Cairo', sans-serif;
font-weight:800;
font-size:clamp(2.6rem, 7vw, 4.6rem);
color:var(--navy);
letter-spacing:0;
line-height:1.15;
opacity:0;
animation:riseIn 1s ease .35s forwards;
}
.hero-sub{
position:relative; z-index:2;
font-weight:500;
font-size:1.2rem;
color:var(--navy-soft);
margin-top:20px;
max-width:640px;
margin-inline:auto;
line-height:1.9;
opacity:0;
animation:riseIn 1s ease .5s forwards;
}
@keyframes riseIn{ from{opacity:0; transform:translateY(26px);} to{opacity:1; transform:translateY(0);} }
section{ position:relative; padding:min(12vh,100px) 6vw; z-index:2; }
.eyebrow{
display:flex; align-items:center; gap:14px;
font-size:.75rem; font-weight:700;
color:var(--accent);
margin-bottom:26px;
}
.eyebrow::before{ content:''; width:36px; height:1px; background:var(--accent); }
/* Content is always visible — no scroll-linked JS or scroll-timeline animation (unreliable on mobile browsers). */
.reveal{ opacity:1; }
/* BANNER IMAGE */
.feature-image{
max-width:1180px;
margin:0 auto;
border-radius:4px;
overflow:hidden;
}
.feature-image img{
width:100%; display:block;
filter:saturate(.94) contrast(1.02);
}
/* ORIGIN STORY */
.story{
display:grid;
grid-template-columns: 1fr 1.4fr;
gap:8vw;
align-items:start;
max-width:1180px;
margin:0 auto;
}
.story-quote{
font-weight:600;
font-size:clamp(1.3rem,2.2vw,1.7rem);
line-height:1.75;
color:var(--navy);
border-inline-start:1px solid var(--line);
padding-inline-start:24px;
}
.story-body p{
font-size:1.02rem;
font-weight:400;
line-height:2.15;
color:var(--ink-dim);
margin-bottom:20px;
}
.story-body strong{ color:var(--navy); font-weight:700; }
/* COVENANT / MANIFESTO */
.covenant-head{
text-align:center;
max-width:640px;
margin:0 auto 8vh;
}
.covenant-head h2{
font-weight:800;
font-size:clamp(2rem,3.6vw,2.7rem);
line-height:1.5;
color:var(--navy);
margin-bottom:14px;
}
.covenant-head p{ color:var(--ink-dim); line-height:1.9; font-size:.98rem; }
.covenant{ max-width:920px; margin:0 auto; }
.pledge{
display:grid;
grid-template-columns: 90px 1fr;
gap:34px;
padding:44px 0;
border-top:1px solid var(--line);
}
.pledge:last-child{ border-bottom:1px solid var(--line); }
.pledge-num{
font-weight:800;
font-size:2rem;
color:var(--accent);
line-height:1;
}
.pledge-body h3{
font-weight:700;
font-size:1.3rem;
line-height:1.5;
color:var(--navy);
margin-bottom:12px;
}
.pledge-body p{
color:var(--ink-dim);
font-weight:400;
line-height:2;
font-size:.98rem;
max-width:640px;
}
.pledge-line{
height:1px; background:var(--navy);
width:100%;
margin-top:22px;
}
/* VISION */
.vision{
max-width:900px; margin:0 auto; text-align:center;
background:var(--paper);
border:1px solid var(--line);
padding:min(10vh,90px) 6vw;
position:relative;
}
.vision::before, .vision::after{
content:''; position:absolute; width:26px; height:26px;
border:1px solid var(--accent);
}
.vision::before{ top:16px; right:16px; border-width:1px 1px 0 0; }
.vision::after{ bottom:16px; left:16px; border-width:0 0 1px 1px; }
.vision .eyebrow{ justify-content:center; }
.vision h2{
font-weight:800;
font-size:clamp(1.9rem,3.4vw,2.5rem);
line-height:1.55;
margin-bottom:30px;
color:var(--navy);
}
.vision p{
font-size:1.04rem;
font-weight:400;
line-height:2.2;
color:var(--ink-dim);
margin-bottom:20px;
}
.vision p:last-child{
font-weight:600;
color:var(--navy);
font-size:1.1rem;
margin-top:30px;
}
.closing{
text-align:center;
padding:20px 6vw 100px;
color:var(--ink-dim);
font-size:.85rem;
letter-spacing:.5px;
}
@media (max-width:760px){
.intro{ padding:8vh 4vw 30px; }
section{ padding:8vh 4vw; }
.story{ grid-template-columns:1fr; gap:34px; }
.story-quote{ border-inline-start:none; border-inline-end:1px solid var(--line); padding-inline-start:0; padding-inline-end:20px; }
.pledge{ grid-template-columns:1fr; gap:10px; }
.pledge-num{ font-size:1.6rem; }
.hero-word{ font-size:clamp(2.6rem, 16vw, 110px); top:10%; }
.hero-sub{ font-size:1.05rem; }
.vision{ padding:8vh 5vw; }
.covenant-head{ margin-bottom:5vh; }
.closing{ padding:20px 4vw 80px; }
}
</style></head><body style=";text-align:left;direction:ltr">
<!-- INTRO (no logo / no fixed header — page already sits inside the store's own header) -->
Our story
Our Story
Our story
Blanco… where the fragrance became a story to be told
<!-- BANNER IMAGE -->
<!-- ORIGIN -->
"Everyone has the right to a complete fragrance experience without making any compromises."
the beginning
Blanco wasn't born as a brand seeking mere popularity, but rather as a solution in the world of perfumery. The story began with a desire to redefine fragrance with a complete composition, creating a unique experience rather than just a fleeting consumer product.
For a long time, perfume lovers faced a choice: either opt for strong, intense scents with harsh formulas that could irritate the skin, or choose safe, natural fragrances that lacked the longevity and sillage they sought. At Blanco, we didn't accept these options.
And that's how the idea was born; in every bottle of Blanco, we've created a complete fragrance that begins with security, passes through a captivating aroma, and ends with a lasting scent. We've succeeded in transforming the concept of fragrance from a mere product into a shield of reassurance and safety.
<!-- COVENANT -->
Our commitment
Blanco Charter for Safety and Beauty
Four principles guide every detail in the fragrance journey, from the initial idea until it reaches your hands.
01
Quality and safety
At Blanco, we prioritize values that guide every detail of our fragrances, from the initial concept to the final product. We place the quality of our perfumes at the forefront of our priorities, while remaining committed to creating safe formulations that offer you and your family both peace of mind and beauty.
02
Diversity of tastes
Because tastes differ, we have made sure to cater to the diversity of tastes in all the perfumes we offer; to ensure that every customer finds something to their liking in Blanco perfumes.
03
Complete transparency
We believe in what we create, so we follow the principle of complete transparency with our customers; we provide them with details about each perfume in terms of the secrets of the ingredients, what it offers you in terms of stability and diffusion, and even the clarity of the quantity of perfume chosen.
04
Our goal
Your trust is our capital, and honesty is what makes Blanco perfumes your family's constant companion.
<!-- VISION -->
Our vision
Luxury in soft perfumes
Our vision at Blanco is to be the premier destination for families seeking delicate fragrances without compromising on their health. We aspire to offer perfumes formulated with quality, complete transparency, and peace of mind.
Our vision is based on the concept of quiet luxury; for fragrance to be a part of everyone’s day, reflecting their taste, enhancing their sense of security, and leaving behind a soft, long-lasting scent.
We aspire to be the choice of every family that values meaning over appearance, and believes that true sophistication begins with purity.
</body></html>
