.on-design-page .on-brand{min-height:44px}.on-design-page .on-signin-link{min-width:44px}.on-design-page #studio>.on-container>div[class]:not([class^=on-]){font-size:14px;border-radius:12px}.on-design-page #studio>.on-container>div[class]:not([class^=on-])>p{font-size:14px;line-height:1.65}.on-design-page #studio>.on-container>div[class]:not([class^=on-])>strong{font-size:15px}.on-design-page #studio-form>p[class]:not([class^=on-]){font-size:14px;line-height:1.65}.on-design-page{--paper:#fbf8f2;--paper-deep:#f2ede3;--white:#fffdf9;--ink:#253b32;--ink-soft:#3c5147;--muted:#59685f;--line:#e2ded3;--coral:#b9533b;--coral-dark:#9f442f;--sage:#e8ebdf;color:var(--ink);font-size:16px;line-height:1.6;overflow-x:clip}.on-design-page .on-container{max-width:1280px;padding-inline:40px}.on-design-page .on-section{padding-block:92px}.on-design-page p{color:var(--muted)}.on-design-page h1,.on-design-page h2{letter-spacing:-.045em}.on-design-page .on-eyebrow{font-size:11px;letter-spacing:.15em;color:#647267;margin-bottom:20px}.on-design-page .on-section-heading{gap:48px;margin-bottom:40px;align-items:end}.on-design-page .on-section-heading h2{font-size:clamp(38px,4.2vw,52px);line-height:1.1}.on-design-page .on-section-heading>p{max-width:390px;font-size:16px;line-height:1.65;padding:0}.on-design-page .on-button{border-radius:10px;min-height:54px;padding:16px 24px;font-size:15px;line-height:1.4;gap:12px;white-space:normal}.on-design-page .on-button:hover:not(:disabled){transform:translateY(-1px)}.on-design-page .on-button-coral{background:var(--coral);color:#fff;box-shadow:0 5px 12px #86382110}.on-design-page .on-button-coral:hover:not(:disabled){background:var(--coral-dark);color:#fff}.on-design-page .on-button-small{min-height:44px;padding:11px 18px;font-size:14px}.on-design-page .on-text-button{font-size:15px;line-height:1.5;min-height:44px;gap:10px}.on-design-page .on-icon-button{width:44px;height:44px}.on-design-page .on-fine-print{font-size:13px;line-height:1.65;color:var(--muted)}.on-design-page .on-image-disclaimer{font-size:12px;line-height:1.5;color:#68746a}.on-design-page a:focus-visible,.on-design-page button:focus-visible,.on-design-page summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.on-design-page .on-header{position:sticky;top:0;z-index:40;background:#fbf8f2f5;border-bottom:1px solid #deded4;backdrop-filter:blur(12px)}.on-design-page .on-header-inner{height:72px;gap:28px}.on-design-page .on-brand{font-size:35px;gap:11px}.on-design-page .on-header nav{gap:25px;font-size:14px;color:#526359}.on-design-page .on-header-actions{gap:22px}.on-design-page .on-account-button{min-height:44px;font-size:14px;gap:8px}.on-design-page .on-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;min-height:660px;padding-top:64px;padding-bottom:60px;align-items:center}.on-design-page .on-hero-copy{min-width:0}.on-design-page .on-hero .on-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:24px}.on-design-page .on-hero h1{font-size:clamp(58px,5.7vw,76px);line-height:1.035;letter-spacing:-.055em}.on-design-page .on-hero h1 em{white-space:normal;font-size:1em}.on-design-page .on-hero-description{max-width:480px;font-size:16px;line-height:1.65;margin-top:26px}.on-design-page .on-hero-cta{margin-top:28px;gap:16px;align-items:center;flex-wrap:wrap}.on-design-page .on-hero-cta>span{font-size:12px;line-height:1.55;color:#59685f}.on-design-page .on-hero-details{margin-top:20px;gap:9px 15px;color:#4f6356;font-size:12px;line-height:1.6}.on-design-page .on-hero-details>span{gap:6px}.on-design-page .on-hero-details svg{width:15px;height:15px;color:#54705b}.on-design-page .on-hero-visual{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 20px;min-width:0;align-self:center;padding:0;margin:0}.on-design-page .on-hero-wall{width:100%;grid-column:1/-1;aspect-ratio:3/2;padding:10px;border:1px solid #ded7c9;border-radius:16px;transform:none;background:#fffdf9;overflow:hidden;box-shadow:0 24px 52px -25px #4e493b60}.on-design-page .on-hero-wall>img{display:block;width:100%;height:100%;border-radius:9px;object-fit:contain;object-position:center}.on-design-page .on-hero-caption{bottom:24px;left:24px;max-width:calc(100% - 48px);padding:10px 13px;background:#fffdf9ee;color:#3c5147;font-size:12px;line-height:1.5;border-radius:6px;border-color:#ffffffa0}.on-design-page .on-hero-sticker{display:flex;position:static;grid-column:1;grid-row:2;gap:11px;padding:0;background:transparent;box-shadow:none;border:0;transform:none;font-size:13px;line-height:1.55;align-self:center}.on-design-page .on-hero-sticker strong{color:var(--ink);font-weight:500}.on-design-page .on-hero-sticker>svg{width:27px;height:27px}.on-design-page .on-hero-note{display:flex;position:static;grid-column:2;grid-row:2;gap:9px;align-self:center;color:#65785e;transform:none}.on-design-page .on-handwritten{font-size:16px;line-height:1.35}.on-design-page .on-hero-note>svg{width:28px;height:28px;margin:0;transform:rotate(130deg)}.on-design-page .on-hero-visual>.on-image-disclaimer{position:static;grid-column:1/-1;font-size:12px;color:#68746a;text-align:center}.on-design-page .on-ribbon{min-height:66px;padding:18px 24px;gap:30px;flex-wrap:wrap;font-size:11px;line-height:1.6;letter-spacing:.1em;color:#5e6c60;background:#f0eee4}.on-design-page .on-ribbon i{font-size:21px}.on-design-page .on-example-tabs{width:fit-content;max-width:100%;display:flex;gap:5px;padding:6px;border:1px solid #e2e3d8;background:#efefe5;border-radius:12px;margin-bottom:26px}.on-design-page .on-example-tabs button{gap:10px;border:0;padding:11px 19px;min-height:46px;font-size:15px;line-height:1.5;color:#5a6c60;border-radius:8px;margin:0}.on-design-page .on-example-tabs button>span{font-size:13px;color:#71816f}.on-design-page .on-example-tabs button.active{background:#fffdf9;color:var(--ink);box-shadow:0 2px 7px #4b584912}.on-design-page .on-example-tabs button.active>span{color:var(--coral)}.on-design-page .on-example-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;min-height:0;padding:32px;background:#fffdf9;border:1px solid var(--line);border-radius:20px}.on-design-page .on-example-story{padding:0;min-width:0}.on-design-page .on-example-number{font-size:11px;color:#647361;letter-spacing:.12em}.on-design-page .on-example-story>h3{font-size:36px;line-height:1.18;letter-spacing:-.035em;margin:17px 0 12px}.on-design-page .on-example-story>p{max-width:380px;font-size:15px;line-height:1.6}.on-design-page .on-example-prompt{margin-top:22px;padding:20px;border:1px solid #e3e6d8;border-left:3px solid #aab79a;border-radius:8px;background:#f4f4eb}.on-design-page .on-example-prompt>div{font-size:10px;letter-spacing:.11em;color:#667660}.on-design-page .on-example-prompt blockquote{font-size:15px;line-height:1.65;margin-top:11px;color:#465b4b}.on-design-page .on-example-tags{gap:7px;margin-top:17px}.on-design-page .on-example-tags>span{font-size:12px;padding:5px 10px;border-color:#dce2d2;color:#53694e}.on-design-page .on-example-story>.on-text-button{margin-top:18px}.on-design-page .on-example-story>small{margin-top:4px;font-size:13px;line-height:1.55;color:#68756a}.on-design-page .on-example-art{min-height:450px;align-self:stretch;padding:30px 24px 22px;border-radius:12px;background:#e9eddf}.on-design-page .on-example-art:before{inset:17px;border-color:#b4bf9e40;border-radius:5px}.on-design-page .on-art-frame{transform:none;border-width:7px;padding:9px;box-shadow:0 15px 24px -12px #59664145}.on-design-page .on-art-frame>img{width:auto;max-width:100%;max-height:380px;object-fit:contain}.on-design-page .on-example-art.example-family .on-art-frame,.on-design-page .on-example-art.example-gift .on-art-frame{transform:none}.on-design-page .on-example-art>span{margin-top:22px;font-size:12px;line-height:1.5;color:#61715b;text-align:center}.on-design-page .on-design-example-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px 24px;padding-top:28px}.on-design-page .on-design-example-cta>small{max-width:340px;font-size:13px;line-height:1.6;color:#68746a}.on-design-page .on-design-example-cta>span{display:inline-flex;align-items:center;gap:8px;color:#627357;font-size:13px;line-height:1.6}.on-design-page .on-how-section{padding-block:84px;background:#e8ebdf;border-color:#dde3d4}.on-design-page .on-how-section .on-section-heading>p{color:#596b55}.on-design-page .on-how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.on-design-page .on-how-steps article{padding:26px;background:#f8f9f1;border:1px solid #d7decb;border-radius:15px}.on-design-page .on-step-number{top:24px;right:24px;font-size:28px;color:#a0ae91}.on-design-page .on-step-icon{width:44px;height:44px;justify-content:center;margin-bottom:28px;border-radius:12px;background:#e9eedf;color:#536c49}.on-design-page .on-how-steps h3{font-size:19px;line-height:1.35;font-weight:500;margin-bottom:12px;max-width:240px}.on-design-page .on-how-steps p{max-width:none;font-size:15px;line-height:1.65;color:#5d7054}.on-design-page .on-process-strip{margin-top:32px;padding-top:25px;font-size:14px;line-height:1.5;color:#53694b;gap:22px;border-color:#cbd4bf}.on-design-page .on-process-strip>div{gap:9px}.on-design-page .on-process-strip>svg{color:#819372}.on-design-page .on-style-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.on-design-page .on-style-example{padding:11px;border:1px solid var(--line);border-radius:16px;background:#fffdf9;transition:border-color .2s,box-shadow .2s}.on-design-page .on-style-example:hover{border-color:#a8b39d;box-shadow:0 8px 24px #253b320b}.on-design-page .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-design-page .on-style-image{height:290px;padding:12px;border-radius:9px;background:#eeeade}.on-design-page .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image>img,.on-design-page .on-style-image>img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transform:none}.on-design-page .on-style-example:hover .on-style-image>img{transform:none}.on-design-page .on-style-image>span{width:30px;height:30px;top:12px;left:12px;font-size:12px;background:#fffdf9f0;color:#3b5141;border:1px solid #e2dfd3}.on-design-page .on-style-text{padding:17px 27px 8px 7px}.on-design-page .on-style-text h3{font-size:18px;line-height:1.35;margin-bottom:5px}.on-design-page .on-style-text p{font-size:14px;line-height:1.5;color:#63705e}.on-design-page .on-style-text>svg{top:20px;right:4px;color:#667b59}.on-design-page .on-gallery-caption{margin-top:25px;font-size:13px;color:#66735e}.on-design-page .on-gift-section{padding-block:86px;background:#f0e7dd}.on-design-page .on-gift-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}.on-design-page .on-gift-visual{flex-direction:column;align-items:center;padding:0;min-width:0;gap:20px}.on-design-page .on-gift-frame{width:340px;max-width:88%;padding:11px;border-width:8px;transform:none;box-shadow:0 18px 35px -15px #72503950}.on-design-page .on-gift-frame img{object-fit:contain}.on-design-page .on-gift-card{position:static;max-width:100%;padding:17px 22px;border-radius:10px;transform:none;font-size:20px;line-height:1.35;color:#73533d;box-shadow:none}.on-design-page .on-gift-visual>.on-image-disclaimer{position:static;font-size:12px;color:#756657;text-align:center}.on-design-page .on-gift-copy h2{font-size:52px;line-height:1.1}.on-design-page .on-gift-copy>p{max-width:460px;margin-top:24px;font-size:16px;line-height:1.65;color:#6b5e51}.on-design-page .on-occasion-list{max-width:460px;gap:8px;margin-block:23px 26px}.on-design-page .on-occasion-list>span{border-color:#d7c6b4;color:#74604a;font-size:13px;line-height:1.5;padding:6px 11px}.on-design-page .on-gift-copy>small{margin-top:13px;font-size:13px;color:#756657;line-height:1.6}.on-design-page .on-print{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}.on-design-page .on-print-copy h2{font-size:52px;line-height:1.1}.on-design-page .on-print-copy>p:not(.on-fine-print){max-width:480px;font-size:16px;line-height:1.65;margin-top:24px}.on-design-page .on-format-list{gap:8px;flex-wrap:wrap;margin-top:22px}.on-design-page .on-format-list>span{font-size:12px;font-weight:500;letter-spacing:.04em;padding:6px 10px;border-radius:5px;color:#516348}.on-design-page .on-print-copy ul{gap:14px;margin:26px 0 21px}.on-design-page .on-print-copy li{font-size:15px;line-height:1.6;color:#53654b;align-items:flex-start;gap:10px}.on-design-page .on-print-copy li>svg{margin-top:3px;color:#678251}.on-design-page .on-print-copy>.on-fine-print{max-width:480px;font-size:13px;color:#667460}.on-design-page .on-print-visual{display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;min-height:600px;padding:25px;background:#eeeee3;border:1px solid #e1e3d5;border-radius:20px}.on-design-page .on-print-paper{width:320px;max-width:100%;padding:23px;transform:none;order:1}.on-design-page .on-print-paper>div{margin-bottom:19px;font-size:9px;letter-spacing:.06em;color:#6e7865;gap:9px}.on-design-page .on-print-paper>img{object-fit:contain;object-position:center}.on-design-page .on-print-paper>footer{padding-top:17px;gap:10px;font-size:9px;line-height:1.5;color:#6c7861}.on-design-page .on-print-file{position:static;order:2;max-width:100%;padding:13px 16px;border-radius:8px;transform:none;font-size:13px;gap:10px;box-shadow:none}.on-design-page .on-print-file small{font-size:11px;line-height:1.5;color:#6a795c}.on-design-page .on-print-file>svg:last-child{margin-left:5px}.on-design-page .on-print-floating{position:static;order:0;align-self:flex-end;transform:none;font-size:16px;color:#647356}.on-design-page .on-price-section{background:#253b32;padding-block:86px}.on-design-page .on-price-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:90px}.on-design-page .on-price-section .on-eyebrow{color:#c5d1c2}.on-design-page .on-price-section h2{font-size:54px;line-height:1.1}.on-design-page .on-price-section h2 em{color:#edb28f}.on-design-page .on-price-layout>div:first-child>p{max-width:440px;font-size:16px;line-height:1.65;color:#d0dbcf;margin-top:24px}.on-design-page .on-price-layout>div:first-child>.on-text-button{color:#f1c5a9;font-size:15px;margin-top:24px}.on-design-page .on-price-card{padding:34px;border-radius:18px;background:#fffdf9;box-shadow:0 16px 40px #10211835}.on-design-page .on-price-card>span{font-size:11px;letter-spacing:.13em;color:#5f6e55}.on-design-page .on-price{font-size:76px;line-height:1.15;letter-spacing:-.06em;margin-top:16px}.on-design-page .on-price>small{font-size:36px;color:#526b46}.on-design-page .on-price-card>p{margin-top:10px;color:#5c6f51;font-size:14px;line-height:1.6}.on-design-page .on-price-rule{margin-block:25px;background:#dde3d3}.on-design-page .on-price-features{margin-bottom:26px;gap:13px;color:#4f6744;font-size:14px;line-height:1.6}.on-design-page .on-price-features>span{gap:10px;align-items:flex-start}.on-design-page .on-price-features svg{margin-top:3px}.on-design-page .on-price-card>.on-button{font-size:15px}.on-design-page .on-price-card>small{margin-top:15px;font-size:12px;line-height:1.6;color:#627456}.on-design-page .on-studio-section{padding-block:90px;scroll-margin-top:78px;background:#f2ede3}.on-design-page .on-studio-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:28px}.on-design-page .on-studio-form{padding:30px;border-radius:18px;border-color:#dfd9cb;scroll-margin-top:100px}.on-design-page .on-studio-section-head{margin-bottom:24px;align-items:flex-start;gap:13px}.on-design-page .on-form-step{width:31px;font-size:26px;color:#a2ad96}.on-design-page .on-studio-section-head h3{font-size:21px;font-weight:500;line-height:1.35}.on-design-page .on-studio-section-head p{margin-top:5px;font-size:14px;line-height:1.6;color:#63715b}.on-design-page .on-form-divider{margin-block:30px;background:#e9e5da}.on-design-page .on-people-count{gap:6px;margin-bottom:22px}.on-design-page .on-people-count button{min-height:44px;font-size:15px;border-radius:7px;background:#f8f8f1;color:#5b6e50;border-color:#dde3d2}.on-design-page .on-people-count button.selected{background:#253b32;color:white;border-color:#253b32}.on-design-page .on-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.on-design-page .on-portrait-grid:has(.on-person-card:only-child){grid-template-columns:minmax(0,195px)}.on-design-page .on-portrait-input{border-radius:10px;background:#f3f5eb;border-color:#b7c4a8;aspect-ratio:4/5}.on-design-page .on-portrait-input>img{object-fit:contain;object-position:center}.on-design-page .on-portrait-input strong{font-size:14px;color:#536d43;line-height:1.45}.on-design-page .on-portrait-input small{font-size:12px;line-height:1.5;color:#647858}.on-design-page .on-person-index{font-size:14px;color:#687b57}.on-design-page .on-replace-portrait{font-size:11px;padding:6px 8px;bottom:8px}.on-design-page .on-person-name input{font-size:16px;padding:9px 4px;color:#455c38}.on-design-page .on-person-name input::placeholder{font-size:12px;color:#68795b}.on-design-page .on-remove-portrait{min-height:44px;font-size:12px;border-radius:7px}.on-design-page .on-portrait-guidance,.on-design-page .on-portrait-guidance button{font-size:12px;line-height:1.6;color:#647858}.on-design-page .on-portrait-guidance{margin-top:17px}.on-design-page .on-portrait-guidance button{min-height:40px}.on-design-page .on-photo-tips{padding:15px;border-radius:8px}.on-design-page .on-photo-tips p{font-size:13px;line-height:1.65;color:#607650}.on-design-page .on-purpose-options{gap:7px;margin-bottom:22px}.on-design-page .on-purpose-options button{min-height:42px;font-size:13px;padding:8px 12px;color:#5e7350;border-color:#dce3d0}.on-design-page .on-purpose-options button.selected{color:#3d5a2e;background:#eaf0de;border-color:#a9ba93}.on-design-page .on-description-label{margin-bottom:10px;color:#3e5831;font-size:15px}.on-design-page .on-description-input{min-height:175px;padding:16px;border-radius:10px;background:#fffefa;color:#354d29;font-size:16px;line-height:1.65;border-color:#d0dac3}.on-design-page .on-description-input::placeholder{font-size:15px;color:#758567}.on-design-page .on-textarea-meta{gap:6px 14px;font-size:12px;line-height:1.5;color:#687b58}.on-design-page .on-reference-details{margin-top:22px;border-radius:9px;border-color:#dce3d0;background:#f7f8f1}.on-design-page .on-reference-details>summary{padding:15px;font-size:14px;line-height:1.5;color:#5d744d}.on-design-page .on-reference-details>summary>span{color:#4b653a}.on-design-page .on-reference-details>summary small{font-size:12px;color:#6c7d5e}.on-design-page .on-reference-details p{font-size:13px;line-height:1.65;color:#647a53}.on-design-page .on-reference-upload{font-size:12px;line-height:1.5;border-radius:8px;color:#5b7647}.on-design-page .on-reference-thumb{border-radius:8px}.on-design-page .on-reference-thumb>img{object-fit:contain}.on-design-page .on-reference-thumb>button{width:36px;height:36px}.on-design-page .on-style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:27px}.on-design-page .on-style-option{min-height:88px;gap:10px;padding:12px 25px 12px 11px;border-radius:9px;background:#fcfcf6;border-color:#dde4d0}.on-design-page .on-style-option.selected{background:#edf3e3;border-color:#849e6e}.on-design-page .on-style-swatch{width:36px;height:45px;border-radius:5px}.on-design-page .on-style-option strong{font-size:14px;line-height:1.45;color:#415e31}.on-design-page .on-style-option small{font-size:12px;line-height:1.5;color:#62794e}.on-design-page .on-ratio-options{gap:10px}.on-design-page .on-ratio-options button{min-height:124px;padding:17px 6px 13px;gap:9px;border-radius:9px;color:#849775}.on-design-page .on-ratio-options button.selected{color:#5b7a44;border-color:#8fa776;background:#edf3e3}.on-design-page .on-ratio-options strong{font-size:12px;line-height:1.45;color:#526d3f;overflow-wrap:anywhere}.on-design-page .on-ratio-options small{font-size:12px;line-height:1.4;color:#61784e}.on-design-page .on-group-hint{font-size:13px;color:#597448}.on-design-page .on-consent{margin-top:27px;padding-top:26px;gap:11px;font-size:14px;line-height:1.65;color:#5a704b}.on-design-page .on-consent input{width:20px;height:20px;margin-top:3px}.on-design-page .on-preview-quota{font-size:13px;line-height:1.6;color:#60784e}.on-design-page .on-create-button{min-height:58px;padding:16px 20px;font-size:15px;line-height:1.5}.on-design-page .on-form-footnote{margin-top:15px;color:#607450;font-size:13px;line-height:1.65}.on-design-page .on-signin-panel{padding:18px;border-radius:10px}.on-design-page .on-signin-panel strong{font-size:17px}.on-design-page .on-signin-panel .on-text-button,.on-design-page .on-signin-panel p{font-size:14px;line-height:1.65;color:#5d754c}.on-design-page .on-studio-result{top:100px;border-radius:18px;border-color:#d9ddce;scroll-margin-top:100px}.on-design-page .on-result-header{min-height:62px;padding:17px 22px;font-size:11px;line-height:1.5;letter-spacing:.11em;color:#617552}.on-design-page .on-result-header>.on-icon-button{width:36px;height:36px}.on-design-page .on-empty-preview{min-height:550px;padding:42px 28px;background:radial-gradient(ellipse at 50% 34%,#e8eddb 0,#f4f5e9 55%,#fbfaf4 100%)}.on-design-page .on-empty-preview h3{color:#4e683d;font-size:36px;line-height:1.12;letter-spacing:-.035em}.on-design-page .on-empty-preview h3 em{color:var(--coral)}.on-design-page .on-empty-preview>p{max-width:330px;margin-top:21px;color:#5d754a;font-size:15px;line-height:1.65}.on-design-page .on-empty-preview-notes{margin-top:28px;color:#607a4b;font-size:13px;line-height:1.5;gap:12px}.on-design-page .on-artwork-view{padding:20px;background:#efecdf}.on-design-page .on-artwork-view>img{max-height:600px;object-fit:contain}.on-design-page .on-generation-placeholder{padding:32px 25px;min-height:400px}.on-design-page .on-generation-placeholder>strong{font-size:29px;line-height:1.3;color:#536f40}.on-design-page .on-generation-placeholder>p{font-size:15px;line-height:1.65;color:#617b4e}.on-design-page .on-generation-placeholder>small{font-size:13px;color:#6a8058}.on-design-page .on-result-body{padding:24px}.on-design-page .on-result-status{font-size:14px;line-height:1.6;color:#4c683a}.on-design-page .on-result-status>span:last-child:not(.on-status-dot){font-size:12px;line-height:1.5;color:#657e51}.on-design-page .on-result-prompt{font-size:17px;line-height:1.65;color:#4c6539}.on-design-page .on-result-tags{font-size:12px;line-height:1.5;color:#617c4b;gap:7px}.on-design-page .on-result-tags>span{padding:5px 9px}.on-design-page .on-preview-explanation{padding:17px;border-radius:9px}.on-design-page .on-preview-explanation strong{font-size:15px;line-height:1.5;color:#47672f}.on-design-page .on-preview-explanation p{font-size:14px;line-height:1.65;color:#5a7843}.on-design-page .on-unlock-price>span{font-size:15px;line-height:1.5;color:#567340}.on-design-page .on-unlock-price>span>small{font-size:12px;line-height:1.5;color:#6b8556}.on-design-page .on-unlock-price>strong{font-size:42px;color:#47682f}.on-design-page .on-download-panel>.on-button,.on-design-page .on-result-body>.on-button{font-size:15px;min-height:54px}.on-design-page .on-download-panel>.on-fine-print,.on-design-page .on-owner-test>span,.on-design-page .on-payment-notice,.on-design-page .on-print-resolution{font-size:13px;line-height:1.65;color:#617d4c}.on-design-page .on-download-heading strong{font-size:29px;color:#4b7032}.on-design-page .on-download-heading p{font-size:14px;line-height:1.65;color:#617e49}.on-design-page .on-download-fields label{font-size:14px;line-height:1.5;color:#5b7a42}.on-design-page .on-download-fields select{padding:12px;border-radius:8px;font-size:16px;color:#4e7035}.on-design-page .on-error,.on-design-page .on-inline-loading,.on-design-page .on-new-work,.on-design-page .on-result-busy,.on-design-page .on-service-notice,.on-design-page .on-service-notice button{font-size:14px;line-height:1.65}.on-design-page .on-service-notice{border-radius:10px;padding:16px 18px}.on-design-page .on-error{border-radius:9px}.on-design-page .on-my-art{padding-top:60px}.on-design-page .on-my-art-heading h3{font-size:36px;letter-spacing:-.035em}.on-design-page .on-my-art-heading>.on-text-button{font-size:14px}.on-design-page .on-my-art-grid{gap:20px}.on-design-page .on-work-open{aspect-ratio:1;padding:12px;background:#e6ebdc}.on-design-page .on-work-open>img{object-fit:contain;transform:none}.on-design-page .on-work-copy{padding:17px}.on-design-page .on-work-copy>p{font-size:14px;line-height:1.6;color:#56743f}.on-design-page .on-work-copy>div:not(.on-delete-work),.on-design-page .on-work-status{font-size:12px;line-height:1.5}.on-design-page .on-work-copy>div>button{min-width:44px;min-height:44px}.on-design-page .on-gallery-empty{padding:28px;border-radius:12px}.on-design-page .on-gallery-empty>a,.on-design-page .on-gallery-empty>p{font-size:15px;line-height:1.65}.on-design-page .on-delete-work button,.on-design-page .on-delete-work>p{font-size:13px;line-height:1.6}.on-design-page .on-faq{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:75px}.on-design-page .on-faq h2{font-size:52px;line-height:1.1}.on-design-page .on-faq>div:first-child>p{margin-top:22px;font-size:16px;line-height:1.65;color:#607154}.on-design-page .on-faq-list{min-width:0}.on-design-page .on-faq-list details{margin-bottom:10px;border:1px solid #dce3d0;border-radius:11px;background:#fffdf9}.on-design-page .on-faq-list summary{padding:19px 22px;font-size:16px;line-height:1.6;color:#425f30;gap:18px}.on-design-page .on-faq-list summary>svg{color:#617f49;width:19px;height:19px}.on-design-page .on-faq-list details>p{max-width:none;padding:0 22px 22px;font-size:15px;line-height:1.7;color:#617b4c}.on-design-page .on-final-section{padding-block:15px 90px}.on-design-page .on-final-section h2{font-size:56px;line-height:1.1}.on-design-page .on-final-section p{margin:23px auto 0;max-width:620px;color:#5d754c;font-size:16px;line-height:1.65}.on-design-page .on-final-section .on-button{margin-top:27px}.on-design-page .on-final-star{right:72px;top:90px;color:#d4dec5}.on-design-page .on-footer{padding:40px 0 27px;background:#f0f1e7;border-color:#dce3d0}.on-design-page .on-footer-top{padding-bottom:31px;gap:35px}.on-design-page .on-footer-top>p{font-size:14px;line-height:1.6;color:#5f7750}.on-design-page .on-footer-top>.on-text-button{font-size:15px;color:#50723b}.on-design-page .on-footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:17px 25px;padding-top:22px;border-color:#d3ddc6;color:#617a4f;font-size:12px;line-height:1.65}.on-design-page .on-footer-bottom>div{flex-wrap:wrap;gap:14px 23px}.on-design-page .on-footer-bottom>div>a,.on-design-page .on-footer-bottom>div>button{font-size:12px;line-height:1.65;min-height:32px;color:#567744}.on-design-page .on-footer-bottom>span:last-child{margin-left:0;color:#637c51;font-size:12px}.on-design-page .on-dialog{padding:32px;border-radius:18px}.on-design-page .on-dialog-head h2{font-size:34px;line-height:1.2}.on-design-page .on-delete-account>label,.on-design-page .on-delete-account>p,.on-design-page .on-legal-copy>p{font-size:16px;line-height:1.65;color:#5e7650}.on-design-page .on-delete-account>.on-button,.on-design-page .on-delete-account>summary{font-size:14px;line-height:1.65}.on-design-page .on-delete-account input{font-size:16px}.on-design-page .on-design-mobile-cta[hidden]{display:none!important}.on-design-page .on-design-mobile-cta{display:none}@media (max-width:1100px){.on-design-page .on-container{padding-inline:30px}.on-design-page .on-header nav{gap:18px;font-size:13px}.on-design-page .on-header-inner{gap:20px}.on-design-page .on-header-actions{gap:15px}.on-design-page .on-brand{font-size:31px}.on-design-page .on-hero{gap:28px;padding-top:50px;padding-bottom:50px;min-height:610px}.on-design-page .on-hero h1{font-size:64px}.on-design-page .on-hero-description{font-size:15px}.on-design-page .on-handwritten,.on-design-page .on-hero-note{font-size:14px}.on-design-page .on-hero-sticker{font-size:12px}.on-design-page .on-hero-caption{left:20px;bottom:20px;font-size:11px}.on-design-page .on-example-layout{padding:25px;gap:28px}.on-design-page .on-example-story>h3{font-size:32px}.on-design-page .on-example-art{min-height:420px;padding:25px 22px}.on-design-page .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-design-page .on-style-image{height:250px}.on-design-page .on-gift-layout,.on-design-page .on-print{gap:45px}.on-design-page .on-gift-copy h2,.on-design-page .on-print-copy h2{font-size:46px}.on-design-page .on-price-layout{gap:55px}.on-design-page .on-price-section h2{font-size:48px}.on-design-page .on-price-card{padding:29px}.on-design-page .on-studio-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px}.on-design-page .on-studio-form{padding:23px}.on-design-page .on-people-count{grid-template-columns:repeat(5,minmax(0,1fr))}.on-design-page .on-style-options{grid-template-columns:1fr}.on-design-page .on-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.on-design-page .on-ratio-options{gap:6px}.on-design-page .on-ratio-options strong{font-size:11px}.on-design-page .on-result-body{padding:21px}.on-design-page .on-empty-preview{min-height:540px;padding-inline:22px}.on-design-page .on-empty-preview h3{font-size:31px}.on-design-page .on-faq{gap:45px}.on-design-page .on-faq h2{font-size:46px}}@media (max-width:850px){.on-design-page .on-container{padding-inline:24px}.on-design-page .on-header-inner{height:72px}.on-design-page .on-header nav{display:none}.on-design-page .on-header-actions{margin-left:auto}.on-design-page .on-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-block:48px;min-height:0}.on-design-page .on-hero h1{font-size:54px}.on-design-page .on-hero-description{font-size:15px}.on-design-page .on-hero-visual{grid-template-columns:minmax(0,1fr);gap:15px}.on-design-page .on-hero-sticker{grid-column:1;grid-row:auto}.on-design-page .on-hero-note{grid-column:1;grid-row:auto;justify-self:end}.on-design-page .on-ribbon{gap:16px;font-size:10px}.on-design-page .on-section{padding-block:72px}.on-design-page .on-section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:33px}.on-design-page .on-section-heading>p{max-width:560px}.on-design-page .on-example-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:23px}.on-design-page .on-example-art{min-height:0;padding:22px 18px}.on-design-page .on-example-prompt{padding:16px}.on-design-page .on-example-prompt blockquote{font-size:14px}.on-design-page .on-how-section{padding-block:72px}.on-design-page .on-how-steps{gap:14px}.on-design-page .on-how-steps article{padding:21px}.on-design-page .on-how-steps h3{font-size:17px}.on-design-page .on-how-steps p{font-size:14px}.on-design-page .on-step-number{right:20px;top:20px;font-size:23px}.on-design-page .on-process-strip{font-size:12px;gap:13px}.on-design-page .on-style-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.on-design-page .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-design-page .on-style-image{height:270px}.on-design-page .on-gift-layout{gap:30px}.on-design-page .on-gift-copy h2,.on-design-page .on-print-copy h2{font-size:40px}.on-design-page .on-gift-card{font-size:17px;padding:15px 17px;gap:12px}.on-design-page .on-gift-copy>p,.on-design-page .on-print-copy>p:not(.on-fine-print){font-size:15px}.on-design-page .on-print{gap:30px}.on-design-page .on-print-visual{min-height:0;padding:20px}.on-design-page .on-print-file{padding:12px;font-size:12px}.on-design-page .on-print-file>svg:first-child{width:23px}.on-design-page .on-price-layout{gap:35px}.on-design-page .on-price-section h2{font-size:43px}.on-design-page .on-price-card{padding:25px}.on-design-page .on-price{font-size:68px}.on-design-page .on-price-card>.on-button{padding-inline:17px;font-size:14px}.on-design-page .on-studio-layout{grid-template-columns:minmax(0,1fr);gap:25px}.on-design-page .on-studio-form{padding:28px}.on-design-page .on-people-count{grid-template-columns:repeat(10,minmax(0,1fr))}.on-design-page .on-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.on-design-page .on-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.on-design-page .on-studio-result{position:relative;top:auto}.on-design-page .on-empty-preview{min-height:450px}.on-design-page .on-empty-preview h3{font-size:35px}.on-design-page .on-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}.on-design-page .on-faq h2{font-size:41px}.on-design-page .on-faq-list summary{font-size:15px;padding:17px}.on-design-page .on-faq-list details>p{padding:0 17px 20px;font-size:14px}.on-design-page .on-footer-bottom{display:flex}.on-design-page .on-footer-bottom>div{margin-left:0;width:100%;order:2}}@media (max-width:600px){.on-design-page .on-container{padding-inline:20px}.on-design-page .on-section{padding-block:58px}.on-design-page .on-section-heading{gap:18px;margin-bottom:29px}.on-design-page .on-section-heading h2{font-size:34px;line-height:1.14}.on-design-page .on-section-heading>p{font-size:15px;line-height:1.65}.on-design-page .on-eyebrow{font-size:10px;letter-spacing:.11em;line-height:1.65;margin-bottom:17px}.on-design-page .on-header-inner{height:64px;gap:15px}.on-design-page .on-header .on-brand{font-size:29px;gap:8px}.on-design-page .brand-mark{width:20px;height:25px}.on-design-page .on-header-actions{gap:10px}.on-design-page .on-account-button{min-height:44px;font-size:12px;gap:5px}.on-design-page .on-account-button svg{width:15px;height:15px}.on-design-page .on-header-actions>.on-button{min-height:44px;padding:10px 13px;font-size:12px;gap:6px}.on-design-page .on-header-actions>.on-button svg{width:15px;height:15px}.on-design-page .on-hero{grid-template-columns:minmax(0,1fr);gap:34px;padding-top:34px;padding-bottom:37px}.on-design-page .on-hero h1{font-size:clamp(40px,11vw,49px);line-height:1.05;letter-spacing:-.05em}.on-design-page .on-hero .on-eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:20px}.on-design-page .on-hero-description{margin-top:22px;max-width:490px;font-size:15px;line-height:1.65}.on-design-page .on-hero-cta{margin-top:23px;gap:13px}.on-design-page .on-hero-cta .on-button{min-height:54px;padding:14px 18px;font-size:14px;gap:10px}.on-design-page .on-hero-cta>span{font-size:12px;line-height:1.5}.on-design-page .on-hero-details{margin-top:17px;gap:8px 13px;font-size:12px;line-height:1.6}.on-design-page .on-hero-visual{grid-template-columns:minmax(0,1fr) auto;gap:15px 10px}.on-design-page .on-hero-wall{padding:7px;border-radius:12px}.on-design-page .on-hero-wall>img{border-radius:6px}.on-design-page .on-hero-caption{left:17px;bottom:17px;max-width:calc(100% - 34px);font-size:10px;padding:7px 10px}.on-design-page .on-hero-sticker{grid-row:2;font-size:12px;gap:8px}.on-design-page .on-hero-sticker>svg{width:22px;height:22px}.on-design-page .on-hero-note{grid-column:2;grid-row:2;gap:5px}.on-design-page .on-handwritten{font-size:13px}.on-design-page .on-hero-note>svg{width:23px;height:23px}.on-design-page .on-hero-visual>.on-image-disclaimer{font-size:11px}.on-design-page .on-ribbon{min-height:0;gap:8px 12px;padding:16px;font-size:9px;letter-spacing:.08em}.on-design-page .on-ribbon i{font-size:16px}.on-design-page .on-example-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;padding:5px;margin-bottom:20px;border-radius:10px}.on-design-page .on-example-tabs button{min-height:48px;flex-direction:column;justify-content:center;gap:2px;padding:8px 5px;font-size:13px;white-space:normal}.on-design-page .on-example-tabs button>span{font-size:11px}.on-design-page .on-example-layout{grid-template-columns:minmax(0,1fr);padding:23px 19px;gap:28px;border-radius:15px}.on-design-page .on-example-story>h3{font-size:31px;margin-top:15px}.on-design-page .on-example-story>p{font-size:15px}.on-design-page .on-example-number{font-size:10px}.on-design-page .on-example-prompt{padding:16px;margin-top:20px}.on-design-page .on-example-prompt blockquote{font-size:14px;line-height:1.7}.on-design-page .on-example-tags>span{font-size:11px}.on-design-page .on-example-story>.on-text-button{font-size:14px}.on-design-page .on-example-story>small{font-size:12px}.on-design-page .on-example-art{padding:25px 21px 20px;min-height:0}.on-design-page .on-art-frame{padding:8px;border-width:6px}.on-design-page .on-art-frame>img{max-height:360px}.on-design-page .on-example-art>span{font-size:11px;margin-top:20px}.on-design-page .on-design-example-cta{gap:12px;padding-top:23px;text-align:center}.on-design-page .on-design-example-cta>.on-button{width:100%;font-size:14px}.on-design-page .on-design-example-cta>small{font-size:12px;max-width:100%}.on-design-page .on-how-section{padding-block:58px}.on-design-page .on-how-steps{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:29px}.on-design-page .on-how-steps article{padding:24px}.on-design-page .on-step-icon{margin-bottom:22px}.on-design-page .on-how-steps h3{font-size:19px;max-width:none}.on-design-page .on-how-steps p{font-size:15px}.on-design-page .on-step-number{top:24px;right:24px;font-size:28px}.on-design-page .on-process-strip{flex-direction:column;align-items:flex-start;gap:15px;font-size:14px;margin-top:26px}.on-design-page .on-process-strip>svg{transform:rotate(90deg);margin-left:3px}.on-design-page .on-style-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.on-design-page .on-style-example{padding:7px;border-radius:12px}.on-design-page .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-design-page .on-style-image{height:190px;padding:8px;border-radius:6px}.on-design-page .on-style-image>span{width:25px;height:25px;left:8px;top:8px;font-size:10px}.on-design-page .on-style-text{padding:12px 17px 7px 3px}.on-design-page .on-style-text h3{font-size:14px;line-height:1.4;margin-bottom:5px}.on-design-page .on-style-text p{font-size:12px;line-height:1.55}.on-design-page .on-style-text>svg{right:0;top:15px;width:14px;height:14px}.on-design-page .on-gallery-caption{font-size:12px;margin-top:22px}.on-design-page .on-gift-section{padding-block:58px}.on-design-page .on-gift-layout{grid-template-columns:minmax(0,1fr);gap:34px}.on-design-page .on-gift-visual{gap:18px}.on-design-page .on-gift-frame{width:285px;max-width:86%;padding:10px;border-width:7px}.on-design-page .on-gift-card{font-size:19px;padding:16px 20px}.on-design-page .on-gift-visual>.on-image-disclaimer{font-size:11px}.on-design-page .on-gift-copy h2{font-size:38px}.on-design-page .on-gift-copy>p{margin-top:22px;font-size:15px}.on-design-page .on-occasion-list{margin-block:22px 24px}.on-design-page .on-occasion-list>span{font-size:12px;padding:6px 10px}.on-design-page .on-gift-copy>small{font-size:12px}.on-design-page .on-print{grid-template-columns:minmax(0,1fr);gap:32px}.on-design-page .on-print-copy h2{font-size:39px}.on-design-page .on-print-copy>p:not(.on-fine-print){margin-top:22px;font-size:15px}.on-design-page .on-print-copy li{font-size:14px;gap:9px}.on-design-page .on-print-copy>.on-fine-print{font-size:12px}.on-design-page .on-format-list>span{font-size:11px}.on-design-page .on-print-visual{padding:23px 20px;border-radius:15px;gap:18px}.on-design-page .on-print-paper{max-width:92%;padding:22px}.on-design-page .on-print-paper>div,.on-design-page .on-print-paper>footer{font-size:8px}.on-design-page .on-print-file{font-size:12px;gap:9px}.on-design-page .on-print-file small{font-size:11px}.on-design-page .on-print-floating{font-size:16px}.on-design-page .on-price-section{padding-block:58px}.on-design-page .on-price-layout{grid-template-columns:minmax(0,1fr);gap:33px}.on-design-page .on-price-section h2{font-size:39px}.on-design-page .on-price-layout>div:first-child>p{max-width:480px;margin-top:22px;font-size:15px}.on-design-page .on-price-layout>div:first-child>.on-text-button{font-size:14px;margin-top:20px}.on-design-page .on-price-card{padding:28px 25px;border-radius:15px}.on-design-page .on-price-card>span{font-size:10px}.on-design-page .on-price{font-size:72px}.on-design-page .on-price-card>p{font-size:14px}.on-design-page .on-price-features{font-size:14px;gap:13px}.on-design-page .on-price-card>.on-button{font-size:14px;min-height:54px}.on-design-page .on-price-card>small{font-size:12px}.on-design-page .on-studio-section{padding-block:58px;scroll-margin-top:66px}.on-design-page .on-studio-form{padding:24px 20px;border-radius:14px;scroll-margin-top:85px}.on-design-page .on-studio-section-head{gap:10px;margin-bottom:22px}.on-design-page .on-form-step{width:27px;font-size:25px}.on-design-page .on-studio-section-head h3{font-size:19px}.on-design-page .on-studio-section-head p{font-size:13px}.on-design-page .on-studio-section-head>svg{width:19px;height:19px}.on-design-page .on-people-count{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.on-design-page .on-people-count button{min-height:44px;font-size:15px}.on-design-page .on-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.on-design-page .on-portrait-grid:has(.on-person-card:only-child){grid-template-columns:minmax(0,185px)}.on-design-page .on-portrait-input strong{font-size:13px}.on-design-page .on-portrait-input small{font-size:12px}.on-design-page .on-person-name input{font-size:16px}.on-design-page .on-portrait-guidance,.on-design-page .on-portrait-guidance button{font-size:12px}.on-design-page .on-purpose-options{gap:7px}.on-design-page .on-purpose-options button{min-height:42px;font-size:12px;padding:8px 11px}.on-design-page .on-description-input{font-size:16px;min-height:190px;padding:14px}.on-design-page .on-description-input::placeholder{font-size:15px}.on-design-page .on-textarea-meta{font-size:11px}.on-design-page .on-reference-details>summary{font-size:13px;padding:14px}.on-design-page .on-reference-details>summary small{font-size:12px}.on-design-page .on-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.on-design-page .on-reference-upload{font-size:11px}.on-design-page .on-style-options{gap:9px}.on-design-page .on-style-option{min-height:94px;padding:11px 23px 11px 10px;gap:9px}.on-design-page .on-style-swatch{width:30px;height:42px}.on-design-page .on-style-option strong{font-size:13px}.on-design-page .on-style-option small{font-size:12px}.on-design-page .on-ratio-options{gap:7px}.on-design-page .on-ratio-options button{min-height:122px;padding:15px 5px 11px}.on-design-page .on-ratio-options strong{font-size:11px}.on-design-page .on-ratio-options small{font-size:12px}.on-design-page .on-consent{margin-top:25px;padding-top:24px;font-size:13px;line-height:1.7;gap:10px}.on-design-page .on-consent input{width:20px;height:20px}.on-design-page .on-preview-quota{font-size:12px}.on-design-page .on-create-button{min-height:58px;font-size:14px;padding:15px 16px}.on-design-page .on-create-button>svg:last-child{display:none}.on-design-page .on-form-footnote{font-size:12px;line-height:1.7}.on-design-page .on-studio-result{border-radius:14px;scroll-margin-top:85px}.on-design-page .on-result-header{font-size:10px;min-height:58px;padding:16px 20px}.on-design-page .on-empty-preview{min-height:450px;padding:35px 23px}.on-design-page .on-empty-preview h3{font-size:32px}.on-design-page .on-empty-preview>p{font-size:14px;line-height:1.7;max-width:330px}.on-design-page .on-empty-preview-notes{font-size:12px}.on-design-page .on-result-body{padding:22px}.on-design-page .on-result-status{font-size:13px}.on-design-page .on-result-status>span:last-child:not(.on-status-dot){font-size:11px}.on-design-page .on-result-prompt{font-size:16px}.on-design-page .on-result-tags{font-size:11px}.on-design-page .on-unlock-price>span{font-size:14px}.on-design-page .on-unlock-price>strong{font-size:38px}.on-design-page .on-download-panel>.on-button,.on-design-page .on-result-body>.on-button{font-size:14px}.on-design-page .on-download-heading strong{font-size:27px}.on-design-page .on-download-fields label{font-size:13px}.on-design-page .on-download-fields select{font-size:16px}.on-design-page .on-my-art{padding-top:45px}.on-design-page .on-my-art-heading h3{font-size:32px}.on-design-page .on-my-art-heading>.on-text-button{font-size:13px}.on-design-page .on-my-art-grid{gap:14px}.on-design-page .on-work-copy{padding:13px}.on-design-page .on-work-copy>p{font-size:13px}.on-design-page .on-work-copy>div:not(.on-delete-work),.on-design-page .on-work-status{font-size:10px}.on-design-page .on-faq{grid-template-columns:minmax(0,1fr);gap:29px}.on-design-page .on-faq h2{font-size:38px}.on-design-page .on-faq>div:first-child>p{font-size:15px;margin-top:19px}.on-design-page .on-faq-list summary{padding:18px;font-size:15px;line-height:1.6}.on-design-page .on-faq-list details>p{padding:0 18px 21px;font-size:14px;line-height:1.7}.on-design-page .on-final-section{padding-block:8px 60px}.on-design-page .on-final-section .on-eyebrow{font-size:10px}.on-design-page .on-final-section h2{font-size:38px;line-height:1.15}.on-design-page .on-final-section p{max-width:360px;margin-top:20px;font-size:15px}.on-design-page .on-final-section .on-button{margin-top:23px;font-size:14px}.on-design-page .on-footer{padding-block:32px 100px}.on-design-page .on-footer-top{gap:20px;flex-wrap:wrap;padding-bottom:25px}.on-design-page .on-footer-top .on-brand{font-size:32px}.on-design-page .on-footer-top>p{margin-left:auto;font-size:12px}.on-design-page .on-footer-top>.on-text-button{width:100%;margin-left:0;font-size:14px}.on-design-page .on-footer-bottom{gap:14px;font-size:12px}.on-design-page .on-footer-bottom>div{gap:12px 20px}.on-design-page .on-footer-bottom>div>a,.on-design-page .on-footer-bottom>div>button{font-size:12px;line-height:1.65;min-height:36px}.on-design-page .on-footer-bottom>span:last-child{margin-left:auto;font-size:11px}.on-design-page .on-dialog-shade{padding:12px}.on-design-page .on-dialog{padding:25px;max-height:calc(100dvh - 24px);border-radius:15px}.on-design-page .on-dialog-head h2{font-size:29px}.on-design-page .on-delete-account>label,.on-design-page .on-delete-account>p,.on-design-page .on-legal-copy>p{font-size:15px}.on-design-page .on-design-mobile-cta:not([hidden]){position:fixed;z-index:45;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;padding:8px;border:1px solid #deded1;border-radius:15px;background:#fffdf9f5;box-shadow:0 8px 32px #253b322e;backdrop-filter:blur(10px)}.on-design-page .on-design-mobile-cta>button{width:100%;min-height:50px;border-radius:9px;font-size:14px}}@media (max-width:450px){.on-design-page .on-style-options{grid-template-columns:minmax(0,1fr)}.on-design-page .on-style-option{min-height:78px;padding:12px 30px 12px 13px;gap:12px}.on-design-page .on-style-option strong{font-size:14px}.on-design-page .on-style-swatch{width:34px}}@media (max-width:359px){.on-design-page .on-container{padding-inline:16px}.on-design-page .on-header-inner{gap:8px}.on-design-page .on-header .on-brand{font-size:25px;gap:6px}.on-design-page .on-header-actions{gap:7px}.on-design-page .on-header-actions>.on-button{padding-inline:10px;font-size:11px}.on-design-page .on-account-button{font-size:11px;gap:4px}.on-design-page .on-hero h1{font-size:40px}.on-design-page .on-hero .on-eyebrow{font-size:8px}.on-design-page .on-hero-note{grid-column:1;grid-row:3;justify-self:end}.on-design-page .on-hero-sticker{grid-column:1/-1}.on-design-page .on-hero-visual{grid-template-columns:minmax(0,1fr)}.on-design-page .on-hero-visual>.on-image-disclaimer{grid-row:4}.on-design-page .on-hero-caption{font-size:9px}.on-design-page .on-example-tabs button{font-size:12px}.on-design-page .on-example-layout{padding-inline:17px}.on-design-page .on-style-gallery{grid-template-columns:minmax(0,1fr)}.on-design-page .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-design-page .on-style-image{height:280px}.on-design-page .on-style-text h3{font-size:17px}.on-design-page .on-style-text p{font-size:14px}.on-design-page .on-studio-form{padding-inline:17px}.on-design-page .on-ratio-options{gap:5px}.on-design-page .on-ratio-options strong{font-size:10px}.on-design-page .on-footer-bottom>span:last-child,.on-design-page .on-footer-top>p{margin-left:0}}html:has(.on-design-page){scroll-padding-top:80px}.on-design-page [id]{scroll-margin-top:0}@media (max-width:600px){html:has(.on-design-page){scroll-padding-top:72px}}.on-art-direction{--paper:#fbf8f2;--paper-deep:#eee9df;--ink:#203b30;--muted:#59685e;--coral:#b9533b;--coral-dark:#993d2a;--gallery-ivory:#f9f2e5;--gallery-gold:#d1b58b;background:var(--paper)}.on-art-direction .on-container{max-width:1320px}.on-art-direction h2{letter-spacing:-.05em}.on-art-direction .on-section{padding-block:108px}.on-art-direction .on-section-heading h2{font-size:clamp(42px,4.5vw,60px)}.on-art-direction .on-eyebrow{letter-spacing:.18em;font-size:11px}.on-art-direction .on-button{border-radius:4px;min-height:55px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.on-art-direction .on-button-coral{background:#b9533b;color:#fff;box-shadow:0 8px 22px #71351c14}.on-art-direction .on-button-coral:hover:not(:disabled){background:#993d2a;box-shadow:0 12px 26px #71351c23}.on-art-direction .on-text-button{text-underline-offset:6px}.on-art-direction .on-text-button:hover{text-decoration:underline}.on-art-direction .on-header{background:#142e26f5;border-bottom:1px solid #e6eddf1a;backdrop-filter:blur(16px)}.on-art-direction .on-header-inner{height:72px}.on-art-direction .on-header .on-brand{color:#f9f2e5}.on-art-direction .on-header .brand-mark>span{border-color:#142e26;background:#d78a6c}.on-art-direction .on-header nav{color:#d6dfd2}.on-art-direction .on-header nav a:hover{color:#f1be9b}.on-art-direction .on-header .on-account-button,.on-art-direction .on-header .on-signin-link{color:#e6ecdf}.on-art-direction .on-header-actions>.on-button-dark{background:#f8f0df;color:#19372b;border-radius:4px}.on-art-direction .on-header-actions>.on-button-dark:hover{background:#e7d8be}.on-art-direction .on-concept-hero{background:var(--paper);color:var(--ink);border-bottom:1px solid #ded7c9}.on-art-direction .on-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;min-height:740px;padding-top:50px;padding-bottom:52px}.on-art-direction .on-hero-copy{padding-bottom:14px}.on-art-direction .on-hero .on-eyebrow{color:#526359;margin-bottom:25px;font-size:10px}.on-art-direction .on-hero .on-eyebrow>span{background:var(--coral)}.on-art-direction .on-hero h1{color:var(--ink);font-size:clamp(61px,5.7vw,80px);letter-spacing:-.055em;line-height:1.025}.on-art-direction .on-hero h1 em{color:#a44732}.on-art-direction .on-hero-description{max-width:490px;color:#4f6356;font-size:16px;line-height:1.7;margin-top:27px}.on-art-direction .on-hero-cta{gap:18px;margin-top:28px}.on-art-direction .on-hero-cta>span{color:#59685f;font-size:12px}.on-art-direction .on-hero-details{color:#4f6356;gap:9px 16px;margin-top:22px}.on-art-direction .on-hero-details svg{color:#54705b}.on-art-direction .on-ribbon{min-height:69px;background:#eee9df;border-color:#dcd4c4;color:#5d685a;letter-spacing:.13em;font-size:10px}.on-art-direction .on-ribbon i{color:#b9533b;font-size:25px}.on-art-direction .on-living-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 22px;width:100%;min-width:0;padding:0;margin:0}.on-art-direction .on-gallery-stage{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 96px;gap:14px;min-width:0;container-type:inline-size;perspective:1000px;transform:perspective(1200px) rotateX(var(--gallery-rotate-x,0deg)) rotateY(var(--gallery-rotate-y,0deg));transition:transform .25s ease-out;grid-column:1/-1}.on-art-direction .on-gallery-halo{position:absolute;z-index:-1;inset:-15% -8% -5%;background:radial-gradient(ellipse at 50% 38%,#d5b78836,transparent 65%);filter:blur(12px);pointer-events:none}.on-art-direction .on-gallery-main{--gallery-edge:8px;--gallery-image-height:min(402px,calc((100cqw - 2 * var(--gallery-edge)) * 2 / 3));grid-column:1/-1;grid-row:1;position:relative;z-index:2;display:grid;grid-template-rows:calc(var(--gallery-image-height) + 2 * var(--gallery-edge)) auto;min-width:0;width:100%;margin:0;padding:0}.on-art-direction .on-gallery-canvas{display:block;place-self:center;box-sizing:content-box;height:var(--gallery-image-height);padding:0;border:var(--gallery-edge) solid #795c3e;box-shadow:0 0 0 1px #654a365c,0 21px 44px -16px #4c38265c;transition:border-color .25s}.on-art-direction .on-gallery-canvas>img{display:block;width:auto;height:100%;max-width:none;object-fit:contain}.on-art-direction .on-gallery-main[data-scene=family] .on-gallery-canvas{border-color:#ae9270}.on-art-direction .on-gallery-main[data-scene=gift] .on-gallery-canvas{border-color:#4c493f}.on-art-direction .on-gallery-main[data-scene=interior] .on-gallery-canvas{border-width:1px;border-color:#c7b8a0}.on-art-direction .on-gallery-main>.on-gallery-caption{display:flex;align-items:center;gap:10px;margin:15px 0 0;text-align:left;color:#526359;font-size:12px;line-height:1.5}.on-art-direction .on-gallery-main>.on-gallery-caption>span:nth-child(2){display:grid;gap:3px;min-width:0}.on-art-direction .on-gallery-main>.on-gallery-caption>span:nth-child(2)>strong{color:var(--ink);font-weight:400;font-family:Georgia,serif;font-size:19px;line-height:1.25}.on-art-direction .on-gallery-main>.on-gallery-caption>span:nth-child(2)>span{color:#59685f;font-size:11px}.on-art-direction .on-gallery-main>.on-gallery-caption>svg{margin-left:auto;color:#a44732}.on-art-direction .on-gallery-caption>strong{font-weight:500;color:var(--ink);font-size:15px}.on-art-direction .on-gallery-caption>span:last-child{margin-left:auto;color:#59685f;font-size:11px}.on-art-direction .on-gallery-index{display:inline-flex;align-items:center;justify-content:center;width:49px;min-width:49px;height:30px;border:1px solid #d7c9b4;color:#795c3e;font-family:Georgia,serif;font-size:12px}.on-art-direction .on-gallery-preview{grid-row:2;width:96px;height:65px;padding:4px;border:1px solid #b8c4a947;background:#e9dfc9;box-shadow:0 8px 18px #07150e45;transition:transform .2s,border-color .2s}.on-art-direction .on-gallery-preview img{display:block;height:100%;width:100%;object-fit:contain;transform:none}.on-art-direction .on-gallery-preview:hover{transform:translateY(-3px);border-color:#ecba90}.on-art-direction .on-gallery-preview-left{grid-column:1;justify-self:start}.on-art-direction .on-gallery-preview-right{grid-column:3;justify-self:end}.on-art-direction .on-gallery-selector{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:7px;padding:0}.on-art-direction .on-gallery-selector>button{display:flex;align-items:center;gap:7px;min-width:0;min-height:52px;padding:7px;border:1px solid #dfd7c7;border-radius:3px;color:#43574c;background:#fffdf8;font-size:11px;line-height:1.4;transition:background .2s,color .2s,border-color .2s}.on-art-direction .on-gallery-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:37px}.on-art-direction .on-gallery-thumb>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.on-art-direction .on-gallery-meta{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px}.on-art-direction .on-gallery-selector>button:hover{background:#f4eddf;border-color:#c7b698}.on-art-direction .on-gallery-selector>button[aria-pressed=true]{background:#e8ede3;border-color:#839988;color:var(--ink)}.on-art-direction .on-living-gallery .on-hero-caption{position:static;grid-column:1/-1;max-width:none;justify-content:center;border:0;padding:0;margin:0;color:#526359;font-size:12px;line-height:1.5;background:transparent}.on-art-direction .on-living-gallery .on-hero-sticker{display:flex;grid-column:1;grid-row:auto;color:#526359;font-size:12px;gap:10px}.on-art-direction .on-living-gallery .on-hero-sticker strong{color:var(--ink)}.on-art-direction .on-living-gallery .on-hero-sticker>svg{color:#a44732;width:24px;height:24px}.on-art-direction .on-living-gallery .on-hero-note{display:flex;grid-column:2;grid-row:auto;color:#54705b;justify-self:end}.on-art-direction .on-living-gallery .on-handwritten{font-size:15px}.on-art-direction .on-living-gallery .on-image-disclaimer{grid-column:1/-1;color:#59685f;font-size:11px;line-height:1.5;text-align:center;margin:0}.on-art-direction .on-gallery-preview:focus-visible,.on-art-direction .on-gallery-selector button:focus-visible{outline-color:#a44732}.on-art-direction .on-gallery-open{color:inherit;font:inherit;text-align:left;cursor:zoom-in}.on-art-direction .on-gallery-open:focus-visible{outline:3px solid #a44732;outline-offset:4px}.on-art-direction .on-gallery-open-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;width:44px;min-height:44px;height:44px;margin-left:auto;padding:11px;border:1px solid #dfd7c7;border-radius:3px;color:#a44732;background:#fffdf8}.on-art-direction .on-gallery-open-arrow:hover{color:#863a29;background:#f4eddf;border-color:#c7b698}.on-art-direction .on-gallery-lightbox:not([open]){display:none}.on-art-direction .on-gallery-lightbox[open]{display:block;position:fixed;inset:0;width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:55px 26px 22px;overflow:auto;color:#263f31;background:#f7f0e2;border:1px solid #d6c7aa;border-radius:3px;box-shadow:0 24px 90px #020a0680}.on-art-direction .on-gallery-lightbox::backdrop{background:#05150ede;backdrop-filter:blur(7px)}.on-art-direction .on-gallery-lightbox-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:9px;right:10px;width:44px;height:44px;padding:11px;color:#345340;background:#e8e2d3;border:1px solid #cdd0bd;border-radius:3px}.on-art-direction .on-gallery-lightbox-close:hover{background:#d9dfca}.on-art-direction .on-gallery-lightbox-close:focus-visible{outline:3px solid #b9533b;outline-offset:2px}.on-art-direction .on-gallery-lightbox-figure{margin:0;min-width:0}.on-art-direction .on-gallery-lightbox-figure>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 170px);margin-inline:auto;object-fit:contain;object-position:center}.on-art-direction .on-gallery-lightbox-figure>figcaption{display:grid;gap:5px;margin-top:17px;text-align:center;color:#4e654b}.on-art-direction .on-gallery-lightbox-figure>figcaption>strong{color:#263f31;font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.2}.on-art-direction .on-gallery-lightbox-figure>figcaption>span{font-size:13px;line-height:1.55;color:#617156}.on-art-direction .on-gallery-lightbox-figure>figcaption>small{font-size:11px;line-height:1.55;color:#69765f}html:has(.on-gallery-lightbox[open]){overflow:hidden}@media (max-width:700px){.on-art-direction .on-gallery-lightbox[open]{width:calc(100vw - 24px);max-height:calc(100dvh - 20px);padding:56px 15px 18px}.on-art-direction .on-gallery-lightbox-figure>img{max-height:calc(100dvh - 165px)}.on-art-direction .on-gallery-lightbox-figure>figcaption>strong{font-size:23px}}.on-art-direction .on-examples{position:relative}.on-art-direction .on-examples .on-section-heading{padding-bottom:25px;border-bottom:1px solid #d5cdbd;margin-bottom:30px}.on-art-direction .on-example-tabs{border:0;background:transparent;border-radius:0;padding:0;gap:26px;margin-bottom:25px}.on-art-direction .on-example-tabs button{border-radius:0;border-bottom:2px solid transparent;padding:11px 0 13px;font-size:15px;gap:9px}.on-art-direction .on-example-tabs button.active{border-bottom-color:#b9533b;background:transparent;box-shadow:none}.on-art-direction .on-example-tabs button>span{color:#9d8b6b;font-family:Georgia,serif}.on-art-direction .on-example-layout{padding:0;gap:65px;border:0;background:transparent;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.on-art-direction .on-example-story>h3{font-size:42px;line-height:1.16;letter-spacing:-.04em}.on-art-direction .on-example-number{color:#847254}.on-art-direction .on-example-prompt{border:0;border-left:2px solid #c9b08a;border-radius:0;background:#f0eadf;padding:21px 24px}.on-art-direction .on-example-prompt>div{color:#7b6e55}.on-art-direction .on-example-prompt blockquote{color:#455c4a;font-size:15px;line-height:1.75}.on-art-direction .on-example-tags>span{background:#f4f0e6;border-color:#ddd4c1;color:#756647}.on-art-direction .on-example-art{border-radius:1px;background:#e5e6d8;padding:42px 26px 25px;min-height:500px}.on-art-direction .on-example-art.example-gift{background:#e4dfdf}.on-art-direction .on-example-art.example-family{background:#e6e9d6}.on-art-direction .on-example-art:before{inset:17px;border-radius:0;border-color:#9caa7b36}.on-art-direction .on-art-frame{border:8px solid #9a7c53;padding:0;box-shadow:0 19px 29px -13px #3a452958;transform:none}.on-art-direction .on-art-frame>img{display:block;object-fit:contain;transform:none}.on-art-direction .on-example-art>span{font-size:12px;color:#637052}.on-art-direction .on-design-example-cta{margin-top:10px;padding-top:29px}.on-art-direction .on-how-section{padding-block:92px;background:#eeeadd;border-top:1px solid #e1d8c6;border-bottom:1px solid #e1d8c6}.on-art-direction .on-how-steps{position:relative;gap:0;margin-top:50px;border-top:1px solid #c7cbb8}.on-art-direction .on-how-steps article{position:relative;padding:34px 30px 20px;border:0;border-right:1px solid #d1d4c2;border-radius:0;background:transparent}.on-art-direction .on-how-steps article:first-child{padding-left:0}.on-art-direction .on-how-steps article:last-child{border-right:0;padding-right:0}.on-art-direction .on-step-number{top:28px;right:27px;color:#9ca785;font-size:44px;line-height:1}.on-art-direction .on-step-icon{width:42px;height:42px;margin-bottom:33px;border-radius:50%;border:1px solid #c5cfb0;background:#e5e9d8;color:#526a3c}.on-art-direction .on-how-steps h3{font-family:Georgia,serif;font-size:25px;letter-spacing:-.025em;font-weight:400}.on-art-direction .on-how-steps p{font-size:15px;color:#627052}.on-art-direction .on-process-strip{border:1px solid #cbd0bc;padding:22px 25px;margin-top:29px;background:#f4f4e9}.on-art-direction .on-style-gallery{gap:28px}.on-art-direction .on-style-example{border:0;padding:0;border-radius:0;background:transparent;transition:transform .25s,box-shadow .25s}.on-art-direction .on-style-example:hover{transform:translateY(-5px);border-color:transparent;box-shadow:none}.on-art-direction .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-art-direction .on-style-image{height:320px;padding:18px;border-radius:0;border:1px solid #cfc6b2;background:#ede6d8;box-shadow:inset 0 0 0 6px #faf5e9;transition:background .25s,box-shadow .25s}.on-art-direction .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image>img,.on-art-direction .on-style-image>img{width:100%;height:100%;object-fit:contain;transform:none;filter:none}.on-art-direction .on-style-example:hover .on-style-image{box-shadow:inset 0 0 0 6px #faf5e9,0 16px 22px -17px #56452e75}.on-art-direction .on-style-example:hover .on-style-image>img{transform:none}.on-art-direction .on-style-image>span{top:15px;left:15px;border-radius:0;background:#fbf5e7e8;border-color:#d8ccb2;color:#8c7351;font-family:Georgia,serif}.on-art-direction .on-style-text{padding:19px 28px 7px 0}.on-art-direction .on-style-text h3{font-family:Georgia,serif;font-size:24px;line-height:1.22;letter-spacing:-.02em;font-weight:400}.on-art-direction .on-style-text p{font-size:14px}.on-art-direction .on-style-text>svg{top:19px;right:0;color:#b9533b;transition:transform .2s}.on-art-direction .on-style-example:hover .on-style-text>svg{transform:translate(2px,-2px)}.on-art-direction .on-gallery-caption{color:#6b735e}.on-art-direction .on-gift-section{padding-block:100px;background:radial-gradient(ellipse at 18% 25%,#5a654233,transparent 55%),#293d30;color:#f8f0df}.on-art-direction .on-gift-layout{gap:84px}.on-art-direction .on-gift-frame{max-width:90%;width:350px;border-color:#c3a372;padding:0;box-shadow:0 21px 46px #081c1570}.on-art-direction .on-gift-frame img{display:block;object-fit:contain;transform:none}.on-art-direction .on-gift-card{border-radius:2px;background:#eee6d3;color:#60513c;box-shadow:0 12px 25px #0c1b1530;font-family:Georgia,serif;font-size:22px}.on-art-direction .on-gift-visual>.on-image-disclaimer{color:#bdcbb5}.on-art-direction .on-gift-copy .on-eyebrow{color:#c1d0b7}.on-art-direction .on-gift-copy h2{color:#f8f0df;font-size:57px}.on-art-direction .on-gift-copy h2 em{color:#e4b38c}.on-art-direction .on-gift-copy>p{color:#d5dfcc}.on-art-direction .on-occasion-list>span{color:#d4dfc7;border-color:#b6c7a248;border-radius:3px;background:#f3eacf05}.on-art-direction .on-gift-copy>.on-button-dark{color:#173329;background:#f2e8d3;border-color:#f2e8d3}.on-art-direction .on-gift-copy>.on-button-dark:hover{background:#dfcbaa}.on-art-direction .on-gift-copy>small{color:#c0cfb6}.on-art-direction .on-print{gap:70px;align-items:start}.on-art-direction .on-print-copy{position:sticky;top:105px}.on-art-direction .on-print-copy h2{font-size:58px}.on-art-direction .on-format-list>span{border-radius:2px;border:1px solid #d1d8bf;background:#edf0df;color:#586b43}.on-art-direction .on-print-visual{border:0;border-radius:0;padding:0;min-height:0;background:transparent;gap:22px}.on-art-direction .on-frame-preview{order:-1;width:100%;min-width:0}.on-art-direction .on-frame-room{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:302px;padding:25px;border:1px solid #ddd3c0;background:radial-gradient(ellipse at 20% 5%,#fffff6ba,transparent 65%),linear-gradient(#e3ddcc 0 84%,#b49a77 84% 85%,#c8b18e 85%);box-shadow:inset 0 -12px 22px #8f765c10}.on-art-direction .on-frame-room:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 50%)}.on-art-direction .on-frame-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,#fffff72a 0 20%,transparent 20% 40%,#fffff71a 40% 52%,transparent 52%)}.on-art-direction .on-frame-shelf{position:absolute;left:12%;right:12%;bottom:29px;height:6px;z-index:-1;background:#b99b74;box-shadow:0 4px 6px #71573425}.on-art-direction .on-frame-art{width:76%;max-width:312px;padding:0;border:10px solid #9b7650;box-shadow:2px 12px 20px #6b54333d;transition:border-color .28s,box-shadow .28s}.on-art-direction .on-frame-art[data-frame=dark]{border-color:#30352e}.on-art-direction .on-frame-art[data-frame=white]{border-color:#f6f0e4}.on-art-direction .on-frame-art>img{display:block;width:100%;height:auto}.on-art-direction .on-frame-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.on-art-direction .on-frame-options>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid #cdd4bf;background:#f7f4e9;color:#5c6e48;font-size:13px;border-radius:3px}.on-art-direction .on-frame-options>button[aria-pressed=true]{background:#263f31;color:#f6f0df;border-color:#263f31}.on-art-direction .on-frame-swatch{width:12px;height:12px;flex:0 0 12px;border:1px solid #a5a994;background:#c3a070}.on-art-direction .on-frame-swatch.is-dark{background:#30352e}.on-art-direction .on-frame-swatch.is-white{background:#f6f0e4}.on-art-direction .on-frame-caption{margin:12px auto 0;max-width:410px;text-align:center;font-size:12px;line-height:1.65;color:#6b745f}.on-art-direction .on-print-paper{width:240px;padding:18px;background:#fffef9;box-shadow:0 10px 22px #7a72551b}.on-art-direction .on-print-paper>div{font-size:9px;gap:6px;margin-bottom:14px}.on-art-direction .on-print-paper>img{aspect-ratio:auto;height:auto}.on-art-direction .on-print-paper>footer{font-size:9px;padding-top:13px}.on-art-direction .on-print-file{border:1px solid #d4dbc7;border-radius:4px;background:#f9f9ed}.on-art-direction .on-print-floating{align-self:center;font-size:17px;color:#6c7955}.on-art-direction .on-price-section{position:relative;overflow:hidden;background:#19392b;padding-block:96px}.on-art-direction .on-price-section:before{content:"";position:absolute;pointer-events:none;width:800px;height:800px;border:1px solid #bbceaa16;border-radius:50%;top:-230px;left:-430px}.on-art-direction .on-price-layout{gap:95px;align-items:center}.on-art-direction .on-price-section h2{font-size:62px;color:#f4efdf}.on-art-direction .on-price-section h2 em{color:#e5b38c}.on-art-direction .on-price-layout>div:first-child>p{color:#c7d9be}.on-art-direction .on-price-card{border-radius:2px;border:1px solid #e8dcc2;background:#fbf6e9;padding:38px;box-shadow:0 20px 38px #0a1f153b}.on-art-direction .on-price-card>span{color:#7d6f4e;font-size:11px}.on-art-direction .on-price{font-family:Georgia,serif;font-size:88px;font-weight:400;color:#214331;line-height:1.05;letter-spacing:-.065em;margin-top:21px}.on-art-direction .on-price>small{font-size:41px;color:#517141}.on-art-direction .on-price-card>.on-button{border-radius:3px}.on-art-direction .on-price-rule{background:#d6dac6}.on-art-direction .on-studio-section{background:#eeeadd;padding-block:95px}.on-art-direction .on-studio-section>.on-container>.on-section-heading{border-bottom:1px solid #d0d6c2;padding-bottom:33px}.on-art-direction .on-studio-form{border-radius:8px;border-color:#d7d8c7;box-shadow:0 10px 28px #4b5b3b08}.on-art-direction .on-studio-result{border-radius:8px;border-color:#cbd3bf;box-shadow:0 10px 28px #4b5b3b08}.on-art-direction .on-form-step{font-family:Georgia,serif;color:#8d9e72}.on-art-direction .on-result-header{background:#f3f2e5}.on-art-direction .on-empty-preview{background:radial-gradient(ellipse at 50% 30%,#e3e9d3,transparent 65%),#f6f4e8}.on-art-direction .on-portrait-input{border-style:dashed;border-radius:6px}.on-art-direction .on-portrait-input>img{object-fit:contain}.on-art-direction .on-description-input{background:#fffef8;border-radius:6px}.on-art-direction .on-create-button,.on-art-direction .on-people-count button,.on-art-direction .on-ratio-options button,.on-art-direction .on-style-option{border-radius:4px}.on-art-direction .on-my-art-heading h3{font-family:Georgia,serif;font-weight:400;font-size:38px}.on-art-direction .on-work-open>img{object-fit:contain;transform:none}.on-art-direction .on-faq{gap:88px}.on-art-direction .on-faq h2{font-size:58px}.on-art-direction .on-faq-list details{border:0;border-bottom:1px solid #d4d7c3;border-radius:0;margin:0;background:transparent}.on-art-direction .on-faq-list summary{padding:22px 0;font-size:17px;color:#344e35}.on-art-direction .on-faq-list summary>svg{transition:transform .25s;color:#a96945}.on-art-direction .on-faq-list details[open] summary>svg{transform:rotate(45deg)}.on-art-direction .on-faq-list details>p{padding:0 35px 24px 0;color:#667852}.on-art-direction .on-final-section{position:relative;padding-block:20px 110px;background:radial-gradient(ellipse at 50% 40%,#eedccc40,transparent 65%)}.on-art-direction .on-final-section h2{font-size:65px}.on-art-direction .on-final-star{color:#bdc9a3;right:40px;font-size:80px;opacity:.6}.on-art-direction .on-footer{background:#142e26;border:0;padding-block:48px 32px}.on-art-direction .on-footer .on-brand{color:#f9f2e5}.on-art-direction .on-footer .brand-mark>span{border-color:#142e26}.on-art-direction .on-footer-top>p{color:#c1d0b9}.on-art-direction .on-footer-top>.on-text-button{color:#e3ba95}.on-art-direction .on-footer-bottom{border-color:#bac9a928;color:#b7c9ac}.on-art-direction .on-footer-bottom>div>a,.on-art-direction .on-footer-bottom>div>button,.on-art-direction .on-footer-bottom>span:last-child{color:#bdceb2}.on-art-direction .on-design-mobile-cta{filter:drop-shadow(0 8px 14px #07180f24)}.on-art-direction .on-design-mobile-cta>.on-button{border-radius:5px}.on-art-direction .on-reading-progress{position:fixed;z-index:70;inset:0 0 auto;height:2px;background:#dfaa80;transform:scaleX(var(--on-reading-progress,0));transform-origin:left center;pointer-events:none}@keyframes on-gallery-reveal{0%{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.on-art-direction.on-motion-ready .on-reveal-once[data-revealed=true]:not(#studio){animation:on-gallery-reveal .65s cubic-bezier(.2,.65,.25,1) both}}@media (max-width:1150px){.on-art-direction .on-hero{gap:30px;min-height:700px}.on-art-direction .on-hero h1{font-size:clamp(56px,5.8vw,68px)}.on-art-direction .on-gallery-selector>button{padding-inline:9px}.on-art-direction .on-example-layout{gap:42px}.on-art-direction .on-gift-layout,.on-art-direction .on-price-layout,.on-art-direction .on-print{gap:48px}.on-art-direction .on-price-section h2{font-size:54px}}@media (max-width:980px){.on-art-direction .on-hero{grid-template-columns:1fr;gap:42px;padding-top:58px;padding-bottom:45px}.on-art-direction .on-hero-copy{max-width:680px;padding-bottom:0}.on-art-direction .on-hero h1{font-size:70px}.on-art-direction .on-hero-description{max-width:630px}.on-art-direction .on-living-gallery{max-width:620px;margin-inline:auto}.on-art-direction .on-example-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}.on-art-direction .on-example-story>h3{font-size:33px}.on-art-direction .on-example-art{min-height:420px;padding:30px 18px 20px}.on-art-direction .on-how-steps article{padding-inline:22px}.on-art-direction .on-how-steps h3{font-size:22px}.on-art-direction .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-art-direction .on-style-image{height:280px;padding:15px}.on-art-direction .on-gift-copy h2,.on-art-direction .on-print-copy h2{font-size:47px}.on-art-direction .on-price-layout{gap:40px}.on-art-direction .on-price-section h2{font-size:50px}.on-art-direction .on-price-card{padding:29px}.on-art-direction .on-print-copy{position:static}.on-art-direction .on-faq{gap:45px}}@media (max-width:700px){.on-art-direction .on-section{padding-block:66px}.on-art-direction .on-section-heading{margin-bottom:30px}.on-art-direction .on-section-heading h2{font-size:39px}.on-art-direction .on-section-heading>p{font-size:15px}.on-art-direction .on-hero{padding-top:32px;padding-bottom:30px;gap:26px}.on-art-direction .on-hero h1{font-size:45px;line-height:1.03}.on-art-direction .on-hero-description{font-size:14px;line-height:1.65;margin-top:20px}.on-art-direction .on-hero .on-eyebrow{margin-bottom:18px;font-size:9px}.on-art-direction .on-hero-cta{gap:10px;margin-top:20px}.on-art-direction .on-hero-cta>span{font-size:12px}.on-art-direction .on-hero-details{gap:7px 12px;margin-top:15px;font-size:12px}.on-art-direction .on-living-gallery{gap:15px}.on-art-direction .on-gallery-stage{display:block;transform:none}.on-art-direction .on-gallery-preview{display:none}.on-art-direction .on-gallery-main{--gallery-edge:6px}.on-art-direction .on-gallery-main>.on-gallery-caption{gap:8px;margin-top:12px}.on-art-direction .on-gallery-caption>strong{font-size:14px}.on-art-direction .on-gallery-caption>span:last-child{font-size:11px}.on-art-direction .on-gallery-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.on-art-direction .on-gallery-selector>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:6px 4px;min-height:44px;font-size:11px;line-height:1.35}.on-art-direction .on-gallery-thumb{width:100%;height:40px;flex:0 0 40px}.on-art-direction .on-gallery-main>.on-gallery-caption>span:nth-child(2)>strong{font-size:17px}.on-art-direction .on-gallery-meta{gap:10px 12px}.on-art-direction .on-living-gallery .on-hero-caption{font-size:12px;padding-top:3px}.on-art-direction .on-living-gallery .on-hero-sticker{font-size:12px;gap:8px}.on-art-direction .on-living-gallery .on-hero-sticker>svg{width:21px;height:21px}.on-art-direction .on-living-gallery .on-handwritten{font-size:14px}.on-art-direction .on-living-gallery .on-hero-note{gap:7px}.on-art-direction .on-living-gallery .on-hero-note>svg{width:20px;height:20px}.on-art-direction .on-living-gallery .on-image-disclaimer{font-size:11px}.on-art-direction .on-ribbon{gap:14px 23px;padding-block:18px;min-height:70px;font-size:9px}.on-art-direction .on-example-tabs{width:100%;gap:18px;justify-content:space-between}.on-art-direction .on-example-tabs button{padding:10px 0 12px;gap:5px;font-size:13px}.on-art-direction .on-example-tabs button>span{font-size:11px}.on-art-direction .on-example-layout{display:flex;flex-direction:column;gap:30px}.on-art-direction .on-example-story>h3{font-size:33px}.on-art-direction .on-example-story>p{font-size:15px}.on-art-direction .on-example-prompt{padding:18px 19px}.on-art-direction .on-example-prompt blockquote{font-size:14px}.on-art-direction .on-example-art{width:100%;min-height:385px;padding:30px 19px 20px}.on-art-direction .on-art-frame>img{max-height:340px}.on-art-direction .on-how-section{padding-block:64px}.on-art-direction .on-how-steps{grid-template-columns:1fr;margin-top:33px}.on-art-direction .on-how-steps article,.on-art-direction .on-how-steps article:first-child,.on-art-direction .on-how-steps article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid #d1d4c2}.on-art-direction .on-step-icon{margin-bottom:19px}.on-art-direction .on-step-number{top:24px;right:7px;font-size:42px}.on-art-direction .on-how-steps h3{max-width:80%;font-size:26px}.on-art-direction .on-how-steps p{font-size:15px}.on-art-direction .on-process-strip{padding:20px 18px;gap:15px}.on-art-direction .on-style-gallery{gap:23px 15px}.on-art-direction .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-art-direction .on-style-image{height:210px;padding:10px;box-shadow:inset 0 0 0 4px #faf5e9}.on-art-direction .on-style-text{padding-top:14px}.on-art-direction .on-style-text h3{font-size:21px}.on-art-direction .on-style-text p{font-size:12px}.on-art-direction .on-style-text>svg{width:15px;height:15px;top:17px}.on-art-direction .on-gift-section{padding-block:66px}.on-art-direction .on-gift-layout{gap:42px}.on-art-direction .on-gift-frame{width:290px;max-width:88%}.on-art-direction .on-gift-card{font-size:21px}.on-art-direction .on-gift-copy h2,.on-art-direction .on-print-copy h2{font-size:40px}.on-art-direction .on-gift-copy>p,.on-art-direction .on-print-copy>p:not(.on-fine-print){font-size:15px}.on-art-direction .on-print{gap:37px}.on-art-direction .on-frame-room{height:270px;padding:22px}.on-art-direction .on-frame-art{width:83%;border-width:8px}.on-art-direction .on-frame-options{gap:6px}.on-art-direction .on-frame-options>button{font-size:12px;padding-inline:12px}.on-art-direction .on-price-section{padding-block:65px}.on-art-direction .on-price-layout{gap:35px}.on-art-direction .on-price-section h2{font-size:42px}.on-art-direction .on-price-card{padding:28px 24px}.on-art-direction .on-price{font-size:78px}.on-art-direction .on-studio-section{padding-block:64px}.on-art-direction .on-studio-section>.on-container>.on-section-heading{padding-bottom:25px}.on-art-direction .on-faq{gap:30px}.on-art-direction .on-faq h2{font-size:40px}.on-art-direction .on-faq-list summary{padding-block:20px;font-size:15px}.on-art-direction .on-faq-list details>p{font-size:14px;padding-right:22px}.on-art-direction .on-final-section{padding-block:15px 75px}.on-art-direction .on-final-section h2{font-size:42px}.on-art-direction .on-final-star{right:10px;top:80px;font-size:52px;opacity:.35}.on-art-direction .on-footer{padding-top:36px;padding-bottom:105px}}@media (max-width:420px){.on-art-direction .on-hero h1{font-size:41px}.on-art-direction .on-hero-description{font-size:14px}.on-art-direction .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-art-direction .on-style-image{height:190px}}@media (max-width:360px){.on-art-direction .on-hero{padding-top:32px}.on-art-direction .on-hero h1{font-size:39px}.on-art-direction .on-hero-description{font-size:14px;line-height:1.65}.on-art-direction .on-hero .on-eyebrow{font-size:8px}.on-art-direction .on-gallery-meta,.on-art-direction .on-living-gallery{grid-template-columns:1fr}.on-art-direction .on-living-gallery .on-hero-note,.on-art-direction .on-living-gallery .on-hero-sticker{grid-column:1;justify-self:center}.on-art-direction .on-gallery-caption>span:last-child{font-size:10px}.on-art-direction .on-example-tabs{gap:12px}.on-art-direction .on-example-tabs button{font-size:12px}.on-art-direction .on-style-gallery{grid-template-columns:1fr}.on-art-direction .on-style-example:is(.style-watercolor,.style-cinematic,.style-illustration,.style-minimal,.style-fantasy) .on-style-image,.on-art-direction .on-style-image{height:300px;padding:16px}}@media (prefers-reduced-motion:reduce){.on-art-direction *,.on-art-direction :after,.on-art-direction :before{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.on-art-direction .on-gallery-stage{transform:none!important}.on-art-direction .on-style-example:hover{transform:none}}.on-art-direction .on-portrait-grid>.on-person-card:only-child{grid-column:1/-1;width:min(100%,240px);justify-self:center}