/* Public collection only. The five invitation documents retain their own art direction. */
.musubi-collection-page{--kasane-paper-stock:url("/assets/images/kasane-paper-stamp.webp");background:var(--paper);color:var(--ink)}
.musubi-collection-page .site-nav{position:sticky}
.musubi-collection-page .collection-wrap{padding-bottom:80px;background-color:var(--kasane-cream,var(--paper));background-image:linear-gradient(rgba(243,238,230,.90),rgba(243,238,230,.90)),var(--kasane-paper-stock);background-size:auto,960px auto;background-repeat:repeat;background-position:0 0,center top;background-blend-mode:normal,multiply}
.musubi-collection-page .collection-page-intro{padding:clamp(48px,5.5vw,80px) 0 42px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);column-gap:7vw;align-items:end}
.musubi-collection-page .collection-page-intro .eyebrow{grid-column:1/-1;margin:0 0 24px;color:#756653}
.musubi-collection-page .collection-page-intro h1{font:400 clamp(56px,6.8vw,96px)/.9 var(--serif);letter-spacing:-.055em;margin:0;max-width:680px;text-wrap:balance}
.musubi-collection-page .collection-page-intro h1 em{display:inline-block;margin-left:.25em;color:var(--accent);font-weight:400}
.musubi-collection-page .collection-page-intro>p:not(.eyebrow){max-width:39ch;margin:0 0 7px;font:400 15px/1.8 var(--sans);color:#6b6257}
.musubi-collection-page .collection-back{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:12px;margin-top:26px;min-height:44px;border-bottom:1px solid #aaa091;font:500 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:color .2s,border-color .2s}
.musubi-collection-page .collection-back:hover{color:var(--accent);border-color:var(--accent)}
.musubi-collection-page .site-footer{margin-top:0}
.collection-studio{width:100%;max-width:100%;color:var(--ink,#292824);font:14px var(--sans,'DM Sans',sans-serif)}
.collection-studio *{box-sizing:border-box}
.collection-studio .collection-main{padding:12px 0 0}
.collection-studio .intro{display:none}
.collection-studio .template-switches,.collection-studio .section-switches{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 24px}
.collection-studio .template-switches label,.collection-studio .section-switches label{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 0;cursor:pointer;font:400 12px/1.4 var(--sans,'DM Sans',sans-serif);color:#5d544a}
.collection-studio .template-switches label{border-bottom:1px solid transparent;margin-right:8px}
.collection-studio .template-switches label:has(input:checked){color:var(--ink,#292824);border-color:#6e6252}
.collection-studio input[type=checkbox]{appearance:none;flex-shrink:0;width:15px;height:15px;border:1px solid #9a8f7f;border-radius:0;margin:0;display:grid;place-content:center;background:#f5f0e8}
.collection-studio input[type=checkbox]:checked{background:#353029;border-color:#353029}
.collection-studio input[type=checkbox]:checked:after{content:'';width:7px;height:4px;border:solid #f5f0e8;border-width:0 0 1px 1px;transform:translateY(-1px) rotate(-45deg)}
.collection-studio .family-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #ada292;margin:0 0 18px}
.family-switch button{display:flex;align-items:baseline;gap:12px;min-height:56px;padding:14px 18px;border:0;border-left:1px solid #c4bbae;border-radius:0;background:#f5f0e8;color:#29241e;font:400 clamp(17px,1.6vw,21px)/1.2 var(--serif,'Newsreader',serif);text-align:left;cursor:pointer;transition:background-color .2s,color .2s}
.family-switch button:first-child{border-left:0}
.family-switch button small{font:500 9px/1 var(--mono,monospace);letter-spacing:.13em;color:#716658}
.family-switch button:hover{background:#fbf8f2}
.family-switch button[aria-pressed=true]{background:#29241e;color:#f5f0e8}
.family-switch button[aria-pressed=true] small{color:#c9bca8}
.family-switch button:focus-visible{outline:2px solid #29241e;outline-offset:2px}
@media (max-width:767px){.family-switch button{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;min-height:64px;padding:12px 10px;font-size:16px;overflow-wrap:break-word}}
.controls{display:flex;align-items:end;flex-wrap:wrap;gap:18px;padding:22px 0;border-block:1px solid #c4bbae;margin-bottom:18px}
.collection-studio .controls>label{display:grid;gap:9px;font:500 9px/1.5 var(--mono,monospace);letter-spacing:.13em;color:#716658;min-width:150px}
.collection-studio .controls select{appearance:none;-webkit-appearance:none;color-scheme:light;display:block;width:100%;max-width:240px;min-height:48px;border:1px solid #ada292;border-radius:0;box-shadow:none;background:#f5f0e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%234c4235' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 15px center;padding:12px 42px 12px 15px;font:400 13px/1.5 var(--sans,'DM Sans',sans-serif);letter-spacing:.01em;color:#29241e;cursor:pointer;transition:border-color .2s,background-color .2s}
.collection-studio .controls select:hover{border-color:#675640;background-color:#fbf8f2}
.collection-studio .controls select option{color:#29241e;background:#f5f0e8}
.collection-studio .view-toggle,.collection-studio .open-direction{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;border:1px solid #ada292;border-radius:0;padding:12px 15px;background:transparent;color:#29241e;font:500 9px/1.5 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.collection-studio .view-toggle:after{content:'↗'}
.collection-studio .view-toggle:hover,.collection-studio .open-direction:hover{background:#29241e;color:#f5f0e8;border-color:#29241e}
.collection-studio .control-note{margin:0 0 4px auto;color:#756b5d;font-size:11px;line-height:1.7;max-width:220px}
.collection-studio .section-switches{align-items:center;gap:6px 20px;margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid #c4bbae}
.collection-studio .section-switches>span{font:500 9px/1.5 var(--mono,monospace);letter-spacing:.12em;color:#716658;margin-right:4px}
.collection-studio .section-switches label{font-size:11px}
.collection-studio .boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,60px) clamp(22px,3vw,48px);align-items:start}
.collection-studio .board{min-width:0}.collection-studio .board[hidden]{display:none}
.collection-studio .board-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
.collection-studio .board-heading h3{margin:0;font:400 clamp(26px,2.4vw,32px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.025em}
.collection-studio .board-heading>span{font:400 9px/1.4 var(--mono,monospace);color:#8b7e6b}
.collection-studio .board-sub{font:400 9px/1.7 var(--mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:#716658;margin:0 0 16px}
.collection-studio .frame-shell{position:relative;overflow:hidden;width:100%;aspect-ratio:5/7;background:#e9e1d5;border:1px solid #b8ac9955;box-shadow:0 18px 32px -22px #29251e55}
.collection-studio .frame-shell iframe{display:block;position:static;border:0;max-width:none!important;transform-origin:top left;background:#f4f0e8;pointer-events:none}
.collection-studio .frame-link{position:absolute;inset:0;z-index:2}
.collection-studio .preview-status{position:absolute;inset:0;z-index:1;display:grid;place-content:center;padding:30px;text-align:center;background:#eee7db;color:#716658;font:400 18px/1.5 var(--serif,Georgia,serif);margin:0}
.collection-studio .frame-shell[aria-busy=false] .preview-status{display:none}
.collection-studio .open-direction{width:100%;margin-top:14px;padding-inline:14px;font-size:10px}
.collection-studio .board:has(.frame-link:hover) .open-direction{background:#29241e;color:#f5f0e8;border-color:#29241e}
.collection-studio .collection-footer{max-width:650px;margin:28px 0 0;font-size:11px;line-height:1.8;color:#807464}
.collection-studio :is(button,a,select,input):focus-visible,.musubi-collection-page a:focus-visible{outline:2px solid #806846;outline-offset:4px}
@media(max-width:1100px){.collection-studio .boards{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-studio .control-note{display:none}}
@media(max-width:720px){.musubi-collection-page .nav-links{display:none}.musubi-collection-page .site-nav{grid-template-columns:1fr auto;height:68px}.musubi-collection-page .nav-cta{display:inline-flex}.musubi-collection-page .collection-page-intro{display:block;padding:38px 0 32px}.musubi-collection-page .collection-page-intro .eyebrow{font-size:8px;margin-bottom:22px}.musubi-collection-page .collection-page-intro h1{font-size:clamp(52px,12vw,76px)}.musubi-collection-page .collection-page-intro>p:not(.eyebrow){font-size:14px;max-width:36ch;margin-top:24px}.musubi-collection-page .collection-back{margin-top:16px}.collection-studio .template-switches{gap:0 20px}.collection-studio .template-switches label{min-width:calc(50% - 20px);margin-right:0}.collection-studio .controls{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.collection-studio .controls>label{min-width:0}.collection-studio .controls select{max-width:none;font-size:16px;padding-left:12px}.collection-studio .control-note{display:block;margin:0;font-size:10px}.collection-studio .section-switches{gap:0 18px}.collection-studio .section-switches>span{width:100%;padding-top:8px}.collection-studio .boards,.collection-studio .boards.roomy{grid-template-columns:minmax(0,1fr);gap:36px}.collection-studio .board-sub{min-height:0}.collection-studio .open-direction{font-size:10px;padding:14px}.collection-studio .collection-footer{font-size:11px}.musubi-collection-page .collection-wrap{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.collection-studio *{transition:none!important}}
@media(max-width:720px){.collection-studio .controls>label:nth-child(1){grid-column:1;grid-row:1}.collection-studio .controls>label:nth-child(3){grid-column:2;grid-row:1}.collection-studio .controls>label:nth-child(2){grid-column:1/-1;grid-row:2}.collection-studio .control-note{grid-column:1/-1;margin:0}.collection-studio .control-note br{display:none}}
.collection-studio .collection-options{margin:0 0 30px;border-bottom:1px solid #c4bbae}
.collection-studio .collection-options summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;cursor:pointer;list-style:none;font:500 9px/1.5 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#716658}
.collection-studio .collection-options summary::-webkit-details-marker{display:none}
.collection-studio .collection-options summary:after{content:'';width:9px;height:9px;border:solid #4c4235;border-width:0 1px 1px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.collection-studio .collection-options[open] summary:after{transform:translateY(2px) rotate(-135deg)}
.collection-studio .collection-options .template-switches{margin:6px 0 4px}
.collection-studio .collection-options .section-switches{margin:0;border:0;padding-bottom:12px}
.collection-studio .collection-note{align-self:stretch;display:grid;align-content:end;gap:16px;padding:clamp(20px,2.6vw,32px) 0 0;border-top:1px solid #6e6252}
.collection-studio .collection-note p{margin:0;font:400 clamp(26px,2.6vw,34px)/1.12 var(--serif,Georgia,serif);letter-spacing:-.025em;max-width:16ch}
.collection-studio .collection-note span{max-width:34ch;font-size:13px;line-height:1.75;color:#6b6257}
.collection-studio .collection-note a{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #6e6252;font:500 10px/1.5 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:#29241e;text-decoration:none}
.collection-studio .collection-note a:hover{color:#806846;border-color:#806846}
@media(max-width:720px){.collection-studio .collection-note{padding-top:22px}}