/*
Theme Name: Flat Pack Mates Studio
Version: 1.0
*/
:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;color:var(--ink,#171716);background:var(--paper,#f7f4e9);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.18em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #935dfb;outline-offset:4px}img{max-width:100%;height:auto}figure{margin:0}main h1,main h2,main h3,.foot h2{line-height:1.03;letter-spacing:-.055em;margin:0 0 .38em}main h1{font-size:clamp(3.3rem,8.8vw,9.4rem);font-weight:950}main h2{font-size:clamp(2.2rem,5.1vw,5.4rem);font-weight:900}main h3{font-size:clamp(1.35rem,2.6vw,2.3rem);font-weight:850}p{margin:0 0 1em}.skip{position:absolute;top:-80px;left:1rem;background:white;color:black;padding:.6rem;z-index:5}.skip:focus{top:.4rem}.mast{background:var(--nav,#131313);color:var(--navtext,white);position:relative;z-index:2}.rail,.shell,.hero-shell,.footgrid,.footbase{width:min(91%,1320px);margin-inline:auto}.rail{display:flex;align-items:center;gap:clamp(.7rem,2vw,2rem);min-height:76px}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;font-weight:950;letter-spacing:-.07em;line-height:.92;font-size:1.25rem;white-space:nowrap}.branddot{color:var(--pop,#ffdf35)}.desktop{display:flex;gap:clamp(.7rem,2vw,2rem);margin-left:auto}.desktop a,.headtel,.headbook,.mob a{font-size:.88rem;font-weight:800;text-decoration:none}.headtel{white-space:nowrap}.headbook,.mob summary{background:var(--pop);color:#111;padding:.6rem .9rem;font-weight:850}.mob,.desktop .mobile-tel{display:none}.band,.answer-band{padding-block:clamp(3.3rem,7vw,7.5rem)}.eyebrow,.photo-label,.item-no{font:800 .76rem/1.25 ui-monospace,monospace;letter-spacing:.105em;text-transform:uppercase;margin:0 0 1.25rem}.band .shell>p:not(.eyebrow){max-width:72ch}.hero{overflow:hidden}.hero-shell{display:grid;align-items:center;gap:2rem;padding-block:clamp(3rem,6vw,6rem)}.intro{font-size:clamp(1.05rem,1.65vw,1.4rem);max-width:41ch}.hero-art{position:relative}.hero-art img,.item img,.visit-layout img,.extra-layout img,.showcase img{display:block;width:100%;object-fit:cover}.photo-label{margin:0;padding:.8rem 1rem;background:var(--nav);color:var(--navtext)}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}.wp-block-button__link{display:inline-block;background:var(--btn,#151515);color:var(--btntext,#fff);text-decoration:none;font-size:.93rem;font-weight:850;padding:.78rem 1.2rem;border:2px solid var(--btn,#151515);border-radius:0}.wp-block-button+.wp-block-button .wp-block-button__link{background:transparent;color:inherit}.wp-block-button__link:hover,.headbook:hover{text-decoration:underline}.answers,.visit-layout,.extra-layout,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,4vw,4rem)}.answer h2{font-size:clamp(1.55rem,3vw,2.6rem)}.answer p:last-child,.faq-row p:last-child{margin-bottom:0}.item-stack{margin-block:2.5rem 3.5rem}.item{display:grid;align-items:center;gap:clamp(1.2rem,4vw,4.5rem);margin-block:2rem}.item img{aspect-ratio:1.55}.item-no{margin-bottom:.55rem}.item-text p:last-child{margin-bottom:0}.wp-block-table{margin:1.5rem 0 2rem;overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%;font-size:clamp(.8rem,1.5vw,1rem);background:var(--table,#fff);color:#171716}.wp-block-table th,.wp-block-table td{text-align:left;padding:.65rem clamp(.45rem,1.4vw,1rem);border:1px solid #202020;vertical-align:top;overflow-wrap:anywhere}.wp-block-table th{background:var(--pop);color:#111}.visit-layout,.extra-layout{align-items:start;margin-block:2rem}.visit-copy h3:not(:first-child),.extra-copy h3:not(:first-child){margin-top:1.3rem}.visit-layout img{aspect-ratio:4/5}.extra-layout img{aspect-ratio:1.4}.faq-grid{gap:0 2rem}.faq-row{border-top:2px solid;padding:1.3rem 0}.faq-row h3{font-size:1.35rem}.showcase{background:var(--showcase,var(--pop));padding:2rem 0}.showcase-inner img{max-height:460px;object-position:center 44%}.foot{background:var(--nav);color:var(--navtext);padding:3.4rem 0 1.3rem}.footgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}.foot h2{font-size:1.2rem}.footgrid>div>a:not(.brand){display:block;margin-bottom:.35rem}.footgrid p{max-width:31ch;margin-top:1rem}.footbase{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;border-top:1px solid;padding-top:1rem;margin-top:2rem;font-size:.85rem}.estimate{background:#fff;color:#151515;border:2px solid #151515;padding:clamp(1rem,3vw,2.6rem);margin-top:2rem}.estimate-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.estimate label{font-weight:750;display:block}.estimate select,.estimate input{font:inherit;width:100%;margin-top:.4rem;padding:.65rem;background:white;border:1px solid #171717}.estimate output{display:block;font-size:1.35rem;font-weight:850;margin:.8rem 0}.estimate small{display:block}.estimate button{margin-top:1rem;cursor:pointer}.estimate .wp-block-heading{font-size:1.8rem}
.crazy-geometry{--pop:#ffdf35;--paper:#f8f5e8;--nav:#151515;--navtext:#fff;--blue:#173fd7}.crazy-geometry .hero{background:linear-gradient(112deg,var(--pop) 62%,var(--blue) 62%)}.crazy-geometry .hero-shell{grid-template-columns:1.1fr 1fr;min-height:min(690px,78vh)}.crazy-geometry .hero h1{max-width:9ch;font-style:italic;line-height:.89}.crazy-geometry .hero-art{transform:rotate(-5deg);border:5px solid #141414;box-shadow:14px 14px 0 #141414;margin-right:1rem}.crazy-geometry .hero-art img{aspect-ratio:1.25}.crazy-geometry .answer-band,.crazy-geometry .extras{background:var(--blue);color:white}.crazy-geometry .answer{border-left:5px solid var(--pop);padding-left:1.2rem}.crazy-geometry .item{grid-template-columns:.85fr 1.15fr;border-bottom:2px solid;padding-bottom:1.6rem}.crazy-geometry .item:nth-child(even){grid-template-columns:1.15fr .85fr}.crazy-geometry .item:nth-child(even) figure{order:2}.crazy-geometry .item img{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.crazy-geometry .pricing,.crazy-geometry .cta{background:var(--pop)}.crazy-geometry .visit{background:#151515;color:white}.crazy-geometry .cta{background:linear-gradient(105deg,var(--pop) 76%,var(--blue) 76%)}
.playful-workshop{--pop:#ff8c52;--paper:#fff1d6;--ink:#17362a;--nav:#224537;--navtext:#fff8e7;--btn:#224537;--table:#fff8e9;--showcase:#ff8c52}.playful-workshop .hero{background:radial-gradient(circle at 82% 37%,#ff8c52 0 18%,transparent 18.2%),var(--paper)}.playful-workshop .hero-shell{grid-template-columns:1fr .82fr;min-height:min(695px,78vh)}.playful-workshop h1,.playful-workshop main h2{font-family:Georgia,serif;font-weight:700;letter-spacing:-.075em}.playful-workshop .hero h1{max-width:8ch;line-height:.9}.playful-workshop .hero-art{margin:1rem 2rem 1rem 0;transform:rotate(4deg)}.playful-workshop .hero-art img{aspect-ratio:1.05;border-radius:48% 48% 9% 9%}.playful-workshop .photo-label{display:table;transform:rotate(-9deg) translate(-9px,-10px);background:#ff8c52;color:#17362a;border:1px solid}.playful-workshop .wp-block-button__link,.playful-workshop .headbook{border-radius:100px}.playful-workshop .answer-band,.playful-workshop .extras{background:#e2edc3}.playful-workshop .answer{padding:1.45rem;border:1px dashed;border-radius:1.7rem}.playful-workshop .visit,.playful-workshop .cta{background:#224537;color:#fff1d6;--btn:#ff8c52;--btntext:#17251c}.playful-workshop .furniture{background:#fff8e9}.playful-workshop .item-stack{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}.playful-workshop .item{display:block;margin:0;background:#fff1d6;padding:1rem 1rem 1.6rem;border-radius:1.5rem}.playful-workshop .item:nth-child(even){margin-top:3.4rem;background:#e2edc3}.playful-workshop .item img{border-radius:45% 45% 1rem 1rem;margin-bottom:1rem}.playful-workshop .item-text{padding:.55rem}.playful-workshop .extra-layout img,.playful-workshop .visit-layout img{border-radius:45% 45% 1rem 1rem}.playful-workshop .pricing{background:#ffb48d}.playful-workshop .showcase-inner img{border-radius:4rem 4rem 1rem 1rem}
.neo-brutalist-assembly{--pop:#c7fc54;--paper:#f0edff;--nav:#151515;--navtext:#fff;--table:#fff;--showcase:#c7fc54}.neo-brutalist-assembly .hero{background:#d3bfff;border-bottom:4px solid}.neo-brutalist-assembly .hero-shell{display:block;padding-bottom:0}.neo-brutalist-assembly .hero-copy{position:relative;z-index:1}.neo-brutalist-assembly .hero h1{max-width:11ch;font-size:clamp(3.25rem,11vw,11rem);line-height:.82;text-transform:uppercase;margin-bottom:.22em}.neo-brutalist-assembly .hero-art{width:67%;margin:-4rem 0 0 auto;border:4px solid;border-bottom:0}.neo-brutalist-assembly .hero-art img{aspect-ratio:2.05}.neo-brutalist-assembly .photo-label{background:var(--pop);color:#111;border-top:4px solid}.neo-brutalist-assembly .answer-band{background:var(--pop);border-bottom:4px solid}.neo-brutalist-assembly .answer{border:3px solid;background:#fff;padding:1.25rem;box-shadow:6px 6px #151515}.neo-brutalist-assembly .pricing,.neo-brutalist-assembly .faq{background:#f7f6f0}.neo-brutalist-assembly .band{border-bottom:4px solid}.neo-brutalist-assembly .item{grid-template-columns:1.45fr 1fr;border:3px solid;margin:0;gap:0;background:#fff}.neo-brutalist-assembly .item+.item{border-top:0}.neo-brutalist-assembly .item-text{padding:clamp(1rem,3vw,3rem)}.neo-brutalist-assembly .item img{aspect-ratio:1.4;border-right:3px solid}.neo-brutalist-assembly .item:nth-child(even){background:#d3bfff}.neo-brutalist-assembly .visit{background:#c7fc54}.neo-brutalist-assembly .extras,.neo-brutalist-assembly .cta{background:#d3bfff}.neo-brutalist-assembly .wp-block-button__link{box-shadow:4px 4px #151515}.neo-brutalist-assembly .showcase-inner img{border:4px solid}
@media(max-width:900px){.desktop,.headbook{display:none}.rail{min-height:68px}.headtel{margin-left:auto}.mob{display:block}.mob summary{list-style:none;cursor:pointer}.mob summary::-webkit-details-marker{display:none}.mob nav{position:absolute;top:100%;left:0;right:0;display:grid;background:var(--nav);color:var(--navtext);padding:.7rem 4.5% 1.2rem}.mob nav a{padding:.62rem 0;border-bottom:1px solid #ffffff50}.neo-brutalist-assembly .hero-art{margin:1.5rem 0 0 auto;width:85%}}
@media(max-width:640px){.brand{font-size:1rem}.brand img{width:34px;height:34px}.rail{gap:.55rem}.headtel,.mob summary{font-size:.75rem}.mob summary{padding:.48rem}.hero-shell,.crazy-geometry .hero-shell,.playful-workshop .hero-shell,.answers,.visit-layout,.extra-layout,.faq-grid,.playful-workshop .item-stack,.footgrid,.crazy-geometry .item,.crazy-geometry .item:nth-child(even),.neo-brutalist-assembly .item{grid-template-columns:1fr;min-height:0}.hero-shell{gap:1.3rem}.crazy-geometry .hero{background:linear-gradient(155deg,var(--pop) 70%,var(--blue) 70%)}.crazy-geometry .hero-art{width:90%;margin:0 auto}.crazy-geometry .item:nth-child(even) figure{order:0}.playful-workshop .hero-art{width:79%;margin:0 auto}.playful-workshop .item:nth-child(even){margin-top:0}.neo-brutalist-assembly .hero-art{width:100%}.neo-brutalist-assembly .item img{border-right:0;border-bottom:3px solid}.visit-layout img{aspect-ratio:1.55}.estimate-fields{grid-template-columns:1fr}.footgrid{gap:1.1rem}.crazy-geometry .cta{background:var(--pop)}}
.playful-workshop .hero-art::after{content:"";position:absolute;right:-5%;bottom:-5%;width:clamp(76px,13vw,185px);aspect-ratio:6/5;background:url(workshop-sketch.svg) center/contain no-repeat;pointer-events:none;transform:rotate(-9deg)}
@media(max-width:360px){.neo-brutalist-assembly .hero h1{font-size:12.2vw}.headtel{font-size:.7rem}}