/* White Space Studio Your work START
================================================ */

.home-main{align-items:flex-start}
.home-head{margin-bottom:34px}
.room-grid{gap:9px}
.room{min-height:0;flex-direction:row;align-items:center;padding:14px 16px}
.room-name{margin:0;font-size:1.18em}
.room-desc{display:none}
.room-enter{flex:0 0 auto;margin-left:auto;padding-left:14px;font-size:.67em}
.your-work{max-width:900px;margin:42px auto 0;padding-top:44px;border-top:1px solid var(--line)}
.work-head{max-width:650px;margin:0 0 38px}
.work-kicker{margin:0 0 9px;color:var(--cta-deep);font-size:.72em;letter-spacing:.13em;text-transform:uppercase}
.work-title{margin:0 0 10px;font:400 clamp(2rem,4vw,3.15rem)/1.06 var(--serif);color:var(--ink)}
.work-intro{margin:0;color:var(--ink-soft);font-size:.86em}
.work-results{display:grid;gap:48px}
.work-loading{margin:0;color:var(--muted);font-size:.8em}
.work-block{display:grid;gap:20px}
.work-block-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:11px;border-bottom:1px solid var(--line-soft)}
.work-block-head h3{margin:0;font:400 1.65em/1.1 var(--serif);color:var(--ink)}
.work-block-head p{margin:0;color:var(--muted);font-size:.72em;text-align:right}
.work-groups{display:grid;gap:30px}
.work-group{border-bottom:1px solid var(--line-soft)}
.work-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:20px;padding:14px 0;cursor:pointer;list-style:none}
.work-group-head::-webkit-details-marker{display:none}
.work-group-head::after{content:'+';color:var(--cta-deep);font-size:.9em;text-align:right}
.work-group[open]>.work-group-head::after{content:'−'}
.work-group-name{color:var(--ink);font:400 .78em/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.work-group-count{color:var(--muted);font-size:.68em}
.work-group>.work-grid{padding:0 0 22px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work-grid--current{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.work-card{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:124px;background:rgba(255,255,255,.26);border:1px solid var(--line-soft)}
.work-card--active{grid-template-columns:minmax(0,1fr);min-height:102px}
.work-card--active .work-thumb{display:none}
.work-card--saved{grid-template-columns:82px minmax(0,1fr);min-height:106px}
.work-card--saved .work-card-copy{padding:11px 12px}
.work-group .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.work-thumb{display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(144,128,119,.07);border-right:1px solid var(--line-soft)}
.work-thumb-image{display:block;width:100%;height:100%;object-fit:cover}
.work-thumb-fallback{padding:12px;color:rgba(112,92,83,.62);font-size:.65em;letter-spacing:.11em;text-align:center;text-transform:uppercase}
.work-card-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:16px 15px 14px}
.work-card-name{display:-webkit-box;overflow:hidden;margin:0 0 6px;color:var(--ink);font:400 .72em/1.35 var(--mono);letter-spacing:-.015em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.work-card-meta{margin:0 0 14px;color:var(--muted);font-size:.61em;line-height:1.5}
.work-open{position:relative;margin-top:auto;padding:3px 0;color:var(--cta-deep);font-size:.65em;letter-spacing:.025em;text-decoration:none;text-transform:uppercase}
.work-open::after{content:'';position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;transform:scaleX(.28);transform-origin:left;transition:transform 180ms ease}
.work-open:hover::after,.work-open:focus-visible::after{transform:scaleX(1)}
.work-open:focus-visible{outline:2px solid rgba(112,92,83,.45);outline-offset:4px}
.work-empty{padding:28px 30px;background:rgba(255,255,255,.22);border:1px solid var(--line-soft)}
.work-empty-title{margin:0 0 7px;color:var(--ink);font:400 1.32em/1.2 var(--serif)}
.work-empty-copy{max-width:62ch;margin:0;color:var(--muted);font-size:.75em}
.work-confirm{width:min(520px,calc(100% - 32px));max-width:none;margin:auto;padding:35px 38px 31px;background:var(--paper-soft);border:1px solid var(--line);border-radius:0;box-shadow:0 24px 70px rgba(61,61,57,.2);color:var(--ink);font-family:var(--mono)}
.work-confirm::backdrop{background:rgba(61,61,57,.42)}
.work-confirm-kicker{margin:0 0 11px;color:var(--cta-deep);font-size:.65em;letter-spacing:.02em;text-transform:uppercase}
.work-confirm-title{margin:0;color:var(--ink);font:400 29px/1.14 var(--serif)}
.work-confirm-copy{margin:15px 0 0;color:var(--ink-soft);font-size:.72em;line-height:1.75}
.work-confirm-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:30px}
.work-confirm button{font-family:var(--mono);cursor:pointer}
.work-confirm-keep{position:relative;padding:10px 0;border:0;background:transparent;color:var(--muted);font-size:.65em;letter-spacing:.02em;text-transform:uppercase}
.work-confirm-keep::after{content:'';position:absolute;right:50%;bottom:5px;left:50%;height:1px;background:var(--cta);transition:right 240ms ease,left 240ms ease}
.work-confirm-keep:hover::after,.work-confirm-keep:focus-visible::after{right:0;left:0}
.work-confirm-open{padding:13px 18px;border:1px solid var(--cta);background:var(--cta);color:var(--paper-soft);font-size:.65em;letter-spacing:.02em;text-transform:uppercase;transition:background 120ms ease,border-color 120ms ease}
.work-confirm-open:hover{background:var(--cta-deep);border-color:var(--cta-deep)}
.work-confirm button:focus-visible{outline:2px solid rgba(112,92,83,.45);outline-offset:4px}

@media(max-width:900px){
  .work-grid,.work-grid--current,.work-group .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .room{padding:12px 13px}
  .room-name{font-size:1.05em}
  .room-enter{font-size:0;width:20px;padding-left:8px}
  .room-enter::before{content:'↗';font-size:12px}
  .your-work{margin-top:48px;padding-top:40px}
  .work-head{margin-bottom:30px}
  .work-block-head{display:block}
  .work-block-head p{margin-top:7px;text-align:left}
  .work-grid,.work-grid--current,.work-group .work-grid{grid-template-columns:1fr}
  .work-card--active{grid-template-columns:minmax(0,1fr);min-height:100px}
  .work-card--saved{grid-template-columns:82px minmax(0,1fr);min-height:106px}
  .work-confirm{padding:28px 22px 24px}
  .work-confirm-title{font-size:26px}
  .work-confirm-actions{align-items:stretch;flex-direction:column-reverse;gap:9px}
  .work-confirm-keep,.work-confirm-open{width:100%}
}
@media(prefers-reduced-motion:reduce){.work-open::after,.work-confirm-keep::after,.work-confirm-open{transition:none}}

/* White Space Studio Your work ENDS
================================================ */