/* Come To UK Academy, editorial art direction 2026-10-29.
   Scope exclusively to the public Moodle HOME; other pages remain unchanged. */
body#page-site-index{--ctuk-midnight:#122b42;--ctuk-petrol:#1d5365;--ctuk-mist:#dcebea;--ctuk-cream:#f7f6f1;--ctuk-coral:#c78c73;--ctuk-sage:#7e9f92}
body#page-site-index .ctuk-home{color:var(--ctuk-midnight);background:var(--ctuk-cream);overflow:clip}
body#page-site-index .ctuk-home>.ctuk-section-soft{background:transparent}
body#page-site-index .ctuk-home>.ctuk-section-soft:first-child{position:relative;padding:94px 0 98px;background:radial-gradient(ellipse at 12% 25%,#edf2e9 0,transparent 48%),radial-gradient(ellipse at 94% 90%,#dde9ea 0,transparent 49%),#f7f6f1}
body#page-site-index .ctuk-home>.ctuk-section-soft:first-child:before{content:"THE ACADEMY  /  01";display:block;width:min(1180px,92%);margin:0 auto 27px;font-size:11px;letter-spacing:.27em;font-weight:750;color:#5c7983}
/* Asymmetric organic advantages, no boxed-card treatment. */
body#page-site-index .ctuk-home .ctuk-metrics{gap:18px!important;align-items:stretch}
body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:340px!important;padding:48px 29px 40px!important;overflow:hidden;border:1px solid rgba(31,77,90,.07)!important;background:#e6efec!important;border-radius:40% 13% 37% 12% / 19% 37% 16% 32%!important;box-shadow:0 18px 55px rgba(18,43,66,.065)!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-radius .65s!important}
body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:nth-child(2){background:#e0ebee!important;border-radius:15% 45% 17% 39% / 34% 13% 41% 19%!important;transform:translateY(23px)}
body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:nth-child(3){background:#efe6df!important;border-radius:36% 16% 41% 13% / 17% 38% 13% 39%!important}
body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:nth-child(4){background:#e5e8f0!important;border-radius:14% 39% 14% 42% / 38% 17% 36% 14%!important;transform:translateY(23px)}
body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:hover{transform:translateY(-8px)!important;border-radius:26% 22% 29% 21% / 26% 24% 22% 28%!important;box-shadow:0 30px 60px rgba(18,43,66,.12)!important}
body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:after{width:145px;height:145px;right:-63px;top:-60px;background:rgba(255,255,255,.24)!important;filter:blur(1px)}
body#page-site-index .ctuk-home .ctuk-metrics .ctuk-metric-icon{width:57px;height:57px;min-height:57px;margin:0 0 21px;border-radius:50%;background:transparent!important;border:1px solid rgba(27,72,85,.2);box-shadow:none!important;color:#27576a;font-size:24px}
body#page-site-index .ctuk-home .ctuk-metrics .ctuk-card:nth-child(3) .ctuk-metric-icon{color:#966e58}
body#page-site-index .ctuk-home .ctuk-metrics .ctuk-card h3{font-family:Georgia,"Times New Roman",serif!important;font-weight:600!important;font-size:clamp(1.23rem,1.5vw,1.55rem)!important;letter-spacing:-.03em;line-height:1.22!important;color:#173146!important}
body#page-site-index .ctuk-home .ctuk-metrics .ctuk-card p{font-size:.84rem!important;line-height:1.73!important;color:#526978!important}
/* The Academy story: strong typography and an organic full-size photograph. */
body#page-site-index .ctuk-home>section:nth-child(2){position:relative;padding:115px 0 126px;background:#fff}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-about-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(42px,7vw,110px);align-items:center}
body#page-site-index .ctuk-home>section:nth-child(2) .eyebrow{color:#6d8d91;opacity:1;letter-spacing:.22em;margin-bottom:24px}
body#page-site-index .ctuk-home>section:nth-child(2) h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.045em!important;font-size:clamp(2.9rem,5.1vw,5.3rem)!important;line-height:1.08!important;color:#122b42!important;margin:0 0 28px}
body#page-site-index .ctuk-home>section:nth-child(2) p{max-width:515px;color:#617283;font-size:1.03rem;line-height:1.9}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-about-grid>div:last-child{position:relative;isolation:isolate;padding:10px 10px 0}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-about-grid>div:last-child:before{content:"";position:absolute;inset:-17px 8px 20px -18px;border:1px solid rgba(30,80,94,.34);border-radius:52% 18% 46% 18% / 29% 50% 21% 48%;transform:rotate(-5deg);z-index:-1}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-about-grid img{display:block;width:100%;height:clamp(380px,39vw,570px);object-fit:cover;object-position:center;clip-path:ellipse(50% 49% at 50% 50%);border-radius:45% 17% 40% 18% / 22% 44% 19% 46%;box-shadow:none}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-actions{gap:13px;margin-top:33px}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-btn{border-radius:999px;padding:15px 26px;background:#173c51;color:#fff!important;font-weight:700;transition:transform .22s,background .22s}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-btn.alt{background:#e5efee;color:#174154!important}
body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-btn:hover{transform:translateY(-3px)}
/* Campus picture essay: irregular photographic collage with cinematic crop. */
body#page-site-index .ctuk-home>section:nth-child(3){padding:106px 0 126px;background:#e8efed}
body#page-site-index .ctuk-home>section:nth-child(3)>.ctuk-container{width:min(1280px,92%)}
body#page-site-index .ctuk-home>section:nth-child(3) .eyebrow{font-size:.74rem;letter-spacing:.24em;color:#547780;opacity:1;margin-bottom:18px}
body#page-site-index .ctuk-home>section:nth-child(3) h2{color:#163247!important;font:500 clamp(2.9rem,5vw,5.3rem)/1.12 Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important;margin:0 0 20px}
body#page-site-index .ctuk-home>section:nth-child(3) p{max-width:660px;color:#5b7880;line-height:1.85;font-size:1.02rem;margin-bottom:48px}
body#page-site-index .ctuk-home .ctuk-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:16px;align-items:stretch}
body#page-site-index .ctuk-home .ctuk-gallery-item{grid-column:span 3;aspect-ratio:4/5;position:relative;isolation:isolate;overflow:hidden;background:#cbd9da;clip-path:polygon(0 7%,8% 0,92% 0,100% 11%,100% 94%,90% 100%,0 100%);border-radius:25% 5% 16% 4% / 8% 21% 6% 17%;transform:translateZ(0);transition:filter .5s,transform .5s,clip-path .6s}
body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(1),body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(7){grid-column:span 6;aspect-ratio:1.35/1;border-radius:9% 29% 8% 23% / 19% 7% 30% 10%;clip-path:none}
body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(2),body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(9){border-radius:44% 8% 40% 7% / 24% 30% 18% 38%;clip-path:none}
body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(3n){border-radius:10% 42% 9% 42% / 39% 10% 41% 10%;clip-path:none}
body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(5){grid-column:span 6;aspect-ratio:1.35/1;border-radius:33% 8% 27% 7% / 10% 29% 10% 34%;clip-path:none}
body#page-site-index .ctuk-home .ctuk-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.82) contrast(1.04)}
body#page-site-index .ctuk-home .ctuk-gallery-item:hover img{transform:scale(1.065);filter:saturate(1.05)}
body#page-site-index .ctuk-home .ctuk-gallery-item span{padding:55px 20px 18px;font-size:.8rem;font-weight:650;line-height:1.4;letter-spacing:.025em;background:linear-gradient(transparent,rgba(12,36,54,.74));text-shadow:0 1px 2px rgba(0,0,0,.2)}
/* Connection map: floating sculptural panels with gently offset silhouettes. */
body#page-site-index .ctuk-home>section:nth-child(4){position:relative;padding:113px 0 130px;background:#173a4c;color:#eff6f3;overflow:clip}
body#page-site-index .ctuk-home>section:nth-child(4):before{content:"";position:absolute;width:min(76vw,880px);aspect-ratio:1;right:-28%;top:-58%;border:1px solid rgba(212,232,225,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(212,232,225,.025),0 0 0 160px rgba(212,232,225,.02);pointer-events:none}
body#page-site-index .ctuk-home>section:nth-child(4)>.ctuk-container{position:relative;z-index:1}
body#page-site-index .ctuk-home>section:nth-child(4) .eyebrow{color:#9cc2be;opacity:1;letter-spacing:.23em;margin-bottom:17px}
body#page-site-index .ctuk-home>section:nth-child(4) h2{font:500 clamp(2.8rem,4.8vw,5rem)/1.1 Georgia,"Times New Roman",serif!important;letter-spacing:-.04em!important;color:#f5f5ef!important;margin:0 0 18px}
body#page-site-index .ctuk-home>section:nth-child(4) p{color:#c0d7d6;font-size:1rem;line-height:1.78;max-width:760px;margin-bottom:40px}
body#page-site-index .ctuk-home .ctuk-connect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;align-items:stretch}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:310px;padding:38px 29px 30px;border:1px solid rgba(221,241,233,.24);background:rgba(240,249,243,.07);border-radius:38% 9% 35% 11% / 13% 33% 12% 30%;color:#f4f8f4!important;box-shadow:0 22px 40px rgba(6,21,32,.12);backdrop-filter:blur(9px);transition:transform .5s,border-color .4s,background .4s,border-radius .5s}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card:nth-child(2){border-radius:10% 38% 9% 38% / 38% 11% 34% 10%;transform:translateY(22px)}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card:nth-child(3){border-radius:33% 13% 36% 9% / 11% 32% 14% 36%}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card:nth-child(4){border-radius:12% 37% 12% 39% / 39% 12% 35% 11%;transform:translateY(22px)}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card:hover{transform:translateY(-7px)!important;background:rgba(240,249,243,.14);border-color:rgba(221,241,233,.55);border-radius:26% 22% 27% 20% / 24% 27% 25% 29%}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card .icon{display:grid;place-items:center;width:62px;height:62px;flex:none;margin:0 0 28px;border:1px solid rgba(232,247,241,.38);border-radius:50%;font-size:1.6rem;color:#e5e9d7}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card h3{font:600 clamp(1.25rem,1.55vw,1.6rem)/1.24 Georgia,"Times New Roman",serif!important;letter-spacing:-.02em!important;color:#fff!important;margin:0 0 14px}
body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card p{margin:0!important;color:#c7dcdb!important;font-size:.87rem!important;line-height:1.75!important}
/* Extend the calmer palette into remaining homepage panels. */
body#page-site-index .ctuk-home>.ctuk-learn{background:linear-gradient(118deg,#203b4c,#315866);color:#fff}
body#page-site-index .ctuk-home>.ctuk-learn h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.035em!important;font-size:clamp(2.5rem,4vw,4.3rem)!important}
body#page-site-index .ctuk-home>.ctuk-learn img{border-radius:42% 11% 36% 9% / 18% 36% 13% 38%;clip-path:none}
body#page-site-index .ctuk-home>section:last-child{background:#fff;padding:110px 0}
body#page-site-index .ctuk-home>section:last-child h2{font:500 clamp(2.5rem,4vw,4.2rem)/1.13 Georgia,"Times New Roman",serif!important;letter-spacing:-.036em!important;color:#173146!important}
body#page-site-index .ctuk-home .ctuk-blog-card{border:0;background:#f6f7f4;border-radius:30% 5% 10% 5% / 8% 22% 5% 12%;overflow:hidden;box-shadow:0 12px 30px rgba(18,43,66,.055)}
body#page-site-index .ctuk-home .ctuk-blog-card img{border-radius:27% 4% 0 0 / 15% 4% 0 0}
/* Adaptive choreography: retain readable shapes instead of squeezing desktop art. */
@media(max-width:1100px){
 body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card{min-height:310px!important}
 body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:nth-child(2),body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card:nth-child(4){transform:none}
 body#page-site-index .ctuk-home .ctuk-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 body#page-site-index .ctuk-home .ctuk-gallery-item{grid-column:span 3}
 body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(1),body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(5),body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(7){grid-column:span 6;aspect-ratio:1.75/1}
 body#page-site-index .ctuk-home .ctuk-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card{min-height:270px}
 body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card:nth-child(2),body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card:nth-child(4){transform:none}
}
@media(max-width:760px){
 body#page-site-index .ctuk-home>.ctuk-section-soft:first-child{padding:70px 0 80px}
 body#page-site-index .ctuk-home .ctuk-metrics{gap:13px!important}
 body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card{padding:34px 25px!important;min-height:290px!important}
 body#page-site-index .ctuk-home>section:nth-child(2){padding:80px 0 95px}
 body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-about-grid{grid-template-columns:1fr;gap:52px}
 body#page-site-index .ctuk-home>section:nth-child(2) .ctuk-about-grid img{height:clamp(330px,70vw,550px)}
 body#page-site-index .ctuk-home>section:nth-child(3){padding:85px 0 96px}
 body#page-site-index .ctuk-home>section:nth-child(3) p{margin-bottom:36px}
 body#page-site-index .ctuk-home>section:nth-child(4){padding:85px 0 98px}
 body#page-site-index .ctuk-home>section:last-child{padding:85px 0}
}
@media(max-width:600px){
 body#page-site-index .ctuk-home .ctuk-metrics{grid-template-columns:1fr!important}
 body#page-site-index .ctuk-home .ctuk-metrics>.ctuk-card{min-height:235px!important;border-radius:27% 11% 25% 10% / 20% 23% 19% 26%!important;padding:28px 30px!important;transform:none!important}
 body#page-site-index .ctuk-home .ctuk-metrics .ctuk-metric-icon{margin-bottom:13px}
 body#page-site-index .ctuk-home .ctuk-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body#page-site-index .ctuk-home .ctuk-gallery-item{grid-column:span 1!important;aspect-ratio:3/4!important;border-radius:26% 8% 22% 8% / 12% 27% 10% 26%!important}
 body#page-site-index .ctuk-home .ctuk-gallery-item:nth-child(3n+1){grid-column:span 2!important;aspect-ratio:1.55/1!important;border-radius:9% 24% 8% 22% / 19% 10% 25% 12%!important}
 body#page-site-index .ctuk-home .ctuk-gallery-item span{font-size:.75rem;padding:36px 11px 12px}
 body#page-site-index .ctuk-home .ctuk-connect-grid{grid-template-columns:1fr;gap:16px}
 body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card{min-height:215px;padding:30px!important;transform:none!important;border-radius:27% 10% 25% 11% / 15% 28% 17% 27%!important}
 body#page-site-index .ctuk-home .ctuk-connect-grid>.ctuk-card .icon{margin-bottom:16px}
 body#page-site-index .ctuk-home>.ctuk-learn img{max-height:430px;object-fit:cover}
}
/* Progressive reveal: hidden only for elements already observed by JS. */
@media(prefers-reduced-motion:no-preference){
 body#page-site-index .ctuk-home .ctuk-art-observed{opacity:.01;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
 body#page-site-index .ctuk-home .ctuk-art-observed.ctuk-art-visible{opacity:1;transform:translateY(0)}
 body#page-site-index .ctuk-home .ctuk-gallery-item.ctuk-art-observed.ctuk-art-visible{transform:translateZ(0)}
}
@media(prefers-reduced-motion:reduce){body#page-site-index .ctuk-home *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}