:root{--paper:#f5f4f0;--ink:#272724;--muted:#797973;--line:#dcdcd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px;overflow-x:clip}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:5px;outline:2px solid #555}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.masthead{justify-content:center;align-items:center;gap:0;max-width:1600px;height:340px;margin:0 auto 34px;padding:34px 5.5%;display:flex;position:relative}.portrait-logo{flex-shrink:0;width:194px;height:250px;margin:0 auto;line-height:0;display:block;position:relative}.portrait-logo img{object-fit:contain;width:100%;height:100%;display:block}.masthead-services{text-align:left;text-transform:uppercase;letter-spacing:-.035em;flex-direction:column;align-items:flex-start;margin:0;font-size:21px;font-weight:700;line-height:1.08;display:flex;position:absolute;top:52px;right:5.5%}.masthead-services span{display:block}main{width:100%;min-width:0;max-width:1440px;margin:auto;padding:0 6%}.brand{border:0;margin:0;padding:0}.brand+.brand{margin-top:140px}.brand-hero-luxury{padding-bottom:96px}.brand:first-of-type{border-top:0;padding-top:0}.project-heading{align-items:center;height:100px;margin:0;padding:0;display:flex}.brand-heading{align-items:center;min-width:0;max-width:100%;margin:0;line-height:0;display:flex}.brand-mark{flex-shrink:1;justify-content:flex-start;align-items:center;width:250px;min-width:0;max-width:100%;height:100px;display:flex}.brand-mark img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.brand-mark-forbidden-fruit img{width:132px}.brand-mark-zoom img{width:196px}.brand-relax .project-heading{height:150px;margin-bottom:12px}.brand-mark-relax{height:150px}.brand-mark-relax img{width:150px;height:150px}.brand-mark-microdose img{height:100px}.brand-microdose .project-heading{margin-bottom:40px}.brand-mark-fire-proof img{width:220px}.brand-work{flex-direction:column;gap:36px;width:100%;display:flex}.collection{width:100%;min-width:0;margin:0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:28px;width:100%;margin:0;padding:0;display:grid}figure{min-width:0;margin:0}.artwork{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:340px;padding:0;display:flex;position:relative;overflow:hidden}.artwork img{object-fit:contain;width:90%;height:90%;transition:transform .25s;display:block}.artwork:hover img{transform:translateY(-4px)}.gummies .gallery,.brownies .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.zoom .artwork{height:370px}.cartons .artwork{height:360px}.cartons .artwork img{width:96%;height:96%}.cartons .gallery{max-width:1020px;margin:0 auto}.relax-brownies .gallery,.relax-stroopwafels .gallery,.relax-retail .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.relax-brownies .artwork,.relax-stroopwafels .artwork{height:330px}.relax-brownies .artwork img,.relax-stroopwafels .artwork img{filter:brightness(1.045);mix-blend-mode:darken;width:84%;height:88%}.relax-retail .gallery{gap:48px;max-width:840px;margin:0 auto}.relax-retail .artwork{height:310px}.relax-retail .artwork img{filter:brightness(1.04);mix-blend-mode:darken;-webkit-mask-composite:source-in;width:88%;height:92%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ff-details .gallery{grid-template-columns:1fr 1.4fr 1fr;gap:32px;max-width:1100px;margin:0 auto}.ff-details .artwork{height:290px}.ff-details figure:first-child img{width:100%;height:auto;max-height:110px}.ff-details figure:nth-child(2) img{width:94%;height:94%}.ff-details figure:last-child img{width:95%;height:180px}.microdose-identity .gallery,.fire-proof-identity .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.fire-proof-identity .artwork{height:220px}.brand-microdose .brand-work{flex-direction:column;gap:12px;max-width:1020px;margin:0 auto;display:flex}.microdose-identity .gallery{grid-template-columns:minmax(0,1fr) 90px;gap:48px;max-width:430px;margin:0 auto}.microdose-identity .artwork{height:100px}.microdose-identity figure:first-child img{width:100%;max-width:250px;height:auto;max-height:60px}.microdose-identity figure:last-child img{width:76px;height:76px}.fire-proof-identity img{max-width:350px;max-height:198px}.fire-proof-signs .artwork{height:390px}.fire-proof-signs .artwork img{width:96%;height:92%}.brand-mark-tck-niyko img{aspect-ratio:180/66;flex:none;width:145px;height:auto}.brand-mark-hero-luxury img{width:215px;height:auto}.brand-hero-luxury .project-heading,.brand-tck-niyko .project-heading{margin-bottom:18px}.film-player{aspect-ratio:16/9;background:#171715;width:100%;overflow:hidden}.film-player iframe{border:0;width:100%;height:100%;display:block}.brand-mark-itssmill img{width:220px;height:auto}.itssmill-work .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}.itssmill-work .artwork{height:410px;padding:8px}.itssmill-work svg{width:100%;height:100%;transition:transform .25s;display:block;overflow:hidden}.itssmill-work .artwork:hover svg{transform:translateY(-4px)}.contact{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9%;padding:76px 0 58px;display:grid}.contact h2{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:52px;font-weight:700;line-height:1.05}.contact-description{text-transform:uppercase;letter-spacing:.045em;color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.9}form{min-width:0;padding-top:4px}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px;font-size:10px;font-weight:600;display:block}input,textarea{width:100%;color:var(--ink);letter-spacing:normal;text-transform:none;background:0 0;border:0;border-bottom:1px solid #c9c9c1;border-radius:0;padding:14px 0 13px;font-size:14px;font-weight:400;transition:border-color .15s;display:block}input:focus,textarea:focus{border-bottom-color:var(--ink)}input::placeholder,textarea::placeholder{color:#8b8b84;opacity:1;text-transform:uppercase;letter-spacing:.055em;font-size:10px}textarea{resize:vertical;min-height:112px}.form-bottom{flex-direction:column;align-items:stretch;gap:14px;display:flex}.send{background:var(--ink);width:100%;min-height:52px;color:var(--paper);border:1px solid var(--ink);letter-spacing:.13em;cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:16px 20px;font-size:11px;font-weight:700;display:flex}.send:hover{background:#42423d}.send:disabled{opacity:.6;cursor:wait}.privacy{color:var(--muted);text-transform:uppercase;letter-spacing:.035em;margin:0;font-size:9px;line-height:1.6}.status{min-height:20px;margin-top:14px;font-size:12px;line-height:1.6}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}footer{border-top:1px solid var(--line);max-width:1600px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin:auto;padding:25px 5.5% 35px;font-size:10px;display:flex}dialog.project-viewer{width:100%;min-width:0;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.project-viewer[open]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.project-viewer::backdrop{-webkit-backdrop-filter:blur(8px);background:#f5f4f0b8;animation:.52s both viewer-backdrop-in}.viewer-header{z-index:2;padding:max(16px,env(safe-area-inset-top)) 5% 12px;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;min-width:0;transition:opacity .2s;display:flex;position:absolute;inset:0 0 auto}.viewer-brand{object-fit:contain;object-position:left center;width:112px;max-width:40%;height:44px;display:block}.viewer-close{width:44px;height:44px;color:var(--ink);cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-shrink:0;place-items:center;padding:9px;display:grid}.viewer-close svg{width:26px;height:26px;display:block}.viewer-close:hover{opacity:.55}.viewer-stage{width:100%;min-width:0;height:100%;min-height:0;padding:max(92px,calc(env(safe-area-inset-top) + 70px)) clamp(16px,4vw,64px) max(36px,env(safe-area-inset-bottom));margin:0;display:block;overflow:hidden}.viewer-media{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;min-width:0;max-width:1440px;height:100%;min-height:0;margin:auto;position:relative}.viewer-media:active{cursor:grabbing}.viewer-frame{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.viewer-frame img,.viewer-frame svg{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;overflow:hidden}.has-navigated .viewer-frame{animation:.3s cubic-bezier(.22,1,.36,1) both viewer-image-in}.project-viewer.is-closing .viewer-header{opacity:0}.project-viewer.is-closing::backdrop{animation:.34s both viewer-backdrop-out}.viewer-accessible-navigation{width:0;height:0;position:absolute}.viewer-keyboard-control:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer-keyboard-control:focus-visible{z-index:10;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:12px 16px;position:fixed;bottom:24px;left:24px}.viewer-keyboard-control+.viewer-keyboard-control:focus-visible{left:auto;right:24px}@keyframes viewer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes viewer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes viewer-image-in{0%{opacity:0;transform:translateX(calc(var(--viewer-direction)*28px))}to{opacity:1;transform:translate(0)}}@media (max-width:760px){.masthead{height:300px;margin-bottom:30px;padding:36px 6%}.portrait-logo{width:165px;height:213px}.masthead-services{font-size:12px;line-height:1.1;top:38px;right:6%}main{padding:0 6%}.brand{padding:0}.brand+.brand{margin-top:96px}.brand-hero-luxury{padding-bottom:64px}.project-heading{height:78px;margin-bottom:0;padding:0}.brand-mark{width:220px;height:78px}.brand-mark-forbidden-fruit img{width:110px}.brand-mark-zoom img{width:164px}.brand-relax .project-heading{height:116px;margin-bottom:8px}.brand-mark-relax{height:116px}.brand-mark-relax img{width:116px;height:116px}.brand-mark-microdose img{height:78px}.brand-microdose .project-heading{margin-bottom:28px}.brand-mark-fire-proof img{width:184px}.brand-mark-tck-niyko img{width:130px}.brand-mark-hero-luxury img{width:184px}.brand-hero-luxury .project-heading,.brand-tck-niyko .project-heading{margin-bottom:16px}.brand-work{gap:24px}.gallery{gap:18px 12px}.artwork{height:clamp(210px,61vw,310px)}.artwork img{width:94%;height:90%}.gummies .gallery,.brownies .gallery,.zoom .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.zoom .artwork{height:clamp(220px,63vw,320px)}.cartons .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cartons .artwork{height:clamp(200px,59vw,275px)}.cartons .artwork img{width:100%;height:98%}.relax-brownies .gallery,.relax-stroopwafels .gallery,.relax-retail .gallery{gap:12px}.relax-brownies .artwork,.relax-stroopwafels .artwork{height:clamp(210px,59vw,290px)}.relax-retail .artwork{height:clamp(195px,53vw,260px)}.relax-retail .artwork img{width:90%;height:90%}.ff-details .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.ff-details figure:first-child{grid-area:1/1}.ff-details figure:last-child{grid-area:1/2}.ff-details figure:nth-child(2){grid-area:2/1/auto/-1}.ff-details .artwork{height:140px}.ff-details figure:first-child img{max-height:90px}.ff-details figure:last-child img{height:125px}.ff-details figure:nth-child(2) .artwork{height:230px}.ff-details figure:nth-child(2) img{max-width:320px}.microdose-identity .gallery,.fire-proof-identity .gallery{gap:24px}.brand-microdose .brand-work{gap:12px}.microdose-identity .gallery{grid-template-columns:minmax(0,1fr) 64px;gap:28px;max-width:330px}.microdose-identity .artwork{height:84px}.microdose-identity figure:first-child img{max-width:100%;max-height:40px}.microdose-identity figure:last-child img{max-width:64px;max-height:64px}.fire-proof-identity .artwork{height:168px}.fire-proof-identity img{width:100%;max-width:100%;max-height:140px}.fire-proof-signs .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fire-proof-signs figure:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.fire-proof-signs .artwork{height:clamp(230px,64vw,320px)}.brand-mark-itssmill img{width:184px}.itssmill-work .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.itssmill-work figure:nth-child(3){grid-area:2/2}.itssmill-work figure:nth-child(4){grid-area:2/1}.itssmill-work .artwork{height:clamp(190px,56vw,290px);padding:0}.contact{grid-template-columns:1fr;gap:38px;padding:52px 0 30px}.contact h2{font-size:40px}.contact-description{margin-top:8px;font-size:10px}footer{padding:25px 6%;font-size:9px}footer span:last-child{display:none}.viewer-header{padding:max(10px,env(safe-area-inset-top)) 5% 8px}.viewer-brand{width:92px;height:38px}.viewer-stage{padding:max(78px,calc(env(safe-area-inset-top) + 60px)) 18px max(32px,env(safe-area-inset-bottom))}}@media (max-width:540px){.form-row{grid-template-columns:1fr;gap:0}}@media (max-width:380px){.portrait-logo{width:144px;height:186px}.masthead-services{font-size:10px}.masthead{height:275px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;overflow-x:clip}*,:before,:after{transition:none!important}.project-viewer .viewer-frame{animation:none!important}.project-viewer::backdrop{animation:none!important}}.project-viewer:not(.is-closing) .viewer-header{animation:.5s both viewer-controls-in}@keyframes viewer-controls-in{0%,40%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.project-viewer .viewer-header{animation:none!important}}
