@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,500..800,0..100,0..1&display=swap');
:root{--cream:#F4EBD7;--ink:#1A1A1A;--orange:#D3542F;--yellow:#D6A43A;--blue:#5F7F86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{width:100%;display:block}h1,h2,h3,p{margin:0}i,.logo{font-family:"Fraunces",serif;font-style:italic}.logo{font-size:30px;font-weight:750;letter-spacing:-2px;transform:skewX(-5deg);display:inline-block}header{height:78px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--ink)}nav{display:flex;gap:34px;font-size:13px;font-weight:600}.talk{justify-self:end;background:var(--orange);color:white;padding:12px 20px;font-weight:700;font-size:13px}.hero2{min-height:690px;padding:80px 5vw 65px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;overflow:hidden}.tiny,.hero2 .tiny{font-size:11px;font-weight:700;letter-spacing:2px}.hero2 h1{font-family:"Fraunces";font-size:clamp(68px,7.4vw,116px);line-height:.88;letter-spacing:-6px;margin:27px 0 30px}.hero2 h1 i{color:var(--orange);font-weight:600}.lead{font-size:19px;line-height:1.5;max-width:520px}.buttons{display:flex;gap:25px;align-items:center;margin-top:34px}.orange{background:var(--orange);color:white;padding:15px 22px;font-weight:700;font-size:13px}.plain{font-weight:700;font-size:13px;border-bottom:2px solid var(--ink);padding:10px 0}.heroArt{height:530px;position:relative}.sun{position:absolute;width:370px;height:370px;background:var(--yellow);border-radius:50%;right:4%;top:6%}.paper{position:absolute;background:white;border:2px solid var(--ink);padding:8px;box-shadow:10px 10px 0 var(--ink);overflow:hidden}.paper img{height:100%;object-fit:cover;object-position:top}.p1{width:72%;height:61%;left:0;top:8%;transform:rotate(-4deg)}.p2{width:61%;height:52%;right:0;bottom:2%;transform:rotate(5deg)}.scribble{position:absolute;left:3%;bottom:2%;font-family:"Fraunces";font-style:italic;font-size:25px;line-height:.9;transform:rotate(-7deg);color:var(--orange)}.ticker{background:var(--ink);color:var(--cream);padding:15px 4vw;display:flex;justify-content:space-around;gap:24px;font-size:12px;letter-spacing:2px;font-weight:700;white-space:nowrap;overflow:hidden}.ticker b{color:var(--yellow)}.catchup{padding:110px 12vw 120px}.badge{display:inline-block;border:2px solid var(--ink);padding:8px 12px;font-size:10px;font-weight:700;letter-spacing:1.5px;transform:rotate(-2deg);margin-bottom:30px}.catchup h2,.how h2,.portfolio h2,.price2 h2,.own h2,.final h2{font-family:"Fraunces";font-size:clamp(52px,6vw,88px);line-height:.96;letter-spacing:-4px}.catchup h2 i{color:var(--blue)}.catchgrid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:45px 0 0 30%}.catchgrid p{font-size:16px;line-height:1.65}.how{background:var(--blue);color:#fff;padding:100px 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.howTitle>span,.portHead>span,.priceIntro>span,.own span{font-size:10px;letter-spacing:2px;font-weight:700}.how h2{margin-top:24px}.how h2 i{color:var(--cream)}.howTitle>p{font-family:"Fraunces";font-style:italic;font-size:24px;margin-top:22px}.steps{border-top:2px solid white}.steps article{display:grid;grid-template-columns:52px 1fr 1fr;gap:20px;border-bottom:1px solid rgba(255,255,255,.55);padding:28px 0}.steps b{font-family:"Fraunces";font-size:18px;color:var(--cream)}.steps h3{font-family:"Fraunces";font-size:25px}.steps p{font-size:13px;line-height:1.55}.portfolio{padding:110px 5vw 130px}.portHead{max-width:850px;margin-bottom:65px}.portHead h2{margin-top:20px}.portHead i{color:var(--orange)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:75px 5vw;align-items:start}.project.pr1{margin-top:110px}.project.pr2{grid-column:1/3;width:70%;margin-left:auto}.shot{border:2px solid var(--ink);padding:8px;background:white;box-shadow:8px 8px 0 var(--yellow);overflow:hidden}.shot img{aspect-ratio:1.55/1;object-fit:cover;object-position:top}.project>div:last-child{padding-top:17px}.project small{font-size:9px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.project h3{font-family:"Fraunces";font-size:30px;margin:4px 0}.project p{font-size:12px}.price2{background:var(--yellow);padding:100px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.priceIntro h2{margin:20px 0 28px}.priceIntro i{color:var(--cream)}.priceIntro p{max-width:410px;line-height:1.6}.priceCard{background:var(--cream);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:45px}.cost{font-family:"Fraunces";font-size:88px;line-height:1;letter-spacing:-6px;color:var(--orange)}.priceCard h3{font-family:"Fraunces";font-size:29px;margin:8px 0 28px}.priceCard ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.priceCard li{padding:12px 0;border-bottom:1px solid rgba(26,26,26,.25);font-size:14px}.pay{display:flex;justify-content:space-between;gap:10px;margin-top:26px;font-size:11px;align-items:center}.pay span{color:var(--orange)}.own{padding:100px 9vw;display:grid;grid-template-columns:.45fr 1.55fr;align-items:center;gap:5vw}.asterisk{font-family:"Fraunces";font-size:190px;color:var(--orange);transform:rotate(12deg)}.own h2{margin:20px 0 25px}.own h2 i{color:var(--blue)}.own p{max-width:660px;line-height:1.65}.final{background:var(--orange);color:white;text-align:center;padding:90px 20px 105px}.final .logo{margin-bottom:45px}.final h2{font-size:clamp(72px,9vw,130px);line-height:.8}.final h2 i{color:var(--cream)}.final p{font-size:19px;margin:32px 0}.final>a{display:inline-block;background:var(--cream);color:var(--ink);padding:16px 22px;font-weight:700;font-size:13px}footer{background:var(--ink);color:var(--cream);padding:24px 5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}
@media(max-width:800px){header{height:68px;padding:0 18px;grid-template-columns:1fr auto}nav{display:none}.talk{padding:10px 14px}.hero2{grid-template-columns:1fr;padding:55px 18px 45px}.hero2 h1{font-size:60px;letter-spacing:-4px}.heroArt{height:370px;margin-top:20px}.sun{width:270px;height:270px}.ticker{justify-content:flex-start}.catchup{padding:75px 18px}.catchup h2,.how h2,.portfolio h2,.price2 h2,.own h2{font-size:47px;letter-spacing:-2.5px}.catchgrid{grid-template-columns:1fr;margin:35px 0 0;gap:20px}.how,.price2{grid-template-columns:1fr;padding:75px 18px;gap:50px}.steps article{grid-template-columns:42px 1fr}.steps p{grid-column:2}.portfolio{padding:75px 18px}.projects{grid-template-columns:1fr;gap:50px}.project.pr1,.project.pr2{margin:0;width:100%;grid-column:auto}.priceCard{padding:30px 22px}.cost{font-size:70px}.pay{font-size:10px;flex-wrap:wrap}.own{padding:70px 18px;grid-template-columns:1fr}.asterisk{font-size:90px}.final h2{font-size:70px}footer{gap:14px;flex-wrap:wrap}}

/* Brand lock refinements */
.logo{font-family:"Fraunces",serif;font-style:italic;font-weight:760;font-size:29px;line-height:.72;letter-spacing:-2.2px;transform:rotate(-6deg) skewX(-5deg);transform-origin:center;display:inline-flex;flex-direction:column;width:max-content;padding:6px 4px}.logo span:last-child{margin-left:16px}.final .logo{font-size:34px}
.hero2{position:relative}.hero2:after{content:"";position:absolute;left:5vw;right:5vw;bottom:28px;border-bottom:1px solid rgba(26,26,26,.22)}
.heroWords{position:relative;z-index:2}.heroWords:before{content:"BETTER LATE / 01";position:absolute;right:2%;top:-42px;font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--blue);transform:rotate(2deg)}
.hero2 h1{position:relative}.hero2 h1:after{content:"";position:absolute;width:70px;height:8px;background:var(--yellow);left:4px;bottom:-18px;transform:rotate(-2deg)}
.heroArt{transform:translateY(-4px)}.sun:after{content:"";position:absolute;width:82px;height:82px;border:2px solid var(--ink);border-radius:50%;right:-28px;bottom:14px}
.scribble{left:-1%;bottom:0;background:var(--ink);color:var(--cream);padding:12px 16px 11px;transform:rotate(-5deg);font-size:20px;line-height:1;box-shadow:5px 5px 0 var(--orange)}.scribble span{display:block}.scribble span:last-child{color:var(--yellow);margin-left:12px}
.blueLine{color:var(--blue)!important}
.ticker{justify-content:center;border-top:1px solid #000;border-bottom:1px solid #000}
.final>.logo{color:white}
@media(max-width:800px){.logo{font-size:24px}.final .logo{font-size:30px}.heroWords:before{display:none}.hero2:after{left:18px;right:18px}.scribble{font-size:17px}.ticker{justify-content:flex-start}}

/* Feedback round: live marquee, proof imagery, ownership seal */
.ticker{display:block;padding:0;overflow:hidden;white-space:nowrap}.tickerTrack{display:flex;width:max-content;animation:marquee 24s linear infinite}.tickerSet{display:flex;align-items:center;gap:34px;padding:15px 17px}.tickerSet span{min-width:max-content}.tickerSet b{color:var(--yellow)}
@keyframes marquee{to{transform:translateX(-50%)}}
.ownGraphic{display:grid;place-items:center}.stampOuter{width:190px;height:190px;border:3px solid var(--orange);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-7deg);box-shadow:inset 0 0 0 7px var(--cream),inset 0 0 0 9px var(--orange);font-family:"DM Sans";color:var(--orange)}.stampOuter span{font-size:10px;letter-spacing:2px;font-weight:800}.stampOuter b{font-family:"Fraunces";font-style:italic;font-size:27px;line-height:.85;margin:8px 0}
.final .logo{background:transparent!important;display:inline-flex!important;flex-direction:column!important;color:white;padding:8px 12px;transform:rotate(-6deg) skewX(-5deg)!important}.final .logo span:last-child{margin-left:18px}
.heroArt .paper img,.shot img{background:white}
@media(prefers-reduced-motion:reduce){.tickerTrack{animation-play-state:paused}}
@media(max-width:800px){.stampOuter{width:145px;height:145px}.stampOuter b{font-size:22px}.ownGraphic{justify-content:start}}

/* Feedback round 4 */
.hero2 h1:after{width:92px;height:18px;background:transparent;bottom:-24px;left:0;transform:rotate(-3deg);border-radius:55% 35% 60% 25%;border-top:8px solid var(--yellow);border-bottom:3px solid var(--yellow);clip-path:polygon(0 15%,100% 0,92% 60%,100% 78%,15% 100%,0 72%);filter:drop-shadow(2px 1px 0 rgba(26,26,26,.08))}
.orangeLine{color:var(--orange)!important}
.vintageTicket{width:210px;min-height:176px;border:2px solid var(--orange);color:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px 24px;position:relative;transform:rotate(-5deg);background:var(--cream);box-shadow:5px 5px 0 var(--orange);clip-path:polygon(8% 0,92% 0,100% 12%,96% 20%,100% 30%,96% 40%,100% 50%,96% 60%,100% 70%,96% 80%,100% 88%,92% 100%,8% 100%,0 88%,4% 80%,0 70%,4% 60%,0 50%,4% 40%,0 30%,4% 20%,0 12%)}.vintageTicket:after{content:"";position:absolute;inset:9px;border:1px dashed var(--orange);pointer-events:none}.vintageTicket small{font-size:8px;letter-spacing:1.5px;font-weight:800}.vintageTicket b{font-family:"Fraunces";font-style:italic;font-size:31px;line-height:.8;margin:12px 0 10px}.vintageTicket span{font-size:9px;letter-spacing:1.6px;font-weight:800}.ticketStars{font-size:11px;margin-bottom:8px}
.final{position:relative;padding-bottom:52px}.finalLogo{margin-top:76px;padding-top:28px;border-top:1px solid rgba(255,255,255,.45);display:flex;justify-content:center}.final .finalLogo .logo{margin:0;font-size:34px}
@media(max-width:800px){.hero2{display:block}.heroArt{display:block!important;visibility:visible!important;min-height:370px;height:370px;margin-top:38px}.heroArt .paper{display:block!important}.heroArt .p1{width:78%;height:60%;left:0;top:6%}.heroArt .p2{width:66%;height:50%;right:0;bottom:4%}.heroArt .sun{display:block;width:250px;height:250px;right:-18px}.vintageTicket{width:175px;min-height:150px}.finalLogo{margin-top:60px}}

/* Feedback round 5: intentional hero artwork + corrected vintage details */
.hero2 h1:after{content:"";position:absolute;left:2px;bottom:-18px;width:112px;height:14px;background:var(--yellow);border:0;filter:none;clip-path:polygon(0 44%,8% 25%,20% 35%,34% 10%,48% 30%,62% 8%,78% 26%,100% 0,96% 48%,82% 58%,68% 48%,51% 70%,36% 52%,19% 80%,3% 67%);transform:rotate(-2deg)}
.heroArt{display:block!important;visibility:visible!important;opacity:1!important;min-height:530px}
.heroPoster{position:absolute;background:var(--cream);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);overflow:hidden;z-index:2}.posterOne{width:72%;height:62%;left:0;top:7%;transform:rotate(-4deg)}.posterTwo{width:61%;height:51%;right:0;bottom:3%;transform:rotate(5deg)}.posterTop{height:34px;border-bottom:1px solid var(--ink);padding:10px 12px;font-size:7px;letter-spacing:1.5px;font-weight:800}.posterBody{height:calc(100% - 34px);background:#f3eee3;padding:26px 24px;display:flex;flex-direction:column;justify-content:center}.posterBody span{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--orange);margin-bottom:14px}.posterBody b{font-family:"Fraunces";font-size:clamp(27px,2.8vw,44px);line-height:.94;letter-spacing:-1.5px}.posterBody small{margin-top:25px;font-size:7px;letter-spacing:1.4px;font-weight:700}.bluePoster{background:var(--blue);color:white}.bluePoster span{color:var(--cream)}.bluePoster small{color:var(--cream)}
.vintageTicket{display:none}.vintageSeal{display:grid;place-items:center}.sealRing{width:190px;height:190px;border-radius:50%;border:3px double var(--orange);outline:1px dashed var(--orange);outline-offset:-10px;background:var(--cream);color:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-7deg);box-shadow:4px 5px 0 rgba(211,84,47,.25);position:relative}.sealRing:before,.sealRing:after{content:"✦";position:absolute;top:47%;font-size:14px}.sealRing:before{left:18px}.sealRing:after{right:18px}.sealRing span{font-size:7px;letter-spacing:1.2px;font-weight:800;max-width:110px;line-height:1.4}.sealRing b{font-family:"Fraunces";font-style:italic;font-size:28px;line-height:.8;margin:10px 0 8px}.sealRing small{font-size:7px;letter-spacing:1.5px;font-weight:800}
.finalLogo{border-top:0!important;padding-top:0!important}
@media(max-width:800px){.heroArt{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;min-height:390px!important;height:390px!important;margin:42px 0 0!important}.heroArt .sun{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:0}.heroPoster{display:block!important;visibility:visible!important;opacity:1!important}.posterOne{width:78%;height:61%;left:0;top:5%}.posterTwo{width:66%;height:51%;right:0;bottom:3%}.posterBody{padding:18px 16px}.posterBody b{font-size:27px}.scribble{z-index:4}.sealRing{width:160px;height:160px}.sealRing b{font-size:24px}}

/* Hero direction: brand artwork, not portfolio repetition */
.hero2 h1:after{content:none!important}
.heroTypePoster{position:absolute;z-index:2;left:2%;top:4%;width:68%;height:72%;background:var(--orange);color:var(--cream);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:30px 28px;transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:space-between}.heroTypePoster>span,.heroTypePoster>small{font-size:8px;letter-spacing:1.7px;font-weight:800}.heroTypePoster>b{font-family:"Fraunces";font-size:clamp(38px,4vw,60px);line-height:.75;letter-spacing:-2px}.heroTypePoster>b i{color:var(--yellow);font-weight:650}.heroNote{position:absolute;z-index:3;right:0;bottom:4%;width:54%;background:var(--cream);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--blue);padding:22px 20px;transform:rotate(5deg)}.heroNote span{font-size:8px;letter-spacing:1.6px;font-weight:800;color:var(--orange)}.heroNote b{display:block;font-family:"Fraunces";font-size:27px;line-height:.95;margin:10px 0}.heroNote p{font-family:"Fraunces";font-style:italic;font-size:17px;color:var(--blue)}.heroArt .scribble{z-index:5;left:-2%;bottom:0}
@media(max-width:800px){.heroTypePoster{display:flex!important;visibility:visible!important;opacity:1!important;width:76%;height:70%;left:1%;top:4%;padding:23px 20px}.heroTypePoster>b{font-size:39px}.heroNote{display:block!important;visibility:visible!important;opacity:1!important;width:62%;right:0;bottom:5%;padding:17px 15px}.heroNote b{font-size:22px}.heroNote p{font-size:14px}}

/* Header presence + ownership badge placement */
header>.logo{font-size:39px;line-height:.7;letter-spacing:-2.8px;padding:8px 5px}header>.logo span:last-child{margin-left:20px}
.own{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:54px!important}.ownCopy{width:min(820px,100%)}.ownGraphic{align-self:flex-end;margin-right:7vw;margin-top:-18px}
.vintageSeal{display:none!important}.vintageBadge{display:block!important}.badgeSun{width:200px;height:200px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;position:relative;transform:rotate(7deg);box-shadow:6px 6px 0 var(--ink)}.badgeSun:before{content:"";position:absolute;inset:9px;border:2px dashed var(--ink);border-radius:50%}.badgeSun:after{content:"✦";position:absolute;top:13px;left:50%;transform:translateX(-50%);font-size:13px}.badgeInner{width:154px;height:154px;border-radius:50%;border:2px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.badgeInner small{font-size:8px;letter-spacing:2px;font-weight:800}.badgeInner b{font-family:"Fraunces";font-style:italic;font-size:47px;line-height:.9;margin:7px 0 0;color:var(--orange)}.badgeInner span{font-family:"Fraunces";font-size:22px;font-weight:750;line-height:1}.badgeInner em{font-style:normal;font-size:7px;letter-spacing:1.4px;font-weight:800;margin-top:9px}
@media(max-width:800px){header>.logo{font-size:31px}header>.logo span:last-child{margin-left:17px}.own{gap:40px!important}.ownGraphic{align-self:center;margin:0}.badgeSun{width:165px;height:165px}.badgeInner{width:126px;height:126px}.badgeInner b{font-size:38px}.badgeInner span{font-size:18px}}

/* Portfolio consistency: equal-width concept cards and identical image frames. */
.projects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.project.pr1{margin-top:0}
.project.pr2{grid-column:auto;width:100%;margin-left:0}
.project{min-width:0}
.shot{width:100%;aspect-ratio:1.55/1;display:flex;align-items:stretch}
.shot img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
@media(max-width:800px){.projects{grid-template-columns:minmax(0,1fr)}.project.pr1,.project.pr2{margin:0;width:100%;grid-column:auto}}

/* Display the complete desktop screenshots without cropping their sides. */
.shot{aspect-ratio:auto;display:block}
.shot img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;display:block}

.conceptDisclaimer{max-width:850px;margin:48px auto 0;text-align:center;font-size:12px;line-height:1.6;color:#5f5a52}