.photo-edition{
  color-scheme:dark}
.photo-edition body{
  background:var(--canvas)}
.photo-edition h1,.photo-edition h2,.photo-edition h3,.photo-edition h4,.photo-edition p,.photo-edition a,.photo-edition button,.photo-edition input{
  }
.photo-edition svg text{
  }
.photo-edition h1,.photo-edition h2,.photo-edition h3{
  }
.photo-edition p{
  }
.page-width{
  width:min(var(--page-width),calc(100% - var(--page-gutter) - var(--page-gutter)));
  margin-inline:auto}
.editorial-section{
  padding-block:clamp(80px,8vw,120px)}
.photo-edition .section-heading{
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:9%;
  margin-bottom:48px;
  align-items:end}
.photo-edition h2{
  }
.photo-edition .section-heading p{
  max-width:560px}
.photo-edition .text-link:hover,.photo-edition .quiet-link:hover,.photo-edition .footer-links a:hover{
  color:var(--ink)}
.photo-hero{
  padding-top:44px}
.hero-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:7%;
  align-items:end;
  margin-bottom:36px}
.hero-intro h1{
  }
.hero-purpose>p:first-child{
  color:var(--muted);
  max-width:450px}
.hero-purpose .hero-actions{
  margin-top:24px;
  gap:27px;
  justify-content:flex-start}
.hero-purpose .button{
  min-height:50px;
  padding:12px 21px}
.hero-purpose .quiet-link{
  display:inline-flex;
  gap:15px;
  align-items:center}
.hero-requirements{
  color:var(--muted);
  margin-top:14px}
.hero-photo-story{
  margin-bottom:0}
.photo-comparison{
  position:relative;
  min-width:0;
  isolation:isolate}
.photo-comparison .compare-viewport{
  position:relative;
  overflow:hidden;
  aspect-ratio:2.15;
  background:var(--raised);
  border-radius:12px}
.photo-comparison .compare-viewport img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  user-select:none}
.compare-before{
  position:absolute;
  inset:0;
  overflow:hidden;
  display:none;
  pointer-events:none;
  transform:translateX(-52%)}
.compare-before img{
  transform:translateX(52%)}
.compare-ready .compare-before{
  display:block}
.compare-labels{
  display:none;
  position:absolute;
  inset:20px 20px auto;
  justify-content:space-between;
  z-index:2;
  pointer-events:none}
.compare-ready .compare-labels{
  display:flex}
.compare-labels span{
  color:var(--ink);
  background:var(--scrim);
  padding:6px 10px;
  border-radius:5px;
  backdrop-filter:none}
.compare-divider{
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  background:var(--photo-line);
  z-index:3;
  pointer-events:none}
.compare-ready .compare-divider{
  display:block}
.compare-divider>span{
  position:absolute;
  left:0;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--ink);
  color:var(--raised);
  box-shadow:0 2px 12px var(--shadow)}
.compare-divider i{
  height:14px;
  width:1px;
  background:var(--scrim)}
.photo-comparison input.compare-range{
  display:none;
  position:absolute;
  inset:0;
  margin:0;
  padding:0;
  border:0;
  opacity:0;
  z-index:4;
  width:100%;
  height:100%;
  cursor:ew-resize;
  touch-action:pan-y;
  appearance:none;
  -webkit-appearance:none}
.compare-ready input.compare-range{
  display:block}
.photo-comparison input.compare-range::-webkit-slider-thumb{
  appearance:none;
  -webkit-appearance:none;
  width:1px;
  height:44px;
  border:0;
  background:transparent}
.photo-comparison input.compare-range::-moz-range-thumb{
  width:1px;
  height:44px;
  border:0;
  background:transparent}
.photo-comparison:focus-within{
  outline:2px solid var(--gold);
  outline-offset:5px;
  border-radius:12px}
.photo-comparison.signature-product{
  margin:0;
  max-width:none;
  width:100%;
  border-radius:12px;
  box-shadow:none;
  overflow:visible}
.signature-product.is-comparing{
  transform:none!important}
.hero-photo-story figcaption{
  display:flex;
  justify-content:space-between;
  gap:30px;
  padding:18px 0 0;
  align-items:center;
  color:var(--muted)}
.hero-photo-story figcaption>div{
  display:flex;
  gap:15px;
  align-items:center;
  flex-wrap:wrap}
.hero-photo-story figcaption strong{
  color:var(--ink)}
.hero-photo-story figcaption p{
  }
.photo-comparison[data-position="0"] .compare-labels span:first-child,.photo-comparison[data-position="100"] .compare-labels span:last-child{
  opacity:0}
.safety-strip{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr);
  gap:9%;
  padding-block:56px 66px}
.safety-strip>p{
  }
.safety-strip ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px 28px;
  align-content:center}
.safety-strip li{
  color:var(--muted);
  display:flex;
  gap:12px;
  align-items:start}
.safety-strip li span{
  color:var(--ink)}
.workflow-section{
  background:var(--stage)}
.workflow-heading{
  margin-bottom:65px}
.workflow-index{
  display:flex;
  gap:35px;
  padding-top:5px}
.workflow-index a{
  color:var(--ink);
  text-decoration:underline;
  text-decoration-color:var(--muted);
  text-underline-offset:9px}
.workflow-index a:hover{
  text-decoration-color:var(--ink)}
.workflow-look,.workflow-export{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:8%;
  align-items:center}
.workflow-copy h3{
  margin-bottom:23px}
.workflow-copy>p{
  color:var(--muted);
  max-width:490px}
.feature-notes{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:12px;
  color:var(--muted)}
.feature-notes li{
  padding-left:17px;
  position:relative}
.feature-notes li::before{
  content:"—";
  position:absolute;
  left:0;
  color:var(--muted)}
.photo-edition .text-link{
  color:var(--ink);
  margin-top:26px}
.workflow-look>figure img{
  width:100%;
  height:auto;
  border-radius:10px;
  aspect-ratio:1.45;
  object-fit:cover}
.workflow-look>figure figcaption{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  margin-top:14px}
.workflow-look>figure figcaption span{
  color:var(--muted)}
.workflow-refine{
  margin-block:100px;
  padding-block:75px;
  background:var(--surface)}
.workflow-refine .section-heading h3{
  max-width:600px}
.workspace-slot .mode-picker{
  margin:0 0 24px}
.photo-edition .workspace-image{
  border-radius:12px;
  aspect-ratio:2160/1341;
  transform:none!important;
  box-shadow:none}
.photo-edition .workspace-shot{
  object-fit:contain}
.workspace-slot .workspace-figure figcaption{
  display:none}
.refine-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:24px;
  color:var(--muted)}
.refine-bottom .text-link{
  margin:0}
.workflow-export{
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.workflow-export>figure{
  border-radius:10px;
  overflow:hidden;
  background:var(--raised);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  min-height:500px}
.workflow-export img{
  width:auto;
  max-width:100%;
  height:440px;
  object-fit:contain;
  border-radius:10px}
.try-editor{
  margin-top:65px;
  background:var(--raised);
  border-radius:12px}
.try-editor>summary{
  display:flex;
  gap:30px;
  justify-content:space-between;
  align-items:center;
  padding:24px 30px;
  cursor:pointer;
  list-style:none}
.try-editor>summary::-webkit-details-marker{
  display:none}
.try-editor>summary>span{
  color:var(--muted)}
.try-editor[open]>summary>span{
  transform:rotate(45deg)}
.photo-edition .try-editor .studio-section{
  padding:35px 30px;
  background:var(--raised);
  color:var(--ink)}
.try-editor .studio-section h2{
  }
.photo-edition .try-editor .section-heading{
  gap:30px;
  margin-bottom:30px}
.try-editor .studio-section .section-heading p{
  color:var(--muted)}
.try-editor .demo-note{
  color:var(--muted)}
.try-editor .demo-reset{
  color:var(--ink)}
.try-editor .demo{
  border:1px solid var(--line)}
.looks-section{
  padding-bottom:110px}
.look-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px}
.look-card{
  min-width:0;
  border-radius:10px}
.look-card .compare-viewport{
  aspect-ratio:.92;
  border-radius:9px}
.look-card figure>figcaption{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  margin:19px 0 14px}
.look-card h3{
  }
.look-strength{
  color:var(--muted);
  white-space:nowrap}
.compare-actions{
  display:none;
  gap:5px;
  padding:4px;
  background:var(--raised);
  border-radius:7px;
  max-width:max-content}
.compare-actions.is-ready{
  display:flex}
.compare-actions button{
  padding:6px 12px;
  background:transparent;
  color:var(--muted);
  border-radius:5px;
  min-height:30px}
.compare-actions button[aria-pressed=true]{
  background:var(--gold);
  color:var(--canvas)}
.look-card h4{
  margin-top:22px}
.look-card>p{
  color:var(--muted);
  margin-top:13px}
.look-card>.recipe-params{
  color:var(--muted);
  margin-top:20px}
.recipe-link{
  display:inline-block;
  margin-top:13px;
  color:var(--muted);
  text-underline-offset:4px}
.recipe-link:hover{
  text-decoration:underline}
.look-card.is-interacting{
  transform:none!important}
.sample-provenance{
  display:flex;
  justify-content:space-between;
  gap:60px;
  align-items:center;
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid var(--line)}
.sample-provenance p{
  color:var(--muted);
  max-width:720px}
.text-button{
  text-decoration:underline;
  text-underline-offset:5px;
  color:var(--ink);
  background:none;
  padding:4px 0;
  white-space:nowrap}
.editorial-ai{
  background:var(--surface)}
.ai-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:7%;
  align-items:center}
.plain-label{
  color:var(--muted)!important;
  margin-bottom:24px!important}
.editorial-ai h2{
  margin-bottom:24px}
.ai-actions-list{
  list-style:none;
  padding:0;
  margin:30px 0;
  display:grid;
  gap:24px}
.ai-actions-list h3{
  margin:0 0 7px}
.ai-actions-list p{
  color:var(--muted)}
.workflow-copy .ai-footnote{
  color:var(--muted)}
.ai-layout>figure img{
  width:100%;
  height:auto;
  border-radius:10px}
.ai-layout>figure figcaption{
  color:var(--muted);
  margin-top:17px}
.learn-section{
  padding-bottom:70px}
.final-cta{
  text-align:center;
  background:var(--surface)}
.final-cta h2{
  }
.final-cta .page-width>p{
  color:var(--muted);
  margin-top:25px}
.final-cta .button{
  margin-top:32px;
  min-width:205px}
.final-cta .page-width>.cta-requirements{
  color:var(--muted);
  margin-top:18px}
@media (max-width:1100px){
  .hero-intro h1{
  }
.hero-intro{
  gap:5%;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.hero-purpose .hero-actions{
  gap:18px}
.hero-purpose>p:first-child{
  }
.hero-purpose .button{
  padding:12px 17px}
.hero-purpose .quiet-link{
  gap:8px}
.workflow-look,.workflow-export{
  gap:6%}
.look-grid{
  gap:20px}
.look-card h3{
  }
.look-card h4{
  }
.look-strength{
  }
.ai-layout{
  gap:5%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.workflow-copy>p{
  }
}
@media (max-width:760px){
  .photo-edition{
  }
.photo-hero{
  padding-top:36px}
.hero-intro{
  display:block;
  margin-bottom:29px}
.hero-intro h1{
  }
.hero-purpose{
  margin-top:25px}
.hero-purpose>p:first-child{
  max-width:420px}
.hero-purpose .hero-actions{
  margin-top:20px;
  gap:26px;
  flex-wrap:wrap}
.hero-purpose .button{
  min-height:45px}
.hero-purpose .quiet-link{
  }
.hero-requirements{
  margin-top:13px}
.hero-photo-story{
  width:calc(100% - 32px)}
.photo-comparison .compare-viewport{
  aspect-ratio:1.25;
  border-radius:9px}
.compare-labels{
  inset:12px 12px auto}
.compare-labels span{
  padding:5px 7px}
.compare-divider>span{
  width:38px;
  height:38px}
.hero-photo-story figcaption{
  display:block;
  padding-inline:8px;
  padding-top:14px}
.hero-photo-story figcaption>div{
  gap:7px 13px}
.hero-photo-story figcaption p{
  margin-top:7px}
.safety-strip{
  grid-template-columns:minmax(0,1fr);
  gap:28px;
  padding-block:40px 55px}
.safety-strip>p{
  }
.safety-strip ul{
  gap:17px 20px}
.safety-strip li{
  gap:8px}
.editorial-section{
  padding-block:65px}
.photo-edition h2{
  }
.photo-edition .section-heading{
  display:block;
  margin-bottom:32px}
.photo-edition .section-heading p{
  margin-top:22px}
.workflow-heading{
  margin-bottom:40px}
.workflow-index{
  gap:30px}
.workflow-index a{
  }
.workflow-look,.workflow-export{
  display:flex;
  flex-direction:column;
  gap:30px;
  align-items:stretch}
.workflow-copy h3{
  margin-bottom:20px}
.workflow-copy>p{
  }
.feature-notes{
  gap:10px;
  margin-top:20px}
.photo-edition .text-link{
  margin-top:22px}
.workflow-look>figure img{
  aspect-ratio:1.2}
.workflow-look>figure figcaption{
  }
.workflow-refine{
  margin-block:60px;
  padding-block:44px}
.workflow-refine .section-heading h3{
  }
.workspace-slot .mode-picker{
  margin-bottom:20px}
.workspace-slot .workspace-image{
  margin-inline:-8px;
  width:calc(100% + 16px);
  border-radius:7px}
.refine-bottom{
  display:block;
  margin-top:19px}
.refine-bottom .text-link{
  display:inline-block;
  margin-top:14px}
.workflow-export{
  flex-direction:column-reverse}
.try-editor{
  margin-top:45px}
.try-editor>summary{
  padding:18px 20px}
.try-editor .studio-section.section-pad{
  padding:25px 14px}
.try-editor .studio-section .section-heading h2{
  }
.look-grid{
  grid-template-columns:minmax(0,1fr);
  gap:45px}
.look-card .compare-viewport{
  aspect-ratio:1.1}
.look-card figure>figcaption{
  margin-top:18px}
.look-card h3{
  }
.look-strength{
  }
.look-card h4{
  margin-top:20px}
.look-card>p{
  }
.look-card>.recipe-params{
  margin-top:15px}
.look-card .compare-actions button{
  min-height:36px}
.sample-provenance{
  display:block;
  margin-top:35px}
.sample-provenance p{
  }
.sample-provenance .text-button{
  display:inline-block;
  margin-top:16px}
.ai-layout{
  display:flex;
  flex-direction:column;
  gap:38px;
  align-items:stretch}
.editorial-ai h2{
  }
.plain-label{
  margin-bottom:20px!important}
.ai-actions-list{
  gap:24px}
.ai-actions-list h3{
  }
.ai-actions-list p{
  }
.ai-layout>figure figcaption{
  }
.final-cta h2{
  }
.final-cta .page-width>p{
  }
}
@media (max-width:370px){
  .photo-edition{
  }
.hero-intro h1{
  }
.hero-purpose .hero-actions{
  gap:20px}
.hero-purpose .quiet-link{
  }
.hero-purpose .button{
  gap:20px;
  padding-inline:14px}
.hero-requirements{
  }
.safety-strip ul{
  gap:14px 12px}
.safety-strip li{
  }
.compare-divider>span{
  width:36px;
  height:36px}
}
@media (max-width:760px){
  .workflow-export>figure{
  min-height:0;
  padding:22px}
.workflow-export img{
  height:380px;
  max-height:none}
.workflow-export .image-zoom{
  top:12px;
  right:12px}
}
@media (min-width:761px){
  .look-card>p:not(.recipe-params){
  min-height:3.8em}
.look-card>.recipe-params{
  min-height:3.8em}
}
.photo-comparison input.compare-range::-webkit-slider-runnable-track{
  width:100%;
  height:100%;
  background:transparent;
  border:0}
.photo-comparison input.compare-range::-moz-range-track{
  width:100%;
  height:100%;
  background:transparent;
  border:0}
.workspace-slot .workspace-figure{
  position:relative}
.workspace-figure>.image-zoom{
  top:auto;
  bottom:14px;
  right:14px;
  min-height:36px}
@media (min-width:761px) and (max-width:1100px){
  .look-grid{
  grid-template-columns:minmax(0,1fr);
  gap:52px}
.look-card{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  column-gap:40px;
  align-items:start}
.look-card>figure{
  grid-column:1;
  grid-row:1/6}
.look-card>.compare-actions,.look-card>h4,.look-card>p,.look-card>.recipe-link{
  grid-column:2}
.look-card .compare-viewport{
  aspect-ratio:1.2}
.look-card>p:not(.recipe-params),.look-card>.recipe-params{
  min-height:0}
.look-card>.recipe-link{
  align-self:start}
.look-card h4{
  margin-top:16px}
}
.photo-edition .hero-intro h1 .hero-brand-text{
  }