/* PCAA cinematic revision | owner supplied EvolveIT, LamaLama and i3 interaction systems */
:root{--pakistan:#01411c;--pakistan-deep:#001c13;--crimson:#bc1739;--china-red:#de2910;--red-bright:#ed405c;--paper:#f5ead1;--gold:#bd9f5b;--lime:#e8f9e4;--accent:#bc1739;--ink:#012d1c}
html{scroll-behavior:smooth}body{background:var(--pakistan-deep);accent-color:var(--crimson)}
::selection{background:var(--crimson);color:#fff}
.site-header .nav-shell{background:linear-gradient(105deg,rgba(2,51,33,.87),rgba(35,14,20,.78));border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 70px #0005}
.site-header .wordmark-text span,.wordmark-text>span{color:#ff5571}.site-header .nav-cta{background:var(--crimson);border-color:var(--crimson);color:#fff;box-shadow:0 6px 22px #b6173544}.site-header .nav-cta:hover{background:var(--china-red)}.site-header .nav-cta span{color:#fff}
#menu-overlay{background:linear-gradient(126deg,#012e20 0%,#0e1e1a 46%,#631325 100%)}#menu-overlay .menu-primary a:hover{color:#fa6077}
.page-progress>span{background:linear-gradient(90deg,var(--pakistan),var(--crimson),var(--china-red))}
/* PHYSICAL BOOK: Individual hinged pages with two printable faces, not a sprite */
.book-intro.physical-intro{background:#031911;color:var(--paper);isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:350}
.book-intro.physical-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 57vw 44vh at 64% 55%,#970f3040,transparent 90%),radial-gradient(ellipse 68vw 60vh at 30% 35%,#1b78473a,transparent 85%),linear-gradient(25deg,#00170f,#092419 48%,#061810);pointer-events:none}
.book-intro.physical-intro:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.08' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.26;pointer-events:none}
.book-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.book-atmosphere span{position:absolute;display:block;border:1px solid #f3c4a023;border-radius:50%;width:50vw;aspect-ratio:1;left:-17vw;top:-27vw;animation:atmosphere-orbit 35s linear infinite}.book-atmosphere span:nth-child(2){width:62vw;left:auto;right:-25vw;top:19vw;animation-duration:43s;animation-direction:reverse;border-color:#99d4b527}.book-atmosphere span:nth-child(3){width:27vw;left:52%;top:30%;border-color:#e4325540;animation-duration:23s}
@keyframes atmosphere-orbit{to{transform:rotate(360deg)}}
.physical-intro-head{position:absolute;top:clamp(20px,4.6vh,58px);left:clamp(20px,5vw,90px);right:clamp(20px,5vw,90px);display:flex;justify-content:space-between;gap:15px;z-index:3;color:#eddaca;font:500 10px 'DM Mono',monospace;letter-spacing:.2em}
.physical-intro-head .intro-year{color:#e84e63}.physical-intro-core{position:relative;z-index:2;width:min(880px,95vw);display:flex;flex-direction:column;align-items:center;gap:0;transform:translateY(14px)}
.history-caption{display:flex;align-items:center;gap:16px;width:min(690px,90%);margin:0 0 26px;font:500 10px 'DM Mono',monospace;letter-spacing:.17em;text-transform:uppercase;color:#c2cfc5}.history-caption p{margin:0}.history-redline{height:2px;width:42px;background:#ef3c54;box-shadow:0 0 20px #ef3c5480}
.book-perspective{perspective:1900px;width:min(690px,88vw);aspect-ratio:1.74;display:grid;place-items:center;filter:drop-shadow(0 36px 30px #000c)}
.physical-book{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(13deg) rotateY(-4deg);touch-action:pan-y;cursor:grab;user-select:none}
.physical-book.grabbing{cursor:grabbing}.book-backcover{position:absolute;inset:-2% -1%;border-radius:6px 13px 13px 7px;background:linear-gradient(110deg,#5c151f,#a72139 52%,#431113);border:3px solid #d5b16c;box-shadow:0 6px 0 #501f18,0 11px 0 #c09a55,0 16px 0 #4a161d,0 33px 65px #000b}
.book-static{position:absolute;top:1.5%;bottom:1.5%;width:49.3%;background:#f2e6cc;box-shadow:inset 0 0 21px #6d48242c;overflow:hidden}.book-static-left{left:1%;border-radius:6px 0 0 6px;box-shadow:inset -25px 0 25px -18px #503a2469,inset 0 0 35px #724e2428}.book-static-right{right:1%;border-radius:0 6px 6px 0;box-shadow:inset 25px 0 25px -18px #503a2469,inset 0 0 35px #724e2428}
.book-static:before,.leaf-face:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,#78591d08 5px),linear-gradient(90deg,#5a3b2813,transparent 23%,transparent 87%,#3d271e18);mix-blend-mode:multiply}
.paper-design{height:100%;width:100%;padding:clamp(17px,2.9vw,39px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;overflow:hidden}.paper-design h2{font:750 clamp(21px,3.25vw,43px)/1.04 'Manrope',sans-serif;letter-spacing:-.07em;margin:16px 0 13px;color:#1e372d}.paper-design h2 em{font-style:normal;color:#b02540}.paper-design p{font:400 clamp(9px,1vw,13px)/1.8 'Manrope',sans-serif;max-width:24ch;color:#526353}.paper-design small,.book-history-label{font:500 clamp(7px,.8vw,10px) 'DM Mono',monospace;letter-spacing:.16em;color:#a33f43}.left-paper .small-gold{font-size:36px;color:#a1884b}.book-mini-rule{margin:12px 0;width:50%;height:1px;background:#a48c59}.right-paper strong{font-size:clamp(45px,7vw,86px);letter-spacing:-.11em;color:#175f40}.chapter-paper{background:radial-gradient(ellipse at 70% 18%,#fff9e5,#efe2c5);border:1px solid #a68d6330}.chapter-red{background:radial-gradient(ellipse at 70% 15%,#fff3e7,#f1dfd5)}.chapter-paper:before{content:'✦';position:absolute;bottom:3%;right:9%;font-size:clamp(45px,5vw,90px);color:#ae193322}.chapter-number{position:absolute;top:7%;right:11%;font:750 clamp(35px,5vw,75px)/1 'Manrope',sans-serif;color:#b31b3427}.chapter-last{background:linear-gradient(150deg,#e7f5e2,#f9eed6)}
.physical-leaf{position:absolute;left:50%;top:1.5%;height:97%;width:49%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(var(--turn,0deg));transition:transform 1.55s cubic-bezier(.25,.73,.09,1),filter 1s;box-shadow:6px 6px 9px #170e0a20;will-change:transform;backface-visibility:visible}.physical-leaf.dragging{transition:none}.physical-leaf.turned{box-shadow:-6px 6px 12px #170e0a26}.physical-leaf.turned .leaf-face{box-shadow:inset 15px 0 19px -17px #0005}
.leaf-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;border:1px solid #c5ad83;border-radius:0 4px 5px 0;background:#f8efda;transform:translateZ(.8px);box-shadow:inset 15px 0 22px -18px #281c1890,4px 4px 9px #0003}.leaf-back{transform:rotateY(180deg) translateZ(.8px);border-radius:5px 0 0 5px;box-shadow:inset -20px 0 20px -16px #2519137b,-4px 4px 10px #0003}
.physical-leaf:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateZ(1.7px);background:linear-gradient(90deg,#0000 56%,#37200c32);opacity:.3;transition:opacity 1.5s}.physical-leaf.turned:after{opacity:.1}
.cover-face{background:radial-gradient(ellipse at 80% 30%,#a33f4242,transparent 65%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 4px),linear-gradient(122deg,#06412d,#011e18 78%);color:#ffefce;border:8px double #bca36b;box-shadow:inset 0 0 0 9px #073927,inset 0 0 0 10px #ad9b6660}
.cover-face .cover-emboss{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.cover-face h2{color:#fff4df;font-size:clamp(14px,2.1vw,29px);margin:0;font-weight:700;letter-spacing:-.06em}.cover-face p{font:500 clamp(6px,.65vw,9px) 'DM Mono',monospace;letter-spacing:.12em;color:#e8ce97}.cover-face small{font-size:7px;color:#f5db9f}.cover-zh{font:clamp(19px,2vw,28px) serif;letter-spacing:.3em;color:#f0c677}.cover-gold-rule{width:58%;height:1px;background:#bda471}.cover-flags{display:flex;gap:9px;justify-content:center}.cover-flags svg{width:clamp(37px,5vw,63px);border:1px solid #eadab8;filter:drop-shadow(0 3px 5px #0008)}
.physical-book-spine{position:absolute;top:1%;left:49%;height:98%;width:2.5%;z-index:20;pointer-events:none;background:linear-gradient(90deg,#2c1f1c60,#ddc6a45c 40%,#17191560);filter:blur(2px);border-radius:50%}
.book-page-gold-edge{position:absolute;bottom:-2%;left:1%;right:1%;height:2%;z-index:2;background:linear-gradient(180deg,#fff8e3,#c9b48e 90%);border-radius:0 0 6px 6px;box-shadow:0 5px 10px #0004}
.book-navigation{display:flex;align-items:center;gap:24px;justify-content:center;margin-top:26px}.book-navigation button{width:42px;height:42px;border:1px solid #f0dfc34d;border-radius:50%;color:#ffeadb;background:#ffffff0d;font-size:22px;cursor:pointer;transition:background .3s,transform .3s}.book-navigation button:hover:not(:disabled){background:var(--crimson);transform:scale(1.07)}.book-navigation button:disabled{opacity:.23}.book-index{display:flex;align-items:center;gap:12px;font:12px 'DM Mono',monospace;color:#d0afad}.book-index strong{font-size:15px;color:#fff}.book-index i{width:50px;height:1px;background:#a9223a}
.book-prompt{margin:15px 0 20px;font:9px 'DM Mono',monospace;letter-spacing:.22em;color:#d3bfb0;text-align:center}.book-enter{border:1px solid #ef63708b;background:linear-gradient(95deg,#bd1838,#d52a3b);color:#fff;border-radius:2px;padding:14px 24px;font:500 11px 'DM Mono',monospace;letter-spacing:.1em;cursor:pointer;display:flex;gap:35px;align-items:center;box-shadow:0 10px 35px #bc193644;transition:transform .25s,background .25s}.book-enter:hover{transform:translateY(-3px);background:#e63149}.book-enter span{font-size:17px}.intro-vertical-note{position:absolute;bottom:5%;left:5%;font:9px 'DM Mono',monospace;letter-spacing:.18em;color:#dbcec0;display:flex;align-items:center;gap:15px}.intro-vertical-note i{width:45px;height:1px;background:#e33953}
/* HERO: no massive text, photograph and shader remain the focus */
.hero{background:#061e18;min-height:690px}.hero:after{background:linear-gradient(0deg,rgba(0,18,13,.87),transparent 27%),linear-gradient(90deg,rgba(0,17,12,.54),rgba(0,18,13,.1) 67%),radial-gradient(circle at 80% 25%,#c8203521,transparent 45%)}
.hero .hero-copy{top:auto;bottom:clamp(150px,18vh,200px);left:max(46px,calc((100vw - 1300px)/2));right:30px;max-width:min(900px,78vw);display:flex;flex-direction:column;gap:0}.hero .hero-copy h1{font-size:clamp(49px,6.4vw,104px);line-height:.97;letter-spacing:-.07em;margin:24px 0 32px;max-width:850px;color:#fff;text-shadow:0 10px 33px #0006}.hero .hero-copy .hero-accent{color:#ff556d}.hero-identity{display:flex;align-items:center;gap:14px;font:500 11px 'DM Mono',monospace;letter-spacing:.17em;color:#fff8ee}.identity-stroke{height:2px;width:34px;background:#fa3d59;box-shadow:0 0 24px #e92d53a0}
.hero .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;position:relative;z-index:15;margin:0;width:max-content;max-width:100%}.hero .hero-actions a{position:relative;z-index:14;display:flex;align-items:center;justify-content:center;gap:22px;white-space:normal;line-height:1.5;font:600 11px 'DM Mono',monospace;letter-spacing:.04em;min-height:50px;min-width:175px;padding:15px 24px;border-radius:4px;text-decoration:none;transition:background .3s,color .3s,transform .3s}.hero .primary-link{background:var(--crimson);color:#fff;border:1px solid #ed4b65}.hero .primary-link:hover{background:var(--china-red)}.hero .secondary-link{border:1px solid #e1f3e0b3;color:#fff;background:#073e2b92}.hero .secondary-link:hover{background:var(--pakistan);border-color:#fff}
.hero:before{background:radial-gradient(circle 175px at var(--mouse-x,65%) var(--mouse-y,40%),rgba(229,66,95,.13),transparent 75%);opacity:1;mix-blend-mode:screen}.hero:has(.hero-accent) #hero-ambient{mix-blend-mode:screen}.hero .visual-sheen{background:radial-gradient(circle 290px at var(--mouse-x,60%) var(--mouse-y,45%),rgba(255,255,255,.18),transparent 70%)}.hero-bottom{bottom:25px;border-top:1px solid #ffffff50;padding-top:18px}
.hero .selected-name{font-size:clamp(16px,1.7vw,24px)}.hero .hero-controls button:hover{background:var(--crimson);color:#fff}.hero .hero-count{color:#fff}
/* full bleed original hand sculpture with fine-grained cursor parallax */
.immersive-touch{min-height:840px;display:flex;align-items:center;isolation:isolate;padding:105px max(36px,calc((100vw - 1300px)/2));background:radial-gradient(ellipse at 65% 51%,#a7263840,transparent 50%),linear-gradient(110deg,#063321,#002318 70%);overflow:hidden}.immersive-touch:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,#dec4a720,transparent 31%);pointer-events:none;z-index:1}.immersive-touch>.model-canvas{z-index:1!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:auto}.immersive-touch .touch-grid{position:relative;z-index:3;width:100%;display:flex;pointer-events:none}.immersive-touch .touch-content{max-width:550px;pointer-events:auto}.immersive-touch .touch-content h2{font-size:clamp(61px,7.9vw,119px);text-shadow:0 12px 24px #001810c7}.immersive-touch .touch-content h2 em{color:#ff5470}.immersive-touch .touch-content p{color:#edf5e9;font-size:15px;text-shadow:0 2px 13px #000c}.immersive-touch .touch-content a{color:#fff;border-color:#ef4964}.immersive-touch:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#021e17d9 0%,#082f22aa 35%,transparent 80%),linear-gradient(0deg,#032018c8,transparent 31%)}
/* dark dragon; full screen live scene and vivid crimson lighting */
.dark-manifesto{background:radial-gradient(ellipse at 56% 65%,#8b19304a,transparent 58%),linear-gradient(115deg,#02291c,#001b15);min-height:100vh}.dark-manifesto .manifesto-head{font-size:clamp(56px,7.5vw,115px);margin-top:clamp(130px,20vh,250px);max-width:970px}.dark-manifesto .manifesto-head span{color:#f15368!important}.dark-manifesto .dragon-canvas{z-index:2}.dark-manifesto .dragon-vignette{background:linear-gradient(90deg,#001b15bf,transparent 50%),linear-gradient(0deg,#011b18c7,transparent 35%,transparent 80%)}
/* i3 portfolio mosaic for functional Events / News navigation */
.i3-community-block{background:#f0f2ed;color:#091f19;padding-bottom:110px;overflow:hidden}.i3-community-block .i3-marquee{background:var(--crimson);color:#fff;min-height:58px;display:flex;align-items:center}.i3-marquee-track{gap:4rem}.i3-marquee-track .i3-marquee-unit{font:600 12px 'DM Mono',monospace;letter-spacing:.13em}.i3-title-row{max-width:1330px;width:calc(100% - 66px);margin:120px auto 32px;display:flex;justify-content:space-between;align-items:end;gap:20px}.mosaic-heading>span{font:500 10px 'DM Mono',monospace;letter-spacing:.18em;color:#ad1734}.mosaic-heading h2{font:800 clamp(57px,7.5vw,108px)/.93 'Manrope',sans-serif;letter-spacing:-.09em;margin:20px 0 0}.mosaic-heading h2 em{font-style:normal;color:#bc1938}.mosaic-links{display:flex;gap:18px;align-items:center;padding-bottom:10px}.mosaic-links a{font:550 11px 'DM Mono',monospace;color:#08452b;border-bottom:1px solid #9ba9a0;padding-bottom:10px}.mosaic-links a:hover{color:var(--crimson)}
#i3-cases.i3-cases{max-width:1330px;width:calc(100% - 66px);margin:0 auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:235px;gap:13px;position:relative}#i3-cases .i3-case{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;border-radius:12px;border:0;box-shadow:0 3px 20px #001b151e;transition:transform .65s cubic-bezier(.23,1,.32,1),filter .65s;isolation:isolate;background:#0c2c21;color:#fff}#i3-cases .i3-case:hover{transform:translateY(-6px) scale(1.006);z-index:2;filter:saturate(1.2)}
#i3-cases .case-feature{grid-column:span 2;grid-row:span 2}#i3-cases .case-wide{grid-column:span 2}#i3-cases .case-join{background:linear-gradient(145deg,#951632,#cf2940)}
#i3-cases .i3-case-photo{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}#i3-cases .i3-case-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.77) saturate(.82);transform:scale(1.015);transition:transform 1.1s cubic-bezier(.21,.78,.21,1),filter .8s}#i3-cases .i3-case:hover img{transform:scale(1.09) rotate(.4deg);filter:brightness(.88) saturate(1.1)}#i3-cases .mosaic-glow{position:absolute;inset:0;background:linear-gradient(180deg,transparent 16%,#001a16cc 95%),radial-gradient(circle 240px at var(--case-x,60%) var(--case-y,38%),#f13d5749,transparent 80%);z-index:1;pointer-events:none}#i3-cases .case-news .mosaic-glow{background:linear-gradient(165deg,#af18338c,transparent 70%),linear-gradient(0deg,#001511d9,transparent 80%)}#i3-cases .case-small:nth-child(4) .mosaic-glow{background:linear-gradient(0deg,#0b3e28df,transparent 90%)}#i3-cases .case-join .mosaic-glow{background:linear-gradient(0deg,#871020ec,#bf19382b),radial-gradient(circle at 10% 20%,#f44c6488,transparent 65%)}
#i3-cases .i3-case-caption{position:absolute;inset:auto 0 0;padding:clamp(18px,2.3vw,35px);z-index:2;display:flex;flex-direction:column;align-items:start;justify-content:end}#i3-cases .mosaic-category{padding:7px 10px;margin-bottom:11px;border:1px solid #ffffffa0;color:#fff;border-radius:20px;font:500 9px 'DM Mono',monospace;letter-spacing:.09em;background:#001b1740}#i3-cases .i3-case-caption h3{font:800 clamp(22px,2.8vw,39px)/1.02 'Manrope',sans-serif;max-width:17ch;letter-spacing:-.055em;color:#fff;margin:0 0 10px}#i3-cases .case-feature h3{font-size:clamp(40px,4.6vw,68px);max-width:13ch}#i3-cases .i3-case-caption p{font:400 12px/1.6 'Manrope',sans-serif;margin:0;opacity:.85}#i3-cases .i3-case-caption b{display:inline-flex;align-items:center;gap:8px;font:600 10px 'DM Mono',monospace;letter-spacing:.11em;margin-top:19px;opacity:0;transform:translateY(9px);transition:opacity .45s,transform .45s}#i3-cases .i3-case:hover b,#i3-cases .i3-case:focus-visible b{opacity:1;transform:none}
/* full viewport temple architecture, parallax original asset */
.join-panel.immersive-temple{min-height:100svh;background:linear-gradient(110deg,#06291d,#691c2d);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;isolation:isolate;padding:130px max(36px,calc((100vw - 1300px)/2))}.join-panel.immersive-temple .temple-canvas{inset:0!important;width:100%!important;height:100%!important;opacity:1!important;z-index:1!important;pointer-events:auto}.join-panel.immersive-temple .temple-shade{background:linear-gradient(90deg,#021b15e8,rgba(2,32,23,.72) 42%,#041e1440 75%),linear-gradient(0deg,#011a13d9,transparent 50%);z-index:2}.join-panel.immersive-temple h2{font-size:clamp(56px,7.9vw,115px);max-width:740px;line-height:.95;letter-spacing:-.085em;color:#fff;text-shadow:0 5px 37px #0009}.join-panel.immersive-temple p{color:#ecf5e9;font-size:15px;max-width:410px;line-height:1.7}.join-panel.immersive-temple .join-button{background:var(--crimson);border:1px solid #ef6976;color:#fff;padding:18px 25px}.join-panel.immersive-temple .join-button:hover{background:var(--china-red)}.join-panel.immersive-temple .join-button span{color:#fff}
/* other 12 routes: complementary strong red and green instead of all-green */
body[data-page] .site-header{border-bottom:2px solid var(--crimson)}body[data-page] .nav-join{background:var(--crimson);color:#fff;border-color:var(--crimson)}body[data-page] .nav-join:hover{background:var(--china-red)}body[data-page] .brand-seal{border-color:var(--crimson)}body[data-page] .section-eyebrow{color:var(--crimson)}body[data-page] .display-title em{color:var(--crimson)}body[data-page] .hero-photo:after{background:linear-gradient(90deg,#002618cb,#a1183233)}body[data-page] .btn:hover{background:var(--crimson);color:#fff}body[data-page] .cloud-ornament{color:#c52540}body[data-page] .line-link{border-bottom-color:var(--crimson)}body[data-page] .compass-card:hover,body[data-page] .uni-card:hover,body[data-page] .news-card:hover{box-shadow:0 20px 65px #aa143321}body[data-page] .compass-card:hover{border-color:#ab2846}body[data-page] .faq-plus{color:var(--crimson)}
/* Inner page editorial media grid inspired by user-supplied i3 card reference */
body[data-page="/news/"] .news-grid,body[data-page="/events/"] .compass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-page="/news/"] .news-card,body[data-page="/events/"] .compass-card{border-radius:12px;min-height:340px;overflow:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s;background:#fff;color:#06271a}
body[data-page="/news/"] .news-card:hover,body[data-page="/events/"] .compass-card:hover{transform:translateY(-9px)}
body[data-page="/events/"] .compass-card:nth-child(2){background:#023a29;color:white}body[data-page="/events/"] .compass-card:nth-child(3){background:var(--crimson);color:white}
/* live 3D rendering fallback is intentionally readable if WebGL is absent */
.no-webgl .immersive-temple{background:radial-gradient(ellipse at 75% 55%,#8d193080,transparent 68%),#052d1f}.no-webgl .immersive-touch{background:radial-gradient(ellipse at 70% 46%,#8f283f6b,transparent 63%),#052c1d}
@media (max-width:900px){.i3-title-row{margin-top:82px}.i3-title-row .mosaic-heading h2{font-size:66px}.immersive-touch{min-height:760px}.hero .hero-copy{left:26px}.physical-intro-core{transform:none}}
@media (max-width:700px){.physical-intro-head{top:24px;font-size:8px;letter-spacing:.09em}.physical-intro-head .intro-year{display:none}.physical-intro-core{width:100%;transform:translateY(-3vh)}.history-caption{margin-bottom:20px;width:90%;font-size:8px}.book-perspective{width:min(97vw,530px);aspect-ratio:1.68;perspective:1000px}.physical-book{transform:rotateX(8deg) rotateY(-3deg)}.paper-design{padding:11px 10px}.paper-design h2{font-size:clamp(14px,4.4vw,24px);letter-spacing:-.07em;margin:6px 0}.paper-design p{font-size:clamp(8px,2.25vw,11px);line-height:1.42;margin:3px 0}.book-history-label{font-size:7px}.chapter-number{font-size:32px;top:5%}.cover-face{border-width:4px}.cover-face h2{font-size:clamp(12px,3.2vw,18px)}.cover-face .cover-emboss{gap:5px}.cover-face p{font-size:5px}.cover-face small{font-size:5px}.cover-zh{font-size:16px}.cover-flags svg{width:35px}.book-navigation{margin-top:22px}.book-navigation button{width:39px;height:39px}.book-prompt{font-size:8px;margin:15px 0}.book-enter{font-size:9px;padding:14px 18px}.intro-vertical-note{font-size:8px;bottom:4%;left:4%}
.hero{min-height:700px!important;height:100svh!important}.hero .hero-copy{left:21px;right:21px;top:auto!important;bottom:167px;max-width:none}.hero .hero-copy h1{font-size:clamp(44px,11vw,77px);margin:17px 0 22px;line-height:1.02}.hero-identity{font-size:8px;letter-spacing:.09em}.hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.hero .hero-actions a{min-width:0;font-size:9px;padding:12px 9px;min-height:55px;gap:4px;flex-wrap:wrap;text-align:center;line-height:1.3}.hero .hero-bottom{bottom:20px}.hero .hero-university{max-width:56%}.hero .selected-name{font-size:16px}.hero-visual.fullbleed-photo img{object-position:50% center}
.immersive-touch{padding:110px 20px 70px;min-height:740px;align-items:flex-start}.immersive-touch .touch-grid{align-items:start}.immersive-touch .touch-content h2{font-size:clamp(54px,12.8vw,84px)}.immersive-touch .touch-content p{font-size:13px;max-width:270px}.immersive-touch:after{background:linear-gradient(180deg,#022718bf,transparent 52%,#03251b9e)}
#i3-cases.i3-cases{width:calc(100% - 34px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:208px;gap:10px}.i3-title-row{width:calc(100% - 34px);margin:83px auto 28px;display:block}.i3-title-row .mosaic-heading h2{font-size:clamp(52px,12vw,73px)}.mosaic-links{margin-top:18px}.i3-cases .i3-case{border-radius:9px}#i3-cases .case-feature{grid-column:span 2;grid-row:span 2}#i3-cases .case-wide{grid-column:span 2}#i3-cases .i3-case-caption{padding:15px}#i3-cases .i3-case-caption h3{font-size:clamp(18px,5.4vw,26px)}#i3-cases .case-feature h3{font-size:42px}#i3-cases .i3-case-caption p{font-size:10px;line-height:1.45}#i3-cases .i3-case-caption b{opacity:1;transform:none;font-size:9px}#i3-cases .mosaic-category{font-size:7px;padding:5px 8px}
.join-panel.immersive-temple{min-height:720px;padding:100px 23px}.join-panel.immersive-temple h2{font-size:clamp(55px,12.5vw,80px);max-width:380px}.join-panel.immersive-temple p{font-size:13px}.join-panel.immersive-temple .temple-shade{background:linear-gradient(180deg,#011e18dc,#03251d91 67%,#081e15c4)}
body[data-page="/news/"] .news-grid,body[data-page="/events/"] .compass-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.book-atmosphere span{animation:none}.physical-leaf{transition:none}.mosaic-tile{transition:none}.i3-marquee-track{animation:none}}

/* Explicit two page book size: intrinsic grid sizing must never collapse */
.book-perspective{display:block;height:auto;aspect-ratio:1.74}.physical-book{height:100%;min-height:0}.physical-leaf{transform-style:preserve-3d}.physical-book .leaf-face{display:block}
.physical-leaf{transform:translateZ(calc(var(--stack,1) * 2px)) rotateY(var(--turn,0deg))}
/* i3 source driven visual hierarchy for events and news routes */
.editorial-mosaic-inner{background:#f1f3ee;padding:105px 0 150px;color:#092b1e}.inner-editorial-header{margin-bottom:48px;max-width:900px}.inner-editorial-header .display-title{font-size:clamp(53px,7.4vw,110px);line-height:.93;margin:25px 0 22px}.inner-editorial-header p{font:400 15px/1.7 'Manrope',sans-serif;color:#516355;max-width:660px}
.news-mosaic-grid,.event-mosaic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(230px,auto);gap:13px}.news-mosaic-item,.event-mosaic-item{position:relative;display:block;overflow:hidden;border-radius:12px;background:#01432c;min-height:290px;isolation:isolate;box-shadow:0 12px 40px #001d1424;transition:transform .7s cubic-bezier(.22,1,.36,1)}.news-mosaic-item:hover,.event-mosaic-item:hover{transform:translateY(-8px)}.news-mosaic-item img,.event-mosaic-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.02) saturate(.82) brightness(.8);transition:transform .9s cubic-bezier(.22,1,.36,1)}.news-mosaic-item:hover img,.event-mosaic-item:hover img{transform:scale(1.085)}.news-mosaic-shade,.event-mosaic-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#001d16ed,transparent 88%),linear-gradient(120deg,#af1c3844,transparent 67%)}.news-mosaic-content,.event-mosaic-content{position:absolute;inset:auto 0 0;z-index:2;color:#fff;padding:clamp(20px,2.4vw,36px)}.news-mosaic-content span,.event-mosaic-content span{color:#f5ddda;font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.news-mosaic-content h3,.event-mosaic-content h3{color:#fff;font:750 clamp(26px,2.8vw,43px)/1.08 'Manrope',sans-serif;letter-spacing:-.065em;margin:14px 0}.news-mosaic-content p,.event-mosaic-content p{font:400 12px/1.65 'Manrope',sans-serif;color:#e3eee6;max-width:49ch}.news-mosaic-content strong,.event-mosaic-content strong{display:inline-block;padding-top:12px;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:#ffbdc3}.news-mosaic-0,.event-mosaic-0{grid-column:span 2;grid-row:span 2;min-height:600px}.news-mosaic-0 h3,.event-mosaic-0 h3{font-size:clamp(45px,5.5vw,75px);max-width:14ch}.news-mosaic-1,.event-mosaic-1{background:#b11b39}.news-mosaic-2,.event-mosaic-2{background:#02623c}.event-mosaic-3,.event-mosaic-4{grid-column:span 1}.leader-official-photo{height:130px;width:115px;object-fit:cover;object-position:center 12%;filter:grayscale(.2);border-radius:8px;border:1px solid #b62343;box-shadow:0 16px 35px #001b161d;margin-bottom:20px}
.book-navigation{margin-top:41px;position:relative;z-index:30}.book-navigation button:not(:disabled){color:#fff;background:#b3193880;border-color:#d85b6d}.book-index{color:#f2ede1}.book-index strong{color:white}
@media(max-width:700px){.news-mosaic-grid,.event-mosaic-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px;gap:10px}.news-mosaic-0,.event-mosaic-0{grid-column:span 2;grid-row:span 2;min-height:400px}.news-mosaic-item:not(:first-child),.event-mosaic-item:not(:first-child){min-height:220px}.news-mosaic-content,.event-mosaic-content{padding:18px}.news-mosaic-content h3,.event-mosaic-content h3{font-size:22px}.news-mosaic-0 h3,.event-mosaic-0 h3{font-size:42px}.news-mosaic-item p,.event-mosaic-item p{font-size:10px}.editorial-mosaic-inner{padding:80px 0}.book-navigation{margin-top:32px}}
/* Only on hardware without WebGL, expose stills rendered from the actual supplied meshes. */
.no-webgl #touch:before{background-image:url('/assets/fallback/touch-model.webp');background-repeat:no-repeat;background-position:72% center;background-size:min(68vw,850px) auto;opacity:.8;filter:drop-shadow(0 0 60px #e32d5a88)}
.no-webgl .dark-manifesto:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('/assets/fallback/dragon-model.webp') no-repeat 75% 54% / min(75vw,1000px) auto;opacity:.65;filter:drop-shadow(0 0 60px #b41937aa)}
.no-webgl .join-panel.immersive-temple:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:url('/assets/fallback/temple-model.webp') no-repeat 74% 63% / min(80vw,1180px) auto;opacity:.8;filter:drop-shadow(0 0 65px #e74b5355)}
@media(max-width:700px){.no-webgl #touch:before{background-position:center 80%;background-size:105vw auto}.no-webgl .dark-manifesto:before{background-position:center 54%;background-size:120vw auto}.no-webgl .join-panel.immersive-temple:before{background-position:center 75%;background-size:120vw auto}}