/* Gabriel Creative Agency: one visual direction, expressed through the work. */
.creative-company{--cc-bg:#090a0b;--cc-paper:#f0eee6;--cc-muted:#a7a8a0;--cc-line:#f0eee62b;--cc-accent:var(--accent,#d7c195);background:var(--cc-bg);color:var(--cc-paper);font-family:var(--sans,'DM Sans',Arial,sans-serif);overflow:clip}
.creative-company *{box-sizing:border-box}
.creative-company :is(h1,h2,h3,p,figure){margin:0}
.creative-company :is(h1,h2,h3){font-family:var(--sans,'DM Sans',Arial,sans-serif);font-weight:500;letter-spacing:-.065em;color:inherit;text-transform:none}
.creative-company :is(a,button,summary){-webkit-tap-highlight-color:transparent}
.creative-company a{color:inherit;text-decoration:none}
.creative-company p{font-size:14px;line-height:1.8;color:var(--cc-muted);max-width:58ch}
.creative-company em{font-style:normal;color:var(--cc-accent)}
.creative-company section[id]{scroll-margin-top:105px}
.creative-company .cc-eyebrow{display:block;font-size:10px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-muted)}
.creative-company .cc-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:46px;font-size:12px;border-bottom:1px solid #f0eee650;color:var(--cc-paper)}
.creative-company .cc-text-link>span:last-child{font-size:20px}
.creative-company .cc-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 22px;min-height:56px;background:var(--cc-paper);color:#111315;font-size:12px;border:1px solid var(--cc-paper)}
.creative-company .cc-primary-link>span:last-child{font-size:22px}
.creative-company .cc-primary-link:hover{background:var(--cc-accent);border-color:var(--cc-accent)}
.creative-company .cc-section-label{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 28px;border-top:1px solid var(--cc-line);font-size:10px;line-height:1.6;letter-spacing:.06em;padding-top:20px;color:var(--cc-muted)}
.creative-company .cc-hero{position:relative;isolation:isolate;min-height:calc(100svh - 80px);padding:25px 4vw 26px;background:radial-gradient(ellipse at 70% 45%,#3f3b2d2b,transparent 62%)}
.creative-company .cc-hero-top{position:relative;z-index:3;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.6;letter-spacing:.05em;color:var(--cc-muted)}
.creative-company .cc-hero-scene{position:absolute;inset:0 0 0 38%;z-index:0;opacity:.9;pointer-events:none}
.creative-company .cc-hero-scene .co-scene{height:100%;min-height:600px;width:100%}
.creative-company .cc-hero-copy{position:relative;z-index:2;padding:8vh 0 11vh;max-width:1100px;pointer-events:none}
.creative-company .cc-hero-copy a{pointer-events:auto}
.creative-company .cc-hero-copy>.cc-eyebrow{margin-bottom:20px}
.creative-company .cc-hero h1{font-size:clamp(82px,11.5vw,185px);line-height:.86;letter-spacing:-.075em;font-weight:500;text-shadow:0 4px 35px #090a0b44}
.creative-company .cc-hero h1>span{display:block;margin-left:8vw}
.creative-company .cc-hero h1 em{font-weight:400;color:var(--cc-accent)}
.creative-company .cc-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end;margin-top:45px;max-width:860px}
.creative-company .cc-hero-bottom>p{font-size:14px;line-height:1.8;max-width:34ch;color:#d1d1c8}
.creative-company .cc-hero-bottom>div{display:flex;align-items:start;flex-direction:column;gap:14px}
.creative-company .cc-hero-colophon{position:relative;z-index:2;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:var(--cc-muted)}
.creative-company .cc-hero-colophon a{display:flex;align-items:center;gap:25px;min-height:44px}
.creative-company .cc-statement{padding:60px 4vw 100px;display:grid;grid-template-columns:1.5fr 1fr;gap:35px 5vw}
.creative-company .cc-statement>.cc-section-label{grid-column:1/-1}
.creative-company .cc-statement h2{font-size:clamp(50px,6.3vw,98px);line-height:1.02}
.creative-company .cc-statement h2>span{color:var(--cc-accent)}
.creative-company .cc-statement-copy{padding-top:8px;max-width:470px}
.creative-company .cc-statement-copy p+p{margin-top:22px}
.creative-company .cc-statement-copy .cc-text-link{margin-top:25px}
.creative-company .cc-portfolio-section{padding:0 4vw 100px}
.creative-company .cc-portfolio-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:20px 0 55px}
.creative-company .cc-portfolio-intro h2{font-size:clamp(40px,5vw,82px);line-height:1.04}
.creative-company .cc-portfolio-intro>p{font-size:12px;max-width:34ch;margin-bottom:6px}
.creative-company .cc-portfolio-doors{border-top:1px solid var(--cc-line)}
.creative-company .cc-portfolio-door{position:relative;isolation:isolate;display:block;min-height:265px;padding:28px 0 25px;border-bottom:1px solid var(--cc-line);overflow:hidden}
.creative-company .cc-door-type{position:relative;display:grid;grid-template-columns:65px 1fr 80px;align-items:center;gap:20px;z-index:2}
.creative-company .cc-door-index{font-size:11px;color:var(--cc-muted);align-self:start;padding-top:10px}
.creative-company .cc-door-type h3{font-size:clamp(60px,9.6vw,155px);line-height:1.04;letter-spacing:-.075em;transition:transform .6s cubic-bezier(.2,.7,.3,1);text-shadow:0 5px 30px #0005}
.creative-company .cc-door-arrow{font-size:clamp(45px,5.6vw,85px);justify-self:end;align-self:start;line-height:1}
.creative-company .cc-door-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:25px;margin:15px 0 0 85px;font-size:11px;line-height:1.8;color:var(--cc-muted)}
.creative-company .cc-door-bottom>span:last-child{color:var(--cc-paper)}
.creative-company .cc-door-art{position:absolute;z-index:0;right:16%;top:50%;width:28%;height:190px;overflow:hidden;transform:translateY(-50%) rotate(-8deg) scale(.98);opacity:.48;transition:transform .7s cubic-bezier(.2,.7,.3,1),opacity .4s}
.creative-company .cc-door-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65)}
.creative-company .cc-door-websites .cc-door-art{right:10%;width:39%;transform:translateY(-50%) perspective(850px) rotateY(-15deg) rotateZ(4deg)}
.creative-company .cc-door-logos .cc-door-art{right:15%;width:34%;transform:translateY(-50%) rotate(-5deg)}
.creative-company .cc-door-placeholder{position:absolute;z-index:0;right:12%;top:22%;font-size:130px;letter-spacing:-.08em;color:#f0eee61c;line-height:1}
.creative-company .cc-work-section{padding:0 4vw 100px}
.creative-company .cc-work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 55px}
.creative-company .cc-work-heading h2{font-size:clamp(50px,6.5vw,105px);line-height:1}
.creative-company .cc-work-heading>.cc-text-link{margin-bottom:5px}
.creative-company .cc-selected-projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 35px}
.creative-company .cc-selected-project:first-child{grid-column:1/-1}
.creative-company .cc-selected-project:nth-child(3){padding-top:100px}
.creative-company .cc-project-image{position:relative;display:block;width:100%;aspect-ratio:1.35;overflow:hidden;background:#1b201b}
.creative-company .cc-selected-project:first-child .cc-project-image{aspect-ratio:1.9;background:#173b2c}
.creative-company .cc-project-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.creative-company .cc-selected-project:first-child .cc-project-image>img{object-fit:contain}
.creative-company .cc-project-open{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f0eee6;color:#171917;font-size:25px}
.creative-company .cc-project-caption{display:grid;grid-template-columns:32px 1fr 35px;gap:15px;padding-top:22px}
.creative-company .cc-project-index{font-size:10px;color:var(--cc-muted);padding-top:4px}
.creative-company .cc-project-client{font-size:10px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-muted)}
.creative-company .cc-project-caption h3{font-size:clamp(25px,3vw,45px);line-height:1.08;margin:10px 0 14px;max-width:25ch;letter-spacing:-.045em}
.creative-company .cc-project-caption p{font-size:11px;line-height:1.7}
.creative-company .cc-project-arrow{min-height:44px;min-width:35px;display:grid;place-items:start end;font-size:25px}
.creative-company .cc-project-typography{height:100%;display:grid;place-items:center;padding:5vw;font-size:clamp(40px,8vw,120px);letter-spacing:-.07em}
.creative-company .cc-credit-note{font-size:10px;margin-top:35px;color:#85867e}
.creative-company .cc-work-inquiry{padding:40px 0}.creative-company .cc-work-inquiry .cc-text-link{margin-top:20px}
.creative-company .cc-method-section{padding:0 4vw 100px}
.creative-company .cc-method-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;margin-top:25px}
.creative-company .cc-method-layout h2{font-size:clamp(48px,6.5vw,104px);line-height:1;margin:25px 0 30px}
.creative-company .cc-method-layout>div:first-child>p{max-width:33ch;font-size:13px}
.creative-company .cc-method-steps>details{border-top:1px solid var(--cc-line)}
.creative-company .cc-method-steps>details:last-child{border-bottom:1px solid var(--cc-line)}
.creative-company .cc-method-steps summary{display:grid;grid-template-columns:30px 1fr 20px;gap:20px;align-items:center;cursor:pointer;list-style:none;min-height:90px}
.creative-company .cc-method-steps summary::-webkit-details-marker{display:none}
.creative-company .cc-method-steps summary>span:first-child{font-size:10px;color:var(--cc-muted)}
.creative-company .cc-method-steps summary h3{font-size:30px;letter-spacing:-.045em}
.creative-company .cc-method-steps summary>span:last-child{font-size:22px;transition:transform .25s}
.creative-company .cc-method-steps details[open] summary>span:last-child{transform:rotate(45deg)}
.creative-company .cc-method-steps details>p{font-size:12px;padding:0 30px 30px 50px}
.creative-company .cc-closing{position:relative;isolation:isolate;padding:70px 4vw 65px;background:#d8d0b8;color:#121411;overflow:hidden}
.creative-company .cc-closing:after{content:'G';position:absolute;right:-8%;bottom:-44%;z-index:-1;font-size:clamp(400px,65vw,1000px);line-height:1;letter-spacing:-.08em;color:#1214110b}
.creative-company .cc-closing .cc-eyebrow{color:#53564b}
.creative-company .cc-closing h2{font-size:clamp(50px,7.9vw,128px);line-height:1.01;margin:25px 0 30px;max-width:15ch}
.creative-company .cc-cta-link{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:clamp(23px,3.6vw,55px);letter-spacing:-.04em;border-top:1px solid #12141144;border-bottom:1px solid #12141144;padding:24px 0;max-width:100%}
.creative-company .cc-cta-link>span:last-child{font-size:1.4em;line-height:1}
.creative-company .cc-closing>p{font-size:12px;color:#53564b;margin-top:25px;max-width:55ch}
.creative-company .cc-page-opening{padding:65px 4vw 70px;background:radial-gradient(ellipse at 90% 60%,#3f3b2d22,transparent 60%)}
.creative-company .cc-page-opening h1{font-size:clamp(58px,8.5vw,136px);line-height:.99;letter-spacing:-.07em;margin-top:33px}
.creative-company .cc-page-opening-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:45px}
.creative-company .cc-page-opening-bottom>p{font-size:14px;line-height:1.9;max-width:46ch}
.creative-company .cc-page-opening-bottom>span{font-size:10px;color:var(--cc-muted);padding-bottom:6px}
.creative-company .cc-about-manifesto{padding:0 4vw 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:35px 8vw}
.creative-company .cc-about-manifesto>.cc-section-label{grid-column:1/-1}
.creative-company .cc-about-manifesto h2{font-size:clamp(55px,7vw,110px);line-height:1.02}
.creative-company .cc-about-manifesto h2 span{color:var(--cc-accent)}
.creative-company .cc-about-manifesto>div:last-child{padding-top:7px}
.creative-company .cc-about-manifesto p+p{margin-top:23px}
.creative-company .cc-founder{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:0 4vw 100px;align-items:center}
.creative-company .cc-founder figure{margin:0;min-width:0}
.creative-company .cc-founder figure img{display:block;width:100%;height:auto;max-height:750px;aspect-ratio:.82;object-fit:cover;object-position:center 30%;filter:saturate(.6)}
.creative-company .cc-founder figcaption{font-size:10px;line-height:1.7;color:var(--cc-muted);margin-top:15px}
.creative-company .cc-founder h2{font-size:clamp(48px,6.3vw,101px);line-height:1.02;margin:25px 0 30px}
.creative-company .cc-founder p+p{margin-top:20px}
.creative-company .cc-founder .cc-text-link{margin-top:25px}
.creative-company .cc-principles{padding:0 4vw 100px}
.creative-company .cc-principle{display:grid;grid-template-columns:50px 1fr 1fr;gap:35px;align-items:start;border-bottom:1px solid var(--cc-line);padding:35px 0}
.creative-company .cc-principle>span{font-size:11px;color:var(--cc-muted);padding-top:6px}
.creative-company .cc-principle h3{font-size:clamp(29px,3.5vw,52px);line-height:1.1;letter-spacing:-.05em}
.creative-company .cc-principle p{font-size:13px;max-width:38ch;padding-top:5px}
.creative-company .cc-ventures{padding:0 4vw 100px}
.creative-company .cc-ventures>header{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:25px 0 45px}
.creative-company .cc-ventures h2{font-size:clamp(45px,5.7vw,91px);line-height:1.03}
.creative-company .cc-ventures header p{max-width:40ch;font-size:13px}
.creative-company .cc-ventures>div:last-child>a{display:grid;grid-template-columns:1fr 1fr 30px;align-items:center;gap:30px;border-top:1px solid var(--cc-line);padding:28px 0}
.creative-company .cc-ventures>div:last-child>a:last-child{border-bottom:1px solid var(--cc-line)}
.creative-company .cc-ventures strong{font-size:clamp(27px,3vw,46px);font-weight:500;letter-spacing:-.05em}
.creative-company .cc-ventures a>span:nth-child(2){font-size:12px;color:var(--cc-muted)}
.creative-company .cc-ventures a>span:last-child{font-size:27px}
.creative-company .cc-service-jumps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:0 4vw 70px}
.creative-company .cc-service-jumps a{display:grid;grid-template-columns:22px 1fr 20px;gap:10px;align-items:center;border-top:1px solid var(--cc-line);min-height:70px;font-size:12px;line-height:1.6}
.creative-company .cc-service-jumps a>span:first-child{font-size:9px;color:var(--cc-muted)}
.creative-company .cc-service-jumps a>span:last-child{justify-self:end;font-size:20px}
.creative-company .cc-service-chapter{display:grid;grid-template-columns:1fr 1.12fr;gap:7vw;padding:0 4vw 95px}
.creative-company .cc-service-chapter-head{padding-top:28px;border-top:1px solid var(--cc-line)}
.creative-company .cc-service-chapter h2{font-size:clamp(42px,5.4vw,87px);line-height:1.02;margin:30px 0 28px;max-width:13ch}
.creative-company .cc-service-chapter-head>p{font-size:13px;max-width:38ch}
.creative-company .cc-service-chapter-head .cc-text-link{margin-top:25px}
.creative-company .cc-service-offers{border-top:1px solid var(--cc-line)}
.creative-company .cc-service-offers>a{display:grid;grid-template-columns:1fr 25px;gap:25px;align-items:center;padding:26px 0;border-bottom:1px solid var(--cc-line)}
.creative-company .cc-service-offers h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin-bottom:12px}
.creative-company .cc-service-offers p{font-size:12px;line-height:1.75;max-width:48ch}
.creative-company .cc-service-offers>a>span:last-child{font-size:24px;align-self:start}
.creative-company .cc-scope-note{padding:0 4vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:30px 8vw}
.creative-company .cc-scope-note>.cc-eyebrow{grid-column:1/-1;border-top:1px solid var(--cc-line);padding-top:25px}
.creative-company .cc-scope-note h2{font-size:clamp(45px,5.4vw,86px);line-height:1.04}
.creative-company .cc-scope-note p+p{margin-top:20px}
.creative-company .cc-scope-note .cc-text-link{margin-top:25px}
.creative-company .cc-contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;padding:0 4vw 100px;align-items:start}
.creative-company .cc-contact-layout>aside{padding-top:26px;border-top:1px solid var(--cc-line)}
.creative-company .cc-contact-layout h2{font-size:clamp(42px,5vw,80px);line-height:1.04;margin:28px 0}
.creative-company .cc-contact-layout aside>p{font-size:13px;max-width:37ch}
.creative-company .cc-contact-email{display:inline-flex;align-items:center;gap:15px;min-height:55px;max-width:100%;font-size:clamp(14px,1.5vw,22px);letter-spacing:-.025em;margin:17px 0 20px;overflow-wrap:anywhere}
.creative-company .cc-contact-email>span{font-size:24px}
.creative-company .cc-contact-next{border-top:1px solid var(--cc-line);padding-top:25px;margin-top:12px}
.creative-company .cc-contact-next>span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-muted);margin-bottom:12px}
.creative-company .cc-contact-next>p{font-size:12px;max-width:38ch}
.creative-company .cc-contact-layout aside>nav{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:25px}
.creative-company .cc-contact-form{min-width:0}
.creative-company :is(a,button,summary):focus-visible{outline:2px solid var(--cc-accent);outline-offset:6px}
@media(hover:hover) and (pointer:fine){.creative-company .cc-portfolio-door:hover .cc-door-art{opacity:.9;transform:translateY(-50%) rotate(0) scale(1.06)}.creative-company .cc-portfolio-door:hover h3{transform:translateX(14px)}.creative-company .cc-project-image:hover img{transform:scale(1.035)}.creative-company .cc-text-link:hover{border-color:var(--cc-accent);color:var(--cc-accent)}.creative-company .cc-service-offers>a:hover h3,.creative-company .cc-ventures>div:last-child>a:hover strong{color:var(--cc-accent)}}
@media(min-width:1800px){.creative-company .cc-hero{min-height:920px}.creative-company .cc-hero-copy{padding-top:100px;padding-bottom:100px}.creative-company .cc-hero h1{font-size:190px}}
@media(max-width:1100px){.creative-company .cc-hero h1{font-size:12vw}.creative-company .cc-hero-scene{left:25%}.creative-company .cc-hero-bottom{max-width:760px}.creative-company .cc-statement{gap:30px 4vw}.creative-company .cc-door-type{grid-template-columns:40px 1fr 60px}.creative-company .cc-door-bottom{margin-left:60px}.creative-company .cc-portfolio-door{min-height:230px}.creative-company .cc-door-art{height:170px}.creative-company .cc-service-jumps{gap:15px}.creative-company .cc-service-jumps a{font-size:11px;grid-template-columns:15px 1fr 15px}.creative-company .cc-contact-layout{gap:5vw}}
@media(max-width:760px){.creative-company section[id]{scroll-margin-top:88px}.creative-company .cc-hero{padding:20px 5vw 20px;min-height:780px;min-height:calc(100svh - 68px);display:flex;flex-direction:column;justify-content:space-between}.creative-company .cc-hero-top{font-size:9px;gap:22px}.creative-company .cc-hero-top>span:last-child{max-width:19ch;text-align:right}.creative-company .cc-hero-scene{inset:60px -15% 20px 15%;opacity:.46}.creative-company .cc-hero-scene .co-scene{min-height:470px}.creative-company .cc-hero-copy{padding:65px 0 55px}.creative-company .cc-hero-copy>.cc-eyebrow{font-size:9px;margin-bottom:25px}.creative-company .cc-hero h1{font-size:clamp(54px,15vw,110px);line-height:.94;letter-spacing:-.075em}.creative-company .cc-hero h1>span{margin-left:6vw}.creative-company .cc-hero-bottom{display:block;margin-top:35px}.creative-company .cc-hero-bottom>p{font-size:12px;max-width:30ch;line-height:1.85}.creative-company .cc-hero-bottom>div{margin-top:25px;gap:10px}.creative-company .cc-primary-link{min-height:52px;padding:14px 20px;gap:35px;font-size:11px}.creative-company .cc-text-link{min-height:44px;font-size:11px;gap:25px}.creative-company .cc-hero-colophon{font-size:8px;gap:20px;align-items:center}.creative-company .cc-hero-colophon>span{max-width:24ch}.creative-company .cc-hero-colophon a{gap:12px;white-space:nowrap}.creative-company .cc-section-label{font-size:9px;padding-top:18px;padding-bottom:18px}.creative-company .cc-statement{grid-template-columns:1fr;padding:45px 5vw 65px;gap:25px}.creative-company .cc-statement h2{font-size:clamp(39px,9.5vw,69px);line-height:1.04}.creative-company .cc-statement-copy{max-width:none;padding-top:5px}.creative-company p{font-size:13px}.creative-company .cc-statement-copy p{max-width:48ch}.creative-company .cc-statement-copy p+p{margin-top:18px}.creative-company .cc-portfolio-section{padding:0 5vw 65px}.creative-company .cc-portfolio-intro{display:block;margin:20px 0 30px}.creative-company .cc-portfolio-intro h2{font-size:clamp(35px,8.4vw,58px)}.creative-company .cc-portfolio-intro>p{font-size:11px;margin-top:22px;max-width:40ch}.creative-company .cc-portfolio-door{min-height:210px;padding:28px 0 20px;display:flex;flex-direction:column;justify-content:space-between}.creative-company .cc-door-type{grid-template-columns:25px 1fr 35px;gap:10px}.creative-company .cc-door-index{font-size:9px;padding-top:7px}.creative-company .cc-door-type h3{font-size:clamp(43px,10.8vw,72px);line-height:1.1}.creative-company .cc-door-arrow{font-size:32px;padding-top:3px}.creative-company .cc-door-bottom{margin-left:35px;margin-top:30px;font-size:9px;gap:15px;max-width:calc(100% - 35px)}.creative-company .cc-door-bottom>span:first-child{max-width:21ch}.creative-company .cc-door-bottom>span:last-child{text-align:right;max-width:10ch}.creative-company .cc-door-art{height:140px;width:36%;right:14%;opacity:.44}.creative-company .cc-door-websites .cc-door-art{width:55%;right:12%}.creative-company .cc-door-logos .cc-door-art{width:49%;right:14%}.creative-company .cc-work-section{padding:0 5vw 65px}.creative-company .cc-work-heading{margin:20px 0 30px;gap:20px}.creative-company .cc-work-heading h2{font-size:clamp(39px,10vw,68px)}.creative-company .cc-work-heading>.cc-text-link{font-size:10px;gap:15px;margin:0}.creative-company .cc-selected-projects{grid-template-columns:1fr;gap:40px}.creative-company .cc-selected-project:first-child{grid-column:auto}.creative-company .cc-selected-project:nth-child(3){padding:0}.creative-company .cc-project-image{aspect-ratio:1.23}.creative-company .cc-selected-project:first-child .cc-project-image{aspect-ratio:1.3}.creative-company .cc-project-open{width:38px;height:38px;right:12px;bottom:12px;font-size:21px}.creative-company .cc-project-caption{grid-template-columns:20px 1fr 25px;gap:12px;padding-top:18px}.creative-company .cc-project-index{font-size:8px;padding-top:3px}.creative-company .cc-project-client{font-size:9px}.creative-company .cc-project-caption h3{font-size:27px;margin:9px 0 12px}.creative-company .cc-project-caption p{font-size:10px}.creative-company .cc-project-arrow{font-size:22px}.creative-company .cc-credit-note{font-size:9px;margin-top:30px}.creative-company .cc-method-section{padding:0 5vw 65px}.creative-company .cc-method-layout{grid-template-columns:1fr;gap:30px;margin-top:22px}.creative-company .cc-method-layout h2{font-size:clamp(44px,10vw,70px);margin:20px 0 25px}.creative-company .cc-method-layout>div:first-child>p{font-size:12px;max-width:42ch}.creative-company .cc-method-steps summary{min-height:80px;grid-template-columns:22px 1fr 20px;gap:15px}.creative-company .cc-method-steps summary h3{font-size:26px}.creative-company .cc-method-steps details>p{padding:0 5px 25px 37px;font-size:11px}.creative-company .cc-closing{padding:45px 5vw 40px}.creative-company .cc-closing h2{font-size:clamp(40px,9.5vw,65px);margin:25px 0 30px;max-width:14ch}.creative-company .cc-closing .cc-eyebrow{font-size:9px;max-width:33ch}.creative-company .cc-cta-link{font-size:27px;padding:20px 0}.creative-company .cc-closing>p{font-size:11px;max-width:42ch}.creative-company .cc-page-opening{padding:45px 5vw 50px}.creative-company .cc-page-opening h1{font-size:clamp(40px,9.7vw,73px);line-height:1.02;margin-top:28px}.creative-company .cc-page-opening-bottom{display:block;margin-top:30px}.creative-company .cc-page-opening-bottom>p{font-size:12px;max-width:44ch}.creative-company .cc-page-opening-bottom>span{display:block;font-size:9px;margin-top:22px}.creative-company .cc-page-opening-bottom>.cc-text-link{margin-top:20px}.creative-company .cc-about-manifesto{grid-template-columns:1fr;padding:0 5vw 60px;gap:25px}.creative-company .cc-about-manifesto h2{font-size:clamp(45px,11vw,75px)}.creative-company .cc-about-manifesto>div:last-child{padding-top:0}.creative-company .cc-about-manifesto p+p{margin-top:20px}.creative-company .cc-founder{grid-template-columns:1fr;padding:0 5vw 65px;gap:35px}.creative-company .cc-founder figure img{max-height:600px;aspect-ratio:.9}.creative-company .cc-founder figcaption{font-size:9px}.creative-company .cc-founder h2{font-size:clamp(48px,11vw,78px);margin:20px 0 25px}.creative-company .cc-founder p{font-size:12px;max-width:48ch}.creative-company .cc-principles{padding:0 5vw 65px}.creative-company .cc-principle{grid-template-columns:25px 1fr;gap:17px;padding:25px 0}.creative-company .cc-principle>span{font-size:9px}.creative-company .cc-principle h3{font-size:29px}.creative-company .cc-principle p{grid-column:2;font-size:12px;padding-top:0;max-width:41ch}.creative-company .cc-ventures{padding:0 5vw 65px}.creative-company .cc-ventures>header{display:block;margin:20px 0 30px}.creative-company .cc-ventures h2{font-size:clamp(41px,10vw,70px)}.creative-company .cc-ventures header p{font-size:12px;margin-top:25px;max-width:45ch}.creative-company .cc-ventures>div:last-child>a{grid-template-columns:1fr 25px;gap:12px;padding:24px 0}.creative-company .cc-ventures strong{font-size:30px}.creative-company .cc-ventures a>span:nth-child(2){grid-column:1;font-size:10px}.creative-company .cc-ventures a>span:last-child{grid-column:2;grid-row:1/3;font-size:25px}.creative-company .cc-service-jumps{grid-template-columns:1fr 1fr;padding:0 5vw 50px;gap:0 20px}.creative-company .cc-service-jumps a{font-size:10px;gap:7px;min-height:66px;grid-template-columns:14px 1fr 14px}.creative-company .cc-service-chapter{grid-template-columns:1fr;gap:30px;padding:0 5vw 65px}.creative-company .cc-service-chapter-head{padding-top:22px}.creative-company .cc-service-chapter h2{font-size:clamp(40px,10vw,68px);margin:25px 0;max-width:15ch}.creative-company .cc-service-chapter-head>p{font-size:12px;max-width:45ch}.creative-company .cc-service-chapter-head .cc-text-link{margin-top:20px}.creative-company .cc-service-offers>a{gap:20px;padding:22px 0}.creative-company .cc-service-offers h3{font-size:22px;margin-bottom:10px}.creative-company .cc-service-offers p{font-size:11px}.creative-company .cc-service-offers>a>span:last-child{font-size:21px}.creative-company .cc-scope-note{grid-template-columns:1fr;padding:0 5vw 65px;gap:25px}.creative-company .cc-scope-note h2{font-size:clamp(41px,10vw,68px)}.creative-company .cc-scope-note p{font-size:12px;max-width:46ch}.creative-company .cc-contact-layout{grid-template-columns:1fr;gap:40px;padding:0 5vw 65px}.creative-company .cc-contact-layout h2{font-size:clamp(41px,10vw,68px);margin:22px 0}.creative-company .cc-contact-layout aside>p{font-size:12px;max-width:43ch}.creative-company .cc-contact-email{font-size:20px;gap:16px;margin:12px 0 18px}.creative-company .cc-contact-next>p{font-size:11px;max-width:44ch}.creative-company .cc-contact-layout aside>nav{gap:12px 25px;margin-top:20px}}
@media(max-width:360px){.creative-company .cc-hero h1{font-size:52px}.creative-company .cc-door-type h3{font-size:40px}.creative-company .cc-door-type{grid-template-columns:20px 1fr 25px;gap:7px}.creative-company .cc-door-bottom{margin-left:27px;max-width:calc(100% - 27px)}.creative-company .cc-page-opening h1{font-size:37px}.creative-company .cc-contact-email{font-size:18px}}
@media(prefers-reduced-motion:reduce){.creative-company *,.creative-company *:before,.creative-company *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.creative-company .cc-portfolio-door:hover .cc-door-art,.creative-company .cc-portfolio-door:hover h3,.creative-company .cc-project-image:hover img{transform:none}}
html.motion-paused .creative-company *{animation:none!important;transition:none!important}
@media(forced-colors:active){.creative-company{background:Canvas;color:CanvasText}.creative-company .cc-door-art{opacity:.4}.creative-company .cc-primary-link,.creative-company .cc-closing{border:1px solid CanvasText;background:Canvas;color:CanvasText}.creative-company :is(.cc-text-link,.cc-section-label,.cc-portfolio-door,.cc-method-steps>details,.cc-service-offers>a){border-color:CanvasText}}