:root{--ink:#211d23;--paper:#fffdf8;--pink:#f5a9c5;--yellow:#ffe16d;--purple:#7655aa;--muted:#625c62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.top{height:86px;padding:0 max(5%,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:4;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:19px;letter-spacing:-.6px;text-decoration:none}.brand small,.footbrand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.mark{background:var(--yellow);border:2px solid var(--ink);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:29px}.top nav{display:flex;align-items:center;gap:27px}.top nav a{font-size:13px;font-weight:700;text-decoration:none}.top nav a:hover{text-decoration:underline}.top .navcta{background:var(--ink);color:white;padding:13px 19px;border-radius:30px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;overflow:hidden}.hero-text{padding:85px 6vw 70px max(6vw,calc((100vw - 1180px)/2));position:relative}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:900}.hero h1{font-size:clamp(48px,5.5vw,88px);line-height:1.03;letter-spacing:-4px;margin:27px 0}.hero h1 em,.heading h2 em,.gallery-copy h2 em,.contact h2 em{font-style:normal;color:var(--purple)}.hero p{font-size:17px;line-height:1.75;max-width:500px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--yellow);border:2px solid var(--ink);border-radius:40px;padding:17px 23px;text-decoration:none;font-weight:900;font-size:13px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .2s}.button:hover{transform:translate(-2px,-2px)}.button.secondary{background:transparent;box-shadow:none}.hero-note{margin-top:55px;font-size:12px;letter-spacing:2px;font-weight:800}.hero-art{position:relative;background:var(--pink);min-height:580px;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:30px;border:2px dashed rgba(33,29,35,.3);border-radius:200px}.camera{width:255px;height:370px;border:8px solid var(--ink);border-radius:90px 90px 28px 28px;background:#f6e8d7;position:relative;box-shadow:20px 23px 0 rgba(33,29,35,.18);transform:rotate(-7deg)}.camtop{position:absolute;width:115px;height:22px;background:var(--ink);border-radius:0 0 20px 20px;top:0;left:62px}.lens{width:145px;height:145px;border:12px solid var(--ink);border-radius:50%;position:absolute;top:60px;left:47px;background:var(--purple);display:grid;place-items:center;box-shadow:inset 0 0 0 13px #c4afe0}.lensinner{width:65px;height:65px;background:#211d23;border-radius:50%;box-shadow:inset 16px 13px 0 #4d3d70}.camlabel{position:absolute;top:226px;left:54px;text-align:center;font-weight:900;font-size:27px;line-height:.9;letter-spacing:-1px}.slot{position:absolute;bottom:29px;left:47px;width:145px;height:10px;background:var(--ink);border-radius:10px}.strip{position:absolute;width:110px;background:white;padding:9px 9px 17px;right:8%;top:16%;transform:rotate(12deg);box-shadow:5px 8px 0 rgba(33,29,35,.25);border:2px solid var(--ink)}.snap{height:75px;background:#c2b0e4;display:grid;place-items:center;margin-bottom:6px;font-size:38px}.snap:nth-child(2){background:#f8bdad}.snap:nth-child(3){background:#ffdf6c}.strip strong{font-size:10px}.sticker{position:absolute;bottom:13%;left:7%;border:3px solid var(--ink);border-radius:50%;width:115px;height:115px;display:grid;place-items:center;text-align:center;transform:rotate(-18deg);background:var(--yellow);font-weight:900;font-size:20px}.flash{position:absolute;left:12%;top:12%;font-size:100px;color:var(--yellow)}.ticker{background:var(--ink);color:white;padding:22px 3%;display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;font-size:12px;letter-spacing:1px;font-weight:900}.section{padding:105px max(6%,calc((100vw - 1180px)/2))}.heading{max-width:730px}.heading h2,.gallery-copy h2,.contact h2{font-size:clamp(36px,4vw,60px);letter-spacing:-2px;line-height:1.1;margin:20px 0}.heading p{font-size:17px;color:var(--muted);line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.features article{border:2px solid var(--ink);padding:30px;min-height:270px;border-radius:16px;background:white;box-shadow:5px 5px 0 var(--ink)}.features article>span{font-size:12px;font-weight:900}.feature-icon{font-size:45px;color:var(--purple);margin:20px 0}.features h3,.steps h3{font-size:21px}.features p,.steps p{color:var(--muted);line-height:1.7;font-size:14px}.gallery-section{background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;min-height:580px;overflow:hidden}.gallery-copy{padding:90px 5vw 80px max(6vw,calc((100vw - 1180px)/2))}.gallery-copy p{font-size:16px;line-height:1.75;max-width:460px}.button.dark{background:var(--ink);color:white;box-shadow:4px 4px 0 #a78b38;margin:18px 0}.gallery-copy .hint{font-size:12px;max-width:430px}.gallery-art{position:relative;min-height:540px}.polaroid{position:absolute;background:white;padding:12px 12px 28px;width:205px;border:2px solid var(--ink);box-shadow:8px 10px 0 rgba(33,29,35,.25);text-align:center;font-size:12px;font-weight:900}.polaroid .photo{height:190px;display:grid;place-items:center;font-size:57px}.bg1{background:#c4afe0}.bg2{background:#f6a7bd}.bg3{background:#b9dfb2}.polaroid span{display:block;margin-top:15px}.p1{left:12%;top:12%;transform:rotate(-12deg)}.p2{right:11%;top:21%;transform:rotate(10deg)}.p3{left:29%;bottom:7%;transform:rotate(-3deg)}.process{background:#f5f0fb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.steps>div{border-top:3px solid var(--ink);padding-top:20px}.steps b{font-size:36px;color:var(--purple)}.contact{padding:95px max(6%,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#d8efce}.contact>div>p{line-height:1.8;max-width:450px}.owners{font-weight:900;margin-top:55px}.owners small{font-weight:400}.contact form{background:white;border:2px solid var(--ink);border-radius:16px;padding:32px;box-shadow:7px 7px 0 var(--ink);display:flex;flex-direction:column;gap:10px}.contact label{font-weight:900;font-size:11px;margin-top:10px}.contact input,.contact select,.contact textarea{width:100%;padding:13px;border:1px solid #bcb6b9;border-radius:7px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact form .button{margin-top:15px}.contact form small{color:var(--muted);line-height:1.5}footer{background:var(--ink);color:white;padding:45px max(6%,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footbrand{font-weight:900;font-size:21px}footer a{margin-right:18px;font-size:12px}footer p{width:100%;font-size:11px;color:#c5bdc7;margin-top:30px}.legal{max-width:850px;margin:70px auto;padding:0 25px;line-height:1.8}.legal h1{font-size:44px}.warning{border:2px solid #a35a19;background:#fff2d7;padding:20px;border-radius:10px}.legal a{overflow-wrap:anywhere}@media(max-width:850px){.top{height:76px;padding:0 5%}.menu{display:block;border:2px solid var(--ink);background:var(--yellow);border-radius:8px;padding:7px 12px;font-size:20px}.top nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:2px solid var(--ink)}.top nav.open{display:flex}.hero,.gallery-section,.contact{grid-template-columns:1fr}.hero-text{padding:65px 6%}.hero-art{min-height:500px}.section{padding:75px 6%}.features,.steps{grid-template-columns:1fr}.gallery-copy{padding:75px 6%}.contact{padding:75px 6%;gap:30px}}@media(max-width:450px){.brand{font-size:15px}.brand small{font-size:7px}.hero h1{letter-spacing:-2px}.strip{right:2%;transform:rotate(8deg) scale(.75)}.sticker{left:1%;transform:rotate(-18deg) scale(.8)}.polaroid{transform:scale(.75)!important}.p1{left:0}.p2{right:0}.p3{left:18%}.two{grid-template-columns:1fr}}
