/* A gallery of projects, with local media and an in-site viewer. */
.portfolio .station-sign.portfolio-sign{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;height:36px;margin:0 0 14px;padding:0;border:0;background:none;box-shadow:none}
.portfolio .portfolio-sign:before,.portfolio .portfolio-sign:after{display:none}
.portfolio .portfolio-sign .sign-number{width:34px;height:34px;margin:0;flex-shrink:0;border-radius:10px;transform:rotate(-8deg);font-size:10px;background:#f2910015;border:1px solid #f2910050;box-shadow:none}
.portfolio .portfolio-sign .sign-rule{display:block;flex:1;height:1px;width:auto;margin:0;padding:0;transform:none;border:0;border-radius:0;background:linear-gradient(to left,#f2910040,transparent)}
.portfolio .portfolio-sign>span:nth-child(2){padding:0;background:none;border:0;border-radius:0;text-align:right;font-size:9px;color:#a79c88;white-space:nowrap}
.portfolio .portfolio-sign strong{font-size:11px;color:#ddd2bf}
.portfolio .portfolio-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;text-align:right;background:none;text-shadow:none}
.portfolio .portfolio-heading .eyebrow{margin-bottom:7px;font-size:10px;color:#b9ac96}
.portfolio .portfolio-heading h2{font-size:clamp(34px,3.8vw,49px);line-height:1.35;letter-spacing:-1.7px;margin:0}
.portfolio-intro{max-width:240px;padding-bottom:8px;position:relative}
.portfolio-intro>p{font-size:12px;line-height:1.9;color:#bcb19c;margin-bottom:12px}
.portfolio-preview-note{display:flex;gap:7px;align-items:center;font-size:8px;color:#9c927f}
.portfolio-preview-note i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#f8c531}
.portfolio .portfolio-content{margin-top:18px}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #d0b98523}
.portfolio .portfolio-filters{justify-content:flex-start;gap:7px;margin:0}
.portfolio .filter{padding:8px 14px;font-size:10px;border-color:#dbba7125;background:#131410be}
.portfolio .filter.active{background:#f8c531;border-color:#f8c531;color:#1b190c;box-shadow:none}
.portfolio .filter sup{margin-inline-start:7px;font:7px Arial;opacity:.65;vertical-align:baseline}
.portfolio-results{font-size:9px;color:#a79e8c;white-space:nowrap;letter-spacing:.1px}
.portfolio .works-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;perspective:none;padding:0;align-items:start}
.portfolio .work-card.project-card{grid-column:span 6;padding:0;border:0;background:none;border-radius:0;box-shadow:none;min-width:0;margin:0;overflow:visible}
.portfolio .work-card.project-featured{grid-column:span 8}
.portfolio .work-card.project-social{grid-column:span 4}
.portfolio .work-card:nth-child(n){margin-top:0}
.portfolio .is-filtered .project-card{grid-column:span 6}
.project-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:right;border-radius:17px;cursor:pointer}
.project-open:focus-visible{outline:2px solid #f8c531;outline-offset:7px}
.project-cover{position:relative;height:310px;border:1px solid #e8d6af22;border-radius:19px;overflow:hidden;background:#181a14;isolation:isolate;box-shadow:0 15px 45px #00000026;transition:border-color .3s}
.project-motion .project-cover,.project-campaign .project-cover{height:265px}
.project-open:hover .project-cover{border-color:#f8c53190}
.project-category,.project-sample{position:absolute;top:16px;z-index:3;font-size:9px;padding:5px 11px;border:1px solid #fff2;border-radius:20px;background:#161711c9;color:#fff8e2;backdrop-filter:blur(12px)}
.project-category{right:16px}
.project-sample{left:16px;font-size:7px;opacity:.85}
.project-peek{position:absolute;bottom:17px;left:17px;display:flex;align-items:center;gap:9px;color:#fff5df;z-index:3}
.project-peek>span{font-size:9px;padding:6px 12px;border:1px solid #fff2;border-radius:20px;background:#171711cc;backdrop-filter:blur(12px);opacity:0;transform:translateX(-8px);transition:.25s}
.project-peek b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f8c531;color:#1e1b0d;font:24px Arial;box-shadow:0 3px 18px #0002;transition:transform .3s}
.project-open:hover .project-peek>span,.project-open:focus-visible .project-peek>span{opacity:1;transform:none}
.project-open:hover .project-peek b{transform:rotate(90deg)}
.project-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 3px 3px}
.project-info h3{font-size:20px;line-height:1.5;font-weight:500}
.project-info p{font-size:9px;color:#9e9582;margin-top:3px}
.project-number{font-size:11px;color:#a5987b;opacity:.7}
.project-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.project-open:hover .project-photo{transform:scale(1.035)}
.portfolio-bottom-line{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid #d0b98523;color:#9e9582;font-size:10px}
.portfolio-bottom-line strong{color:#e0d3b9;font-weight:400}
.portfolio-bottom-line .mono{font-size:8px;letter-spacing:1.5px}
.portfolio .next-station{margin-top:62px}

/* Real project media replace these authored cover studies. */
.project-art{position:absolute;inset:0;overflow:hidden;container-type:inline-size;isolation:isolate;direction:rtl}
.project-art *{box-sizing:border-box}
.art-tiny{font:1.25cqw Arial;letter-spacing:.08em;display:block}
.art-coordinate{position:absolute;bottom:7%;right:5%;font:1.15cqw Arial;letter-spacing:.1em;z-index:2;opacity:.55}
.art-identity{background:radial-gradient(ellipse at 10% 5%,#fffdf2,#e4e4d6 65%,#c3c5b6);color:#24281e}
.identity-orbit{position:absolute;width:65%;height:160%;border:1px solid #898c6925;border-radius:50%;left:-25%;top:-42%;transform:rotate(35deg);box-shadow:0 0 0 9cqw #85876806,0 0 0 18cqw #85876804}
.identity-book{position:absolute;right:11%;top:9%;width:32%;height:77%;background:linear-gradient(135deg,#faa909,#f29100);box-shadow:-2cqw 3.5cqw 3.7cqw #17201137,inset -1px 0 #77430977,inset 5px 0 #ffc638;transform:rotate(-11deg);padding:7% 4% 3%;z-index:1;border-radius:1px 4px 4px 1px;transition:transform .6s}
.identity-book:after{content:'';position:absolute;bottom:-2.5%;height:3%;right:1%;left:-1%;background:repeating-linear-gradient(#d8d7c6 0 1px,#f3f0dc 1px 2px);transform:skewX(-15deg);z-index:-1}
.identity-book strong{font-size:5.7cqw;line-height:1.4;font-weight:600;display:block;margin-top:12%;letter-spacing:-.1em}
.book-mark{position:absolute;left:9%;bottom:21%;font:7cqw Arial}
.book-bottom{position:absolute;bottom:7%;font-size:1.4cqw}
.identity-paper{position:absolute;width:36%;height:62%;left:12%;top:13%;transform:rotate(9deg);background:#f8f8ee;box-shadow:-1cqw 3cqw 4cqw #25281e24;padding:5% 4%;color:#32372a}
.paper-kicker{font-size:1.55cqw}
.paper-symbol{font:12cqw Arial;margin-top:9%;color:#f29100;text-align:center}
.paper-rule{display:block;height:1px;background:#27301f44;margin:9% 0 5%}
.identity-card{position:absolute;bottom:13%;left:25%;width:29%;height:24%;background:#20251c;border-radius:3px;padding:4%;box-shadow:-1cqw 1.5cqw 3cqw #21251933;transform:rotate(-8deg);color:#d8dfc9;z-index:2}
.identity-logo{position:absolute;width:38%;top:16%;right:12%;height:auto}
.identity-card .art-tiny{position:absolute;bottom:16%;left:12%;font-size:.95cqw}
.card-line{position:absolute;width:18%;height:2px;background:#f8c531;bottom:23%;right:12%}
.project-open:hover .identity-book{transform:rotate(-7deg) translateY(-2%)}
.art-identity.art-variant-1 .identity-book{right:44%;transform:rotate(9deg);background:#22291c;color:#f8c531}
.art-identity.art-variant-1 .identity-paper{left:8%;transform:rotate(-7deg)}
.art-identity.art-variant-1 .identity-card{left:13%;transform:rotate(9deg);background:#f29100;color:#25281e}
.art-identity.art-variant-2 .identity-book{right:31%;width:39%;transform:rotate(-4deg)}
.art-identity.art-variant-2 .identity-paper{left:-12%;transform:rotate(20deg)}
.art-identity.art-variant-2 .identity-card{left:4%;bottom:10%;transform:rotate(5deg)}
.art-social{background:radial-gradient(ellipse at 85% 85%,#454a34,#252b1c 60%,#1b2117);color:#f8f5e7}
.social-halo{position:absolute;width:95%;aspect-ratio:1;border:1px solid #d2c77526;border-radius:50%;left:-30%;top:-20%;box-shadow:0 0 0 4cqw #d2c77506,0 0 0 12cqw #d2c77504}
.social-post{position:absolute;width:61%;height:66%;padding:7%;border-radius:5px;box-shadow:0 4cqw 7cqw #060b0744}
.social-post strong{font-size:9.6cqw;line-height:1.5;letter-spacing:-.08em;position:relative;z-index:1}
.post-back{left:6%;top:13%;background:#f29100;color:#292b1c;transform:rotate(-13deg)}
.post-back .art-tiny{font-family:inherit;font-size:2.5cqw;margin-bottom:5%}
.post-spark{position:absolute;left:5%;bottom:3%;font:22cqw Arial;opacity:.9}
.post-front{right:6%;top:26%;background:#f1f0df;color:#303629;transform:rotate(8deg);overflow:hidden}
.post-front .art-tiny{font-size:1.5cqw;margin-bottom:20%}
.post-circle{position:absolute;left:-13%;bottom:-10%;width:80%;aspect-ratio:1;border:5cqw solid #f8c531;border-radius:50%}
.post-bottom{position:absolute;bottom:8%;right:10%;font-size:2cqw;z-index:1}
.art-social .art-coordinate{color:#fcf7df;font-size:1.65cqw}
.art-social.art-variant-1 .post-front{right:27%;top:18%;transform:rotate(-5deg)}
.art-social.art-variant-1 .post-back{left:-20%;top:25%;transform:rotate(15deg)}
.art-motion{background:radial-gradient(ellipse at 100% 0,#444c2e55,transparent 55%),#1b2115;color:#f0efd9}
.motion-kicker{position:absolute;right:6%;top:14%;font-size:1.25cqw;color:#d2c297}
.motion-type{position:absolute;right:7%;top:30%;font-size:9cqw;line-height:1.2;letter-spacing:-.08em;font-weight:500;z-index:1}
.motion-type em{color:#f8c531;font-style:normal}
.motion-disc{position:absolute;left:5%;top:12%;width:41%;aspect-ratio:1;border:1px solid #f8c53177;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f29100 0 29%,transparent 30%),repeating-conic-gradient(from 0deg,#f8c53100 0deg 8deg,#f8c53188 8deg 9deg,#f8c53100 9deg 13deg);box-shadow:0 0 0 2cqw #f2910008;animation:project-disc 40s linear infinite}
.motion-disc i{position:absolute;inset:12%;border:1px solid #f8c53155;border-radius:50%}
.motion-disc i:nth-child(2){inset:24%;border-color:#f2910044}
.motion-disc span{font:10cqw Arial;color:#222918}
.motion-timeline{position:absolute;right:7%;left:7%;bottom:13%;display:flex;align-items:center;gap:2%;color:#b9b797;font:1.4cqw Arial;direction:ltr}
.motion-timeline i{display:block;flex:1;height:1.2cqw;background:#f29100aa;position:relative}
.motion-timeline i:nth-of-type(2n){background:#f8c53144}
.art-motion .art-coordinate{display:none}
.art-motion.art-variant-1 .motion-disc{left:15%;width:60%;opacity:.55}
.art-motion.art-variant-1 .motion-type{right:10%;font-size:11cqw}
.art-campaign{background:linear-gradient(135deg,#dedfd0,#bdc2ac);color:#eff0db}
.campaign-poster{position:absolute;left:6%;top:10%;width:76%;height:80%;padding:7%;background:#252d1d;transform:rotate(-6deg);box-shadow:-1cqw 3cqw 4cqw #19201030;overflow:hidden}
.campaign-poster .art-tiny{font-size:1cqw;position:relative;z-index:2;letter-spacing:.04em}
.campaign-poster strong{position:relative;z-index:2;font-size:6.2cqw;line-height:1.6;display:block;margin-top:8%;letter-spacing:-.08em}
.campaign-poster strong em{font-style:normal;color:#f8c531}
.campaign-dot{position:absolute;left:-4%;top:18%;font:33cqw Arial;color:#f29100;opacity:.8;transform:rotate(-10deg)}
.poster-bottom{position:absolute;bottom:11%;right:9%;font-size:1.8cqw;z-index:2}
.campaign-mini{position:absolute;width:28%;height:55%;right:1%;bottom:-3%;transform:rotate(10deg);background:#f8c531;color:#2b301e;padding:10% 4%;box-shadow:-1cqw 1.5cqw 2cqw #141f1233}
.campaign-mini span{font-size:7.8cqw;font-weight:600;line-height:1.3}
.campaign-mini i{display:block;position:absolute;top:13%;width:25%;height:2px;background:#2b301e}
.art-campaign .art-coordinate{display:none}
.art-campaign.art-variant-1 .campaign-poster{left:18%;top:12%;width:65%;transform:rotate(5deg);background:#f29100;color:#252d1d}
.art-campaign.art-variant-1 .campaign-poster strong em{color:#252d1d}
.art-campaign.art-variant-1 .campaign-dot{color:#f8c531}
.art-campaign.art-variant-1 .campaign-mini{right:67%;background:#252d1d;color:#f8c531;transform:rotate(-12deg)}
.media-video-label{position:absolute;bottom:7%;left:7%;padding:7px 14px;border-radius:30px;font-size:12px;background:#12180fe0;color:#f8c531;z-index:4}
@keyframes project-disc{to{transform:rotate(360deg)}}
.motion-paused .project-art *{animation-play-state:paused!important}

/* Native dialog: keyboard focus stays in the project until it is closed. */
.project-viewer-open{overflow-y:hidden;scrollbar-gutter:stable}
.project-dialog{width:min(1160px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #bda56b50;border-radius:24px;background:#181a14;color:#f2eddf;box-shadow:0 40px 120px #0009;overflow:auto;overscroll-behavior:contain}
.project-dialog::backdrop{background:#070b08dc;backdrop-filter:blur(13px)}
.project-dialog-header{display:flex;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #c3b68420;position:sticky;top:0;z-index:6;background:#181a14}
.viewer-label{font-size:11px;color:#d1c6ad}
.viewer-wordmark{font-size:8px;letter-spacing:1.7px;color:#857e69;margin-inline-start:auto;direction:ltr}
.project-close{display:grid;place-items:center;height:35px;width:35px;background:#f8c531;color:#242818;border:0;border-radius:50%;font:25px Arial;cursor:pointer}
.project-dialog-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:34px;padding:26px;direction:ltr}
.project-gallery,.project-details{direction:rtl;min-width:0}
.project-stage{position:relative;height:min(450px,calc(100dvh - 290px));min-height:230px;background:#11150e;border:1px solid #d9cead22;border-radius:15px;overflow:hidden}
.project-stage .project-photo{object-fit:contain;background:#11150e}
.project-video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;display:block}
.project-media-nav{display:flex;align-items:center;gap:15px;margin-top:14px}
.project-media-nav button{width:32px;height:32px;flex-shrink:0;border:1px solid #bda86b50;border-radius:50%;background:#20281a;color:#f8c531;font:19px Arial;cursor:pointer}
.project-media-nav button:disabled{opacity:.25;cursor:default}
.project-caption{flex:1;text-align:center;color:#bcb299;font-size:10px;line-height:1.7}
.project-thumbs{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:18px}
.project-thumb{position:relative;width:64px;aspect-ratio:1.25;border:1px solid #bda56b40;border-radius:7px;overflow:hidden;background:#20251b;padding:0;opacity:.6;cursor:pointer}
.project-thumb.is-current{border:2px solid #f8c531;opacity:1}
.project-thumb .art-coordinate,.project-thumb .media-video-label{display:none}
.project-details{padding:24px 4px;align-self:center}
.viewer-category{font-size:10px;letter-spacing:.1px;color:#f8c531}
.project-details h2{font-size:35px;line-height:1.5;letter-spacing:-1px;margin-top:14px;font-weight:500}
.project-description{font-size:13px;line-height:2.1;color:#c5bca4;margin-top:19px}
.project-details h3{font-size:10px;color:#f0e7ce;margin-top:29px;font-weight:500}
.project-services{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.project-services li{font-size:9px;color:#bfb69e;border:1px solid #c5af7a30;border-radius:30px;padding:5px 10px;background:#252b1d}
.viewer-sample-note{font-size:10px;color:#aca38c;line-height:1.9;padding-top:23px;margin-top:23px;border-top:1px solid #c5af7a25}
.viewer-counter{display:block;color:#f8c531;font-size:10px;letter-spacing:2px;margin-top:26px;direction:ltr;text-align:right}
.project-dialog button:focus-visible{outline:2px solid #f8c531;outline-offset:4px}
@media(max-width:900px){
  .portfolio .portfolio-heading{gap:24px}.portfolio-intro{max-width:210px}.portfolio .portfolio-heading h2{font-size:40px}
  .project-cover{height:285px}.project-motion .project-cover,.project-campaign .project-cover{height:220px}.project-info h3{font-size:17px}
  .project-dialog-body{gap:22px;padding:20px;grid-template-columns:minmax(0,1.25fr) minmax(220px,.8fr)}.project-details h2{font-size:28px}.project-description{font-size:12px}
}
@media(max-width:650px){
  .portfolio .portfolio-heading{display:block}.portfolio .portfolio-heading h2{font-size:36px;letter-spacing:-1px;line-height:1.5}
  .portfolio-intro{max-width:none;margin-top:12px;padding-bottom:0}.portfolio-intro>p{font-size:12px;max-width:290px;margin-bottom:7px}
  .portfolio .station-sign.portfolio-sign{margin-bottom:22px}.portfolio .portfolio-sign .sign-number{width:30px;height:30px}
  .portfolio .portfolio-content{margin-top:22px}.portfolio-toolbar{display:block;margin-bottom:19px;padding-bottom:13px}
  .portfolio .portfolio-filters{gap:6px;flex-wrap:nowrap;overflow:auto;justify-content:flex-start;scrollbar-width:none}
  .portfolio .filter{white-space:nowrap;padding:7px 11px;font-size:9px;flex-shrink:0}.portfolio .filter sup{font-size:6px;margin-inline-start:5px}
  .portfolio-results{margin-top:12px;font-size:8px}.portfolio .works-grid{grid-template-columns:minmax(0,1fr);gap:29px}
  .portfolio .work-card.project-card,.portfolio .is-filtered .project-card{grid-column:auto}
  .project-cover{height:auto;aspect-ratio:1.2;border-radius:16px}.project-featured .project-cover{aspect-ratio:1.28}
  .project-motion .project-cover,.project-campaign .project-cover{height:auto;aspect-ratio:1.3}.project-social .project-cover{aspect-ratio:1.08}
  .project-info{padding:13px 1px 0}.project-info h3{font-size:20px}.project-info p{font-size:9px}.project-number{font-size:10px}
  .project-category{font-size:8px;right:12px;top:12px;padding:4px 9px}.project-sample{left:12px;top:12px;font-size:6px;padding:4px 8px}
  .project-peek{left:12px;bottom:12px}.project-peek b{width:31px;height:31px;font-size:23px}.project-peek>span{opacity:1;transform:none;font-size:8px;padding:5px 9px}
  .art-tiny{font-size:1.5cqw}.art-coordinate{font-size:1.45cqw}.identity-book{width:37%;height:72%;right:8%;top:13%;padding-top:10%}.identity-book strong{font-size:6.6cqw}.book-bottom{font-size:1.65cqw}
  .identity-paper{width:40%;height:59%;left:8%;top:18%;padding-top:8%}.paper-kicker{font-size:1.8cqw}.paper-symbol{font-size:14cqw}.identity-card{bottom:13%;left:20%;width:34%;height:22%}
  .social-post{width:53%;height:66%;padding:7%}.post-front{right:8%;top:23%}.post-back{left:7%;top:13%}.social-post strong{font-size:8.2cqw}
  .motion-disc{width:46%;top:22%}.motion-type{top:28%;font-size:10cqw}.motion-kicker{top:16%;font-size:1.6cqw}.motion-timeline{bottom:14%;font-size:1.8cqw}
  .campaign-poster{top:12%;height:77%;padding-top:12%}.campaign-poster strong{font-size:6.7cqw}.campaign-poster .art-tiny{font-size:1.3cqw}.poster-bottom{font-size:1.9cqw}
  .portfolio-bottom-line{margin-top:28px;font-size:9px}.portfolio-bottom-line .mono{font-size:6px;letter-spacing:.7px}.portfolio .next-station{margin-top:55px}
  .project-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:19px}
  .project-dialog-header{padding:13px 16px;gap:9px}.viewer-wordmark{font-size:6px;letter-spacing:1px}.viewer-label{font-size:10px}.project-close{width:30px;height:30px;font-size:23px}
  .project-dialog-body{display:flex;flex-direction:column;padding:14px;gap:4px}.project-stage{height:auto;min-height:0;aspect-ratio:1.12;border-radius:12px}.project-details{padding:24px 5px 10px;width:100%;align-self:stretch}
  .project-details h2{font-size:27px;margin-top:7px}.project-description{font-size:12px;margin-top:12px}.project-details h3{margin-top:20px}.viewer-sample-note{padding-top:17px;margin-top:19px;font-size:9px}.viewer-counter{margin-top:18px;font-size:8px}
  .project-caption{font-size:9px}.project-thumb{width:58px}.project-thumbs{margin-top:13px;gap:8px}.project-media-nav{margin-top:12px;gap:11px}.project-media-nav button{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){.project-art *{animation:none!important}.project-cover,.project-photo,.project-peek *{transition:none}}

/* A continuous half-circle ribbon. The focused work grows as it reaches the center. */
.portfolio .station-sign.portfolio-sign{justify-content:center;height:32px;margin-bottom:8px;gap:11px;direction:rtl}
.portfolio .portfolio-sign .sign-number{width:32px;height:32px;border-radius:50%;transform:none}
.portfolio .portfolio-sign .sign-rule{display:none}
.portfolio .portfolio-sign>span:nth-child(2){font-size:8px}
.portfolio .portfolio-sign strong{font-size:10px}
.portfolio .portfolio-heading{display:block;text-align:center;background:radial-gradient(ellipse,#0c0d0ba6,transparent 72%)}
.portfolio .portfolio-heading .eyebrow{font-size:9px;margin-bottom:4px}
.portfolio .portfolio-heading h2{font-size:clamp(33px,3.4vw,44px);line-height:1.3;letter-spacing:-1px}
.portfolio-intro{display:flex;justify-content:center;align-items:center;gap:13px;max-width:none;margin:5px auto 0;padding:0}
.portfolio-intro>p{font-size:10px;line-height:1.8;margin:0;max-width:none}
.portfolio-preview-note{justify-content:center;font-size:7px}
.portfolio .portfolio-content{margin-top:12px}
.portfolio-toolbar{justify-content:center;gap:0;padding:0;border:0;margin-bottom:5px;position:relative}
.portfolio .portfolio-filters{justify-content:center;gap:6px}
.portfolio .filter{font-size:9px;padding:6px 13px}
.portfolio-results,.orbit-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.portfolio .works-grid.portfolio-orbit{display:block;position:relative;height:var(--orbit-height,330px);min-height:0;perspective:1100px;transform-style:preserve-3d;touch-action:pan-y;user-select:none;margin:0;padding:0;isolation:auto;overflow:visible}
.orbit-track{position:absolute;left:50%;top:calc(60% - var(--orbit-track-height,100px));width:var(--orbit-track-width,900px);height:var(--orbit-track-height,100px);transform:translateX(-50%);pointer-events:none;opacity:.5;filter:drop-shadow(0 0 7px #f2910055)}
.orbit-track svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#f8c53166;stroke-width:1;vector-effect:non-scaling-stroke}
.orbit-item{position:absolute;left:50%;top:60%;width:var(--orbit-card-width,320px);will-change:transform;transform-style:preserve-3d}
.orbit-item[hidden]{display:none}
.portfolio .portfolio-orbit .project-card{grid-column:auto;width:100%;padding:0;margin:0;background:none;border:0;box-shadow:none}
.portfolio-orbit .project-open{padding:6px;border:1px solid #d6bd752b;border-radius:17px;background:linear-gradient(140deg,#282b21f2,#15190feb);box-shadow:0 13px 32px #0005;backface-visibility:hidden}
.portfolio-orbit .is-front .project-open{border-color:#f8c53199;box-shadow:0 12px 34px #0006,0 0 24px #f291001d}
.portfolio-orbit .project-open:focus-visible{outline:2px solid #f8c531;outline-offset:5px}
.portfolio-orbit .project-open:hover{border-color:#f8c531aa}
.portfolio-orbit .project-cover{height:var(--orbit-cover-height,163px);aspect-ratio:auto;border-radius:11px;box-shadow:none;border-color:#eee1}
.portfolio-orbit .project-info{padding:9px 4px 3px;gap:8px}
.portfolio-orbit .project-title{min-width:0}
.portfolio-orbit .project-info h3{font-size:15px;line-height:1.4;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portfolio-orbit .project-info p{display:none}
.portfolio-orbit .project-number{font-size:8px}
.portfolio-orbit .project-category,.portfolio-orbit .project-sample{top:7px;padding:3px 7px;font-size:6px}
.portfolio-orbit .project-category{right:7px}.portfolio-orbit .project-sample{left:7px;font-size:5px}
.portfolio-orbit .project-peek{bottom:7px;left:7px;gap:5px}
.portfolio-orbit .project-peek b{width:22px;height:22px;font-size:18px}
.portfolio-orbit .project-peek>span{display:none}
.portfolio-orbit .art-social .social-post{width:52%;height:80%;padding:4%}
.portfolio-orbit .art-social .post-front{top:15%;right:7%}
.portfolio-orbit .art-social .post-back{top:8%;left:7%}
.portfolio-orbit .art-social .post-back strong{font-size:6cqw;line-height:1.2}
.portfolio-orbit .art-social .post-front strong{font-size:7cqw;line-height:1.3}
.portfolio-orbit .art-social .post-front .art-tiny{font-size:1.2cqw;margin-bottom:6%}
.portfolio-orbit .art-social .post-back .art-tiny{font-size:1.6cqw;margin-bottom:2%}
.portfolio-orbit .art-social .post-bottom{font-size:1.5cqw;bottom:6%}
.orbit-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto;position:relative;z-index:40;min-height:36px}
.orbit-back,.orbit-forward{display:grid;place-items:center;width:29px;height:29px;border:1px solid #f8c53144;border-radius:50%;font:18px Arial;background:#14180ddd;color:#f8c531;cursor:pointer}
.orbit-back:hover,.orbit-forward:hover{background:#f8c531;color:#252a19}
.orbit-back:disabled,.orbit-forward:disabled{opacity:.3;cursor:default}
.orbit-selected{min-width:195px;border:0;background:transparent;text-align:center;color:#e5dac1;padding:0 9px;cursor:pointer}
.orbit-selected-title{display:block;font-size:13px;line-height:1.5}
.orbit-selected-number{display:block;font-size:7px;letter-spacing:.1px;color:#9e967f;line-height:1.6;direction:ltr}
.orbit-selected:hover .orbit-selected-title{color:#f8c531}
.orbit-bottom{display:flex;align-items:center;justify-content:center;gap:16px;min-height:22px;margin-top:4px;color:#9f967f;position:relative;z-index:40}
.orbit-dots{display:flex;align-items:center;gap:2px}
.orbit-dot{display:grid;place-items:center;height:20px;width:19px;border:0;background:none;border-radius:50%;padding:0;cursor:pointer}
.orbit-dot i{height:4px;width:4px;background:#ada38966;border-radius:50%;box-shadow:0 0 0 3px transparent;transition:.25s}
.orbit-dot.is-current i{background:#f8c531;box-shadow:0 0 0 3px #f8c5311b}
.orbit-help{font-size:8px}
.orbit-motion{display:flex;align-items:center;gap:5px;background:none;border:1px solid #bca37126;border-radius:30px;color:#b6aa8d;font-size:7px;padding:3px 8px;cursor:pointer}
.orbit-motion>span:first-child{color:#f8c531;font:9px Arial}
.orbit-motion:disabled{opacity:.4;cursor:default}
.orbit-controls button:focus-visible,.orbit-bottom button:focus-visible{outline:2px solid #f8c531;outline-offset:3px}
.portfolio-bottom-line{display:none}
.portfolio .next-station{margin-top:9px;font-size:9px;padding:4px 12px 4px 6px;gap:11px}
.portfolio .next-station:before{display:none}
.portfolio .next-station span{height:23px;width:23px;font-size:15px}
.portfolio-orbit.is-dragging,.portfolio-orbit.is-dragging *{cursor:grabbing!important}
@media(max-height:700px) and (min-width:651px){
  .portfolio .portfolio-heading h2{font-size:36px}.portfolio .portfolio-sign{margin-bottom:5px}.portfolio-intro{margin-top:3px}
  .portfolio .portfolio-content{margin-top:8px}.portfolio .filter{padding:5px 12px}
}
@media(max-width:650px){
  .portfolio .station-sign.portfolio-sign{height:30px;margin-bottom:11px}
  .portfolio .portfolio-heading h2{font-size:35px;letter-spacing:-.9px}
  .portfolio-intro{display:block;margin-top:6px}.portfolio-intro>p{font-size:10px;line-height:1.8;max-width:305px;margin:0 auto}
  .portfolio-preview-note{font-size:7px;margin-top:5px}
  .portfolio .portfolio-content{margin-top:13px}.portfolio-toolbar{display:block;margin-bottom:17px}
  .portfolio .portfolio-filters{gap:5px;justify-content:center;flex-wrap:wrap;overflow:visible}
  .portfolio .filter{font-size:8px;padding:5px 9px}.portfolio .filter sup{font-size:6px;margin-inline-start:4px}
  .portfolio .works-grid.portfolio-orbit{display:block;height:var(--orbit-height,264px);perspective:850px;touch-action:pan-y;margin-inline:-11px;width:calc(100% + 22px)}
  .orbit-item{position:absolute;top:60%;left:50%;width:var(--orbit-card-width,236px)}
  .portfolio-orbit .project-open{padding:4px;border-radius:12px}
  .portfolio-orbit .project-cover{height:var(--orbit-cover-height,138px);border-radius:8px}
  .portfolio-orbit .project-info{padding:8px 1px 2px;gap:4px}
  .portfolio-orbit .project-info h3{font-size:13px;line-height:1.5;letter-spacing:-.2px}
  .portfolio-orbit .project-number{font-size:6px}
  .portfolio-orbit .project-category{font-size:5px;padding:2px 5px;right:5px;top:5px}
  .portfolio-orbit .project-sample{display:none}
  .portfolio-orbit .project-peek{left:5px;bottom:5px}.portfolio-orbit .project-peek b{width:19px;height:19px;font-size:15px}
  .portfolio-orbit .art-identity .identity-book{width:36%;height:78%;top:9%;padding-top:9%;right:9%}
  .portfolio-orbit .art-identity .identity-paper{width:39%;height:65%;top:14%;left:9%;padding-top:9%}
  .portfolio-orbit .art-identity .identity-card{left:17%;bottom:13%;width:36%;height:23%}
  .orbit-controls{gap:9px;min-height:39px}.orbit-selected{min-width:174px}.orbit-selected-title{font-size:12px}
  .orbit-back,.orbit-forward{width:32px;height:32px}
  .orbit-bottom{margin-top:8px;min-height:22px;gap:9px}.orbit-help{font-size:7px}
  .portfolio .next-station{margin-top:13px;font-size:9px}
}