:root{--paper:#eeeae2;--ink:#20211e;--muted:#5d6057;--line:#cecbc2;--orange:#df431f;--display:'Barlow Condensed','Impact',sans-serif;--body:'DM Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{color:var(--paper);background:var(--orange)}.shell{max-width:1512px;padding-inline:clamp(24px,5.2vw,88px);margin-inline:auto}.mono{font:400 11px/1.5 var(--mono);letter-spacing:.045em}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:16px;z-index:20}.skip:focus{top:12px}.masthead{height:109px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.monogram{font:800 37px/1 var(--display);letter-spacing:-3px}.monogram span{display:inline-block;transform:translateY(5px)}.monogram i{color:var(--orange);font-style:normal;letter-spacing:0}.masthead-label{font:11px/1.6 var(--mono);letter-spacing:.06em}.masthead nav{display:flex;align-items:center;gap:36px;margin-left:auto;font-size:13px;font-weight:600}.masthead nav a{padding-block:12px}.masthead nav a:hover,.text-link:hover{color:var(--orange)}.masthead nav span{margin-left:10px}.contact-link{border-bottom:1px solid var(--ink)}.hero-meta{display:flex;justify-content:space-between;padding-top:27px}.hero-meta>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #df431f13}.hero-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:50px;margin-top:51px}.section-index{color:var(--muted)}.hero-title{position:relative}h1{position:relative;font:800 clamp(120px,16.3vw,245px)/.76 var(--display);letter-spacing:-.027em;margin-top:24px;z-index:1}h1 span{display:block;margin-top:.12em}h1 i{position:absolute;right:3%;top:1%;color:var(--orange);font:normal clamp(55px,8vw,115px)/1 var(--body);transform:rotate(-10deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-right:15px}.hero-bottom p{font-size:17px;line-height:1.6}.hero-bottom strong{font-weight:500;color:var(--muted)}.round-link{width:66px;height:66px;border:1px solid var(--ink);border-radius:50%;font-size:33px;display:grid;place-items:center;transition:background .25s,color .25s,transform .3s}.round-link:hover{background:var(--orange);border-color:var(--orange);color:var(--paper);transform:rotate(45deg)}.portrait{padding-top:4px}.portrait-image{position:relative;isolation:isolate;overflow:hidden;background:#b6b8ad}.portrait-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#111b);pointer-events:none}.portrait-image img{width:100%;height:470px;object-fit:cover;object-position:center 36%;filter:saturate(.45);transition:filter .7s,transform 1s var(--ease)}.portrait-image:hover img{filter:saturate(1);transform:scale(1.025)}.portrait-stamp{position:absolute;bottom:26px;left:28px;z-index:1;color:#fff;font-size:11px}.frame-corner{position:absolute;width:17px;height:17px;z-index:1;border-color:#eeeae2aa;border-style:solid}.top-left{top:17px;left:17px;border-width:1px 0 0 1px}.bottom-right{bottom:17px;right:17px;border-width:0 1px 1px 0}.portrait figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted)}.portrait figcaption .mono{font-size:10px}.hero-foot{border-top:1px solid var(--line);margin-top:43px;padding:25px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.hero-foot>p{font-size:14px;line-height:1.5}.signal{width:260px;text-align:center;color:var(--muted)}.signal canvas{width:260px;height:42px;display:block}.signal .mono{font-size:10px;letter-spacing:.12em}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:30px;font-size:20px}.ticker{background:var(--orange);color:var(--paper);overflow:hidden;padding:16px 0 18px}.ticker>div{white-space:nowrap;font:700 clamp(28px,3.5vw,49px)/1 var(--display);letter-spacing:.005em;width:max-content;animation:ticker 45s linear infinite}.ticker span{-webkit-text-stroke:1px var(--paper);color:transparent;margin-inline:12px}.ticker i{font-style:normal;margin-inline:40px}@keyframes ticker{to{transform:translateX(-50%)}}.section-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px}.work{padding-top:78px;padding-bottom:96px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block:30px 39px}h2{font:700 clamp(66px,8vw,116px)/.88 var(--display);letter-spacing:-.015em}h2 span{color:var(--orange)}.work-intro{max-width:310px;padding-bottom:3px}.work-intro p{font-size:14px;line-height:1.7;margin-bottom:23px;color:var(--muted)}.work-intro .mono{font-size:10px}.filters{display:flex;gap:7px;margin-bottom:32px}.filters button{border:1px solid var(--line);background:transparent;border-radius:0;padding:11px 19px;font-size:12px;transition:background .2s,color .2s}.filters sup{font:10px var(--mono);margin-left:10px}.filters button:hover{border-color:var(--ink)}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 30px}.project[hidden]{display:none}.project{min-width:0;animation:appear .4s var(--ease)}@keyframes appear{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:none}}.project-visual{display:block;width:100%;height:385px;background:#232830;position:relative;overflow:hidden;isolation:isolate;text-align:left;border:0;padding:0;color:#e8e8e2}.visual-label{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;z-index:3}.project-word{position:absolute;left:27px;top:61px;font:700 70px/.84 var(--display);letter-spacing:-.015em;z-index:1}.project-word span{display:block}.project-visual>img{position:absolute;width:83%;max-width:none;left:17%;top:163px;box-shadow:0 4px 35px #0006;transform:perspective(1000px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);transition:transform .8s var(--ease),filter .8s;z-index:2;border:1px solid #ffffff26}.project-visual:hover>img{transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0) translate(-8px,-7px)}.project-audio .project-visual{background:radial-gradient(ellipse at 90% 10%,#394b5b,transparent 80%),#171f26}.project-audio .project-word{color:#adc5d4}.equalizer{position:absolute;bottom:0;left:0;display:flex;gap:5px;align-items:flex-end;opacity:.2;height:80px;padding:20px}.equalizer i{display:block;background:#9dbccd;width:5px;height:20px;animation:eq 1.8s ease-in-out infinite alternate}.equalizer i:nth-child(3n){height:45px;animation-delay:-.7s}.equalizer i:nth-child(4n){height:33px;animation-delay:-.3s}.equalizer i:nth-child(2n){height:16px;animation-delay:-1.2s}@keyframes eq{to{transform:scaleY(.3)}}.project-auto .project-visual{background:#c34225}.project-auto .project-word{color:#f1d8bf}.project-auto .project-visual>img{transform:perspective(1000px) rotateY(-7deg) rotateZ(4deg);top:166px;left:15%}.project-auto .project-visual:hover>img{transform:perspective(1000px) rotateY(0) rotateZ(0) translateY(-8px)}.route-mark{position:absolute;right:28px;top:40px;font:140px/1 var(--body);opacity:.12}.project-caption{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding-top:20px}.project-caption h3{font:600 25px/1.1 var(--display);letter-spacing:.005em}.project-caption p{color:var(--muted);font-size:13px;line-height:1.7;max-width:360px;margin-top:9px}.project-notes{width:42px;height:42px;flex:0 0 42px;border:1px solid #bbb9b0;border-radius:50%;display:grid;place-items:center;background:transparent;font-size:25px;line-height:1;transition:background .2s,color .2s,transform .3s}.project-notes:hover{background:var(--ink);color:var(--paper);transform:rotate(90deg)}.project-tags{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;color:var(--muted);font-size:10px;display:flex;gap:12px;flex-wrap:wrap}.project-ecp .project-visual{background:#d9d5c9;color:var(--ink)}.project-ecp .project-word{font-size:60px}.project-ecp .project-visual>img{top:171px;left:14%}.project-game .project-visual{background:radial-gradient(ellipse at 80% 5%,#494a34,transparent),#1d241e;color:#d7d0ae}.project-game .project-word{font-size:58px}.project-film .project-visual{background:#121411}.project-film .project-visual>img{inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:brightness(.7);border:0;box-shadow:none}.project-film .project-visual:hover>img{transform:scale(1.04);filter:brightness(.9)}.project-film .visual-label,.film-caption{z-index:3}.play-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:80px;height:80px;border:1px solid #eeeae2;border-radius:50%;display:grid;place-items:center;font-size:42px;background:#0002;backdrop-filter:blur(3px)}.film-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px}.project-client .project-visual{background:#9fada3;color:#192b26}.project-client .project-word{font-size:63px}.about{background:#22251f;color:var(--paper);padding:58px 0 80px}.about .section-top{border-color:#505249;color:#abae9e}.about-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:90px;margin-top:65px;align-items:center}.about-photo{position:relative;max-width:470px}.about-photo>img{width:100%;filter:grayscale(1)}.photo-caption{display:block;border-top:1px solid #595b51;margin-top:18px;padding-top:12px;font-size:10px;color:#c6c7ba}.asterisk{position:absolute;bottom:25px;right:-36px;color:var(--orange);font:130px/1 var(--body);transform:rotate(12deg)}.about-copy h2{font-size:clamp(65px,7vw,100px);margin-bottom:30px}.about-lead{font-size:20px;line-height:1.5;max-width:430px}.about-copy>p:not(.about-lead){font-size:14px;color:#babbaf;margin-top:18px;max-width:410px}.personal-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;font-size:10px;color:#c0c3b6}.personal-tags span{border:1px solid #575b4e;padding:7px 10px}.experience{padding-block:80px 100px}.experience-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-top:45px}.experience h2{font-size:clamp(75px,8vw,110px)}.timeline{margin:0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:130px 1fr 18px;gap:20px;border-bottom:1px solid var(--line);padding:23px 0}.timeline li:first-child{padding-top:0}.timeline li>.mono{font-size:10px;padding-top:7px;color:var(--muted)}.timeline h3{font:600 27px/1.1 var(--display)}.timeline p{font-size:13px;margin-top:5px}.timeline small{display:block;font-size:12px;line-height:1.7;max-width:340px;color:var(--muted);margin-top:10px}.timeline li>span:last-child{color:var(--orange);font-size:23px}.contact{background:var(--orange);padding:35px 0 41px;color:var(--paper)}.contact .section-top{border-color:#ffffff55}.contact-main{display:flex;align-items:center;justify-content:space-between;padding:45px 0 28px}.contact-main h2{font-size:clamp(115px,19vw,270px);line-height:.75}.contact-main h2 span{color:var(--ink)}.contact-arrow{font-size:clamp(100px,20vw,280px);line-height:1;transition:transform .5s var(--ease)}.contact-main:hover .contact-arrow{transform:translate(12px,-12px)}.contact-bottom{border-top:1px solid #ffffff55;padding-top:27px;display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-bottom>a{font-size:clamp(16px,2vw,25px);border-bottom:1px solid transparent}.contact-bottom>a:hover{border-color:currentColor}.contact-bottom p{font-size:13px;line-height:1.5}.footer{padding-block:32px;display:flex;align-items:center;gap:30px;font-size:11px;color:var(--muted)}.footer .monogram{color:var(--ink)}.footer>span{line-height:1.8}.footer nav{display:flex;gap:20px;margin-left:auto}.footer a:not(.monogram):hover{color:var(--orange)}.vera-link{color:var(--ink)}.vera-link i{font-style:normal;color:#a87721;display:inline-block;animation:star 4s ease-in-out infinite}@keyframes star{50%{opacity:.5}}.back-top{font-size:10px;margin-left:25px}.footer .monogram{font-size:31px}dialog{border:0;background:var(--paper);color:var(--ink);width:min(580px,calc(100% - 32px));padding:52px;max-height:85vh;overflow:auto;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#111b;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:32px;width:44px;height:44px}dialog h2{font-size:64px;margin:24px 0;line-height:.95}dialog p{font-size:15px;line-height:1.8;color:var(--muted)}.dialog-link{display:inline-block;margin-top:28px;border-bottom:1px solid var(--orange);font-size:14px;font-weight:600}.dialog-link[hidden]{display:none}body.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero-grid{gap:70px}.portrait-image img{height:540px}.hero-bottom{margin-top:40px}.hero-foot{margin-top:50px}.project-visual{height:430px}.project-visual>img{top:183px}}
@media(max-width:1100px){.hero-grid{gap:30px;grid-template-columns:1.25fr 1fr}h1{font-size:16vw}.portrait-image img{height:400px}.hero-bottom p{font-size:15px}.project-visual{height:330px}.project-word{font-size:58px}.project-ecp .project-word,.project-game .project-word,.project-client .project-word{font-size:47px}.project-visual>img,.project-auto .project-visual>img,.project-ecp .project-visual>img{top:150px}.about-grid{gap:55px}.experience-grid{gap:45px}.timeline li{grid-template-columns:105px 1fr 18px;gap:13px}.timeline li>.mono{font-size:10px}.portrait figcaption span:last-child{display:none}.footer{gap:20px}.back-top{display:none}}
@media(max-width:760px){.masthead{height:85px;gap:24px}.masthead-label{display:none}.masthead nav{gap:23px;font-size:12px}.hero-meta{font-size:10px;padding-top:21px}.hero-meta>span:last-child{font-size:10px}.hero-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}h1{font-size:clamp(126px,26vw,200px);line-height:.77;margin-top:23px;letter-spacing:-.02em}h1 i{font-size:70px;right:6%;top:4%}.section-index{font-size:10px}.hero-bottom{margin-top:25px;padding-right:0}.hero-bottom p{font-size:14px;line-height:1.55}.round-link{width:56px;height:56px;font-size:28px}.portrait-image img{height:420px;object-position:center 33%}.portrait figcaption span:last-child{display:block}.hero-foot{margin-top:25px;padding:20px 0 28px;flex-wrap:wrap}.hero-foot>p{font-size:13px}.signal{width:145px}.signal canvas{width:145px}.signal .mono{font-size:10px}.hero-foot>.text-link{display:none}.ticker{padding:14px 0}.ticker>div{font-size:32px}.work{padding-top:50px;padding-bottom:57px}.section-top{font-size:10px;padding-top:14px}.section-top>span:last-child{max-width:145px;text-align:right;font-size:10px}.work-heading{display:block;padding-block:28px}.work-heading h2{font-size:76px}.work-intro{max-width:100%;margin-top:23px;display:flex;align-items:flex-end;gap:20px;justify-content:space-between}.work-intro p{font-size:13px;max-width:260px;margin:0}.work-intro .mono{font-size:10px;max-width:83px;text-align:right}.filters{gap:5px;margin-bottom:24px;flex-wrap:wrap}.filters button{padding:10px 11px;font-size:11px;min-height:44px}.filters sup{margin-left:5px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:355px}.project-word{font-size:68px}.project-ecp .project-word,.project-game .project-word,.project-client .project-word{font-size:55px}.project-visual>img,.project-auto .project-visual>img,.project-ecp .project-visual>img{top:165px;width:85%;left:15%}.project-caption{padding-top:17px}.project-caption h3{font-size:26px}.project-caption p{font-size:13px}.project-tags{margin-top:15px}.about{padding:35px 0 48px}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.about-photo{max-width:340px;margin-right:25px}.asterisk{font-size:95px;right:-32px}.about-copy h2{font-size:77px}.about-lead{font-size:20px}.about-copy>p:not(.about-lead){font-size:14px}.experience{padding-block:48px 60px}.experience-grid{grid-template-columns:1fr;gap:35px;margin-top:29px}.experience h2{font-size:72px}.experience h2 br{display:none}.experience h2 br:after{content:' '}.experience h2{max-width:310px}.timeline li{grid-template-columns:94px 1fr 15px;gap:15px;padding-block:23px}.timeline h3{font-size:25px}.timeline small{font-size:12px}.contact{padding:25px 0 30px}.contact-main{padding:40px 0 32px}.contact-main h2{font-size:29vw}.contact-arrow{font-size:26vw}.contact-bottom{padding-top:22px;align-items:flex-start}.contact-bottom>a{font-size:14px}.contact-bottom p{font-size:10px}.footer{padding-block:27px;flex-wrap:wrap;gap:20px}.footer nav{width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:17px;justify-content:space-between}.footer>span{margin-left:auto;text-align:right}dialog{padding:40px 28px}dialog h2{font-size:51px}}
@media(max-width:370px){.shell{padding-inline:20px}.hero-meta>span:last-child{display:none}.masthead nav{gap:17px}.project-visual{height:305px}.project-word{font-size:60px}.project-ecp .project-word,.project-game .project-word,.project-client .project-word{font-size:47px}.visual-label{left:18px;right:18px;font-size:10px}.project-visual>img,.project-auto .project-visual>img,.project-ecp .project-visual>img{top:145px}.filters button{padding:9px}.filters sup{display:none}.contact-bottom{flex-wrap:wrap}.timeline li{grid-template-columns:80px 1fr 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-visual:hover>img,.portrait-image:hover img{transform:none}}
/* Let the typography shrink with the column, not force the page wider. */
.hero-title,.portrait{min-width:0}
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(84px,28vw,200px)}.experience h2 br{display:initial}}
.project-auto .visual-label{color:#fff}
.contact .section-top,.contact-bottom{color:#080a05}
.contact a:focus-visible{outline-color:#080a05}
.vera-link{text-decoration:underline;text-underline-offset:3px}
.monogram{white-space:nowrap;flex-shrink:0}
.masthead nav a{white-space:nowrap}
@media(max-width:370px){.masthead{gap:18px}.masthead nav{gap:14px;font-size:11px}.masthead nav span{display:none}}

/* Keep section markers subordinate, but legible beside the display headings. */
.section-top{font-weight:500;letter-spacing:.035em}.project-caption p,.timeline small{line-height:1.75}.signal .mono{letter-spacing:.04em;line-height:1.5}.project-tags,.personal-tags{letter-spacing:.035em}.portrait figcaption{line-height:1.6}
.signal .mono{display:block;text-wrap:balance}
@media(max-width:370px){.hero-foot .signal{width:100%;text-align:left}.hero-foot .signal canvas{width:220px}}

/* Polish pass, Sept 4 2026: hit areas, label legibility, overflow guard, robust skip link. */
html,body{overflow-x:clip}
.skip{top:12px;transform:translateY(-200%);transition:none}.skip:focus{transform:none}
.masthead .monogram{padding:4px 6px;margin:-4px -6px}
.masthead nav a{min-height:44px;display:inline-flex;align-items:center}
.text-link{padding-block:8px}
.project-notes{width:44px;height:44px;flex-basis:44px}
.footer nav a,.back-top{padding-block:13px;display:inline-flex;align-items:center}
.vera-link{padding-block:14px;margin-block:-14px;display:inline-block}
.contact-bottom>a{padding-block:10px;margin-block:-10px;display:inline-block}
.round-link{min-width:44px;min-height:44px}
html .mono,html .project-tags,html .timeline li>.mono,html .signal .mono,html .photo-caption,html .visual-label,html .film-caption,html .work-intro .mono,html .portrait figcaption .mono,html .section-index,html .filters sup,html .hero-meta>span:last-child,html .section-top,html .section-top>span:last-child{font-size:11px}
html .personal-tags,html .case-facts dt,html .case-flow>.mono,html .case-flow li>.mono,html .case-copy h2 span,html .case-media figcaption{font-size:11px}
@media(hover:none){.project-visual>img,.project-auto .project-visual>img{transform:perspective(1000px) rotateY(-6deg) rotateX(3deg) rotateZ(-2deg)}}
@media(max-width:760px){.footer nav a{padding-block:12px}.contact-bottom>a{font-size:15px}}
.footer .monogram{padding:7px 6px;margin:-7px -6px}
.back-top{padding-block:15px}
@media(max-width:760px){.footer nav a{padding-block:13px}.back-top{padding-block:14px}}
@media(max-width:760px){.back-top{margin-left:0}}
/* Portrait saturation: rest at 60% on desktop (was 45%), full on hover; phones always full color. */
.portrait-image img{filter:saturate(.6)}
.portrait-image:hover img{filter:saturate(1)}
@media(hover:none){.portrait-image img{filter:saturate(1)}}

/* Full-bleed studio grain: atmosphere rather than a competing photograph. */
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:url('/assets/site/hero-atmosphere.webp') center 44%/cover no-repeat;opacity:.1;filter:grayscale(1) contrast(.82);mix-blend-mode:multiply}
@media(max-width:760px){.hero:before{opacity:.07;background-position:38% center;filter:grayscale(1) contrast(.8)}}
@media(max-width:500px){.hero-meta>span:last-child{display:none}}

/* Generated imagery stays atmospheric: texture behind the existing hierarchy. */
.work,.about,.experience{position:relative;isolation:isolate;overflow:hidden}.work:before,.about:before,.experience:before{content:'';position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:cover;z-index:-1}.work:before{width:min(610px,46vw);height:560px;right:1%;top:26px;background-image:url('/assets/site/practice/systems.webp');background-position:center 30%;opacity:.065;filter:grayscale(1) contrast(1.25);mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 12%,transparent 72%)}.about:before{width:58%;height:115%;right:-7%;top:-8%;background-image:url('/assets/site/practice/sound.webp');background-position:center;opacity:.105;filter:grayscale(1) contrast(1.15);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 78%,transparent 100%)}.experience:before{width:42%;height:88%;left:-5%;bottom:-8%;background-image:url('/assets/site/practice/media.webp');background-position:center;opacity:.055;filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%)}
@media(max-width:760px){.work:before{width:100%;height:430px;right:-15%;top:45px;opacity:.045}.about:before{width:100%;height:100%;right:-28%;top:0;opacity:.075}.experience:before{width:95%;height:58%;left:-27%;top:40px;bottom:auto;opacity:.04}}