/* XB Portfolio / unified editorial project studies. No external fonts or network requests. */
:root{--pg-bg:#080d15;--pg-surface:#0d1721;--pg-line:rgba(165,199,218,.19);--pg-bright:#eff4f2;--pg-accent:#b9e1e8;--pg-gold:#e7c6a1;--pg-ease:cubic-bezier(.22,.68,0,1)}
.project-body{background:#080d15}.project-hero{position:relative;min-height:790px;isolation:isolate;overflow:hidden;border-bottom:1px solid #8daeba2e;background:radial-gradient(ellipse at 75% 44%,#1b405044,transparent 45%),linear-gradient(148deg,#0b111b,#070b12 76%)}
.project-hero .starfield{position:absolute;inset:0;z-index:-1;pointer-events:none}.project-hero-grid{pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#9fc9db08 1px,transparent 1px),linear-gradient(90deg,#9fc9db08 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%);z-index:-1}.project-haze{pointer-events:none;position:absolute;border-radius:50%;filter:blur(85px);z-index:-1}.project-haze--a{width:620px;height:580px;right:5%;top:16%;background:#287d8c17}.project-haze--b{width:680px;height:620px;right:1%;top:3%;background:#6a637a1b}
.project-overline{position:relative;display:flex;align-items:center;gap:14px;padding-top:41px;color:#a6bdc9;font-size:10px;letter-spacing:.19em;font-weight:650;white-space:nowrap}.signal-mark{color:#d8c1a0;font-size:23px;line-height:1}.overline-divider{color:#647d8e}.overline-right{margin-left:auto;color:#6e8997;font-size:9px}.project-mini{margin:0;color:#d4b692;letter-spacing:.2em;font-weight:600;font-size:10px}.project-hero h1{font-size:clamp(62px,6.3vw,105px);font-weight:470;letter-spacing:-.074em;line-height:1.055;margin:23px 0 28px}.project-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#b0d4df;font-weight:400;letter-spacing:-.069em}.project-lead{max-width:595px;color:#a8bbc6;font-size:16px;line-height:1.93;margin:0}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:33px}.project-solid-link{min-height:49px;padding:14px 18px;min-width:230px;background:#d7e5e8;color:#11202a;font-size:12px;font-weight:750;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;transition:background .25s,transform .25s var(--pg-ease)}.project-solid-link:hover{transform:translateY(-3px);background:#fff}.project-text-link{font-size:12px;color:#c8dadd;border-bottom:1px solid #7d9dad77;padding:10px 0}.project-text-link:hover{color:#fff;border-bottom-color:#b5d8e2}.project-hero-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:36px;padding-bottom:25px;color:#708e9d;letter-spacing:.17em;font-size:9px}.hero-bottom-rule{height:1px;flex:1;background:linear-gradient(90deg,#60869c45,#60869c1a)}
.studio-hero-layout{min-height:682px;display:grid;grid-template-columns:1fr .96fr;gap:2%;align-items:center}.studio-hero-copy{position:relative;z-index:3;padding:30px 0 20px}.studio-hero h1{font-size:clamp(64px,6.45vw,103px)}.studio-hero-visual{position:relative;height:600px;display:flex;align-items:center;justify-content:center;margin-right:-55px;z-index:1}.concept-label{position:absolute;top:27px;right:20px;color:#80a2b0;font-size:9px;letter-spacing:.19em}.interface-arc{position:absolute;width:575px;height:575px;border:1px solid #89b2c319;border-radius:50%;animation:orbitSpin 72s linear infinite}.interface-arc--two{width:468px;height:468px;border-style:dashed;animation-duration:110s;animation-direction:reverse}.interface-arc--one::before{content:'';position:absolute;left:78px;top:70px;width:6px;height:6px;background:#e4c19b;border-radius:50%;box-shadow:0 0 23px #e3c49d}.interface-frame{width:580px;min-height:388px;position:relative;transform:perspective(1250px) rotateY(-7deg) rotateX(3deg);border:1px solid #9ac9d04b;background:linear-gradient(155deg,#101e2beF,#0c1420f7);box-shadow:0 30px 85px #02070eaf,0 0 75px #87c7d20c;z-index:2;overflow:hidden}.interface-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,#b6def00a 50%,transparent 55%);pointer-events:none;z-index:2}.interface-top{height:38px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #83b0bb2b;padding:0 15px;background:#162330e3}.interface-controls{display:flex;gap:5px}.interface-controls i{width:6px;height:6px;border:1px solid #80abbc90;border-radius:50%}.interface-title{font-size:10px;letter-spacing:.21em;color:#c2d8df;font-weight:700}.interface-id{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#70909e}.interface-columns{display:flex;min-height:310px}.interface-side{width:43px;flex:none;display:flex;align-items:center;flex-direction:column;gap:26px;padding:23px 4px;border-right:1px solid #86adb824;color:#8dabb7;font-size:15px}.interface-side span:first-child{font-size:9px;color:#c9a987}.interface-side b{font-size:15px;font-weight:300}.interface-chat{width:58%;position:relative;padding:22px 17px;display:flex;flex-direction:column;gap:15px}.chat-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#a5c6d0;letter-spacing:.13em}.chat-section-head small{font-size:7px;color:#74bfa9}.chat-concept-bubble{max-width:92%;padding:13px 15px;font-size:11px;line-height:1.55;color:#bdcbd1;background:#223441a8;border:1px solid #80b6c62a}.chat-concept-bubble span{display:block;font-size:8px;letter-spacing:.14em;color:#9fc8d3;margin-bottom:7px}.chat-concept-bubble--human{align-self:flex-end;background:#2742509c}.chat-concept-bubble--ai{align-self:flex-start;width:90%}.interface-faux-lines{display:grid;gap:7px;margin:12px 0}.interface-faux-lines i{height:4px;background:#8db4c04d;width:95%;border-radius:4px}.interface-faux-lines i:nth-child(2){width:72%}.interface-faux-lines i:nth-child(3){width:86%}.chat-mini-chips{display:flex;gap:5px;flex-wrap:wrap}.chat-mini-chips small{font-size:7px;letter-spacing:.08em;color:#a9cdd8;border:1px solid #75a5b33a;padding:3px 5px}.chat-input-concept{margin-top:auto;border:1px solid #84aeb73b;background:#132531;display:flex;align-items:center;justify-content:space-between;color:#708f9b;font-size:8px;padding:9px}.chat-input-concept b{color:#cce5e9;font-size:17px}.interface-preview{flex:1;position:relative;border-left:1px solid #86adb824;padding:17px 12px;background:radial-gradient(circle at 50% 46%,#2e64751b,transparent 61%),#0c1823}.preview-topline{display:flex;justify-content:space-between;color:#8aaebe;font-size:7px;letter-spacing:.12em;gap:6px}.preview-model{height:227px;position:relative;overflow:hidden;background-image:linear-gradient(#83a4b00c 1px,transparent 1px),linear-gradient(90deg,#83a4b00c 1px,transparent 1px);background-size:25px 25px;margin-top:13px;transform-style:preserve-3d}.model-floor{position:absolute;left:14%;right:14%;top:25%;bottom:2%;transform:skewY(-16deg);border:1px solid #9fcad33d;background:linear-gradient(125deg,#25465730,#1a2d3920);box-shadow:0 0 30px #74b8d815}.model-floor::before,.model-floor::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#7caabc22 49%,transparent 51%),linear-gradient(transparent 48%,#7caabc22 49%,transparent 51%)}.model-person{position:absolute;bottom:30%;left:35%;height:75px;width:22px;border:1px solid #c9e0e7c7;background:#91b4c326;transform:skewY(-12deg);box-shadow:0 0 17px #83c3d62a}.model-person::before{content:'';position:absolute;width:19px;height:19px;border:1px solid #c9e0e7c7;border-radius:50%;top:-21px;left:0;background:#203b4ad1}.model-person i{position:absolute;top:52%;left:-11px;width:40px;height:1px;background:#cce4e3}.person-b{left:69%;bottom:43%;transform:scale(.7) skewY(-12deg);opacity:.7}.model-camera{position:absolute;top:57%;left:10%;width:27px;height:22px;background:#294c5e8a;border:1px solid #a7d5db94;transform:skewY(-15deg)}.model-camera::after{content:'';position:absolute;top:7px;left:23px;border-left:21px solid #abdce74b;border-top:9px solid transparent;border-bottom:9px solid transparent}.model-gaze{position:absolute;width:80px;height:1px;border-top:1px dashed #d8bea48a;transform-origin:left;left:42%;top:37%;transform:rotate(16deg)}.gaze-b{left:69%;top:34%;transform:rotate(160deg);width:61px}.preview-footer{display:flex;justify-content:space-between;margin-top:5px;color:#85a0ae;font-size:7px;letter-spacing:.13em}.interface-bottom{height:39px;border-top:1px solid #83b0bb2b;display:flex;align-items:center;justify-content:center;gap:10px;color:#95b6c3;font-size:8px;letter-spacing:.11em;background:#13232d99}.interface-bottom i{width:17px;height:1px;background:#6291a5}.visual-footnote{position:absolute;bottom:15px;left:21px;right:19px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.12em;color:#7395a6}.studio-hero-caption{margin-top:56px;display:flex;gap:11px;align-items:center;color:#86a3ad;font-size:9px;letter-spacing:.13em}.studio-hero-caption>span:nth-child(2){color:#546e7e}.caption-dot{height:5px;width:5px;border-radius:50%;background:#9ad4bf;box-shadow:0 0 12px #9ad4bf}
/* Shared editorial sections */
.project-section{padding:115px 0;position:relative}.project-section-top{display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.18em;color:#bda98b;font-weight:660;margin-bottom:52px}.project-section-top>div{flex:1;height:1px;background:linear-gradient(90deg,#81a4b54c,transparent)}.project-section-top span:last-child{font-size:9px;color:#76929e}.project-section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:end;margin-bottom:54px}.project-section h2,.studio-statement h2{font-size:clamp(43px,5.1vw,76px);font-weight:465;line-height:1.13;letter-spacing:-.065em;margin:0}.project-section h2 em,.studio-statement h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#b5d7df}.project-section-heading>p,.status-layout>div>p,.notes-lesson-layout>div>p{font-size:14px;line-height:1.9;color:#99acb7;margin:0}.studio-statement{background:#0b141e;border-bottom:1px solid #8daeba21;padding:73px 0}.statement-grid{display:grid;grid-template-columns:.24fr 1.25fr .69fr;gap:4%;align-items:start}.statement-grid .section-kicker{color:#bfa689;font-size:9px;letter-spacing:.15em;margin:9px 0}.studio-statement h2{font-size:clamp(28px,2.9vw,45px)}.studio-statement h2 em{color:#d2e4e7}.statement-summary{font-size:13px;line-height:1.9;color:#96abb6}.studio-workflow{background:linear-gradient(130deg,#080d15,#0a131c 88%)}.studio-flow-strip{display:flex;align-items:stretch;gap:4px;border-top:1px solid #72919f3a;border-bottom:1px solid #72919f3a;padding:25px 0}.flow-step{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.flow-step>span{font-size:8px;letter-spacing:.14em;color:#87a3af}.flow-step>b{font-size:19px;font-weight:530;letter-spacing:-.04em;color:#dde9eb}.flow-step>small{font-size:10px;color:#8299a6}.flow-arrow{display:grid;place-items:center;width:28px;flex:none;color:#7b98a7;font-size:13px}.concept-disclaimer{margin-top:13px;font-size:11px;line-height:1.6;color:#6e8b98}.studio-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:61px}.module-feature{position:relative;min-height:342px;padding:32px 36px 29px;overflow:hidden;border:1px solid #80abbc2d;background:radial-gradient(circle at 97% -5%,#3264762a,transparent 47%),linear-gradient(140deg,#101c28,#0c151f);transition:border-color .25s,transform .3s var(--pg-ease)}.module-feature:hover{transform:translateY(-5px);border-color:#98d6df65}.module-feature::before{content:'';position:absolute;left:0;top:0;width:45%;height:1px;background:linear-gradient(90deg,#acd4e3aa,transparent)}.module-index{display:flex;justify-content:space-between;color:#b9c9d0;font-size:9px;letter-spacing:.14em}.module-index span{color:#668b9d}.module-icon{height:94px;display:flex;align-items:center;font-size:45px;font-weight:200;color:#b6dce1;text-shadow:0 0 35px #8bb7d050}.module-feature h3{font-size:30px;line-height:1.2;max-width:420px;letter-spacing:-.049em;font-weight:490;margin:0 0 17px}.module-feature p{font-size:13px;line-height:1.8;color:#95aab5;max-width:460px}.module-footer{font-size:9px;letter-spacing:.15em;color:#b6c8ce;display:flex;justify-content:space-between;border-top:1px solid #8fb4c12b;padding-top:18px;margin-top:28px}.module-footer b{font-size:17px;font-weight:350}.module-feature--direct{background:radial-gradient(circle at 91% -15%,#685f6235,transparent 40%),linear-gradient(140deg,#131b27,#0b131d)}.module-feature--blockout{background:radial-gradient(circle at 91% -15%,#637b9630,transparent 42%),linear-gradient(140deg,#101c2a,#0b151e)}.module-feature--continuity{background:radial-gradient(circle at 91% -15%,#4b746934,transparent 42%),linear-gradient(140deg,#101c27,#0b161e)}
/* Authentic-media slots deliberately remain placeholders until the user's real assets are supplied. */
.studio-proof{background:#0b121b}.media-slot{position:relative;width:100%;aspect-ratio:16/8.5;min-height:360px;overflow:hidden;border:1px solid #7babb952;background:linear-gradient(135deg,#142633,#0a111b 66%);display:flex;align-items:center;justify-content:center}.media-slot-grid{position:absolute;inset:0;background-image:linear-gradient(#7db0c013 1px,transparent 1px),linear-gradient(90deg,#7db0c013 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,#000,transparent 70%)}.media-slot-glow{position:absolute;width:580px;height:580px;border-radius:50%;border:1px solid #97c5d52a;box-shadow:0 0 0 80px #96c6d808,0 0 0 165px #96c6d805;animation:orbitBreathe 10s ease-in-out infinite}.media-slot-content{position:relative;text-align:center;padding:35px;z-index:2}.media-slot-eyebrow{font-size:9px;letter-spacing:.2em;color:#87b8c4}.media-slot-monogram{font-size:115px;font-weight:240;line-height:1.5;letter-spacing:-.15em;color:#d0e6e9;text-shadow:0 0 55px #9acee341}.media-slot-monogram>span{font-size:32px;vertical-align:top;color:#d7bea2;letter-spacing:0}.media-slot-content h3{font-weight:460;font-size:30px;letter-spacing:-.05em;margin:3px 0}.media-slot-content p{font-size:12px;color:#94aebb}.media-slot-note{display:inline-block;font-size:9px;letter-spacing:.15em;color:#88a3b1;padding:8px 16px;border:1px solid #7da1b344;margin-top:17px}.media-corner{position:absolute;font-size:9px;letter-spacing:.15em;color:#668fa1}.media-corner-a{left:20px;bottom:22px}.media-corner-b{right:20px;top:18px}.two-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.proof-photo{margin:0;border:1px solid #84a5b32e;background:#0e1823;transition:transform .3s var(--pg-ease),border-color .3s}.proof-photo:hover{transform:translateY(-4px);border-color:#8bbad35c}.proof-photo-frame{height:295px;position:relative;overflow:hidden;background:#101d29}.proof-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--pg-ease)}.proof-photo:hover img{transform:scale(1.018)}.proof-photo-frame>span{position:absolute;left:19px;top:18px;padding:7px 11px;border:1px solid #aedce640;color:#cde6e9;background:#08131c9c;font-size:9px;letter-spacing:.13em}.proof-photo figcaption{padding:26px 28px 30px}.proof-photo figcaption>span{font-size:9px;letter-spacing:.15em;color:#91aebd}.proof-photo h3{font-weight:490;font-size:23px;letter-spacing:-.04em;margin:11px 0}.proof-photo p{color:#8fa4af;font-size:12px;line-height:1.75;margin:0}.proof-ethic{display:flex;gap:28px;padding:26px 30px;margin-top:29px;border:1px solid #7d9ba02c;background:#111d247a}.proof-ethic>span{flex:none;color:#c8ad8e;font-size:9px;letter-spacing:.13em;padding-top:4px}.proof-ethic>p{font-size:12px;line-height:1.7;color:#93a9b4;margin:0}.studio-status{background:linear-gradient(155deg,#0b1720,#080d15 80%)}.status-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.section-kicker{font-size:10px;color:#bbad94;letter-spacing:.16em}.status-layout h2{margin:18px 0 30px}.status-layout>div>p{max-width:510px}.project-outline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;margin-top:36px;padding:14px 0;min-width:235px;border-bottom:1px solid #9ac6d65c;color:#d5e7eb;font-size:12px}.project-outline-link:hover{border-color:#e1c5a0}.status-stack{border-top:1px solid #81a9b74c}.status-row{display:grid;grid-template-columns:45px 1fr 75px;gap:13px;padding:29px 0;border-bottom:1px solid #82a3b02e}.status-row>span{font-size:11px;color:#7994a3}.status-row strong{font-weight:530;font-size:19px;letter-spacing:-.025em}.status-row p{font-size:12px;line-height:1.75;color:#829cac;margin:9px 0 0}.status-row>b{color:#b5c9d0;font-size:9px;letter-spacing:.14em;font-weight:500;text-align:right}.next-project-card{margin-top:93px;padding:29px 36px;border:1px solid #88abbf4a;background:radial-gradient(circle at 96% 40%,#5ca4bc1d,transparent 38%),#13212d;display:grid;grid-template-columns:.36fr 1fr 80px;gap:26px;align-items:center}.next-project-card>span{align-self:start;color:#aebfca;font-size:10px;letter-spacing:.16em}.next-project-card h3{font-size:clamp(28px,3.2vw,46px);font-weight:440;line-height:1.17;letter-spacing:-.055em;margin:0 0 12px}.next-project-card p{font-size:12px;color:#90a7b3;margin:0}.next-project-card>a{display:grid;place-items:center;width:66px;height:66px;border:1px solid #a4c7d263;font-size:28px;color:#d6eced;transition:transform .25s,background .25s}.next-project-card>a:hover{transform:translate(3px,-3px);background:#d7e7ec19}
/* Notes: a distinct editorial, reflective atmosphere within the same design system. */
.notes-hero{background:radial-gradient(ellipse at 71% 43%,#3d425039,transparent 44%),linear-gradient(135deg,#0b111a,#080c14 70%)}.notes-hero-layout{min-height:690px;display:grid;grid-template-columns:1fr .9fr;gap:1%;align-items:center}.notes-copy{z-index:2;position:relative;padding:35px 0}.notes-hero h1{font-size:clamp(61px,6.1vw,98px)}.notes-hero h1 em{color:#e0c6af}.notes-copy .project-lead{max-width:540px}.notes-hero-visual{height:570px;position:relative;margin-right:-40px;display:grid;place-items:center}.notes-radial{position:absolute;border:1px solid #cfbfa032;border-radius:50%;width:500px;height:500px;animation:orbitSpin 85s linear infinite}.notes-radial--two{width:394px;height:394px;border-style:dashed;border-color:#96bac432;animation-duration:130s;animation-direction:reverse}.notes-radial--three{width:282px;height:282px;border-color:#95b4bc29;animation:none}.notes-crosshair{position:absolute;width:525px;height:525px;background:linear-gradient(transparent 50%,#9ac8c81d 50.1%,transparent 50.3%),linear-gradient(90deg,transparent 50%,#9ac8c81d 50.1%,transparent 50.3%);transform:rotate(-23deg)}.notes-part{position:absolute;width:202px;height:202px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:radial-gradient(circle at 35% 32%,#3653638f,#14212dd9 68%);border:1px solid #a3d1d563;box-shadow:0 0 60px #68abc320,inset 0 0 45px #94c7d10f;z-index:2}.notes-part span{font-size:9px;color:#a4c3c9;letter-spacing:.15em}.notes-part b{font-weight:320;font-size:60px;letter-spacing:-.07em;line-height:1.12}.notes-part small{letter-spacing:.19em;color:#9fb9c2;font-size:9px}.notes-part--human{transform:translate(-89px,-20px);border-color:#e6cfa77a}.notes-part--ai{transform:translate(90px,20px);background:radial-gradient(circle at 35% 32%,#37516c98,#152332d9 68%);border-color:#89bbd480}.notes-thread{height:1px;width:240px;position:absolute;z-index:3;transform:rotate(13deg);background:linear-gradient(90deg,transparent,#e0e4da,#9cc4d0,transparent)}.notes-thread i{position:absolute;top:-4px;left:45%;width:8px;height:8px;background:#ecdec5;box-shadow:0 0 20px #e2c7a9;border-radius:50%;animation:livePulse 4s ease-in-out infinite}.notes-thread i:nth-child(2){left:62%;height:4px;width:4px;top:-1px;opacity:.6}.notes-thread i:nth-child(3){left:35%;height:4px;width:4px;top:-1px;opacity:.6}.notes-visual-mark{position:absolute;top:30px;right:75px;font-size:26px;color:#dfc5a1}.notes-hero-visual-footer{position:absolute;bottom:7px;left:10px;right:0;display:flex;justify-content:space-between;gap:15px;color:#7d9bac;font-size:8px;letter-spacing:.15em}.notes-final-state{display:flex;align-items:center;gap:11px;color:#c8b6aa;font-size:10px;letter-spacing:.16em;margin-top:47px}.state-pulse{height:7px;width:7px;border:1px solid #eccbb2;border-radius:50%;box-shadow:0 0 14px #deb19455}.notes-quote{background:#121a22;border-bottom:1px solid #94a4b52c;padding:74px 0}.notes-quote .wrap{display:grid;grid-template-columns:.22fr 1fr;gap:9%}.notes-quote span{font-size:10px;letter-spacing:.18em;color:#c6b092;padding-top:11px}.notes-quote p{font-family:Georgia,serif;font-size:clamp(27px,3.3vw,48px);letter-spacing:-.035em;line-height:1.35;color:#e5e8e7;margin:0;max-width:950px}.notes-quote p em{color:#e0c6aa}.notes-timeline{background:linear-gradient(145deg,#0a1019,#0c121b)}.notes-journey-steps{border-top:1px solid #94a5b34c}.journey-step{display:grid;grid-template-columns:110px 1fr 65px;gap:6%;align-items:start;padding:39px 12px 40px 0;border-bottom:1px solid #97a7b52c;transition:background .3s}.journey-step:hover{background:linear-gradient(90deg,#7daac208,transparent)}.journey-number{font-size:34px;letter-spacing:-.07em;color:#abc7d3;font-weight:230}.journey-eyebrow{color:#c3ae92;font-size:9px;letter-spacing:.17em}.journey-step h3{font-weight:460;font-size:clamp(24px,2.5vw,37px);letter-spacing:-.04em;margin:10px 0 16px}.journey-step p{max-width:730px;font-size:14px;line-height:1.8;color:#96aab4;margin:0}.journey-glyph{text-align:right;font-size:26px;color:#b7c5c3;font-weight:200}.journey-step--last .journey-number,.journey-step--last .journey-glyph{color:#e7c7a0}.notes-proof{background:#0b131c}.notes-photo-frame{background:#141e29}.notes-video-small{display:grid;grid-template-columns:1fr .7fr;gap:7%;border-top:1px solid #80a2b238;margin-top:66px;padding-top:39px;align-items:center}.notes-video-small h3{font-size:29px;font-weight:460;letter-spacing:-.045em;margin:12px 0}.notes-video-small p{font-size:13px;line-height:1.8;color:#90a5b0;max-width:530px}.small-caps{font-size:9px;letter-spacing:.18em;color:#bda98b}.notes-video-slot{min-height:165px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #719baa60;background:repeating-linear-gradient(135deg,#17253473 0,#17253473 1px,transparent 1px,transparent 17px);color:#b3c6cd;font-size:10px;letter-spacing:.13em}.notes-video-slot small{font-size:8px;color:#718d9c}.notes-lesson{background:radial-gradient(ellipse at 80% 25%,#4c544e19,transparent 43%),#0a1018}.notes-lesson-layout{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.notes-lesson-layout h2{margin:18px 0 27px}.notes-lesson-layout>div>p{max-width:500px}.notes-lesson-figure{min-height:420px;border:1px solid #c5bea345;background:radial-gradient(circle at 52% 52%,#35424b45,transparent 60%),linear-gradient(120deg,#131d26,#0d151e);padding:32px 40px;display:flex;flex-direction:column;justify-content:space-between}.notes-lesson-figure>span{color:#b5a48d;font-size:9px;letter-spacing:.18em}.notes-lesson-figure>div{font-size:clamp(38px,4vw,60px);line-height:1.13;letter-spacing:-.068em;font-weight:390;color:#e5e9e6}.notes-lesson-figure>div em{font-family:Georgia,serif;font-weight:400;color:#e5c6a4}.notes-lesson .next-project-card{background:radial-gradient(circle at 96% 50%,#7c93a924,transparent 40%),#111c29}
/* Optional YouTube embedding, only after a real ID is supplied. */
.media-embedded{padding:0;background:#05090d;min-height:0}.media-embedded iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.notes-video-slot.media-embedded{aspect-ratio:16/9;min-height:0}.notes-video-slot iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1180px){.studio-hero-layout,.notes-hero-layout{gap:0}.studio-hero-visual{margin-right:-105px;transform:scale(.88)}.notes-hero-visual{margin-right:-80px;transform:scale(.9)}.studio-hero h1{font-size:clamp(61px,7.1vw,84px)}.notes-hero h1{font-size:clamp(56px,6.7vw,85px)}}
@media(max-width:970px){.project-hero{min-height:720px}.studio-hero-layout,.notes-hero-layout{grid-template-columns:1fr;min-height:670px}.studio-hero-copy,.notes-copy{z-index:4;padding:45px 0}.studio-hero h1,.notes-hero h1{font-size:clamp(66px,8.9vw,89px)}.studio-hero-visual{position:absolute;right:-250px;top:65px;opacity:.34;pointer-events:none;transform:scale(.97)}.notes-hero-visual{position:absolute;right:-235px;top:90px;opacity:.35;pointer-events:none;transform:scale(.95)}.concept-label{display:none}.studio-hero-caption{margin-top:50px}.project-section-heading{grid-template-columns:1fr;gap:25px}.project-section-heading>p{max-width:720px}.statement-grid{grid-template-columns:1fr;gap:15px}.statement-grid .section-kicker{margin-bottom:5px}.statement-summary{max-width:730px}.notes-quote .wrap{grid-template-columns:1fr;gap:12px}.status-layout,.notes-lesson-layout{gap:5%}}
@media(max-width:700px){.project-overline{font-size:8px;letter-spacing:.1em;padding-top:24px}.overline-right{display:none}.project-hero{min-height:650px}.studio-hero-layout,.notes-hero-layout{min-height:625px}.project-mini{font-size:8px}.studio-hero h1,.notes-hero h1{font-size:clamp(50px,12.1vw,73px);margin:25px 0}.project-lead{font-size:14px;line-height:1.83;max-width:440px}.hero-actions{gap:13px;flex-direction:column;align-items:flex-start;margin-top:25px}.project-solid-link{min-width:240px}.project-hero-bottom{font-size:8px;letter-spacing:.09em}.studio-hero-visual{top:80px;right:-290px;opacity:.17;transform:scale(.82)}.notes-hero-visual{right:-270px;top:95px;opacity:.17;transform:scale(.88)}.studio-hero-caption,.notes-final-state{margin-top:42px;font-size:8px;letter-spacing:.08em}.project-section{padding:75px 0}.project-section-top{margin-bottom:36px;gap:8px}.project-section-top span{font-size:8px}.project-section-top span:last-child{display:none}.project-section h2{font-size:clamp(42px,10vw,59px)}.project-section-heading{margin-bottom:30px}.studio-statement{padding:52px 0}.studio-statement h2{font-size:clamp(29px,7.7vw,41px)}.studio-flow-strip{overflow-x:auto;gap:10px;padding:18px 0}.flow-step{min-width:96px}.flow-arrow{width:18px}.flow-step>b{font-size:17px}.flow-step>small{font-size:9px}.studio-modules{grid-template-columns:1fr;margin-top:36px;gap:12px}.module-feature{min-height:280px;padding:24px 25px}.module-icon{height:70px;font-size:36px}.module-feature h3{font-size:28px}.media-slot{min-height:270px}.media-slot-monogram{font-size:75px}.media-slot-content h3{font-size:24px}.media-corner-a,.media-corner-b{display:none}.two-photo-grid{grid-template-columns:1fr;gap:15px;margin-top:18px}.proof-photo-frame{height:235px}.proof-photo figcaption{padding:23px}.proof-ethic{padding:22px;display:block}.proof-ethic>p{margin-top:12px}.status-layout,.notes-lesson-layout{grid-template-columns:1fr;gap:48px}.status-row{grid-template-columns:30px 1fr 55px}.next-project-card{margin-top:65px;padding:25px;grid-template-columns:1fr 54px}.next-project-card>span{grid-column:1/3}.next-project-card>a{height:53px;width:53px}.next-project-card h3{font-size:34px}.notes-quote{padding:55px 0}.notes-quote p{font-size:29px}.journey-step{grid-template-columns:40px 1fr;gap:17px;padding:30px 0}.journey-number{font-size:23px}.journey-glyph{display:none}.journey-step h3{font-size:26px}.journey-step p{font-size:13px}.notes-video-small{grid-template-columns:1fr;gap:20px;margin-top:45px}.notes-video-slot{min-height:140px}.notes-lesson-figure{min-height:350px;padding:26px}.notes-lesson-figure>div{font-size:46px}}
@media(prefers-reduced-motion:reduce){.interface-arc,.notes-radial,.media-slot-glow{animation:none!important}}


/* Xiaobing Notes: link to the dated original reflection archive */
.notes-archive-link{display:inline-flex;align-items:center;gap:12px;margin-top:15px;color:#d7bd98;font-size:10px;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid rgba(215,189,152,.4);padding:0 0 8px}
.notes-archive-link span{font-size:15px}
.notes-archive-link:hover{color:#fff;border-color:#fff}
.notes-archive-link:focus-visible{outline:2px solid #d7bd98;outline-offset:5px}