/* Midnight Melt: project-specific identity, framed by the portfolio navigation. */
@font-face{font-family:PortfolioRecoleta;src:url('../assets/fonts/Recoleta-RegularDEMO.otf') format('opentype');font-display:swap}
:root{--plum:#3e2837;--rust:#9d4939;--cream:#eee4d8;--mustard:#cca33f;--coral:#e8604b;--night:#151313;--line:#eee4d82c;--body:'Space Grotesk',Arial,sans-serif;--display:Shrikhand,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--body)}a{color:inherit;text-underline-offset:6px}button{font:inherit;color:inherit}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400}h1{font-size:clamp(70px,8.1vw,150px);letter-spacing:-.035em;line-height:.94;margin:30px 0;color:var(--mustard)}h2{font-size:clamp(34px,4vw,68px);line-height:1.16;letter-spacing:-.025em;margin:15px 0 25px}h3{font-size:clamp(27px,3vw,46px);line-height:1.2;margin:12px 0 25px}p{line-height:1.75}.wrap{width:min(88%,1440px);margin-inline:auto}.portfolio-nav{background:var(--cream);color:var(--plum);padding:22px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;font:24px PortfolioRecoleta,Georgia,serif}.brand img{width:52px;height:52px;object-fit:contain}.portfolio-nav nav{display:flex;gap:28px;flex-wrap:wrap;font:13px Arial,sans-serif}.portfolio-nav nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;border-radius:30px;padding:10px 14px}.portfolio-nav nav a:hover{background:#becdf4}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:var(--cream);color:var(--plum);padding:15px;z-index:20}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:75px 0 85px}.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;line-height:1.8}.hero .eyebrow{color:var(--mustard)}.subtitle{color:var(--coral);font-size:clamp(15px,1.5vw,23px);text-transform:uppercase;letter-spacing:.13em;margin:25px 0}.category{font-size:13px;max-width:380px;line-height:1.9}.hero-rule{width:65px;height:3px;background:var(--mustard);margin-top:40px}.hero-note{font-size:18px;color:#eee4d8ba}.section-link{font-size:13px;display:inline-block;margin-top:16px}.hero-image{width:100%;max-width:610px;justify-self:end}.gallery-image{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.gallery-image img{height:auto;object-fit:contain}.zoom-hint{position:absolute;right:14px;bottom:14px;background:var(--cream);color:var(--plum);padding:8px 12px;font-size:13px;opacity:0;transition:opacity .2s}.gallery-image:hover .zoom-hint,.gallery-image:focus-visible .zoom-hint{opacity:1}figcaption{font-size:13px;line-height:1.8;color:#eee4d8b8;margin-top:16px}.paper-section{background:var(--cream);color:var(--plum);padding:85px 0 95px}.paper-section figcaption{color:#3e2837ba}.overview{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-bottom:80px;border-bottom:1px solid #3e28372a}.intro{font-size:clamp(17px,1.4vw,23px);max-width:830px;line-height:1.8}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0 0;padding-top:25px;border-top:1px solid #3e28372a}dt{font-size:13px;text-transform:uppercase;letter-spacing:.1em}dd{font-size:13px;line-height:1.7;margin:12px 0 0}.process{padding-top:75px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:end;margin-bottom:45px}.section-heading p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:470px}.section-heading h2{margin-bottom:0}.mood{width:85%;margin-bottom:65px}.guide{width:85%;margin-left:auto}.type-palette{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:65px;padding-top:40px;border-top:1px solid #3e28372a}.display-sample{font-family:var(--display);font-size:clamp(30px,3vw,50px);line-height:1.25;margin:22px 0}.spec-label{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:#3e2837b3}.body-sample{font-size:20px;line-height:1.5;margin-top:30px}.palette ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.palette li>span{display:block;height:100px;border:1px solid #3e283726}.palette strong,.palette code{display:block;font-size:13px;font-weight:400;line-height:1.6;margin-top:8px}.palette code{font-family:var(--body);margin-top:3px}.atmosphere{padding:85px 0}.friends{width:100%}.digital{padding:85px 0;background:var(--plum)}.menu-board{margin-bottom:65px}.phone{width:85%;margin-left:auto}.menu-reference{display:grid;grid-template-columns:1.15fr 1fr;gap:18%;margin-top:85px;border-top:1px solid var(--line);padding-top:65px}.menu-reference>div>p{font-size:14px}.menu-reference a{font-size:13px;display:inline-block;margin-top:25px}.source-menu{width:min(100%,360px);justify-self:center}.sandwich-list{margin:30px 0}.sandwich-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:15px}.sandwich-list dt{font-size:13px;letter-spacing:.04em}.sandwich-list dd{margin:0;font-size:13px}.applications{padding:85px 0}.shirt-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.shirt-back{margin-top:100px}.supporting{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;align-items:center;padding-top:100px}.supporting p{font-size:14px}.credits{padding:30px 0 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px}.credits p{font-size:13px;line-height:1.9;color:#eee4d8ad}.credits strong{color:var(--cream);font-weight:500}.project-end{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px}.back-work{font-family:PortfolioRecoleta,Georgia,serif;font-size:30px}footer{padding:25px 0 35px;font-size:13px;color:#eee4d89e}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{width:min(96vw,1600px);max-height:96svh;padding:20px;border:1px solid #eee4d84d;color:var(--cream);background:var(--night)}dialog::backdrop{background:#000e}.lightbox-bar,.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-bar p{font-size:13px;max-width:85%;margin:0}.lightbox-bar button,.lightbox-controls button{padding:10px 15px;min-height:44px;border:1px solid var(--line);background:none;cursor:pointer}.lightbox-controls{font-size:13px;margin-top:18px}#lightbox-image{height:74svh;object-fit:contain;margin-top:18px}.lightbox-open{overflow:hidden}@media(min-width:2200px){.wrap{width:min(86%,1800px)}.hero{gap:12%;padding-block:100px}.hero-image{max-width:700px}h1{font-size:180px}.category{font-size:15px}.hero-note{font-size:23px}}@media(max-width:950px){.portfolio-nav{gap:20px;flex-wrap:wrap}.portfolio-nav nav{gap:10px}.brand{font-size:22px}.hero{gap:6%;padding-block:55px}.hero h1{font-size:clamp(66px,9vw,90px)}.subtitle{font-size:14px}.hero-note{font-size:16px}.overview{grid-template-columns:1fr 3fr;gap:30px}.type-palette{grid-template-columns:1fr;gap:30px}.palette li>span{height:80px}.section-heading{gap:7%}.menu-reference{gap:9%}.credits{grid-template-columns:1fr 1fr}.credits p:last-child{grid-column:1/-1}}@media(max-width:650px){.wrap{width:88%}.portfolio-nav{padding:17px 6%;gap:12px}.brand img{width:43px;height:43px}.brand{font-size:22px}.portfolio-nav nav{width:100%;justify-content:space-between;gap:6px}.portfolio-nav nav a{padding:8px 5px;font-size:13px}.hero{grid-template-columns:1fr;gap:40px;padding:45px 0 55px}.hero h1{font-size:clamp(74px,18vw,110px);margin:25px 0}.hero-image{max-width:none}.hero-note{display:none}.hero-rule{margin-top:25px}.category{max-width:100%}.paper-section{padding:55px 0}.overview,.section-heading,.menu-reference,.supporting{grid-template-columns:1fr;gap:24px}.overview{padding-bottom:40px}.overview h2{margin-top:0}.intro{font-size:17px}.project-meta{grid-template-columns:1fr;gap:20px;margin-top:25px}.project-meta div{display:flex;justify-content:space-between;gap:20px}.project-meta dd{margin:0;text-align:right}.process{padding-top:45px}.section-heading{margin-bottom:30px}.section-heading p:not(.eyebrow){margin:0}.mood,.guide,.phone{width:100%;margin:0 0 35px}.type-palette{margin-top:40px}.palette ul{gap:6px}.palette strong,.palette code{font-size:13px}.palette li>span{height:65px}.atmosphere,.digital,.applications{padding:55px 0}.menu-board{margin-bottom:35px}.menu-reference{margin-top:45px;padding-top:40px;gap:40px}.source-menu{width:min(100%,400px)}.shirt-grid{grid-template-columns:1fr;gap:40px}.shirt-back{margin:0}.supporting{padding-top:55px}.supporting h3 br{display:none}.credits{grid-template-columns:1fr;gap:5px}.credits p:last-child{grid-column:auto}.project-end{align-items:start;flex-direction:column;gap:20px}.back-work{font-size:28px}.zoom-hint{opacity:1;font-size:13px;padding:6px 9px;right:8px;bottom:8px}dialog{padding:14px}.lightbox-bar p{font-size:13px;max-width:70%}.lightbox-bar button,.lightbox-controls button{padding:8px 12px;font-size:13px}#lightbox-image{height:65svh}figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Allow the long project name to fit small phones without clipping. */
.hero-copy,.section-heading>div,.menu-reference>div{min-width:0}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(58px,18vw,110px)}}
/* Updated supplied artboards: a single story, with separate image-led applications. */
.opening{display:grid;grid-template-columns:1.4fr 1fr;gap:40px 8%;align-items:end;padding:65px 0 80px}.opening h1{font-size:clamp(65px,7vw,128px);line-height:1.04;margin:25px 0}.opening-intro{font-size:17px;line-height:1.9;margin:0 0 12px;color:#eee4d8d4}.truck-hero{grid-column:1/-1;width:100%;margin-top:15px}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.latest-mood{width:100%;margin-bottom:60px}.identity-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:6%;align-items:center;margin:55px 0}.logo-identity .gallery-image{height:clamp(160px,20vw,300px);overflow:hidden;background:var(--plum)}.logo-identity .gallery-image img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%)}.icon-identity .gallery-image{background:var(--plum)}.icon-identity img{max-height:300px;object-fit:contain}.pattern-identity{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-top:1px solid #3e28372a;padding-top:50px}.pattern-study{width:100%;max-width:500px}.pattern-identity>div>p{font-size:14px;line-height:1.8}.pattern-identity a{font-size:13px}.current-swatches{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;margin:28px 0;font-size:13px}.current-swatches li:before{content:'';display:block;height:55px;background:var(--swatch);border:1px solid #3e283726;margin-bottom:10px}.digital.wrap{background:transparent;padding-block:85px}.comp-hint{font-size:13px;color:#eee4d8b3;margin:0 0 25px}.interface-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:7%;align-items:start}.interface-comp{min-width:0}.comp-viewport{height:clamp(620px,78svh,900px);overflow:auto;border:1px solid var(--line);background:#101514;overscroll-behavior:contain;scrollbar-color:var(--mustard) #24201d;scrollbar-width:thin}.comp-viewport img{width:100%;height:auto;max-height:none;display:block}.interface-comp>a{font-size:13px;display:inline-block;margin-top:12px}.pdf-link{display:inline-block;font-size:13px;margin-top:35px}.application-pair{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;align-items:start}.receipt-feature{padding-top:80px}.application-note{font-size:15px;line-height:1.8;margin:28px 0;max-width:420px;color:#eee4d8bd}.cards-shirts{grid-template-columns:1fr 1fr;padding-top:70px}.shirts-feature{margin-top:90px}.reflection{border-top:1px solid var(--line);padding-block:60px 75px;display:grid;grid-template-columns:1fr 1.5fr;gap:20px 10%;align-items:start}.reflection>.eyebrow{grid-column:1/-1}.reflection h2{margin-top:0}.reflection>p:last-child{font-size:17px;line-height:1.9;max-width:650px;margin-top:0}.credits{grid-template-columns:1fr 1.5fr}.credits p:last-child{grid-column:auto}
@media(max-width:950px){.opening{gap:30px;grid-template-columns:1fr}.opening-intro{max-width:750px}.truck-hero{grid-column:1}.pattern-identity{gap:6%}.interface-grid{gap:5%}.comp-viewport{height:650px}}
@media(max-width:650px){.opening{padding-block:40px 50px;gap:25px}.opening h1{font-size:clamp(58px,18vw,90px)}.opening-intro{font-size:16px}.project-meta{grid-template-columns:1fr}.identity-pair{grid-template-columns:1fr;gap:30px;margin-block:35px}.logo-identity .gallery-image{height:160px}.icon-identity{width:65%;justify-self:center}.pattern-identity{grid-template-columns:1fr;gap:30px;padding-top:35px}.current-swatches{font-size:13px;gap:6px}.current-swatches li:before{height:40px}.digital.wrap{padding-block:50px}.interface-grid{grid-template-columns:1fr;gap:45px}.comp-viewport{height:min(78svh,750px);min-height:430px}.interface-comp:last-child{width:min(100%,360px);justify-self:center}.application-pair,.cards-shirts{grid-template-columns:1fr;gap:35px}.receipt-feature,.shirts-feature{padding:0;margin:0}.cards-shirts{padding-top:40px}.reflection{grid-template-columns:1fr;gap:20px;padding-block:40px 50px}.reflection>.eyebrow{grid-column:1}.reflection>p:last-child{font-size:15px}.credits{grid-template-columns:1fr}.latest-mood{margin-bottom:35px}}

/* Align the updated identity and tighten the overview's editorial grid. */
.section-heading{align-items:start;}
.section-heading h2{margin-top:12px;}
.section-heading>p{margin:0;padding-top:4px;}
.overview{display:block;padding-bottom:45px;}
.overview>.eyebrow{margin:0 0 20px;}
.overview>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 7%;align-items:start;}
.overview h2{grid-column:1;grid-row:1;margin:0;}
.overview .intro{grid-column:2;grid-row:1;margin:0;font-size:clamp(16px,1.4vw,21px);line-height:1.8;}
.overview .project-meta{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:5px 0 0;padding-top:25px;gap:24px;}
.process{padding-top:50px;}
.identity-pair{align-items:start;}
.logo-identity .gallery-image{background:#000;}
.pattern-study .gallery-image{background:var(--cream);}
.receipt-feature{padding-top:0;}
.shirts-feature{margin-top:0;}
@media(max-width:950px){.overview .project-meta{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.overview>div{grid-template-columns:minmax(0,1fr);gap:22px;}.overview h2,.overview .intro{grid-column:1;grid-row:auto;}.overview .project-meta{grid-template-columns:minmax(0,1fr);grid-column:1;}.process{padding-top:35px;}.overview{padding-bottom:35px;}.section-heading>p{padding-top:0;}}

/* The supplied pattern becomes a recurring surface, not a standalone logo study. */
.identity-pair{grid-template-columns:minmax(0,1fr);margin:40px 0;}
.logo-identity{width:100%;}
.logo-identity .gallery-image{height:clamp(210px,28vw,340px);}
.logo-identity .gallery-image img{width:min(70%,760px);left:50%;transform:translate(-50%,-50%);}
.pattern-panel,.pattern-band{background-color:#782d3e;background-image:url('../assets/images/work/midnight-melt/latest/updated-pattern.png');background-repeat:repeat;background-size:240px auto;}
.pattern-panel{align-self:stretch;min-height:330px;}
.pattern-band{height:76px;max-width:none;background-size:210px auto;}
.pattern-identity{align-items:stretch;}
.pattern-identity>div:last-child{padding-block:10px;}
@media(max-width:650px){.logo-identity .gallery-image{height:200px;}.logo-identity .gallery-image img{width:90%;}.pattern-panel{min-height:180px;background-size:170px auto;}.pattern-band{height:54px;background-size:150px auto;}}
/* This artwork is a complete pattern composition, so avoid visible tile seams. */
.pattern-panel,.pattern-band{background-repeat:no-repeat;background-size:cover;background-position:center;}

/* Match the panel to the complete 672 × 864 pattern artwork. */
.pattern-panel{width:100%;aspect-ratio:7/9;min-height:0;align-self:start;background-size:100% 100%;background-repeat:no-repeat;}

/* Shared editorial typography: a single scale throughout this case study. */
:root{--section-title-size:48px;--intro-size:20px;--body-size:18px;--small-size:16px;--label-size:13px;}
.section-title{font-family:var(--display);font-size:var(--section-title-size);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0;overflow-wrap:normal;hyphens:none;}
.keep-together{white-space:nowrap;}
.opening-intro{font-family:var(--body);font-size:var(--intro-size);line-height:1.6;color:var(--cream);margin:0;}
.section-body,.pattern-identity>div:last-child>p:not(.eyebrow):not(.display-sample):not(.body-sample),.reflection>p:last-child{font-family:var(--body);font-size:var(--body-size);line-height:1.6;color:inherit;margin:0;}
.eyebrow{font-family:var(--body);font-size:var(--label-size);line-height:1.5;letter-spacing:.07em;margin:0;}
.opening .eyebrow{margin-bottom:20px;}
figcaption,.paper-section figcaption{font-family:var(--body);font-size:var(--small-size);line-height:1.5;color:inherit;margin-top:16px;}
main a,footer,.project-end a{font-size:var(--small-size);line-height:1.5;}
.portfolio-nav nav a{font-size:16px;line-height:1.5;}
.interface-comp>a,.pdf-link,.pattern-identity a{font-size:16px;line-height:1.5;margin-top:16px;}
.comp-hint{font-size:18px;line-height:1.6;color:var(--cream);margin:0 0 24px;}
.project-meta dt,.project-meta dd{font-size:16px;line-height:1.5;letter-spacing:0;text-transform:none;}
.project-meta dt{font-weight:600;}.project-meta dd{margin-top:10px;}
.credits{padding-top:32px;gap:24px;}.credits p{font-size:16px;line-height:1.6;color:var(--cream);margin:0;}
.credits strong{font-weight:600;}
.section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px 7%;margin-bottom:40px;}
.section-heading>.eyebrow{grid-column:1/-1;padding:0;margin:0;}
.section-heading .section-title{grid-column:1;margin:0;}
.section-heading>.section-body{grid-column:2;padding:0;margin:0;font-size:18px;line-height:1.6;max-width:none;}
.overview>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 7%;}
.overview .section-title{grid-column:1;grid-row:1;margin:0;}
.overview .section-body{grid-column:2;grid-row:1;margin:0;}
.overview>.eyebrow{margin-bottom:20px;}
.pattern-identity{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start;}
.pattern-identity>div:last-child{padding:0;}
.pattern-identity .display-sample{font-size:40px;line-height:1.2;margin:24px 0;}
.pattern-identity .body-sample{font-size:18px;line-height:1.6;margin:0 0 24px;}
.current-swatches{font-size:16px;line-height:1.5;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));}
.reflection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 7%;}
.reflection>.eyebrow{grid-column:1/-1;}.reflection .section-title{margin:0;}
.lightbox-bar p,.lightbox-controls,.lightbox-bar button,.lightbox-controls button{font-size:16px;line-height:1.5;}
.zoom-hint{font-size:16px;line-height:1.5;padding:8px 12px;}
@media(max-width:650px){
 :root{--section-title-size:32px;--intro-size:18px;}
 .section-heading,.overview>div,.pattern-identity,.reflection{grid-template-columns:minmax(0,1fr);gap:20px;}
 .section-heading .section-title,.section-heading>.section-body,.overview .section-title,.overview .section-body{grid-column:1;grid-row:auto;}
 .section-heading{margin-bottom:28px;}
 .project-meta dd{margin:0;}.project-meta div{align-items:start;}
 .pattern-identity .display-sample{font-size:32px;}
 .current-swatches{font-size:16px;grid-template-columns:repeat(2,minmax(0,1fr));}
 .credits p{font-size:16px;}.lightbox-bar p{font-size:16px;max-width:70%;}
}
/* Override legacy paragraph selectors with the shared body scale. */
.section-heading>p.section-body{font-family:var(--body);font-size:18px;line-height:1.6;max-width:none;color:inherit;padding:0;margin:0;}
.category{font-size:16px;line-height:1.5;}

/* Original comps in order: iPhone, iPad, then the wider website layout. */
.interface-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:42px 7%;}
.interface-comp.desktop-comp{grid-column:1/-1;width:100%;justify-self:stretch;}
@media(max-width:650px){.interface-grid{grid-template-columns:minmax(0,1fr);gap:35px;}.interface-comp{width:100%;justify-self:stretch;}.interface-comp.desktop-comp{grid-column:1;width:100%;}}

/* Align the caption to the visible artwork inside the 665 × 843 PNG. */
.packaging-feature figcaption{margin-left:3.458647%;margin-right:3.308271%;margin-top:calc(16px - 2.857143%);}

/* Static print grain, scoped to the logo and pattern; original artwork is untouched. */
.logo-identity .gallery-image,.pattern-panel{position:relative;isolation:isolate;}
.logo-identity .gallery-image::after,.pattern-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27%3E%3Cfilter id=%27grain%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.85%27 numOctaves=%273%27 stitchTiles=%27stitch%27 seed=%2711%27/%3E%3CfeColorMatrix type=%27saturate%27 values=%270%27/%3E%3C/filter%3E%3Cpath filter=%27url(%23grain)%27 opacity=%27.85%27 d=%27M0 0h180v180H0z%27/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;opacity:.16;}
.logo-identity .gallery-image::after{opacity:.12;}
.logo-identity .zoom-hint{z-index:1;}