@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-latin-variable.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Cormorant;src:url(../assets/fonts/cormorant-garamond-latin-variable.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"SS Abigail";src:url(../../../../themes/glowline/assets/fonts/ss-abigail-latin.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--base:#f6f2ed;--paper:#fcf9f5;--ink:#2d2a23;--muted:#665f55;--line:#cfc2b5;--accent:#d79d9c;--rose:#ecc2c1;--rose-border:#c49091;--soft:#ebd8d7;--warm:#6f584a;--display:"SS Abigail",Cormorant,Georgia,serif;--serif:Cormorant,Georgia,serif;--ui:Manrope,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box} [hidden]{display:none!important} body{margin:0;color:var(--ink);background:radial-gradient(ellipse 68% 28% at 16% 10%,#f0e3de 0,transparent 100%),var(--base);font:500 15px/1.65 var(--ui)} a{color:inherit} button,input{font:inherit} button{color:inherit;cursor:pointer} button:disabled{opacity:.55;cursor:wait} :focus-visible{outline:2px solid var(--warm);outline-offset:4px} .wrap{max-width:1230px;margin:auto;padding-inline:clamp(20px,4.8vw,58px)} .icon-defs,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.site-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:19px;border-bottom:1px solid var(--line)} .brand{display:flex;align-items:center;min-width:0} .brand img{width:145px;height:auto;display:block} .site-top nav{display:flex;align-items:center;gap:24px}.teaser-link,.small-link{font-size:13px;text-decoration:none}.teaser-link:hover,.service-link:hover{text-decoration:underline;text-underline-offset:5px}.small-link{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 13px;border-radius:99px}.small-link .icon{width:15px;height:15px}
.intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:36px;padding-block:clamp(32px,5vw,62px) 36px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:750;line-height:1.45;margin:0}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--rose-border);border-radius:50%;flex:none}.intro h1,.teaser h1{font:500 clamp(51px,7.1vw,99px)/.83 var(--serif);letter-spacing:-.051em;margin:13px 0 0}.intro h1 em,.teaser h1 em{color:var(--warm);font-style:normal}.intro-copy{font-size:clamp(15px,1.35vw,18px);color:var(--muted);max-width:34ch;margin:0 0 3px}
.workbench{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(17px,2.7vw,33px);align-items:start}.visual-panel,.edit-panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:clamp(14px,2vw,25px);box-shadow:0 14px 48px #3e231009}.visual-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.badge{padding:4px 9px;color:var(--muted);background:#efe8e1;border-radius:99px;font-size:11px;font-weight:650;white-space:nowrap}
.photo{margin:0}.photo-frame{--split:50%;position:relative;isolation:isolate;aspect-ratio:1/1.02;overflow:hidden;border-radius:12px;background:#e7d9ce}.photo-frame img,.photo-frame canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 46%;display:block}.photo-frame[data-source=own] canvas{object-fit:contain}.photo-frame #effect{clip-path:inset(0 0 0 var(--split))}.photo-frame:not([data-ready]) :is(.image-chip,.divider){visibility:hidden}.image-chip{position:absolute;top:13px;background:#fffaf1eb;color:#42342f;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:750;pointer-events:none}.original-chip{left:13px}.effect-chip{right:13px}.divider{position:absolute;inset:0 auto 0 var(--split);width:2px;background:#fff9f1;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 6px #2d2a2366}.divider span{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--paper);box-shadow:0 2px 11px #2d2a2355}.compare-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-slider::-webkit-slider-thumb{appearance:none;width:1px;height:40px}.compare-slider::-moz-range-thumb{border:0;width:1px;height:40px}.photo-frame:focus-within{outline:2px solid var(--warm);outline-offset:3px}.photo-busy{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#f6f2ede8;text-align:center}.spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--warm);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}} figcaption{display:flex;justify-content:space-between;gap:8px;padding-top:7px;color:var(--muted);font-size:12px}.compare-help{white-space:nowrap}.compare-help span{padding-left:2px}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:13px;font-weight:750;text-decoration:none;transition:background-color .2s,border-color .2s}.secondary{background:var(--paper)}.secondary:hover{background:var(--soft);border-color:var(--rose-border)}.primary{background:var(--rose);border-color:var(--rose-border);justify-content:space-between;padding-inline:15px}.primary:hover{background:#e8b3b2;border-color:#a96767}.photo-message{margin:9px 0 0;color:var(--warm);font-size:13px}.photo-message:empty{display:none}.photo-note{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}.photo-note p{margin:0;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:12px}.photo-note .icon{width:15px;height:15px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;padding:6px 0;color:var(--warm);font-size:12px}.photo-tips{font-size:12px;margin-top:8px;color:var(--muted)}.photo-tips summary{cursor:pointer;min-height:28px}.photo-tips p{margin:2px 0 0;max-width:45ch}
.edit-panel{padding:clamp(16px,2.3vw,29px)}.control-section h2,.consult h2{font:600 clamp(28px,3.1vw,39px)/1 var(--serif);margin:8px 0 14px;letter-spacing:-.02em}.section-number{color:var(--warm)}fieldset{border:0;padding:0;margin:0;min-width:0}.area-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.area-options label,.tone-choice{position:relative;cursor:pointer;min-width:0}.area-options input,.tone-choice input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer;width:100%;height:100%}.area-options label span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;gap:5px;border:1px solid var(--line);border-radius:9px;font-size:clamp(10px,1.03vw,13px);font-weight:750;white-space:nowrap;transition:background-color .2s,border-color .2s}.area-options .icon{height:23px;width:31px;stroke:var(--warm)}.area-options input:checked+span,.tone-choice input:checked+span{background:var(--soft);border-color:var(--rose-border);box-shadow:inset 0 0 0 1px var(--rose-border)}.area-options input:focus-visible+span,.tone-choice input:focus-visible+span{outline:2px solid var(--warm);outline-offset:3px}.tone-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.tones legend,.strength-head label{font-size:13px;font-weight:750}.tones legend{margin:9px 0 6px}.tones>div{display:flex;gap:6px;flex-wrap:wrap}.tone-choice>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;white-space:nowrap}.tone-choice i{width:14px;height:14px;border-radius:50%;background:var(--swatch);flex:none;border:1px solid #0002}.strength-head{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.strength-head output{color:var(--warm);font-size:12px;font-weight:750}#strength{width:100%;margin:2px 0 0;accent-color:var(--warm);min-height:28px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.recommendation{padding:16px;background:var(--soft);border-radius:11px;margin-top:16px}.recommendation h3{font:600 28px/1 var(--serif);margin:7px 0 9px}.recommendation p:not(.eyebrow){font-size:13px;line-height:1.57;margin:5px 0}.consult{padding-top:18px}.consult h2{margin-bottom:8px}.consult p:not(.eyebrow){font-size:13px;margin:0 0 12px;color:var(--muted)}.consult .primary{width:100%}.service-link{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--warm);font-size:12px;font-weight:750;text-decoration:none;padding:10px 4px 0}.service-link .icon{width:14px;height:14px}
.preview-note{border-top:1px solid var(--line);padding-top:15px;margin:25px 0;color:var(--muted);font-size:12px;max-width:88ch}.site-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-block:17px;color:var(--muted);font-size:12px}.site-foot a{text-decoration:none}.site-foot .icon{width:15px;height:15px}
dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);padding:20px;width:min(530px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#21191481}.camera-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.camera-header h2{font:600 32px/1 var(--serif);margin:0}.icon-button{width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid var(--line);display:grid;place-items:center;flex:none}video{display:block;width:100%;max-height:55dvh;object-fit:contain;border-radius:9px;background:var(--base);transform:scaleX(-1)}#camera-status{font-size:13px}
.teaser{margin-block:clamp(35px,7vw,90px);display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,54px)}.teaser h1{font-size:clamp(47px,6vw,80px);line-height:.9}.teaser .copy{color:var(--muted);max-width:45ch;margin-block:20px}.teaser figure{position:relative;margin:0;overflow:hidden;border-radius:50% 50% 13px 13px;background:var(--paper)}.teaser figure img{width:100%;aspect-ratio:1/1.12;object-fit:cover;display:block}.teaser figure span{position:absolute;bottom:12px;left:12px}.teaser .button{min-width:min(100%,235px)}.teaser-page-label{margin-top:30px}
@media(max-width:750px){.intro{grid-template-columns:1fr;gap:14px;padding-bottom:23px}.intro h1{line-height:.89}.intro-copy{max-width:46ch}.workbench{grid-template-columns:1fr}.visual-panel,.edit-panel{width:100%;max-width:600px;margin-inline:auto}.photo-frame{aspect-ratio:1/1.03}.area-options label span{font-size:12px}.teaser{grid-template-columns:1fr}.teaser figure{max-width:400px}.site-top nav{gap:11px}.teaser-link{display:none}}
@media(max-width:360px){.wrap{padding-inline:12px}.photo-actions{gap:6px}.button{font-size:12px;gap:6px;padding-inline:8px}.area-options label span{font-size:11px}.compare-help{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.jump-preview{display:none}.photo-frame{scroll-margin-top:18px}
@media(max-width:750px){.jump-preview{display:inline-flex;align-items:center;gap:6px;color:var(--warm);font-size:12px;text-underline-offset:3px;margin-top:9px;padding-block:5px}.jump-preview .icon{width:15px;height:15px;transform:rotate(-90deg)}}

.control-hint {
  margin: 0 0 11px;
  color: var(--muted);
  font-size: 13px;
}
.selection-summary {
  margin: 9px 0 0;
  font-weight: 700;
}
.area-options input:checked + span::after {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 5px;
  height: 8px;
  border-right: 1.5px solid var(--warm);
  border-bottom: 1.5px solid var(--warm);
  content: "";
  transform: rotate(45deg);
}
.editor-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 10px 12px;
  font-size: 13px;
  font-weight: 750;
}
.editor-area select {
  max-width: 100%;
  min-height: 44px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
  color: var(--ink);
  font: inherit;
}
.shape-options .tone-choice > span {
  min-height: 44px;
  padding-inline: 10px;
}
.shape-suggestion {
  margin-block: 9px 13px;
  padding: 11px 13px;
  border-inline-start: 2px solid var(--rose-border);
  background: var(--base);
}
.shape-suggestion p:not(.eyebrow) {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.shape-suggestion .text-button {
  min-height: 38px;
}
figcaption {
  align-items: center;
}
figcaption .text-button {
  min-height: 36px;
  padding: 5px 0;
  text-align: right;
  flex-shrink: 0;
}
.photo-frame:is([data-split-edge="preview"], [data-split-edge="original"]) .divider,
.photo-frame[data-split-edge="preview"] .original-chip,
.photo-frame[data-split-edge="original"] .effect-chip {
  visibility: hidden;
}
.download-preview {
  width: 100%;
  margin-top: 10px;
  justify-content: center;
}
.download-preview:disabled {
  opacity: .58;
  cursor: default;
  background: var(--rose);
  border-color: var(--rose-border);
}

.intro h1 {
  font: 400 clamp(42px, 6.4vw, 91px)/1.03 var(--display);
  letter-spacing: -.035em;
}
.intro h1 em { color: var(--ink); }
.intro .eyebrow > span { background: var(--accent); }
.button {
  border-radius: 12px;
  font-weight: 600;
  transition: background-color .25s, border-color .25s, box-shadow .25s, transform .25s;
}
.secondary { border-color: var(--accent); }
@media (hover:hover) {
  .button:not(:disabled):hover {
    box-shadow: 0 8px 24px #c4909130;
    transform: translateY(-1px);
  }
}
@media (max-width: 750px) {
  .intro h1 { font-size: clamp(39px, 9.8vw, 65px); }
}