/* A project canvas with deliberately different desktop and phone presentations. */
.fresh-home{background:#f5f4f0;color:#142a35}.fresh-home .wrap{width:min(1320px,calc(100% - 80px));max-width:none;padding-inline:0}.fresh-home .fresh-hero{display:block;padding-block:65px 70px}.fresh-hero-copy{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);column-gap:70px;align-items:start;padding-bottom:54px}.fresh-hero-copy>.eyebrow{grid-column:1/-1;margin:0 0 26px;letter-spacing:.2em}.fresh-home .fresh-hero h1{grid-column:1;grid-row:2/5;font-size:clamp(70px,8.8vw,132px);line-height:.96;letter-spacing:-.075em;font-weight:750;margin:0;max-width:10ch}.fresh-hero-copy>.fresh-lead{grid-column:2;grid-row:2;font-size:20px;line-height:1.5;margin:6px 0 0;max-width:25ch}.fresh-hero-copy>.fresh-paths{grid-column:2;grid-row:3;margin:26px 0}.fresh-home .fresh-primary{border-radius:0;background:#162b35;min-height:55px;font-size:13px}.fresh-hero-copy>.fresh-hero-note{grid-column:2;grid-row:4;max-width:34ch;line-height:1.8;font-size:10px;gap:4px 20px}.fresh-live{position:relative}.fresh-live-label{border-top:1px solid #b6c1c6;padding-top:16px;letter-spacing:.15em;margin-bottom:20px;font-size:10px}.fresh-home .studio-lab{max-width:none;border:0;border-radius:0;background:#142832;padding:24px 30px;box-shadow:none;margin:0;color:#edf8f9;contain:layout paint}.fresh-home .lab-ambient{background:none}.fresh-home .lab-ambient:after{display:none}.fresh-home .lab-tabs{display:flex;width:100%;max-width:none;justify-content:stretch;margin:0;padding:0;border:0;border-radius:0;background:none;gap:0;border-bottom:1px solid #61727a66}.fresh-home .lab-tabs button{flex:1;display:flex;justify-content:space-between;align-items:center;border-radius:0;padding:19px 20px;font-size:15px;border-bottom:3px solid transparent;margin-bottom:-1px;color:#aec1ca;background:none;gap:15px}.fresh-home .lab-tabs button[aria-selected=true]{background:none;color:#fff;border-bottom-color:#39dae3;box-shadow:none}.fresh-home .lab-tabs button[aria-selected=true] small{color:#72e3e9}.fresh-home .lab-tabs small{font-size:12px}.fresh-home .lab-stage{display:block!important;min-height:0;padding:0!important}.fresh-home .lab-preview-zone{padding:0!important;perspective:none}.fresh-home .lab-preview-tools{margin:20px 0;gap:20px}.fresh-home .lab-view-switch button,.fresh-home .lab-device-switch button{min-height:42px;padding:9px 12px;font-size:12px;border-radius:3px;display:flex;align-items:center;gap:9px}.fresh-home .lab-device-switch button[aria-pressed=true],.fresh-home .lab-view-switch button[aria-pressed=true]{background:#ffffff12;color:white}.fresh-home .lab-device-switch button:disabled{opacity:.4;cursor:default}.fresh-home .lab-device-space{height:auto;min-height:0;display:block;perspective:none;padding:0}.fresh-home .lab-browser{width:100%;max-width:none;max-height:none;transform:none!important;border:1px solid #b5c8d03d;border-radius:7px;box-shadow:0 15px 35px #0003;transition:none}.fresh-home .lab-browser-bar{height:34px;padding-inline:15px}.fresh-home .lab-browser-bar b{font-size:10px}.fresh-home .lab-screen{height:clamp(410px,53vw,660px);aspect-ratio:auto;overflow:auto;scrollbar-width:thin;scrollbar-color:#6b7d84 #f5f3eb;scroll-behavior:smooth}.fresh-home .lab-project-image{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.fresh-home .is-dashboard .lab-project-image{height:100%;min-height:0;object-fit:contain;object-position:center}.fresh-home .lab-caption{font-size:10px!important;text-align:start;margin:14px 0 0!important;min-height:0;max-width:none}.fresh-home .lab-offer{padding:22px 0 0;margin:22px 0 0;gap:30px;background:none;min-height:0}.fresh-home .lab-offer h2{font-size:28px!important}.fresh-home .lab-offer p{font-size:12px!important;line-height:1.7!important;max-width:700px}.fresh-home .lab-offer-link{max-width:240px;min-width:0;padding:0;text-align:end}.fresh-home .lab-offer-link [data-lab-price]{font-size:34px}.fresh-home .lab-offer-link [data-lab-cta]{font-size:11px}.lab-device-context{display:none}.fresh-home .is-phone .lab-device-space{display:grid;grid-template-columns:1fr minmax(230px,290px);align-items:center;gap:70px;max-width:920px;margin:auto;padding:15px 20px}.fresh-home .is-phone .lab-browser{width:100%!important;max-width:none!important;border:5px solid #d4dfe2;border-radius:32px}.fresh-home .is-phone .lab-screen{height:auto!important;aspect-ratio:390/798;overflow:auto}.fresh-home .is-phone .lab-project-image{height:auto;min-height:0;object-fit:contain}.fresh-home .is-phone .lab-browser-bar{height:30px;padding-inline:13px}.fresh-home .is-phone .lab-browser-bar b{font-size:8px}.is-phone .lab-device-context{display:block}.lab-device-context>span{font-size:10px;letter-spacing:.16em;color:#6fe4e7}.fresh-home .lab-device-context h3{font-size:clamp(34px,4vw,62px);line-height:1.1;color:#edf8f9;max-width:10ch;letter-spacing:-.05em;margin:24px 0}.lab-device-context p{max-width:31ch;font-size:13px;line-height:1.8;color:#aebfc5}.fresh-home .lab-personalize{margin:0 0 18px}.atelier-controls{display:flex;align-items:end;justify-content:space-between;gap:20px}.fresh-home .lab-name-label{display:flex!important;gap:12px;align-items:center;font-size:12px!important}.fresh-home .lab-name-label input{width:240px!important;max-width:none!important;min-height:40px;padding:8px 12px!important;font-size:13px!important;border-radius:2px!important}.atelier-palette{display:flex;gap:5px}.atelier-palette button{border:1px solid #7c959e66;background:none;border-radius:2px;padding:10px 13px;font-size:11px}.atelier-palette button[aria-pressed=true]{background:#a4eceb;color:#12303b;border-color:#a4eceb}.fresh-home .atelier{--at-paper:#f1efe8;--at-ink:#252b25;--at-muted:#646a61;--at-accent:#d0ed40;--at-line:#252b2525;background:var(--at-paper);color:var(--at-ink);height:auto;min-height:100%;width:100%;padding:32px 40px;direction:inherit;font-family:Inter,Arial,sans-serif}.atelier[data-atelier-theme=ink]{--at-paper:#192b2e;--at-ink:#f4f3e9;--at-muted:#acbdba;--at-accent:#71e1dc;--at-line:#e6f0ec30}.atelier[data-atelier-theme=violet]{--at-paper:#e9e1f0;--at-ink:#382448;--at-muted:#6d5b76;--at-accent:#bb8fda;--at-line:#38244830}.atelier-nav{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--at-line);padding-bottom:20px;font-size:10px;line-height:1.5}.atelier-nav>b{font-size:22px;letter-spacing:-.08em}.atelier-nav>span:nth-child(2){flex:1}.atelier-status{display:flex;gap:7px;align-items:center;color:var(--at-muted);font-size:9px}.atelier-status i{width:5px;height:5px;border-radius:50%;background:#68894b}.atelier-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px;align-items:center;padding:45px 0 42px}.atelier-eyebrow{font-size:8px;letter-spacing:.12em;color:var(--at-muted)}.fresh-home .atelier h3[data-lab-person]{font-size:clamp(42px,6.1vw,88px)!important;font-weight:650;letter-spacing:-.075em;line-height:.97;margin:18px 0 22px!important;max-width:8ch;color:var(--at-ink);overflow-wrap:anywhere}.atelier-intro p{font-size:15px!important;line-height:1.55!important;margin:0 0 24px!important;color:var(--at-muted)!important}.atelier-see{display:flex;gap:32px;align-items:center;border:0;border-bottom:1px solid var(--at-ink);background:none;color:var(--at-ink)!important;padding:7px 0;font-size:10px!important;text-align:start}.atelier-see span{font-size:22px}.atelier-sculpture{aspect-ratio:1;max-width:370px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:var(--at-accent)}.atelier-ring{position:absolute;border:19px solid var(--at-ink);width:42%;height:80%;border-radius:50%;transform:rotate(32deg);box-shadow:inset 4px 0 9px #fff5,5px 6px 5px #0002}.atelier-ring.ring-a{inset-inline-start:16%}.atelier-ring.ring-b{inset-inline-start:32%;z-index:1;border-color:var(--at-paper)}.atelier-ring.ring-c{inset-inline-start:48%;z-index:2}.atelier-sculpture>span{position:absolute;inset:15px auto auto 16px;color:#202a23;font-size:10px;font-weight:700;line-height:1.1;letter-spacing:-.04em}.atelier-sculpture>b{position:absolute;inset:auto 12px 10px auto;color:#202a23;font-size:8px;z-index:3}.atelier-work-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;border-top:1px solid var(--at-line);padding:20px 0 15px}.atelier-projects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.atelier-project{border:0;padding:0;background:none;text-align:start;color:var(--at-ink)!important;min-width:0}.atelier-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1.1;position:relative;overflow:hidden;color:#f4efe7}.atelier-project:hover .atelier-art>i{transform:rotate(20deg) scale(1.08)}.atelier-art>i{transition:transform .4s}.atelier-art>strong{font-size:clamp(18px,3vw,42px);font-weight:800;line-height:.9;z-index:2;letter-spacing:-.07em;position:relative}.art-form{background:#b1beb0}.art-form i:first-child{width:54%;height:78%;border:24px solid #e7ede0;border-radius:50%;transform:rotate(-32deg);box-shadow:10px 10px 12px #2b442f44}.art-form strong{position:absolute!important;inset:15px auto auto 13px;color:#234030}.art-type{background:#2a2631}.art-type i:first-child{position:absolute;width:150%;height:35px;background:#c4a8e5;transform:rotate(-38deg)}.art-type i:nth-child(2){position:absolute;width:150%;height:35px;background:#7770bf;transform:rotate(38deg)}.art-type strong{font-family:Georgia,serif;font-size:clamp(20px,3.1vw,45px);font-weight:400;letter-spacing:-.07em}.art-space{background:#d8734c}.art-space i{position:absolute;width:52%;height:170%;top:-25%;border-radius:50%;background:linear-gradient(90deg,#f9d2b0,#ad482e);transform:rotate(42deg);box-shadow:10px 8px 15px #6c261d44}.art-space i:first-child{left:3%}.art-space i:nth-child(2){left:48%;background:linear-gradient(90deg,#ffdfc5,#c55d38)}.art-space strong{font-size:clamp(17px,2.7vw,36px);color:#5c2c22}.atelier-project-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;font-size:9px}.atelier-project-label b{font-weight:500}.atelier-project-label>span{font-size:15px}.atelier-case{position:relative;background:var(--at-ink);color:var(--at-paper);padding:30px;margin-top:18px;scroll-margin:20px}.atelier-case>button{position:absolute;inset:14px 18px auto auto;border:0;color:var(--at-paper)!important;background:transparent;font-size:24px}.atelier-case .atelier-eyebrow{color:var(--at-paper);opacity:.65}.atelier-case h4{font-size:35px;line-height:1.1;letter-spacing:-.05em;margin:18px 35px 13px 0}.atelier-case p{color:var(--at-paper)!important;opacity:.85;max-width:60ch;font-size:13px!important;line-height:1.8!important;margin:0!important}.atelier-case-tags{display:flex;gap:15px;font-size:8px;margin-top:20px;color:var(--at-accent)}.atelier-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--at-line);margin-top:20px;padding-top:17px;font-size:8px;color:var(--at-muted)}.atelier-footer b{color:var(--at-ink);font-weight:600}.fresh-home .is-phone .atelier{padding:18px}.fresh-home .is-phone .atelier-nav{gap:8px;padding-bottom:12px;font-size:7px}.fresh-home .is-phone .atelier-status{display:none}.fresh-home .is-phone .atelier-intro{grid-template-columns:1fr;padding:25px 0 20px;gap:22px}.fresh-home .is-phone .atelier h3[data-lab-person]{font-size:43px!important;max-width:8ch;line-height:1.06;margin:12px 0 15px!important}.fresh-home .is-phone .atelier-intro p{font-size:11px!important;margin-bottom:12px!important}.fresh-home .is-phone .atelier-sculpture{aspect-ratio:1.25}.fresh-home .is-phone .atelier-ring{border-width:14px}.fresh-home .is-phone .atelier-projects{grid-template-columns:1fr}.fresh-home .is-phone .atelier-art{aspect-ratio:1.5}.fresh-home .is-phone .atelier-art>strong{font-size:33px}.fresh-home .is-phone .atelier-eyebrow{font-size:6px}.fresh-home .is-phone .atelier-case{padding:20px}.fresh-home .is-phone .atelier-case h4{font-size:25px}.fresh-home .is-phone .atelier-case p{font-size:10px!important}.fresh-home .is-phone .atelier-footer{display:block}.fresh-home .is-phone .atelier-footer>b{display:block;margin-top:10px}.fresh-home .lab-cv{height:100%;padding:5%;gap:35px}.fresh-home .lab-cv h3{font-size:clamp(25px,4vw,52px)}.fresh-home .lab-cv p{font-size:13px!important}.fresh-home .lab-cv h4{font-size:clamp(25px,4vw,46px)}.fresh-home .lab-cv b,.fresh-home .lab-doc-label{font-size:10px}.fresh-home .lab-doc-lines{gap:15px;margin:35px 0}.fresh-home .lab-doc-lines i{height:4px}.fresh-home .lab-cv>aside>span{font-size:11px}.fresh-home .fresh-business{padding-block:35px 60px}.fresh-home .fresh-section-heading h2,.fresh-home .fresh-close h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.06em}.fresh-home .fresh-offers{gap:0;border-block:1px solid #aebbc1}.fresh-home .fresh-offer{border:0;border-radius:0;border-inline-end:1px solid #aebbc1;background:none;padding:28px 24px;transition:background .2s}.fresh-home .fresh-offer:last-child{border-inline-end:0}.fresh-home .fresh-offer:hover{transform:none;background:#e5eeeb}.fresh-home .fresh-offer>span{color:#4f6570}.fresh-home .fresh-offer strong{font-size:56px;font-weight:500}.fresh-home .fresh-offer h3{min-height:1em;font-size:18px;margin:30px 0 22px}.fresh-home .fresh-offer p{font-size:12px;line-height:1.8}.fresh-home .fresh-project{border-radius:0;border:0;background:none}.fresh-home .fresh-project>div{padding:18px 0;border-bottom:1px solid #b6c1c6}.fresh-home .fresh-project strong{font-size:23px;letter-spacing:-.04em}.fresh-home .fresh-estimator{border-radius:0;border-color:#b6c1c6;background:white}.fresh-home .fresh-close{border-top:1px solid #b6c1c6;padding-block:55px 75px}.mabni-lang-ar .fresh-hero-copy>h1{font-size:clamp(60px,7.8vw,110px);line-height:1.18;letter-spacing:-.03em}.mabni-lang-ar .atelier{font-family:'Noto Sans Arabic',Arial,sans-serif}.mabni-lang-ar .atelier h3[data-lab-person]{letter-spacing:0;line-height:1.3!important}.mabni-lang-ar .lab-device-context h3{letter-spacing:0;line-height:1.5}.mabni-lang-ar .atelier-case>button{inset-inline-start:auto;inset-inline-end:18px}
@media(max-width:900px){.fresh-home .wrap{width:calc(100% - 44px)}.fresh-hero-copy{column-gap:30px;grid-template-columns:1fr .65fr;padding-bottom:40px}.fresh-home .fresh-hero h1{font-size:clamp(62px,9.3vw,86px)}.fresh-hero-copy>.fresh-lead{font-size:16px}.fresh-home .studio-lab{padding:15px 20px}.fresh-home .lab-tabs button{font-size:12px;padding:16px 12px;gap:8px}.fresh-home .lab-tabs small{font-size:10px}.fresh-home .lab-screen{height:450px}.fresh-home .lab-offer h2{font-size:24px!important}.fresh-home .lab-offer p{font-size:11px!important}.fresh-home .is-phone .lab-device-space{gap:30px;grid-template-columns:1fr 240px;padding:10px}.fresh-home .atelier{padding:25px}.atelier-intro{gap:20px;padding:30px 0}.fresh-home .atelier h3[data-lab-person]{font-size:55px!important}.atelier-intro p{font-size:12px!important}.atelier-ring{border-width:13px}.atelier-controls{align-items:center;gap:15px;flex-wrap:wrap}.fresh-home .fresh-offer{border-bottom:1px solid #aebbc1}.fresh-home .fresh-offer:nth-child(2){border-inline-end:0}.fresh-home .fresh-offer:nth-child(n+3){border-bottom:0}}
@media(max-width:600px){.fresh-home .wrap{width:calc(100% - 30px)}.fresh-home .fresh-hero{padding-block:38px 45px}.fresh-hero-copy{display:block;padding-bottom:32px}.fresh-hero-copy>.eyebrow{margin-bottom:22px;font-size:9px}.fresh-home .fresh-hero h1{font-size:clamp(56px,14vw,80px);max-width:10ch;margin-bottom:23px}.fresh-hero-copy>.fresh-lead{font-size:16px;max-width:27ch}.fresh-hero-copy>.fresh-paths{margin:20px 0}.fresh-hero-copy>.fresh-hero-note{max-width:none;font-size:9px;gap:12px}.fresh-home .studio-lab{padding:10px 12px 18px}.fresh-home .lab-tabs button{padding:14px 7px;flex-direction:column;align-items:start;gap:7px;font-size:11px}.fresh-home .lab-tabs small{font-size:9px}.fresh-home .lab-preview-tools{margin:14px 0;gap:5px;flex-wrap:wrap}.fresh-home .lab-view-switch button,.fresh-home .lab-device-switch button{font-size:9px;padding:9px 8px;gap:5px;min-height:38px}.fresh-home .lab-device-switch svg{width:14px;height:14px}.fresh-home .lab-screen{height:260px}.fresh-home .lab-browser-bar{height:26px}.fresh-home .lab-browser-bar b{font-size:8px}.fresh-home .is-phone .lab-device-space{display:flex;flex-direction:column;gap:18px;padding:7px 0}.fresh-home .is-phone .lab-browser{width:min(100%,275px)!important;max-width:275px!important;border-width:4px;border-radius:29px}.is-phone .lab-device-context{display:none}.fresh-home .lab-caption{font-size:9px!important}.fresh-home .lab-offer{align-items:start;gap:20px;margin-top:18px;padding-top:18px}.fresh-home .lab-offer h2{font-size:22px!important}.fresh-home .lab-offer p{font-size:10px!important}.fresh-home .lab-offer-link{max-width:106px;min-width:88px}.fresh-home .lab-offer-link [data-lab-price]{font-size:28px}.fresh-home .lab-offer-link [data-lab-cta]{font-size:9px;line-height:1.7}.atelier-controls{gap:12px}.fresh-home .lab-name-label{font-size:10px!important;gap:12px;width:100%}.fresh-home .lab-name-label input{width:auto!important;min-width:0;max-width:74%!important;flex:1;min-height:38px}.atelier-palette{width:100%}.atelier-palette button{flex:1;font-size:10px;padding:10px}.fresh-home .atelier{padding:15px}.fresh-home .atelier:not(.is-phone .atelier) h3[data-lab-person]{font-size:32px!important}.atelier-intro{padding:20px 0;gap:15px}.atelier-eyebrow{font-size:5px}.atelier-nav{font-size:6px;gap:10px;padding-bottom:12px}.atelier-status{display:none}.atelier-nav>b{font-size:16px}.atelier-intro p{font-size:8px!important}.atelier-see{font-size:7px!important;gap:13px}.atelier-sculpture>span{font-size:6px;inset:8px auto auto 8px}.atelier-sculpture>b{font-size:5px}.atelier-ring{border-width:8px}.atelier-projects{gap:8px}.atelier-project-label{font-size:6px}.atelier-art>strong{font-size:15px}.art-type i{height:15px}.art-form i:first-child{border-width:13px}.atelier-work-heading{font-size:6px;padding-top:14px}.atelier-case{padding:18px}.atelier-case h4{font-size:23px}.atelier-case p{font-size:10px!important}.fresh-home .lab-cv{gap:10px}.fresh-home .lab-cv p{font-size:8px!important}.fresh-home .lab-cv h3,.fresh-home .lab-cv h4{font-size:22px}.fresh-home .lab-doc-lines{gap:7px;margin:15px 0}.fresh-home .lab-doc-lines i{height:2px}.fresh-home .lab-doc-label,.fresh-home .lab-cv b{font-size:6px}.fresh-home .fresh-offer{padding:23px 16px}.fresh-home .fresh-offer h3{font-size:16px;margin:24px 0 18px}.fresh-home .fresh-offer strong{font-size:44px}.fresh-home .fresh-offer p{font-size:11px}.fresh-home .fresh-bundle-note{font-size:11px}.fresh-home .fresh-section-heading h2,.fresh-home .fresh-close h2{font-size:39px}.fresh-home .fresh-project strong{font-size:21px}.mabni-lang-ar .fresh-hero-copy>h1{font-size:clamp(48px,12vw,65px);line-height:1.4}.mabni-lang-ar .fresh-home .is-phone .atelier h3[data-lab-person]{font-size:37px!important}}
.fresh-home [data-preview-mode=cafe] .lab-preview-zone:not(.is-phone):not(.is-dashboard) .lab-screen{height:auto;aspect-ratio:1265/712;overflow:hidden}.fresh-home [data-preview-mode=shop] .lab-preview-zone:not(.is-phone):not(.is-dashboard) .lab-screen{height:auto;aspect-ratio:1280/688;overflow:hidden}.fresh-home .lab-preview-zone:not(.is-phone):not(.is-dashboard) .lab-project-image{height:100%;min-height:0;object-fit:contain}.mabni-lang-ar .fresh-home .atelier{direction:rtl}.atelier button:focus-visible{outline-color:var(--at-ink)}
@media(prefers-reduced-motion:reduce){.atelier-art>i{transition:none}.fresh-home .lab-screen{scroll-behavior:auto}.fresh-home .fresh-offer{transition:none}}

/* Actual Ahmad Choueib portfolio sample, October 2026. */
.lab-actual-link{display:block;min-height:100%;background:#f6f3ed}.lab-actual-link img{display:block;width:100%;height:auto}.lab-actual-link.is-cv-preview{background:#e3e1da;padding:24px;display:flex;justify-content:center}.lab-actual-link.is-cv-preview img{max-width:640px;box-shadow:0 5px 25px #0002}.lab-actual-link:focus-visible{outline:3px solid #a04428;outline-offset:-4px}