/* Six rectangular marble inscriptions with distinct decorative sculpture studies. */
.school-portico{position:relative;padding:42px 0 30px;background:linear-gradient(110deg,#fff9,transparent 65%),url('stone-marble.svg');background-size:auto,1000px 700px;border-block:1px solid #cabca4;box-shadow:inset 0 5px 10px -10px #63503a}.school-portico>.wrap{max-width:1120px}.stone-entablature{position:relative;text-align:center;padding:0 0 28px;margin-bottom:29px;border-bottom:3px double #b5a484}.stone-heading-mark{display:none}.stone-overline{font:10px/1.5 Georgia,serif;letter-spacing:3.2px;text-transform:uppercase;color:#8d7757;margin:0 0 12px}.stone-entablature h2{font:small-caps clamp(34px,4vw,49px)/1.1 Georgia,serif;letter-spacing:3px;margin:0 0 12px;color:#6e5b46;text-shadow:0 1px #fff,0 -1px 1px #46301d66}.stone-heading-caption{font:14px/1.6 Georgia,serif;color:#80715e;margin:0}.stone-academic-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.stone-school{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:230px;padding:27px 40% 27px 23px;text-decoration:none;isolation:isolate;background:linear-gradient(115deg,#fff9,#f3eddf66 65%,#c7baa322),url('stone-marble.svg');background-size:auto,650px 450px;border:1px solid #b9a98e;box-shadow:inset 0 2px 1px #fff,inset 2px 0 1px #fff9,inset -2px -3px 1px #ac9a7a55,0 4px 5px #806b4d12,0 1px 0 #fff}.stone-school:before{content:'';position:absolute;inset:7px;border:1px solid #c2b39488;box-shadow:inset 0 1px #fff9,0 1px #fff8;z-index:-1;pointer-events:none}.stone-school-label{font:9px/1.5 Georgia,serif;letter-spacing:2.3px;text-transform:uppercase;color:#8b795f;margin-bottom:10px;text-shadow:0 1px #fff;position:relative;z-index:2}.stone-school h3{font:small-caps 27px/1.12 Georgia,serif;color:#6d543e;margin:0;max-width:100%;text-shadow:0 1px #fff,0 -1px 1px #4e331b66;position:relative;z-index:2}.stone-school-link{color:#947956;font:22px/1 Georgia,serif;text-shadow:0 1px #fff;position:relative;margin-top:19px;z-index:2}.stone-scholar{position:absolute;right:0;bottom:5px;width:44%;height:215px;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(3px 4px 3px #66543824)}.stone-school:hover h3,.stone-school:hover .stone-school-link{color:#812c3e}.stone-school:hover{border-color:#a18a65;box-shadow:inset 0 2px 1px #fff,inset 2px 0 1px #fff9,inset -2px -3px 1px #ac9a7a55,0 5px 9px #806b4d1a}.stone-school:focus-visible,.stone-supporting-schools a:focus-visible{outline:3px solid #8b1e2d;outline-offset:4px}.stone-supporting-schools{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid #c8baa1;box-shadow:0 -1px #fff9}.stone-supporting-schools>a{display:flex;align-items:baseline;gap:10px;text-decoration:none}.stone-supporting-schools .stone-school-label{font-size:9px;letter-spacing:1px;margin:0}.stone-supporting-schools h3{font:22px/1.2 Georgia,serif;color:#6f5945;text-shadow:0 1px #fff,0 -1px 1px #4e331b33;margin:0}.stone-supporting-schools>a>span:last-child{font-size:15px;color:#98805e}.stone-portico-foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font:11px/1.5 Georgia,serif}.stone-portico-foot>span{display:none}.stone-portico-foot a{color:#827055;text-decoration:none}.stone-portico-foot small{font:9px/1.5 Georgia,serif;color:#8b7f6f}.stone-supporting-schools a:hover h3,.stone-portico-foot a:hover{color:#812c3e}@media(max-width:1050px){.stone-academic-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.stone-school{min-height:215px;padding-left:22px;padding-right:43%}.stone-school h3{font-size:28px}.stone-scholar{height:205px;width:43%}}@media(max-width:600px){.school-portico{padding-block:30px 24px}.stone-entablature{padding-bottom:22px;margin-bottom:23px}.stone-overline{font-size:8px;letter-spacing:2px}.stone-entablature h2{font-size:36px;margin:10px 0}.stone-heading-caption{font-size:13px}.stone-academic-gallery{grid-template-columns:1fr;gap:20px}.stone-school{min-height:210px;padding:25px 43% 25px 25px}.stone-school h3{font-size:25px}.stone-school-label{font-size:9px}.stone-scholar{height:205px;width:43%;right:3px}.stone-supporting-schools{gap:20px;justify-content:flex-start}.stone-supporting-schools h3{font-size:21px}.stone-portico-foot{gap:20px;align-items:start}.stone-portico-foot a{text-align:right}}@media(max-width:350px){.stone-school{padding-left:20px;padding-right:43%;min-height:210px}.stone-school h3{font-size:22px}.stone-scholar{width:44%;height:200px}}

/* Opposing poses face into the lettering, rather than all looking the same way. */
.stone-school.sculpture-left{padding:27px 23px 27px 40%}.sculpture-left .stone-scholar{left:0;right:auto}@media(max-width:1050px){.stone-school.sculpture-left{padding:27px 22px 27px 43%}}@media(max-width:600px){.stone-school.sculpture-left{padding:25px 25px 25px 43%}.sculpture-left .stone-scholar{left:3px;right:auto}}@media(max-width:350px){.stone-school.sculpture-left{padding-left:43%;padding-right:20px}}

/* Aged limestone variation and alternating inscriptions. */
.stone-school{background-image:radial-gradient(ellipse at 0 0,#78604422,transparent 40%),radial-gradient(ellipse at 100% 100%,#71603c25,transparent 42%),linear-gradient(115deg,#fff4,transparent 60%),url('stone-aged.svg');background-size:auto,auto,auto,600px 450px;border-color:#b2a082;box-shadow:inset 0 1px 1px #fff9,inset 2px 0 1px #fff6,inset -2px -3px 2px #88745166,0 3px 6px #705a3c1a,0 1px 0 #fff8}.stone-school:before{border-color:#a3906c66;box-shadow:inset 0 1px #fff8,0 1px #fff7;opacity:.8}.stone-school h3{color:#65503c;text-shadow:0 .7px .2px #fff,0 -.8px .6px #4b321f88}.stone-school-label{color:#7b654b;text-shadow:0 1px #fff9}.stone-scholar{mix-blend-mode:multiply}.stone-school.sculpture-left{align-items:flex-end;text-align:right}.stone-variant-1{background-position:0 0,0 0,0 0,0 0}.stone-variant-2{background-position:0 0,0 0,0 0,220px -90px;background-color:#e0d7c9}.stone-variant-3{background-position:0 0,0 0,0 0,-170px -180px;background-color:#cec4b4}.stone-variant-4{background-position:0 0,0 0,0 0,300px 140px;background-color:#e6dccc}.stone-variant-5{background-position:0 0,0 0,0 0,-240px 30px;background-color:#d9d1c5}.stone-variant-6{background-position:0 0,0 0,0 0,80px -250px;background-color:#d8c9b5}.sculpture-mirrored .stone-scholar{transform:scaleX(-1)}

/* A decorative marble gateway frames the school directory title. */
.stone-entablature{box-sizing:border-box;max-width:1000px;min-height:310px;margin:0 auto 29px;padding:112px 170px 58px;border:0;background:url('stone-arch.svg?v=20261021-wide') center top/100% 100% no-repeat}.stone-entablature .stone-overline{font-size:9px;letter-spacing:2.5px}.stone-entablature h2{font-size:48px}.stone-entablature .stone-heading-caption{font-size:14px}
@media(max-width:600px){.stone-entablature{min-height:210px;padding:80px 44px 35px;margin-bottom:23px}.stone-entablature .stone-overline{font-size:6px;letter-spacing:1px}.stone-entablature h2{font-size:30px;letter-spacing:1px;margin:8px 0}.stone-entablature .stone-heading-caption{font-size:11px;line-height:1.4}}

/* One architectural frame surrounds the entire school directory. */
.school-portico>.stone-gateway{position:relative;max-width:1280px;padding:154px 104px 48px;isolation:isolate}.stone-entablature{background:none;min-height:0;padding:0 20px 30px;margin:0 auto 12px}.gateway-arch{position:absolute;top:0;left:-5.1%;width:110.2%;height:310px;background:url('stone-arch.svg?v=20261021-wide') center top/100% 310px no-repeat;z-index:-1;pointer-events:none}.gateway-column{position:absolute;top:139px;bottom:29px;width:52px;background:repeating-linear-gradient(90deg,#b5a58c 0,#eee7d8 4px,#faf5ea 7px,#c6b79c 10px,#f4edde 12px);border:1px solid #b5a58d;box-shadow:inset 5px 0 6px #fff8,inset -5px 0 6px #76604433,5px 4px 7px #63503a20;z-index:-1}.gateway-column-left{left:34px}.gateway-column-right{right:34px}.gateway-column:before,.gateway-column:after,.gateway-column i,.gateway-column b{content:'';position:absolute;display:block;background:linear-gradient(#f9f4e9,#d6cbb8 55%,#b5a58b);border:1px solid #b8a88d;box-shadow:0 2px 2px #75634920}.gateway-column:before{left:-10px;right:-10px;height:16px;top:-8px}.gateway-column:after{left:-14px;right:-14px;height:15px;bottom:-10px}.gateway-column i{top:9px;height:9px;left:-5px;right:-5px}.gateway-column b{bottom:6px;height:10px;left:-7px;right:-7px}
@media(max-width:1050px){.school-portico>.stone-gateway{padding-left:85px;padding-right:85px}.gateway-column-left{left:22px}.gateway-column-right{right:22px}.gateway-column{width:43px}.gateway-arch{left:-7%;width:114%}}
@media(max-width:600px){.school-portico>.stone-gateway{padding:97px 36px 35px}.stone-entablature{padding:0 4px 22px;margin-bottom:8px}.gateway-arch{left:-8%;width:116%;height:200px;background-size:100% 200px}.gateway-column{top:90px;bottom:20px;width:17px;background-size:7px 100%}.gateway-column-left{left:5px}.gateway-column-right{right:5px}.gateway-column:before{left:-4px;right:-4px;height:9px;top:-4px}.gateway-column:after{left:-5px;right:-5px;height:10px;bottom:-5px}.gateway-column i,.gateway-column b{left:-2px;right:-2px;height:5px}.stone-entablature h2{font-size:29px}.stone-school{padding-left:16px}.stone-school h3{font-size:22px}.stone-school.sculpture-left{padding-right:16px}.stone-overline{overflow-wrap:normal}}

.gateway-arch{left:-6.6%;width:113.2%}.stone-gateway .stone-school h3{font-size:24px}.stone-gateway .stone-academic-gallery{gap:22px}.stone-gateway .stone-school{padding-left:20px}.stone-gateway .stone-school.sculpture-left{padding-right:20px}@media(max-width:1050px) and (min-width:601px){.gateway-arch{left:-8.4%;width:116.8%}}@media(max-width:600px){.gateway-arch{left:-9%;width:118%}.stone-gateway .stone-school h3{font-size:22px}.stone-gateway .stone-school{padding-left:15px}.stone-gateway .stone-school.sculpture-left{padding-right:15px}}
.stone-gateway .stone-school h3{width:100%;white-space:normal;overflow-wrap:normal}.stone-gateway .sculpture-left h3{max-width:150px}
/* Restore the original photographic Corinthian marble columns. */
.gateway-column{width:95px;top:139px;bottom:0;border:0;box-shadow:none;background-image:url('approved-programmes.webp');background-repeat:no-repeat;background-size:1524.21% 147.75%;background-position:left bottom}.gateway-column-left{left:0}.gateway-column-right{right:0;background-position:right bottom}.gateway-column:before,.gateway-column:after,.gateway-column i,.gateway-column b{display:none}.gateway-arch{left:-7.8%;width:115.6%}.stone-entablature h2{color:#7d152c;text-shadow:0 1px #fff;font-variant:normal}.stone-entablature .stone-overline{color:#9b753c}.stone-entablature .stone-heading-mark{display:block;color:#a38350;position:absolute;left:50%;transform:translateX(-50%);bottom:25px}.stone-entablature{padding-bottom:48px}.stone-heading-caption{margin-top:20px}.stone-entablature .stone-heading-mark{display:none}
@media(max-width:1050px) and (min-width:601px){.gateway-column{width:66px}.gateway-arch{left:-9%;width:118%}}
@media(max-width:600px){.gateway-column{width:27px;top:90px;bottom:0;background-size:1524.21% 147.75%}.gateway-column-left{left:0}.gateway-column-right{right:0}.gateway-arch{left:-8%;width:116%}.stone-entablature{padding-bottom:26px}.school-portico{overflow:hidden}}

/* Owner correction: a full-width architectural surround, with substantial original columns. */
.school-portico{padding:12px 0 0;overflow:hidden}
.school-portico>.stone-gateway{width:100%;max-width:none;padding:168px clamp(100px,10vw,185px) 35px;margin:0}
.stone-gateway .gateway-arch{left:0;top:0;width:100%;height:250px;background-size:100% 250px}
.stone-gateway .gateway-column{width:6.3%;top:230px;bottom:0;background-size:1524.21% 147.75%;z-index:-1}
.stone-gateway .gateway-column-left{left:0}.stone-gateway .gateway-column-right{right:0}
.stone-gateway .stone-entablature{padding-bottom:28px;margin-bottom:20px}
.stone-gateway .stone-academic-gallery,.stone-gateway .stone-supporting-schools,.stone-gateway .stone-portico-foot{max-width:1240px;margin-left:auto;margin-right:auto}
.stone-gateway .stone-entablature h2{font-size:49px}
@media(max-width:1050px) and (min-width:601px){.school-portico>.stone-gateway{padding-left:90px;padding-right:90px}.stone-gateway .gateway-column{width:7%}.stone-gateway .stone-academic-gallery{gap:20px}}
@media(max-width:600px){.school-portico{padding-top:8px}.school-portico>.stone-gateway{padding:110px 44px 28px}.stone-gateway .gateway-arch{left:0;width:100%;height:160px;background-size:100% 160px}.stone-gateway .gateway-column{top:147px;width:30px;bottom:0}.stone-gateway .stone-entablature{padding:0 0 22px;margin-bottom:8px}.stone-gateway .stone-entablature h2{font-size:30px;letter-spacing:1px}.stone-gateway .stone-overline{font-size:7px;letter-spacing:1.2px}.stone-gateway .stone-heading-caption{font-size:12px;margin-top:12px}.stone-gateway .stone-academic-gallery{gap:18px}.stone-gateway .stone-supporting-schools{gap:18px}}

/* Thick carved crown with the College name inscribed into its stone face. */
.stone-gateway .gateway-arch{background-image:url('stone-arch.svg?v=20261021-inscribed')}
.gateway-inscription{position:absolute;top:53px;left:50%;transform:translateX(-50%);width:70%;text-align:center;font:small-caps clamp(16px,2.5vw,35px)/1.1 Georgia,serif;letter-spacing:3px;color:#76664d;text-shadow:0 1px 0 #fffdf4,0 -1px 1px #513c2780}
.stone-gateway .stone-overline{visibility:hidden;height:0;margin:0}
.stone-gateway .stone-entablature{padding-top:8px}
@media(max-width:600px){.gateway-inscription{top:35px;width:76%;font-size:13px;letter-spacing:.6px}.stone-gateway .stone-entablature{padding-top:8px}}

/* Continuous stone spandrels fill the outer corners, like a vaulted passage. */
.school-portico{padding-top:0;background-color:#eee8dc}
.stone-gateway .gateway-arch{background-image:url('stone-arch.svg?v=20261021-corridor')}
@media(max-width:600px){.school-portico{padding-top:0}}

/* A substantially heavier arch ring, rather than a thin curved trim. */
.stone-gateway .gateway-arch{background-image:url('stone-arch.svg?v=20261021-heavy-ring')}
.gateway-inscription{top:67px}
@media(max-width:600px){.gateway-inscription{top:44px}}

/* The inscription follows the actual arch curve within the SVG stonework. */
.stone-gateway .gateway-arch{background-image:url('stone-arch.svg?v=20261021-curved-lettering')}
.gateway-inscription{display:none}

/* Uneven limestone grain, shallow pores and a thicker weathered stone edge. */
.stone-gateway .stone-school{background-image:radial-gradient(ellipse at 0 0,#7860442b,transparent 45%),radial-gradient(ellipse at 100% 100%,#71603c28,transparent 45%),linear-gradient(115deg,#fff2,transparent 60%),url('stone-relief.svg');background-size:auto,auto,auto,600px 450px;border-color:#a49276 #aa987b #958367 #b7a68a;border-bottom-width:4px;border-right-width:3px;box-shadow:inset 2px 3px 3px #fff9,inset -3px -4px 5px #6f5c3b40,0 4px 5px #5c493526,0 1px 0 #fff8}
.stone-gateway .stone-school:before{border-color:#9f896b99;box-shadow:inset 1px 1px 2px #fff9,1px 1px 1px #fff8,inset -1px -1px 1px #7d684a45}
.stone-gateway .stone-school h3{color:#604c37;text-shadow:0 1px .4px #fffce8,0 -1px .8px #49301f99}

/* Deep incised lettering: dark upper recess and a crisp illuminated lower lip. */
.stone-gateway .stone-school h3{color:#645039;text-shadow:0 -1.4px .5px #352413c9,-.7px -.4px .4px #49331c99,0 1.6px .4px #fffce9,1px 1.4px .6px #fff9df}
.stone-gateway .stone-school-label{color:#746047;text-shadow:0 -1px .4px #45321c99,0 1px .3px #fffbe8}
.stone-gateway .gateway-arch{background-image:url('stone-arch.svg?v=20261021-deep-carving')}

/* Let the architectural inscription introduce the gallery without a modern heading. */
.stone-gateway>.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.school-portico>.stone-gateway{padding-top:270px}
@media(max-width:600px){.school-portico>.stone-gateway{padding-top:178px}}

/* Authentic crest motto, rendered as a quiet carved inscription. */
.school-portico>.stone-gateway{padding-top:188px}
.stone-college-motto{text-align:center;font:small-caps clamp(19px,2.5vw,32px)/1.4 Georgia,serif;letter-spacing:3px;color:#766048;text-shadow:0 -1px .5px #47331b99,0 1.4px .4px #fffce9;margin:0 0 34px}
.stone-college-motto span{padding:0 7px;color:#927b56}
@media(max-width:600px){.school-portico>.stone-gateway{padding-top:132px}.stone-college-motto{font-size:14px;letter-spacing:.4px;margin-bottom:24px}.stone-college-motto span{padding:0 2px}}

/* A continuous unjointed arch face with the inscription lowered into its centre. */
.stone-gateway .gateway-arch{background-image:url('stone-arch.svg?v=20261021-smooth-inscription')}

/* All eight schools receive a full sculpture plaque; final pair is centred. */
@media(min-width:1051px){.stone-gateway .stone-academic-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}.stone-gateway .stone-academic-gallery>.stone-school{grid-column:span 2}.stone-gateway .stone-academic-gallery>.stone-school:nth-child(7){grid-column:2/span 2}.stone-gateway .stone-academic-gallery>.stone-school:nth-child(8){grid-column:4/span 2}}

/* Paired acanthus carvings bridge the arch springers and column capitals. */
.gateway-carving{position:absolute;top:174px;width:clamp(110px,12vw,200px);height:130px;object-fit:contain;z-index:1;pointer-events:none;filter:drop-shadow(0 3px 2px #5d4a2d30)}
.gateway-carving-left{left:-12px}.gateway-carving-right{right:-12px;transform:scaleX(-1)}
@media(max-width:600px){.gateway-carving{top:116px;width:70px;height:68px}.gateway-carving-left{left:-15px}.gateway-carving-right{right:-15px}}

/* Seated inward-facing griffins occupy the two spaces beside the final plaques. */
.stone-griffin{display:none;pointer-events:none}
@media(min-width:1051px){.stone-gateway .stone-griffin{display:block;grid-row:3;width:100%;height:225px;align-self:end;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;filter:drop-shadow(0 2px 1px #77644722)}.stone-griffin-left{grid-column:1}.stone-griffin-right{grid-column:6;transform:scaleX(-1)}}
