:root{color:#151515;background:#f7f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:#f7f5f0}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem clamp(1.25rem,4vw,4.5rem);background:#f7f5f0d6;border-bottom:1px solid rgba(21,21,21,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:700}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#f7f5f0;background:#151515;border-radius:50%;font-size:1rem}.nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);color:#55504a;font-size:.92rem;font-weight:650}.nav a:hover{color:#151515}.choice-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:calc(100svh - 4.75rem);background:#151515}.path{position:relative;display:flex;min-height:calc(100svh - 4.75rem);flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(2rem,5vw,4.5rem);isolation:isolate;transition:flex .22s ease,filter .22s ease,transform .22s ease}.path:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";transition:opacity .26s ease,transform .5s ease}.path:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}.path:hover:before{transform:scale(1.035)}.path-consulting{color:#151515;background:#f7f5f0}.path-consulting:before{background:radial-gradient(circle at 84% 24%,rgba(52,89,69,.18),transparent 24rem),linear-gradient(160deg,#fbfaf6,#e8e4dc)}.path-consulting:after{background:linear-gradient(90deg,#f7f5f0eb,#f7f5f02e),repeating-linear-gradient(90deg,rgba(21,21,21,.06) 0 1px,transparent 1px 6rem)}.path-studio{color:#f7f1df;background:#101411}.path-studio:before{background:linear-gradient(180deg,#0809080f,#08090894),url(/frodo-studios-scene.svg) center / cover}.path-studio:after{background:linear-gradient(90deg,#08090833,#080908c7),radial-gradient(circle at 70% 34%,rgba(242,199,102,.12),transparent 20rem)}.path-label{max-width:20rem;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.path h1,.path h2{max-width:10ch;margin:1.35rem 0 0;font-size:clamp(3.5rem,7vw,7rem);font-weight:780;line-height:.92;letter-spacing:0}.path-studio h2{max-width:9ch}.path p{max-width:34rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.55}.path-consulting p{color:#4d4741}.path-studio p{color:#f7f1dfc7}.path-action{display:inline-flex;width:fit-content;min-height:3.1rem;align-items:center;margin-top:2rem;border-bottom:2px solid currentColor;font-size:.95rem;font-weight:800}.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:0 1.35rem;font-size:.95rem;font-weight:750}.button.primary{color:#f7f5f0;background:#151515}.button.primary:hover{background:#315642}.button.secondary{color:#151515;border-color:#15151529;background:#ffffff61}.button.secondary:hover{border-color:#15151557}.section{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,4vw,4.5rem)}.section-heading{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.section h2,.contact h2{margin:0;max-width:12ch;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.98;letter-spacing:0}.section-heading p{max-width:28rem;margin:0;color:#5f5a54;font-size:1.08rem;line-height:1.65}.service-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(21,21,21,.16)}.service-list article{min-height:21rem;padding:1.35rem;border-right:1px solid rgba(21,21,21,.12)}.service-list article:last-child{border-right:0}.service-list span{color:#81786e;font-size:.8rem;font-weight:800}.service-list h3{margin:5rem 0 1rem;font-size:clamp(1.45rem,2vw,1.85rem);line-height:1.05}.service-list p{margin:0;color:#5f5a54;line-height:1.6}.products{display:grid;grid-template-columns:minmax(0,.8fr) minmax(20rem,.62fr);gap:clamp(2rem,6vw,6rem);align-items:stretch;background:#151515;color:#f6f1e8}.product-copy p{max-width:42rem;margin:2rem 0 0;color:#c7bfb3;font-size:1.1rem;line-height:1.75}.product-card{display:flex;min-height:25rem;flex-direction:column;justify-content:space-between;border:1px solid rgba(246,241,232,.18);border-radius:.5rem;padding:clamp(1.35rem,3vw,2rem);background:linear-gradient(145deg,rgba(69,107,82,.42),transparent 58%),#23231f}.product-name{color:#9fc4aa;font-size:.8rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.product-card h3{margin:1rem 0 0;font-size:clamp(2rem,5vw,4rem);line-height:.98}.product-card p{max-width:27rem;margin:0;color:#d9d2c6;line-height:1.65}.contact{display:grid;gap:1.5rem;place-items:center;padding:clamp(5rem,10vw,8rem) clamp(1.25rem,4vw,4.5rem);text-align:center}.contact h2{max-width:13ch}.contact p{max-width:35rem;margin:0;color:#5f5a54;font-size:1.1rem;line-height:1.65}.company-details{display:grid;width:min(100%,16rem);grid-template-columns:1fr;gap:0;margin:2rem 0 0;border-top:1px solid rgba(21,21,21,.12);border-left:1px solid rgba(21,21,21,.12);text-align:left}.company-details div{min-height:7rem;padding:1rem;border-right:1px solid rgba(21,21,21,.12);border-bottom:1px solid rgba(21,21,21,.12)}.company-details dt{color:#81786e;font-size:.78rem;font-weight:800;text-transform:uppercase}.company-details dd{margin:1.75rem 0 0;color:#151515;font-size:1rem;font-weight:750;line-height:1.35}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,4vw,4.5rem);color:#5f5a54;border-top:1px solid rgba(21,21,21,.1);font-size:.9rem}@media(max-width:940px){.site-header,.section-heading,.site-footer{align-items:flex-start;flex-direction:column}.choice-hero,.products{grid-template-columns:1fr}.choice-hero,.path{min-height:auto}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.company-details{grid-template-columns:1fr}.service-list article:nth-child(2){border-right:0}.service-list article{border-bottom:1px solid rgba(21,21,21,.12)}}@media(max-width:620px){.site-header{position:static}.nav{width:100%;justify-content:space-between}.path{min-height:72svh;padding:2rem 1.25rem}.path h1,.path h2{font-size:clamp(3rem,15vw,4.5rem)}.button{width:100%}.service-list,.company-details{grid-template-columns:1fr}.service-list article,.service-list article:nth-child(2){min-height:auto;border-right:0}.service-list h3{margin-top:3rem}}
