.pg-body{background:#fff;color:#282828}.pg-wrap{width:min(800px,calc(100% - 48px))}.pg-intro{padding:65px 0 30px}.pg-intro h1{font:500 48px/1.15 "Avenir Next",sans-serif;letter-spacing:-1.8px;margin:0 0 16px}.pg-intro>p{font-size:17px;line-height:1.65;max-width:600px;margin:0;color:#697077}.pg-canvas{position:relative;isolation:isolate;margin:5px -32px 70px;padding:27px 26px 34px;border:1px solid #e9edf0;border-radius:10px;background-color:#fafbfd;background-image:linear-gradient(#e8edf280 1px,transparent 1px),linear-gradient(90deg,#e8edf280 1px,transparent 1px),radial-gradient(ellipse at 45% 40%,#fff8,transparent 75%);background-size:24px 24px,24px 24px,100% 100%}.pg-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:47px 42px;padding:38px 8px 36px;margin:0;max-width:none}.pg-project{--angle:-3deg;--offset:0px;--rx:0deg;--ry:0deg;--px:0px;--py:0px;position:relative;min-width:0;transform:translateY(var(--offset));z-index:1}.pg-project:nth-child(2){--angle:4deg;--offset:26px}.pg-project:nth-child(3){--angle:2deg;--offset:-2px}.pg-project:nth-child(4){--angle:-3deg;--offset:30px}.pg-project:focus-within{z-index:4}.pg-folder-link{position:relative;display:block;border-radius:15px;text-decoration:none;outline-offset:8px}.pg-folder{height:285px;margin:0;perspective:1100px;transform:perspective(1100px) rotateZ(var(--angle)) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--px),var(--py),0);transform-style:preserve-3d;transition:transform .23s ease-out}.pg-tab{top:91px;left:0;width:41%;height:30px;padding:0;background:var(--pg-mid);border-radius:11px 17px 0 0;box-shadow:inset 0 1px #ffffffb0}.pg-folder-back{top:110px;bottom:0;left:0;right:0;border-radius:0 12px 12px 12px;background:linear-gradient(145deg,var(--pg-mid),var(--pg-light));box-shadow:0 24px 26px -21px #35353566;transform:translateZ(-5px)}.pg-sheet{top:27px;bottom:auto;left:6%;width:88%;height:211px;border:5px solid white;border-radius:7px;padding:0;box-shadow:0 6px 15px #2c2c2c1c;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.2,1)}.pg-sheet--back{transform:translate(-9px,0) rotate(-8deg);background:#fff}.pg-sheet--image{transform:translate(5px,-6px) rotate(3deg);background:#fff;z-index:1}.pg-sheet img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}.pg-project[data-project="hadoota"] .pg-sheet--image img{object-fit:cover}.pg-project[data-project="hadoota"] .pg-sheet--back img{object-fit:cover;object-position:center 25%}.pg-project[data-project="bigboy"] .pg-sheet img{object-fit:contain;background:#2b2b2b}.pg-project[data-project="akmefolio"] .pg-sheet--image img{object-fit:cover;object-position:right center}.pg-project[data-project="basyt"] .pg-sheet--back img{object-fit:contain;object-position:top;background:#f8faf8}.pg-folder-front{height:78px;padding:15px 19px;border-radius:11px;background:linear-gradient(135deg,var(--pg-light),var(--pg-mid));box-shadow:inset 0 1px 0 #ffffffbd,inset 0 -3px 1px #00000007,0 6px 13px #34343412;z-index:2;transform:translateZ(8px);align-items:center}.pg-folder-label{font-size:25px;letter-spacing:-.7px;line-height:1.1}.pg-folder-label small{font-size:10px;line-height:1.4;letter-spacing:0;margin-top:7px}.pg-folder-open,.pg-card-copy{display:none}.pg-folder-link:focus-visible .pg-sheet--image{transform:translate(9px,-18px) rotate(4deg)}.pg-folder-link:focus-visible .pg-sheet--back{transform:translate(-12px,-9px) rotate(-11deg)}.pg-folder-link:focus-visible .pg-folder-front{transform:translateZ(8px) rotateX(-13deg)}.pg-detail{padding-top:32px}.pg-detail-heading{margin-top:42px}.pg-detail h1{font-size:46px;font-weight:500;letter-spacing:-1.5px}.pg-detail h1>span{font-size:22px;color:#657077;margin-top:12px}.pg-detail-intro{font-size:16px}.pg-hero{margin-top:28px}.pg-ownership{margin-top:35px}.pg-hero--basyt{background:#f2f5f2}.pg-hero--basyt>a{padding:22px}.pg-hero--basyt img{max-height:none}.pg-meta span{border-color:#e0e4e7;color:#68747d}.pg-kicker{font-size:10px;color:#6b7780;letter-spacing:1.1px}.pg-choice{background:#f7f9fa;border-left-color:#d3dfe5}.pg-choice p{color:#626262}.pg-choice h2{font-size:25px}.pg-related{border-top:1px solid #e2e6e9;margin-top:52px;padding-top:30px}.pg-related>h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 24px}.pg-canvas--related{margin:0 0 5px;padding:20px 19px 33px}.pg-canvas--related .pg-folders{gap:32px 36px;padding:22px 4px 28px}.pg-canvas--related .pg-folder{height:270px}.pg-canvas--related .pg-sheet{height:192px}.pg-canvas--related .pg-project:nth-child(3){--offset:12px}.pg-canvas--related .pg-folder-front{height:75px}.pg-provenance{font-size:11px;color:#7b8388}.pg-provenance:empty{display:none}.pg-detail .pg-figure--widget .pg-image-open{background:#f2f5f2}.pg-image-open img{max-height:480px}.pg-body .site-header{background:#fff}
.pg-project[data-project="basyt"] .pg-sheet img{padding:25px;background:#f0f3ed;object-fit:contain}.pg-brand-stage{display:flex;align-items:center;justify-content:center;gap:32px;min-height:360px;padding:38px;background:radial-gradient(ellipse at 50% 35%,#fff,#eaf0e8)}.pg-brand-stage>img{width:150px!important;max-width:35%;height:auto;box-shadow:none;transition:transform .35s}.pg-brand-stage>div>span{font-size:70px;line-height:1.3;font-weight:600;color:#284432}.pg-brand-stage p{font-size:14px;color:#546959}.pg-hero--basyt>figcaption{font-size:11px;padding:12px 20px;color:#657268;margin:0}.pg-original-assets{margin-top:28px}.pg-original-assets h2{font-size:23px;font-weight:500;letter-spacing:-.4px}.pg-tool-art{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:25px;background:#f5f7f3;border-radius:10px}.pg-tool-art figure{margin:0;text-align:center;padding:12px 2px}.pg-tool-art img{width:30px;height:30px}.pg-tool-art figcaption{font-size:11px;color:#56675a;margin-top:12px}.pg-original-assets>p{font-size:11px;color:#7b8388}.pg-body .pg-detail-intro{max-width:690px}
@media(hover:hover) and (pointer:fine){.pg-project:hover{z-index:4}.pg-folder-link:hover .pg-sheet--image{transform:translate(9px,-18px) rotate(4deg)}.pg-folder-link:hover .pg-sheet--back{transform:translate(-12px,-9px) rotate(-11deg)}.pg-folder-link:hover .pg-folder-front{transform:translateZ(8px) rotateX(-13deg)}.pg-brand-stage:hover>img{transform:rotate(-6deg) translateY(-5px)}}
@media(max-width:850px){.pg-canvas{margin-inline:0}.pg-folders{gap:38px 30px;padding-inline:0}.pg-folder{height:260px}.pg-sheet{height:190px}.pg-folder-label{font-size:23px}.pg-folder-front{height:73px;padding:14px 16px}}
@media(max-width:600px){.pg-wrap{width:calc(100% - 36px)}.pg-intro{padding-top:40px;padding-bottom:24px}.pg-intro h1{font-size:38px;letter-spacing:-1.1px}.pg-intro>p{font-size:16px}.pg-canvas{padding:25px 20px 30px;margin-bottom:40px;background-size:20px 20px,20px 20px,100% 100%}.pg-folders,.pg-canvas--related .pg-folders{grid-template-columns:1fr;gap:36px;padding:6px 0 8px;max-width:360px;margin:auto}.pg-project:nth-child(n){--offset:0px;--angle:-2deg}.pg-project:nth-child(even){--angle:2deg}.pg-folder,.pg-canvas--related .pg-folder{height:270px}.pg-sheet,.pg-canvas--related .pg-sheet{height:199px;top:23px}.pg-folder-front{height:73px}.pg-folder-label{font-size:24px}.pg-folder-label small{font-size:11px}.pg-detail h1{font-size:39px}.pg-detail h1>span{font-size:20px}.pg-related{margin-top:36px;padding-top:24px}.pg-canvas--related{padding:23px 20px}.pg-hero--basyt>a{padding:10px}}
@media(max-width:600px){.pg-brand-stage{min-height:260px;padding:24px;gap:18px}.pg-brand-stage>div>span{font-size:47px}.pg-brand-stage p{font-size:12px}.pg-tool-art{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}}
@media(prefers-reduced-motion:reduce){.pg-folder,.pg-sheet,.pg-folder-front,.pg-brand-stage>img{transition:none!important}.pg-brand-stage:hover>img{transform:none}.pg-folder{transform:rotateZ(var(--angle))!important}.pg-folder-link:hover .pg-sheet--image,.pg-folder-link:focus-visible .pg-sheet--image{transform:translate(5px,-6px) rotate(3deg)}.pg-folder-link:hover .pg-sheet--back,.pg-folder-link:focus-visible .pg-sheet--back{transform:translate(-9px,0) rotate(-8deg)}.pg-folder-link:hover .pg-folder-front,.pg-folder-link:focus-visible .pg-folder-front{transform:translateZ(8px)}}