.about-page{background:#fffdfa}
.about-page .header nav .active:after{right:0}
.about-kicker{margin:0;color:#9d805b;font:600 11px/1.35 var(--heading);letter-spacing:.15em;text-transform:uppercase}
.story-index{display:block;margin-bottom:36px;color:#93795b;font:600 9px var(--heading);letter-spacing:.15em;text-transform:uppercase}

.about-hero{overflow:hidden;background:var(--brand);color:#fff}
.about-hero-inner{min-height:685px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:78px}
.about-hero-copy{padding:63px 0 75px}
.about-hero .breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 56px;color:#eaded2b8;font:500 9px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.about-hero .breadcrumb span{color:#d5ba80}
.about-hero .about-kicker{color:#d7be87}
.about-hero h1{margin:14px 0 26px;color:#fffaf5;font:400 90px/.82 var(--display);letter-spacing:-.025em}
.about-hero h1 em{display:inline-block;margin-left:47px;color:#e1aaa5;font-size:.94em;font-style:italic}
.about-hero-copy>p:not(.breadcrumb,.about-kicker){max-width:500px;margin:0;color:#f2e6dadb;font:400 17px/1.78 var(--body)}
.hero-jump{display:inline-flex;align-items:center;gap:37px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid #ccb37c;color:#fff8eb;font:600 10px var(--heading);letter-spacing:.07em;text-transform:uppercase}
.hero-jump span{font-size:15px}
.about-hero-image{height:585px;margin:0;position:relative;overflow:hidden;background:#452329}
.about-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 61%,#2914198e);pointer-events:none}
.about-hero-image img{height:100%;object-fit:cover;object-position:center 37%}
.about-hero-image figcaption{position:absolute;z-index:2;right:0;bottom:0;min-width:250px;padding:20px 25px;display:flex;align-items:center;gap:16px;background:#a18b5e;color:#fff}
.about-hero-image figcaption b{font:400 30px/1 var(--display)}
.about-hero-image figcaption span{padding-left:15px;border-left:1px solid #ffffff59;font:600 8px/1.5 var(--heading);letter-spacing:.1em;text-transform:uppercase}

.family-intro{padding:108px 0 100px;background:#fffdfa}
.family-intro-inner{display:grid;grid-template-columns:1.06fr .94fr;align-items:end;gap:24px 105px}
.family-intro .about-kicker{grid-column:1/-1}
.family-intro h2{margin:0;color:#312925;font:400 59px/1 var(--display)}
.family-intro h2 em{color:var(--brand);font-style:italic}
.family-intro-inner>p:last-child{max-width:580px;margin:0 0 5px;color:#5c514b;font:400 16px/1.78 var(--body)}

.family-stories{padding:0 0 122px;background:#f4ede4}
.frederic-story{padding-top:110px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:91px}
.frederic-story figure{height:680px;margin:0;overflow:hidden;background:#e4d7c8}
.frederic-story figure img{height:100%;object-fit:cover;object-position:center 33%}
.family-copy{padding-right:26px}
.family-copy h2,.family-person h2{margin:12px 0 24px;color:#312925;font:400 61px/.96 var(--display)}
.family-copy h2 em,.family-person h2 em{color:var(--brand);font-style:italic}
.family-copy>p:not(.about-kicker),.family-person>p{margin:0;color:#5c514b;font:400 15.5px/1.78 var(--body)}
.family-copy>p:not(.about-kicker)+p,.family-person>p+p{margin-top:15px}
.family-pair{margin-top:105px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.family-person{min-height:610px;padding:58px 61px 64px;background:#fffdfa}
.family-person-heading{padding-bottom:28px;border-bottom:1px solid #d8cdc1}
.family-person .story-index{margin-bottom:31px}
.family-person h2{font-size:51px}
.family-person blockquote{margin:27px 0 25px;color:var(--brand);font:italic 500 20px/1.55 var(--body)}
.camille-story{background:var(--brand);color:#fff}
.camille-story .story-index,.camille-story .about-kicker{color:#d7be87}
.camille-story .family-person-heading{border-color:#ffffff27}
.camille-story h2{color:#fffaf5}
.camille-story h2 em{color:#e1aaa5}
.camille-story>p{color:#f1e5d9db}

.craft-banner{padding:112px 0 0;background:var(--brand);color:#fff}
.craft-banner-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:95px;margin-bottom:64px}
.craft-banner .about-kicker{color:#d7be87}
.craft-banner h2{margin:13px 0 0;color:#fffaf5;font:400 62px/.96 var(--display)}
.craft-banner h2 em{color:#e1aaa5;font-style:italic}
.craft-banner-heading>p{margin:0 0 5px;color:#f1e5d9d9;font:400 16px/1.76 var(--body)}
.atelier-mosaic{height:690px;display:grid;grid-template-columns:.5fr 1fr .5fr;grid-template-rows:1fr 1fr;gap:12px;background:#fffdfa}
.atelier-mosaic figure{margin:0;overflow:hidden;background:#3f292b}
.atelier-mosaic .mosaic-main{grid-column:2;grid-row:1/-1}
.atelier-mosaic img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04)}

.recognition{padding:120px 0 124px;background:#fffdfa}
.recognition-inner{display:grid;grid-template-columns:1.17fr .83fr;align-items:center;gap:100px}
.recognition-copy{padding-left:24px}
.recognition-copy h2,.sustainability h2,.expo-copy h2,.creations-heading h2,.about-contact h2{margin:12px 0 25px;color:#312925;font:400 60px/.98 var(--display)}
.recognition-copy h2 em,.sustainability h2 em,.expo-copy h2 em,.creations-heading h2 em,.about-contact h2 em{color:var(--brand);font-style:italic}
.recognition-copy>p:not(.about-kicker),.sustainability-inner>div>p:not(.about-kicker),.expo-copy>p:not(.about-kicker){margin:0;color:#5c514b;font:400 15.5px/1.78 var(--body)}
.recognition-copy>p:not(.about-kicker)+p,.sustainability-inner>div>p:not(.about-kicker)+p,.expo-copy>p:not(.about-kicker)+p{margin-top:16px}
.craft-seals{margin-top:35px;display:flex;align-items:center;gap:28px}
.craft-seals img{width:84px;height:84px;object-fit:contain}
.hib-mark{height:610px;margin:0;overflow:hidden;background:#5a3036}
.hib-mark img{height:100%;object-fit:cover;object-position:center}

.sustainability{padding:118px 0;background:#f4ede4}
.sustainability-inner{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:98px}
.sustainability figure{height:575px;margin:0;overflow:hidden;background:#d9c9b6}
.sustainability figure img{height:100%;object-fit:cover}
.sustainability-inner>div{padding-right:34px}

.expo-story{min-height:850px;padding:0;position:relative;overflow:hidden;background-color:#fffdfa;background-image:linear-gradient(90deg,#fffdfa 0%,#fffdfaf2 23%,#fffdfa9e 39%,transparent 59%),url("https://artimar.ncodedsolutions.be/uploads/2a2ad3e231c9c6942d6f7c5d73b9ff9d-4949687846308283314.png");background-repeat:no-repeat;background-position:center,66% center;background-size:cover,auto 780px}
.expo-story-inner{min-height:850px;display:flex;align-items:center;position:relative}
.expo-copy{width:570px;padding:62px 56px 66px 20px;position:relative;z-index:2;background:#fffdfae8;box-shadow:0 24px 80px #5a30360b}
.expo-visual{position:absolute;z-index:2;right:0;bottom:48px;width:235px;height:158px}
.expo-visual figure{margin:0;overflow:hidden}
.expo-creation{display:none}
.expo-proof{width:100%;height:100%;background:#fffdfae8;box-shadow:0 12px 40px #4b292b14}
.expo-proof img{height:100%;padding:13px;object-fit:contain;object-position:center}

.creations{padding:112px 0 124px;background:#f4ede4}
.creations-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:95px;margin-bottom:59px}
.creations-heading>p{margin:0 0 5px;color:#5c514b;font:400 16px/1.76 var(--body)}
.creations-grid{height:850px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px}
.creations-grid figure{margin:0;position:relative;overflow:hidden;background:#fffdfa}
.creations-grid img{height:100%;padding:14px;object-fit:contain}
.creation-feature{grid-column:1/3;grid-row:1/3}
.creation-feature img{padding:25px}
.creations-grid figure:nth-child(2){grid-column:3;grid-row:1}
.creations-grid figure:nth-child(3){grid-column:3;grid-row:2}
.creations-grid figure:nth-child(4){grid-column:1;grid-row:3}
.creations-grid figure:nth-child(6){grid-column:3;grid-row:3}
.creation-feature figcaption{position:absolute;left:24px;bottom:23px;padding:13px 16px;background:var(--brand);color:#fff;font:600 10px var(--heading);letter-spacing:.06em;text-transform:uppercase}
.creation-feature figcaption span{margin-right:13px;color:#d7be87;font:400 20px var(--display)}
.creation-wide{grid-column:2;grid-row:3}
.creation-wide img{padding:14px}

.about-contact{padding:101px 0 107px;background:#a18b5e;color:#fff}
.about-contact-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:100px}
.about-contact .about-kicker{color:#f2e0b3}
.about-contact h2{margin-bottom:0;color:#fffaf4;font-size:58px}
.about-contact h2 em{color:#f4e4c5}
.about-contact-inner>div:last-child p{max-width:480px;margin:0 0 29px;color:#fff9efdf;font:400 16px/1.75 var(--body)}
.about-contact .button.gold{background:var(--brand);color:#fffaf5}

@media(max-width:1100px){
  .about-hero-inner{grid-template-columns:1fr 1fr;gap:48px}
  .about-hero h1{font-size:79px}
  .family-intro-inner{gap:24px 62px}
  .frederic-story{gap:58px}
  .family-person{padding-inline:42px}
  .recognition-inner,.sustainability-inner,.expo-story-inner{gap:58px}
  .recognition-copy h2,.sustainability h2,.expo-copy h2{font-size:53px}
}

@media(max-width:900px){
  .about-hero-inner{padding-top:56px;grid-template-columns:1fr;gap:42px}
  .about-hero-copy{padding:0}
  .about-hero .breadcrumb{margin-bottom:37px}
  .about-hero h1{font-size:76px}
  .about-hero-image{height:570px}
  .family-intro-inner,.craft-banner-heading,.creations-heading,.about-contact-inner{grid-template-columns:1fr;gap:25px}
  .family-intro h2{font-size:54px}
  .family-intro-inner>p:last-child,.craft-banner-heading>p,.creations-heading>p{max-width:680px}
  .frederic-story,.recognition-inner,.sustainability-inner{grid-template-columns:1fr;gap:54px}
  .family-copy,.recognition-copy,.sustainability-inner>div{padding:0;max-width:680px}
  .family-pair{grid-template-columns:1fr}
  .family-person{min-height:0}
  .atelier-mosaic{height:920px;grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr .75fr}
  .atelier-mosaic .mosaic-main{grid-column:1/-1;grid-row:1}
  .hib-mark{height:570px}
  .sustainability figure{height:530px}
  .expo-story{min-height:920px;background-position:center,62% 40px;background-size:cover,auto 800px}
  .expo-story-inner{min-height:920px;align-items:flex-end;padding-bottom:68px}
  .expo-copy{width:min(610px,82%);padding:48px 46px;background:#fffdfaf2}
  .expo-visual{right:16px;bottom:52px;width:190px;height:132px}
  .creations-grid{height:1080px;grid-template-columns:1fr 1fr;grid-template-rows:360px 210px 210px 252px}
  .creation-feature{grid-column:1/-1;grid-row:1}
  .creations-grid figure:nth-child(2){grid-column:1;grid-row:2}
  .creations-grid figure:nth-child(3){grid-column:2;grid-row:2}
  .creations-grid figure:nth-child(4){grid-column:1;grid-row:3}
  .creations-grid figure:nth-child(6){grid-column:2;grid-row:3}
  .creation-wide{grid-column:1/-1;grid-row:4}
}

@media(max-width:620px){
  .about-kicker{font-size:9px}
  .story-index{margin-bottom:25px;font-size:8px}
  .about-hero-inner{padding-top:37px;gap:32px}
  .about-hero .breadcrumb{margin-bottom:29px;font-size:8px}
  .about-hero h1{font-size:58px}
  .about-hero h1 em{margin-left:30px}
  .about-hero-copy>p:not(.breadcrumb,.about-kicker){font-size:15px;line-height:1.72}
  .about-hero-image{height:370px}
  .about-hero-image figcaption{min-width:206px;padding:15px 18px}
  .about-hero-image figcaption b{font-size:25px}
  .family-intro{padding:73px 0 69px}
  .family-intro h2{font-size:42px}
  .family-intro-inner>p:last-child{font-size:15px;line-height:1.72}
  .family-stories{padding-bottom:82px}
  .frederic-story{padding-top:76px;gap:39px}
  .frederic-story figure{height:440px}
  .family-copy h2,.family-person h2{font-size:43px}
  .family-copy>p:not(.about-kicker),.family-person>p{font-size:15px;line-height:1.72}
  .family-pair{margin-top:75px;gap:15px}
  .family-person{padding:40px 27px 46px}
  .family-person blockquote{font-size:18px}
  .craft-banner{padding-top:78px}
  .craft-banner h2{font-size:44px}
  .craft-banner-heading>p{font-size:15px;line-height:1.72}
  .craft-banner-heading{margin-bottom:43px}
  .atelier-mosaic{height:660px;gap:7px}
  .recognition,.sustainability,.creations{padding:78px 0 84px}
  .recognition-inner,.sustainability-inner{gap:41px}
  .recognition-copy h2,.sustainability h2,.expo-copy h2,.creations-heading h2,.about-contact h2{font-size:43px}
  .recognition-copy>p:not(.about-kicker),.sustainability-inner>div>p:not(.about-kicker),.expo-copy>p:not(.about-kicker){font-size:15px;line-height:1.72}
  .craft-seals{gap:14px}
  .craft-seals img{width:70px;height:70px}
  .hib-mark{height:430px}
  .sustainability figure{height:350px}
  .expo-story{min-height:1080px;padding:535px 0 0;background-image:url("https://artimar.ncodedsolutions.be/uploads/2a2ad3e231c9c6942d6f7c5d73b9ff9d-4949687846308283314.png");background-position:center 20px;background-size:auto 500px}
  .expo-story-inner{min-height:545px;display:block;padding-bottom:0}
  .expo-copy{width:100%;max-width:none;padding:142px 0 78px;background:#fffdfa;box-shadow:none}
  .expo-visual{right:0;top:18px;bottom:auto;width:112px;height:80px}
  .expo-proof{background:#fffdfadf}
  .expo-proof img{padding:8px}
  .creations-heading{margin-bottom:41px}
  .creations-heading h2{max-width:100%;overflow-wrap:anywhere;font-size:40px}
  .creations-heading>p{font-size:15px;line-height:1.72}
  .creations-grid{height:964px;grid-template-rows:310px 185px 185px 260px;gap:8px}
  .creations-grid img,.creation-feature img,.creation-wide img{padding:9px}
  .creation-feature figcaption{left:12px;bottom:12px;padding:10px;font-size:8px}
  .about-contact{padding:76px 0 81px}
  .about-contact-inner{gap:31px}
  .about-contact-inner>div:last-child p{font-size:15px;line-height:1.72}
}