.site-header:has(+main>.portrait-intro){position:absolute;inset:0 0 auto;background:transparent}.portrait-intro{padding:0;margin:0;color:var(--frill-ink);transition:background-color .18s ease}.portrait-intro__stage{position:relative;width:100%;min-height:600px;height:100svh;margin-inline:auto;overflow:hidden}.portrait-intro__copy{position:relative;z-index:1;width:43%;padding:calc(var(--frill-header-height) + var(--frill-space-20)) 0 0 var(--frill-portrait-copy-inset)}.portrait-intro__eyebrow{font-size:var(--frill-type-caption);letter-spacing:var(--frill-tracking-wide);margin:0 0 var(--frill-space-12)}.portrait-intro h1{margin:0;font-family:var(--frill-club-font);font-size:var(--frill-storefront-title);font-weight:var(--frill-weight-medium);line-height:var(--frill-leading-title);letter-spacing:var(--frill-club-tracking)}.portrait-intro .portrait-intro__actions{flex-direction:column;align-items:flex-start;gap:var(--frill-space-2);margin-top:var(--frill-space-16)}.portrait-intro__dog{position:absolute;width:59%;height:106%;left:31%;bottom:-15%;object-fit:contain;object-position:center bottom;pointer-events:none}.portrait-intro__signature{position:absolute;left:var(--frill-portrait-copy-inset);bottom:var(--frill-space-22);display:flex;align-items:center;gap:var(--frill-space-5);max-width:27%;font-family:var(--frill-portrait-signature-font);font-size:var(--frill-portrait-signature-size);font-weight:var(--frill-weight-regular);line-height:var(--frill-leading-title);letter-spacing:normal;transform:rotate(-5deg)}.portrait-intro__signature span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--frill-space-10);margin:calc(-1 * var(--frill-space-10))}.portrait-intro__signature svg{color:var(--frill-portrait-signature-heart);flex-shrink:0}.portrait-intro__controls{position:absolute;right:4%;top:calc(var(--frill-header-height) + var(--frill-space-16));width:160px;display:grid;gap:var(--frill-space-17);font-size:var(--frill-type-small)}.portrait-intro__colors{border:0;margin:0;padding:0;min-width:0}.portrait-intro__colors legend,.portrait-intro__name{font-family:var(--frill-font-sans);font-size:var(--frill-type-small);font-weight:var(--frill-weight-semibold);line-height:var(--frill-leading-normal)}.portrait-intro__colors legend{margin-bottom:var(--frill-space-9)}.portrait-intro__colors>div{display:flex;flex-direction:column;gap:var(--frill-space-8);align-items:center;width:fit-content;padding:var(--frill-space-9);background:var(--frill-paper);border-radius:var(--frill-radius-pill)}.portrait-intro .portrait-intro__colors button{padding:0;min-width:var(--frill-control-target);min-height:var(--frill-control-target);box-shadow:none;flex:0 0 auto;width:var(--frill-control-target);height:var(--frill-control-target);border:var(--frill-space-hairline) solid var(--frill-line-strong);border-radius:var(--frill-radius-round);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.portrait-intro__scene{display:contents}.portrait-intro .portrait-intro__colors button[aria-pressed=true]{border:var(--frill-space-1-5) solid currentColor;box-shadow:var(--frill-portrait-swatch-shadow);transform:scale(1.06)}@media(hover:hover){.portrait-intro__colors button:hover{transform:scale(1.06)}.portrait-intro .portrait-intro__colors button[aria-pressed=true]:hover{border-color:currentColor;transform:scale(1.09)}}.portrait-intro__name{display:grid;gap:var(--frill-space-5)}.portrait-intro__name input{min-width:0}@media(min-width:768px)and (max-width:1050px){.portrait-intro__stage{min-height:600px}.portrait-intro__copy{padding-top:calc(var(--frill-header-height) + var(--frill-space-20))}.portrait-intro__eyebrow{max-width:210px}.portrait-intro__dog{left:26%;width:52%;height:94%;bottom:-10%}.portrait-intro__controls{right:3%;width:120px;top:calc(var(--frill-header-height) + var(--frill-space-12));gap:var(--frill-space-12)}}@media(max-width:767px){.portrait-intro__scene{display:block;position:relative;overflow:hidden}.portrait-intro__stage{height:100svh;min-height:600px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.portrait-intro__copy{padding:calc(var(--frill-header-height) + var(--frill-space-8)) var(--frill-space-12) 0;width:100%}.portrait-intro__eyebrow{margin-bottom:var(--frill-space-9)}.portrait-intro h1{font-size:var(--frill-storefront-title);max-width:72%}.portrait-intro .portrait-intro__actions{margin-top:var(--frill-space-12)}.portrait-intro__dog{width:64%;height:90%;left:46%;top:auto;bottom:-56px;object-position:center bottom}.portrait-intro__signature{max-width:65%;position:absolute;left:var(--frill-space-15);bottom:var(--frill-space-12);margin:0;font-size:var(--frill-portrait-signature-mobile-size)}.portrait-intro__controls{position:relative;top:auto;right:auto;width:auto;margin:0 var(--frill-space-12);padding-block:var(--frill-space-8) var(--frill-space-12);border-top:var(--frill-space-hairline) solid var(--frill-line-strong);grid-template-columns:1fr 1fr;gap:var(--frill-space-9)}.portrait-intro__colors{grid-column:1 / -1}.portrait-intro__colors>div{flex-direction:row;gap:var(--frill-space-2);justify-content:space-between;max-width:310px;width:100%}.portrait-intro__colors legend{margin-bottom:var(--frill-space-7)}.portrait-intro__colors legend br{display:none}.portrait-intro__name{grid-column:1 / -1;max-width:320px}}@media(max-width:767px)and (max-height:740px){.portrait-intro__copy{padding-top:calc(var(--frill-header-height) + var(--frill-space-4))}.portrait-intro h1{font-size:var(--frill-storefront-section-title)}.portrait-intro .portrait-intro__actions{margin-top:var(--frill-space-6)}.portrait-intro__signature{bottom:var(--frill-space-6)}.portrait-intro__controls{padding-top:var(--frill-space-6);gap:var(--frill-space-6)}.portrait-intro__colors legend{margin-bottom:var(--frill-space-4)}.portrait-intro__name{gap:var(--frill-space-4)}}@media(prefers-reduced-motion:reduce){.portrait-intro,.portrait-intro .portrait-intro__colors button{transition:none}}