/* Case studies: each project is a visual composition, with its client and scope. */
.impact-numbers>div>span{color:var(--gold-muted)}
.experience-section{background:#eee9df}
.case-study-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch}
.case-study{--case-base:#0d3732;--case-deep:#082723;--case-accent:#c6a569;--case-soft:#dce7dc;grid-column:span 5;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:650px;padding:30px 34px 32px;border-radius:5px;overflow:hidden;color:#fbf8ef;background:linear-gradient(145deg,var(--case-base),var(--case-deep));transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,1,.3,1),box-shadow .65s;box-shadow:0 4px 12px #2d292610}
.case-study.case-wide{grid-column:span 7}
.case-study:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--spot-x,60%) var(--spot-y,20%),#ffffff16,transparent 64%);pointer-events:none}
.case-study:after{content:"";position:absolute;inset:0;border:1px solid #ffffff17;border-radius:inherit;pointer-events:none}
.case-study:hover,.case-study:focus-visible{box-shadow:0 22px 44px #2d292629}
.case-study-top{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3;font-size:13px;line-height:1.6;color:#ffffffb8}
.case-open{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff40;border-radius:50%;font:26px Arial;color:var(--case-soft);transition:background .5s,color .5s,transform .5s}
.case-study:hover .case-open,.case-study:focus-visible .case-open{background:var(--case-accent);color:var(--case-deep);transform:rotate(-45deg);border-color:transparent}
.case-art{height:265px;position:relative;margin:1px -12px 20px;perspective:900px;isolation:isolate;pointer-events:none}
.case-light{position:absolute;inset:-12% -8% -3%;background:radial-gradient(ellipse at 47% 48%,var(--case-accent),transparent 67%);opacity:.13;filter:blur(20px)}
.case-rings{position:absolute;inset:-8% 5% 0;transform:rotate(-22deg);opacity:.6;transition:transform 1.4s}
.case-rings i{position:absolute;inset:5% 14%;border:1px solid #ffffff20;border-radius:50%;transform:rotateX(56deg)}
.case-rings i:nth-child(2){inset:0 8%;border-color:var(--case-accent);opacity:.35;transform:rotateX(56deg) translateZ(-22px)}
.case-rings i:nth-child(3){inset:-9% 0;border-color:#ffffff10;transform:rotateX(56deg) translateZ(-44px)}
.case-study:hover .case-rings{transform:rotate(-8deg)}
.case-pass,.case-pass-back{position:absolute;width:64%;max-width:340px;aspect-ratio:1.62;left:9%;top:17%;border-radius:15px;transform:rotate(-12deg) rotateY(9deg) rotateX(4deg);transition:transform 1s cubic-bezier(.2,1,.3,1)}
.case-pass-back{background:linear-gradient(130deg,#ffffff1c,#ffffff03);border:1px solid #ffffff30;transform:translate(17px,-20px) rotate(1deg) rotateY(9deg);box-shadow:9px 12px 24px #00000020}
.case-pass{background:linear-gradient(125deg,#fffef2 0%,#e6e1cf 47%,#bcb8a4 100%);border:1px solid #fff9;box-shadow:0 1px 0 #fff inset,1px 3px 0 #76735c,12px 25px 32px #0005;color:var(--case-base);overflow:hidden;z-index:2;transform-style:flat}
.case-pass-sheen{position:absolute;inset:0;z-index:1;background:linear-gradient(112deg,transparent 15%,#ffffff50 35%,transparent 55%);transform:translateX(-110%);transition:transform 1.2s}
.case-study:hover .case-pass-sheen{transform:translateX(70%)}
.case-project-mark{position:absolute;display:block;width:58%;height:46%;object-fit:contain;object-position:right top;max-width:none;max-height:none;right:11%;top:17%;z-index:2}
.case-maker{position:absolute;width:28px;height:28px;object-fit:contain;bottom:14%;left:10%;opacity:.85}
.case-engraving{position:absolute;bottom:20%;right:11%;width:45%;display:flex;gap:6px;direction:ltr}
.case-engraving i{height:2px;width:30%;background:#8b806a44;border-bottom:1px solid #fff7}
.case-engraving i:last-child{width:17%}
.case-client-plaque{position:absolute;z-index:3;right:5%;bottom:9%;width:29%;max-width:150px;height:84px;display:grid;place-items:center;padding:13px 17px;border-radius:9px;background:linear-gradient(140deg,#fffc,#f2ecdbf2);border:1px solid #ffffffe0;box-shadow:7px 14px 23px #0003;transform:rotate(6deg);transition:transform 1s;backdrop-filter:blur(12px)}
.case-client-plaque img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.case-light-trail{position:absolute;z-index:1;bottom:23%;left:31%;width:44%;height:40px;border:1px solid var(--case-accent);border-left:0;border-bottom:0;border-radius:0 70px 0 0;opacity:.65;transform:rotate(9deg)}
.case-study:hover .case-pass{transform:translateY(-10px) rotate(-5deg) rotateY(3deg)}
.case-study:hover .case-pass-back{transform:translate(22px,-26px) rotate(5deg)}
.case-study:hover .case-client-plaque{transform:translateY(-6px) rotate(0)}
.case-study-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}
.case-study-copy h3{font-size:clamp(37px,3.7vw,60px);font-weight:700;line-height:1.35;letter-spacing:-1.8px;color:#fbf8ef;margin:0;text-wrap:balance}
.case-entity-name{font-size:18px;line-height:1.9;color:var(--case-soft);margin:10px 0 17px}
.case-study-summary{font-size:16px;line-height:2;color:#ffffffbd;max-width:520px;margin:0 0 27px}
.case-study-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-top:23px;border-top:1px solid #ffffff25;width:100%;margin-top:auto}
.case-work-tags{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:5px;max-width:58%;color:#ffffff9c;font-size:11px;line-height:1.8}
.case-work-tags span+span{border-inline-start:1px solid #ffffff25;padding-inline-start:12px}
.case-read{display:flex;align-items:center;gap:13px;font-size:13px;white-space:nowrap;color:var(--case-soft)}
.case-read i{font:24px Arial;transition:transform .5s}
.case-study:hover .case-read i{transform:translate(-4px,-4px)}
.case-emtyaz{--case-base:#165c4e;--case-deep:#082f2b;--case-accent:#c6a66e;--case-soft:#e5d5b4}
.case-rafah{--case-base:#236741;--case-deep:#093e2e;--case-accent:#b5d68b;--case-soft:#daedc4}
.case-rafah .case-pass{background:linear-gradient(130deg,#fbfff1,#d7e6c8 60%,#a4c496)}
.case-rafah .case-project-mark{max-height:none;height:59%;width:42%;top:10%;right:17%}
.case-tourism{--case-base:#49366d;--case-deep:#242346;--case-accent:#a9a5eb;--case-soft:#ded8f7}
.case-device{position:absolute;left:-11%;top:-16%;width:114%;height:130%;max-width:none;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(10px 24px 18px #08052650);transition:transform 1s}
.case-tourism .case-client-plaque{bottom:1%;right:0;width:30%;height:80px;transform:rotate(7deg)}
.case-tourism .case-light-trail{display:none}
.case-study:hover .case-device{transform:translateY(-12px) rotate(-1deg)}
.case-sami{--case-base:#264b5a;--case-deep:#102d3e;--case-accent:#a0c7d1;--case-soft:#d1e6ee}
.case-sami .case-pass{background:linear-gradient(135deg,#f9faff,#cedce3 55%,#92abb9)}
.case-sami .case-rings{transform:rotate(-35deg);inset:-10% 5%}
.case-sami .case-rings i{border-radius:35px;transform:rotateX(56deg) rotateZ(-12deg)}
.case-etizaz{--case-base:#36443e;--case-deep:#1b2c29;--case-accent:#c5b476;--case-soft:#e6d9ae}
.case-etizaz .case-pass{background:linear-gradient(120deg,#f8ebbf,#d4c593 55%,#a79865)}
.case-etizaz .case-client-plaque img{max-height:70px}
.case-elm{--case-base:#315d74;--case-deep:#17394e;--case-accent:#91bdcc;--case-soft:#cfe6ee}
.case-elm .case-study-copy h3{font-size:clamp(34px,3vw,47px)}
.case-elm .case-pass{background:linear-gradient(135deg,#fbf6df,#d8d9c8 65%,#b4c3c4)}
.case-naghi{--case-base:#4d4840;--case-deep:#282c2d;--case-accent:#d0b581;--case-soft:#ecdebd}
.case-naghi .case-study-copy h3{font-size:clamp(33px,3.3vw,50px)}
.case-naghi .case-client-plaque{max-width:210px;width:36%;right:2%;bottom:7%;height:70px;padding:14px}
.case-architecture{position:absolute;width:290px;height:230px;left:50%;top:13px;transform:translateX(-50%);perspective:900px}
.case-building{position:absolute;bottom:30px;width:105px;height:150px;transform:skewY(-17deg);background:repeating-linear-gradient(0deg,transparent 0 14px,#bec3b930 14px 16px),repeating-linear-gradient(90deg,#949f98 0 17px,#d8d9c9 17px 19px);box-shadow:inset 14px 0 24px #1b27294d,0 20px 22px #0002;transition:transform 1s}
.case-building:after{content:"";position:absolute;left:100%;top:0;width:45px;height:100%;background:repeating-linear-gradient(0deg,#5b6561 0 14px,#9aa59b 14px 16px);transform:skewY(40deg);transform-origin:left top;box-shadow:inset -10px 0 20px #17232133}
.case-building i{position:absolute;bottom:100%;left:0;width:100%;height:38px;background:linear-gradient(125deg,#d5d6c9,#9b9b87);transform:skewX(50deg);transform-origin:left bottom}
.case-building b{position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--case-accent);box-shadow:0 0 15px #d1bd7944}
.building-one{left:37px;z-index:3;height:145px;width:95px}
.building-two{left:144px;bottom:44px;z-index:2;height:184px;width:82px}
.building-three{left:4px;bottom:15px;z-index:4;height:80px;width:93px}
.case-ground{position:absolute;width:300px;height:160px;border:1px solid #d8c89a66;bottom:-12px;left:-10px;transform:rotateX(67deg) rotateZ(-15deg);box-shadow:0 0 0 19px #e1cc8710,0 0 0 40px #e1cc8708}
.case-naghi:hover .case-building{transform:skewY(-17deg) translateY(-7px)}
.case-maker-seal{position:absolute;left:12%;bottom:3%;width:49px;height:49px;border:1px solid #bda77899;border-radius:50%;background:#393a32;z-index:5}
.case-maker-seal .case-maker{inset:10px;width:28px;height:28px}
.case-risks{--case-base:#405661;--case-deep:#203741;--case-accent:#a9c0c2;--case-soft:#d7e6e5}
.case-risks .case-study-copy h3{font-size:clamp(31px,2.7vw,42px)}
.case-risks .case-entity-name{display:none}
.case-monument{position:absolute;left:50%;top:16%;width:170px;height:170px;display:grid;place-items:center;transform:translateX(-50%) rotate(-9deg);border-radius:18px;background:linear-gradient(140deg,#f8f4e6,#c2ccca);box-shadow:4px 7px 0 #657773,12px 24px 35px #0c1b2c66;border:1px solid #f8f4e6aa;transition:transform 1s}
.case-monument img{width:105px;height:105px;object-fit:contain;position:relative;z-index:2}
.case-monument i{position:absolute;inset:11px;border:1px solid #7c8f8f40;border-radius:11px}
.case-risks:hover .case-monument{transform:translate(-50%,-10px) rotate(-3deg)}
.case-risks .case-work-tags{display:none}

/* All contact copy grows together, including field labels, address and footer. */
.contact-chapter .contact-content>p{font-size:clamp(20px,1.85vw,29px);line-height:1.9;max-width:780px;color:#6c5635}
.contact-chapter .contact-information h3{font-size:32px;font-weight:700;margin-bottom:19px}
.contact-chapter .contact-information>p,.contact-chapter .contact-address p{font-size:20px;line-height:2;max-width:530px;color:#6e593a}
.contact-chapter .contact-method>span,.contact-chapter .contact-address>span{font-size:18px;color:#806435}
.contact-chapter .contact-method strong{font-size:clamp(24px,2.2vw,34px);font-weight:400;overflow-wrap:anywhere}
.contact-chapter .contact-method{padding-block:26px;row-gap:14px}
.contact-chapter #contact-form label{font-size:19px;line-height:1.7;margin-bottom:30px;color:#6e593a}
.contact-chapter #contact-form input,.contact-chapter #contact-form textarea{font-size:21px;line-height:1.7;padding:14px 0}
.contact-chapter .send-button{font-size:20px;padding:22px 25px}
.contact-chapter .form-note{font-size:16px;line-height:1.9;margin-top:18px;color:#785d34}
.contact-chapter .contact-start{font-size:18px;width:165px;height:165px}
.contact-chapter footer p,.contact-chapter footer>a:not(:first-child),.contact-chapter footer>span{font-size:16px;line-height:1.8}
.contact-chapter .contact-grid{gap:9%}
@media(min-width:1500px){.case-study{min-height:720px;padding:36px 44px}.case-art{height:300px}.case-pass,.case-pass-back{max-width:395px}.case-study-summary{font-size:18px}.case-entity-name{font-size:21px}.case-study-top{font-size:15px}.case-read{font-size:15px}.case-work-tags{font-size:13px}}
@media(max-width:1100px){.case-study-grid{gap:20px}.case-study,.case-study.case-wide{grid-column:span 6;padding:25px;min-height:635px}.case-art{height:240px;margin-inline:-8px}.case-pass,.case-pass-back{width:67%;left:4%;top:19%}.case-client-plaque{right:0;bottom:9%;width:30%;height:77px;padding:12px}.case-study-copy h3{font-size:39px}.case-elm .case-study-copy h3,.case-naghi .case-study-copy h3{font-size:33px}.case-risks .case-study-copy h3{font-size:32px}.case-entity-name{font-size:16px}.case-study-summary{font-size:15px}.case-study-bottom{align-items:flex-start;flex-direction:column;gap:16px}.case-work-tags{max-width:100%}.case-read{width:100%;justify-content:space-between}.case-device{width:125%;left:-17%}.case-architecture{transform:translateX(-50%) scale(.88);transform-origin:center bottom}.contact-chapter .field-row{grid-template-columns:1fr}.contact-chapter .contact-start{width:140px;height:140px;font-size:17px}.contact-chapter .contact-information>p,.contact-chapter .contact-address p{font-size:19px}.contact-chapter .contact-method strong{font-size:24px}}
@media(max-width:800px){.case-study-grid{grid-template-columns:1fr 1fr;gap:20px}.case-study,.case-study.case-wide{grid-column:span 2;min-height:0;padding:28px 30px 30px}.case-art{height:300px;margin:0 -5px 15px}.case-pass,.case-pass-back{width:59%;max-width:340px;left:12%;top:14%}.case-client-plaque{right:9%;bottom:12%;width:27%;max-width:150px;height:95px;padding:16px}.case-study-copy h3{font-size:47px}.case-elm .case-study-copy h3,.case-naghi .case-study-copy h3{font-size:39px}.case-risks .case-study-copy h3{font-size:36px}.case-entity-name{font-size:19px}.case-study-summary{font-size:17px}.case-study-bottom{flex-direction:row;align-items:center}.case-work-tags{max-width:58%;font-size:12px}.case-read{width:auto;font-size:14px}.case-device{width:95%;height:125%;left:-2%;top:-13%}.case-tourism .case-client-plaque{right:11%;bottom:4%;height:95px}.case-architecture{transform:translateX(-50%);top:35px}.case-naghi .case-client-plaque{right:7%;bottom:8%}.case-monument{top:16%;width:195px;height:195px}.case-monument img{width:115px;height:115px}.contact-chapter .contact-content>p{font-size:21px;max-width:620px}.contact-chapter .contact-information h3{font-size:30px}.contact-chapter .contact-information>p,.contact-chapter .contact-address p{font-size:19px}.contact-chapter .contact-method strong{font-size:27px}.contact-chapter .contact-start{font-size:17px;width:140px;height:140px}.contact-chapter #contact-form label{font-size:19px}.contact-chapter .field-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.case-study-grid{gap:22px}.case-study,.case-study.case-wide{padding:22px 23px 26px;border-radius:4px}.case-study-top{font-size:12px}.case-open{width:37px;height:37px;font-size:24px}.case-art{height:232px;margin:2px -9px 13px}.case-pass,.case-pass-back{width:68%;left:3%;top:19%;border-radius:11px}.case-client-plaque{width:30%;right:1%;bottom:12%;height:73px;padding:11px;border-radius:7px}.case-maker{width:21px;height:21px}.case-project-mark{max-width:59%;max-height:46%}.case-engraving{gap:4px}.case-engraving i{height:1px}.case-study-copy h3{font-size:39px;letter-spacing:-1px}.case-elm .case-study-copy h3,.case-naghi .case-study-copy h3{font-size:31px}.case-risks .case-study-copy h3{font-size:30px}.case-entity-name{font-size:16px;margin:8px 0 14px}.case-study-summary{font-size:15px;line-height:2;margin-bottom:23px}.case-study-bottom{flex-direction:column;align-items:stretch;gap:18px;padding-top:19px}.case-work-tags{max-width:100%;font-size:11px}.case-read{justify-content:space-between;font-size:13px}.case-device{width:127%;height:130%;left:-18%;top:-16%}.case-tourism .case-client-plaque{width:32%;right:1%;bottom:7%;height:75px}.case-architecture{top:15px;transform:translateX(-50%) scale(.8);transform-origin:center bottom}.case-naghi .case-client-plaque{right:0;bottom:7%;height:54px;width:40%;padding:9px}.case-maker-seal{bottom:2%;left:8%;transform:scale(.8)}.case-monument{top:15%;width:165px;height:165px}.case-monument img{width:100px;height:100px}.contact-chapter .contact-content>p{font-size:20px;line-height:1.9}.contact-chapter .contact-information h3{font-size:29px}.contact-chapter .contact-information>p,.contact-chapter .contact-address p{font-size:18px}.contact-chapter .contact-method>span,.contact-chapter .contact-address>span{font-size:17px}.contact-chapter .contact-method strong{font-size:clamp(23px,6.3vw,28px)}.contact-chapter .contact-method{padding-block:24px}.contact-chapter .contact-start{font-size:17px;width:136px;height:136px}.contact-chapter #contact-form label{font-size:18px}.contact-chapter #contact-form input,.contact-chapter #contact-form textarea{font-size:19px}.contact-chapter .field-row{grid-template-columns:1fr}.contact-chapter .send-button{font-size:18px;padding:20px}.contact-chapter .form-note{font-size:16px}.contact-chapter footer{gap:22px;flex-wrap:wrap}.contact-chapter footer p,.contact-chapter footer>a:not(:first-child),.contact-chapter footer>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.case-study{transform:none!important}.case-study *{transition:none!important}}
body.motion-paused .case-study{transform:none!important}