/* White process chapter with notebook cutout and botanical details. */
#process {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:960px; padding:82px 6vw 90px;
  background:#fff; color:#701e38;
}
#process::before, #process::after { display:none; }
#process .process-layout {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,420px);
  gap:6%; align-items:start; min-height:788px;
}
#process .process-art { position:relative; top:auto; align-self:stretch; min-height:100%; }
#process h2 {
  font-size:clamp(56px,5.5vw,88px); line-height:.97;
  text-shadow:none;
}
#process .notebook-cutout {
  position:absolute; width:clamp(300px,30vw,470px); height:auto;
  left:3%; bottom:0; transform:rotate(-9deg);
  filter:drop-shadow(7px 14px 8px #442e3d42); pointer-events:none;
}
#process .process-list {
  position:relative; margin:95px 0 0; padding:22px 25px 22px 18px;
  background:none;
  clip-path:none;
}
#process .process-list li {
  display:flex; align-items:center; gap:19px; padding:22px 0;
  border:0; background:none; box-shadow:none;
}
#process .process-list li+li { border-top:0; }
#process .process-list h3 { font-size:35px; line-height:1.12; letter-spacing:-.02em; }
#process .process-list p { font-size:17px; line-height:1.5; margin-top:6px; }
#process .botanical-detail {
  display:block; width:58px; height:64px; flex:0 0 58px;
  object-fit:contain; border:0; background:none; border-radius:0; box-shadow:none;
  filter:drop-shadow(1px 3px 2px #4c39451a);
}
#process .detail-orchid { transform:rotate(-15deg); }
#process .detail-leaf { transform:rotate(18deg); }
#process .detail-petal { transform:rotate(-35deg); }
#process .detail-repeat { transform:rotate(-35deg) scale(.88); }
@media(min-width:761px) and (max-width:1100px) {
  #process { padding:65px 4vw 70px; min-height:900px; }
  #process .process-layout { grid-template-columns:minmax(0,1fr) 350px; gap:3%; min-height:765px; }
    #process .process-list { padding:15px; margin-top:135px; }
  #process .process-list li { gap:13px; }
  #process .botanical-detail { width:48px; flex-basis:48px; }
  #process h2 { font-size:61px; }
  #process .notebook-cutout { width:300px; left:-15px; bottom:15px; }
}
@media(max-width:760px) {
  #process { min-height:0; padding:54px 24px 45px; background:#fff; }
      #process .process-layout { display:block; min-height:0; }
  #process .process-art { min-height:440px; }
  #process h2 { font-size:clamp(47px,12vw,66px); }
  #process .notebook-cutout { width:255px; max-width:75%; left:2%; bottom:0; transform:rotate(-10deg); }
  #process .process-list { margin:10px 0 0; padding:14px 18px; background:none; }
  #process .process-list li { padding:20px 0; gap:18px; }
  #process .process-list h3 { font-size:31px; }
  #process .process-list p { font-size:16px; }
  #process .botanical-detail { width:50px; height:58px; flex-basis:50px; }
}