/* Approved point 4: one warm desk, live authored text and retained actions. */
body.archive-redesign{background:#0b0a08}
body.archive-redesign .topbar{background:#0b0a08f5}
body.archive-redesign #view{background:radial-gradient(ellipse at 30% 20%,#32281b10,transparent 65%)}
body.archive-redesign .ar-page{padding-bottom:0}
.ar-desk{position:relative;isolation:isolate;display:grid;grid-template-columns:44% 56%;grid-template-rows:auto auto auto;margin:22px calc(-1 * var(--desk-outset,20px)) 0;padding:7.5% 0 40px;background:#0b0a08;color:#e6dac6;min-width:0;container-type:inline-size}
.ar-desk-art{position:absolute;inset:0 0 auto;z-index:-2;pointer-events:none;display:block}
.ar-desk-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(transparent,#000 7%,#000 88%,transparent 100%)}
.ar-desk-quote{grid-column:1/-1;grid-row:1;position:relative;width:66%;margin:0 0 0 20%!important;padding:0 3%;min-height:9cqw;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#3b2d22}
.ar-desk-quote .eyebrow{color:#604b35;font:clamp(10px,1cqw,15px)/1.4 var(--sans);letter-spacing:.04em}
.ar-desk-quote p{font:clamp(17px,1.9cqw,29px)/1.25 var(--serif);margin:6px 0 0}
.ar-desk-book{grid-column:1;grid-row:2;min-height:42cqw}
.ar-desk-secret{grid-column:2;grid-row:2;min-width:0;padding:13cqw 11% 5cqw 16%;align-self:start}
.ar-desk-secret .ar-secret.secret{margin:0;padding:0;border:0;background:none;max-width:none}
.ar-desk-secret .ar-secret h3{font:clamp(24px,2.55cqw,39px)/1.2 var(--serif);color:#e6dac6;margin:12px 0 16px}
.ar-desk-secret .ar-secret p{font:clamp(19px,1.9cqw,29px)/1.4 var(--serif);color:#e6dac6;overflow-wrap:anywhere}
.ar-desk-secret .ar-secret .badge{font:clamp(10px,1.1cqw,17px)/1.4 var(--sans);letter-spacing:0;color:#c9aa77}
.ar-desk-secret .ar-secret .actions{margin-top:20px}
.ar-desk-secret .ar-seal-button{font:clamp(18px,1.75cqw,27px)/1.2 var(--serif);padding:12px 24px;min-height:44px;background:#111210;border:1px solid #a48754;color:#e6dac6;white-space:normal}
.ar-desk-secret .ar-wax-seal{display:none}
.ar-desk-secret .locked-bars{margin:20px 0}
.ar-desk-secret .locked-bars span{height:8px}
.ar-desk-invitation{grid-column:1;grid-row:3;padding:0 8% 0 17%;min-width:0}
.ar-desk .book-invitation{padding:0;margin:0;max-width:none;border:0;background:none;color:#e6dac6}
.ar-desk .book-invitation .eyebrow{font:clamp(10px,1cqw,15px)/1.4 var(--sans);letter-spacing:0;color:#baa274}
.ar-desk .book-invitation h3{font:clamp(28px,2.85cqw,44px)/1.1 var(--serif);margin:12px 0 8px}
.ar-desk .book-invitation p{font:clamp(19px,1.75cqw,27px)/1.3 var(--serif);margin:0 0 16px;color:#e6dac6}
.ar-desk .book-invitation .btn{width:100%;min-height:44px;padding:13px 16px;font:clamp(14px,1.4cqw,21px)/1.3 var(--sans);border:1px solid #a48754;background:#111210;color:#e6dac6;white-space:normal;text-align:center}
.ar-desk-links{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.ar-desk-links a{color:#c6ad80;font:clamp(12px,1.25cqw,19px)/1.4 var(--sans);text-decoration:none;min-height:32px;display:inline-flex;align-items:center;gap:7px}
.ar-desk-links a:hover{text-decoration:underline}
.ar-observer-slot{grid-column:2;grid-row:3;align-self:start;min-width:0;padding:0 7% 0 2%}
body.archive-redesign .ar-observer-slot #observer-margin{width:100%;max-width:none;margin:0;padding:0}
body.archive-redesign .ar-observer-slot #observer-margin>div{background:#0b0a08;min-height:190px;padding:44px 50px 48px}
body.archive-redesign .ar-observer-slot #observer-margin>div:before{border-width:40px 40px 45px;border-image-width:40px 40px 45px}
body.archive-redesign .ar-observer-slot #observer-line{font:italic clamp(17px,1.5cqw,23px)/1.4 var(--serif);margin:16px 0}
body.archive-redesign .ar-observer-slot #observer-dismiss{font:clamp(17px,1.4cqw,22px)/1.3 var(--serif);min-height:44px}
.ar-desk-secret.is-open .ar-secret{padding:0 0 30px}
.ar-desk-secret.is-open .body-copy{background:#1a1713e8;padding:14px 16px;margin-left:-16px;margin-right:-16px}
@media(min-width:1450px){.ar-desk{--desk-outset:25px}}
@media(max-width:850px){
 .ar-desk{display:flex;flex-direction:column;margin:28px -14px 0;padding:0 0 45px}
 .ar-desk-art{position:relative;inset:auto;order:1;margin-top:0;z-index:0}
 .ar-desk-art img{width:100%;height:auto;mask-image:linear-gradient(#000 84%,transparent)}
 .ar-desk-quote{position:absolute;top:18px;left:9%;width:82%;margin:0!important;padding:0 3%;min-height:0;z-index:1}
 .ar-desk-quote .eyebrow{font:10px/1.3 var(--sans)}
 .ar-desk-quote p{font:14px/1.25 var(--serif);margin:8px 0 0}
 .ar-desk-book{display:none}
 .ar-desk-invitation{order:2;padding:20px 9% 24px;text-align:center}
 .ar-desk .book-invitation{text-align:center}
 .ar-desk .book-invitation .eyebrow{font-size:11px}
 .ar-desk .book-invitation h3{font-size:30px;margin:12px 0}
 .ar-desk .book-invitation p{font-size:20px;line-height:1.35}
 .ar-desk .book-invitation .btn{font-size:15px;min-height:46px}
 .ar-desk-links{align-items:center;gap:8px;margin-top:18px}
 .ar-desk-links a{font-size:13px;min-height:36px;justify-content:center}
 .ar-desk-secret{order:3;width:100%;padding:10% 12% 14% 24%;min-height:65cqw;background:url('assets/archive-desk/mobile-folder.webp') center top/100% auto no-repeat;text-align:center;align-self:auto}
 .ar-desk-secret .ar-secret h3{font-size:25px;margin:12px 0 15px}
 .ar-desk-secret .ar-secret p{font-size:20px;line-height:1.35}
 .ar-desk-secret .ar-secret .badge{font-size:10px}
 .ar-desk-secret .ar-secret .actions{justify-content:center;margin-top:18px}
 .ar-desk-secret .ar-seal-button{font-size:19px;padding:12px 18px}
 .ar-desk-secret .locked-bars{margin:15px 0}
 .ar-desk-secret .locked-bars span{height:5px}
 .ar-observer-slot{order:4;padding:20px 4% 0}
 body.archive-redesign .ar-observer-slot #observer-margin>div{min-height:260px;padding:55px 34px 60px}
 body.archive-redesign .ar-observer-slot #observer-line{font-size:24px;line-height:1.4}
 body.archive-redesign .ar-observer-slot #observer-dismiss{font-size:22px}
 .ar-desk-no-secret .ar-desk-secret{display:none}
}
/* Mobile quote paper grows with the actual quote; the book remains uniformly scaled. */
@media(max-width:850px){
 .ar-desk-quote{position:relative;top:auto;left:auto;order:0;width:90%;margin:20px auto 0!important;padding:15px 24px;min-height:90px;isolation:isolate}
 .ar-desk-quote:before{content:'';position:absolute;inset:0;z-index:-1;border:solid transparent;border-width:20px 24px;border-image:url('assets/archive-desk/quote.webp') 35 60 fill / 20px 24px / 0 stretch}
 .ar-desk-quote p{font-size:16px;line-height:1.25}
 .ar-desk-art{height:64.45cqw;overflow:hidden}
 .ar-desk-art img{transform:translateY(-20.5cqw)}
}

.ar-desk-links .ar-external-arrow{width:1em;height:1em;flex:none}
/* Blend only empty scene edges, keeping the book, paper and wax seal untouched. */
@media(max-width:850px){
 .ar-desk-art{mask-image:linear-gradient(transparent,#000 4px,#000 90%,transparent)}
 .ar-desk-secret{position:relative;isolation:isolate;background:none}
 .ar-desk-secret:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/archive-desk/mobile-folder.webp') center top/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 8px,#000 85%,transparent)}
}
/* Match the approved mobile folder's type scale while retaining touch targets. */
@media(max-width:850px){
 .ar-desk-secret:not(.is-open){padding:8% 10% 12% 19%}
 .ar-desk-secret:not(.is-open) .ar-secret h3{font-size:clamp(20px,5.2cqw,23px);margin:8px 0}
 .ar-desk-secret:not(.is-open) .ar-secret p{font-size:16px;line-height:1.3;margin:8px 0}
 .ar-desk-secret:not(.is-open) .locked-bars{margin:8px 0}
 .ar-desk-secret:not(.is-open) .locked-bars span{height:4px}
 .ar-desk-secret:not(.is-open) .ar-secret .actions{margin-top:8px}
 .ar-desk-secret:not(.is-open) .ar-seal-button{font-size:17px;padding:9px 16px;min-height:44px}
}
/* Open records use one growing folder: fixed-scale corners and seal, repeating side material. */
.ar-desk-secret.is-open{container-type:inline-size;padding:8cqw 6% 3cqw 4%;background:none}
.ar-desk-secret.is-open:before{display:none}
.ar-desk-secret.is-open .ar-secret.secret{position:relative;isolation:isolate;min-height:125cqw;padding:22% 13% 34%;text-align:center;background:none}
.ar-desk-secret.is-open .ar-secret:before{content:'';position:absolute;inset:25cqw 0 39.0625cqw;z-index:-2;background:url('assets/archive-desk/open-middle.webp?v=2') center top/100% auto repeat-y;pointer-events:none}
.ar-desk-secret.is-open .ar-secret:after{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/archive-desk/open-top.webp?v=2') center top/100% auto no-repeat,url('assets/archive-desk/open-bottom.webp?v=2') center bottom/100% auto no-repeat;pointer-events:none}
.ar-desk-secret.is-open .body-copy{background:none;box-shadow:none;padding:0;margin:20px 0 0;text-align:left}
.ar-desk-secret.is-open .ar-secret h3{font-size:clamp(25px,5.8cqw,33px)}
.ar-desk-secret.is-open .ar-secret p{font-size:clamp(20px,4.5cqw,25px);line-height:1.4}
@media(max-width:850px){
 .ar-desk-secret.is-open{padding:0 5%;margin-top:20px;min-height:0}
 .ar-desk-secret.is-open .ar-secret.secret{padding:22% 13% 34%;min-height:125cqw}
 .ar-desk-secret.is-open .ar-secret h3{font-size:25px}
 .ar-desk-secret.is-open .ar-secret p{font-size:20px}
}
/* Caps overlap the middle with a feathered material join, never across live text. */
.ar-desk-secret.is-open .ar-secret:before{inset:calc(25cqw - 10px) 0 calc(39.1176cqw - 10px)}
.ar-desk-secret.is-open .ar-secret:after{mask-image:linear-gradient(#000 calc(25cqw - 10px),transparent 25cqw,transparent calc(100% - 39.1176cqw),#000 calc(100% - 39.1176cqw + 10px))}
@media(min-width:851px){
 .ar-desk-secret.is-open .ar-secret.secret{min-height:78cqw;padding:16% 13% 27%}
}
@media(max-width:480px){
 .ar-desk-secret{container-type:inline-size;padding:0 5%!important;margin-top:20px;min-height:0;background:none}
 .ar-desk-secret:before{display:none}
 .ar-desk-secret .ar-secret.secret{position:relative;isolation:isolate;min-height:125cqw;padding:22% 13% 34%;text-align:center;background:none}
 .ar-desk-secret .ar-secret:before{content:'';position:absolute;inset:calc(25cqw - 10px) 0 calc(39.1176cqw - 10px);z-index:-2;background:url('assets/archive-desk/open-middle.webp?v=2') center top/100% auto repeat-y;pointer-events:none}
 .ar-desk-secret .ar-secret:after{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/archive-desk/open-top.webp?v=2') center top/100% auto no-repeat,url('assets/archive-desk/open-bottom.webp?v=2') center bottom/100% auto no-repeat;mask-image:linear-gradient(#000 calc(25cqw - 10px),transparent 25cqw,transparent calc(100% - 39.1176cqw),#000 calc(100% - 39.1176cqw + 10px));pointer-events:none}
}
@media(min-width:851px){
 .ar-desk-secret.is-open .ar-secret.secret{padding-bottom:45%}
}
/* Quote refinement: retain the approved serif, with breathing room on desktop. */
@media(min-width:851px){
 .ar-desk-quote{padding-inline:4%;padding-block:8px}
 .ar-desk-quote p{font-size:clamp(15px,1.65cqw,25px);line-height:1.3;margin-top:5px}
}

/* Open folders reveal the actual reconstructed desk, never a black cut-out. */
@media(min-width:851px){
 .ar-desk-open .ar-desk-art{mask-image:linear-gradient(transparent,#000 7%,#000 88%,transparent)}
 .ar-desk-open .ar-desk-art img{clip-path:none;mask-image:none}
 .ar-desk-open .ar-desk-art:after{content:'';position:absolute;left:36.783854%;top:26.367188%;width:63.216146%;height:73.632812%;background:url('assets/archive-desk/open-desk-patch.webp') center/100% 100% no-repeat;pointer-events:none}
}
/* Opening grows the record downwards from the book's top, not below it. */
@media(min-width:851px){.ar-desk-secret.is-open{padding-top:0}}
/* No horizontal page overscroll on desktop; mobile carousel keeps native behavior. */
@media(min-width:851px){html:has(body.archive-redesign),body.archive-redesign{overscroll-behavior-x:none}}
/* The requested mobile sequence shares a continuous table under quote and secrets. */
.ar-desk-documents{display:contents}
@media(max-width:850px){
 .ar-desk-documents{display:flex;flex-direction:column;order:0;position:relative;isolation:isolate;padding:20px 0 28px;min-width:0}
 .ar-desk-documents .ar-desk-quote{margin:0 auto 18px!important}
 .ar-desk-documents .ar-desk-secret{order:1;margin-top:0}
 .ar-desk-art{order:1}
 .ar-desk-invitation{order:2}
 .ar-observer-slot{order:3}
}
@media(max-width:850px){
 .ar-desk-documents:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/archive-desk/mobile-desk-cloth.webp') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 22px,#000 calc(100% - 22px),transparent);pointer-events:none}
 .ar-desk-documents .ar-desk-quote:before{border-image-source:url('assets/archive-desk/quote-alpha.webp')}
}

/* Feather only the empty margin above the mobile book, before its physical edge. */
@media(max-width:850px){.ar-desk-art{mask-image:linear-gradient(transparent,#000 3cqw,#000 90%,transparent)}}

/* Larger mobile book keeps its entire physical cover in a proportional scene crop. */
@media(max-width:850px){
 .ar-desk-art{height:103.12cqw;mask-image:linear-gradient(transparent,#000 5cqw,#000 90%,transparent)}
 .ar-desk-art img{width:160%;max-width:none;margin-left:-30%;transform:translateY(-32.8cqw)}
}