:root{--page-bg:#f4eee5;--card-bg:#fbf7ef;--text:#173327;--muted:#6f756e;--agri-primary:#174f25;--agri-accent:#63a91f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--page-bg);color:var(--text);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}.studio{isolation:isolate;background:radial-gradient(circle at 50% 46%,#ffffffa8 0 23%,#fff0 54%),radial-gradient(circle at 17% 20%,#ddcfbd42,#0000 33%),linear-gradient(135deg,#f5efe7 0%,#fbf8f2 47%,#f1e9df 100%);min-height:100svh;position:relative;overflow:hidden}.paperNoise,.cardTexture{pointer-events:none;mix-blend-mode:soft-light;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E");position:absolute;inset:0}.paperNoise{z-index:-2;opacity:.13}.ambientLeaf{color:#827761;opacity:.13;filter:blur(5px);pointer-events:none;z-index:-1;position:absolute}.ambientLeaf svg{width:100%;height:100%}.ambientLeafOne{width:390px;height:330px;top:-46px;left:-48px;transform:rotate(-25deg)}.ambientLeafTwo{opacity:.1;width:330px;height:300px;bottom:-72px;left:-72px;transform:rotate(27deg)}.studioToolbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffad;border:1px solid #2c472d14;border-radius:999px;align-items:center;gap:10px;padding:8px;display:flex;position:fixed;top:22px;right:24px;box-shadow:0 10px 30px #40301d1f}.cardsStage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:50px;width:min(1312px,100vw - 96px);min-height:100svh;margin:0 auto;display:grid;transform:translateY(-18px)}.cardsStage--front,.cardsStage--back{grid-template-columns:1fr;width:min(630px,100vw - 48px)}.businessCard{aspect-ratio:1.42;isolation:isolate;background:radial-gradient(circle at 35% 28%,#ffffffc2,#0000 49%),linear-gradient(110deg,#fbf8f1 0%,#f9f4ea 100%);border:1px solid #ffffffeb;border-radius:31px;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 25px -16px #3e2c1754,0 8px 8px -7px #3e2c172e,inset 0 0 0 1px #50463a06}.businessCard:after{content:"";border-radius:inherit;pointer-events:none;z-index:10;position:absolute;inset:0;box-shadow:inset 0 1px #fffc}.cardTexture{z-index:0;opacity:.15}.wordmark{z-index:4;object-fit:contain;width:292px;height:auto;position:absolute;top:86px;left:45px}.frontTagline{z-index:4;letter-spacing:-.45px;color:#263a34;margin:0;font-size:22px;font-weight:430;line-height:1.25;position:absolute;top:211px;left:65px}.frontTagline span,.descriptor p span{display:block}.frontLeaf{z-index:1;color:#dfe5d4;opacity:.73;width:220px;height:190px;position:absolute;top:8px;right:-4px;transform:rotate(-6deg)}.frontLeaf svg{width:100%;height:100%}.nfcPrompt{z-index:6;color:var(--agri-primary);align-items:center;gap:13px;display:flex;position:absolute}.nfcPromptFront{top:326px;left:61px}.nfcBubble{width:59px;height:59px;color:var(--agri-primary);background:#e8ebda;border-radius:50%;flex:0 0 59px;place-items:center;display:grid}.nfcPrompt strong{letter-spacing:-.25px;font-size:18px;line-height:1.05;display:block}.nfcPrompt small{color:#7c817a;margin-top:7px;font-size:16px;line-height:1;display:block}.bottomWave{z-index:2;background:linear-gradient(100deg, #154b24 0%, var(--agri-primary) 65%, #28642c 100%);border-radius:50% 48% 0 0/78% 72% 0 0;width:108%;height:150px;position:absolute;bottom:-107px;left:-4%;transform:rotate(-1deg)}.frontWave{width:112%;bottom:-128px;left:-10%;transform:rotate(-3deg)}.backWave{bottom:-130px;left:-2%;transform:rotate(-1.8deg)}.produceWrap{z-index:5;filter:saturate(.96)contrast(1.01);width:355px;height:248px;position:absolute;bottom:-4px;right:-8px}.produceWrap img{object-fit:contain;object-position:right bottom}.identityColumn{z-index:5;width:292px;position:absolute;top:75px;left:58px}.identityColumn h1{color:var(--agri-primary);letter-spacing:-1.15px;white-space:nowrap;margin:0;font-size:32px;font-weight:750;line-height:1.05}.role{color:#3d7a35;white-space:nowrap;margin:12px 0 28px;font-size:16.5px;line-height:1.2}.contactList{gap:13px;display:grid}.contactRow{align-items:center;gap:11px;min-width:0;display:flex}.contactIcon{background:linear-gradient(145deg, #2a6d2f, var(--agri-primary));color:#fff;border-radius:6px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 2px 4px #134c1f33}.contactText{color:#24352f;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.1;overflow:hidden}.descriptor{align-items:center;gap:13px;margin-top:38px;display:flex}.descriptorMark{background:#edf0e1;border-radius:50%;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid;overflow:hidden}.descriptorSvg{width:36px;height:28px;display:block}.descriptor p{color:#303b36;letter-spacing:-.1px;margin:0;font-size:13.4px;line-height:1.35}.verticalRule{z-index:5;background:linear-gradient(#0000,#dfdbd1 9% 91%,#0000);width:1px;position:absolute;top:78px;bottom:46px;left:334px}.qrColumn{z-index:5;flex-direction:column;align-items:center;width:206px;display:flex;position:absolute;top:80px;right:45px}.qrColumn h2{color:var(--agri-primary);letter-spacing:-.2px;margin:0 0 16px;font-size:19px;font-weight:720;line-height:1}.qrFrame{background:#fffdf8d1;border:1.5px solid #1a5325bf;border-radius:22px;place-items:center;width:184px;height:184px;display:grid;box-shadow:inset 0 0 0 5px #ffffff73}.qrFrame svg{display:block}.qrColumn h3{color:var(--agri-primary);letter-spacing:-.25px;margin:22px 0 10px;font-size:18px;font-weight:720;line-height:1}.nfcBubbleBack{flex-basis:51px;width:51px;height:51px}.statusToast{z-index:30;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14371ce6;border-radius:999px;max-width:calc(100vw - 32px);padding:11px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #1a2d1c38}@media (max-width:1180px){.cardsStage{grid-template-columns:1fr;gap:32px;width:min(620px,100vw - 44px);padding:100px 0 72px;transform:none}.businessCard{aspect-ratio:1.42}.studio{overflow-y:auto}}@media (max-width:680px){.studioToolbar{top:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));justify-content:center}.studioToolbar .mantine-SegmentedControl-root{display:none}.cardsStage{gap:22px;width:calc(100vw - 24px);padding:36px 0 100px}.businessCard{border-radius:20px}.wordmark{width:47%;top:13.7%;left:10.3%}.frontTagline{font-size:clamp(13px,3.5vw,20px);top:42%;left:10.4%}.frontLeaf{width:34%;height:44%}.nfcPromptFront{gap:8px;top:68.5%;left:9.8%}.nfcBubble{flex-basis:clamp(36px,9vw,52px);width:clamp(36px,9vw,52px);height:clamp(36px,9vw,52px)}.nfcBubble svg{width:65%;height:65%}.nfcPrompt strong{font-size:clamp(10px,2.8vw,16px)}.nfcPrompt small{margin-top:4px;font-size:clamp(9px,2.4vw,14px)}.produceWrap{width:56%;height:56%}.identityColumn{width:47%;top:13%;left:8%}.identityColumn h1{font-size:clamp(17px,5vw,30px)}.role{margin:8px 0 16px;font-size:clamp(9px,2.6vw,15px)}.contactList{gap:clamp(6px,1.6vw,11px)}.contactIcon{flex-basis:clamp(18px,4.7vw,27px);width:clamp(18px,4.7vw,27px);height:clamp(18px,4.7vw,27px)}.contactIcon svg{width:65%;height:65%}.contactText{font-size:clamp(8px,2.3vw,14px)}.descriptor{gap:8px;margin-top:8%}.descriptorMark{flex-basis:clamp(28px,7vw,42px);width:clamp(28px,7vw,42px);height:clamp(28px,7vw,42px)}.descriptor p{font-size:clamp(7px,1.9vw,12px)}.verticalRule{top:13%;bottom:14%;left:54%}.qrColumn{width:35%;top:14%;right:5.6%}.qrColumn h2{margin-bottom:8px;font-size:clamp(10px,2.7vw,17px)}.qrFrame{border-radius:13px;width:min(29vw,170px);height:min(29vw,170px)}.qrFrame svg{width:86%;height:86%}.qrColumn h3{margin:10px 0 6px;font-size:clamp(9px,2.5vw,16px)}.nfcBubbleBack{flex-basis:clamp(30px,7.5vw,47px);width:clamp(30px,7.5vw,47px);height:clamp(30px,7.5vw,47px)}}