*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#060708;color:#f2efe8;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid #d7c4a0;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:#eee;color:#000;padding:10px;z-index:10}.skip:focus{top:12px}header{max-width:1600px;margin:auto;min-height:100px;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}.brand{font:22px Georgia,serif;letter-spacing:.2em;line-height:1.2}.brand span{display:block;font:italic 12px Georgia,serif;letter-spacing:.02em;color:#bdc2c6;margin-top:5px}.process-link{font-size:12px;letter-spacing:.02em;display:flex;gap:28px}.process-link:hover{color:#dbcbad}.intro{max-width:1600px;padding:85px 6% 95px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.identity{background:#000;align-self:stretch;display:flex;align-items:center;justify-content:center}.identity img{width:100%;height:auto;object-fit:contain}.eyebrow{font-size:10px;letter-spacing:.21em;color:#b9a787;font-weight:600;margin:0 0 25px}h1{font:clamp(35px,4vw,61px)/1.14 Georgia,serif;letter-spacing:-.035em;margin:0 0 28px}h1 em,h2 em{font-weight:400;color:#bfc7cf}p{margin:0 0 20px}.lead{font-size:19px;line-height:1.7;color:#dadcdb;max-width:640px}.detail{font-size:15px;line-height:1.85;color:#a8adb1;max-width:600px}blockquote{margin:31px 0 0;padding-left:20px;border-left:1px solid #9e8f75;font:italic 20px/1.65 Georgia,serif;color:#d4c3a3}.process{max-width:1600px;margin:auto;padding:0 6% 95px}.process-heading{border-top:1px solid #ffffff26;padding-top:38px;display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}h2{font:clamp(34px,3.8vw,56px)/1.13 Georgia,serif;letter-spacing:-.03em;margin:0}.process-heading .eyebrow{margin-bottom:18px}.example{color:#929a9f;text-align:right;font-size:12px;line-height:1.8;margin-bottom:5px}.example strong{color:#ced1d1;font-size:11px;letter-spacing:.13em;font-weight:400}.stage{background:#111a1b;overflow:hidden;border:1px solid #ffffff12}.stage>button{display:block;border:0;padding:0;background:none;width:100%;position:relative}.stage img{width:100%;aspect-ratio:1.77;height:auto;object-fit:contain;max-height:820px}.expand-label{position:absolute;right:20px;bottom:20px;padding:8px 14px;background:#050708c9;color:#f0eee9;font-size:11px;display:flex;gap:25px}.stage-caption{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:start;padding:25px 0 31px;border-bottom:1px solid #ffffff26}.stage-caption>span{font-size:11px;color:#a49171;padding-top:3px;letter-spacing:.1em}.stage-caption h3{font-size:17px;font-weight:400;line-height:1.3;margin:0 0 7px}.stage-caption p{font-size:13px;color:#969fa4;margin:0;max-width:680px}.arrows{display:flex;gap:7px}.arrows button{background:none;border:1px solid #50565a;color:#e5e4df;width:39px;height:37px}.arrows button:hover{background:#273136}.selectors{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:25px}.selectors button{border:0;border-top:2px solid transparent;background:none;color:#969da1;text-align:left;padding:12px 0 0;transition:color .2s,border-color .2s}.selectors button[aria-pressed=true]{border-color:#d0c1a6;color:#f5f2e9}.selectors img{width:100%;height:auto;aspect-ratio:1.75;object-fit:contain;background:#152021;opacity:.65;transition:opacity .2s}.selectors button:hover img,.selectors button[aria-pressed=true] img{opacity:1}.selectors span{display:block;font-size:12px;line-height:1.5;margin-top:13px}.selectors small{display:block;font-size:9px;letter-spacing:.1em;color:#9c8d73;margin-bottom:6px}footer{border-top:1px solid #ffffff1c;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;color:#929a9f;max-width:1600px;margin:auto}footer p{font:italic 15px/1.7 Georgia,serif;margin:0;color:#aeb3b5}dialog{background:#0b1012;color:#eee;border:1px solid #576169;width:min(1500px,96vw);max-height:96vh;padding:20px}dialog::backdrop{background:#000e}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin-bottom:20px}#close{background:none;border:1px solid #6d7479;color:#fff;padding:6px 15px}dialog img{width:100%;max-height:78vh;object-fit:contain}dialog p{font-size:11px;color:#a1aaaf;margin:15px 0 0}@media(max-width:850px){header{min-height:80px;padding:20px 6%}.brand{font-size:19px}.brand span{font-size:11px}.process-link{font-size:11px;gap:14px}.intro{grid-template-columns:1fr;padding:30px 6% 50px;gap:28px}.identity{max-width:400px;width:100%;margin:auto}.identity img{max-height:245px}.pitch .eyebrow{margin-bottom:18px}h1{font-size:clamp(34px,7vw,52px)}.lead{font-size:17px}blockquote{font-size:18px;margin-top:25px}.process{padding-bottom:55px}.process-heading{gap:20px}.example{max-width:160px;font-size:10px}.example strong{font-size:9px}.stage-caption{grid-template-columns:55px 1fr;gap:12px}.arrows{grid-column:2}.selectors{grid-template-columns:repeat(2,1fr);gap:15px}.selectors span{font-size:11px}.expand-label{right:10px;bottom:10px;font-size:10px;padding:5px 9px;gap:15px}footer{flex-wrap:wrap}footer p{font-size:13px}.stage img{aspect-ratio:1.6}h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* WordPress integration and progressive gallery. */
header.site-header{max-width:none;display:block;padding:0;background:#060708f2;backdrop-filter:blur(18px);position:relative;z-index:20}.header-inner{max-width:1600px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.custom-logo{max-width:220px;max-height:70px;width:auto;height:auto}.custom-logo-link{display:block}#menu-toggle{display:none}.site-header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}.site-header nav a{font-size:12px}.site-header nav ul ul{display:none;position:absolute;background:#11181d;padding:18px}.site-header nav li:hover>ul,.site-header nav li:focus-within>ul{display:block}.process{display:flex;flex-direction:column}.process-heading{order:0}.process-views{order:1}.arrows{order:2;justify-content:flex-end;align-items:center;margin-top:16px}.selectors{order:3}.selectors[hidden],.arrows[hidden]{display:none}.process-view{margin:0 0 35px}.gallery-ready .process-view:not([data-active]){display:none}.stage{display:block;position:relative}.stage img{width:100%;height:auto;aspect-ratio:1.77;object-fit:contain}.stage-caption{grid-template-columns:80px 1fr}.gallery-status{margin:0 12px;color:#a8adb1;font-size:12px}.selectors button[aria-pressed=true]{border-color:#d4c3a3}.page-content{max-width:1000px;min-height:55vh;margin:auto;padding:70px 6%}.entry-content>*{max-width:100%}.entry-content .alignwide{max-width:1400px}.entry-content .alignfull{max-width:none}.entry-content a{text-decoration:underline}.entry-content h1{margin:0 0 35px}.entry-content h2,.entry-content h3{margin-top:40px}.entry-content img{height:auto;max-width:100%}.entry-content iframe{max-width:100%}.journal-item{padding:35px 0;border-bottom:1px solid #ffffff25}.site-footer .footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer>nav ul{list-style:none;display:flex;gap:20px}.comments-area input,.comments-area textarea,.search-form input{max-width:100%;background:#172026;border:1px solid #66737d;color:#f2efe8;padding:12px}.comments-area label{display:block}.text-link{text-decoration:underline;text-underline-offset:5px}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.screen-reader-text:focus{clip-path:none;width:auto;height:auto}.skip{left:20px}.site-header a:hover{color:#d4c3a3}dialog{overscroll-behavior:contain}button,a{touch-action:manipulation}
@media(max-width:850px){.header-inner{min-height:80px;padding:20px 6%}#menu-toggle{display:block;background:none;border:1px solid #59616a;color:#eee;padding:8px 12px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0e1419;padding:25px 6%}.site-header nav.is-open{display:block}.site-header nav ul{flex-direction:column;gap:20px}.site-header nav ul ul{display:block;position:static;padding:12px}.site-footer>nav{width:100%}.stage-caption{grid-template-columns:50px 1fr}.custom-logo{max-width:190px}.selectors{order:3}.entry-content .alignwide,.entry-content .alignfull{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:no-preference){.stage img{animation:atlas-frame .35s ease-out}@keyframes atlas-frame{from{opacity:.45}to{opacity:1}}}.wp-block-button__link{background:#d4c3a3;color:#060708}

/* Keep navigation usable when scripts are unavailable. */
@media(max-width:850px){html:not(.atlas-js) #menu-toggle{display:none}html:not(.atlas-js) .header-inner{flex-wrap:wrap}html:not(.atlas-js) .site-header nav{display:block;position:static;width:100%;padding:12px 0}html:not(.atlas-js) .site-header nav ul{flex-direction:row;flex-wrap:wrap}}

/* Six process views, with full-sheet presentation retained. */
@media(min-width:851px){.selectors{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Layered introduction: atmosphere, stacked identity surfaces, foreground copy. */
.intro-depth{position:relative;isolation:isolate;min-height:690px;padding-top:88px;padding-bottom:100px;gap:6%;overflow:clip;--depth-x:0deg;--depth-y:0deg}
.intro-atmosphere{position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 16% 46%,#68879525,transparent 47%),radial-gradient(ellipse at 89% 21%,#cfac6e16,transparent 43%),linear-gradient(180deg,#06070885,#060708ef),url('../images/city-river.png') center 55%/cover no-repeat;opacity:.74}
.intro-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060708,transparent 30%,transparent 80%,#060708),linear-gradient(90deg,#060708,transparent 15%,transparent 85%,#060708)}
.intro-depth .identity{background:none;align-self:center;position:relative;min-height:440px;perspective:1100px;overflow:visible}
.identity-depth{position:relative;width:100%;height:440px;transform-style:preserve-3d;transform:rotateX(var(--depth-x)) rotateY(var(--depth-y));transition:transform .45s ease-out}
.depth-slab,.identity-face,.depth-edge{position:absolute;transform-style:preserve-3d;border-radius:18px}
.depth-slab{pointer-events:none;border:1px solid #b9cbd137;box-shadow:0 30px 65px #0007,inset 0 1px 0 #ffffff15;background:linear-gradient(135deg,#a9bdc013,#14202655 60%,#11151860)}
.depth-rear{inset:16px 50px 37px 4px;transform:translateZ(-75px) rotateZ(-9deg)}
.depth-middle{inset:35px 16px 15px 33px;transform:translateZ(-20px) rotateZ(5deg);border-color:#dcc9a645;background:linear-gradient(145deg,#b1c9cf10,#080d1155)}
.identity-face{inset:35px 32px 35px 32px;display:flex;align-items:center;justify-content:center;transform:translateZ(55px);background:radial-gradient(ellipse at 50% 15%,#8197a224,transparent 65%),linear-gradient(145deg,#0f171ce8,#080b0edb);border:1px solid #c9d2d954;box-shadow:0 34px 75px #000b,inset 0 1px 0 #ffffff2b;overflow:hidden}
.identity-face:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff08,transparent 38%,transparent 65%,#d9bd8508);pointer-events:none}
.intro-depth .identity-face img{width:90%;height:auto;max-height:92%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 14px 18px #000a);transform:translateZ(28px)}
.depth-edge{inset:auto 56px 22px 68px;height:1px;background:linear-gradient(90deg,transparent,#e6d1a4b0,transparent);transform:translateZ(90px);box-shadow:0 0 26px #dbbb7c55;pointer-events:none}
.intro-depth .pitch{position:relative;z-index:2;padding:36px 34px 34px;border:1px solid #d0d9dc25;border-radius:18px;background:linear-gradient(130deg,#23303934,#10151b9c 65%);box-shadow:0 22px 60px #0007,inset 0 1px 0 #ffffff0c}
.intro-depth .pitch>.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #d3c09a4f;border-radius:999px;padding:8px 13px;margin-bottom:25px;background:#0b1117bd;box-shadow:0 9px 24px #0004;color:#d6c29a;letter-spacing:.18em}
.intro-depth .pitch>.eyebrow:before{content:'';width:5px;height:5px;border-radius:50%;background:#d7c4a1;box-shadow:0 0 12px #d7c4a18c}
.intro-depth h1{font-size:clamp(35px,3.8vw,58px);text-shadow:0 7px 22px #0007}
.intro-depth blockquote{position:relative;background:linear-gradient(90deg,#d6ba7b0d,transparent);padding:13px 0 13px 18px;margin-top:25px;border-left-color:#d1ba8a}
@media(max-width:1100px) and (min-width:851px){.intro-depth{gap:3%;padding-left:4%;padding-right:4%}.intro-depth .pitch{padding:28px 24px}.identity-depth{height:390px}.intro-depth .identity{min-height:390px}.intro-depth .lead{font-size:17px}.intro-depth h1{font-size:43px}}
@media(max-width:850px){.intro-depth{min-height:0;padding:35px 6% 55px;gap:28px;overflow:hidden}.intro-depth .identity{width:100%;max-width:390px;min-height:310px}.identity-depth{height:310px;transform:none}.identity-face{inset:28px 28px 28px}.depth-rear{inset:16px 43px 24px 8px;transform:rotateZ(-7deg)}.depth-middle{inset:26px 13px 13px 30px;transform:rotateZ(4deg)}.identity-face{transform:none}.intro-depth .identity-face img{max-height:245px;transform:none}.depth-edge{bottom:15px;transform:none}.intro-depth .pitch{padding:27px 22px;border-radius:14px}.intro-depth .pitch>.eyebrow{font-size:9px;letter-spacing:.12em;padding:8px 10px}.intro-depth h1{font-size:clamp(32px,7.5vw,47px)}.intro-depth .lead{font-size:16px;line-height:1.75}.intro-depth .detail{font-size:14px}.intro-depth blockquote{font-size:17px}.intro-atmosphere{background-position:center 20%}}
@media(prefers-reduced-motion:reduce){.identity-depth,.depth-slab,.identity-face,.depth-edge,.intro-depth .identity-face img{transition:none!important}.identity-depth{transform:none!important}}

/* Version1.0.6: crisp identity face, fourth edge plane, executable brand buttons. */
.intro-depth .identity-face{inset:25px 24px;background:#020305;border-color:#cbd8e36b;box-shadow:0 32px 70px #000b,inset 0 1px 0 #ffffff32}
.intro-depth .identity-face:before{opacity:0}
.intro-depth .identity-face img{width:100%;max-height:100%;mix-blend-mode:normal;filter:none;transform:none}
.depth-highlight{position:absolute;inset:19px 18px;border-radius:20px;pointer-events:none;border:1px solid #e4eff85c;box-shadow:inset 0 1px 0 #ffffff35,0 0 0 4px #dce9f205;transform:translateZ(92px);transform-style:preserve-3d}
.depth-highlight:before{content:'';position:absolute;left:18%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#f0f7ff,transparent)}
.atlas-home-button{display:inline-flex;align-items:center;gap:11px;position:relative;padding:10px 15px;border-radius:11px;border:1px solid #b6c8d55c;background:linear-gradient(145deg,#29343c,#141b21 48%,#0b1015);box-shadow:inset 0 1px 0 #ffffff36,inset 0 -3px 0 #0008,0 5px 0 #030507,0 10px 25px #0006;color:#f1f4f5;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:62px}
.atlas-home-button:hover{transform:translateY(-2px);border-color:#d3e0e7a6;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #0008,0 7px 0 #030507,0 15px 28px #0007;color:#fff}
.atlas-home-button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff22,inset 0 -1px 0 #0008,0 2px 0 #030507}
.atlas-home-button:focus-visible{outline:2px solid #e5c996;outline-offset:6px}
.atlas-nav-emblem{position:relative;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:7px;background:#000;border:1px solid #bdcedb38}
.atlas-nav-emblem .atlas-nav-logo{position:absolute;width:140px!important;max-width:none!important;height:auto;max-height:none;left:50%;top:0;transform:translateX(-50%);filter:none}
.atlas-nav-emblem.is-custom-logo .atlas-nav-logo{width:100%!important;height:100%;object-fit:contain;left:0;transform:none}
.atlas-nav-type{display:flex;flex-direction:column;gap:3px;line-height:1.1}
.atlas-nav-name{font:23px/1.05 Georgia,serif;letter-spacing:.21em;color:#f0f3f5;text-shadow:0 1px 0 #fff2,0 2px 2px #000a}
.atlas-nav-subtitle{font:italic 12px/1.2 Georgia,serif;letter-spacing:.01em;color:#d2dbe0}
.site-footer .atlas-home-button{flex-shrink:0}
@media(max-width:850px){.intro-depth .identity-face{inset:22px}.depth-highlight{inset:16px;border-radius:17px;transform:none}.header-inner{gap:12px}.atlas-home-button{padding:9px 11px;min-height:56px}.atlas-nav-emblem{width:38px;height:38px;flex-basis:38px}.atlas-nav-emblem .atlas-nav-logo{width:124px!important}.atlas-nav-name{font-size:21px}.atlas-nav-subtitle{font-size:11px}}
@media(max-width:450px){.header-inner{padding:16px 5%;gap:10px}.atlas-home-button{padding:8px 9px;gap:8px;min-height:52px}.atlas-nav-emblem{width:34px;height:34px;flex-basis:34px}.atlas-nav-emblem .atlas-nav-logo{width:110px!important}.atlas-nav-name{font-size:19px;letter-spacing:.18em}.atlas-nav-subtitle{font-size:10px}.site-footer{gap:25px}}
@media(prefers-reduced-motion:reduce){.atlas-home-button{transition:none!important}.atlas-home-button:hover,.atlas-home-button:active{transform:none}.depth-highlight{transform:none}}

/*1.0.7: foreground emphasis for the process statement. */
#process-title{position:relative;display:inline-block;color:#fff;font-weight:400;font-size:clamp(38px,4.6vw,66px);line-height:1.12;letter-spacing:-.035em;text-shadow:0 1px 0 #d9e3ed55,0 3px 0 #19242a,0 12px 30px #000b;padding-bottom:21px}
#process-title:after{content:'';position:absolute;bottom:0;left:0;width:min(200px,55%);height:2px;background:linear-gradient(90deg,#f5f8ff,#bccddd 62%,transparent);box-shadow:0 2px 15px #d7e8ff32}
.process-heading .eyebrow{color:#d5c29f}
@media(max-width:650px){.process-heading{flex-direction:column;align-items:flex-start;gap:20px}.process-heading .example{text-align:left;max-width:none}.process-heading .example br{display:none}.process-heading .example strong{display:block}#process-title{font-size:clamp(35px,8.6vw,48px);padding-bottom:18px}}
.site-footer{flex-wrap:wrap}.site-footer .atlas-footer-submissions{flex:1 0 100%;max-width:none;font:400 13px/1.75 system-ui,sans-serif;color:#bac4ce}.atlas-footer-submissions a{color:#d6c097;text-decoration:underline;text-underline-offset:3px}

/* Creator-requested heading reductions:homepage20 percent;privacy36 percent total; November9,2026. Append to existing Additional CSS. */
#process-title {
  font-size: clamp(30.4px, 3.68vw, 52.8px);
}
@media (max-width: 650px) {
  #process-title { font-size: clamp(28px, 6.88vw, 38.4px); }
}
body.privacy-policy .page-content h1 {
  font-size: clamp(22.4px, 2.56vw, 39.04px);
}
body.privacy-policy .page-content h2 {
  font-size: clamp(21.76px, 2.432vw, 35.84px);
}
@media (max-width: 850px) {
  body.privacy-policy .page-content h1 { font-size: clamp(21.76px, 4.48vw, 33.28px); }
  body.privacy-policy .page-content h2 { font-size: 21.12px; }
}