*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#10110f;color:#f1eee7;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #dbcdb0;outline-offset:6px}::selection{background:#c8b899;color:#10110f}header{position:fixed;top:0;left:0;right:0;z-index:20;padding:28px 3.5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#10110fd9,transparent)}.brand{font:italic 23px Georgia,serif;letter-spacing:-1px}nav{display:flex;gap:35px;font:10px monospace;text-transform:uppercase;letter-spacing:1px}nav a{padding:10px 0;border-bottom:1px solid #5559}nav a:hover{border-color:#e9dec8}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;isolation:isolate}.collage{position:absolute;inset:0}.float{position:absolute;width:17%;padding:0;will-change:transform;animation:drift 8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-1.2s)}.float img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7) saturate(.85);transition:filter .5s,scale .6s}.float:hover img{filter:brightness(1);scale:1.04}.float span{position:absolute;left:8px;bottom:8px;background:#10110fc9;padding:7px 9px;font:9px monospace;opacity:0;transition:opacity .3s}.float:hover span,.float:focus-visible span{opacity:1}.float:nth-child(1){left:-3%;top:14%;width:19%;height:38%}.float:nth-child(2){left:25%;top:-8%;width:19%;height:29%}.float:nth-child(3){right:12%;top:12%;width:15%;height:25%}.float:nth-child(4){right:-5%;top:40%;width:20%;height:29%}.float:nth-child(5){right:20%;bottom:-8%;width:19%;height:34%}.float:nth-child(6){left:26%;bottom:5%;width:14%;height:21%}.float:nth-child(7){left:3%;bottom:3%;width:18%;height:22%}.float:nth-child(8){right:2%;top:-9%;width:12%;height:26%}.hero-copy{position:absolute;top:40%;left:15%;right:15%;text-align:center;pointer-events:none;z-index:3}.eyebrow{font:10px monospace;text-transform:uppercase;letter-spacing:1.7px;color:#aaa99f}.hero h1{font:italic clamp(62px,9.2vw,155px)/1.08 Georgia,serif;letter-spacing:-.065em;font-weight:400;margin:16px -7% 22px;text-shadow:0 2px 35px #10110f}.hero-copy p{font:11px/1.9 monospace;text-transform:uppercase;letter-spacing:1.6px;margin:0;color:#bbb9af}.hero-bottom{position:absolute;left:3.5%;right:3.5%;bottom:25px;display:flex;justify-content:space-between;align-items:end;font:9px monospace;text-transform:uppercase;letter-spacing:1px}.hero-bottom a{border-bottom:1px solid #8b887c;padding-bottom:8px}.motion{font:9px monospace;border:1px solid #7776;border-radius:30px;padding:9px 12px}.section{padding:120px 6%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid #34362f}.statement{font-size:clamp(30px,4.5vw,65px);font-weight:400;letter-spacing:-2px;line-height:1.17;margin:0}.statement em{font-family:Georgia,serif;color:#c8b899;font-weight:400}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section h2{font:400 clamp(44px,7vw,105px)/1 Georgia,serif;letter-spacing:-4px;margin:18px 0 0}.filters{display:flex;gap:16px;flex-wrap:wrap}.filters button{font:10px monospace;text-transform:uppercase;border-bottom:1px solid transparent;color:#85877c;padding:8px 0}.filters button[aria-pressed=true]{color:#f1eee7;border-color:#c8b899}.grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 45px}.project{padding:0;text-align:left;display:block;min-width:0}.project:nth-child(even){margin-top:100px}.cover{overflow:hidden;background:#242620;position:relative;height:450px}.project:nth-child(3n) .cover{height:360px}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.8)}.project:hover .cover img{transform:scale(1.04);filter:saturate(1)}.cover .view{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .3s}.view b{background:#e9e1d0;color:#161913;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;font:11px monospace;font-weight:400}.project:hover .view{opacity:1}.project-info{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #4a4b42;margin-top:16px;gap:20px}.project-info h3{font-size:22px;font-weight:400;margin:0 0 7px;letter-spacing:-.6px}.project-info p{font:9px monospace;text-transform:uppercase;color:#9a9d8f;margin:0}.project-info>span{font-size:25px}.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s,transform .9s}.reveal.seen{opacity:1;transform:none}.about{background:#e4e0d6;color:#171a14;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about .eyebrow{color:#666b5c}.about p{font-size:25px;line-height:1.45;margin:0;letter-spacing:-.5px;max-width:770px}.about small{display:block;font-size:13px;line-height:1.6;margin-top:30px;color:#606657}.education-link{margin-top:40px;display:flex;justify-content:space-between;border-top:1px solid #aaa99d;padding-top:22px;font-size:17px}.footer{padding:90px 6% 25px}.footer h2{font:italic clamp(50px,8vw,120px)/1 Georgia,serif;letter-spacing:-4px;font-weight:400;margin:30px 0}.mail{font-size:clamp(18px,3vw,36px);border-bottom:1px solid #929482;padding-bottom:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:90px;border-top:1px solid #3c4035;padding-top:22px;font:9px monospace;color:#999d8c;text-transform:uppercase}.dialog{width:min(1180px,94vw);max-height:94vh;background:#171914;color:#f1eee7;border:1px solid #444a3a;padding:0}.dialog::backdrop{background:#050604eb;backdrop-filter:blur(16px)}.close{position:absolute;right:15px;top:15px;z-index:2;width:40px;height:40px;border-radius:50%;background:#10110f;font-size:24px}.detail-image{width:100%;height:64vh;object-fit:contain;background:#090a08;display:block}.detail-info{padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-info h2{font:30px Georgia,serif;margin:0 0 10px}.detail-info p{font:10px monospace;color:#a4a992;margin:0}.detail-info a{font:11px monospace;border-bottom:1px solid #757d65;padding-bottom:6px}.detail-nav{display:flex;gap:15px;align-items:center;padding:0 24px 24px;font:10px monospace}.detail-nav button{border:1px solid #626953;padding:10px 16px}.paused .float{animation-play-state:paused}[hidden]{display:none!important}@keyframes drift{from{translate:0 -9px;rotate:-1deg}to{translate:0 11px;rotate:1deg}}@media(max-width:700px){header{padding:20px 5%;align-items:start}.brand{font-size:18px}nav{gap:12px;font-size:8px;letter-spacing:0}.hero{min-height:660px}.hero-copy{left:7%;right:7%;top:39%}.hero h1{font-size:clamp(52px,12vw,85px);margin:12px -2% 20px}.hero-copy p{font-size:8px;letter-spacing:1px}.hero-copy .eyebrow{font-size:8px}.float:nth-child(1){width:28%;left:-8%;height:27%;top:14%}.float:nth-child(2){width:32%;left:27%;height:18%;top:7%}.float:nth-child(3){width:25%;right:-6%;height:24%;top:16%}.float:nth-child(4){width:25%;right:-10%;height:20%;top:57%}.float:nth-child(5){width:33%;right:9%;bottom:9%;height:20%}.float:nth-child(6){width:29%;left:11%;bottom:13%;height:18%}.float:nth-child(7),.float:nth-child(8){display:none}.hero-bottom{font-size:8px}.section{padding:70px 6%}.intro,.about{grid-template-columns:1fr;gap:25px}.statement{letter-spacing:-1px}.section-head{display:block}.section h2{letter-spacing:-2px}.filters{margin-top:30px;gap:15px}.grid{grid-template-columns:1fr;gap:40px}.project:nth-child(even){margin:0}.cover,.project:nth-child(3n) .cover{height:360px}.about p{font-size:22px}.footer h2{letter-spacing:-2px}.detail-info{display:block}.detail-info a{display:inline-block;margin-top:18px}.detail-image{height:52vh}.footer-bottom{flex-wrap:wrap}.motion{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float{animation:none}.reveal{opacity:1;transform:none}*{transition:none!important}}/* Mondrian study: complete images inside an orthogonal frame system. */
body{background:#0d0d0d;color:#eee}header{background:linear-gradient(#0d0d0df5,transparent)}.hero{height:100svh;min-height:780px;padding:90px 3.5% 70px}.collage{position:relative;inset:auto;width:100%;height:100%;display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr .7fr 1.3fr;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-areas:'a a b b c c' 'a a title title c c' 'd d title title e e' 'd d f f e e' 'g g f f h h';gap:8px;background:#080808;border:8px solid #080808}.float,.float:nth-child(n){position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:100%;min-width:0;min-height:0;animation:none;transform:none!important;overflow:hidden;background:#d4d4d4;display:flex;align-items:center;justify-content:center;padding:10px}.float:nth-child(1){grid-area:a;background:#252525}.float:nth-child(2){grid-area:b}.float:nth-child(3){grid-area:c}.float:nth-child(4){grid-area:d;background:#3b3b3b}.float:nth-child(5){grid-area:e;background:#aaa}.float:nth-child(6){grid-area:f}.float:nth-child(7){grid-area:g;background:#313131}.float:nth-child(8){grid-area:h}.float img,.float:hover img{width:100%;height:100%;object-fit:contain;scale:1;transform:none;filter:grayscale(var(--gray,1));transition:filter 1s ease}.float span{bottom:8px;left:8px;max-width:calc(100% - 16px);background:#080808dd;color:#fff;z-index:2}.hero-copy{position:relative;inset:auto;grid-area:title;background:#e8e8e5;color:#151515;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;transform:none!important}.hero h1{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:500;font-size:clamp(38px,5vw,90px);line-height:.9;letter-spacing:-.075em;margin:15px 0;text-shadow:none}.hero-copy .eyebrow{font-size:8px;color:#555;letter-spacing:1px}.hero-copy p{font-size:8px;line-height:1.5;letter-spacing:0;color:#555}.hero-bottom{bottom:22px;color:#bbb}.statement em{color:#ccc}.section{padding-top:95px;padding-bottom:95px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:8px;background:#080808;border:8px solid #080808}.project,.project:nth-child(even){margin:0;background:#e0e0e0;color:#161616;grid-column:span 6;display:flex;flex-direction:column;min-width:0;padding:14px}.project:nth-child(1){grid-column:span 4}.project:nth-child(2){grid-column:span 8}.project:nth-child(3){grid-column:span 7}.project:nth-child(4){grid-column:span 5}.project:nth-child(5){grid-column:span 4}.project:nth-child(6){grid-column:span 4}.project:nth-child(7){grid-column:span 4}.project:nth-child(8){grid-column:span 12}.cover,.project:nth-child(3n) .cover{height:420px;background:transparent;display:flex;justify-content:center;align-items:center}.project:nth-child(8) .cover{height:300px}.cover img,.project:hover .cover img{width:100%;height:100%;object-fit:contain;transform:none;filter:grayscale(var(--gray,1));transition:filter 1s ease}.project-info{border-color:#adadad;padding-top:12px;margin-top:14px}.project-info h3{font-size:18px}.project-info p{color:#626262}.cover .view{display:none}.detail-image{filter:grayscale(var(--gray,1));transition:filter .9s}.project:focus-visible img,.float:focus-visible img{filter:grayscale(0)}.about{background:#dedede}.about small,.about .eyebrow{color:#666}.about p{color:#161616}.filters button[aria-pressed=true]{border-color:#ccc}.footer{background:#111}.footer-bottom{color:#aaa}.color-off img{filter:grayscale(1)!important}@media(hover:none){.dialog .detail-image{filter:grayscale(0)}.project:active img,.float:active img{filter:grayscale(0)}}@media(max-width:700px){.hero{height:auto;min-height:0;padding:80px 4% 65px}.collage{height:720px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:160px 185px 150px 150px;grid-template-areas:'a b' 'title c' 'd e' 'f h';gap:6px;border-width:6px}.float:nth-child(n){display:flex;padding:6px}.float:nth-child(7){display:none}.hero h1{font-size:40px;margin:14px 0}.hero-copy .eyebrow{font-size:6px}.hero-copy p{font-size:7px}.hero-copy{padding:10px 4px}.hero-bottom{left:5%;right:5%;bottom:17px;gap:10px;font-size:7px}.motion{font-size:7px;padding:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-width:6px}.project:nth-child(n){grid-column:span 2;padding:10px}.cover,.project:nth-child(3n) .cover,.project:nth-child(8) .cover{height:auto;min-height:160px}.cover img{height:auto;max-height:520px;width:100%;object-fit:contain}.section{padding:65px 4%}.project-info h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.float img,.cover img,.detail-image{transition:none}}
/* Quiet grey variations and image-proportioned rows. */
.grid{display:block;border-width:5px;background:#080808}.project-row{display:flex;gap:5px;margin-bottom:5px;align-items:stretch}.project-row:last-child{margin-bottom:0}.project-row .project:nth-child(n){grid-column:auto;flex:1 1 24px;padding:12px;margin:0;min-width:0;display:flex;flex-direction:column}.project-row .project .cover{height:auto;min-height:0;aspect-ratio:1.3;width:100%}.project-row .cover img{height:100%;max-height:none;width:100%;object-fit:contain}.project-row .project-info{margin-top:12px;padding-top:12px;border-color:#969696;min-height:61px}.project-row .project-info h3{font-size:clamp(13px,1.65vw,21px)}.project-row .project-info p{font-size:8px;color:#535353}.float img,.float:hover img,.cover img,.project:hover .cover img{transition:filter 2.6s ease-in-out;filter:grayscale(var(--gray,1))}.collage{gap:5px;border-width:5px}.float:nth-child(2){background:#bcbcbc}.float:nth-child(3){background:#b8b8b8}.float:nth-child(5){background:#b6b6b6}.float:nth-child(6){background:#bebebe}.float:nth-child(8){background:#bababa}.hero-copy{background:#cdcdcd}.detail-image{filter:none}.project:focus-visible img,.float:focus-visible img{filter:grayscale(0)}@media(max-width:700px){.project-row{display:flex;flex-direction:column;gap:5px}.project-row .project:nth-child(n){flex:none!important;width:100%;padding:10px}.project-row .project .cover{height:auto;aspect-ratio:auto!important}.project-row .cover img{height:auto;width:100%;max-height:none}.project-row .project-info h3{font-size:18px}.collage{gap:4px;border-width:4px}}@media(prefers-reduced-motion:reduce){.float img,.cover img{transition:none}}
/* Dense Mondrian mosaic: more complete slides, subtle paper-grey variation. */
.collage{height:100%;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-template-areas:none;gap:4px;border-width:4px;background:#080808}.collage .float,.collage .float:nth-child(n){grid-area:auto!important;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:100%;padding:5px;background:var(--tile-bg,#b9b9b9)}.collage .float:nth-child(3n){--tile-bg:#b5b5b5}.collage .float:nth-child(4n){--tile-bg:#bcbcbc}.collage .float:nth-child(5n){--tile-bg:#b2b2b2}.collage .float img{object-fit:contain;width:100%;height:100%;filter:grayscale(var(--gray,1))}.collage .float:nth-child(n+25){display:none}.hero-copy{position:absolute;inset:40% 35% auto 35%;z-index:3;min-height:21%;padding:18px}.hero h1{font-size:clamp(34px,5.4vw,88px);line-height:.9}.project-row{gap:4px;margin-bottom:4px}.project-row .project:nth-child(n){background:#b9b9b9}.project-row .project:nth-child(3n){background:#b5b5b5}.project-row .project:nth-child(4n){background:#bcbcbc}.project-row .project:nth-child(5n){background:#b2b2b2}.project-row .project .cover{padding:0}.project-row .cover img{filter:grayscale(var(--gray,1));transition:filter 2.6s ease-in-out}.project-row .project-info{border-color:#8d8d8d}@media(max-width:700px){.collage{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr))}.collage .float:nth-child(n+17){display:none}.hero-copy{inset:39% 20% auto 20%;min-height:22%}.hero h1{font-size:42px}.project-row .project:nth-child(n){width:100%}}
/* The portfolio opens directly on the Things I've made grid. */
.hero{display:none!important}.section#work{padding-top:145px}.project-row .project:hover .cover img,.project-row .project:focus-visible .cover img,.collage .float:hover img,.collage .float:focus-visible img{filter:grayscale(0)!important;transition:filter .8s ease}.project-row .project:hover{background:#c2c2c2}@media(max-width:700px){.section#work{padding-top:105px}}
.intro{display:none!important}.section#work{padding-top:145px}
/* Project tiles contain a miniature mosaic of that project's slides. */
.subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;height:100%;align-items:center;justify-items:center;background:#aaa}.subgrid img{width:100%;height:100%;max-height:none;object-fit:contain;filter:grayscale(1);transition:filter .7s ease}.project .subgrid img:hover,.project .subgrid img:focus-visible{filter:grayscale(0)}.project-row .project .cover{aspect-ratio:auto;min-height:300px}.project-row .project:nth-child(1) .subgrid img:first-child:only-child{grid-column:1/-1}@media(max-width:700px){.project-row .project .cover{min-height:220px}.subgrid{gap:3px}}
.subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;height:100%;align-items:center;justify-items:center;background:#aaa}.subgrid img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);transition:filter .7s ease}.project .subgrid img:hover,.project .subgrid img:focus-visible{filter:grayscale(0)}.project-row .project .cover{aspect-ratio:auto;min-height:300px}.project-row .project .cover>img{display:none}@media(max-width:700px){.project-row .project .cover{min-height:220px}.subgrid{gap:3px}}
.project-row .project.vertical-stack .subgrid{grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,minmax(0,1fr))}.project-row .project.vertical-stack .subgrid img{min-height:0}.project-row .project .cover{aspect-ratio:auto!important}
.project-row .project .cover{aspect-ratio:1.38!important;overflow:hidden}.project-row .project .subgrid{background:#a9a9a9;grid-auto-rows:1fr}.project-row .project .subgrid img{object-fit:cover;min-width:0;min-height:0}.project-row .project.vertical-stack .cover{aspect-ratio:.72!important}.project-row .project.vertical-stack .subgrid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}
.subgrid.count-4{grid-template-columns:1fr 1.618fr;grid-template-rows:1.618fr 1fr}.subgrid.count-3{grid-template-columns:1.618fr 1fr;grid-template-rows:1fr 1fr}.subgrid.count-3 img:first-child{grid-row:1 / span 2}.project.vertical-stack .subgrid.count-3{grid-template-columns:1fr;grid-template-rows:1.618fr 1fr 1fr}.project.vertical-stack .subgrid.count-3 img:first-child{grid-row:auto}
.subgrid.count-5,.subgrid.count-6{grid-template-columns:1fr 1.618fr;grid-template-rows:1.618fr 1fr 1fr}.subgrid.count-5 img:first-child,.subgrid.count-6 img:first-child{grid-row:1 / span 2}.project-row .project:nth-child(even) .subgrid.count-4,.project-row .project:nth-child(even) .subgrid.count-5,.project-row .project:nth-child(even) .subgrid.count-6{grid-template-columns:1.618fr 1fr;grid-template-rows:1fr 1.618fr}.project-row .project:nth-child(even) .subgrid.count-4 img:first-child,.project-row .project:nth-child(even) .subgrid.count-5 img:first-child,.project-row .project:nth-child(even) .subgrid.count-6 img:first-child{grid-column:2;grid-row:1 / span 2}.project-row .project:nth-child(3n) .subgrid.count-4{grid-template-columns:1fr 1.618fr;grid-template-rows:1fr 1.618fr}.project-row .project:nth-child(3n) .subgrid.count-4 img:first-child{grid-column:1;grid-row:2}.project-row .project.vertical-stack .subgrid.count-5,.project-row .project.vertical-stack .subgrid.count-6{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr))}.project-row .project.vertical-stack .subgrid.count-5 img:first-child,.project-row .project.vertical-stack .subgrid.count-6 img:first-child{grid-column:auto;grid-row:auto}
.project-row .project .cover,.project-row .project.vertical-stack .cover{aspect-ratio:.618!important;min-height:0;height:auto}.project-row .project .subgrid{height:100%;min-height:0}.project-row .project .project-info{flex:none}
/* single-slide hover color */
.project-row .project:hover .cover img,.project-row .project:focus-visible .cover img{filter:grayscale(1)!important}
.project-row .project .subgrid img:hover,.project-row .project .subgrid img:focus-visible{filter:grayscale(0)!important}
/* subtle motion inside slide frames */
@keyframes slideDrift{0%,100%{transform:translate3d(-2.4%,-1.2%,0)}50%{transform:translate3d(2.4%,1.6%,0)}}
.project-row .subgrid img{animation:slideDrift 9s ease-in-out infinite;will-change:transform}
.project-row .subgrid img:nth-child(2n){animation-duration:11s;animation-delay:-4s}
.project-row .subgrid img:nth-child(3n){animation-duration:13s;animation-delay:-8s}
.project-row .subgrid img:nth-child(4n){animation-duration:10s;animation-delay:-2s}
@media(prefers-reduced-motion:reduce){.project-row .subgrid img{animation:none}}
/* keep drifting artwork clipped inside its own frame */
.project-row .subgrid,.project-row .project .cover{overflow:hidden}
/* pan cropped slides within their own cells */
.project-row .subgrid img{object-fit:cover;transform:scale(1.035);}
.project-row .subgrid img:hover{transform:scale(1.05)}
@keyframes slideDrift{0%,100%{transform:scale(1.035) translate3d(-1.8%,-.9%,0)}50%{transform:scale(1.035) translate3d(1.8%,1.2%,0)}}
.subgrid .slide-cell{min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;position:relative}
.subgrid .slide-cell img{display:block;width:100%;height:100%}
/* motion only on the hovered slide */
.project-row .subgrid img{animation:none!important;transform:scale(1.035)}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation:slideDriftHover 3.8s ease-in-out infinite;z-index:2}
@keyframes slideDriftHover{0%,100%{transform:scale(1.06) translate3d(-2.8%,-1.4%,0)}50%{transform:scale(1.06) translate3d(2.8%,1.8%,0)}}
@keyframes slideDriftHover{0%{transform:scale(1.06) translate3d(-2.8%,-1.4%,0)}25%{transform:scale(1.06) translate3d(2.8%,-1.4%,0)}50%{transform:scale(1.06) translate3d(2.8%,1.8%,0)}75%{transform:scale(1.06) translate3d(-2.8%,1.8%,0)}100%{transform:scale(1.06) translate3d(-2.8%,-1.4%,0)}}
@keyframes slideDriftHover{0%,100%{transform:scale(1.06) translate3d(-3.2%,0,0)}50%{transform:scale(1.06) translate3d(3.2%,0,0)}}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation:slideDriftHover 4.5s ease-in-out infinite!important;transform-origin:center center}
@keyframes slideDriftHover{0%,100%{transform:scale(1.08) translateX(-10%)}50%{transform:scale(1.08) translateX(10%)}}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation-duration:8s!important}
@keyframes slideDriftHover{0%,100%{transform:scale(1.045) translateX(-5%)}50%{transform:scale(1.045) translateX(5%)}}
.subgrid .slide-cell{overflow:hidden!important}
/* edge-to-edge pan without translating the image element */
.project-row .subgrid img{transform:none!important;object-fit:cover;object-position:50% 50%}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation:slidePan 8s ease-in-out infinite!important}
@keyframes slidePan{0%,100%{object-position:0% 50%}50%{object-position:100% 50%}}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation:slidePan 8s linear infinite!important;animation-delay:0s!important;will-change:object-position}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation:slidePanOnce 7s ease-in-out 1 forwards!important;animation-delay:0s!important;}
@keyframes slidePanOnce{from{object-position:0% 50%}to{object-position:100% 50%}}
/* reliable one-way pan for every slide */
.subgrid .slide-cell{overflow:hidden!important;position:relative}
.subgrid .slide-cell img{width:120%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:translate3d(-10%,0,0);will-change:transform}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation:slidePanOnceReliable 7s ease-out 1 forwards!important}
@keyframes slidePanOnceReliable{from{transform:translate3d(-10%,0,0)!important}to{transform:translate3d(0,0,0)!important}}
@keyframes slidePanOnceReliable{from{transform:translate3d(-10%,0,0)}to{transform:translate3d(0,0,0)}}
.project-row .subgrid img:hover,.project-row .subgrid img:focus-visible{animation-name:slidePanOnceReliable!important;animation-duration:7s!important;animation-timing-function:ease-out!important;animation-iteration-count:1!important;animation-fill-mode:forwards!important}
.subgrid .slide-cell img{transform:translateX(-10%)!important;transition:transform 12s ease-in-out!important}
.subgrid .slide-cell:hover img{transform:translateX(0)!important}
.subgrid .slide-cell img{animation:none!important;transition:transform 14s linear!important;transform:translateX(-10%)!important}
.subgrid .slide-cell:hover img{animation:none!important;transform:translateX(0)!important}
.rampage-project .subgrid .slide-cell:first-child img{width:100%!important;max-width:100%!important;object-fit:contain!important;transform:none!important}
.rampage-project .subgrid .slide-cell:first-child img{width:100%!important;max-width:100%!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important}
/* elegant statement in the masthead */
header{position:relative}
header::after{content:"I’m a designer and digital art educator based in Tallinn. My work spans interiors, objects and visual identities — a practice shaped by an interest in how things look, feel and function.";position:absolute;left:3.5%;top:92px;max-width:520px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,29px);line-height:1.12;letter-spacing:-.025em;color:#d7d7d4;font-style:italic;pointer-events:none}
@media(max-width:700px){header::after{left:4%;top:78px;right:8%;font-size:20px;line-height:1.16}}
header::after{display:none}
.section#work{position:relative}
.section#work::before{content:"I’m a designer and digital art educator based in Tallinn. My work spans interiors, objects and visual identities — a practice shaped by an interest in how things look, feel and function.";position:absolute;top:153px;right:4%;width:min(34vw,430px);font-family:Georgia,'Times New Roman',serif;font-size:clamp(16px,1.55vw,24px);line-height:1.13;letter-spacing:-.02em;color:#c8c8c5;font-style:italic}
@media(max-width:700px){.section#work::before{position:relative;display:block;top:auto;right:auto;width:auto;margin:18px 0 34px;font-size:19px}}
.section#work::before{content:"I’m a designer and digital art educator based in Tallinn.\A My work spans interiors, objects and visual identities — a practice shaped by an interest in how things look, feel and function.";white-space:pre-line;width:min(46vw,650px);font-size:clamp(17px,1.35vw,22px)}
@media(max-width:700px){.section#work::before{white-space:normal;width:auto}}
.section#work::before{top:166px;right:3.2%;transform:translateY(-2px);}
.section#work::before{right:22%;top:162px;width:min(38vw,560px)}
.section#work::before{left:40%;right:auto;top:152px;width:min(34vw,470px);font-size:clamp(15px,1.1vw,19px);line-height:1.18}
@media(max-width:700px){.section#work::before{left:auto;top:auto;width:auto;font-size:19px}}
.section#work::before{left:49%;width:min(32vw,500px)}
.section#work>.eyebrow,.section#work>.filters{display:none!important}
.section#work .section-head>.eyebrow,.section#work .section-head>.filters,.section#work .section-head .eyebrow{display:none!important}
.section#work::before{left:auto;right:4.2%;top:188px;width:min(36vw,540px);text-align:right}
.section#work::before{right:5.5%;width:min(27vw,430px);max-width:430px;text-align:right}
.section#work::before{left:49%;right:auto;top:162px;width:min(46vw,760px);max-width:760px;text-align:left;font-size:clamp(16px,1.25vw,21px);line-height:1.14}
@media(min-width:1000px){.section#work::before{width:min(50vw,900px);font-size:clamp(15px,1.05vw,18px)}}
.section#work::before{top:204px}
.section#work::before{top:244px}
.section#work::before{top:196px}
@keyframes mastheadFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.section#work .section-head h2{opacity:0;animation:mastheadFade 1.4s ease-out .15s forwards}
.section#work::before{opacity:0;animation:mastheadFade 1.5s ease-out 1s forwards}
@media(prefers-reduced-motion:reduce){.section#work .section-head h2,.section#work::before{opacity:1;animation:none}}
.barnhouse-project .subgrid img{filter:grayscale(1)!important}
.barnhouse-project:not(:hover) .subgrid .slide-cell:first-child img{filter:grayscale(0)!important}
.barnhouse-project:hover .subgrid .slide-cell:first-child img{filter:grayscale(1)!important}
.barnhouse-project:hover .subgrid .slide-cell:hover img{filter:grayscale(0)!important}
/* only the top-left Barnhouse image is colored at rest */
.barnhouse-project:not(:hover) .subgrid .slide-cell img{filter:grayscale(1)!important}
.barnhouse-project:not(:hover) .subgrid .slide-cell:first-child img{filter:grayscale(0)!important}
.barnhouse-project:hover .subgrid .slide-cell img{filter:grayscale(1)!important}
.barnhouse-project:hover .subgrid .slide-cell:hover img{filter:grayscale(0)!important}
.barnhouse-project:not(:hover) img[src*="mosaic-0-0"]{filter:grayscale(0)!important}
.barnhouse-project:not(:hover) img:not([src*="mosaic-0-0"]){filter:grayscale(1)!important}
.barnhouse-project:hover img{filter:grayscale(1)!important}
.barnhouse-project:hover img:hover{filter:grayscale(0)!important}
body .barnhouse-project:not(:hover) .subgrid .slide-cell:first-child img{filter:none!important}
body .barnhouse-project:not(:hover) .subgrid .slide-cell:not(:first-child) img{filter:grayscale(1)!important}
body .barnhouse-project:hover .subgrid .slide-cell:first-child img{filter:grayscale(1)!important}
body .barnhouse-project:hover .subgrid .slide-cell:hover img{filter:none!important}
/* soft beacon glow from the Barnhouse lead image */
.section#work{isolation:isolate}
.section#work::after{content:"";position:absolute;z-index:-1;left:2%;top:185px;width:72%;height:210px;pointer-events:none;background:linear-gradient(104deg,transparent 0%,rgba(255,196,105,.04) 34%,rgba(255,211,145,.15) 48%,rgba(255,196,105,.04) 62%,transparent 100%);filter:blur(24px);opacity:.75;animation:beaconSweep 12s ease-in-out infinite}
@keyframes beaconSweep{0%,100%{transform:translateX(-12%);opacity:.25}50%{transform:translateX(12%);opacity:.75}}
@media(prefers-reduced-motion:reduce){.section#work::after{animation:none;opacity:.35}}
/* visible soft searchlight from Barnhouse windows */
.section#work::after{display:none}
.barnhouse-project{position:relative;overflow:hidden;z-index:2}
.barnhouse-project::after{content:"";position:absolute;z-index:8;pointer-events:none;left:72%;top:-52%;width:520%;height:190%;transform:rotate(-7deg);transform-origin:left center;background:linear-gradient(90deg,rgba(255,193,102,.28) 0%,rgba(255,213,154,.16) 18%,rgba(255,222,176,.07) 42%,transparent 78%);filter:blur(22px);mix-blend-mode:screen;opacity:.7;animation:windowBeam 11s ease-in-out infinite}
@keyframes windowBeam{0%,100%{opacity:.28;transform:rotate(-7deg) translateX(-2%)}50%{opacity:.72;transform:rotate(-7deg) translateX(5%)}}
@media(prefers-reduced-motion:reduce){.barnhouse-project::after{animation:none;opacity:.42}}
.barnhouse-project::after{left:18%;top:-78%;width:560%;height:230%;transform:rotate(-27deg);transform-origin:12% 88%;background:linear-gradient(90deg,rgba(255,191,92,.34) 0%,rgba(255,212,148,.2) 20%,rgba(255,224,180,.08) 46%,transparent 76%);filter:blur(24px);opacity:.72}
@keyframes windowBeam{0%,100%{opacity:.3;transform:rotate(-27deg) translateX(-1%)}50%{opacity:.76;transform:rotate(-27deg) translateX(3%)}}
/* localized window glow */
.barnhouse-project::after{display:none}
.barnhouse-project .subgrid .slide-cell:first-child{position:relative;z-index:3;overflow:hidden}
.barnhouse-project .subgrid .slide-cell:first-child::after{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 58% 34%,rgba(255,188,86,.42) 0%,rgba(255,194,104,.2) 28%,transparent 68%);filter:blur(22px);opacity:.75;animation:windowGlow 5s ease-in-out infinite}
@keyframes windowGlow{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.barnhouse-project .subgrid .slide-cell:first-child::after{animation:none;opacity:.6}}
/* warm yellow halo around the Barnhouse window image */
.barnhouse-project .subgrid .slide-cell:first-child img{filter:grayscale(0) drop-shadow(0 0 10px rgba(255,184,72,.38)) drop-shadow(0 0 28px rgba(255,164,48,.2))!important;animation:windowHalo 4.8s ease-in-out infinite}
@keyframes windowHalo{0%,100%{filter:grayscale(0) drop-shadow(0 0 8px rgba(255,184,72,.3)) drop-shadow(0 0 22px rgba(255,164,48,.14))}50%{filter:grayscale(0) drop-shadow(0 0 15px rgba(255,196,84,.58)) drop-shadow(0 0 38px rgba(255,164,48,.3))}}
.barnhouse-project:hover .subgrid .slide-cell:first-child img{filter:grayscale(1)!important;animation:none}
/* external glow only; keep the artwork untouched */
.barnhouse-project .subgrid .slide-cell:first-child img{filter:grayscale(0)!important;animation:none!important}
.barnhouse-project .subgrid .slide-cell:first-child::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:52%;top:18%;width:185%;height:125%;background:radial-gradient(ellipse at 0% 42%,rgba(255,190,78,.34) 0%,rgba(255,196,96,.18) 24%,rgba(255,205,130,.07) 48%,transparent 76%);filter:blur(26px);opacity:.8;animation:externalWindowGlow 5.5s ease-in-out infinite}
@keyframes externalWindowGlow{0%,100%{opacity:.42;transform:scale(.94)}50%{opacity:.82;transform:scale(1.04)}}
.barnhouse-project .subgrid{overflow:hidden!important}
.barnhouse-project .subgrid .slide-cell:first-child{overflow:hidden!important}
/* page-level atmospheric light overlay */
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;background:radial-gradient(ellipse 18% 24% at 17% 44%,rgba(255,191,88,.3) 0%,rgba(255,188,72,.14) 22%,transparent 65%),linear-gradient(112deg,rgba(255,196,102,.12) 0%,rgba(255,213,144,.06) 28%,transparent 62%);mix-blend-mode:screen;opacity:.7;animation:pageLightDrift 10s ease-in-out infinite}
@keyframes pageLightDrift{0%,100%{opacity:.3;transform:translate3d(-1%,0,0)}50%{opacity:.72;transform:translate3d(2%,0,0)}}
@media(prefers-reduced-motion:reduce){body::after{animation:none;opacity:.38}}
body::after{background:radial-gradient(ellipse 24% 32% at 17% 42%,rgba(255,190,76,.72) 0%,rgba(255,184,64,.4) 22%,rgba(255,205,120,.18) 48%,transparent 76%),linear-gradient(112deg,rgba(255,193,86,.34) 0%,rgba(255,213,144,.18) 32%,transparent 68%);filter:blur(6px);opacity:.95;mix-blend-mode:screen}
@keyframes pageLightDrift{0%,100%{opacity:.62;transform:translate3d(-2%,0,0)}50%{opacity:1;transform:translate3d(3%,0,0)}}
/* bind the light to the Barnhouse window while scrolling */
body::after{display:none!important}
.barnhouse-project{position:relative;overflow:hidden!important}
.barnhouse-project::after{content:"";display:block;position:absolute;z-index:20;pointer-events:none;left:8%;top:-42%;width:430%;height:190%;background:radial-gradient(ellipse at 12% 58%,rgba(255,190,76,.6) 0%,rgba(255,192,84,.34) 18%,rgba(255,210,132,.14) 40%,transparent 70%);filter:blur(24px);mix-blend-mode:screen;opacity:.85;animation:boundWindowGlow 6s ease-in-out infinite}
@keyframes boundWindowGlow{0%,100%{opacity:.48;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
/* glow sits behind the Barnhouse image and follows it on scroll */
body::after,.barnhouse-project::after{display:none!important}
.barnhouse-project .subgrid .slide-cell:first-child{position:relative;z-index:2;overflow:hidden!important}
.barnhouse-project .subgrid .slide-cell:first-child::before{content:"";position:absolute;z-index:-1;left:-38%;top:-32%;width:176%;height:164%;pointer-events:none;background:radial-gradient(ellipse at 58% 42%,rgba(255,190,78,.52) 0%,rgba(255,196,94,.3) 22%,rgba(255,210,130,.12) 48%,transparent 74%);filter:blur(30px);opacity:.9;animation:behindWindowGlow 6s ease-in-out infinite}
@keyframes behindWindowGlow{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}
.barnhouse-project .subgrid .slide-cell:first-child::before{left:-12%;top:-18%;width:145%;height:138%;background:radial-gradient(ellipse at 68% 30%,rgba(255,190,78,.55) 0%,rgba(255,196,94,.28) 24%,rgba(255,210,130,.09) 52%,transparent 72%);filter:blur(24px);opacity:.8}
.barnhouse-project .subgrid .slide-cell:first-child::before{background:radial-gradient(ellipse at 68% 30%,rgba(255,193,82,.86) 0%,rgba(255,199,101,.5) 24%,rgba(255,213,135,.18) 52%,transparent 72%);filter:blur(22px);opacity:.96}
.barnhouse-project .subgrid .slide-cell:first-child{isolation:isolate}
.barnhouse-project .subgrid .slide-cell:first-child::before{z-index:1;left:-18%;top:-24%;width:170%;height:150%;background:radial-gradient(ellipse at 68% 30%,rgba(255,205,104,.95) 0%,rgba(255,201,92,.62) 22%,rgba(255,220,148,.28) 48%,rgba(255,214,128,.08) 68%,transparent 82%);filter:blur(25px);opacity:1;mix-blend-mode:screen}
.barnhouse-project .subgrid .slide-cell:first-child img{position:relative;z-index:2}
.section#work .section-head h2{color:#b9b9b5;animation:mastheadFade 1.4s ease-out .15s forwards,titleWarm 6s ease-in-out 1.6s infinite alternate}
@keyframes titleWarm{0%{color:#b9b9b5;text-shadow:none}100%{color:#eee2bd;text-shadow:0 0 22px rgba(255,205,120,.22)}}
@media(prefers-reduced-motion:reduce){.section#work .section-head h2{animation:mastheadFade 1.4s ease-out .15s forwards;color:#d0cfca}}
.section#work .section-head h2 .title-lit{color:#e8d49d;text-shadow:0 0 24px rgba(255,202,108,.28);animation:wordGlow 6s ease-in-out infinite alternate}
.section#work .section-head h2 .title-muted{color:#999995}
@keyframes wordGlow{from{color:#c8b88b;text-shadow:0 0 8px rgba(255,198,94,.12)}to{color:#f2dfa9;text-shadow:0 0 28px rgba(255,204,110,.4)}}
/* ambient light spreading around the whole Barnhouse tile */
.barnhouse-project::before{content:"";position:absolute;z-index:1;pointer-events:none;left:-28%;top:-28%;width:156%;height:156%;background:radial-gradient(ellipse at 28% 34%,rgba(255,195,86,.32) 0%,rgba(255,205,120,.2) 28%,rgba(255,214,145,.09) 52%,transparent 76%);filter:blur(32px);mix-blend-mode:screen;opacity:.9;animation:ambientBarnhouseGlow 7s ease-in-out infinite}
@keyframes ambientBarnhouseGlow{0%,100%{opacity:.4;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}
.barnhouse-project .subgrid{position:relative;z-index:2}
/* light experiment disabled */
body::after,.section#work::after,.barnhouse-project::before,.barnhouse-project::after,.barnhouse-project .subgrid .slide-cell:first-child::before,.barnhouse-project .subgrid .slide-cell:first-child::after{display:none!important;animation:none!important}
.section#work .section-head h2 .title-lit{color:#f2d58e;text-shadow:0 0 14px rgba(255,194,76,.22)}
.section#work .section-head h2,.section#work .section-head h2 .title-lit,.section#work .section-head h2 .title-muted{color:#f1eee7;text-shadow:none;animation:none}
.section#work .section-head h2{opacity:1!important;color:#f1eee7!important;text-shadow:none!important;animation:none!important}
/* enforce monochrome default across the gallery */
body .project-row .subgrid img{filter:grayscale(1)!important}
body .barnhouse-project:not(:hover) .subgrid .slide-cell:first-child img{filter:grayscale(0)!important}
body .project-row .subgrid .slide-cell:hover img{filter:grayscale(0)!important}
/* uniform monochrome default for every project image */
body .project-row .project img{filter:grayscale(1)!important}
body .barnhouse-project:not(:hover) .subgrid .slide-cell:first-child img{filter:grayscale(0)!important}
body .project-row .project:hover img:hover{filter:grayscale(0)!important}
/* Small source series fill the tile without duplicating photographs. */
.project-row .project .subgrid.count-1{grid-template-columns:1fr!important;grid-template-rows:1fr!important}
.project-row .project .subgrid.count-2{grid-template-columns:1fr!important;grid-template-rows:1.618fr 1fr!important}
.project-row .project .subgrid.count-3{grid-template-columns:1.618fr 1fr!important;grid-template-rows:1.618fr 1fr!important}
.project-row .project .subgrid.count-3 .slide-cell:first-child{grid-row:1 / 3}
.section#work .section-head h2 .title-lit{color:#ffc45c;-webkit-text-fill-color:#ffc45c;text-shadow:none;animation:none}
header{padding-left:6%;padding-right:6%}header .brand{font:400 clamp(17px,1.55vw,23px)/1.2 monospace;letter-spacing:1px;text-transform:uppercase;text-align:left}@media(max-width:700px){header{padding-left:4%;padding-right:4%}}
header{padding-right:6%}header nav a{color:#ffc45c}@media(max-width:700px){header{padding-right:4%}}
.section#work::before{content:none!important}
.work-intro{position:absolute;left:57%;right:5%;top:45px;width:38%;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.05vw,18px);line-height:1.14;letter-spacing:-.02em;color:#c8c8c5;font-style:italic;opacity:1}
.section#work .section-head h2 .title-muted{color:#bcbcbc;-webkit-text-fill-color:#bcbcbc}
/* Compact text-only student portfolio banner */
.student-text-banner{position:relative;z-index:4;display:flex;width:46%;margin:205px 5% 0 auto;padding:0;text-align:right;align-items:baseline;justify-content:flex-end;gap:28px;color:#efefed;text-decoration:none;transition:color .25s ease}
.student-text-banner .student-banner-title{font:400 clamp(22px,2.5vw,38px)/1 Georgia,'Times New Roman',serif;white-space:nowrap}.student-text-banner .student-banner-title strong{font-weight:400;color:#9f9f9f}
.student-text-banner .student-banner-cta{font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#ffc45c;white-space:nowrap}
.student-text-banner:hover{color:#fff}.student-text-banner:hover .student-banner-cta{color:#ffd477}
@media(max-width:700px){.student-text-banner{width:auto;margin:90px 6% 0;gap:14px}.student-text-banner .student-banner-title{font-size:22px}.student-text-banner .student-banner-cta{font-size:8px;letter-spacing:.16em}}
.section#work .section-head h2 .title-muted{color:#9f9f9f!important;-webkit-text-fill-color:#9f9f9f!important}
.section#work{padding-top:0!important;margin-top:-25px!important}
.section#work .section-head h2{white-space:nowrap}
/* Mobile: heading, description and projects take up their actual height. */
@media(max-width:700px){
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden}
.section#work{
padding:18px 6% 70px!important;
margin-top:0!important;
min-height:0;
display:flow-root;
}
.section#work .section-head{
display:block;
margin:0 5px 14px;
}
.section#work .section-head>div{width:100%;min-width:0}
.section#work .section-head h2{
display:block;
width:100%;
max-width:100%;
margin:0;
font-size:var(--mobile-work-title-size,10vw)!important;
line-height:1.12;
letter-spacing:-.045em;
white-space:nowrap;
}
.section#work .work-intro{
position:static;
inset:auto;
width:auto;
max-width:none;
margin:0 5px 20px;
font-size:17px;
line-height:1.25;
text-align:left;
}
.section#work .grid{margin:0;gap:38px 0}
.section#work .project-row{transform:none!important}
}
/* Mobile header and three-line portfolio link share the project-frame edges. */
@media(max-width:700px){
header{
min-height:70px;
padding:20px calc(6% + 5px);
align-items:baseline;
justify-content:space-between;
gap:10px;
}
header .brand{white-space:nowrap;flex-shrink:0}
header nav{
margin-left:auto;
justify-content:flex-end;
align-items:baseline;
gap:clamp(4px,1.5vw,10px);
font-size:clamp(6px,2vw,8px);
line-height:1;
white-space:nowrap;
}
header nav a{padding:0;border:0}
header .education-arrow{display:none}
.student-text-banner{
flex-direction:column;
align-items:flex-end;
gap:6px;
margin:49.6px calc(6% + 5px) 0;
}
.student-text-banner .student-banner-title{line-height:1.1}
.student-text-banner .student-banner-title strong{display:block}
}