/* Original fictional portfolio examples. Scoped to portfolio and demo content. */
.portfolio-section{padding-top:12px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{min-width:0;border:1px solid #304566;border-radius:14px;overflow:hidden;background:#0a1b37}.portfolio-preview{display:block;position:relative;overflow:hidden;aspect-ratio:1.16;background:var(--demo-paper);color:var(--demo-ink);transition:filter .2s}.portfolio-preview:hover{filter:brightness(1.06)}.portfolio-browser{display:flex;gap:5px;padding:12px 15px;border-bottom:1px solid color-mix(in srgb,var(--demo-ink) 15%,transparent)}.portfolio-browser i{width:5px;height:5px;border-radius:50%;background:var(--demo-ink);opacity:.35}.portfolio-mini{padding:20px 22px;position:relative;height:calc(100% - 30px);overflow:hidden}.portfolio-mini .demo-brand{font-size:10px;position:relative;z-index:1}.portfolio-mini-copy{position:relative;z-index:1;margin-top:31px;max-width:65%}.portfolio-mini-copy .demo-sector{font-size:10px}.portfolio-mini h2{font-family:Georgia,serif;font-size:clamp(24px,2.6vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin-top:9px}.portfolio-mini .demo-art{position:absolute;width:49%;height:65%;right:-5%;bottom:-8%;border-radius:80px 0 0 0;transform:rotate(-8deg)}.portfolio-demo-label{position:absolute;bottom:15px;left:18px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--demo-ink) 30%,transparent);background:var(--demo-paper);border-radius:50px;padding:4px 10px;z-index:2}.portfolio-card-copy{padding:24px}.portfolio-sector{display:block;color:#8eb8ca;font-size:12px;margin-bottom:7px}.portfolio-card-copy h3{font-family:Manrope,sans-serif;letter-spacing:.025em;font-size:18px;line-height:1.35}.portfolio-card-copy p{margin:12px 0 20px;color:#b6c5df;font-size:15px;line-height:1.75}.portfolio-card-copy .text-link{color:#e4edff;font-size:14px}.portfolio-disclaimer{font-size:13px;color:#9aacc9;margin-top:25px;max-width:65ch}.demo-garden{--demo-paper:#f1f0e6;--demo-ink:#203e32;--demo-accent:#c4d58d;--demo-soft:#d9dfc9}.demo-coffee{--demo-paper:#f5e9dc;--demo-ink:#48291f;--demo-accent:#d99c76;--demo-soft:#e1be9e}.demo-home{--demo-paper:#eaf0f5;--demo-ink:#1c3b5b;--demo-accent:#9fc7d0;--demo-soft:#c7dce5}.demo-notice{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:12px;color:#b8c7e0;align-items:center}.demo-notice a{color:#e2eaff;text-decoration:underline;text-underline-offset:4px}.demo-shell{max-width:1440px;margin:0 auto;background:var(--demo-paper);color:var(--demo-ink);overflow:hidden}.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px clamp(24px,6vw,90px);border-bottom:1px solid color-mix(in srgb,var(--demo-ink) 16%,transparent)}.demo-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:.08em;line-height:1.4}.demo-sector{font-size:13px;line-height:1.4}.demo-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:590px;align-items:center;gap:40px;padding:65px clamp(24px,6vw,90px) 75px}.demo-kicker{font-size:12px;font-weight:700;letter-spacing:.08em}.demo-hero h1{font-family:Georgia,serif;font-size:clamp(54px,6.3vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:23px 0;max-width:10ch;overflow-wrap:break-word}.demo-hero p{font-size:18px;line-height:1.7;max-width:28ch;margin-bottom:29px}.demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;background:var(--demo-ink);color:var(--demo-paper);border-radius:50px;padding:13px 20px;font-size:14px;font-weight:700;line-height:1.6;max-width:100%}.demo-button span{font-size:20px}.demo-button:hover{filter:brightness(1.2)}.demo-art{height:420px;position:relative;overflow:hidden;background:var(--demo-soft);border-radius:46% 46% 6px 6px;isolation:isolate}.demo-art i{position:absolute;display:block}.demo-art-garden{background:linear-gradient(150deg,#dce4c7,#a6bc91)}.demo-art-garden::before{content:'';position:absolute;inset:13% 9% 0 18%;border-radius:50% 50% 0 0;background:#f1f0e655;border:1px solid #f1f0e660}.demo-art-garden i{width:32%;height:55%;bottom:-2%;left:37%;border-radius:90% 0 90% 0;background:#4a7150;transform:rotate(-25deg);transform-origin:bottom}.demo-art-garden i:nth-child(2){left:9%;bottom:-5%;height:45%;background:#678956;transform:rotate(-48deg)}.demo-art-garden i:nth-child(3){left:51%;bottom:0;height:70%;background:#244b36;transform:rotate(20deg)}.demo-art-garden i:nth-child(4){left:60%;height:45%;background:#78945a;transform:rotate(51deg)}.demo-art-garden i:nth-child(5){left:28%;height:78%;width:20%;background:#9db67a;transform:rotate(-9deg)}.demo-art-garden i:nth-child(6){left:18%;bottom:-17%;width:60%;height:44%;border-radius:3px 3px 40% 40%;background:#d3b48b;transform:none;box-shadow:inset 0 9px #b08c67}.demo-art-coffee{background:linear-gradient(145deg,#e0b693,#c7835d)}.demo-art-coffee::before{content:'';position:absolute;inset:10% 12%;border:1px solid #f5e9dc66;border-radius:50%}.demo-art-coffee i:first-child{width:60%;height:14%;background:#bf815d;border-radius:50%;left:20%;bottom:19%;box-shadow:0 12px 20px #5b342033}.demo-art-coffee i:nth-child(2){width:20%;height:25%;border:14px solid #f3dec6;right:18%;bottom:31%;border-radius:50%}.demo-art-coffee i:nth-child(3){width:45%;height:42%;left:23%;bottom:25%;border-radius:6% 6% 40% 40%;background:linear-gradient(100deg,#fff2df,#eacbb0);box-shadow:inset -14px 0 18px #bc8d6740,0 16px 20px #5b342022}.demo-art-coffee i:nth-child(4){width:43%;height:12%;left:24%;bottom:61%;border:7px solid #f5e6d2;background:#704735;border-radius:50%}.demo-art-coffee i:nth-child(5){width:28%;height:5%;left:31%;bottom:65%;background:#c9a07c;border-radius:50%;transform:rotate(-11deg)}.demo-art-coffee i:nth-child(6){width:3%;height:19%;left:45%;top:12%;border-left:3px solid #fff0dc66;border-radius:50%;transform:rotate(12deg)}.demo-art-home{background:linear-gradient(145deg,#cadde5,#9cb9cb)}.demo-art-home::before{content:'';position:absolute;bottom:12%;left:10%;width:80%;height:18%;background:#b4c4b1;border-radius:50%;transform:rotate(-6deg)}.demo-art-home i:first-child{width:58%;height:43%;left:21%;bottom:23%;background:#f9f4e9;box-shadow:inset -25px 0 #e0e4df}.demo-art-home i:nth-child(2){width:51%;height:40%;left:24.5%;bottom:50%;background:#244863;clip-path:polygon(50% 0,100% 70%,100% 87%,0 87%,0 70%)}.demo-art-home i:nth-child(3){width:16%;height:27%;left:42%;bottom:23%;background:#608c90;border-radius:24px 24px 0 0}.demo-art-home i:nth-child(4),.demo-art-home i:nth-child(5){width:10%;height:14%;bottom:37%;left:26%;background:linear-gradient(90deg,transparent 43%,#eee8da 43%,#eee8da 56%,transparent 56%),linear-gradient(0deg,transparent 43%,#eee8da 43%,#eee8da 56%,transparent 56%),#85a9bd;border:4px solid #e0d8c8}.demo-art-home i:nth-child(5){left:65%}.demo-art-home i:nth-child(6){width:16%;height:30%;right:9%;bottom:20%;border-radius:90% 90% 20% 20%;background:#668e7a;box-shadow:-7px 15px 0 -3px #739a85}.demo-services{padding:58px clamp(24px,6vw,90px) 65px;border-top:1px solid color-mix(in srgb,var(--demo-ink) 17%,transparent)}.demo-section-title{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:30px}.demo-section-title h2{font-family:Georgia,serif;font-size:39px;font-weight:500;letter-spacing:-.04em}.demo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-service-grid article{padding:25px 20px 29px;border:1px solid color-mix(in srgb,var(--demo-ink) 24%,transparent);min-width:0}.demo-service-number{display:block;font-size:12px;opacity:.6;margin-bottom:25px}.demo-service-grid h3{font-family:Manrope,sans-serif;font-size:20px;font-weight:650;line-height:1.4;letter-spacing:-.02em}.demo-service-mark{display:block;font-size:24px;margin-top:25px}.demo-end{padding:62px clamp(24px,6vw,90px);text-align:center;background:var(--demo-soft)}.demo-end h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.04em;font-size:clamp(35px,4vw,51px)}.demo-end p{max-width:47ch;margin:20px auto 25px;font-size:16px;line-height:1.75}.demo-bottom{padding-block:26px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#a9bad5}.demo-bottom .text-link{font-size:14px}.demo-shell a:focus-visible{outline-color:var(--demo-ink)}html[dir=rtl] .demo-art{direction:ltr}html[dir=rtl] .portfolio-mini .demo-art{left:-5%;right:auto}
@media(max-width:1000px){.portfolio-grid{gap:17px}.portfolio-card-copy{padding:20px}.portfolio-mini{padding:15px}.portfolio-mini-copy{margin-top:25px}.portfolio-mini h2{font-size:28px}.portfolio-mini .demo-brand{font-size:8px}.portfolio-mini .demo-sector{font-size:9px}.portfolio-demo-label{left:13px;bottom:12px;font-size:9px}.demo-hero{gap:25px;min-height:500px}.demo-art{height:350px}.demo-hero h1{font-size:64px}}
@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.portfolio-preview{aspect-ratio:1.1}.portfolio-card-copy{align-self:center;padding:25px}.portfolio-mini h2{font-size:35px}.portfolio-mini .demo-brand{font-size:10px}.portfolio-mini .demo-sector{font-size:10px}.demo-hero{padding-block:45px;grid-template-columns:1fr 1fr}.demo-hero h1{font-size:54px}.demo-hero p{font-size:16px}.demo-art{height:300px}.demo-service-grid{gap:12px}.demo-service-grid article{padding:20px 16px}.demo-service-grid h3{font-size:17px}}
@media(max-width:520px){.portfolio-card{display:block}.portfolio-preview{aspect-ratio:1.28}.portfolio-mini{padding:20px 24px}.portfolio-mini-copy{margin-top:30px}.portfolio-mini h2{font-size:38px}.portfolio-card-copy{padding:24px}.portfolio-demo-label{left:21px;bottom:16px}.portfolio-disclaimer{font-size:12px}.demo-notice{display:block;padding-block:16px}.demo-notice p{margin-bottom:5px}.demo-topline{padding-block:22px;gap:18px;align-items:start}.demo-topline .demo-brand{font-size:14px;max-width:170px}.demo-topline .demo-sector{font-size:11px;text-align:end}.demo-hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.demo-hero h1{font-size:61px;max-width:9ch;margin:20px 0}.demo-hero p{max-width:29ch;font-size:17px}.demo-art{height:330px;border-radius:44% 44% 5px 5px}.demo-section-title{display:block}.demo-section-title h2{margin-top:10px;font-size:35px}.demo-services{padding-block:40px}.demo-service-grid{grid-template-columns:1fr;gap:0;border-top:1px solid color-mix(in srgb,var(--demo-ink) 25%,transparent)}.demo-service-grid article{display:grid;grid-template-columns:22px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:22px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--demo-ink) 25%,transparent)}.demo-service-number,.demo-service-mark{margin:0}.demo-service-grid h3{font-size:18px}.demo-end{padding-block:44px}.demo-bottom{align-items:start}.demo-bottom>span{max-width:70px;text-align:end}}
@media(prefers-reduced-motion:reduce){.portfolio-preview{transition:none}}