[data-noof-art324]{--noof-paper:var(--paper,#fffaf1);--noof-ink:var(--primary,#20211c);--noof-yellow:var(--accent,#ffc238);--noof-green:#576348;background:var(--noof-paper);color:var(--noof-ink);overflow-x:clip}
body[data-noof-art324]{overflow-x:clip!important}
[data-noof-art324] .announcement{font-size:12px;padding:10px 20px;background:var(--noof-yellow);color:var(--noof-ink)}
[data-noof-art324] .shop-nav{background:var(--noof-paper);border-bottom:1px solid #20211c0d;min-height:108px;padding-block:18px;box-shadow:none}
[data-noof-art324] .shop-nav .shop-logo img{width:135px;max-height:78px;object-fit:contain;border-radius:4px}
.noof-hero324,.noof-founder324{width:min(1340px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.noof-hero324{padding-block:80px 95px;min-height:710px;box-sizing:border-box}
.noof-hero-copy324{position:relative;z-index:2}
.noof-kicker324{font:11px/1.6 system-ui;letter-spacing:.13em;display:flex;align-items:center;gap:12px;color:var(--noof-green)}
.noof-kicker324 i{width:32px;height:1px;background:var(--noof-green)}
.noof-hero324 h1{font-size:clamp(44px,5.3vw,82px);line-height:1.32;font-weight:750;letter-spacing:-.05em;max-width:12ch;margin:28px 0;color:var(--noof-ink)}
.noof-hero324 h1 em,.noof-founder324 h2 em{font-style:normal;color:var(--noof-green)}
.noof-hero-copy324>p{font-size:18px;line-height:1.9;max-width:420px;color:#6f7167;margin:24px 0 32px}
.noof-hero-actions324{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.noof-button324{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 25px;background:var(--noof-ink);color:var(--noof-paper)!important;border-radius:12px;font-weight:650;text-decoration:none;box-shadow:0 12px 26px #20211c13;transition:transform .25s,background .25s}
.noof-button324:hover{background:var(--noof-green);transform:translateY(-3px)}
.noof-text-link324{font-size:15px;color:var(--noof-ink);text-decoration:none;border-bottom:1px solid #20211c66;padding-block:8px;display:inline-block;text-underline-offset:7px}
.noof-handmade324{display:flex;align-items:center;gap:16px;margin-top:40px;color:var(--noof-green)}
.noof-handmade324>span{font-size:48px;line-height:1}.noof-handmade324 p{font-size:12px;line-height:1.8}
.noof-art324{position:relative;padding:0 20px 30px;min-width:0;--nx:0px;--ny:0px;--nr:0deg}
.noof-main-photo324{margin:0 0 0 30px;aspect-ratio:4/4.6;border-radius:230px 230px 25px 25px;overflow:hidden;background:#e4d9bd;box-shadow:18px 22px 0 #e6bc4b;transform:translate3d(var(--nx),var(--ny),0) rotate(var(--nr));transition:transform .35s ease-out;position:relative;z-index:1}
.noof-main-photo324 img{width:100%;height:100%;object-fit:cover;display:block}
.noof-orbit324{position:absolute;inset:-25px -15px 15px 15px;border:1px solid #a8a47b55;border-radius:250px 250px 30px 30px;transform:rotate(7deg);pointer-events:none}
.noof-small-photo324{position:absolute;bottom:-18px;inset-inline-start:-18px;width:37%;margin:0;background:var(--noof-paper);padding:9px 9px 14px;box-shadow:0 16px 40px #20211c22;transform:translate3d(calc(var(--nx)*-.6),calc(var(--ny)*-.6),0) rotate(-9deg);z-index:3;transition:transform .4s ease-out}
.noof-small-photo324 img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover}
.noof-small-photo324 figcaption{font-size:11px;padding:10px 3px 0;text-align:center;color:var(--noof-ink)}
.noof-round-stamp324{position:absolute;top:15px;inset-inline-start:-28px;width:104px;height:104px;border:1px dashed var(--noof-green);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px/1.6 system-ui;background:var(--noof-paper);color:var(--noof-green);text-align:center;z-index:3;transform:rotate(12deg)}
.noof-round-stamp324 b{font-size:23px;line-height:1.2}.noof-art-note324{position:absolute;bottom:-3px;inset-inline-end:25px;font:9px system-ui;letter-spacing:.15em;color:var(--noof-green)}
.noof-drawn-star324{position:absolute;top:-35px;inset-inline-end:-18px;color:var(--noof-green);font-size:80px;z-index:3;line-height:1;animation:noof-star324 22s linear infinite}
.noof-ribbon324{overflow:hidden;background:var(--noof-yellow);padding:17px 0;border-block:1px solid #20211c22;transform:rotate(-1deg);width:100%}
.noof-ribbon324>div{display:flex;align-items:center;gap:30px;width:max-content;animation:noof-ribbon324 44s linear infinite;direction:ltr}
.noof-ribbon324 span{font:12px system-ui;letter-spacing:.12em;white-space:nowrap}.noof-ribbon324 b{font-size:22px;line-height:1}
[data-noof-art324] .shop-products{max-width:1340px;padding-block:85px 50px;margin:auto;width:calc(100% - 112px)}
[data-noof-art324] .shop-products>header{border:0;margin-bottom:34px;align-items:end}
[data-noof-art324] .shop-products>header span,[data-noof-art324] .shop-social>header span{color:var(--noof-green);font-size:11px;letter-spacing:.1em}
[data-noof-art324] .shop-products h2,[data-noof-art324] .shop-social h2{font-size:clamp(30px,3.4vw,52px);line-height:1.35;letter-spacing:-.04em}
[data-noof-art324] .shop-products>header p{color:#6f7167}
[data-noof-art324] .studio-catalog{background:transparent;border-radius:0;border-color:#20211c14;padding:22px 0 28px;margin-bottom:32px}
[data-noof-art324] .shop-grid{gap:28px}
[data-noof-art324] .shop-card{background:transparent;border:none!important;border-radius:0!important;box-shadow:none!important;position:relative;overflow:visible;margin-bottom:24px}
[data-noof-art324] .shop-card-media{aspect-ratio:1/1.1;border-radius:20px;overflow:hidden;background:#e9e3d6}
[data-noof-art324] .shop-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.6,.3,1)}
[data-noof-art324] .shop-card:hover .shop-card-media img{transform:scale(1.035)}
[data-noof-art324] .shop-card>div{padding:22px 2px 0}
[data-noof-art324] .shop-card>div>small{color:var(--noof-green);font-size:11px;letter-spacing:.08em}
[data-noof-art324] .shop-card h3{font-size:25px;line-height:1.45;margin:10px 0;color:var(--noof-ink)}
[data-noof-art324] .shop-card>div>p{font-size:14px;line-height:1.8;color:#77796f}
[data-noof-art324] .match-badge{display:none!important}
[data-noof-art324] .sdisplay-favorite{position:absolute!important;inset-inline-start:16px;top:16px;width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;background:var(--noof-paper)!important;color:var(--noof-ink)!important;box-shadow:0 4px 14px #20211c13;z-index:5;transition:transform .25s,background .25s}
[data-noof-art324] .sdisplay-favorite:hover{transform:scale(1.08)}
[data-noof-art324] .sdisplay-favorite[aria-pressed=true]{color:#b65355!important;background:#ffe9e1!important;animation:noof-heart324 .35s ease}
[data-noof-art324] .sdisplay-favorite svg{width:23px;height:23px}
[data-noof-art324] .store-quick-view{top:16px;inset-inline-end:16px;min-width:48px;height:48px;border-radius:50%;background:var(--noof-paper)}
[data-noof-art324] .purchase-add199{background:var(--noof-ink)!important;color:var(--noof-paper)!important;border-radius:12px;min-height:48px;transition:background .25s}
[data-noof-art324] .purchase-add199:hover{background:var(--noof-green)!important}
.noof-founder324{padding:80px 0 95px;gap:100px;grid-template-columns:.9fr 1.1fr}
.noof-founder324>figure{position:relative;margin:0 30px;transform:rotate(2deg);padding:14px 14px 50px;background:#f1e6cc;box-shadow:0 18px 50px #20211c13}
.noof-founder324>figure img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover}
.noof-founder-signature324{position:absolute;bottom:-14px;inset-inline-end:25px;font:italic 75px Georgia,serif;color:var(--noof-green);transform:rotate(-5deg)}
.noof-year324{position:absolute;top:35px;inset-inline-start:-40px;border-radius:50%;background:var(--noof-yellow);width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:10px system-ui;letter-spacing:.1em;transform:rotate(-8deg)}
.noof-year324 b{font-size:26px;letter-spacing:0}
.noof-founder324 h2{font-size:clamp(38px,4.5vw,68px);line-height:1.35;margin:25px 0;letter-spacing:-.04em}
.noof-founder324>div>p{font-size:17px;line-height:2;color:#717469;max-width:490px}
.noof-founder324 small{display:block;color:var(--noof-green);margin-top:28px;font-size:12px}
[data-noof-art324] .shop-social{background:#e8eadf;padding:65px 56px 80px}
[data-noof-art324] .shop-social header,[data-noof-art324] .shop-social-track{max-width:1340px;margin-inline:auto}
[data-noof-art324] .shop-social-item{border-radius:18px;background:var(--noof-paper);border:0;overflow:hidden}
[data-noof-art324] .shop-social-item>span{color:var(--noof-ink);font-size:13px;line-height:1.7;padding:15px}
[data-noof-art324] .shop-footer{background:var(--noof-ink);color:var(--noof-paper);padding:55px 56px;border:0}
[data-noof-art324] .shop-footer h2{font-size:32px;color:var(--noof-paper)}
[data-noof-art324] .shop-footer a{color:var(--noof-paper);opacity:.8}
[data-noof-art324] .merchant-owner323{background:var(--noof-ink);padding:15px 24px 30px}
[data-noof-art324] .merchant-owner323 a{color:#e5cf8d}
.noof-reveal324{animation:noof-reveal324 .65s both}
@keyframes noof-reveal324{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes noof-ribbon324{to{transform:translateX(-25%)}}
@keyframes noof-star324{to{transform:rotate(360deg)}}
@keyframes noof-heart324{50%{transform:scale(1.18)}}
@media(max-width:900px){.noof-hero324,.noof-founder324{width:calc(100% - 64px);gap:40px}.noof-hero324{padding-block:55px 80px;min-height:600px}.noof-hero324 h1{font-size:52px}.noof-hero-copy324>p{font-size:16px}.noof-round-stamp324{width:80px;height:80px;inset-inline-start:-10px;font-size:8px}.noof-drawn-star324{font-size:55px}.noof-handmade324{margin-top:22px}[data-noof-art324] .shop-products{width:calc(100% - 64px)}.noof-founder324{gap:50px}.noof-founder324 h2{font-size:45px}}
@media(max-width:640px){[data-noof-art324] .shop-nav{min-height:84px;padding-block:12px}[data-noof-art324] .shop-nav .shop-logo img{width:100px;max-height:58px}.noof-hero324{grid-template-columns:1fr;width:calc(100% - 44px);padding-block:38px 65px;gap:48px;min-height:0}.noof-hero324 h1{font-size:48px;line-height:1.3;max-width:13ch;margin-block:24px}.noof-hero-copy324>p{margin-block:18px 25px}.noof-kicker324{font-size:9px;letter-spacing:.08em}.noof-handmade324{display:none}.noof-hero-actions324{gap:22px}.noof-button324{padding:15px 20px;font-size:14px;gap:25px}.noof-art324{margin-inline:10px;padding-inline:10px;padding-bottom:30px}.noof-main-photo324{margin-left:14px;border-radius:180px 180px 20px 20px;box-shadow:10px 13px 0 #e6bc4b}.noof-round-stamp324{top:0;inset-inline-start:-16px}.noof-small-photo324{bottom:0;inset-inline-start:-8px;width:38%}.noof-drawn-star324{inset-inline-end:-7px;top:-20px}.noof-art-note324{font-size:7px;bottom:-12px}.noof-ribbon324{padding:13px 0}.noof-ribbon324 span{font-size:10px}.noof-ribbon324>div{gap:22px}[data-noof-art324] .shop-products{width:calc(100% - 40px);padding-block:55px 20px}[data-noof-art324] .shop-products h2{font-size:33px}[data-noof-art324] .shop-grid{gap:10px}[data-noof-art324] .shop-card{margin-bottom:25px}[data-noof-art324] .shop-card-media{aspect-ratio:1/1.15}[data-noof-art324] .shop-card h3{font-size:23px}[data-noof-art324] .shop-card>div{padding-top:18px}.noof-founder324{width:calc(100% - 56px);grid-template-columns:1fr;gap:55px;padding-block:45px 60px}.noof-founder324>figure{margin-inline:22px 14px}.noof-founder324 h2{font-size:46px}.noof-founder324>div>p{font-size:16px}.noof-year324{width:82px;height:82px;inset-inline-start:-26px}.noof-founder-signature324{font-size:66px}[data-noof-art324] .shop-social{padding:45px 20px 60px}[data-noof-art324] .shop-footer{padding:42px 24px}.noof-hero324,.noof-founder324{overflow:visible}}
@media(prefers-reduced-motion:reduce){[data-noof-art324] *,[data-noof-art324] *::before,[data-noof-art324] *::after{animation:none!important;transition:none!important}.noof-main-photo324,.noof-small-photo324{transform:none!important}}

/* BYNOOF 327: a sunny craft journal built around Noof's original photographs. */
[data-noof-art324]{--noof-yellow:#ffc238}
[data-noof-art324] .store-information{display:none}
.noof-hero324{position:relative}
.noof-hero-copy324::before{content:'';position:absolute;width:170px;height:38px;background:var(--noof-yellow);opacity:.2;inset-inline-start:0;top:96px;transform:rotate(-4deg);z-index:-1;border-radius:60% 28% 52% 30%}
.noof-hero324 h1 em{color:var(--noof-ink);text-decoration:underline;text-decoration-color:var(--noof-yellow);text-decoration-thickness:10px;text-underline-offset:8px;text-decoration-skip-ink:none}
.noof-round-stamp324{background:var(--noof-yellow);border-color:#20211c66;color:var(--noof-ink);width:112px;height:112px;box-shadow:0 8px 25px #20211c12}
.noof-bahrain327{display:block;width:29px;height:18px;background:#ce1126;border-radius:2px;position:relative;margin-top:8px;box-shadow:0 0 0 1px #20211c15;overflow:hidden}
.noof-bahrain327::before{content:'';display:block;height:100%;width:42%;background:white;clip-path:polygon(0 0,75% 0,100% 10%,75% 20%,100% 30%,75% 40%,100% 50%,75% 60%,100% 70%,75% 80%,100% 90%,75% 100%,0 100%)}
.noof-main-photo324{box-shadow:18px 22px 0 var(--noof-yellow);border-radius:200px 200px 20px 20px}
.noof-main-photo324 img{object-position:50% 58%}
.noof-ribbon324{transform:none}
.noof-gallery327,.noof-news327{max-width:1340px;width:calc(100% - 112px);margin:65px auto 90px}
.noof-gallery327 header{max-width:620px;margin-bottom:44px}.noof-gallery327 h2,.noof-news327 h2{font-size:clamp(34px,4vw,58px);line-height:1.35;margin:18px 0;letter-spacing:-.04em}.noof-gallery327 header>p,.noof-news327 p{font-size:17px;line-height:1.9;color:#6f7167}
.noof-photo-wall327{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px;padding:12px 0 32px}
.noof-photo327{position:relative;display:block;min-width:0;margin:0;border:0;padding:10px 10px 37px;background:#fffef8;box-shadow:0 6px 24px #20211c14;transform:rotate(-3deg);transition:transform .35s,box-shadow .35s;cursor:zoom-in;color:var(--noof-ink)}
.noof-photo327:nth-child(even){transform:translateY(28px) rotate(3deg)}.noof-photo327:hover{transform:translateY(-6px) rotate(0);box-shadow:0 20px 40px #20211c22;z-index:2}.noof-photo327 img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}.noof-photo327>span{position:absolute;bottom:10px;inset-inline-end:14px;font:11px system-ui;letter-spacing:.1em}
.noof-photo327::before{content:'';position:absolute;top:-10px;left:35%;width:30%;height:23px;background:#ffc2389c;transform:rotate(-5deg);z-index:1}
.noof-news327{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;background:#ffe6a3;padding:48px;box-sizing:border-box;border-radius:28px;align-items:center}.noof-news327 figure{margin:0;padding:10px;background:#fffdf8;transform:rotate(2deg);box-shadow:0 10px 30px #20211c15}.noof-news327 figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.noof-news327 .noof-kicker324{color:#514621}
.noof-lightbox327{background:#fffaf1;border:0;border-radius:20px;padding:42px 18px 18px;max-width:min(900px,92vw);max-height:90dvh;box-sizing:border-box;overflow:auto}.noof-lightbox327::backdrop{background:#20211cdd;backdrop-filter:blur(6px)}.noof-lightbox327 img{display:block;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}.noof-lightbox327 p{font-size:13px;text-align:center;color:#576348}.noof-lightbox327>button{position:absolute;top:7px;right:10px;border:0;background:#ffc238;color:#20211c;border-radius:50%;width:32px;height:32px;font-size:23px;cursor:pointer}
[data-noof-art324] .cart-added-notice[data-notice-kind=added]{background:#fffaf1;border:1px solid #ffc238;border-inline-start:6px solid #ffc238;border-radius:18px;box-shadow:0 14px 45px #20211c28}
[data-noof-art324] .purchase-notice199__bag{background:#ffc238!important;color:#20211c!important;border-radius:10px}
[data-noof-art324] [data-add].noof-added327{animation:noof-bag327 .7s ease!important;background:#ffc238!important;color:#20211c!important}
[data-noof-art324] [data-cart-open].noof-bag-bump327{animation:noof-bag327 .6s ease}
.noof-flying327{position:fixed;z-index:1001;width:65px;height:75px;object-fit:cover;border:3px solid #ffc238;border-radius:12px;pointer-events:none;box-shadow:0 8px 24px #20211c33}
@keyframes noof-bag327{35%{transform:scale(.93)}70%{transform:scale(1.04)}to{transform:scale(1)}}
[data-noof-page327] .cp-main{max-width:1250px;margin-inline:auto;padding:40px 28px 80px}[data-noof-page327] .cp-hero{border-radius:24px;background:#ffe6a3;color:#20211c;padding:55px 40px;min-height:0}[data-noof-page327] .cp-hero span{color:#6a571e}[data-noof-page327] .cp-hero h1{font-size:clamp(38px,5vw,70px)}[data-noof-page327] .cp-image-text{gap:55px;align-items:center;margin-block:50px}[data-noof-page327] .cp-image-text>img{border-radius:18px;box-shadow:12px 12px 0 #ffc238;width:100%}[data-noof-page327] .cp-gallery>div{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}[data-noof-page327] .cp-gallery img{width:100%;height:350px;object-fit:cover;border-radius:12px;cursor:zoom-in}[data-noof-page327] .cp-button{background:#20211c;color:#fffaf1;border-radius:12px}[data-noof-page327] .cp-cta{background:#ffe6a3;border-radius:24px}
@media(max-width:800px){.noof-gallery327,.noof-news327{width:calc(100% - 48px);margin-block:45px 65px}.noof-photo-wall327{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.noof-news327{grid-template-columns:1fr;gap:24px;padding:28px}.noof-news327 h2{font-size:36px}[data-noof-page327] .cp-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr))}[data-noof-page327] .cp-gallery img{height:230px}}
@media(max-width:640px){.noof-round-stamp324{width:87px;height:87px}.noof-bahrain327{width:25px;height:16px;margin-top:6px}.noof-main-photo324{box-shadow:10px 13px 0 var(--noof-yellow)}.noof-hero324 h1 em{text-decoration-thickness:6px}.noof-gallery327 header>p,.noof-news327 p{font-size:15px}.noof-news327{padding:22px}.noof-gallery327 h2{font-size:36px}[data-noof-page327] .shop-nav{flex-wrap:wrap}[data-noof-page327] .shop-nav nav{order:3;display:flex;overflow:auto;width:100%;gap:20px;padding-block:10px}[data-noof-page327] .cp-main{padding:24px 20px 55px}[data-noof-page327] .cp-hero{padding:32px 22px}[data-noof-page327] .cp-image-text{grid-template-columns:1fr;gap:20px}[data-noof-page327] .cp-gallery img{height:200px}}
@media(prefers-reduced-motion:reduce){.noof-photo327,.noof-photo327:nth-child(even){transform:none}.noof-flying327{display:none}.noof-added327,.noof-bag-bump327{animation:none!important}}

[data-noof-art324] .product-purchase-control199.noof-added327{animation:noof-bag327 .7s ease!important;border-radius:12px;box-shadow:0 0 0 3px #ffc23880;background:#ffe6a3}