@layer components{.handwritten-note{color:#0b1957;white-space:pre-line;text-wrap:balance;font-family:Caveat,Segoe Print,cursive;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;line-height:1.08;transform:rotate(-8deg)}.organic-mask{isolation:isolate;border-radius:46% 54% 43% 57%/53% 42% 58% 47%;position:relative;overflow:hidden}.organic-mask[data-shape=circle]{border-radius:50%}.organic-mask[data-shape=oval]{border-radius:51% 49% 48% 52%/48% 54% 46% 52%}.organic-mask[data-shape=leaf]{border-radius:60% 40% 54% 46%/39% 47% 53% 61%}.photo-story{aspect-ratio:1.06;isolation:isolate;width:100%;max-width:37rem;margin-inline:auto;position:relative;container-type:inline-size}.photo-story__photo{position:absolute;inset:24% 5% 4% 2%}.photo-story__backdrop{z-index:-1;background:#efede9;border-radius:48% 52% 58% 42%/44% 52% 48% 56%;position:absolute;inset:23% 7% 3% 0;transform:rotate(-9deg)scale(1.045)}.photo-story__image{transition:transform .85s cubic-bezier(.2,.65,.3,1)}.photo-story__note{z-index:2;width:50%;font-size:clamp(1.25rem,5.3cqw,2rem);position:absolute;top:1%;right:2%}.photo-story__badge{z-index:3;aspect-ratio:1;color:#0b1957;background:#e6d8c7;border-radius:50%;place-items:center;width:17%;display:grid;position:absolute;top:37%;right:0}.photo-story__badge>svg,.photo-story__badge>img{object-fit:contain;width:48%;height:48%}.photo-story__dot{aspect-ratio:1;background:#e6d8c7;border-radius:50%;width:6%;position:absolute;bottom:4%;left:6%}.photo-story__detail{aspect-ratio:1;z-index:1;border:clamp(5px,1.5cqw,9px) solid #fffefd;border-radius:50%;width:41%;position:absolute;top:0;left:5%;overflow:hidden}.photo-story--paired{aspect-ratio:1.15}.photo-story--paired .photo-story__photo{aspect-ratio:1.06;width:76%;inset:5% 0 auto auto}.photo-story--paired .photo-story__backdrop{inset:5% 2% 9% 22%}.photo-story--paired .photo-story__note{width:28%;font-size:clamp(1.15rem,5.6cqw,2rem);top:auto;bottom:5%;left:10%}.photo-story--paired .photo-story__badge{width:15%;top:12%;left:0}.photo-story--paired .photo-story__dot{bottom:5%;left:42%}.photo-story--portrait{aspect-ratio:.88}.photo-story--portrait .photo-story__photo{inset:31% 0 0 16%}.photo-story--portrait .photo-story__backdrop{inset:28% 0 0 17%}.photo-story--portrait .photo-story__note{width:90%;font-size:clamp(1.4rem,7cqw,1.85rem);top:0;left:0;right:auto}.photo-story--portrait .photo-story__dot{bottom:2%;left:10%}.photo-story--cutout{aspect-ratio:1.16}.photo-story--cutout .photo-story__photo{isolation:auto;border-radius:0;inset:23% 0 0;overflow:visible}.photo-story--cutout .photo-story__image{object-fit:contain;mix-blend-mode:multiply}.photo-story--cutout .photo-story__backdrop{background:#f7f5f1;inset:20% 4% 3%}.photo-story--cutout .photo-story__badge{top:33%}.section-curve{pointer-events:none;color:#e6d8c7;opacity:.65;width:110%;height:clamp(6rem,12vw,11rem);position:absolute;top:0;left:-5%}.section-curve path{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.editorial-section:nth-of-type(2n)>.section-curve{transform:scaleX(-1)}.editorial-section{scroll-margin-top:6rem}.process-photo{aspect-ratio:1.3;width:86%;margin:0 auto 1.5rem;position:relative}.process-photo__frame{width:100%;height:100%}.process-photo__number{z-index:1;aspect-ratio:1;color:#fff;background:#0b1957;border-radius:50%;place-items:center;width:2.5rem;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:2%;left:-4%}.sample-photos{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.sample-photos>figure:nth-child(2){padding-top:5rem}.sample-photos>figure:nth-child(3){padding-bottom:4rem}.microscopy-photos>figure:nth-child(2){padding-top:3rem}.patient-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr) minmax(0,.6fr);align-items:center;gap:2rem;display:grid}.patient-copy h2{font-size:clamp(2rem,3.2vw,2.75rem)}.patient-portrait{align-self:end;width:100%;padding-bottom:3.5rem}.patient-portal .photo-story{aspect-ratio:1.3}.patient-portal .photo-story__photo{inset:0}.patient-portal .photo-story__backdrop{inset:5% 4%}@media (hover:hover) and (prefers-reduced-motion:no-preference){.photo-story:hover .photo-story__image{transform:scale(1.035)}}@media (max-width:1023px){.patient-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.patient-copy{grid-area:1/1/auto/-1}.patient-copy h2{max-width:22ch}.patient-portrait{justify-self:center;max-width:17rem;padding-bottom:0}.patient-portal{align-self:center}}@media (max-width:639px){.photo-story{max-width:27rem}.photo-story--paired .photo-story__note{width:34%;font-size:clamp(1.25rem,5.6cqw,1.5rem);left:5%}.sample-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1rem}.sample-photos>figure:first-child{grid-column:1/-1;width:92%;margin-inline:auto}.sample-photos>figure:nth-child(2),.sample-photos>figure:nth-child(3){padding:0}.sample-photos .handwritten-note{font-size:1.4rem}.microscopy-photos>figure:nth-child(2){padding-top:0}.patient-layout{gap:1.5rem .75rem}.patient-portal{grid-area:2/1/auto/-1}.patient-portrait{grid-column:1/-1;width:68%;max-width:16rem}.patient-portrait .photo-story{aspect-ratio:.95}.section-curve{opacity:.45}}@media (prefers-reduced-motion:reduce){.photo-story__image{transition:none}.photo-story:hover .photo-story__image{transform:none}}}
