
    :root { --ivory:#F7F4EF; --cream:#FFFCF8; --sand:#EAE2D7; --ink:#242321; --muted:#6E6A64; --gold:#A48A63; --gold-dark:#745D3D; --line:#DCD4C8; --max:1160px; }
    * { box-sizing:border-box; }
    html {scroll-behavior:smooth;}
    body {margin:0;background:var(--ivory);color:var(--ink);font-family:'Manrope',Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;}
    a {color:inherit;text-decoration:none;}
    img {display:block;max-width:100%;}
    .concept-bar {font-size:10px;font-weight:700;letter-spacing:.19em;text-align:center;padding:9px 16px;background:var(--ink);color:#F6F0E7;}
    .site-head {background:var(--cream);border-bottom:1px solid var(--line);}
    .head-inner {max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 32px;gap:20px;}
    .wordmark {display:flex;align-items:center;gap:16px;flex-shrink:0;}
    .seal {height:47px;width:47px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-dark);font:italic 27px/1 'Cormorant Garamond',Georgia,serif;}
    .brandname {display:block;font:500 29px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;}
    .brandcaption {display:block;font-size:9px;letter-spacing:.29em;color:var(--gold-dark);font-weight:700;margin-top:9px;text-transform:uppercase;}
    .nav {display:flex;align-items:center;gap:28px;}
    .nav a:not(.nav-cta){font-size:11px;letter-spacing:.06em;white-space:nowrap;}
    .nav a:hover {color:var(--gold-dark)}
    .nav-cta {padding:14px 20px;border:1px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;}
    .eyebrow {font-size:10px;text-transform:uppercase;letter-spacing:.27em;font-weight:700;color:var(--gold-dark);}
    .hero-intro {max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:42px;padding:48px 32px 38px;}
    h1,h2,h3,p{margin-top:0;}
    h1,h2,h3,.quote {font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;}
    h1{font-size:clamp(48px,5vw,74px);line-height:.97;letter-spacing:-.035em;margin:22px 0 10px;}
    h1 em,h2 em{font-weight:400;color:var(--gold-dark);}
    .hero-subline {font:italic 30px/1.1 'Cormorant Garamond',Georgia,serif;color:var(--gold-dark);margin-bottom:0;}
    .intro-right {padding-bottom:8px;}
    .intro-right p {font-size:14px;line-height:2;color:var(--muted);max-width:430px;margin-bottom:26px;}
    .buttons {display:flex;flex-wrap:wrap;gap:24px;align-items:center;}
    .btn {display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;min-height:51px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:all .2s ease;}
    .btn.primary {background:var(--ink);color:white;}
    .btn.primary:hover{background:#48423a;}
    .btn.textual {padding-left:0;padding-right:0;border-bottom:1px solid var(--gold-dark);}
    .hero-photo-shell {max-width:1275px;margin:0 auto;padding:0 32px;}
    .hero-photo {background:#231E1A;position:relative;overflow:hidden;}
    .hero-photo img {display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;}
    .photo-credit {position:absolute;bottom:22px;right:24px;padding:8px 11px;background:rgba(25,22,18,.73);color:#f6eee3;font-size:9px;letter-spacing:.15em;text-transform:uppercase;}
    .mini-foot {max-width:var(--max);padding:24px 32px;margin:auto;display:flex;gap:16px;justify-content:center;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;}
    .mini-foot b {font-size:15px;color:var(--gold);font-weight:400;}
    .section {max-width:var(--max);margin:auto;padding:110px 32px;}
    .section-heading{display:grid;grid-template-columns:.9fr 1fr;align-items:end;gap:40px;margin-bottom:36px;}
    h2 {font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.02em;margin:17px 0 0;}
    .section-heading p {font-size:13px;color:var(--muted);line-height:1.9;max-width:400px;margin:0 0 5px auto;}
    .collection-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
    .art-card {background:var(--cream);border:1px solid var(--line);overflow:hidden;}
    .art-photo {background:#EAE5DD;aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;}
    .art-photo img{height:100%;width:100%;object-fit:cover;transition:transform .45s ease;}
    .art-card:hover img{transform:scale(1.035);}
    .art-caption {padding:25px 23px 29px;}
    .art-caption small{font-size:9px;color:var(--gold-dark);letter-spacing:.19em;font-weight:700;text-transform:uppercase;}
    .art-caption h3{font-size:32px;line-height:1.02;margin:11px 0 0;}
    .centerlink {text-align:center;margin-top:37px;}
    .underlink {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--gold-dark);padding-bottom:8px;}
    .atelier-band {background:var(--sand);}
    .atelier-inner {max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:105px 32px;align-items:center;}
    .atelier-img {position:relative;}
    .atelier-img .main-img {width:90%;aspect-ratio:4/5;object-fit:cover;background:#c9b9a5;}
    .atelier-img .inset-img {position:absolute;width:40%;height:40%;object-fit:cover;right:0;bottom:-8%;border:11px solid var(--sand);background:#cec2b3;}
    .atelier-copy {padding:14px 0;}
    .atelier-copy h2{margin-bottom:24px;}
    .atelier-copy p{line-height:2;color:#66615b;font-size:14px;max-width:455px;margin:0 0 27px;}
    .process {text-align:center;}
    .process h2{margin:15px 0 43px;}
    .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;text-align:left;}
    .step{border-top:1px solid #C7BDAF;padding-top:21px;}
    .step-number{font:36px/1 'Cormorant Garamond',Georgia,serif;color:var(--gold-dark);}
    .step h3{font-size:29px;margin:19px 0 8px;}
    .step p{font-size:12px;color:var(--muted);line-height:1.9;}
    .bottom-cta{background:var(--ink);color:var(--cream);text-align:center;padding:102px 24px 112px;}
    .bottom-cta .eyebrow{color:#D0B995;}
    .bottom-cta h2{max-width:730px;margin:18px auto 25px;font-size:clamp(45px,5vw,68px);}
    .bottom-cta p{font-size:13px;line-height:1.9;color:#C8C3BB;max-width:510px;margin:0 auto 28px;}
    .btn.light {background:var(--cream);color:var(--ink);}
    .footer {max-width:var(--max);padding:42px 32px 48px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;}
    .footer .brandname{font-size:25px;}
    .footer p{font-size:11px;color:var(--muted);margin:0;text-align:right;}
    @media(max-width:970px){.nav{gap:16px}.nav a:not(.nav-cta){font-size:10px}.head-inner{padding:20px}.hero-intro{gap:30px;padding-top:70px}.hero-subline{font-size:32px}h1{font-size:clamp(54px,6.3vw,72px)}}
    @media(max-width:730px){.head-inner{padding:20px 18px}.nav a:not(.nav-cta){display:none}.nav-cta{padding:12px 11px;font-size:9px}.wordmark{gap:10px}.seal{height:39px;width:39px;font-size:23px}.brandname{font-size:23px}.brandcaption{font-size:8px;letter-spacing:.16em}.hero-intro{display:block;padding:63px 23px 39px}.hero-intro h1{font-size:clamp(54px,13vw,83px);margin-top:20px}.hero-subline{font-size:34px;margin-bottom:25px}.intro-right{padding:0}.intro-right p{font-size:13px;line-height:1.9}.buttons{gap:18px}.btn{font-size:10px;padding:14px 18px}.hero-photo-shell{padding:0}.hero-photo img{aspect-ratio:1920/683;object-fit:contain}.photo-credit{position:static;text-align:center;background:#2b2621}.mini-foot{flex-wrap:wrap;gap:10px 12px;font-size:9px;line-height:1.8;padding:23px}.section{padding:68px 22px}.section-heading{display:block;margin-bottom:24px}.section-heading p{margin:19px 0 0;max-width:none}.collection-grid{grid-template-columns:1fr;gap:22px}.art-photo{aspect-ratio:5/4}.art-caption{padding:17px 20px 21px}.art-caption h3{font-size:29px}.atelier-inner{display:block;padding:68px 22px}.atelier-img{margin-bottom:65px}.atelier-copy h2{font-size:52px}.process-grid{grid-template-columns:1fr;gap:22px}.process h2{font-size:46px}.step h3{margin-top:10px}.bottom-cta{padding:75px 22px}.footer{padding:33px 22px;display:block}.footer p{margin-top:15px;text-align:left}}
    .art-card:nth-child(2) .art-photo img {object-fit:contain;background:#EAE5DD;}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-photo img,.btn{transition:none}}
    @media (min-width:971px) and (max-height:850px){.hero-intro{padding-top:30px;padding-bottom:25px}.hero-subline{font-size:27px}.head-inner{padding-top:14px;padding-bottom:14px}}
    @media (min-width:731px) and (max-width:1200px){.hero-intro{gap:26px;padding:42px 24px 30px}.hero-photo-shell{padding:0 24px}.head-inner{padding:16px 24px}.hero-intro h1{font-size:clamp(44px,5.1vw,63px)}.nav{gap:13px}.nav-cta{padding:12px}}

    /* Readability and compact mobile header — revision 27 October */
    body{font-size:16px;overflow-x:hidden}
    .intro-right p,.atelier-copy p{font-size:17px;line-height:1.75}
    .section-heading p,.bottom-cta p{font-size:16px;line-height:1.75}
    .step p{font-size:15px;line-height:1.75}
    .nav a:not(.nav-cta),.underlink{font-size:13px}
    .nav-cta{font-size:12px}
    .btn{font-size:13px}
    .eyebrow{font-size:12px;line-height:1.6}
    .art-caption small,.brandcaption{font-size:11px}
    .mini-foot{font-size:12px}
    .concept-bar{font-size:11px}
    @media(max-width:730px){
      .head-inner{padding:14px 16px;gap:10px;min-width:0}
      .wordmark{min-width:0;flex:1 1 auto;gap:9px}
      .wordmark>span:last-child{min-width:0}
      .seal{width:34px;height:34px;flex:0 0 34px;font-size:21px}
      .brandname{font-size:clamp(21px,5.5vw,26px)}
      .brandcaption{font-size:9px;letter-spacing:.07em;line-height:1.3;margin-top:5px}
      .nav{flex:0 0 auto;min-width:0}
      .nav-cta{font-size:11px;padding:11px 10px;white-space:normal;text-align:center;line-height:1.3;max-width:118px}
      .hero-intro{padding:26px 20px 27px}
      .hero-intro h1{font-size:clamp(43px,10.5vw,66px);line-height:1.02;margin-top:14px}
      .hero-subline{font-size:30px;margin-bottom:16px}
      .intro-right p{font-size:17px;line-height:1.7;margin-bottom:18px}
      .buttons{gap:12px;flex-wrap:wrap}
      .btn{font-size:12px;padding:13px 16px}
      .section-heading p,.atelier-copy p,.bottom-cta p{font-size:16px}
      .step p{font-size:15px}
      .mini-foot{font-size:11px}
      .section{padding-top:55px;padding-bottom:55px}
      .concept-bar{font-size:9px;letter-spacing:.1em}
    }
    @media(max-width:370px){.seal{display:none}.nav-cta{max-width:102px;padding:9px 7px}.brandcaption{font-size:8px}}
  
    /* V4 – beeldkaders zonder opvulstroken: bestaand design behouden. */
    .hero-photo { aspect-ratio:3.10 / 1; }
    .hero-photo img { width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:53% 50%; }
    .art-card:nth-child(2) .art-photo img { object-fit:cover;object-position:71% 50%;background:transparent; }
    .art-photo {background:#241f1c;}
    @media(max-width:730px){
      .hero-photo{aspect-ratio:2.05 / 1;}
      .hero-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:23% 51%;}
      .art-card:nth-child(2) .art-photo img{object-position:68% 50%;}
    }

/* Versie 6: eigen atelierbeelden; geen herhaling van Haute Couture-projectfoto's. */
.atelier-img .main-img{object-fit:cover !important;object-position:center 48%;background:#272321}
.atelier-img .inset-img{object-fit:cover;object-position:48% 40%;background:#292522}

/* Ontwerp v7: twee werkelijke opnamen van dezelfde jurk, nergens herhaald in Onze creaties. */
.atelier-img img.main-img{object-position:center 43% !important;background:#302a28;}
.atelier-img img.inset-img{object-position:center 38% !important;background:#302a28;}


/* Ontwerp v10: uitsluitend IMG_1176, zonder inzetfoto of beeldverlies. */
.atelier-img.atelier-single {position:relative;display:flex;justify-content:center;align-items:center;min-width:0;max-width:540px;margin:0 auto;}
.atelier-img.atelier-single img.main-img {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1 / 1!important;object-fit:contain!important;object-position:center!important;background:transparent!important;}
@media(max-width:730px){.atelier-img.atelier-single {width:100%;max-width:none;margin:0 auto 12px;}}

/* Gedeelde navigatie voor vier samenhangende pagina's; mobiel: uitklapmenu + contactknop. */
.site-head{position:relative;z-index:20}
.nav-current{color:var(--gold-dark)!important;font-weight:700!important}
.nav-menu-toggle{display:none;appearance:none;align-items:center;justify-content:center;border:1px solid #dcd4c8;background:transparent;color:var(--ink);font:700 17px/1 'Manrope',Arial,sans-serif;width:39px;height:39px;flex:0 0 39px;cursor:pointer}
.mobile-drawer[hidden]{display:none!important}
.mobile-drawer{display:none;background:var(--cream);border-top:1px solid var(--line);padding:10px 18px 18px;box-shadow:0 18px 26px rgba(34,26,21,.1)}
.mobile-drawer a{display:block;font-size:15px;font-weight:600;padding:12px 8px;border-bottom:1px solid #eee6da}
@media(min-width:801px) and (max-width:1180px){.nav{gap:10px!important}.nav a:not(.nav-cta){font-size:11px!important}.head-inner{gap:12px!important}.nav-cta{padding:10px 11px!important;font-size:11px!important}.brandname{font-size:25px!important}.wordmark{gap:10px!important}.head-inner{padding-left:18px!important;padding-right:18px!important}}
@media(max-width:800px){.nav-menu-toggle{display:inline-flex}.mobile-drawer{display:block}.nav a:not(.nav-cta){display:none!important}.head-inner{gap:8px!important}.wordmark{min-width:0;flex:1 1 auto}.nav{flex:0 0 auto;gap:0!important}}
@media(max-width:440px){.head-inner{padding:12px 10px!important}.nav-cta{font-size:10px!important;padding:9px 7px!important;max-width:105px!important}.brandname{font-size:clamp(19px,5.4vw,24px)!important}.brandcaption{font-size:8px!important;letter-spacing:.03em!important}.seal{width:32px!important;height:32px!important;flex:0 0 32px!important;font-size:20px!important}.wordmark{gap:6px!important}.nav-menu-toggle{height:34px;width:32px;flex-basis:32px}}
@media(max-width:350px){.seal{display:none!important}.brandname{font-size:20px!important}.brandcaption{font-size:7px!important}.nav-cta{max-width:90px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.gallery-hero{max-width:1160px;margin:0 auto;padding:54px 32px 72px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:76px;align-items:center}
.gallery-hero h1{font-size:clamp(54px,6.2vw,89px);line-height:.95;margin:16px 0 21px;letter-spacing:-.036em}
.gallery-hero p{font-size:17px;line-height:1.85;color:var(--muted);max-width:475px}
.gallery-hero-photo{background:#272321;box-shadow:18px 18px 0 var(--sand)}
.gallery-hero-photo img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.gallery-hero-note{font-size:11px;color:var(--gold-dark);margin-top:18px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.gallery-inner{max-width:1160px;margin:0 auto;padding:80px 32px 104px}
.gallery-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:36px}
.gallery-intro h2{font-size:clamp(43px,5vw,66px);margin:16px 0 0;line-height:.98}
.gallery-intro p{font-size:16px;line-height:1.8;color:var(--muted);max-width:410px;margin:0 0 4px auto}
.gallery-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 33px}
.gallery-filter{border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:12px 18px;min-height:44px;font:600 12px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.03em}
.gallery-filter:hover,.gallery-filter[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.gallery-count{margin-left:auto;color:#766f66;font-size:12px;white-space:nowrap}
.photo-masonry{columns:3;column-gap:20px;line-height:0}
.photo-tile{display:inline-block;width:100%;margin:0 0 20px;break-inside:avoid;background:var(--cream);vertical-align:top;line-height:1.5}
.photo-tile[hidden]{display:none!important}
.photo-open{display:block;width:100%;padding:0;appearance:none;border:0;background:#EEE8DF;cursor:zoom-in;overflow:hidden}
.photo-open img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;transform:none;transition:opacity .2s}
.photo-open:hover img{opacity:.92}
.photo-caption{display:block;padding:13px 13px 15px;background:var(--cream);min-height:76px}
.photo-caption .category{display:block;color:var(--gold-dark);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin:0 0 4px}
.photo-caption .name{display:block;font-size:13px;line-height:1.55;color:#36312b}
.gallery-statement{background:var(--sand);padding:65px 32px;text-align:center}
.gallery-statement blockquote{font:italic 500 clamp(35px,5vw,60px)/1.08 'Cormorant Garamond',Georgia,serif;max-width:740px;margin:0 auto 14px;color:var(--ink)}
.gallery-statement p{margin:0;font-size:13px;color:var(--gold-dark);letter-spacing:.13em;text-transform:uppercase}
.gallery-contact{background:var(--ink);color:#fff;text-align:center;padding:85px 22px 94px}
.gallery-contact .eyebrow{color:#D0B995}
.gallery-contact h2{font-size:clamp(42px,5.1vw,67px);margin:15px auto 23px;max-width:820px}
.gallery-contact p{color:#ddd2c3;max-width:560px;margin:0 auto 26px;line-height:1.75;font-size:16px}
.gallery-contact a{display:inline-flex;min-height:52px;padding:16px 24px;background:var(--cream);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;align-items:center;justify-content:center}
.lightbox[hidden]{display:none!important}
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(20,17,15,.96);display:flex;align-items:center;justify-content:center;padding:58px 60px 74px}
.lightbox-image{max-width:100%;max-height:calc(100vh - 160px);object-fit:contain;box-shadow:0 5px 30px rgba(0,0,0,.5)}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid #a9a199;color:white;background:rgba(40,36,33,.8);font-size:26px;display:grid;place-items:center;cursor:pointer;width:46px;height:46px}
.lightbox-close{top:20px;right:24px}.lightbox-prev{left:12px;top:calc(50% - 23px)}.lightbox-next{right:12px;top:calc(50% - 23px)}
.lightbox-title{position:absolute;bottom:20px;left:65px;right:65px;text-align:center;font-size:13px;line-height:1.5;color:#eee6dc}
.lightbox-count{position:absolute;top:27px;left:24px;color:#eee6dc;font-size:12px;letter-spacing:.13em}
@media(max-width:950px){.gallery-hero{gap:36px;padding:40px 25px 65px}.gallery-inner{padding:70px 25px}.photo-masonry{columns:2;column-gap:16px}.photo-tile{margin-bottom:16px}}
@media(max-width:800px){.gallery-hero{grid-template-columns:1fr;gap:25px}.gallery-hero h1{font-size:65px}.gallery-hero-photo{width:min(100%,590px);margin:0 auto}.gallery-hero p{max-width:660px}}
@media(max-width:610px){.gallery-hero{padding:36px 20px 54px}.gallery-hero h1{font-size:clamp(48px,11vw,67px)}.gallery-hero p{font-size:16px}.gallery-hero-photo{box-shadow:9px 9px 0 var(--sand)}.gallery-inner{padding:58px 18px 68px}.gallery-intro{grid-template-columns:1fr;gap:12px}.gallery-intro h2{font-size:clamp(44px,11vw,60px)}.gallery-intro p{margin:0}.photo-masonry{columns:1;column-gap:0}.photo-tile{margin-bottom:18px}.gallery-filters{gap:7px;margin-bottom:25px}.gallery-filter{padding:10px 12px;font-size:11px;min-height:42px}.gallery-count{flex-basis:100%;margin:6px 0 0}.gallery-statement{padding:52px 21px}.gallery-contact{padding:70px 22px}.lightbox{padding:62px 8px 72px}.lightbox-image{max-height:calc(100vh - 165px)}.lightbox-title{left:24px;right:24px;font-size:12px}.lightbox-close{right:10px}.lightbox-prev,.lightbox-next{top:auto;bottom:10px;width:40px;height:40px}.lightbox-prev{left:14px}.lightbox-next{right:14px}}
@media(prefers-reduced-motion:reduce){.photo-open img{transition:none}}

/* De vernieuwde openingsfoto blijft volledig zichtbaar. */
.gallery-hero-photo{max-width:470px;margin-left:auto}
@media(max-width:800px){.gallery-hero-photo{margin-left:auto;margin-right:auto}}


/* Fifth page: De werkwijze — luxury editorial with all original dress photos */
.process-container{max-width:1180px;margin-inline:auto;padding-inline:30px}
.process-hero{max-width:1180px;margin:0 auto;padding:70px 30px 86px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:85px}
.process-eyebrow{color:var(--gold-dark);text-transform:uppercase;font:700 11px/1.5 'Manrope',sans-serif;letter-spacing:.19em}
.process-hero h1{font:500 clamp(58px,6vw,90px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:22px 0 24px;color:var(--ink)}
.process-hero h1 em,.process-guide h2 em,.process-steps h2 em,.process-material h2 em,.process-questions h2 em,.process-end h2 em{color:var(--gold-dark);font-weight:400}
.process-lead{max-width:540px;color:#655e55;font:400 clamp(16px,1.35vw,18px)/1.9 'Manrope',sans-serif;margin:0 0 25px}
.process-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px}
.process-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 22px;background:#242321;color:#fff;font:700 12px/1.4 'Manrope',sans-serif;letter-spacing:.09em;text-transform:uppercase;max-width:100%;text-decoration:none}
.process-btn:hover{background:#59462f;color:#fff}
.process-link{color:#292623!important;font:700 12px/1.45 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #af9270;padding-bottom:8px;text-decoration:none}
.process-hero-photo{min-width:0;position:relative;padding:0 30px 28px 0}
.process-hero-photo img{display:block;width:100%;height:auto;box-shadow:21px 21px 0 var(--sand);background:#241f1c}
.process-hero-photo figcaption{position:absolute;right:14px;bottom:0;background:#fbf8f4;padding:10px 13px;font-size:11px;color:#7b6851;letter-spacing:.08em}
.process-intro-band{background:#eae2d7;border-block:1px solid #d7cdbf}
.process-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:95px;align-items:center;max-width:1180px;margin:auto;padding:83px 30px}
.process-guide h2,.process-steps h2,.process-material h2,.process-questions h2,.process-end h2{font:500 clamp(44px,4.9vw,68px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:17px 0 22px}
.process-guide p{font:400 16px/1.9 'Manrope',sans-serif;color:#615c56;margin:0}
.process-guide-brief{border-left:2px solid #b3976f;padding:6px 0 6px 27px;font:italic 400 clamp(25px,2.4vw,33px)/1.35 'Cormorant Garamond',Georgia,serif;color:#544534}
.process-steps{max-width:1180px;margin:auto;padding:95px 30px 102px}
.process-steps .steps-head{display:flex;gap:40px;align-items:end;justify-content:space-between;margin:0 0 53px}
.process-steps .steps-head h2{margin-bottom:0}
.steps-head-note{max-width:330px;color:#766d63;font:400 15px/1.9 'Manrope',sans-serif;margin:0}
.process-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:94px;margin:0 0 105px}
.process-step:last-child{margin-bottom:0}
.process-step:nth-of-type(odd) .step-photo{order:2}
.process-step:nth-of-type(odd) .step-copy{order:1}
.step-photo{margin:0;min-width:0;background:#fbf9f6;position:relative;padding:0 17px 20px 0}
.step-photo img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;box-shadow:17px 17px 0 var(--sand)}
.step-photo figcaption{color:#8a7867;text-align:left;font:500 11px/1.6 'Manrope',sans-serif;margin-top:29px;letter-spacing:.02em}
.step-copy{min-width:0}
.step-number{font:italic 400 48px/1 'Cormorant Garamond',Georgia,serif;color:#a48a63}
.step-kicker{text-transform:uppercase;letter-spacing:.17em;font:700 11px/1.5 'Manrope',sans-serif;color:#836e53;margin:16px 0 5px}
.step-copy h3{font:500 clamp(38px,3.8vw,57px)/1.05 'Cormorant Garamond',Georgia,serif;margin:9px 0 18px;letter-spacing:-.018em}
.step-copy p{font:400 16px/1.9 'Manrope',sans-serif;color:#625d56;margin:0 0 16px;max-width:505px}
.step-copy .step-note{margin-top:23px;border-left:2px solid #b9a17f;padding:4px 0 4px 20px;color:#5f5345;font-size:14px;line-height:1.85}
.process-material{background:#fbf9f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-material-inner{max-width:1180px;margin:auto;padding:90px 30px 88px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:110px}
.process-material p{color:#665e55;font:400 16px/1.9 'Manrope',sans-serif;margin:0 0 12px}
.process-material ul{padding:0;margin:19px 0 0;list-style:none}
.process-material li{border-top:1px solid #ded4c7;padding:15px 0;color:#514940;font:500 15px/1.65 'Manrope',sans-serif}
.process-material li:last-child{border-bottom:1px solid #ded4c7}
.process-material li strong{color:#94754f;margin-right:17px;font-weight:700}
.process-material small{display:block;color:#8c8074;font:400 13px/1.8 'Manrope',sans-serif;margin-top:17px}
.process-questions{max-width:1180px;margin:auto;padding:97px 30px 105px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:100px}
.process-questions .faq-intro{color:#776b5f;font-size:15px;line-height:1.8}
.process-questions details{border-bottom:1px solid #ded4c7;padding:21px 0}
.process-questions details:first-child{border-top:1px solid #ded4c7}
.process-questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font:600 15px/1.6 'Manrope',sans-serif;color:#342d27}
.process-questions summary::-webkit-details-marker{display:none}
.process-questions summary::after{content:'+';font:400 24px/1 'Cormorant Garamond',serif;color:#9c825e}
.process-questions details[open] summary::after{content:'−'}
.process-questions details p{color:#655e57;font:400 15px/1.85 'Manrope',sans-serif;margin:13px 20px 0 0}
.process-end{background:#282421;color:#f7f2ea;text-align:center;padding:87px 25px 98px}
.process-end .process-eyebrow{color:#d0b68e}
.process-end h2{max-width:750px;margin:20px auto 21px;color:#fcf7f0}
.process-end p{max-width:570px;margin:0 auto 27px;color:#d6cbbb;font:400 16px/1.9 'Manrope',sans-serif}
.process-end .process-btn{background:#f7f3ec;color:#27221f}
.process-end .process-btn:hover{background:#dacdb9}
@media(max-width:1000px){.process-hero{gap:52px}.process-step{gap:55px}.process-material-inner{gap:62px}.process-questions{gap:60px}}
@media(max-width:800px){.process-hero{grid-template-columns:1fr;padding:52px 25px 80px;gap:38px}.process-hero h1{font-size:clamp(55px,9vw,80px)}.process-hero-photo{max-width:610px;width:100%;margin:auto}.process-guide{grid-template-columns:1fr;gap:25px;padding:65px 25px}.process-steps{padding:75px 25px}.process-step{grid-template-columns:1fr;gap:35px;margin-bottom:82px}.process-step:nth-of-type(odd) .step-photo{order:0}.process-step:nth-of-type(odd) .step-copy{order:0}.step-photo{max-width:620px;width:100%;margin-inline:auto}.process-steps .steps-head{display:block;margin-bottom:48px}.steps-head-note{margin-top:24px}.process-material-inner,.process-questions{grid-template-columns:1fr;gap:28px;padding:73px 25px}.process-questions{padding-bottom:84px}}
@media(max-width:500px){.process-hero{padding:33px 19px 65px;gap:27px}.process-hero h1{font-size:clamp(50px,12vw,66px);margin:17px 0 19px}.process-lead{font-size:16px;line-height:1.84}.process-buttons{gap:20px}.process-btn{font-size:11px;min-height:49px;padding:15px 19px}.process-hero-photo{padding-right:14px;padding-bottom:18px}.process-hero-photo img{box-shadow:10px 10px 0 var(--sand)}.process-hero-photo figcaption{right:3px;font-size:10px;max-width:62%;padding:7px}.process-guide{padding:56px 19px;gap:25px}.process-guide-brief{padding-left:16px;font-size:25px}.process-guide h2,.process-steps h2,.process-material h2,.process-questions h2,.process-end h2{font-size:clamp(42px,11vw,57px)}.process-steps{padding:62px 19px}.process-step{margin-bottom:60px;gap:24px}.step-photo{padding:0 9px 13px 0}.step-photo img{box-shadow:9px 9px 0 var(--sand)}.step-photo figcaption{margin-top:18px}.step-copy h3{font-size:clamp(37px,10vw,52px)}.step-copy p,.process-material p{font-size:15px}.process-material-inner,.process-questions{padding:61px 19px;gap:20px}.process-questions{padding-bottom:72px}.process-end{padding:74px 19px 81px}}
