/* Separate a commissioned work in progress from free design models. */
.web-studies{color:#f4f1e8;background:#101a25;scroll-margin-top:88px}
.ws-hero-link{display:inline-block;margin-top:25px;padding-bottom:6px;border-bottom:2px solid #d7fc57;color:#d7fc57;font:700 14px/1.5 Arial,Helvetica,sans-serif;text-decoration:none}
.ws-hero-link:hover{color:#fff}
.ws-hero-link:focus-visible{outline:3px solid #d7fc57;outline-offset:5px}
.web-studies *{box-sizing:border-box}
.ws-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.65fr);column-gap:8%;row-gap:28px;align-items:end;padding:clamp(70px,8vw,120px) var(--gutter) clamp(55px,6vw,85px);max-width:1640px;margin:auto}
.ws-intro>span{grid-column:1/-1;border-top:1px solid #dfecdf70;padding-top:14px;color:#d7fc57;font:700 11px/1.5 monospace;letter-spacing:.13em}
.ws-intro h2{font:800 clamp(48px,6.7vw,105px)/.96 Arial,Helvetica,sans-serif;letter-spacing:-.075em;margin:0;text-wrap:balance}
.ws-intro h2 em{font:italic 400 1em Georgia,serif;color:#d7fc57}
.ws-intro p{max-width:490px;margin:0 0 6px;color:#dce2dd;font:400 clamp(16px,1.45vw,20px)/1.6 Arial,Helvetica,sans-serif}
.ws-workshop{background:radial-gradient(circle at 78% 9%,#24436b 0,#0d2035 39%,#071524 83%);padding:clamp(60px,6.5vw,95px) var(--gutter) clamp(70px,7vw,110px);border-top:1px solid #ffd65c68}
.ws-workshop-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr);align-items:end;gap:7%;max-width:1420px;margin:0 auto clamp(34px,4vw,60px)}
.ws-workshop-heading span,.ws-aura-heading span{display:block;font:700 11px/1.5 monospace;letter-spacing:.13em}
.ws-workshop-heading span{color:#ffcb59}
.ws-workshop h3{font:800 clamp(48px,6vw,95px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.075em;margin:28px 0 0;text-wrap:balance}
.ws-workshop h3 em{font:italic 400 1em Georgia,serif;color:#ffc75d}
.ws-workshop-heading p{max-width:470px;color:#d3dee5;font:400 clamp(15px,1.35vw,19px)/1.6 Arial,Helvetica,sans-serif;margin:0 0 6px}
.ws-workshop figure{max-width:1420px;margin:0 auto}
.ws-workshop figure>a{display:block;border:1px solid #ffc75d9c;background:#0e243c;box-shadow:0 25px 75px #0006}
.ws-workshop img,.ws-aura img{display:block;width:100%;height:auto}
.ws-workshop figcaption,.ws-aura figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;font:700 11px/1.5 monospace;letter-spacing:.09em}
.ws-workshop figcaption{color:#d6e0e1}
.ws-workshop figcaption span:last-child{color:#ffc75d}
.ws-transition{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,90px);padding:22px var(--gutter);background:#e8dfd4;color:#594740;font:italic 400 clamp(21px,2.5vw,35px)/1.2 Georgia,serif}
.ws-transition b{font:400 clamp(27px,3vw,45px)/1 Arial,sans-serif;color:#8f7067}
.ws-aura{background:#e8dfd4;color:#29211f;padding:clamp(67px,7vw,110px) var(--gutter) clamp(75px,7vw,115px)}
.ws-aura-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:end;gap:7%;max-width:1420px;margin:0 auto clamp(43px,5vw,78px)}
.ws-aura-heading span{color:#865f57}
.ws-aura h3{font:400 clamp(52px,6.2vw,98px)/.96 Georgia,serif;letter-spacing:-.06em;margin:23px 0 0;text-wrap:balance}
.ws-aura h3 em{color:#9a7268;font-weight:400}
.ws-aura-heading p{max-width:470px;color:#51433e;font:400 clamp(15px,1.35vw,19px)/1.6 Arial,Helvetica,sans-serif;margin:0 0 6px}
.ws-aura-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start;max-width:1100px;margin:0 auto}
.ws-aura figure{min-width:0;margin:0}
.ws-aura figure>a{display:block;box-shadow:0 24px 70px #4e363729;outline:1px solid #886c644d;transition:transform .25s ease,box-shadow .25s ease}
.ws-aura figure>a:hover{transform:translateY(-5px);box-shadow:0 30px 76px #4e363741}
.ws-aura-primary{grid-column:2;grid-row:1}
.ws-aura-secondary{grid-column:1;grid-row:1;margin-top:clamp(75px,11vw,170px)!important}
.ws-aura figcaption{color:#604e48}
.ws-aura figcaption b{color:#7e564d}
.ws-aura-note{max-width:1100px;margin:60px auto 0;padding-top:20px;border-top:1px solid #8d786e70;color:#665751;font:400 13px/1.6 Arial,Helvetica,sans-serif}
.ws-workshop a:focus-visible,.ws-aura a:focus-visible{outline:3px solid #d7fc57;outline-offset:5px}
@media(max-width:850px){.ws-intro,.ws-workshop-heading,.ws-aura-heading{grid-template-columns:1fr}.ws-intro>span{grid-column:1}.ws-workshop-heading,.ws-aura-heading{gap:24px}.ws-aura-grid{gap:25px}}
@media(max-width:600px){.ws-intro{padding:65px 22px 55px}.ws-intro h2{font-size:clamp(45px,12vw,66px)}.ws-intro p{font-size:16px}.ws-workshop,.ws-aura{padding:60px 22px 70px}.ws-workshop h3{font-size:clamp(44px,11vw,66px)}.ws-aura h3{font-size:clamp(48px,12vw,68px)}.ws-workshop-heading p,.ws-aura-heading p{font-size:16px}.ws-aura-grid{grid-template-columns:1fr;max-width:420px;gap:54px}.ws-aura-primary,.ws-aura-secondary{grid-column:1;grid-row:auto;margin-top:0!important}.ws-transition{gap:12px;padding:20px 16px;font-size:16px}.ws-transition b{font-size:24px}.ws-aura-note{margin-top:55px}}
@media(prefers-reduced-motion:reduce){.ws-aura figure>a{transition:none}}