.site-main--about{--bg-workbench:var(--mona-bg);--accent:var(--mona-red);--text-dark:var(--mona-rock);--tape-yellow:#f1c40f;--grid-line:#0000000d;--font-head:var(--font-label);--font-serif:var(--font-art);--font-label:var(--font-tech);background:var(--bg-workbench);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);font-family:var(--font-label);color:var(--text-dark);background-size:20px 20px;justify-content:center;padding:0;display:flex;overflow-x:clip}.workbench-layout{grid-template-columns:34px 1fr;width:100%;max-width:1600px;min-height:100vh;display:grid}.tool-tape{background:var(--tape-yellow);z-index:100;border-right:1px solid #0003;height:100%;position:relative;box-shadow:2px 0 5px #0000001a}.tape-measure-vertical{height:100vh;position:sticky;top:0;overflow:hidden}.tape-markings{width:100%;height:100%;position:relative}.tape-markings:before{content:"";background:repeating-linear-gradient(#0006 0 1px,#0000 1px 4px);width:8px;height:100%;position:absolute;top:0;right:0}.tape-markings:after{content:"";background:repeating-linear-gradient(#0009 0 1.5px,#0000 1.5px 40px),repeating-linear-gradient(#0000 0 20px,#00000080 20px 21px,#0000 21px 40px);width:25px;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:repeating-linear-gradient(#000 0 1.5px,#0000 1.5px 40px),linear-gradient(270deg,#000 0 15px,#0000 15px);mask-image:repeating-linear-gradient(#000 0 1.5px,#0000 1.5px 40px),linear-gradient(270deg,#000 0 15px,#0000 15px)}.tape-content{width:60%;height:100%;position:absolute;top:0;left:0}.tape-year{font-family:var(--font-head);white-space:nowrap;font-size:.7rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)rotate(-90deg)}.tape-year:first-child{top:70px}.tape-year:nth-child(2){top:192px}.tape-year:nth-child(3){top:312px}.tape-year:nth-child(4){top:432px}.tape-year:nth-child(5){top:552px}.workspace-area{padding:12px;position:relative}.pattern-piece{border:1px solid var(--mona-line);background:#fffdf9eb;max-width:100%;margin-bottom:28px;padding:18px 16px;position:relative;transform:rotate(0);box-shadow:5px 5px 15px #0000000d}.pattern-piece:before{content:"";border:1px dashed #bbb;position:absolute;inset:10px}.piece-label{background:var(--mona-rock);color:#fff;padding:2px 5px;font-size:.6rem;position:absolute;top:-10px;left:14px;transform:rotate(2deg)}.brand-block h1{font-family:var(--font-head);letter-spacing:5px;font-size:clamp(2.4rem,10vw,3rem);line-height:1}.brand-meta{font-family:var(--font-mono);color:#666;flex-wrap:wrap;gap:10px;margin-top:5px;font-size:.7rem;display:flex}.pin-head{z-index:20;background:radial-gradient(circle at 35% 35%,#fff 0%,#bdc3c7 40%,#7f8c8d 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:10px;right:50%;box-shadow:inset -1px -1px 1px #00000080,1px 2px 2px #0000004d}.pin-head:after{content:"";filter:blur(1px);z-index:-1;background:#0003;border-radius:50%;width:8px;height:4px;position:absolute;top:12px;left:4px}.hero-swatch{background:var(--primary-color);color:#fff;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#0000001a 2px 4px);margin-bottom:42px;padding:28px 16px;position:relative;box-shadow:0 10px 30px #0003}.swatch-edge{background:radial-gradient(circle,#0000 50%,#00877a 50%) 0 10px/20px 20px;width:100%;height:10px;position:absolute;top:-10px;left:0}.title-puff{font-family:var(--font-head);letter-spacing:5px;background:linear-gradient(to bottom, var(--mona-red) 0%, var(--mona-red-deep) 100%);filter:drop-shadow(0 4px #7a2c20)drop-shadow(0 15px 15px #0000004d);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(3rem,10vw,6rem);line-height:.9;transition:transform .3s;transform:translateZ(0)}.title-puff:hover{filter:drop-shadow(0 6px #7a2c20)drop-shadow(0 25px 30px #0006);transform:scale(1.02)translateY(-2px)}.title-flock{font-family:var(--font-head);color:#0000;filter:url(#flock-noise)drop-shadow(0 2px 3px #0000004d);background-image:repeating-radial-gradient(circle,#ffffffb3 0,#0000 1px),linear-gradient(#00896f,#005f4d);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2rem,5vw,4rem);position:relative}.hero-desc{opacity:.8;max-width:500px;font-size:1rem;font-style:italic}.tool-scissors{opacity:.5;height:40px;margin:28px 0;position:relative;overflow:hidden}.tool-scissors:before{content:"---------------------------------- CUT HERE ----------------------------------";text-align:center;letter-spacing:1px;width:100%;font-family:monospace;font-size:.68rem;position:absolute;top:50%;left:0}.sample-board{grid-template-columns:1fr;gap:22px;padding-bottom:42px;display:grid}.sample-card{background:var(--mona-surface);border-bottom:2px solid #ddd;border-radius:2px;padding:18px 16px;transition:transform .2s;position:relative;box-shadow:0 2px 5px #0000001a}.sample-card:hover{z-index:5;transform:rotate(1deg)translateY(-5px);box-shadow:0 10px 20px #00000026}.button-tack{z-index:10;background:linear-gradient(135deg,#e0e0e0 0%,#bdc3c7 50%,#95a5a6 100%);border:1px solid #bdc3c7;border-radius:50%;width:24px;height:24px;position:absolute;top:10px;right:10px;box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #0000004d,1px 2px 3px #0003}.button-tack:after{content:"";background:radial-gradient(circle,#7f8c8d 30%,#ecf0f1 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #00000080}.sample-header h3{font-family:var(--font-head);margin-bottom:5px;font-size:1.2rem}.ref-code{color:#888;font-family:monospace;font-size:.7rem}.material-preview{border-radius:4px;justify-content:center;align-items:center;height:110px;margin:15px 0;display:flex;position:relative}.mat-text{font-family:var(--font-head);font-size:1.6rem;font-weight:700}.silicone-mat{background:#2a2a2a url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");box-shadow:inset 0 0 20px #000c}.silicone-mat .mat-text{color:#ecf0f1;text-shadow:0 1px #fff,0 2px #bdc3c7,0 3px #95a5a6,0 4px #7f8c8d,0 5px 10px #000;filter:brightness(1.2);transform:translateZ(0)}.flock-mat{background:#e0e0e0}.flock-mat .mat-text{color:#0000;filter:drop-shadow(0 1px #0000001a);background-image:repeating-radial-gradient(circle,#ffffff80 0,#0000 1px),repeating-linear-gradient(45deg,#0003 0,#0000 2px),linear-gradient(#00896f,#005f4d);-webkit-background-clip:text;background-clip:text}.dtf-mat{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.dtf-mat .mat-text{background:linear-gradient(135deg,#ff0080,#7928ca);color:#0000;filter:drop-shadow(0 4px 6px #0003);-webkit-background-clip:text;background-clip:text}.gloss-overlay{pointer-events:none;background:linear-gradient(120deg,#0000 40%,#fff6 50%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.sample-specs{border-top:1px dashed #ccc;padding-top:10px;font-size:.75rem;list-style:none}.sample-specs li{justify-content:space-between;margin-bottom:5px;display:flex}.footer-tag{text-align:center;clip-path:none;background:#f6edd7;border:1px solid #d4c08e;border-radius:20px;margin-top:28px;padding:24px 14px;position:relative;box-shadow:0 5px 15px #0000001a}.tag-hole{background:#fff;border:1px solid #d4c08e;border-radius:50%;width:15px;height:15px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 1px 1px 2px #0003}.tag-gallery{flex-wrap:wrap;justify-content:center;gap:15px;margin:20px 0;display:flex}.polaroid-small{background:#fff;width:min(100%,180px);margin:10px 0;padding:6px;transform:rotate(2deg);box-shadow:0 2px 5px #0000001a}.polaroid-small:hover{z-index:5;transform:scale(1.1)rotate(0)}.footer-tag h4{font-family:var(--font-head);margin-top:20px;font-size:1.5rem}.contact-thread{color:var(--accent);border-bottom:2px solid var(--accent);margin-top:20px;font-size:1rem;text-decoration:none;display:inline-block;transform:rotate(-2deg)}.swatch-row{border-radius:4px;gap:0;margin-top:10px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.swatch{flex-direction:column;flex:1;justify-content:flex-end;height:60px;padding:2px;transition:all .2s;display:flex;position:relative}.swatch:hover{flex:2}.sw-code{color:#0009;opacity:0;background:#fff9;padding:1px 3px;font-family:Roboto Condensed,sans-serif;font-size:.6rem;transition:opacity .2s}.swatch:hover .sw-code{opacity:1}.swatch-container{padding:10px 0}.swatch--red{background:#e74c3c}.swatch--yellow{background:#f1c40f}.swatch--green{background:#2ecc71}.swatch--blue{background:#3498db}.swatch--purple{background:#9b59b6}.swatch--dark{background:#34495e}.sample-specs--spaced{margin-top:15px}.tag-content__secondary{color:#666;margin-top:10px;font-size:.9em}.photo-gallery{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:40px;padding:16px 0;display:flex}.polaroid-frame{background:#fff;flex-shrink:0;width:240px;padding:12px 12px 28px;transition:transform .3s,z-index 0s .3s;position:relative;box-shadow:0 4px 10px #00000026}.polaroid-frame:hover{z-index:100;transition:transform .3s,z-index;box-shadow:0 15px 30px #00000040;transform:rotate(0)scale(1.06)!important}.polaroid-frame:first-child{margin-bottom:0;transform:rotate(-2.5deg)}.polaroid-frame:nth-child(2){margin-bottom:30px;transform:rotate(1.5deg)}.polaroid-frame:nth-child(3){margin-bottom:10px;transform:rotate(-1deg)}.polaroid-frame:nth-child(4){margin-bottom:20px;transform:rotate(2.5deg)}.polaroid-frame:nth-child(5){margin-bottom:0;transform:rotate(-2deg)}.polaroid-frame img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.2)contrast(1.1);border:1px solid #eee;width:100%;display:block}.polaroid-frame figcaption{text-align:center;color:#444;letter-spacing:1px;margin-top:12px;font-family:Courier New,monospace;font-size:.78rem}.pin-head--corner{background:radial-gradient(circle at 35% 35%,#e74c3c 0%,#c0392b 100%);top:-10px;left:auto;right:-10px}.pin-head--top{background:radial-gradient(circle at 35% 35%,#f1c40f 0%,#f39c12 100%);top:-12px;right:50%;transform:translate(50%)}@media (min-width:1200px){.workspace-area{grid-template-rows:auto auto auto auto auto auto;grid-template-columns:repeat(12,1fr);gap:40px;padding:50px;display:grid;position:relative}.pattern-piece.header-piece{z-index:10;grid-area:1/1/auto/4;align-self:start;max-width:320px;min-height:180px;padding:30px;transform:rotate(-2deg)}.hero-swatch{z-index:99;flex-direction:column;grid-area:1/4/3/13;justify-content:center;padding-left:100px;display:flex;transform:rotate(1deg)}.tool-scissors{pointer-events:none;z-index:1;grid-area:2/1/auto/13;transform:translateY(-50px)rotate(-5deg)}.photo-gallery{grid-area:3/1/auto/13;justify-content:space-around;align-self:center;margin-bottom:0;transform:rotate(1deg)}.sample-board{grid-area:4/1/auto/13;grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.sample-card:nth-child(2n){margin-top:30px}.sample-card:nth-child(odd){margin-top:0}.footer-tag{grid-area:5/5/auto/9;transform:rotate(3deg)}}.about-bridge{grid-column:1/13;margin-top:40px;margin-bottom:20px}.about-bridge__card{border:1px solid var(--mona-line);background:#fffdf9f2;max-width:820px;margin:0 auto;padding:22px 18px 24px;position:relative;transform:rotate(-.5deg);box-shadow:6px 6px 18px #00000012}.about-bridge__card:before{content:"";pointer-events:none;border:1px dashed #ccc;position:absolute;inset:12px}.about-bridge__card .section-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:#888;text-transform:uppercase;font-size:.68rem}.about-bridge__card .section-heading{font-family:var(--font-head);color:var(--mona-rock);letter-spacing:-.01em;margin:12px 0 16px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.25}.about-bridge__card .section-copy{color:#555;max-width:60ch;font-size:.9rem;line-height:1.8}.about-bridge__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.about-bridge__actions .mona-btn{width:100%}@media (min-width:600px){.workbench-layout{grid-template-columns:42px 1fr}.workspace-area{padding:18px}.pattern-piece{margin-bottom:40px;padding:20px;transform:rotate(-1deg)}.piece-label{left:20px}.hero-swatch{margin-bottom:60px;padding:40px 22px}.tool-scissors{margin:40px 0}.tool-scissors:before{letter-spacing:2px;font-size:.8rem}.sample-board{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;padding-bottom:60px}.sample-card{padding:20px}.material-preview{height:120px}.mat-text{font-size:2rem}.photo-gallery{gap:24px;padding:20px}.polaroid-frame{width:320px;padding:12px 12px 36px}.polaroid-frame:nth-child(2){margin-top:10px}.polaroid-frame:nth-child(3){margin-top:-5px}.polaroid-frame:nth-child(4){margin-top:5px}.polaroid-frame:nth-child(5){margin-top:15px}.polaroid-frame:nth-child(6){margin-top:-5px}.footer-tag{clip-path:polygon(10% 0%,90% 0%,100% 10%,100% 100%,0% 100%,0% 10%);border-radius:0;margin-top:40px;padding:26px 18px}.contact-thread{font-size:1.2rem}.about-bridge__card{padding:36px 32px 40px}.about-bridge__actions .mona-btn{width:auto}}