/* Moy's studio: photographic work, painted signs and a living character. */
:root{--serif:'Fraunces',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--paper:#f5eddc;--ink:#0c1c19;--deep:#081410}
body{font-family:var(--sans)}h1,h2,h3{font-weight:650}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h2{letter-spacing:-.055em}button,a{text-underline-offset:5px}.eyebrow{font-size:11px;letter-spacing:.15em}.wrap{width:min(1320px,calc(100% - 100px))}.header{height:78px;background:#0b1915;padding:0 50px}.header nav{font-size:12px;gap:27px}.wordmark{font-size:27px}.header .nav-contact{border-radius:0;border-color:#b4a78c}.hero{--hero-logo-width:265px;--hero-logo-clearance:28px;background:radial-gradient(ellipse at 85% 40%,var(--brand-glow),transparent 65%),linear-gradient(120deg,#0b1915,#101e1b);border-bottom:1px solid #fbefcc22}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.32' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hero>.hero-inner{grid-template-columns:1.04fr 1fr;min-height:750px;padding-bottom:115px;align-items:start}.hero h1{font-size:clamp(62px,6.45vw,99px);font-weight:650;line-height:1.02;letter-spacing:-.07em;margin:22px 0 26px;white-space:nowrap}.hero-question{font-family:var(--sans);font-size:22px;font-weight:400;letter-spacing:-.035em;margin-bottom:13px}.hero h1 em{font-size:1.1em;letter-spacing:-.065em}.hero-copy .eyebrow{font-size:10px;letter-spacing:.14em;color:#f1cc70}.hero-description{font-size:16px;max-width:440px;line-height:1.8}.hero .actions{gap:25px}.hero .button{background:#f6d67b;color:#152019;border:1px solid #f6d67b;box-shadow:3px 4px 0 #0009;border-radius:1px;font-size:12px}.hero .text-link{font-size:12px}.hero-art{height:400px;margin:15px -18px 60px 0}.mascot-parallax{inset:-9px -30px 0 -45px}.art-coordinate{font-size:8px;top:-42px;right:4%;color:#c5beaa;letter-spacing:.16em}.mascot-note{font-size:20px;bottom:-8px;right:3%}.palette-controls{bottom:-68px}.character-explore{bottom:-109px;font-size:12px}.hero-bottom{font-size:8px;padding-top:30px}.logo-hint{font-size:11px}.hero>.hanging-logo{top:12px}.hero .eyebrow>span{display:none}.craft-ribbon{background:#f5cf57;padding:18px 0}.craft-ribbon>div{gap:42px}.ribbon-rule{width:32px;height:1px;background:currentColor;display:block}.craft-ribbon span{font-size:12px}
.work-glimpse{display:grid;grid-template-columns:1.2fr 1fr .65fr;gap:20px;padding:45px 0 54px}.work-glimpse>a{position:relative;height:250px;overflow:hidden;background:#173d31;border:1px solid #c4a17238}.work-glimpse img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-glimpse>a:hover img{transform:scale(1.04)}.work-glimpse>a>span{position:absolute;left:20px;bottom:18px;font-size:13px;font-weight:600}.work-glimpse>a:not(.glimpse-type):after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#051710c9);pointer-events:none}.work-glimpse>a>span{z-index:1}.glimpse-food img{object-position:center 47%}.work-glimpse .glimpse-type{background:#f1cd5b;color:#15342b;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:0}.glimpse-type small{font-size:8px;letter-spacing:.12em;line-height:1.6}.glimpse-type strong{font:650 61px/.85 var(--serif);letter-spacing:-.06em}.glimpse-type em{font-family:Georgia,serif}.work-glimpse .glimpse-type>span{position:static;font-size:11px}
.services{background:#efe9d7;padding-top:105px}.section-heading h2{font-size:clamp(50px,5.8vw,83px)}.section-heading>p{max-width:390px}.services-layout{grid-template-columns:.7fr 1.3fr;gap:70px}.service-tab{padding:29px 0}.service-tab strong{font-size:36px;font-weight:600}.service-tab small{font-size:12px}.service-panel>p{max-width:none;font-size:15px}.service-tabs{margin-top:24px}.workstation{background:#dad4c4;padding:20px 22px 14px;border:1px solid #b0aa983f;border-radius:2px;overflow:hidden}.project-switch{display:flex;justify-content:center;gap:4px;margin-bottom:22px}.project-switch>button{background:none;color:#44564c;min-height:38px;padding:6px 16px;border-bottom:2px solid transparent;font-size:12px;font-weight:700}.project-switch>button[aria-pressed=true]{border-color:#bd572c;color:#173f34}.desktop-scene{position:relative;padding:0 2% 142px}.desktop-monitor{position:relative;z-index:1;background:#c3c7c2;border-radius:10px 10px 6px 6px;overflow:hidden;box-shadow:0 12px 25px #28332a2e}.monitor-screen{padding:10px 10px 0;background:#18201e}.monitor-screen>img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}.monitor-chin{height:28px;background:linear-gradient(100deg,#cbd0cc,#ecefeb 42%,#bdc1bd);border-top:1px solid #fff5}.monitor-chin:after{content:'';display:block;margin:auto;width:5px;height:5px;background:#737c77;border-radius:50%;transform:translateY(11px)}.monitor-stand{position:absolute;left:39%;top:calc(100% - 147px);width:22%;height:52px;background:linear-gradient(90deg,#a8ada9,#e9ece7,#a6aba5);clip-path:polygon(25% 0,75% 0,82% 80%,100% 91%,100% 100%,0 100%,0 91%,18% 80%)}.desktop-desk{height:8px;position:absolute;left:-22px;right:-22px;bottom:40px;background:linear-gradient(#a57247,#503a2a);box-shadow:0 12px 22px #28271b28}.desktop-mascot{width:47%;position:absolute;left:50%;bottom:-3px;transform:translateX(-50%);z-index:2;pointer-events:none;max-height:220px;object-fit:contain}.project-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#3b4f43;border-top:1px solid #6c716b40;padding-top:12px}.project-caption a{border-bottom:1px solid;font-weight:700;white-space:nowrap}.photo-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:430px}.photo-open{padding:0;position:relative;overflow:hidden;background:#e3d7bf}.photo-open img{height:100%;width:100%;object-fit:cover}.photo-open span{position:absolute;bottom:20px;left:20px;font:650 26px var(--serif);color:white;text-shadow:0 2px 14px #000}.photo-open:nth-child(2) img{object-fit:contain;padding:12px}.photo-open:nth-child(2) span{color:#193c32;text-shadow:none}.video-demo{height:430px;max-height:none;aspect-ratio:auto;border-radius:2px;background:radial-gradient(ellipse at center,#2a5a43,#11261d)}.video-demo .video-label{font-size:9px;top:24px;left:24px}.video-demo>button{font-size:12px}.service-footnote{font-size:12px;padding-bottom:20px}.service-footnote>span{font-size:11px}
.image-worlds{background:#005d75;color:#fff3d8;padding:100px 0 65px;overflow:hidden}.image-worlds .section-top .eyebrow{color:#f8d77f}.image-worlds .small-note{color:#b9d4d6}.image-worlds .section-heading>p{color:#d0e2e0;max-width:345px}.image-worlds h2 em{color:#f9cc5c}.image-grid{display:grid;grid-template-columns:1.2fr .95fr .85fr;grid-template-rows:440px;gap:20px;align-items:stretch}.image-tile{position:relative;border:0;padding:0;overflow:hidden;background:#0b2c2d;text-align:left;box-shadow:0 12px 22px #001d2844}.image-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.image-tile:hover>img{transform:scale(1.045)}.tile-product{margin-top:50px;margin-bottom:-20px}.tile-product img{object-position:57% center}.tile-people{margin-top:15px;margin-bottom:25px}.tile-people img{object-position:48% 20%}.image-tile>span{position:absolute;inset:auto 0 0;padding:90px 22px 22px;background:linear-gradient(transparent,#031b1aeb);color:#fff5df}.image-tile small{display:block;font-size:9px;letter-spacing:.15em;margin-bottom:7px}.image-tile strong{display:block;font:600 27px/1.1 var(--serif);max-width:85%}.image-tile b{position:absolute;right:22px;bottom:24px;font-size:22px;font-weight:400}.image-footer{margin:58px 0 0;font-size:13px;text-align:right;color:#d8e4dc}.image-footer>a{margin-left:15px;border-bottom:1px solid #d6e2d57a;color:#fff0c8}
.manifesto{background:#efcc62;color:#153a2d;padding:82px 0}.manifesto .eyebrow{color:#5b4b1e}.manifesto h2{font-weight:650}.manifesto h2 em{color:#1c6551}.manifesto-bottom>p{color:#3a4d35;font-size:15px}.manifesto .handwritten,.manifesto-mascot span{color:#77502c}.manifesto-bottom{grid-template-columns:1fr 1.6fr .9fr}.manifesto-mascot{max-width:290px}.pricing{padding-top:105px}.pricing .section-heading>p{font-size:16px}.pricing .section-top .eyebrow{color:#dfb578}.package-controls{border-radius:0;padding:6px}.package-controls>button{font-size:12px;border-radius:0;padding:14px 21px}.package-description{font-size:13px;margin-bottom:40px}.process{background:#f3e8d2}.steps article>span{font:650 58px var(--serif);color:#176049}.steps h3{font-weight:700}.steps article{border-top:2px solid #20554370}.about{background:linear-gradient(125deg,#123f36,#102b24)}.about-frame{background:#07546b;border-radius:48% 48% 3px 3px;border:2px solid #e4be6c66}.about-large-m{color:#efcf7630}.about-copy>p:not(.eyebrow):not(.languages){color:#d0d7c6}.about-copy h2 em{color:#f1d078}.about-stats strong{color:#f1d078;font-weight:600}.about-copy .eyebrow{color:#e2b57f}.about-stats span{color:#b8c9bc;font-size:11px}.about-stamp{color:#f0d990}.faq{background:#e5eadb}.faq summary{font-weight:600}.contact{background:#075f75}.contact h2 em{color:#f6cf68}.contact .eyebrow{color:#d1e3da}.contact p:not(.eyebrow){color:#dfebdf}.contact .button{background:#f4d379}.hanging-line{background:#e4c27099;height:2px}.contact-mascot .handwritten{color:#f9dd8d}.hanging-character{animation:atelier-hang 8s ease-in-out infinite}.motion-paused .hanging-character{animation:none}.footer-bottom i{display:none}
#photo-dialog{width:min(1100px,calc(100% - 32px));max-height:94svh;padding:48px 18px 16px;background:#0e201a;color:#f6ecd9;border:1px solid #e0c38b66;border-radius:4px}#photo-dialog::backdrop{background:#05100bee;backdrop-filter:blur(7px)}#photo-full{width:auto;height:auto;max-width:100%;max-height:76svh;object-fit:contain;margin:auto}#photo-caption{text-align:center;font-size:13px;margin-top:14px}.photo-close{position:absolute;right:10px;top:6px;width:40px;height:40px;background:none;font-size:32px;color:#f5e8c8}.motion-paused .craft-ribbon>div{animation-play-state:paused}.motion-paused .work-glimpse img,.motion-paused .image-tile img{transition:none;transform:none}.reveal{opacity:1}
@keyframes atelier-hang{0%,100%{transform:rotate(3deg)}50%{transform:rotate(6deg)}}
@media(min-width:1600px){.hero{--hero-logo-width:285px}.hero-art{height:460px}.hero>.hero-inner{min-height:815px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:6.5vw}.hero>.hero-inner{grid-template-columns:1.04fr 1fr;min-height:720px}.hero-art{height:350px;margin-top:40px}.hero-description{font-size:15px;max-width:370px}.hero .actions{gap:20px}.hero .text-link{font-size:11px}.services-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.image-grid{grid-template-rows:370px}.work-glimpse>a{height:210px}.glimpse-type strong{font-size:53px}.header{padding:0 32px}.header nav{gap:20px}.desktop-scene{padding-bottom:120px}.desktop-mascot{width:49%}.monitor-stand{top:calc(100% - 125px)}.project-caption{flex-wrap:wrap}.about-layout{gap:55px}}
@media(max-width:1050px){.header{height:0;border:0;padding:0;position:absolute;top:0;left:0;right:0;background:none}.header .wordmark{display:none}.menu-toggle{display:flex;position:absolute;top:23px;right:24px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:48px;height:48px;background:#142e25;border:1px solid #ead9b666;border-radius:50%;z-index:2}.menu-toggle span{height:1px;width:22px;background:#f5ecd7}.header nav{position:absolute;top:81px;right:24px;left:auto;width:min(310px,calc(100vw - 48px));display:none;align-items:stretch;flex-direction:column;gap:0;padding:16px;background:#15362b;border:1px solid #c9b58b66;box-shadow:0 12px 24px #0004}.header nav.open{display:flex}.header nav>a{padding:12px;font-size:15px}.hero{--hero-logo-width:240px;--hero-logo-clearance:43px}.hero>.hero-inner{min-height:0;display:grid;grid-template-columns:1fr;padding-top:235px;padding-bottom:55px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(66px,9.8vw,96px)}.hero-description{font-size:17px;max-width:520px}.hero-art{height:520px;width:90%;max-width:730px;margin:70px auto 100px}.mascot-parallax{inset:0 -20px 0}.art-coordinate{top:-25px}.palette-controls{bottom:-45px}.character-explore{bottom:-88px}.hero-bottom{padding-top:0}.hero .actions{gap:27px}.hero .text-link{font-size:13px}.hero .button{font-size:13px}.services-layout{grid-template-columns:1fr;gap:32px}.service-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:0;gap:16px;margin:0}.service-tab,.service-tab.active{padding:22px 0;grid-template-columns:1fr 22px;border-top:1px solid #243d3244}.service-num{display:none}.service-tab strong{font-size:28px}.service-tab.active{border-bottom:3px solid #18644c}.service-tab small{font-size:11px}.workstation{max-width:800px;margin:auto;padding:24px 35px 18px}.desktop-scene{padding-bottom:140px}.desktop-mascot{max-height:230px}.monitor-stand{top:calc(100% - 146px)}.project-caption{font-size:12px}.photo-service-grid,.video-demo{height:470px}.image-grid{grid-template-columns:1fr 1fr;grid-template-rows:400px 350px}.tile-food{grid-column:1/-1}.tile-product,.tile-people{margin:0}.tile-food img{object-position:center 52%}.work-glimpse{grid-template-columns:1.15fr 1fr .7fr;gap:14px}.work-glimpse>a{height:190px}.glimpse-type strong{font-size:47px}.manifesto-bottom{grid-template-columns:1fr 1.5fr}.manifesto .handwritten{grid-column:2;justify-self:start}.manifesto-mascot{grid-row:1/3}.contact-layout{grid-template-columns:1.2fr .8fr;gap:20px}.contact h2{font-size:84px}.contact .actions{gap:18px}.contact-mascot{min-height:490px}.hanging-character{height:360px;right:-15px}.contact-mascot .handwritten{bottom:10px}.hero-bottom>span{font-size:9px;max-width:260px}.hero-bottom>a{font-size:11px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.hero{--hero-logo-width:200px}.hero>.hero-inner{padding-top:190px;padding-bottom:25px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(50px,10.6vw,74px);white-space:normal;margin-top:20px}.hero-question{font-size:20px}.hero h1 em{font-size:1.12em}.hero-description{font-size:15px;max-width:470px}.hero .actions{gap:19px}.hero .button{font-size:11px;padding:14px 17px}.hero .text-link{font-size:11px}.hero-art{width:100%;height:clamp(260px,70vw,440px);margin:59px auto 105px}.mascot-parallax{inset:0 -12px 0}.art-coordinate{font-size:7px;top:-25px;right:3%}.mascot-note{font-size:18px;bottom:-7px;right:3%}.palette-controls{bottom:-66px}.character-explore{bottom:-106px;font-size:11px}.hero-bottom{padding-bottom:27px;gap:20px}.hero-bottom>span{font-size:7px;max-width:170px}.hero-bottom>a{font-size:9px;max-width:150px}.work-glimpse{padding:24px 0 30px;grid-template-columns:1fr 1fr;gap:12px}.work-glimpse>a{height:175px}.work-glimpse .glimpse-type{display:none}.work-glimpse>a>span{font-size:10px;left:12px;bottom:13px}.craft-ribbon span{font-size:10px}.craft-ribbon>div{gap:25px}.craft-ribbon{padding:14px 0}.services,.pricing,.image-worlds,.about,.faq{padding:65px 0}.section-heading h2{font-size:54px}.section-top .eyebrow{font-size:9px}.section-heading>p{font-size:16px}.service-tabs{gap:10px}.service-tab,.service-tab.active{display:block;position:relative;padding:18px 0}.service-tab strong{font-size:22px;letter-spacing:-.06em}.service-tab small{font-size:10px;max-width:100px;min-height:29px}.service-arrow{display:none}.workstation{padding:16px 12px 13px}.project-switch{gap:0;margin-bottom:16px}.project-switch>button{font-size:11px;padding:6px 14px}.desktop-scene{padding:0 0 103px}.desktop-mascot{width:48%;max-height:none}.monitor-screen{padding:7px 7px 0}.monitor-chin{height:20px}.monitor-chin:after{transform:translateY(8px);width:4px;height:4px}.monitor-stand{top:calc(100% - 109px);height:37px}.desktop-desk{bottom:30px}.project-caption{font-size:9px;gap:10px}.photo-service-grid,.video-demo{height:330px}.photo-open span{font-size:23px;left:14px}.video-demo .video-label{font-size:8px;left:15px}.image-grid{gap:14px;grid-template-rows:290px 310px}.image-tile>span{padding:70px 15px 18px}.image-tile strong{font-size:23px;max-width:100%}.image-tile b{display:none}.image-tile small{font-size:8px}.image-footer{font-size:13px;text-align:left;line-height:1.9;margin-top:26px}.image-footer>a{display:block;width:max-content;margin:8px 0 0}.manifesto{padding:60px 0}.manifesto h2{font-size:36px}.manifesto-bottom{grid-template-columns:100px 1fr;gap:20px}.manifesto-bottom>p{font-size:14px}.manifesto .handwritten{font-size:22px;margin:0}.manifesto-mascot{margin-left:-15px;width:130px;padding-top:5px}.package-controls>button{font-size:12px;padding:13px 9px}.package-description{font-size:12px;margin-bottom:26px}.process h2{font-size:45px}.steps h3{font-size:16px}.about-stats strong{font-size:52px}.about-frame{max-width:480px}.contact-layout{grid-template-columns:1fr}.contact h2{font-size:76px}.contact-mascot{height:370px;min-height:0;margin-top:38px}.hanging-character{height:345px;right:12px}.contact-mascot .handwritten{bottom:90px;left:0;font-size:24px}.contact .actions{gap:20px}.contact .button{font-size:11px}.footer-logo{width:175px}.footer-top>p{font-size:12px}.footer-bottom{font-size:10px}}
@media(max-width:390px){.hero h1{font-size:10.5vw}.hero .actions{gap:14px}.hero .button{font-size:10px;gap:12px}.hero .text-link{font-size:10px}.palette-controls{bottom:-86px}.character-explore{bottom:-124px}.hero-art{margin-bottom:130px}.service-tab strong{font-size:20px}.project-caption{font-size:8px}.desktop-scene{padding-bottom:87px}.monitor-stand{top:calc(100% - 94px)}.image-grid{grid-template-rows:240px 270px}.image-tile strong{font-size:20px}.contact h2{font-size:69px}}
@media(prefers-reduced-motion:reduce){.hanging-character{animation:none}.work-glimpse img,.image-tile img{transition:none}.work-glimpse>a:hover img,.image-tile:hover>img{transform:none}}
.contact{overflow:hidden}
@media(min-width:1051px){.hero>.hero-inner{min-height:0;padding-bottom:48px}.hero-art{height:410px;margin-top:15px;margin-bottom:75px}.mascot-parallax{inset:0}.art-coordinate{top:-40px;right:0}.mascot-note{bottom:-30px;right:1%;font-size:19px}.palette-controls{bottom:-89px}.character-explore{bottom:-127px}.hero-bottom{padding-top:12px}.mascot-note svg{right:0;bottom:24px;width:42px;height:42px}}