.project-page{padding-bottom:0}.project-layout{display:block}.project-hero{position:relative;min-height:85svh;margin:0 1.2vw;background:#141414;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.78))}.project-hero-copy{position:relative;z-index:1;width:100%;padding:clamp(28px,5vw,90px)}.project-hero .m-tag{background:#2229;color:#fff;border:0}.project-hero h1{font-size:clamp(54px,8.8vw,160px);font-weight:400;letter-spacing:-.04em;line-height:.98;margin:28px 0}.project-hero p{font-size:clamp(17px,1.8vw,28px);max-width:760px;line-height:1.4;margin:0}.project-details{display:flex;justify-content:space-between;gap:40px;padding-top:48px;padding-bottom:48px;border-bottom:1px solid var(--mape-line)}.back-link{font-size:16px;align-self:start}.project-details dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;max-width:750px}.project-details dt{font-size:12px;color:var(--mape-muted);margin-bottom:12px}.project-details dd{font-size:16px;margin:0}.project-story{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;padding-top:clamp(70px,10vw,150px);padding-bottom:clamp(70px,10vw,150px)}.project-story h2{font-size:clamp(32px,4vw,64px);font-weight:400;letter-spacing:-.035em;margin:0}.project-story p{font-size:clamp(18px,2vw,28px);line-height:1.5;margin:0 0 24px}.project-story .project-note{font-size:14px;color:var(--mape-muted)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-tile{margin:0;min-width:0}.gallery-tile:first-child,.gallery-tile:last-child{grid-column:1/-1}.gallery-tile button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;overflow:hidden}.gallery-tile img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.gallery-tile:first-child img,.gallery-tile:last-child img{aspect-ratio:16/9}.related-projects{padding-top:clamp(80px,12vw,180px);padding-bottom:clamp(70px,10vw,140px)}.related-projects>h2{font-size:clamp(48px,8vw,136px);font-weight:400;letter-spacing:-.04em;line-height:1;margin:0 0 clamp(50px,7vw,110px)}.related-grid{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px}.related-all{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 14px;background:#fff}.related-all>span:first-child{color:var(--mape-accent);font-size:26px}.related-all>span:last-child{writing-mode:vertical-rl;transform:rotate(180deg);font-size:20px}#related-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.related-card{min-width:0;width:100%;position:relative;display:flex;align-items:flex-end;min-height:480px;aspect-ratio:1/1;color:#fff;overflow:hidden;background:#141414}.related-card:after{content:"";position:absolute;inset:0;background:linear-gradient(#0002,transparent 20%,#000c)}.related-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.related-tag,.related-arrow,.related-copy{position:relative;z-index:1}.related-tag{position:absolute;top:28px;left:28px;border-radius:30px;background:#2229;padding:9px 15px;font-size:12px;text-transform:uppercase}.related-arrow{position:absolute;top:28px;right:28px;color:var(--mape-accent);font-size:26px}.related-copy{padding:32px}.related-copy h3{font-size:clamp(27px,3vw,48px);font-weight:400;letter-spacing:-.025em;line-height:1.05;margin:0 0 20px}.related-copy p{font-size:clamp(15px,1.5vw,22px);line-height:1.4;margin:0;color:#e5e5e5}
.project-footer{padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--mape-line);gap:24px}.project-footer>a:last-child{font-size:13px}.project-lightbox{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100%;margin:0;padding:24px 32px;background:#141414;color:var(--mape-paper);border:0;overflow:hidden}.project-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px}.project-lightbox::backdrop{background:#141414}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.project-lightbox .m-button{border-color:#777;color:var(--mape-paper);--m-button-fill:#333;min-height:42px;padding:10px 18px}.project-lightbox>img{width:100%;height:100%;object-fit:contain;min-height:0}.project-lightbox :focus-visible{outline-color:var(--mape-accent)}

@media(hover:hover) and (pointer:fine){.related-card:hover>img{transform:scale(1.035)}}
@media(max-width:700px){.project-hero{min-height:76svh}.project-hero h1{font-size:clamp(46px,13vw,76px)}.project-details{display:block}.project-details dl{gap:20px;margin-top:35px;grid-template-columns:1fr 1fr}.project-story{grid-template-columns:1fr;gap:28px}.project-gallery{gap:12px}.related-grid{grid-template-columns:1fr;gap:16px}.related-all{flex-direction:row;padding:18px;order:2}.related-all>span:last-child{writing-mode:horizontal-tb;transform:none}#related-cards{grid-template-columns:1fr;gap:20px}.related-card{min-height:400px}.related-copy{padding:26px}.project-lightbox{padding:16px}.project-footer .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.related-card>img{transition:none}.related-card:hover>img{transform:none}}

/* Case study rhythm: full-width media, quiet copy, inset sequences. */
.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:clamp(64px,9vw,140px);padding-bottom:clamp(64px,9vw,140px)}.case-intro h1{font-size:clamp(32px,4.5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:20px 0 0}.case-intro>p{font-size:clamp(18px,1.6vw,25px);line-height:1.5;margin:0;max-width:650px}.case-full{margin:0;width:100%}.case-image{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.case-image img{display:block;width:100%;height:auto}.case-text{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:clamp(64px,9vw,140px)}.case-text p{grid-column:2;font-size:clamp(18px,1.6vw,25px);line-height:1.5;margin:0;max-width:650px}.case-video-placeholder{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:#deded8;color:#62625d;font-size:13px;letter-spacing:.05em}.case-carousel{width:min(76%,1200px);margin:clamp(64px,10vw,160px) auto}.case-slide{aspect-ratio:16/10;background:#ecece6;display:grid;place-items:center;overflow:hidden}.case-slide .case-image,.case-slide img{height:100%;max-height:100%;object-fit:contain}.case-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:15px;font-variant-numeric:tabular-nums}.case-carousel-controls button{border:0;background:transparent;color:inherit;width:48px;height:48px;font-size:30px;cursor:pointer}.case-carousel-controls button:hover{color:var(--mape-accent)}.case-credits{padding-top:60px;font-size:13px;color:var(--mape-muted)}.case-credits p{margin-top:12px}.case-credits a{display:inline-block;color:var(--mape-ink);margin-top:20px}.case-image:focus-visible,.case-carousel-controls button:focus-visible{outline:2px solid var(--mape-accent);outline-offset:-4px}
@media(max-width:700px){.case-intro,.case-text{grid-template-columns:1fr;gap:28px}.case-text p{grid-column:1}.case-carousel{width:88%}.case-intro h1{font-size:40px}.case-carousel-controls{padding-top:10px}}


/* Film case: quiet opening, large stills and an offset character sequence. */
.film-case{background:#fff}
.case-intro>p,.film-opening p,.case-text p,.related-copy p{font-weight:300}
.film-opening{min-height:340px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-block:120px 100px}
.film-opening p{grid-column:2;margin:0;max-width:560px;font-size:clamp(23px,2.5vw,38px);line-height:1.35;letter-spacing:-.025em}
.case-film{position:relative;margin:0;background:#141414;color:#fff}
.case-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#141414}
.film-play{position:absolute;inset:0;margin:auto;width:clamp(90px,10vw,148px);height:clamp(90px,10vw,148px);display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#0002;color:white;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s}
.film-play:hover{background:#0005}.film-play:focus-visible{outline:3px solid #F9452D;outline-offset:8px}.film-play svg{width:45%;height:45%}.film-play[hidden],.film-error[hidden]{display:none}
.film-error{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;background:#141414;color:#fff;padding:12px}
.film-case .case-intro{padding-block:clamp(80px,11vw,176px);gap:10vw}
.film-case .case-intro h1{font-size:clamp(40px,5vw,76px);max-width:650px}
.film-case .case-intro>p{font-size:clamp(19px,1.8vw,28px);line-height:1.5;letter-spacing:-.015em}
.film-case .case-blocks{display:flex;flex-direction:column;gap:clamp(60px,8vw,128px)}
.film-case .case-full{width:92%;margin-inline:auto}
.film-case .case-full:last-child{width:50%;margin-inline:auto}
.film-case .film-carousel{width:84%;margin:0 auto}
.film-case .film-carousel .case-slide{aspect-ratio:16/9;background:#fff}
.film-case .character-carousel{width:43%;margin:0 4% 0 auto}
.film-case .character-carousel .case-slide{aspect-ratio:1;background:#fff}
.film-case .character-carousel .case-image{height:100%;min-height:0}
.film-case .character-carousel img{width:100%;height:100%;object-fit:contain;background:#fff}
.film-case .case-carousel-controls{font-weight:300;font-size:13px;padding-top:12px}
.film-case .case-credits[hidden]{display:none}
@media(max-width:700px){.film-opening{min-height:300px;grid-template-columns:1fr;padding-block:100px 80px}.film-opening p{grid-column:1;max-width:280px;margin-left:auto}.film-case .case-intro{padding-block:72px}.film-case .case-intro h1{font-size:44px}.film-case .character-carousel{width:78%;margin-right:4%}.film-case .film-carousel.takes-carousel{width:92%}}
@media(prefers-reduced-motion:reduce){.film-play{transition:none}}

.case-intro>p,.film-opening p{font-family:'Helvetica Neue','Segoe UI',sans-serif;font-weight:300}

/* Continuous white header and shared title/description top edge. */
.film-case>header{background:#fff}
.film-case>header .m-nav{border-bottom:0}
@media(min-width:701px){
 .film-case .case-intro{row-gap:20px;align-items:start}
 .film-case .case-intro>div{display:contents}
 .film-case .case-intro .eyebrow{grid-column:1/-1;grid-row:1}
 .film-case .case-intro h1{grid-column:1;grid-row:2;margin:0}
 .film-case .case-intro>p{grid-column:2;grid-row:2;margin:0}
}

/* Extra breathing room around the final sequence. */
.film-case .takes-carousel{margin-top:clamp(180px,24vw,384px)}
.film-case .case-full:last-child{margin-top:clamp(60px,8vw,128px)}

.film-case .case-full.case-edge{width:100%;margin-inline:0}

.film-case .takes-carousel + .case-edge{margin-top:clamp(180px,24vw,384px)}

@media(max-width:700px){.film-case .case-full:last-child{width:84%}}

@media(min-width:701px){.film-case .case-intro>p{padding-top:clamp(8px,.9vw,14px)}}

/* Reyou: intact images, offset triptychs and a quieter contact sheet. */
.reyou-case,.reyou-case>header{background:#fff}
.reyou-case>header .m-nav{border-bottom:0}
.reyou-case .case-intro{padding-block:clamp(72px,10vw,160px)}
.reyou-case .case-intro>p{font-size:clamp(19px,1.8vw,28px);letter-spacing:-.015em}
.reyou-case .case-intro h1{font-size:clamp(54px,6vw,96px)}
.reyou-case .case-blocks{display:flex;flex-direction:column;gap:clamp(64px,9vw,144px)}
.reyou-row{display:grid;gap:clamp(12px,1.5vw,28px);align-items:center;width:92%;margin-inline:auto}
.reyou-trio{grid-template-columns:repeat(3,minmax(0,1fr));width:69%;margin-right:4%}
.reyou-feature{width:76%;margin-inline:auto}
.reyou-products{grid-template-columns:1fr 1.4fr 1fr}
.reyou-summer{grid-template-columns:repeat(3,minmax(0,1fr));width:76%;margin-right:4%}
.reyou-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.reyou-contact{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
.reyou-case .case-text{padding-block:clamp(16px,3vw,48px)}
.reyou-case .case-credits{padding-top:clamp(64px,8vw,128px)}
@media(min-width:701px){.reyou-case .case-intro>div{display:contents}.reyou-case .case-intro .eyebrow{grid-column:1/-1}.reyou-case .case-intro{row-gap:20px;align-items:start}.reyou-case .case-intro h1{margin:0}.reyou-case .case-intro>p{padding-top:10px}}
@media(max-width:700px){.reyou-trio,.reyou-summer,.reyou-feature{width:92%;margin-inline:auto}.reyou-products{grid-template-columns:1fr 1fr}.reyou-products .case-image:nth-child(2){grid-column:1/-1;grid-row:2;width:80%;justify-self:center}.reyou-summer{grid-template-columns:1fr;gap:20px}.reyou-pair{grid-template-columns:1fr;gap:20px}.reyou-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.reyou-contact .case-image:last-child{grid-column:1/-1;width:50%;justify-self:center}.reyou-case .film-opening{min-height:260px}}

.reyou-summer-lead{width:92%;margin-inline:auto}
.reyou-summer{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.reyou-summer{grid-template-columns:1fr}}

.reyou-portraits{grid-template-columns:repeat(2,minmax(0,1fr));width:60%;margin-block:clamp(24px,4vw,64px)}
.reyou-contact{grid-template-columns:repeat(3,minmax(0,1fr));width:69%;margin-right:4%}
@media(max-width:700px){.reyou-portraits,.reyou-contact{width:92%;margin-inline:auto}.reyou-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Equal-height product trio, preserving the three native aspect ratios. */
.reyou-contact{grid-template-columns:3fr 4fr 3fr;align-items:start}
@media(max-width:700px){.reyou-contact{grid-template-columns:3fr 4fr 3fr;gap:10px}.reyou-contact .case-image:last-child{grid-column:auto;width:100%;justify-self:stretch}}

.reyou-oil-detail{width:60%;margin-left:auto;margin-right:4%}
@media(max-width:700px){.reyou-oil-detail{width:84%}}

/* Pauses at the transition to summer and from portraits to product. */
.reyou-case .case-text{padding-top:clamp(72px,10vw,160px);padding-bottom:clamp(48px,7vw,112px)}
.reyou-summer + .reyou-summer-lead{margin-top:clamp(80px,13vw,208px)}
.reyou-oil-detail + .reyou-contact{margin-top:clamp(48px,7vw,112px)}
@media(max-width:700px){.reyou-case .case-text{padding-block:48px 32px}.reyou-summer + .reyou-summer-lead{margin-top:64px}.reyou-oil-detail + .reyou-contact{margin-top:32px}}

/* Center the summer pair with matching breathing room on both sides. */
.reyou-summer{margin-inline:auto;margin-top:clamp(80px,13vw,208px)}
.reyou-summer-lead.reyou-edge{width:100%;margin-inline:0}
.reyou-case .case-credits[hidden]{display:none}
@media(max-width:700px){.reyou-summer{margin-top:64px}}

/* Match the product trio width and right edge, with equal vertical spacing. */
.reyou-oil-detail{width:69%;margin-left:auto;margin-right:4%;margin-top:clamp(48px,7vw,112px)}
@media(max-width:700px){.reyou-oil-detail{width:92%;margin-inline:auto;margin-top:32px}}

.reyou-case .case-text p{font-family:'Helvetica Neue','Segoe UI',sans-serif;font-weight:300}

/* Ilúnia: source renders remain smaller than the scenes they informed. */
.ilunia-case,.ilunia-case>header{background:#fff}
.ilunia-case>header .m-nav{border-bottom:0}
.ilunia-case .film-opening p{max-width:530px}
.ilunia-case .case-intro h1{font-size:clamp(56px,7vw,108px)}
.ilunia-case .case-intro{padding-bottom:clamp(36px,5vw,80px)}
.ilunia-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:clamp(64px,9vw,144px)}
.ilunia-story h2{font-size:clamp(32px,4vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0;max-width:500px}
.ilunia-story p{font:300 clamp(18px,1.6vw,25px)/1.5 'Helvetica Neue','Segoe UI',sans-serif;margin:0;max-width:650px}
.ilunia-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.7fr);gap:4vw;align-items:center;width:92%;margin:0 auto clamp(72px,11vw,176px)}
.ilunia-comparison figure{margin:0;min-width:0}
.ilunia-comparison figcaption{font-size:12px;line-height:1.5;color:var(--mape-muted);padding-top:14px}
.ilunia-comparison:nth-of-type(3){grid-template-columns:minmax(0,2.7fr) minmax(0,1fr)}
.ilunia-comparison:nth-of-type(3) .ilunia-reference{grid-column:2;grid-row:1}
.ilunia-comparison:nth-of-type(3) .ilunia-result{grid-column:1;grid-row:1}
.ilunia-lifestyle{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:8vw;width:92%;margin:0 auto clamp(48px,6vw,96px)}
.ilunia-kvs{display:grid;gap:clamp(24px,4vw,64px);width:92%;margin:auto}
.ilunia-applications{display:grid;grid-template-columns:1.6fr .65fr;gap:10vw;align-items:center;width:84%;margin:clamp(80px,12vw,192px) auto 0}
.ilunia-applications video{width:100%;aspect-ratio:9/16;background:#191919;object-fit:contain}
.ilunia-case .case-credits{padding-top:clamp(72px,9vw,144px)}
@media(min-width:701px){.ilunia-case .case-intro>div{display:contents}.ilunia-case .case-intro .eyebrow{grid-column:1/-1}.ilunia-case .case-intro{row-gap:20px;align-items:start}.ilunia-case .case-intro h1{margin:0}.ilunia-case .case-intro>p{padding-top:10px}}
@media(max-width:700px){.ilunia-story{grid-template-columns:1fr;gap:28px}.ilunia-comparison,.ilunia-comparison:nth-of-type(3){display:flex;flex-direction:column;gap:24px;align-items:stretch;width:92%;margin-bottom:64px}.ilunia-comparison .ilunia-reference{width:56%;align-self:flex-start}.ilunia-comparison:nth-of-type(3) .ilunia-reference{align-self:flex-end}.ilunia-comparison .ilunia-result{width:100%}.ilunia-comparison figcaption{font-size:11px;padding-top:10px}.ilunia-lifestyle{grid-template-columns:1fr;gap:40px}.ilunia-lifestyle .case-full:last-child{width:72%;margin-left:auto}.ilunia-applications{width:92%;grid-template-columns:1fr;gap:48px}.ilunia-applications video{width:72%;margin:auto}.ilunia-case .film-opening{min-height:280px}}

.ilunia-lifestyle{display:block;width:76%}
.ilunia-balcony{width:100%;margin:0}
@media(max-width:700px){.ilunia-lifestyle{width:92%}.ilunia-lifestyle .case-full:last-child{width:100%;margin:0}}

/* Balance the pause before this story with the pause after its image. */
.ilunia-lifestyle{margin-bottom:calc(clamp(72px,11vw,176px) + clamp(64px,9vw,144px))}
@media(max-width:700px){.ilunia-lifestyle{margin-bottom:calc(64px + clamp(64px,9vw,144px))}}

.ilunia-balcony + .ilunia-story{padding-top:calc(clamp(72px,11vw,176px) + clamp(64px,9vw,144px))}
@media(max-width:700px){.ilunia-balcony + .ilunia-story{padding-top:calc(64px + clamp(64px,9vw,144px))}}

.ilunia-applications{margin-top:clamp(128px,20vw,320px)}

.ilunia-case .related-projects{padding-top:clamp(140px,20vw,320px)}
.ilunia-film{position:relative;width:100%;background:#191919}
.ilunia-applications .ilunia-film video{display:block;width:100%;margin:0}
@media(max-width:700px){.ilunia-film{width:72%;margin:auto}}

/* It's Cool: comic close-ups and a vertical film at its native proportion. */
.itscool-case,.itscool-case>header{background:#fff}.itscool-case>header .m-nav{border-bottom:0}
.itscool-case .case-intro h1{font-size:clamp(56px,7vw,108px)}
.itscool-case .case-credits[hidden]{display:none}
.itscool-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10vw;align-items:center;width:84%;margin:0 auto clamp(100px,16vw,256px)}
.itscool-film{position:relative;background:#1499b2;width:100%;max-width:540px}
.itscool-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain}
.itscool-story h2{font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:0 0 32px}
.itscool-story p:not(.eyebrow){font:300 clamp(18px,1.6vw,25px)/1.5 'Helvetica Neue','Segoe UI',sans-serif;margin:0 0 32px}
.itscool-story .eyebrow{line-height:1.7}
.itscool-scene{width:46%;margin:clamp(80px,12vw,192px) 8% clamp(100px,16vw,256px) auto}
.itscool-action{width:100%}
.itscool-details{display:grid;grid-template-columns:1fr 1fr;gap:4vw;width:62%;margin:clamp(100px,16vw,256px) auto}
.itscool-details img{display:block;width:100%;height:auto;aspect-ratio:464/832}
.itscool-final{width:70%;margin:auto}
@media(min-width:701px){.itscool-case .case-intro{row-gap:20px;align-items:start}.itscool-case .case-intro>div{display:contents}.itscool-case .case-intro .eyebrow{grid-column:1/-1}.itscool-case .case-intro h1{margin:0}.itscool-case .case-intro>p{padding-top:10px}}
@media(max-width:700px){.itscool-feature{width:92%;grid-template-columns:1fr;gap:48px;margin-bottom:80px}.itscool-film{width:84%;margin:auto}.itscool-story{padding-inline:4%}.itscool-scene{width:80%;margin:64px 4% 80px auto}.itscool-details{width:92%;gap:16px;margin-block:80px}.itscool-final{width:92%}}

/* Film centered independently; the hand enters directly from the page edge. */
.itscool-feature{display:flex;flex-direction:column;gap:24px;width:92%;align-items:center}
.itscool-film{width:min(100%,540px);margin-inline:auto}
.itscool-feature>.eyebrow{text-align:center;margin:0;line-height:1.6}
.itscool-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10vw;width:100%;padding-right:8%;box-sizing:border-box}
.itscool-details>img{width:100%;display:block}
.itscool-details .itscool-story{padding:0}
.itscool-fork{display:block;width:28%;height:auto;margin:0 auto clamp(100px,16vw,256px)}
@media(max-width:700px){.itscool-film{width:84%}.itscool-details{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:6vw;padding-right:5%}.itscool-details .itscool-story h2{font-size:clamp(25px,6vw,36px);margin-bottom:20px}.itscool-details .itscool-story p{font-size:16px;margin:0}.itscool-fork{width:48%;margin-bottom:80px}}

.itscool-board{width:92%;margin:0 auto clamp(100px,16vw,256px)}

.itscool-case .related-projects{padding-top:clamp(160px,24vw,360px)}
