.tin-studio{--studio-paper:#fbfaf6;--studio-ink:#123f43;--studio-teal:#066168;--studio-amber:#ffaa0d;--studio-muted:#456263;--studio-line:#c9d6d1;--studio-white:#fff;--studio-pale:#f0eee5;--studio-radius:18px;background:var(--studio-paper);color:var(--studio-ink);font-family:var(--font-base,Figtree,sans-serif);line-height:1.6}.tin-studio *{box-sizing:border-box}.studio-wrap{width:calc(100% - 96px);max-width:1296px;margin-inline:auto}.tin-studio :is(h1,h2,h3){font-family:var(--font-title,Afacad,sans-serif);font-weight:500;letter-spacing:-.035em;line-height:1.05;color:inherit;margin:0;text-wrap:balance}.tin-studio h2{font-size:clamp(36px,4vw,60px)}.tin-studio p{font-size:17px;line-height:1.65;margin:0;color:var(--studio-muted)}.tin-studio figure{margin:0}.tin-studio a{color:inherit}.tin-studio :is(a,button,input,summary):focus-visible{outline:3px solid var(--studio-amber);outline-offset:5px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;white-space:nowrap;padding:15px 25px;border-radius:999px;background:var(--studio-teal);color:var(--studio-white)!important;text-decoration:none;font-size:16px;font-weight:500;line-height:1.5;transition:transform .2s,background .2s}.studio-button:hover{background:var(--studio-ink);transform:translateY(-2px)}.studio-button:active{transform:translateY(0)}.studio-button svg{flex-shrink:0;transition:transform .2s}.studio-button:hover svg{transform:translate(3px)}.studio-hero{padding-top:194px;padding-bottom:82px}.studio-hero h1{font-size:clamp(80px,9.5vw,146px);line-height:.89;letter-spacing:-.055em;max-width:100%;animation:studio-title .8s cubic-bezier(.2,.7,.2,1) both}.studio-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:64px;margin-top:46px}.studio-hero-bottom p{font-size:22px;line-height:1.5;max-width:630px;animation:studio-arrive .7s ease-out both}.studio-hero-bottom .studio-button{animation:studio-arrive .7s ease-out both}.studio-work{padding-bottom:104px}.studio-work h2{font-size:30px;line-height:1.15;margin-bottom:25px}.studio-artboards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.studio-artboards figure>div{height:365px;overflow:hidden;border-radius:var(--studio-radius);background:var(--studio-pale)}.studio-artboards img{display:block;height:100%;width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.studio-artboards figure:hover img{transform:scale(1.035)}.studio-artboards figcaption{font-size:18px;line-height:1.4;padding-top:16px;color:var(--studio-ink)}.studio-services{display:grid;grid-template-columns:.82fr 1.45fr;align-items:start;gap:100px;padding-block:0 105px;scroll-margin-top:150px}.studio-brief{position:sticky;top:165px}.studio-brief>p{max-width:330px;margin-top:27px}.studio-brief .studio-button{margin-top:25px}.studio-brief-selection{margin-top:30px}.studio-brief-selection>p{font-size:15px;color:var(--studio-ink);font-weight:500}.studio-brief-selection ul{list-style:none;padding:0;margin:14px 0 0;max-height:220px;overflow-y:auto;scrollbar-width:thin}.studio-brief-selection li{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;padding:10px 3px 10px 0;border-bottom:1px solid var(--studio-line);color:var(--studio-muted)}.studio-brief-selection button{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:36px;cursor:pointer;border:0;background:transparent;border-radius:50%;color:var(--studio-ink)}.studio-brief-selection button:hover{background:var(--studio-pale)}.studio-service{border-bottom:1px solid var(--studio-line)}.studio-service:first-child{border-top:1px solid var(--studio-line)}.studio-service summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:26px 0;min-height:95px}.studio-service summary::-webkit-details-marker{display:none}.studio-service summary>h3{font-size:32px;line-height:1.1;max-width:580px}.studio-service summary>svg{flex-shrink:0;transition:transform .2s;color:var(--studio-teal)}.studio-service summary:hover>h3{color:var(--studio-teal)}.studio-service[open] summary>svg{transform:rotate(45deg)}.studio-service-body{padding:0 36px 30px 0;animation:studio-arrive .25s ease-out}.studio-service-body>p{font-size:16px;max-width:580px;margin-bottom:22px}.studio-service-body>ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.studio-service-body li{min-width:0}.studio-service-body label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:10px 0;font-size:16px;line-height:1.45;min-height:44px;color:var(--studio-ink)}.studio-service-body input{accent-color:var(--studio-teal);flex-shrink:0;width:18px;height:18px;cursor:pointer;margin-top:3px}.studio-service-enquiry{display:inline-block;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--studio-line);font-size:15px;line-height:1.6;margin-top:23px;padding-block:7px}.studio-service-enquiry:hover{text-decoration-color:var(--studio-teal)}.studio-identity{background:var(--studio-teal);padding-block:88px;color:var(--studio-white)}.studio-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.studio-identity h2{font-size:clamp(40px,4.2vw,62px)}.studio-identity p{color:var(--studio-white);font-size:19px;line-height:1.6;max-width:440px;margin-top:30px}.studio-brand-sheet{background:var(--studio-paper);border-radius:var(--studio-radius);padding:64px 36px 0;overflow:hidden}.studio-brand-sheet>img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain;margin-bottom:58px}.studio-brand-colours{display:grid;grid-template-columns:repeat(3,1fr);margin-inline:-36px}.studio-brand-colours span{display:flex;align-items:flex-end;min-height:118px;padding:18px;font-size:14px;line-height:1.4;background:var(--studio-teal);color:var(--studio-white)}.studio-brand-colours span:nth-child(2){background:var(--studio-amber);color:var(--studio-ink)}.studio-brand-colours span:last-child{background:var(--studio-pale);color:var(--studio-ink)}.studio-process{padding-block:100px}.studio-process h2{max-width:750px;margin-bottom:42px}.studio-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;list-style:none;margin:0;padding:0}.studio-process li{border-top:1px solid var(--studio-line);padding-top:25px}.studio-process h3{font-size:30px;margin-bottom:16px}.studio-process p{font-size:16px;line-height:1.65}.studio-faq{align-items:start;display:grid;grid-template-columns:.82fr 1.45fr;gap:100px;padding-block:0 100px}.studio-faq details{border-bottom:1px solid var(--studio-line)}.studio-faq details:first-child{border-top:1px solid var(--studio-line)}.studio-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;list-style:none;cursor:pointer;font-size:17px;font-weight:500;line-height:1.45}.studio-faq summary::-webkit-details-marker{display:none}.studio-faq summary svg{flex-shrink:0;transition:transform .2s}.studio-faq details[open] summary svg{transform:rotate(45deg)}.studio-faq details>p{font-size:16px;padding:0 26px 25px 0}.studio-contact{background:var(--studio-pale);padding-block:84px}.studio-contact>.studio-wrap{display:flex;justify-content:space-between;align-items:center;gap:70px}.studio-contact h2{font-size:clamp(48px,5.8vw,84px);line-height:.98;max-width:680px}.studio-contact p{font-size:19px;max-width:350px;margin-bottom:25px}.studio-contact .studio-button{background:var(--studio-ink)}@keyframes studio-title{0%{clip-path:inset(0 0 10% 0);transform:translateY(14px)}to{clip-path:inset(-12% 0);transform:translateY(0)}}@keyframes studio-arrive{0%{transform:translateY(14px)}to{transform:translateY(0)}}@supports (animation-timeline:view()){.studio-artboards figure,.studio-process li{animation:studio-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 90%}}@media(max-width:1199px){.studio-wrap{width:calc(100% - 64px)}.studio-services,.studio-faq{gap:55px;grid-template-columns:.75fr 1.4fr}.studio-identity-grid{gap:55px}.studio-service-body>ul{grid-template-columns:1fr}.studio-service summary>h3{font-size:29px}.studio-artboards figure>div{height:310px}.studio-process ol{gap:26px}}@media(max-width:991px){.studio-hero{padding-top:180px;padding-bottom:65px}.studio-hero h1{font-size:112px}.studio-hero-bottom{gap:30px}.studio-hero-bottom p{font-size:20px;max-width:440px}.studio-work{padding-bottom:72px}.studio-artboards{gap:17px;grid-template-columns:repeat(3,1fr)}.studio-artboards figure>div{height:260px}.studio-artboards figcaption{font-size:16px}.studio-services{grid-template-columns:1fr;gap:35px;padding-bottom:72px}.studio-brief{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.studio-brief>p{margin-top:0;max-width:none}.studio-brief-selection{margin-top:23px;grid-column:2;grid-row:2}.studio-brief>.studio-button{justify-self:start;align-self:start;grid-column:1;grid-row:2;margin-top:23px}.studio-brief h2{font-size:48px}.studio-service summary>h3{font-size:32px}.studio-service-body>ul{grid-template-columns:1fr 1fr}.studio-identity{padding-block:65px}.studio-identity-grid{gap:35px}.studio-identity h2{font-size:44px}.studio-identity p{font-size:17px}.studio-brand-sheet{padding-top:40px}.studio-brand-sheet>img{margin-bottom:35px}.studio-brand-colours span{min-height:90px;padding:14px}.studio-process{padding-block:72px}.studio-process ol{grid-template-columns:1fr 1fr;gap:35px}.studio-faq{grid-template-columns:1fr;gap:35px;padding-bottom:72px}.studio-contact{padding-block:65px}.studio-contact>.studio-wrap{gap:40px}.studio-contact h2{font-size:60px}}@media(max-width:575px){.studio-wrap{width:calc(100% - 40px)}.studio-hero{padding-top:158px;padding-bottom:49px}.studio-hero h1{font-size:clamp(56px,16vw,70px);line-height:.94;letter-spacing:-.045em}.studio-hero-bottom{display:block;margin-top:28px}.studio-hero-bottom p{font-size:18px;line-height:1.55;max-width:none}.studio-hero-bottom .studio-button{margin-top:25px}.studio-button{font-size:16px;min-height:52px;padding:14px 23px;gap:24px}.studio-work{padding-bottom:58px}.studio-work h2{font-size:28px;margin-bottom:22px}.studio-artboards{grid-template-columns:1fr 1fr;gap:22px 14px}.studio-artboards figure:first-child{grid-column:1/-1}.studio-artboards figure>div{height:190px}.studio-artboards figure:first-child>div{height:300px}.studio-artboards figcaption{font-size:16px;padding-top:12px}.studio-services{gap:32px;padding-bottom:58px;scroll-margin-top:120px}.studio-brief{display:block}.studio-brief h2{font-size:44px;line-height:1.02}.studio-brief>p{font-size:16px;line-height:1.6;margin-top:22px}.studio-brief-selection{margin-top:22px}.studio-brief>.studio-button{margin-top:22px}.studio-brief-selection ul{max-height:170px}.studio-service summary{padding:24px 0;gap:18px;min-height:86px}.studio-service summary>h3{font-size:27px;line-height:1.08}.studio-service summary>svg{width:20px;height:20px}.studio-service-body{padding-right:0;padding-bottom:25px}.studio-service-body>p{font-size:16px;margin-bottom:17px}.studio-service-body>ul{grid-template-columns:1fr;gap:2px}.studio-service-body label{font-size:16px;line-height:1.45;padding:10px 0}.studio-service-enquiry{font-size:15px;margin-top:17px}.studio-identity{padding-block:50px}.studio-identity-grid{grid-template-columns:1fr;gap:32px}.studio-identity h2{font-size:42px}.studio-identity p{font-size:17px;margin-top:24px}.studio-brand-sheet{padding:42px 25px 0}.studio-brand-sheet>img{margin-bottom:38px}.studio-brand-colours{margin-inline:-25px}.studio-brand-colours span{min-height:96px;padding:14px;font-size:14px}.studio-process{padding-block:58px}.studio-process h2{font-size:37px;margin-bottom:30px;max-width:330px}.studio-process ol{grid-template-columns:1fr;gap:30px}.studio-process li{padding-top:22px}.studio-process h3{font-size:29px;margin-bottom:13px}.studio-faq{gap:29px;padding-bottom:58px}.studio-faq h2{font-size:40px}.studio-faq summary{font-size:16px;padding-block:21px}.studio-faq details>p{padding-right:0;font-size:16px}.studio-contact{padding-block:52px}.studio-contact>.studio-wrap{display:block}.studio-contact h2{font-size:51px;max-width:340px}.studio-contact p{font-size:17px;margin-top:28px;margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.tin-studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-button:hover,.studio-button:hover svg,.studio-artboards figure:hover img{transform:none!important}}body:has(.tin-studio) .loading-area{display:none}