/* A dedicated paper page; the document itself scrolls through each form step. */



.custom-sketch-main{max-width:1180px;margin:42px auto 75px;padding:0 40px}
.custom-sketch-page .order-dialog{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;overflow:visible;background:transparent}
.custom-sketch-page .order-shell{display:grid;grid-template-columns:35% minmax(0,65%);height:auto;align-items:start}
.custom-sketch-page .order-aside{display:flex;position:sticky;top:28px;align-self:start;background:none;color:var(--ink);padding:26px 40px 24px 0;overflow:visible}
.custom-sketch-page .order-aside>.eyebrow{color:var(--muted);font-size:10px}
.custom-sketch-page .order-aside h2{font-size:clamp(48px,5vw,68px);line-height:.94;margin-top:18px}
.custom-sketch-page .order-aside em{color:var(--wine)}
.custom-sketch-page .order-aside-art{flex:none;height:310px;min-height:0;margin:35px 18px 34px}
.custom-sketch-page .order-aside-art>span{background:none;color:#766958;font-family:var(--hand);font-size:21px;white-space:normal;right:-15px;bottom:-12px;padding:0}
.custom-sketch-page .aside-total{border-color:var(--line);margin-top:8px}
.custom-sketch-page .aside-total>span{font-size:13px}.custom-sketch-page .aside-total strong{font-size:42px}
.custom-sketch-page .aside-note{color:var(--muted);font-size:12px;line-height:1.75}
.custom-sketch-page .order-main{min-width:0;overflow:visible;border-left:1px solid var(--line);padding-left:12px;scroll-margin-top:24px}
.custom-sketch-page .order-progress{padding:24px 36px 30px}
.custom-sketch-page .order-progress button{font-size:12px}.custom-sketch-page .order-progress button>span{width:24px;height:24px;font-size:10px}
.custom-sketch-page .bespoke-scroll{overflow:visible;padding:8px 36px 30px;flex:none;min-height:0}
.custom-sketch-page .order-step>h1,.custom-sketch-page .order-step>h2{font:400 clamp(42px,4.8vw,64px)/1.02 var(--serif);letter-spacing:-1.5px;margin:14px 0 0;outline:none}
.custom-sketch-page .step-intro{font-size:14px;line-height:1.8;margin-top:20px}
.custom-sketch-page .order-step>.eyebrow{font-size:11px}
.custom-sketch-page .preview-intro{margin-top:18px}
.custom-sketch-page .step-actions{gap:20px}


@media(max-width:900px) and (min-width:761px){.custom-sketch-main{padding:0 28px}.custom-sketch-page .order-shell{grid-template-columns:32% minmax(0,68%)}.custom-sketch-page .order-aside{padding-right:25px}.custom-sketch-page .order-aside h2{font-size:46px}.custom-sketch-page .order-aside-art{height:250px;margin-left:0;margin-right:0}.custom-sketch-page .order-progress,.custom-sketch-page .bespoke-scroll{padding-left:24px;padding-right:12px}}
@media(max-width:760px){

.custom-sketch-main{padding:0 22px;margin:16px auto 44px}.custom-sketch-page .order-shell{display:block}.custom-sketch-page .order-aside{display:none}
.custom-sketch-page .order-main{border:0;padding:0;scroll-margin-top:12px}.custom-sketch-page .order-progress{padding:18px 0 25px;gap:10px}.custom-sketch-page .order-progress button{font-size:10px;gap:5px}.custom-sketch-page .order-progress button>span{width:22px;height:22px;font-size:9px}
.custom-sketch-page .bespoke-scroll{padding:8px 0 20px}.custom-sketch-page .order-step>h1,.custom-sketch-page .order-step>h2{font-size:48px;letter-spacing:-1px}.custom-sketch-page .step-intro{font-size:14px}.custom-sketch-page .order-step>.eyebrow{font-size:10px}

}

.custom-sketch-page .header nav a[aria-current="page"]:after{width:100%}
.custom-sketch-page>.footer{max-width:1700px;margin-left:auto;margin-right:auto}

/* The commission gets its own opening: cut-paper portraits around a personal note. */
.custom-sketch-page .custom-sketch-main{max-width:1500px;margin:0 auto;padding:0}
.custom-sketch-page .custom-sketch-hero{display:grid;grid-template-columns:1fr 1.9fr 1.35fr;column-gap:28px;row-gap:0;align-items:center;min-height:590px;padding:35px 5% 55px;margin:10px auto 35px}
.custom-sketch-page .custom-hero-copy{grid-column:2;grid-row:1;min-width:0;position:relative;z-index:2}
.custom-sketch-page .custom-hero-copy h1{font:400 clamp(78px,7vw,110px)/.94 var(--serif);letter-spacing:-3.2px;margin:25px 0 0;text-align:left}
.custom-sketch-page .custom-hero-copy h1 em{display:block;margin-left:0;padding:0;white-space:nowrap}
.custom-sketch-page .custom-hero-copy>p:not(.eyebrow){max-width:360px;font-size:14px;line-height:1.85;color:var(--muted);margin-top:25px}
.custom-sketch-page .custom-hero-copy .text-link{font-size:14px;min-height:48px;margin-top:20px}
.custom-sketch-page .custom-hero-couple{grid-column:1;grid-row:1;align-self:end;padding-bottom:22px;transform:rotate(-8deg)}
.custom-sketch-page .custom-hero-family{grid-column:3;grid-row:1;align-self:center;transform:rotate(5deg)}
.custom-sketch-page .custom-hero-couple img,.custom-sketch-page .custom-hero-family img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 4px 1px #594a3010)}
.custom-sketch-page .custom-hero-couple img{height:340px}
.custom-sketch-page .custom-hero-family img{height:480px}
.custom-sketch-page .custom-hero-note{grid-column:3;grid-row:2;font-size:31px;line-height:1.2;justify-self:center;margin-top:-22px;transform:rotate(-6deg)}
.custom-sketch-page .custom-hero-meta{grid-column:2;grid-row:2;font-size:10px;line-height:1.7;letter-spacing:1.2px;color:var(--muted);align-self:start;margin-top:12px}
.custom-sketch-page #order-dialog{max-width:1180px;padding:0 40px;margin:0 auto 75px;scroll-margin-top:24px}
.custom-sketch-page .order-shell{grid-template-columns:27% minmax(0,73%)}
.custom-sketch-page .order-aside{padding-right:30px;padding-top:24px}
.custom-sketch-page .order-aside h2{font-size:56px;margin-top:20px}
.custom-sketch-page .aside-total{margin-top:32px}
@media(min-width:761px) and (max-width:1050px){
.custom-sketch-page .custom-sketch-hero{grid-template-columns:1fr 1fr;padding:35px 7% 45px;margin-bottom:20px;column-gap:30px}
.custom-sketch-page .custom-hero-copy{grid-column:1;grid-row:1}
.custom-sketch-page .custom-hero-copy h1{font-size:76px;letter-spacing:-2.5px}
.custom-sketch-page .custom-hero-family{grid-column:2;grid-row:1}
.custom-sketch-page .custom-hero-family img{height:400px}
.custom-sketch-page .custom-hero-couple{grid-column:1;grid-row:2;justify-self:center;width:65%;padding:0;margin-top:20px}
.custom-sketch-page .custom-hero-couple img{height:240px}
.custom-sketch-page .custom-hero-note{grid-column:2;grid-row:2;align-self:start;margin-top:15px}
.custom-sketch-page .custom-hero-meta{grid-column:2;grid-row:2;align-self:center}
.custom-sketch-page .order-aside h2{font-size:47px}
}
@media(max-width:760px){
.custom-sketch-page .custom-sketch-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:'copy copy' 'couple family' 'note family' 'meta meta';gap:8px 20px;min-height:0;padding:25px 7% 30px;margin:0 auto 22px;overflow:clip}
.custom-sketch-page .custom-hero-copy{grid-area:copy}
.custom-sketch-page .custom-hero-copy h1{font-size:clamp(61px,16vw,85px);line-height:.96;letter-spacing:-2.4px;margin-top:20px}
.custom-sketch-page .custom-hero-copy>p:not(.eyebrow){font-size:14px;margin-top:22px;max-width:410px}
.custom-sketch-page .custom-hero-copy .text-link{margin-top:12px;font-size:14px}
.custom-sketch-page .custom-hero-couple{grid-area:couple;padding:0;align-self:end;margin:22px 0 0;width:100%}
.custom-sketch-page .custom-hero-couple img{height:210px}
.custom-sketch-page .custom-hero-family{grid-area:family;align-self:center;margin:8px 0 0}
.custom-sketch-page .custom-hero-family img{height:300px}
.custom-sketch-page .custom-hero-note{grid-area:note;align-self:start;justify-self:start;font-size:27px;margin:0;max-width:150px}
.custom-sketch-page .custom-hero-meta{grid-area:meta;margin-top:12px;font-size:10px;letter-spacing:1px}
.custom-sketch-page #order-dialog{padding:0 22px;margin-bottom:44px;scroll-margin-top:15px}
.custom-sketch-page .order-shell{display:block}
}
@media(max-width:350px){.custom-sketch-page .custom-hero-copy h1{font-size:55px;letter-spacing:-2px}.custom-sketch-page .custom-sketch-hero{column-gap:14px}.custom-sketch-page .custom-hero-family img{height:250px}.custom-sketch-page .custom-hero-couple img{height:185px}.custom-sketch-page .custom-hero-note{font-size:25px}}

/* An explicit file button keeps the drop area available without a click overlay. */
.custom-sketch-page .photo-drop{cursor:default}
.custom-sketch-page .photo-drop .reference-file-input{position:absolute;inset:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.custom-sketch-page .photo-drop .choose-reference-files{min-height:44px;min-width:130px;margin-top:3px;padding:9px 18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:400 12px/1.5 var(--sans);cursor:pointer}
.custom-sketch-page .photo-drop .choose-reference-files:hover{border-color:var(--wine)}
.custom-sketch-page .photo-drop .choose-reference-files:focus-visible{outline:2px solid var(--wine);outline-offset:3px}