/* CIPHERWEAR — THE LIVING PUZZLE v0.4 / UCS staged prototype. Scoped via cw- class. */
:root{color-scheme:dark;--cw-paper:#eee0c8;--cw-mute:#b8ab9b;--cw-gold:#dbaf75;--cw-line:#70573b;--cw-ink:#08090b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070809;color:var(--cw-paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button,a{font:inherit}a{color:inherit}a:hover{color:#fff3d6}button:focus-visible,a:focus-visible{outline:3px solid #eed397;outline-offset:4px}
.cw-skip{position:absolute;top:-80px;left:1rem;padding:.7rem 1rem;background:#14171b;z-index:90}.cw-skip:focus{top:1rem}
.cw-ucs{border-bottom:1px solid #3a3834;background:#0b141b;color:#c5d0d7}.cw-ucs-inner{max-width:1420px;padding:10px clamp(16px,4vw,55px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.cw-ucs a{text-decoration:none}.cw-ucs strong{color:#ead6b1}
.cw-shell{max-width:1420px;padding:0 clamp(16px,4vw,55px) 65px;margin:0 auto}
.cw-head{padding:23px 0 22px;border-bottom:1px solid #634d34;display:flex;align-items:center;justify-content:space-between;gap:20px}.cw-brand{display:flex;align-items:baseline;gap:15px}.cw-wordmark{font-family:Georgia,'Times New Roman',serif;letter-spacing:.25em;font-size:clamp(21px,2.1vw,31px);color:var(--cw-gold)}.cw-kicker{color:#b2a086;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.cw-nav{display:flex;gap:22px;flex-wrap:wrap}.cw-nav a{font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;color:#c7b9a3}
.cw-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,4vw,66px);align-items:center;padding:clamp(45px,7vw,100px) 0 70px}.cw-hero::before{position:absolute;top:0;left:-40px;content:'47 / 21 / 03';font:12px Georgia,serif;color:#8b6c4760;letter-spacing:.5em;writing-mode:vertical-rl;pointer-events:none}
.cw-eyebrow{font-size:10px;letter-spacing:.23em;color:var(--cw-gold);text-transform:uppercase}.cw-hero h1{font:normal clamp(48px,6.3vw,94px)/.99 Georgia,'Times New Roman',serif;margin:22px 0 26px;letter-spacing:-.035em}.cw-hero h1 em{color:#d4a968;font-weight:400}.cw-hero p{color:#bdb4a8;font-size:clamp(15px,1.35vw,19px);line-height:1.8;max-width:510px}.cw-hero-meta{margin-top:36px;display:flex;align-items:center;gap:12px;color:#ae997a;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.cw-dot{width:5px;height:5px;background:#d9b17c;border-radius:50%}
.cw-film{border:1px solid #836642;background:#030405;padding:10px;box-shadow:0 30px 70px #000e}.cw-film video{display:block;width:100%;height:auto;background:#06080b;aspect-ratio:16/9}.cw-film-credit{display:flex;justify-content:space-between;color:#9c886d;letter-spacing:.1em;font-size:10px;padding:12px 2px 2px;gap:8px}
.cw-frag-nav{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #3b352d;padding:17px 0 37px}.cw-frag-nav p{font-size:10px;letter-spacing:.15em;color:#ab987e;text-transform:uppercase}.cw-scroll{color:#ddb57f;text-decoration:none;letter-spacing:.13em;text-transform:uppercase;font-size:11px}
.cw-section-title{display:flex;gap:20px;justify-content:space-between;align-items:end;margin:28px 0 21px}.cw-section-title h2{font:normal clamp(31px,3.35vw,49px)/1.1 Georgia,serif;margin:9px 0 0}.cw-controls{display:flex;gap:8px;flex-wrap:wrap}.cw-btn{background:#121417;border:1px solid #6b5133;color:#d4bc95;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:11px;padding:13px 15px}.cw-btn:hover{background:#2e261d}.cw-tab[aria-pressed="true"]{background:#67482b;color:#fff2d7;border-color:#efc183}.cw-rotating{color:#edc48c}
.cw-frame{border:1px solid #775b3d;background:#090b0e;box-shadow:0 19px 50px #0008}.cw-stage{position:relative;aspect-ratio:16/8;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 32% 45%,#21201c,#0b1014 63%,#07090c 100%);transition:background 1.1s}
.cw-stage[data-chapter="PRESSURE"]{background:radial-gradient(ellipse at 34% 52%,#30201b,#151318 57%,#08080b 100%)}.cw-stage[data-chapter="WITNESS"]{background:radial-gradient(ellipse at 35% 40%,#18303b,#11191d 61%,#080c10 100%)}.cw-stage[data-chapter="COMMON"]{background:radial-gradient(ellipse at 34% 47%,#2b281c,#111617 63%,#090a0b 100%)}
.cw-grid{position:absolute;inset:6% 34% 8% 3%;background-image:linear-gradient(#b38f4730 1px,transparent 1px),linear-gradient(90deg,#b38f4730 1px,transparent 1px);background-size:12% 16%;opacity:.48;z-index:0}.cw-stage[data-chapter="PRESSURE"] .cw-grid{opacity:.12;background-size:8% 11%}.cw-stage[data-chapter="WITNESS"] .cw-grid{opacity:.3;background-size:19% 25%}
.cw-stage:after{content:'YOU SEE WHAT YOU DON\2019T SEE';position:absolute;left:31%;bottom:6%;transform:rotate(-90deg);transform-origin:left;letter-spacing:.18em;color:#c6a46d30;font-size:7px;pointer-events:none}
.cw-stage-label{position:absolute;top:3%;left:3%;color:#dbad6f;font-size:clamp(8px,.8vw,12px);letter-spacing:.17em;z-index:4;pointer-events:none}.cw-stage-serial{position:absolute;left:3%;bottom:3%;color:#c8a57a;font-size:clamp(8px,.8vw,11px);letter-spacing:.1em;z-index:4;pointer-events:none}
.cw-orbit{position:absolute;border:1px solid #b28b3f4d;border-radius:50%;width:40%;aspect-ratio:1;top:13%;left:10%;opacity:0;transition:opacity 1s}.cw-stage[data-chapter="COMMON"] .cw-orbit{opacity:1}
.cw-connections{position:absolute;pointer-events:none;inset:0 34% 0 0;width:66%;height:100%;opacity:0;transition:opacity 1.5s;z-index:1}.cw-stage[data-chapter="COMMON"] .cw-connections{opacity:.65}
.cw-piece-layer{position:absolute;inset:0;z-index:2}.cw-piece{position:absolute;padding:0;border:0;margin:0;background:transparent;cursor:pointer;will-change:left,top,transform;transition:left 2.65s cubic-bezier(.17,.82,.21,1),top 2.65s cubic-bezier(.17,.82,.21,1),width 2.65s ease,transform 2.65s cubic-bezier(.17,.82,.21,1),filter .5s;filter:drop-shadow(1px 7px 5px #0008)}.cw-piece img{display:block;width:100%;height:auto;pointer-events:none}.cw-piece:hover,.cw-piece:focus-visible,.cw-piece[aria-pressed="true"]{filter:drop-shadow(0 0 13px #d8a052) drop-shadow(0 10px 9px #000);z-index:8!important}.cw-piece[aria-pressed="true"]:after{content:attr(data-short);position:absolute;bottom:-16px;left:0;color:#f0d8a6;letter-spacing:.05em;font-size:8px;white-space:nowrap}
.cw-story{position:absolute;right:0;top:0;width:34%;height:100%;border-left:1px solid #795a37;background:linear-gradient(115deg,#100e0e,#0a0b0ee8);padding:8.5% 4% 3%;z-index:5}.cw-story-number{font:normal clamp(9px,1vw,12px) Georgia,serif;color:#d9b77e;letter-spacing:.17em}.cw-story h3{font:normal clamp(20px,2.7vw,42px)/1.19 Georgia,serif;margin:17px 0 0;max-width:340px}.cw-story hr{border:0;border-top:1px solid #9370476c;margin:9% 0}.cw-story p{font-size:clamp(11px,1vw,15px);color:#bdb1a3;line-height:1.68;margin:0}.cw-story-more{font-size:clamp(9px,.85vw,12px)!important;color:#9c8564!important;margin-top:14%!important;letter-spacing:.07em}
.cw-detail{display:grid;grid-template-columns:minmax(220px,.36fr) 1fr;gap:28px;padding:24px 27px;margin:14px 0 0;background:#121417;border:1px solid #4a3d2e;min-height:142px}.cw-detail-id{color:#d9b274;font-size:11px;letter-spacing:.14em}.cw-detail h4{font:normal 29px/1.2 Georgia,serif;margin:9px 0}.cw-detail p{line-height:1.75;font-size:14px;color:#c3b7a8;margin:0}.cw-detail small{display:block;color:#9d8a74;margin-top:10px;font-size:11px;letter-spacing:.045em}
.cw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0 55px}.cw-card{border:1px solid #635039;background:#101214;padding:15px;position:relative}.cw-card:before{content:attr(data-num);position:absolute;z-index:1;right:25px;top:26px;font-size:12px;letter-spacing:.1em;color:#cfa368;text-shadow:0 1px 8px #000}.cw-card img{display:block;aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;filter:saturate(.83)}.cw-card h3{font:normal clamp(23px,2.2vw,33px) Georgia,serif;margin:20px 0 10px}.cw-card p{font-size:14px;color:#b3a89b;line-height:1.65;min-height:75px}.cw-card .cw-btn{padding:10px 12px}
.cw-discovery{border-top:1px solid #5a4734;border-bottom:1px solid #5a4734;padding:26px 0 34px;margin-bottom:44px;display:grid;grid-template-columns:.7fr 1.3fr;gap:20px}.cw-discovery h2{font:normal clamp(28px,3vw,42px) Georgia,serif;margin:8px 0}.cw-discovery p{color:#bdb0a0;line-height:1.8;margin:5px 0 10px}.cw-discovery .cw-micro{font-size:10px;letter-spacing:.17em;color:#a99170;text-transform:uppercase}
.cw-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #51412e;padding-top:26px;color:#a59a8a;line-height:1.7;font-size:11px}.cw-footer p{max-width:760px}.cw-footer a{color:#d6ad76}
@media(max-width:1050px){.cw-brand{display:block}.cw-kicker{margin-top:7px}.cw-hero{grid-template-columns:1fr;padding:55px 0 45px}.cw-film{max-width:800px}.cw-story{padding:6% 3%}.cw-piece{transition-duration:1.6s}.cw-section-title{align-items:start;flex-direction:column}}
@media(max-width:690px){.cw-ucs-inner{align-items:start;flex-wrap:wrap}.cw-head{flex-direction:column;align-items:start}.cw-nav{gap:13px}.cw-hero h1{font-size:clamp(45px,12vw,72px)}.cw-frag-nav{align-items:start;flex-direction:column}.cw-stage{aspect-ratio:6/6}.cw-grid{inset:3% 0 36% 0}.cw-story{top:auto;bottom:0;width:100%;height:38%;border-top:1px solid #795a37;border-left:none;padding:4% 5%}.cw-story h3{font-size:clamp(20px,4.2vw,30px);margin:9px 0}.cw-story hr{margin:7px 0}.cw-story p{font-size:11px;line-height:1.35}.cw-story-more{display:none}.cw-piece{transition-duration:1.2s}.cw-stage-label{font-size:8px}.cw-stage-serial{bottom:39%;font-size:7px}.cw-connections{width:100%;height:62%;inset:0;}.cw-orbit{width:49%;left:25%;top:7%}.cw-detail{grid-template-columns:1fr;gap:12px;padding:19px}.cw-cards{grid-template-columns:1fr}.cw-card p{min-height:auto}.cw-card img{max-height:260px}.cw-discovery{grid-template-columns:1fr}.cw-footer{display:block}.cw-btn{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}