.file-page{padding-bottom:var(--s-7)}.file-page .studio{--wall:#172048;--wall-ink:#fff;--wall-ink-2:#ffffffb8;gap:var(--s-6);border-radius:var(--radius-lg);background:var(--wall);color:var(--wall-ink);grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""art""slip";padding:clamp(20px,5vw,64px);scroll-margin-top:5rem;display:grid}@media (prefers-color-scheme:dark){.file-page .studio{--wall:#0a0f22}}@media (width<=40rem){.file-page .studio{margin-inline:calc(-1 * var(--gutter));border-radius:0}}@media (width>=64rem){.file-page .studio{column-gap:clamp(var(--s-7), 5vw, var(--s-9));row-gap:var(--s-6);grid-template:"art intro""art slip"1fr/minmax(0,1fr) minmax(22rem,27rem)}}.file-page .studio>.intro{gap:var(--s-4);grid-area:intro;display:grid}.file-page .studio>.intro h1{font-size:var(--step-5);letter-spacing:-.015em;text-wrap:balance;line-height:.95}.file-page .lede{max-width:34rem;font-size:var(--step-1);color:var(--wall-ink-2);line-height:1.4}.file-page .price-line{gap:var(--s-1);display:grid}.file-page .price-line .price{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-3);color:var(--wall-ink);line-height:1.1}.file-page .price-line p{font-size:var(--step-0);color:var(--wall-ink-2)}.file-page .facts{gap:var(--s-1) var(--s-5);font-size:var(--step--1);color:var(--wall-ink-2);flex-wrap:wrap;font-weight:600;display:flex}.file-page .studio>.art{gap:var(--s-5);grid-area:art;align-self:start;justify-items:center;width:100%;display:grid}.file-page .studio>.art>.pictures{width:min(100%,36rem)}@media (width>=64rem){.file-page .studio>.art{position:sticky;top:5.5rem}.file-page .studio>.art>.pictures{width:min(100%,41rem,80svh - 5.4rem)}}.file-page .studio>.art .cap{color:var(--wall-ink-2)}.file-page .slip{gap:var(--s-6);padding:clamp(var(--s-5), 3vw, var(--s-6));border-radius:var(--radius-lg);background:var(--sheet);color:var(--ink);grid-area:slip;align-content:start;display:grid}.file-page fieldset{border:0;min-width:0;margin:0;padding:0}.file-page .slip>.moment,.file-page .slip>.look,.file-page .slip>.words{gap:var(--s-3);display:grid}.file-page .step{align-items:center;gap:var(--s-3);margin-bottom:var(--s-1);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-2);padding:0;line-height:1.05;display:flex}.file-page .step .n{background:var(--ink);width:1.6em;height:1.6em;color:var(--sheet);border-radius:50%;flex:none;place-items:center;font-size:.62em;line-height:1;display:inline-grid}.file-page .when{gap:var(--s-3);display:grid}.file-page .field{gap:var(--s-1);min-width:0;font-size:var(--step--1);font-weight:600;display:grid}.file-page .field input{border:1px solid var(--control-line,var(--rule));border-radius:var(--radius);background:var(--sheet);width:100%;min-height:2.75rem;font-weight:400;font-size:var(--step-0);padding:.5rem .8rem}.file-page .field input:hover{border-color:var(--ink)}.file-page .field input+input{margin-top:var(--s-2)}.file-page .field .muted{color:var(--ink-2);font-weight:400}.file-page .hint{font-size:var(--step--1);color:var(--ink-2)}.file-page .slip .hint .link{color:var(--ink);font-size:var(--step--1);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.file-page .slip .hint .link:hover{color:var(--accent)}.file-page .checkout{gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--rule);display:grid}.file-page .small{font-size:var(--step--1);color:var(--ink-2)}.file-page>.designs{margin-top:var(--space-band)}.file-page>.designs>.gallery{gap:var(--s-6);padding:clamp(var(--s-5), 3vw, var(--s-7));border-radius:var(--radius-lg);background:var(--sheet);margin:0;list-style:none;display:grid}@media (width>=52rem){.file-page>.designs>.gallery{column-gap:clamp(var(--s-5), 3vw, var(--s-7));grid-template-columns:repeat(3,minmax(0,1fr))}}.file-page .work{gap:var(--s-3);align-content:start;justify-items:start;display:grid}.file-page .hung{--mat:clamp(10px, 6%, 28px);width:100%;margin:0 0 var(--s-3)}.file-page .work h3{font-size:var(--step-2);line-height:1.05}.file-page .work p{max-width:34rem;color:var(--ink-2)}.file-page .tones{flex-wrap:wrap;gap:6px;display:flex}.file-page .tones .tone span{border:1px solid var(--control-line,var(--rule));min-height:2.25rem;font-size:var(--step--1);cursor:pointer;border-radius:999px;place-items:center;padding:0 .75rem;font-weight:600;display:inline-grid}.file-page .tones .tone:hover span{border-color:var(--ink)}.file-page .tones .tone:has(input:checked) span{border-color:var(--ink);background:var(--ink);color:var(--sheet)}.file-page .tones .tone:has(input:focus-visible) span{outline:3px solid var(--accent);outline-offset:2px}.file-page .work>.acts{align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.file-page .pin{font-size:var(--step--1);color:var(--ink-2);text-underline-offset:.2em;font-weight:600}.file-page .pin:hover{color:var(--accent)}.file-page .notes{gap:var(--space-band) var(--s-8);margin-top:var(--space-band);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.file-page .notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.file-page .notes>:not(.prose){grid-column:1/-1}}.file-page .notes>.prose{max-width:none;padding:clamp(var(--s-5), 3vw, var(--s-6));border-radius:var(--radius-lg);background:var(--sheet);align-self:start}.file-page .notes h2{font-size:var(--step-3);margin-top:0;line-height:1.05}.file-page .faq details{border-top:1px solid var(--rule)}.file-page .faq details:last-of-type{border-bottom:1px solid var(--rule)}.file-page .faq summary{justify-content:space-between;gap:var(--s-4);padding-block:var(--s-3);cursor:pointer;font-weight:600;list-style:none;display:flex}.file-page .faq summary::-webkit-details-marker{display:none}.file-page .faq summary:after{content:"+";font-weight:400;font-size:var(--step-1);color:var(--ink-2);line-height:1}.file-page .faq details[open] summary:after{content:"−"}.file-page .faq summary:hover{color:var(--accent)}.file-page .faq details p{margin:0 0 var(--s-4)}.file-page .free{justify-content:space-between;align-items:center;gap:var(--s-4) var(--s-6);padding:clamp(var(--s-5), 3vw, var(--s-6));border-radius:var(--radius-lg);border:1px dashed var(--control-line,var(--rule));flex-wrap:wrap;display:flex}.file-page .free p{max-width:40rem}@media print{.file-page .studio,.file-page>.designs,.file-page .notes{display:none}}.file-page .checkout .also{font-size:var(--step--1);color:var(--ink-2)}.file-page .checkout .also a{color:var(--ink);font-weight:600}